body{margin: 0;padding: 0;font-family: Arial,"Microsoft Yahei",simsun;color: #333;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
strong,ol,ul,li,p,h1,h2,h3,h4,h5{margin: 0;padding: 0;}
ul,li{list-style: none;}
a{text-decoration: none;outline: none;color: #333;}
a:hover{color: #f55858;}
img{max-width: 100%;}
.main{width: 1170px;margin: 0 auto;min-width: 320px;}
.bc1{background-color: #f5f7f9;}

/*公共头部*/
/*header{background-color: #003a7d;color: #fff;}*/
.header{height: 130px;}
.logo{display: inline-block;height: auto;float: left;margin-top:15px;}
.logo img{max-height: 90px;}
.header span.txt{margin-top: 40px;float: left;font-size: 18px;margin-left: 20px;text-align: center;color: #9f8500;font-weight: bold;}
.ewm{float: right;width: 80px;text-align: center;margin-top: 10px;margin-left: 15px;font-size: 12px;}
.ewm img{width: 100%;height: auto;display: block;margin: 0 auto;}
.tel{float: right;margin-top: 40px;line-height: 22px;height:43px;font-size: 18px;color: #9f8500;margin-left: 10px;background: url(../img/tel.png) no-repeat left center/35px;padding-left: 40px;}

#nav{position: relative;float: right;margin-right: 10px;margin-top: 40px;}
#nav .dropnav{display: none;width: 43px;height:43px;line-height:45px;text-align:center;font-family: 'fontello';font-size: 20px;color: #9f8500;cursor: pointer;border-radius: 50%;border:1px solid #9f8500;}
#nav .dropnav:before{content: '\e870';display: block;}
#nav .dropnav:hover{color: #f55858;border:1px solid #f55858;}
#nav .shade{display: none; position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: #000;opacity: 0.6;z-index: 999;transition: all 0.5s ease;}
.nav{list-style: none;}
.nav li{display: block;position: relative;float: left;}
.nav li a{font-size: 16px;font-weight: 600;padding: 0 15px 50px;line-height: 40px;display: inline-block;}
.nav>li>a:after{font-weight: 100;font-size: 14px;font-family: 'fontello';content: '\e805';height:39px;width: 18px;line-height: 40px;position: absolute;top: 0;right: 0;text-align: center;}
.nav li a:hover{color: #f55858;}
.nav>li>ul{position: absolute;visibility: hidden;left: 0;top:90px;margin: 0;padding: 0 30px;background: #f5f7f9;z-index: 999999;white-space: nowrap;}
.nav>li>ul>li:first-child{padding-top: 10px;}
.nav>li>ul>li:last-child{padding-bottom: 10px;}
.nav li:hover ul{visibility: visible;}
.nav li li{float: none;display: block;}
.nav li li a{color: #5a6266;font-weight: normal;font-size: 14px;padding: 5px 0;line-height: 22px;}

/*首页顶部幻灯片*/
.hdp{position: relative;overflow: auto;width: 100%;}
.hdp li{list-style: none;}
.hdp ul li{float: left;background-size: cover;background-position: center;height: 700px;}
.hdp .dots{position: absolute;bottom: 0;left: 0;right: 0;text-align: center;}
.hdp .dots li{display: inline-block;float: none;margin: 0 3px;width: 9px;height:9px;border: 1px solid #ddd;background-color: #ccc;text-indent: -999em;border-radius: 50%;}
.hdp .dots .active{background-color: #eee;border: 1px solid #ccc;}
.hdp .arrow{position: absolute; display: inline-block;width: 70px;height: 70px;border-radius: 50%;background: rgba(255,255,255,0.2);top:50%;margin-top:-35px;text-align: center;line-height: 70px;color: #fff;font-family: simhei;font-weight: bold;}
.hdp .arrow.prev{left:10px;}
.hdp .arrow.next{right: 10px;}

.row{padding: 50px 0;}

.bt1,.bt2{text-align: center;font-size: 36px;padding-bottom: 37px;line-height: 1; background: url(../img/line1.png) no-repeat bottom center;}
.bt2{text-align: left;background: none;}
.bt1 span{font-size: 26px;margin: 0 20px; cursor:pointer;}
.bt1 span.on{color: #005174;}
.info1{font-size: 18px;text-align: center;margin: 28px auto 0;line-height: 30px;color: #666;width: 64%;}

/*特效*/
.thumb{position: relative;}
.thumb img{display: block;width: 100%;height: 100%;}
.thumb span{display: block;position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-color: #05d1d4;opacity: 0;transition: all 0.5s ease-out;z-index: 10;}
.thumb:hover span{opacity: .8;}
.thumb p{position: absolute;left: 0;top:0;width: 100%;height: 100%;overflow: hidden;}
.thumb p a{display: block;position:absolute;width: 70px;height: 70px;top:-70px;left:50%;border-radius: 50%;background-color: rgba(255,255,255,0.2);text-align: center;line-height: 70px;font-size: 18px;color: #fff;z-index: 20;transition: all 0.3s ease;font-family: 'fontello';}
.thumb p a.prev{margin-left: -75px;}
.thumb p a.link{margin-left: 5px;}
.thumb p a.prev:before{content: '\e802';}
.thumb p a.link:before{content: '\e800';}
.thumb:hover p a{top:50%;margin-top: -35px;}
.thumb p a:hover{background: rgba(255,255,255,1);color: #05d1d4;}

/*首页工程案例*/
.in1{padding-top: 25px;zoom:1;margin-left: -2.5%;}
.in1 li{display: inline;float: left;width: 22.5%;text-align: center;margin-left: 2.5%;box-sizing: border-box;}
.in1 li:nth-child(5){clear: left;}
.in1 li strong{display:block;padding: 20px 0;font-size: 16px;}
.in1 li p{font-size: 14px;color: #666;}
/*首页公司介绍和视频*/
.in_about,.in_video{width: 50%;height: 500px;position: relative;color: #eee;}
.in_about{background-color: #005174;float: left;}
.in_video{float: right;background-color: #9f8500;}
.in_video video{width: 100%;height: 100%;}
.in_about .bt1{padding-top: 50px;}
.in_about .info2{padding: 25px 35px;font-size: 14px;line-height: 30px;}
.in_about .more{text-align: center;}
.in_about .more a{display: inline-block;width: 148px;height: 48px;text-align: center;line-height: 48px;border: 1px solid #ddd;border-radius: 24px;color: #ddd;}
.in_about .more a:hover{border: 1px solid #f55858;color: #f55858;}
/*首页团队*/
.in2{padding-top: 30px;margin-left: -2.5%;zoom:1;}
.in2 li{display: inline;float: left;width: 22.5%;margin-left: 2.5%;background-color: #fff;box-sizing: border-box;}
.in2 li img{display: block;width: 100%;height: auto;}
.in2 li h3{padding: 25px;font-size: 14px;text-align: center;}
/*首页产品展示*/
.in3{padding-top: 50px;display: none;}
.in3 li{display: inline;float: left;width: 25%;position: relative;overflow: hidden;box-sizing: border-box;border: 1px solid #777c80;}
.in3 li .thumb span{background-color: #392071;}
.in3 li .thumb p a:hover{color: #392071;}
.in3 li .info{bottom: -70px;position: absolute;left: 0;width: 100%;text-align: center;font-size: 16px;transition: all 0.5s ease;background-color: #fff;z-index: 30;line-height: 70px;}
.in3 li:hover .thumb span{opacity: .7;}
.in3 li:hover .thumb p a{top:50%;margin-top: -70px;}
.in3 li:hover .info{bottom: 0;}
.in3 li.w1{width: 50%;}
.nr1{display: block;}
.tab1{margin-top: 40px;text-align: center;}
.tab1 div{display: inline-block;position: relative;margin:5px;height:40px;}
.tab1 span{display: inline-block; color:#acb4b6;cursor: pointer;line-height: 40px;padding: 0 10px;border:1px solid #acb4b6;border-radius: 10px;}
.tab1 span.on{color: #fff;border: 1px solid #005174;background-color: #005174;}
/*.tab1 span ul{display: none; width: 100%;}
.tab1 span ul li{padding: 0;margin: 0;}
.tab1 span ul li a{display: block;line-height: 2;text-align: center;font-size: 15px;}
.tab1 span ul li:last-child{padding-bottom: 10px;}
.tab1 span:hover{border-radius: 10px;}
.tab1 span:hover ul{display:block;}*/

/*行业动态&企业新闻*/
.in_left{width: 30.8333%;float: left;}
.in_right{width: 64.1667%;float: right;}
.scr1,.scr2{display: block;height: 360px;padding: 10px 0;position: relative;overflow: hidden;}
.scr2{padding:20px;background-color: #fff;height: 340px;}
.scr1 li{display: block;padding-top: 30px;height: 80px;overflow: hidden;}
.scr1 li span{display: inline-block;float: left;width: 80px;height: 80px;background-color: #9f8500;text-align: center;color: #fff;line-height: 80px;border-radius: 50%;}
.scr1 li a{display:block;font-size: 14px;margin-left: 100px;margin-top: 15px;line-height: 18px;font-weight: 600;color: #333;}
.scr1 li a:hover{color: #f55858;}
.scr1 li p{margin-left: 100px;font-size: 14px;color: #999;line-height: 20px;padding-top: 5px;}
.scr2 li{display: block;padding: 14px 0;}
.scr2 li:after{display: block;content: '';height: 0;clear: both;}
.scr2 li img{display: block;float: left;width: 19%;margin: 5px 30px 5px 0;}
.scr2 li h5{padding-bottom: 10px;}
.scr2 li h5 a{color: #333;}
.scr2 li a:hover{color: #f55858;}
.scr2 li p{line-height: 1.6;color: #999;font-size: 12px;}


/*栏目页*/
.top1{padding: 45px 0;background: url(../img/top1.jpg) no-repeat 0 0/cover;color: #fff;}
h1.t1{font-weight: 45px;padding-right: 10px;float: left;font-weight: 200;font-size: 30px;}
.position{float: right;padding-top: 10px;color: #acb4b6;font-size: 14px;}
.position a{color: #fff;margin: 0 2px;}
.position a:hover{color: #f55858;}
.nav1{text-align: center;}
.nav1 li{display: inline-block;margin: 25px 5px 25px 0;}
.nav1 li a{color: #acb4b6;padding: 10px 20px;border: 1px solid #fff;border-radius: 15px;}
.nav1 li a:hover,.nav1 li.on a{border:1px solid #005174;color: #fff;background-color: #005174;}

.ls1{zoom: 1;margin-left: -2.5%;padding-top: 30px;}
.ls1 li{width: 30.83333%;margin-top: 30px;float: left;margin-left: 2.5%;box-sizing: border-box;}
.ls1 li:nth-child(3n+1){clear: left;}
.ls1 li .thumb span{background: #392071;}
.ls1 li .thumb p a:hover{color: #392071;}

.ls1 li .nr{padding: 20px;background-color: #f5f7f9;}
.ls1 li .nr h4{font-weight: 100;padding-bottom: 10px;font-size: 20px;line-height: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ls1 li .nr h4 a{color: #333;}
.ls1 li .nr h4 a:hover{color: #f55858;}
.ls1 li .nr p{font-size: 14px;word-break: break-all;line-height: 1.6;color: #666;height: 92px;overflow: hidden;}

/*分页*/
.pages{clear: both;padding: 50px 0;text-align: center;font-size: 14px;}
.pages li{display: inline;float: none;margin: 0 5px;}
.pages li a{display: inline-block;padding: 10px 15px;background: #f5f7f9;border:1px solid #ddd;color: #666;}
.pages li.active a,.pages li a:hover{color: #fff;background-color: #392071;}

/*内容页*/
.body{line-height: 1.6;}
.body h1.title{font-size: 21px;font-weight: 500;text-align: center;padding-bottom: 25px;}
.body .info2{font-size: 14px;text-align: center;padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px solid #ddd;}
.body .prenext{padding: 15px 0;margin:15px 0;border-top: 1px solid #ddd;}
.body .prenext p{font-size: 15px;padding: 5px 0;}
.body .bt4{font-size: 25px;font-weight: 600;padding-top: 30px;border-top: 1px solid #ddd;}

.body_nr p{padding-bottom: 10px;}

/*相关文章*/
.ls3{padding-top: 30px;zoom:1;margin-left: -2.5%;}
.ls3 li{display: inline;float: left;width: 30.83333%;position: relative;overflow: hidden;margin-left: 2.5%;}
.ls3 li .thumb span{background-color: #392071;opacity: 0;}
.ls3 li .thumb p a:hover{color: #392071;}
.ls3 li .info{bottom: -70px;position: absolute;left: 0;width: 100%;text-align: center;font-size: 16px;transition: all 0.5s ease;background-color: #f5f7f9;z-index: 30;line-height: 70px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ls3 li:hover .thumb span{opacity: .7;}
.ls3 li:hover .thumb p a{top:50%;margin-top: -70px;}
.ls3 li:hover .info{bottom: 0;}

/*友情链接*/
.flink{border:1px solid #ddd;border-width: 1px 0 0 1px;display: none;}
.flink li{display: inline;float: left;box-sizing: border-box;border:1px solid #ddd;width: 12.5%;border-width: 0 1px 1px 0;}
.flink li img{display: block;width: 100%;opacity: .5; transition: opacity .3s;}
.flink li a:hover img{opacity: 1;}

/*底部*/
.foot{zoom:1;margin-left: -2.5%;font-size: 14px;}
.ft1{float: left;margin-left: 2.5%;width: 22.5%;overflow: hidden;color: #fff;}
.ft2{float: left;margin-left: 2.5%;width: 47.5%;color: #fff;}
.ft_logo{margin-bottom: 10px;}
.ft_logo img{width: 100%;height: auto;}
.bt3{font-size: 16px;padding-bottom: 25px;}
.nav2{zoom:1;margin-top: -10px;}
.nav2 li{float: left;margin-top: 10px;font-size: 14px;width: 25%;}
.nav2 li a{color: #fff;}
.nav2 li a:hover{color: #f55858;}
.ft2 .ls2 li{width: 48%;float: left;margin-left: 2%;}
.ft2 .ls2 li:nth-child(odd){clear: left;}

.ls2 li{display: block;}
.ls2 li:after{content: '';clear: both;height: 0;display: block;}
.ls2 li img{float: left;display: block;width: 90px;height: auto;margin: 0 20px 25px 0;}
.ls2 li h4{font-size: 14px;padding-bottom: 13px;}
.ls2 li h4 a{color: #fff;font-weight: normal;}
.ls2 li h4 a:hover{color: #f55858;}
.ls2 li p{color: #aaa;}

.footer{padding: 10px 0;background-color: #9f8500;font-size: 14px;}
.copy{min-height: 30px;line-height: 30px;color: #fff;float: left;}

/*表单*/
.fm1{background-color: #f5f5f5;padding: 25px;margin-top: 30px;}
.fm1:after{display: table;content: '';clear: both;}
.fm1 p{margin-bottom: 10px;width: 50%;float: left;}
.fm1 p.message{clear: both;width: 100%;float: none;}
.fm1 p span{display: inline-block;width: 95px;}
.fm1 p input{padding: 5px 10px;width: 70%;border: 1px solid #ddd;}
.fm1 p.message textarea{width: 80%;border: 1px solid #ddd;padding: 5px 10px;}
.fm1 p.btn-p button{background-color: #003a7d;color: #fff;padding: 10px 20px;border: 0 none;}

/*客服*/
.yb_conct{position:fixed;z-index:9999999;top:50%;right:-127px;cursor:pointer;transition:all .5s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft Yahei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#005197 url(../img/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#005197 url(../img/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#005197 url(../img/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#005197 url(../img/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}

/*自适应*/
@media screen and (max-width: 1200px) {
	.main{width: 900px;}
	.header .tel{display: none;}
	.nav li a{padding: 0 20px 50px 10px;}
	.in_about .bt1{padding-top: 50px;}
	.in_about .info1{padding: 10px 20px;}
	.info1{width: 80%;}
}
@media screen and (max-width: 930px) {
	.main{width: 640px;}
	#nav .dropnav{display: block;}
	.header .tel{display: block;}
	.nav{display: none;}
	.nav.resp{display:block;position: fixed;top:0;right:0;width: 300px;height: 100%;background-color: #333;z-index: 99999;overflow-x:hidden;overflow-y:auto;}
	.nav.resp>li{width: 100%;float:none;line-height: 30px;}
	.nav.resp>li>a{padding: 5px 20px;color: #eee;}
	.nav.resp>li>ul{visibility: visible;position: relative;padding: 0;top:0;margin-left: 25px;width: 100%;background: none;}
	.nav.resp>li>ul>li{padding: 0 15px;float: none;border-bottom: 1px solid #222;}
	.nav.resp>li>ul>li>a{color: #eee;padding: 10px 0;}
	.se.open{width: 100%;}
	.hdp ul li{height: 385px;}
	.tab1 span ul{display: none;}
	.in_about .bt1{padding-top: 30px;}
	.in_about .info1{margin-top: 15px;}
	.in_about .more{margin-top: 15px;}
	.in_left,.in_right{width: 100%;box-sizing: border-box;padding: 10px;}
	.in_right{padding-top: 30px;}
	.thumb p a{width: 50px;height: 50px;line-height: 50px;}
	.thumb p a.prev{margin-left: -55px;}
	.thumb p a.link{margin-left: 5px;}
	.in_about,.in_video{width: 100%;height: auto;}
	.in_about{padding-bottom: 10px;}
	.flink li{width: 25%;}
	.foot{margin-left: 0;}
	.ft1,.ft2{width: 50%;margin:0;box-sizing: border-box;padding: 10px;}
}
@media screen and (max-width: 670px) {
	.yb_conct{display: none;}
	.main{width: 100%;}
	.header span.txt,.header .tel,.header .ewm{display: none;}
	.hdp ul li{height: 270px;}
	.row{padding-top: 30px;}
	.in1,.in2,.in3{margin: 5px;}
	.in1 li,.in2 li{width: 50%;margin: 0;padding: 5px;}
	.in3 li{width: 50%;margin:0;}
	.in3 li.w1{width: 100%;}
	.ls1{margin: 5px;}
	.ls1 li{width: 50%;margin: 0;padding: 5px;margin-top: 10px;}
	.top1{padding: 20px 10px;}
	h1.t1{font-size: 25px;}
	.body{padding: 5px;box-sizing: border-box;}
	.flink{margin: 5px;}
	.flink li{width: 50%;margin:0;}
	.ls2 li img{width: 70px;}
	.footer{padding: 15px 10px;}
	.fm1{padding: 15px;display: flex;}
	.fm1 p{display: flex;flex-direction: column;width: 100%;}
	.fm1 p span{width: auto;padding-bottom: 6px;}
	.fm1 p input,.fm1 p.message textarea{width: auto;}
	.info1{width: 95%;}
}
@media screen and (max-width: 500px) {
	.hdp ul li{height: 200px;}
	.ls3{margin: 0;}
	.ls3 li{width: 50%;margin: 0;box-sizing: border-box;padding: 5px;}
	.ft1,.ft2{width: 100%;box-sizing: border-box;padding: 10px;}
	.ls2 li img{width: 60px;}
	.nav2 li{width: 33.333333%;}
	.footer{padding: 10px;}
}
@media screen and (max-width: 414px) {
	.header{height: 100px;}
	.logo{width: 240px;margin-top: 5px;}
	#nav{margin-top: 27px;}
	.ls1 li{width: 100%;}
	.ls1 li .nr p{height: auto;}
	.in1 li, .in2 li,.in3 li{width: 100%;}
	.in_about{height: auto;padding-bottom: 20px;}
}