/* CSS Document */
section{display:block}
/*列表页导航*/
.m-header{ width:96%; float:left; height:42px; padding:0 2% 0 2%; text-align:center; background:#0482CC ;position:relative; z-index:100}
.m-header h2{font-size:18px;line-height:42px;height:42px;color:#fff}
.m-header h2 a{display:inline-block;padding:0 10px;color:#fff;font-weight:bold; font-size:16px;font-weight: bold}

.m-header-back{width:40px;height:100%;position:absolute;left:0;top:0;z-index:1}
.m-header-back a{display:block;width:100%;height:100%;background:url(../img/jiantou-2016.png) no-repeat center center;background-size:12px 21px}
.m-header-back a:active{background-color:rgba(0,0,0,.1)}

.m-header-tool-key{width:40px;height:100%;background:url(../img/m_nav-2016.png) no-repeat center center;background-size:20px 15px;cursor:pointer;position:absolute;right:0;top:0}
.m-header-tool-key:active{background-color:rgba(0,0,0,.1)}
.m-header-tool-box{display:none;width:260px;height:100%;background:rgba(231,240,242,.95);box-shadow:0 2px 2px #333;position:fixed;right:-260px;top:0;z-index:1000}

.m-header-tool{display:none;width:100%;height:100%;overflow:hidden;position:fixed;left:0;top:0;z-index:10001}
.m-header-tool .shadow{width:100%;height:100%;overflow:hidden;background:#000;opacity:0;cursor:pointer;position:relative;z-index:1}
.m-header-tool .t-box-min{padding:0 10px}
.m-header-tool .t-box{width:80%; height:100%;overflow:hidden;background:#fff;position:absolute;right:-260px;top:0;z-index:22222}
.m-header-tool .t-box .m-header-nav{height:46px;line-height:46px;margin:0 15px;border-bottom:1px solid #F2F2F2;font-size:18px;color:#000;position:relative}
.m-header-tool .t-box .m-header-nav i{display:block;width:20px;height:20px;overflow:hidden;margin-top:-10px;border-radius:10px;background:#F5A623 url(../img/2016-nav-xx.png) no-repeat center center;position:absolute;right:0;top:50%;cursor:pointer}
.m-header-tool dl{ width:100%; float:left; padding-top:5px;overflow:hidden;line-height:30px}
.m-header-tool dt{width:100%; float:left; height:30px;text-indent:5px;color:#252161;font-size:16px}
.m-header-tool dt a{float:left;color:#099}
.m-header-tool dd{ width:48%; float:left; margin:1%; line-height:35px; margin-top:5px}
.m-header-tool dd a{display:block; font-size:14px; text-align:center;background:#f9f9f9; border:1px solid #efefef}
.m-header-tool dd a:hover{background:#F5A623; color:#fff;border:1px solid #F5A623}

.youshi{ width:100%; float:left; background:#f5f5f5; padding:2% 0}
.youshi ul li { width:48%; float:left; margin:2% 1%}
.ysimg{ width:27%; float:left}
.ysimg img{ width:100% }
.ysbox{ width:68%; float: right}
.ysbox h2 {width:100%; float:left}
.ysbox p {width:100%; float:left; margin-top:4%; font-size:10px; line-height:15px}
/********图片列表********/
.tpl{ width:100%; float:left; background:#fff; padding:1% 0}
.tpl ul li{ width:31.3%; float:left; margin:1.5% 1% 1.5% 1%; line-height:35px; text-align:center; background:#f4f4f4; border-radius: 3px}
.tpl ul li a{ display:block;  border-radius: 5px}
.tpl ul li a:hover{ background:#252161; color:#fff; border-radius: 5px}
.tpl ul li a.focus{ background:#252161; color:#fff; border-radius: 5px}
/*产品中心*/
.prod{ width:100%; float:left}
.prod h2{ overflow: hidden; font-size: 1.2rem; color: #666; font-family: "Microsoft Yahei"; padding-top: 3rem; text-align: center; overflow: hidden; background: url(../img/spec_tbg.jpg) no-repeat center top;-webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box}
.prod h2 b{ font-weight: bold; display: block; font-size: 1.8rem; color: #e7260d; line-height: 3.2rem; font-family: "Microsoft Yahei"}

.prod .hd { width:100%; float:left; margin-top:35px}
.prod .hd li{ width: 30.5%; float:left; margin:1%; line-height:40px; text-align: center; font-size:16px; font-weight: bold;  background:#222; color:#fff}
.prod .hd li a{ color:#fff; display: block}
.prod .hd li a:hover{ text-align: center;line-height::40px; background:#F5A623; color:#fff}
.prod .hd li a.focus{ text-align: center;line-height::40px; background:#F5A623; color:#fff}

.prod .pro_con{ width:100%; float:left; margin-top:20px}
.prod .pro_con li{ width:47%; float:left; margin:1%; border:1px solid #ccc;  overflow:hidden; text-align:center}
.prod .pro_con li img{ width:100%; height: 130px;}
.prod .pro_con li span{ width:100%; float:left; line-height:2rem; font-weight:500; background:#f9f9f9}
.prod .pro_con a.more{ width:33%; float:left; margin:5% 0 0 33%; display:block; line-height:2.2rem; text-align:center; color:#fff;  background:#0167D3}
/***************产品详情页****************/
.procon{width:100%; float: left}
.ban{width: 100%; float: left; position:relative;}
.ban img{ display:block; width:100%;}
.ban .swiper-pagination-bullet{ background:#f5f5f5; opacity:1;}
.ban .swiper-pagination-bullet-active{background: #F5A623; width:1.5rem; border-radius:1rem;}

.cpxx{width:100%; float: left}
.cpxx h1{width:98%; float: left; background: #fff; padding: 5% 1%; font-size: 18px; font-weight: bold}
.cpxx span{width:98%; float: left;  padding: 0 1%; background: #fff; font-weight: bold;font-size: 18px; padding: 5% 1%; margin-top: 10px}
.cpxx p{width:98%; float: left; background: #fff; padding: 0 1%; line-height: 30px;font-size: 14px; padding-bottom: 5%}

.cpxq{width:98%;float:left; background: #fff; padding: 5% 1%; }
.cpxq { width:100%; float:left}
.cpxq li{width: 33.1%; float:left; line-height:45px; text-align: center; font-weight: bold; background:#424242; color:#fff}
.cpxq li.on{ float:left; line-height::55px; background:#08AEBE; color:#fff}
.cpxq li.tw{ border-left:solid 1px #fff}

.cpxq { width:98%; float:left; padding: 0 1%; margin-top:10px}
.cpxq div{width: 100%; float: left; line-height: 30px; margin: 10px 0}
.cpxq img{width: 100%; display: block;max-width: 100% !important;height: auto !important;margin: 0.7rem 0 0.3rem 0; margin-top: -12px}
.cpxq table{width: 99%; margin: 20px 0px;position: relative;text-align: center;font-size: 14px;border: 1px solid #8A6E00;}
.cpxq table .firstRow{ background: #f5f5f5; text-align: center}
.cpxq table tr{width: 100%;}
.cpxq table th{background: #F5F5F5;}
.cpxq table td{padding: 10px 0px;font-size: 16px;text-align: left;border: 1px solid #8A6E00;padding-left: 2%;}

.cpdi{width:100%; float: left;min-width: 320px;max-width: 640px; position:fixed; bottom:0; text-align: center; background: #fff; z-index:10000}
.cpdi .sye{ width:20%; float:left; background: url("../img/sye.png") no-repeat center 5px}
.cpdi .sye a{width: 100%; float: left; margin-top: 30px;}
.cpdi .dianh{ width:20%; float:left; background: url("../img/dianh.png") no-repeat center 5px}
.cpdi .dianh a{width: 100%; float: left; margin-top: 30px;}
.cpdi .tant{ width:60%; float:right; line-height:48px;}
.cpdi .tant a.a1{ width: 50%; float: left; color: #fff; display: block; background: #FF9500}
.cpdi .tant a.a2{ width: 50%; float: right; color: #fff; display: block; background: #25B7C4}
/********新闻列表********/
.daohang{ width:98%; padding:1%; float:left; line-height:35px}
.xwfl{ width:100%; float:left; background:#fff; padding:2% 0}
.xwfl ul{ margin-top:15px}
.xwfl ul li{ width:31.3%; float:left; margin:1.5% 1% 1.5% 1%; line-height:35px; font-size:14px; text-align:center; background:#333; border-radius: 3px}
.xwfl ul li a{ display:block;  border-radius: 5px; color: #fff}
.xwfl ul li a:hover{ background:#F5A623; color:#fff; border-radius: 5px}
.xwfl ul li a.focus{ background:#F5A623; color:#fff; border-radius: 5px;}


.news{ width:98%; padding:1%; float:left; background:#fff; padding: 5% 1%}
.news dl{ width:100%; float:left; background:#fff; padding-bottom:3%; margin:0 0 3% 0; border-bottom:#e0e0e0 1px solid}
.news dl dt{ width:30%; float:left}
.news dl dt img{ width:100% }
.news dl dd.xwbt{ width:67%; float:right; font-size:14px; color:#333; font-weight:bold }
.news dl dd.xwtext{ width:67%; float:right; font-size:12px; color:#666; margin-top:5px; line-height:22px}
/********新闻内页********/
.newscon{ width:96%; padding:2%; float:left; background:#fff}
.newscon img{ max-width:100%}
.newscon h1{font-size:16px; line-height:45px; padding-bottom:10px; font-weight:bold}
.newscon .gray{ width: 100%;float: left; color:#888; font-size:0.6rem;  color: #888; border-bottom: 1px solid #ddd; line-height: 45px}
.newscon .gray p { float: left}
.newscon .gray span{ float: right;background: url(../img/yj.png) no-repeat 0 15px; padding-left: 8%}

.newscon .xinwencon{ width:100%; float:left; line-height:30px; font-size:12px; color:#555; margin-top:10px}
.newscon .xinwencon p{ font-size:12px; margin:10px 0 10px 0}
.newscon .xinwencon img{ width:100%; display:block; margin:0 auto; max-width:100%}

.newsxg{ width:96%; padding:2%; margin-top:20px; float:left; background:#fff}
.newsxg .xgtit{ width:100%; float:left; line-height:45px; font-size:16px; font-weight:bold; border-bottom:#e0e0e0 solid 1px; margin-bottom:20px}
.newsxg .xgbox{ width:100%; float:left}
.newsxg .xgbox dl{ width:100%; float:left; background:#fff; padding-bottom:3%; margin:0 0 3% 0; border-bottom:#e0e0e0 1px solid}
.newsxg .xgbox dl dt{ width:30%; float:left}
.newsxg .xgbox dl dt img{ width:100% }
.newsxg .xgbox dl dd.xwbt{ width:67%; float:right; font-size:14px; color:#333; font-weight:bold }
.newsxg .xgbox dl dd.xwtext{ width:67%; float:right; font-size:12px; color:#666; margin-top:5px; line-height:22px}

.newsxg .zpbox{ width:100%; float:left}
.newsxg .zpbox ul li{ width:48%; float:left; margin:1%;overflow:hidden; position:relative;}
.newsxg .zpbox ul li img{ width:100%; height: 250px}
.newsxg .zpbox ul li p.tptit{width:100%; float:left; top:215px;left:0;position:absolute;color:#fff;text-align:center;font-size:14px; background:#111; line-height:45px;opacity:0.6;}
.newsxg .zpbox ul li{}

.xgcp{ width:96%; padding:2%; float:left; background:#fff}
.xgcp dl{ width:48%; float:left; margin:1%; background:#fff}
.xgcp dl dt{ width:100%; float:left}
.xgcp dl dt img{ width:100%}
.xgcp dl dd{ width:90%; float:left; padding:5%}
.xgcp dl dd span{  line-height:30px; color:#333}
.xgcp dl dd p.ybm{ width:100%; float:left; font-size:12px; margin-top:5px}
.xgcp dl dd p.ybm em{ color:#DC0201}
.xgcp dl dd p.yzx{ width:100%; float:left; line-height:30px; background:#252161; text-align:center;  border-radius: 3px; margin-top:10px}
.xgcp dl dd p.yzx a{ display:block; color:#fff; font-size:12px}
/********单页********/
.abfl{ width:100%; float:left; background:#fff; padding:2% 0}
.abfl ul{ margin-top:15px}
.abfl ul li{ width:31.3%; float:left; margin:1.5% 1% 1.5% 1%; line-height:35px; font-size:14px; text-align:center; background:#252161; border-radius: 3px}
.abfl ul li a{ display:block;  border-radius: 5px; color: #fff}
.abfl ul li a:hover{ background:#E53830; color:#fff; border-radius: 5px}
.abfl ul li a.focus{ background:#E53830; color:#fff; border-radius: 5px}

.about{ width:96%; padding:2%; float:left; background:#fff}
.about .abimg{ width:100%; float:left}
.about .abimg img{ width:100%}
.about .abcon{width:100%; float:left; line-height:30px; font-size:14px}
.about .abcon h2{ font-weight: bold; font-size: 18px}
.about .abcon p{ margin:15px 0 15px 0;font-size: 14px}
.about .abcon p img{ width:100%}



/*分页样式*/
#fenye{ width:98%; float:left; color:#999; text-align:center; padding:1rem 0; margin:1%; background:#fff; text-align:center}
#fenye table{ width:100%;}
#fenye a{font-size:0.7rem; line-height:2rem;color:#A5A3A3; border-radius:0.1rem; background:#F1F1F1; display:inline-block; margin:0 0.3rem; padding:0 0.3rem; display:none;}
#fenye a:hover{background:#3087C4; color:#fff;}
#fenye .prev,#fenye .next{text-align:center; width:3.5rem; display:inline-block;}
#fenye a:hover{color:#fff; text-decoration:none;}
/*资质标准*/
/*zzbz*/
.zzbz{ width:98%; float:left; padding:30px 1%; background: #fff}
.zzbz .hd { width:100%; float:left; margin-bottom: 20px}
.zzbz .hd li{ width:32.2%; float:left; margin:0 1% 1% 0; line-height:35px; font-size:14px; text-align:center; background:#666; color: #fff; border-radius: 5px}
.zzbz .hd li a{ color: #fff}
.zzbz .hd li:last-child{ margin-right: 0px}
.zzbz .hd li.on{ float:left; line-height:35px; color:#333;display:block; background:#252161;  border-radius: 5px; color: #fff}
.zzbz .hd li.tw{  color:#fff;}

.zzbz .bd { width:100%; float:left;}
.zzbz .bd .newscon{width:100%; float:left}
.zzbz .bd .newscon dl{width: 27.6%; float: left; height: 139px; margin: 0 1% 1% 0; background:#f5f5f5; text-align: center; padding: 25px 2%}
.zzbz .bd .newscon dl:nth-child(3n){ margin-right: 0px}
.zzbz .bd .newscon dl dt{width:100%;float: left; }
.zzbz .bd .newscon dl dd{width:100%;float: left; }
.zzbz .bd .newscon dl dd span{ width:100%; float: left; margin: 10px 0 }
.zzbz .bd .newscon dl dd a{ width: 80%; margin-left:10%; float: left;  color: #fff; background: #252161; display: block; border: solid 1px #ccc; line-height: 30px}
.zzbz .bd .newscon dl dd a:hover{ }