﻿body{ font-family: Microsoft Yahei; margin-bottom: 55px}
ul,li{ list-style: none;margin: 0;padding: 0}
.none{display: none}

.mar-top{margin-top: 10px}
.container{ padding: 0;max-width: 700px;min-width: 320px;}
.row{margin: 0 0 0 -10px}

.col-lg-12,.col-xs-12{padding:0 10px}

.panel{margin-bottom: 0}

.icon-home{color:#428bca }


/*border*/
.bor-primary{border: 1px solid #0fc570;}
.bor-danger{ border: 1px solid #d43f3a}
a.red{color: #d43f3a}
a.fff{color: #fff}
.gray{color: #666}
.warning{color: #8a6d3b}

.form-horizontal .form-group {
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: 10px;
}

.main{position: relative; margin: 0 auto; width: 100%; max-width: 700px;background: #fff}

/*顶部板块*/
#header{max-width:700px;margin: 0 auto; margin-bottom: 0; background:#0fc570}
#header .colxs4{ padding: 10px ;height: 50px;}
#header img{height: 100%}

/*首页轮播*/
.swiper-container {max-width: 700px; margin: 0 auto;}
.swiper-slide img{ width: 100%;}

/*首页大分类*/ 
.pindao{padding: 0 0 10px 0;}
.pindao li{float: left; width: 20%; margin:5px 0;text-align: center;color: #666}
.pindao li img{ width: 50px;}
.pindao span{display: block;padding-top:2px;font-size: 12px;}

/*首页分类*/
.panel{ border: none}
.panel-body{padding:10px 10px 0 }
.panel-body .row .col-xs-6{padding: 0 0 10px 10px}
.panel-heading{padding: 10px; font-size: 16px; }


/*快速找产品*/
.cpClass{font-family: Microsoft YaHei,Arial,Helvetica,sans-serif;
    text-align: center;
    margin: 0 auto;
    font-size:70%;
    color: #000;}
.cpClass ul li span{font-size:1.6em; display:inline-block; width:100%; height:40px; line-height:40px; text-align:left; border-bottom:1px solid #dcdcdc;}
.cpClass ul li span img{ float:right; background:#fff;}
.cpClass ul li span a:hover{ color:#df3031}
.cpClass ul li .xla{ float:right; color:#a9a9a9; font-weight:bold; line-height:3em;}
.cpClass li  p {width: 24.888%;float: left;line-height:35px;height: 35px; font-size:1em; font-weight:normal;padding:0;}
.cpClass li  p a {display: inline-block;font-size: 1.4em;height: 34px;width: 100%;text-align: center;border-bottom:1px dotted #dfdfdf;color: #333;padding:0;border-left:1px dotted #dfdfdf;}
.cpClass li  p a:hover{ color:#df3031}
.cpClasstxt ul li {padding: 2% 0 2% 0;border-bottom: 1px solid #CCC;height:85px;}
.cpClasstxt ul li a img {float: left;margin: 0 1%; height:85px;}
.cpClasstxt ul li p {line-height: 1.5em;font-size: 1.4em; text-align:left; color:#8e8c8c;}
.cpClasstxt ul li a{ color:#666666;}
.cpClasstxt ul li span{ color:#FF0000;}
.cpClass ul li span  a {font-size:0.83em; color:#616262; padding-left:2%;}
.cpClass .xiaode{background:#fdfdfd; border-right:1px dotted #dfdfdf;}
.cpClasstxt ul li .jianjie a{color:#df3031; font-size:1em;}
.cpClasstxt ul li .name{ font-size:1.6em; line-height:1.5em; color:#1c1c1c; padding-bottom:1%;}
.cpClasstxt ul li .name a{ color:#1c1c1c;}
.cpClasstxt ul li p a{ color:#8e8c8c;}

/*弹出搜索层*/
#modal_search{position: fixed; top: 0; left: 0; z-index: 1040; padding: 10px;  height: 100%; background: #fff;}
#modal_search_ci{padding: 15px 0}
#modal_search_ci ul li{ float: left;padding: 6px 20px; margin: 0 5px 5px 0; border-radius: 30px;border: 1px solid #ccc; text-align: center}

/*弹出引导层*/
#modal_global{ position: absolute; top: 50px;left: 0;width: 100%; max-width: 700px; z-index: 1029;padding: 10px 0;height: 200%; background: #fff}

/*首页产品*/
.tuijian .thumbnail{margin: 0}
.tuijian p{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden;line-height: 30px}
.tuijian .thumbnail>img{height: 120px;max-width: 100%}
.caption p {text-align: center;font-size: 14px;margin: 0}

/*首页资讯标题+介绍*/
.dl-default{border-bottom: 1px dotted #aaa;margin-bottom: 10px}
.dl-default dt a{font-family: Microsoft yahei;font-size: 16px;font-weight: normal}
.dl-default-txt{text-indent: 2em;padding: 10px 0 0 0}
.dl-default-btn{text-align: right;padding: 2px 5px}

.dl-red{border-bottom: 1px dotted #aaa;margin-bottom: 10px}
.dl-red dt a{font-family: Microsoft yahei;font-size: 16px;font-weight: normal;color: red}
.dl-red-txt{text-indent: 2em;padding: 10px 0 0 0}
.dl-red-btn{text-align: right;padding: 2px 5px}
.dl-red-btn a{text-align: right;padding: 2px 5px;color: red}


/*文章*/
.news{position: relative;overflow: hidden; background: #fff;margin-bottom: 10px;padding: 10px;}
.news h4{ font-weight: 700;line-height: 24px}
.news .news-info{width:100%}
.news .news-info img{ max-width: 100%;width: auto; height:auto}



/*.nav>li>a{font-size: 16px;font-family: 微软雅黑;padding: 5px 3px}
@media (min-width: 360px) {
.nav-pills>li+li {
margin-left: 2.5%;
}
.nav>li>a{font-size: 16px;font-family: 微软雅黑;padding: 5px 4px}
}*/

.footer{max-width: 700px;margin: 0 auto; text-align: center;font-size: 12px;color: #666}
 

.lit li{font-size: 16px;height: 30px;overflow: hidden; line-height: 30px;border-bottom: 1px dashed #ddd;}
.lit li a{color: #333}


/*产品搜索*/
.media-body{ width: 100%;padding-top: 10px}
.media-body div{line-height: 25px}
.line{ border-bottom: 1px solid #efefef; padding: 0 0 10px 0;margin: 0; width: 100%}
.media-heading a{color: #d9534f}
.bigtel{font-size: 15px}
.breadcrumb{margin-bottom: 10px}

/*搜索样式*/
.paichong{display: block;width: 150px; margin: 10px auto; height: 30px; line-height: 30px;text-align: center;color: #fff; background:#ccc}
.vis{color: green}

 
/*产品单页*/
.bread{border-radius: 0; margin: 10px -10px;text-align: center;color: #0083ff;font-size: 16px}
#gongneng{width: 100%}
#gongneng *{ max-width: 100% !important;width: auto !important;line-height: 25px;font-size: 14px}

/*消息*/
.alert{ padding: 5px 35px 5px 5px; margin-bottom: 10px}



/*重置该属性*/
.panel-warning {border-color: #d43f3a;}
.panel-warning>.panel-heading {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.navbar-header {float:none}

/*登陆*/
.bg01,.bg02,.bg03,.bg04{margin-bottom: 10px;padding: 10px 0;text-align: center}
.bg01{ background: #f3f3f3;border: 1px solid #28b779}
.bg02{ background: #f3f3f3;border: 1px solid #ffb748}
.bg03{ background: #f3f3f3;border: 1px solid #27a9e3}
.bg04{ background: #f3f3f3;border: 1px solid #fd5f56}

/*底部固定*/
.fix-bottom{ background: #0fc570;font-size: 12px;padding: 5px 0;-moz-box-shadow: 0 -1px 2px #ddd;
    -webkit-box-shadow: 0 -1px 2px #eee;
    box-shadow: 0 -1px 2px #eee; }
.fix-bottom i{font-size: 18px}
.fix-bottom a{ color: #fff;font-size: 14px}
.fix-bottom a.active{color: #f9ff00}
.fix-bottom .col-xs-3{padding: 0}




/*用户中心*/
  
.mnlist li {
    float: left;
    width: 25%;
    text-align: center;
    margin: 0px 5px 0px 5px;
    color: #555;
    list-style-type: none;
}

    .mnlist li img {
        width: 20px;
    }

    .mnlist li a {
        color: #555;
    }

    .mnlist li p {
        font-size: 0.01px;
        padding-top: 0px;
    }
.left {
    width: 20%;float: left;padding:5px 0 0 5%;
}



