
/*service*/
.chengnuo{text-align: center;}
.chengnuo h1{font-size: 40px;}
.chengnuo p{font-size: 16px;}
.chengnuo ul{ overflow:hidden; margin:55px 0 80px;}
.chengnuo ul li{ float:left; width:15%; margin:0 4.5%;}
.chengnuo ul li .top-icon{ width:155px; height:155px; margin:0 auto 20px; position:relative;}
.chengnuo ul li .top-icon img{ display:block; position:absolute; top:0; left:0; transition:all .5s cubic-bezier(.5,0,.2,1) 0s;}
.chengnuo ul li .top-icon .abk{ width:100%; height:100%;transition:all .5s cubic-bezier(.5,0,.2,1) 0s;}
.chengnuo ul li .top-icon .abk01{ background:url(/images/7-zy1.png) no-repeat center center;}
.chengnuo ul li .top-icon .abk02{ background:url(/images/7-zy2.png) no-repeat center center;}
.chengnuo ul li .top-icon .abk03{ background:url(/images/7-zy3.png) no-repeat center center;}
.chengnuo ul li .top-icon .abk04{ background:url(/images/7-zy4.png) no-repeat center center;}
.chengnuo ul li:hover .top-icon img { -webkit-transform: perspective(1000px) scale(1) translate3d(0, 0, 0) rotate(90deg); transform: perspective(1000px) scale(1) translate3d(0, 0, 0) rotate(90deg) }
.chengnuo ul li:hover .top-icon .abk { -webkit-transform: perspective(1000px) rotateX(0) rotateY(360deg) rotateZ(0); transform: perspective(1000px) rotateX(0) rotateY(360deg) rotateZ(0) }
.chengnuo ul li span{text-align:center; font-size:22px; display:block; font-weight:bold; margin-bottom:5px;}
.chengnuo ul li p{text-align:center; line-height:24px; font-size:14px;}

.fwzongzi h2{font-size: 36px; text-align: center;}
.fwzongzi>p{text-align: center; margin-bottom: 36px; font-size:16px;}
.fwzongzi ul{margin-left: -4.7%; margin-bottom: 90px;}
.fwzongzi ul li{float: left; width: 28%; margin-left: 4.7%; position: relative; -webkit-animation: aase 1s 1; -moz-animation: aase 1s 1; animation: aase 1s 1;}
.fwzongzi ul li .con{position: absolute; left: 20px; bottom: 15px; color: #fff;}
.fwzongzi ul li .con span{font-size: 22px;}
.fwzongzi ul li .con p{font-size: 16px;}

.ser_fwlc { padding: 0 0 50px 0; border-top: #f3f3f3 8px solid; margin: 20px auto 0; }
.ser_fwlc h3 {font-size: 36px; margin: 40px 0 15px 0; color: #000; text-align: center;}
.ser_fwlc p{text-align: center; margin-bottom: 40px; font-size:16px;}
.ser_fwlc li{float: left; width: 15%; background: url(/images/lc_line.png) no-repeat right 53px; padding-right: 2%;}
.ser_fwlc .li06{ background: none;  padding-right: 0;}
.ser_fwlc li img{display: block; width: 60%; margin: 0 auto; text-align: center;}
.ser_fwlc li h4{color: #000; font-weight: 600; font-size: 17px; padding: 4px 10px; width: 63%; margin: 15px auto 0; text-align: center;}

.ser_pj {background: #f3f3f4; }


.ser_pj dt { float: left; width: 50%; }
.ser_pj dd { width: 40%; margin: 50px 60px 0 0; float: right; }
.ser_pj dd h3 { font-size: 36px; margin-bottom: 15px; color: #000; }
.ser_pj dd p { line-height: 32px; font-size: 16px; margin-bottom: 15px;}
.ser_pj dd a{display:inline-block; padding: 0 25px; font-size: 18px; color: #fff; line-height: 45px; background: #eb0001;}
.ser_pj img,.ser_jishu img,.ser_js dt img{width: 100%;}
.ser_js{background: #f3f3f4; margin-bottom: 50px;}
.ser_js dt { float: right; width: 50%; }
.ser_js dd { width: 40%; padding: 50px 0 0 60px;  float: left; }
.ser_js dd h3 { font-size: 40px; margin-bottom: 15px; color: #000; }
.ser_js dd p { line-height: 32px; font-size: 16px; }
/*service end*/




/*contact*/

.bnhb-lianxi{
margin:0px auto;
padding-top: 0.5rem;
}

.about_tit{
margin:0px auto;
height:3.5rem;
line-height:2.0rem;
padding-bottom:1.5rem;
}


.con_main{
margin-top:1.5rem;
}





.contact_banner{position: relative;}
.contact_banner .wz{position: absolute; top:50%; margin-top: -28px; z-index: 100; text-align: left;}
.contact_banner .wz h2{font-size: 40px; font-size: 34px\0/; font-weight: normal;}
.contact_banner .wz p{color: #333;}
.contact_banner .wz p img{background-color: #000;}

.cont1 h1{font-size: 36px; text-align: center; color: #222; margin: 0px auto;  }
.cont1{ max-width:1200px; overflow:hidden; margin:0px auto 50px;      }
.cont1 p{font-size:16px; text-indent:2em;}
.cont1 dl{ margin:30px auto 0;}
.cont1 dl dd{ font-size:16px; padding-top:20px; overflow:hidden;}
.cont1 dl dt{ float:left; width:50%;margin-right:40px;}
.cont1 dl dt img{ width:100%; height:auto; }
.cont1 dl dd p{ line-height:32px;margin-bottom:18px;font-size:16px; text-indent:0;}
.cont1 dl dd p.conlist{ margin-top:40px;}
.cont1 dl dd p img{ vertical-align:middle; margin-top:-5px;margin-right:5px;}
.cont1 dl strong a{font-size:28px; color:#ed2d21; background:none;}
.cont1 dl .zixun1 a{padding:16px 50px; line-height:3em; height:3em; background:#eb0001; *display:block; *text-align:center; *line-height:1.5em; *height:1.5em;color:#FFF; font-size:18px; }
.cont1 dl .zixun1 img{ vertical-align:middle; margin-right:5px;}
.cont1 dl .zixun1 {display:block; margin-top:20px;font-size:18px;color:#ffffff;}

.cont_con{margin-top: 20px;border:#f00 0px solid; padding-top: 20px; }


.cont_con h1{font-size: 40px; text-align: center;}
.cont_con h2{ margin-bottom:10px;font-size: 1.5em;}
.cont_con p{margin-bottom: 50px; font-size:16px; text-indent:2em;}
.cont_con .mumping_mun{width: 100%;margin: 0 auto;}
.cont_con .mumping_mun li{width: 25%; text-align: center;}
/*.cont_con .mumping_mun li i{font-family: impact,Microsoft Yahei; display: inline-block; font-size: 88px; line-height: 88px; font-weight: bold; letter-spacing:-5px; color: #666;}*/
.cont_con .mumping_mun li p{font-size: 16px; argin: 0 auto; text-indent:0;}
.cont_con .mumping_mun .num_box{position: relative; margin-bottom: 20px;}
.cont_con .mumping_mun .num_box i{display: block;width: 180px; height: 180px; margin: 0 auto; text-align: center; line-height: 170px; background: #Eb0001; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 8px; font-family: Impact; font-size: 90px; color: #fff;}
.cont_con .mumping_mun .num_box .num_line{display: block; position: absolute; top: 45%; left: 20%; z-index: 100; margin: 0 auto; width: 60%; height: 4px; font-size: 0; background: #Eb0001;}
.cont_con .mumping_mun .num_box .a1{background: #16b9c0;}
.cont_con .mumping_mun .num_box .a2{background: #ffbf01;}
.cont_con .mumping_mun .num_box .a3{background: #e94e6c;}
.cont_con .mumping_mun .num_box .a4{background: #5ac362;}
.cont_con .mumping_mun .num_box span{position: absolute;left: 0; bottom: 20px; width: 100%; text-align: center; font-size: 20px; color: #fff;}

#allmap {height: 100%;overflow: hidden;}
#result {border-left:1px dotted #999;height:100%;width:295px;position:absolute;top:0px;right:0px;font-size:12px;}
/*contact end*/

.clearfix:after{ content: " "; display: block; height: 0px; visibility: hidden; clear:both;}
.wrap { max-width: 1200px; margin: 0 auto; overflow: hidden; }

.fl { float: left; }
.fr { float: right; }





@media screen and (max-width: 768px) {
.chengnuo ul li{ float:left; width:46%; margin:0 1%;  overflow:hidden; }
.chengnuo ul li img {width: 100%;}

.cont1 dl {width:98%;}
.cont1 dl dt{ float:left; width:98%;margin-right:0px; overflow:hidden;}
.cont1 dl dt img{width:100%;}
.cont1 dl dd{ width:98%; height:auto;}
.cont_con .mumping_mun li{width: 46%;margin-right:2%; text-align: center;overflow:hidden;}
.cont1 dl strong a{font-size:18px; }
.con_main{
margin-top:0.0rem;
}
.bnhb-lianxi{
margin:0px auto;
padding-top: 0.0rem;
}

.chengnuo ul { margin:40px 0 10px;}
.bnhb-about {margin:10px 0px 10px 0px;}


h2.text-center {font-size: 32px; margin-top:0px;padding-top: 0px;}

.cont1 h1{
font-size: 24px;
}

.cont_con h2{
font-size: 1.2em;
}


}






