/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
@charset "utf-8";
/*CSS Document*/
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, dl, dt, dd, input { padding:0; margin:0;}
body { font-size:14px; font-family:"微软雅黑"; color: #333;}
img { border:none;}
ul, li { list-style-type:none;}
input, select, textarea { outline:none;}
textarea { resize:none;}
a { text-decoration:none; color: #333;transition:all 200ms ease-in 0s;}
a:hover{text-decoration:none;}
pre{border: none;}

/*清除浮动*/
.clearfix:before, .clearfix:after { content:""; display:table;}
.clearfix:after { clear:both; overflow:hidden;}
.clearfix { zoom:1;}
.fl { float:left;}
.fr { float:right;}
html {   
    font-size: 625%;-webkit-text-size-adjust:none;    
} 
@media only screen and (max-width: 640px) {
	html {   
	    font-size: 555%;   
	} 
}  
/* banner */
.banner{width: 100%;overflow: hidden;}
.banner .swiper-wrapper{transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;}
.banner img{width: 100%;display: block;}
.z_wap{display: none;}
.z_pc{display: block;}
.top{ width: 100%;}
.header{ width: 100%; line-height: 46px; background: #36393b; color: #fff; height: 46px;}
.header span{}
.header a{ color: #fff;}
.header a:hover{ text-decoration: underline;}
.index-about{ background: #f0f0f0;}
.index-tit{ color: #393939; font-size: 0.4rem; font-weight: bold; padding: 80px 0; text-align: center;}
.logo{ padding: 40px 0;}
.about-box{ padding-bottom: 80px;}
.about-pic{ width: 49%;}
.about-pic img{ width: 100%;}
.about-wz{ width: 47%;}
.about-wz h3{ font-size:0.3rem; color: #393939; margin-top:7%;}
.about-wz p{ line-height: 30px; margin-top: 43px;}
.about-wz a{ display: block; color: #1b5ebf; text-decoration: underline; color: #1b5ebf; margin-top: 25px;}
.index-pic{ width: 100%;}
.tp-pc img,.tp-web img{ width: 100%;}
.tp-web{ display: none;}
.index-product{}
.cp-list{  width: 24.2%; text-align: center;}
.cp-link{background: #efefef; padding: 17px 0;}
.cp-list a{ display: block; line-height: 80px; font-size: 0.16rem;}
.cp-list p{ color: #fff; background: #1b5ebf; font-size:0.24rem;line-height: 76px;}
.cp-list a:hover{ color: #1b5ebf; text-decoration: underline;}
.cp-box{ width: 75.8%;}
.cp-box ul li{ width: 31%; margin: 0 1.3%; text-align: center; position: relative; float: left; margin-bottom: 40px;}
.cp-box ul li:nth-child(3n){ margin-right: 0px;}
.cp-box ul li a{ border: 5px solid #efefef; display: block; padding-bottom: 15px;}
.cp-box ul li a .pic-cp{ overflow: hidden; width: 100%;}
.cp-box ul li a .pic-cp img{ display:block; width: 100%; -webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;}
.cp-box ul li a:hover .pic-cp img{ -webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);}
.cp-box ul li a p{ color: #787878; font-size: 0.16rem; padding: 30px 0;}
.cp-box ul li a span{ display: block; width: 50%; position: absolute; bottom: -20px;left: 50%; margin-left: -25%; background: #fff; 
line-height: 35px; border: 5px solid #efefef; }
.cp-box ul li a:hover{border: 5px solid #1b5ebf;}
.cp-box ul li a:hover span{background: #1b5ebf; border: 5px solid #2b81ff; color: #fff;}
.cp-box ul li a:hover p{ color: #1b5ebf;}

footer{ width: 100%; background: #18191a; text-align: center; padding: 20px 0; color: #fff; line-height: 26px; margin-top: 80px;}
.location{ border-bottom: 1px solid #efefef; line-height: 54px;color: #3e3d43;}
.location a{ color: #3e3d43;}

.gy-tit{ background: #1b5ebf; width: 100%; font-weight: bold; color: #fff; font-size: 0.24rem; text-align: center; line-height: 52px; 
margin-top: 55px;}
.gy-box img{ width: 100%; margin-top: 32px;}
.gy-con span{ display: block; margin-top: 30px; font-size: 0.16rem;line-height: 30px;}
.gy-con{ color:#626262; line-height: 30px; border-bottom: 1px solid #b5b5b5; padding-bottom: 40px;}

.menu-box{width:22%; height: auto;margin-top: 22px;}
.Collapsing{ width: 100%; height: 60px; line-height: 60px; cursor: pointer;text-align: center;background-repeat: no-repeat; 
background-position: center right no-repeat; background-color: #007dc2; color: #fff; margin-bottom: 10px;font-size:0.16rem;}
.coll_body{display: none; padding: 15px 0;}
.coll_body a{display:block;text-align: center; line-height: 48px;}
.coll_body a:hover{ color: #007dc2;}
.current{background-color: #fad200; }
.ny-content{ padding-bottom: 120px;}
.right-con{ width: 100%; padding: 2%;}
.cp-top{ border-bottom: 1px dashed #c3c1c1; text-align: center; color: #007dc2; font-size:0.24rem; padding-bottom: 10px;}
.list-cp{ margin-top: 15px;}
.list-cp ul li{ width: 32%; margin: 1% 2% 2% 0; text-align: center; float: left;}
.list-cp ul li:nth-child(3n){ margin-right: 0px;}
.list-cp ul li a{ display: block; width: 100%;}
.list-cp ul li a .tp-box{ width: 100%; overflow: hidden;}
.list-cp ul li a .tp-box img{width:100%;-moz-transition: all ease-in 1s;
-webkit-transition: all ease-in 1s;
-ms-transition: all ease-in 1s;
-o-transition: all ease-in 1s;
transition: all ease-in 1s;}
.list-cp ul li a:hover .tp-box img{-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);}
.list-cp ul li a p{ margin-top: 10px;}
.list-cp ul li a:hover p{ color: #007dc2;}
.s-side {
	width: 22%; margin-top: 44px;
	padding:10px;background: #efefef;
}
.s-side .s-firstItem i {
	font-size: 20px
}
.s-side .s-firstItem span {
	display: inline-block;	
}
.s-side .first {
	padding: 10px 0;
	border-bottom: 1px solid #c6c6c6;font-size: 0.16rem; text-align: center;
}
.cp-tit{ background: #1b5ebf;color: #fff; line-height: 70px; text-align: center; font-size: 0.24rem;}
.s-side .s-firstItem a{ color: #fff;}
.s-side .d-firstNav span {
	display: inline-block;
	margin-left: 10px; line-height: 30px;
}

.s-side .d-firstNav i.fr {
	font-size: 25px
}

.s-side .s-secondNav,
.s-side .s-secondItem {
	margin-top: 10px
}

.s-secondNav:hover,
.d-firstNav:hover {
	background-color: #2c6cc7; color: #fff;
	cursor: pointer
}

.s-side .d-secondDrop {
	margin-left: 10px;
	margin-top: 10px
}

.iconRotate {
	transform: rotate(90deg);
	transition: transform .5s
}

.s-firstDrop,
.s-secondDrop {
	display: none
}
.d-secondNav,.d-secondDrop{ line-height: 30px; font-size: 0.14rem;}
.epages{ display: flex; justify-content: center; margin-top:50px;}
.cp-select{ line-height: 45px; text-align: center; margin-top: 30px; font-size: 0.18rem;}
.cp-select .fl{ display: block; width: 48%;background: #d5d5d5;}
.cp-select .actfl{ background: #1b5ebf; color: #fff;}

.name-box{ margin-top: 50px;}
.name-box h3{ border-bottom: 1px solid #d5d5d5; font-size:0.18rem; color: #1b5ebf; padding-bottom: 15px; margin-bottom: 15px; }
.name-box a{display: block; background: #edeff3; color: #777676; font-size: 16px; border:1px solid #e4e3e3; text-align: center;
width: 30%; float: left;width: 31.3%; margin: 1% 1% 0 1%; line-height: 70px;}
.name-box a:nth-child(3n){}

 /* 详情 */
 .frame{width: 100%;background-color: #fff;padding-top: .7rem;margin-bottom: 50px;}
 .details .title{font-size: .26rem; line-height: .28rem; color: #171717; text-align: center; margin-bottom: .2rem;}
 .details .ftit{font-size: 16px; line-height: 18px; color: #323232; text-align: center;}
 .details .color{font-size: 16px; color: #000000; line-height: 27px; margin-top: .4rem;}
 .details .colot img{max-width:100%}

 /*面包屑*/
 .box{width: 100%; background-color: #f5f5f5;}
 .mbx_box{width: 1200px;flex-direction:column-reverse;align-items: end;margin: 0 auto;}

 /*荣誉资质*/
 .frame{width: 100%;padding: .7rem 0;}
 .sub_wrapper{width: 1200px;margin: 0 auto;}
 .cols_tit{font-size: .4rem;line-height: .42rem;color: #333333;font-weight: bold;text-align: center;margin-bottom: .4rem;}
 .flex{display: -webkit-flex;display: flex;}
 .flex-wrap-wrap{-webkit-flex-wrap: wrap;flex-wrap: wrap;}
 .zz_box{width: calc((100% - .9rem) / 3);margin-right: .45rem;margin-bottom: .55rem;}
 .zz_box:nth-child(3n){margin-right: 0;}
 .zz_box img{display: block;width: 100%;margin-bottom: .2rem;}
 .zz_boxtit{font-size: .24rem;line-height: .26rem;color: #202020;text-align: center;}

/*联系我们*/
.lx_box{width: 100%;}

.lx_box .left{flex: 1;}
.lx_box .right{width: 4.28rem; background-color: #1b5ebf;padding-left: .3rem;}
.lx_box .tit_frame{width: 100%;height: 1.1rem;border-bottom: 2px solid rgba(255, 255, 255, .5);padding-right: .3rem;}
.lx_box .gsname{font-size: .26rem;line-height: 1.1rem;color: #fff;font-weight: bold;}
.lx_box .teltit{font-size: .4rem;line-height: .42rem;margin: .24rem 0 .12rem 0;color: #fff;font-weight: bold;}
.lx_box .ftit{font-size: .16rem;line-height: .18rem;color: #fff;}
.lx_box .tit{font-size: .24rem;line-height: .26rem;color: #fff;font-weight: bold;margin: .24rem 0 .12rem 0;}
.lx_box .bottom{width: 100%;padding: .2rem 0 .34rem;background-color: #1b5ebf; padding-left: .3rem;}
.lx_box .bottom .qr{display: block; width: 1.1rem;height: 1.1rem;margin: .3rem auto .1rem;}
.lx_box .mstit{font-size: .14rem;line-height: .32rem;color: #ffffff;text-align: center;}

.dh{display: flex;justify-content: right;}
.act{color: #1b5ebf;}

@media only screen and (max-width:960px ){
	.z_pc{display: none;}
	.z_wap{display: block;}
	.mbx_box{width: 100%;}
	.sub_wrapper{width: 100%;padding: 0 .2rem;}
	.lx_box{display: block;}
    .lx_box .left{width: 100%;height: 3.66rem;}
    .lx_box .right{width: 100%;}
    .lx_box .gsname{font-size: .4rem;}
    .lx_box .bottom .qr{width: 1.56rem;height: 1.56rem;margin: .4rem auto .2rem;}
    .zz_box{width: calc((100% - .3rem) / 2);margin-bottom: .3rem;}
    .zz_box:nth-child(2n){margin-right: 0;}
    .zz_box:nth-child(2n-1){margin-right: .3rem;}
    .cols_tit{font-size: .2rem;line-height: .22rem;}
    .zz_boxtit{font-size: .16rem;line-height: .2rem;}
    .lx_box .gsname , .lx_box .teltit{font-size: .26rem;}

}