@charset "utf-8";
html,body{margin:0;padding:0;font-family:"微软雅黑";font-size:10px;min-width: 1320px;position: relative;height:100%;-moz-user-select: none; /*火狐*/-webkit-user-select: none; /*webkit浏览器*/-ms-user-select: none; /*IE10*/-khtml-user-select: none; /*早期浏览器*/user-select: none;}
textarea{font-family:"微软雅黑";}
html,body,div,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;font-size: 16px;}
img{border:0; vertical-align:bottom;}
ul,li{list-style:none;}
a{text-decoration:none;color: #fff}
input::-webkit-input-placeholder {color:#727272;font-size:12px;}
body{background-color: #f9f9f9}
/*分页*/
#page{text-align: center;margin-top: 65px;}
#page li{display: inline-block;height: 28px;padding: 0 10px;box-sizing:border-box;margin:0 9px;line-height: 28px;vertical-align: middle;background-color: #888888;border-radius: 3px}
#page li a{display: block;width: 100%;height: 100%;text-align: center;font-size: 16px;color: #fff}
#page .page_active{background-color: #56a3e3;}
#page .page_active a{color: #fff}
#page li.pageno{background-color: transparent;margin: 0}
#page li.pageno a{font-size: 14px;color: #333}
#page li.pageno1{position: relative;}
#page li.pageno1:after{content: "";position: absolute;right: 0;background-color: #333;width: 1px;height: 14px;top: calc((100% - 14px) / 2)}
#page span{display: inline-block;margin-left: 12px;color: #034372}
/*公用*/
.public{width: 1320px;margin:0 auto;}
.cl{clear: both;display: block;}
.center{text-align: center;}
.fs0{font-size: 0}
.lineblock{display: inline-block;}
.middle{vertical-align: middle;}
.right{text-align: right;}
.left{text-align: left;}
.xl5{width: 50%}
.overtext{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
/*头部*/
.header{overflow: hidden;}
.headbox{padding: 27px 0;background-color: #fff}
.logo{width: 260px;}
.logo img{max-width: 100%}
.lanmulist {width: 850px;margin: 0 30px;box-sizing:border-box;border-right:1px solid #a3a3a3;}
.lanmulist li{display: inline-block;height: 60px;line-height: 60px;width: 100px;text-align: center;margin-left: 24px;box-sizing:border-box;}
.lanmulist li:first-child{margin-left: 0}
.lanmulist li a{display: block;width: 100%;height: 100%;color: #404042;font-size: 18px}
.seach{width: 150px}
.seach form{box-sizing:border-box;border:1px solid #a3a3a3;height: 30px;width: 100%;border-radius: 30px;position: relative;overflow: hidden;}
.seach form .ss_name{width: 100%;box-sizing:border-box;padding-left: 15px;padding-right: 50px;border:none;vertical-align: top;height: 100%;outline: none;color:#727272;font-size:12px;}
.seach form .ss_btn{width: 50px;height: 28px;position: absolute;top: 0;right: 0;background: url(../images/seach.png) no-repeat;background-position: center center;border:none;background-size: 15px;outline: none;font-size: }
#banner{position: relative;overflow: hidden;z-index: -1}
.bannerlist li img{width: 100%}
/*底部*/
.footer{background-color: #575757;text-align: center;}
.footL{width: 250px;background-color: #56a3e3;padding: 25px 0}
.footL .footLName{font-size: 36px;color: #fff;font-weight: bold;}
.footL .footLEng{font-size: 18px;color: #fff;font-family: "Arial";text-transform: uppercase;margin: 10px 0 35px}
.footL .footLPic{width: 172px;margin: 0 auto}
.footL .footLPic img{width: 100%}
.footL .footLIntro{font-size: 18px;color: #fff;margin-top: 15px}
.footR{width: 1030px;margin-left: 40px;}
.footRT{text-align: center;font-size: 0}
.footRT span{display: inline-block;vertical-align: top;font-size: 18px;color: #fff;}
.footRT span:nth-child(2){margin-left: 60px;margin-right: 60px}
.footRM{margin: 35px 0}
.footRM img{width: 100%}
.footRB {text-align: center;font-size: 14px;color: #fff}
/*首页*/
.container{overflow: hidden;position: relative;padding-bottom: 80px}
.indexcon{margin-top:-106px;z-index: 1;}
.indexconList{padding:27px 38px;background-color: #fff;border:2px solid #dfdfdf;font-size: 0}
.indexconList li{display: inline-block;vertical-align: top;width: 310px;text-align: center;position: relative;}
.indexconPic{width: 89px;margin: 0 auto}
.indexconPic img{width: 100%;transform: rotateY(0deg);transition: all 1s;}
.indexconNm{font-size: 20px;color: #575757;margin: 15px 0 10px;}
.indexconEng{font-size: 12px;color: #585858;font-family: "Arial";text-transform: uppercase;}
.indexconList li:before{content: "";position: absolute;width: 1px;height: 85px;background-color: #aeaeae;left: 0;top: calc((100% - 85px) / 2)}
.indexconList li:first-child:before{width: 0}
.indexconList li:hover .indexconPic img{transform: rotateY(-360deg)}
.indexTitle{padding: 30px 0 25px;text-align: center;}
.indexTitleNm span{position: relative;font-weight: bold;font-size: 36px;color: #56a3e3}
.indexTitleNm span:before{content: "";position: absolute;width: 182px;height: 12px;background: url(../images/bg1.png) no-repeat;background-size: 100% 100%;top:calc((100% - 12px) / 2);left: -215px}
.indexTitleNm span:after{content: "";position: absolute;width: 182px;height: 12px;background: url(../images/bg1.png) no-repeat;background-size: 100% 100%;top:calc((100% - 12px) / 2);right: -215px;transform:rotate(180deg);}
.indexTitleIntro{color: #030303;font-size: 14px;margin-top: 15px}
.indexTitle1 .indexTitleIntro{text-transform: uppercase;font-size: 24px;color: #56a3e3;font-family: "Arial"}
.section1List .hd{width: 100%;height: 45px;background-color: #56a3e3}
.section1List .hd li{display: inline-block;width: calc(100% / 7);line-height: 45px;font-size: 16px;color: #fff;text-align: center;}
.section1List .hd li.on{background-color:#84bb59}
.section1List .bd{margin-top: 45px}
.section1Listcon>.lineblock{vertical-align: top;}
.section1ListL{width: 660px;}
.section1ListR{width: 605px;box-sizing:border-box;border:2px solid #dfdfdf;margin-left: 55px}
.section1ListR img{width: 100%}
.section1ListIntro{height: 40px;font-size: 24px;color: #25262a;border-bottom: 1px dashed #a1a1a1}
.section1ListJJ{color: #05368b;font-size: 18px;padding: 20px 0}
.section1ListNr{padding: 0 0 30px;min-height: 230px}
.section1ListLMore a{display: inline-block;width: 95px;height: 35px;text-align: center;line-height: 35px;background-color: #84bb59;color: #fff;font-size: 16px;margin-right: 30px}
.section1ListLMore a:first-child{background-color: #56a3e3}
.section2{padding: 50px 0}
.section2con{margin-top: 20px;position: relative;}
.section2Pic{width:calc( (100% - 1320px) / 2 + 545px)}
.section2Pic img{width: 100%}
.section2tt{width: 745px;margin-left: 30px;vertical-align: top;margin-top: 2%;color: #525252;font-size: 18px;line-height: 2;text-indent: 2rem}
.section2tt *{}
.section2Pf{position: absolute;right: 0;bottom: 7%;width:calc( (100% - 1320px) / 2 + 835px);padding: 3% 0;background-color: #659fdd;box-sizing:border-box;padding-left: 90px}

.section2Pf li{display: inline-block;vertical-align: middle;padding: 0 60px;color: #fff;font-size: 20px;text-align: center;}
.section2Pf li p span{font-size: 48px}
@media (max-width: 1600px){
	.section2Pf{padding: 2% 0 2% 90px;}
	.section2tt>div{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:5;overflow: hidden;}
	.section2tt *{display: inline;}
}
.picScroll-left{margin-top: 20px}
.section3List{overflow:hidden; zoom:1; }
.section3List li{display: inline-block;float:left; _display:inline; overflow:hidden;;vertical-align: top;margin-right: 25px;width: 244px;position: relative;overflow: hidden;}
.section3List li a{display: block;width: 100%;height: 100%}
.section3List li:first-child{margin-left: 0}
.section3List li img{width: 100%;transition:all 0.6s linear; -webkit-transition:all 0.6s linear;}
.section3List li p{position: absolute;width: 100%;height: 35px;line-height: 35px;text-align: center;background-color: #56a3e3;font-size: 14px;color: #fff;bottom: 0;left: 0}
.section3List li:hover img{transform: scale(1.1);}
/*二级*/
.nono{font-size: 26px;color: #666;line-height: 500px;text-align: center;font-family: "宋体"}
/*企业资质*/
.entlist{margin-top: 30px}
.entlist li{display: inline-block;width: 370px;box-sizing:border-box;border:1px solid #a4a3a3;position: relative;margin-bottom: 70px}
.entlist li:nth-child(3n-1){margin-left: 105px;margin-right: 105px}
.entlist li a{display: block;width: 100%;height: 100%;position: relative;overflow: hidden;}
.entlist li img{width: 100%;transition:all 0.6s linear; -webkit-transition:all 0.6s linear;}
.entlist li:hover img{transform: scale(1.1);}
.entlist li .entlistName{position: absolute;width: 100%;padding: 20px;box-sizing:border-box;bottom: 0;left: 0;background-color: rgba(18,17,31,.86);}
.entlist li .entlistName p{font-size: 19px;color: #fff;text-align: center;}
.entlist li .entlistName p:nth-child(2){font-size: 14px;margin-top: 10px;text-transform: uppercase;}
.detailshow{margin-top: 30px}
.detailshowTitle{text-align: center;font-size: 24px;color: #25262a}
.detailshowPic{margin: 25px auto 35px;text-align: center;}
.detailshowPic>div{max-width: 100%;}
.detailshowtag{height: 35px;background-color: #9f9d9d;padding: 0 10px;color: #fff;font-size: 14px;line-height: 35px}
.newShowCon{padding: 45px 0 90px;}
.newShowCon *{max-width: 100%;font-size: 18px;color: #525252;line-height: 2}
/*产品方案*/
.ejtype{text-align: left;margin-top: 10px;background-color: #56a3e3;overflow: hidden;}
.ejtype li{display: inline-block;width: calc(100% / 7);height: 45px;font-size: 18px;line-height: 45px;text-align: center;vertical-align: top;}
.ejtype li a{display: block;width: 100%;height: 100%;color: #fff;}
.ejtype li.on{background-color: #84bb59}
.ejtype li.on a{color: #fff}
.ejtype li:hover{background-color: #84bb59}
.ejtype li:hover a{color: #fff}
.proList {margin-top: 30px;}
.proList li{display: inline-block;width: 398px;box-sizing:border-box;vertical-align: top;margin-bottom: 35px}
.proList li:nth-child(3n-1){margin-left: 63px;margin-right: 63px;}
.proListPic{overflow: hidden;border:1px solid #dfdfdf;position: relative;}
.proListPic>img{width: 100%;transition:all 0.6s linear; -webkit-transition:all 0.6s linear;}
.proListPic a{position: absolute;width: 100%;height: 100%;top: 0;left: 100%;background: url(../images/more.png) no-repeat;background-position: center center;background-color: rgba(86,163,227,.83);transition:all 0.22s linear; -webkit-transition:all 0.22s linear;}
.proList li:hover .proListPic img{transform: scale(1.1) rotate(2deg);}
.proList li:hover .proListPic a{left: 0}
.proListText p{font-size: 20px;color: #25262a;line-height: 49px;border-bottom: 1px dashed #a1a1a1;text-align: left;}
.proListText .proListIntro{font-size: 16px;color: #05368b;line-height: 1.5;margin: 15px auto 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.proshowcon{margin: 30px 0}
.proshowPic{width: 520px;vertical-align: top;}
.proshowPic .gallery-top{border:2px solid #dfdfdf;}
.proshowPic .gallery-top li img{width: 100%}
.proshowPic .gallery-thumbs .swiper-slide-thumb-active {
     opacity: 1;
}
.proshowPic .gallery-bottom{padding: 0 35px;margin-top: 15px;position: relative;}
.proshowPic .gallery-bottom .gallery-thumbs li{border:2px solid #dfdfdf;box-sizing:border-box;}
.proshowPic .gallery-bottom .gallery-thumbs li img{width: 100%}
.proshowPic .gallery-bottom .buttons{width: 25px;height: 100%;opacity: 1;top: 0;margin-top: 0;outline: none;}
.proshowPic .gallery-bottom .swiper-button-next{right: 0;background: url(../images/next.png) no-repeat;background-position: center center;background-color: #56a3e3;}
.proshowPic .gallery-bottom .swiper-button-prev{left: 0;background: url(../images/prev.png) no-repeat;background-position: center center;background-color: #56a3e3;}
.proshowdet{width: 750px;margin-left: 50px;vertical-align: top;}
.proshowdet .detailshowTitle{line-height: 70px;border-bottom: 1px dashed #afafaf;font-size: 24px;color: #25262a;text-align: left;}
.proshowintro{padding: 30px 0;min-height: 250px}
.proshowintro>div{color: #9f9d9d;font-size: 16px;line-height: 40px}
.proshowintro span{color: #56a3e3}
.proshowbtn a{display: inline-block;width: 95px;height: 35px;background-color: #84bb59;color: #fff;font-size: 16px;text-align: center;line-height: 35px;margin-right: 30px}
.proshowbtn a:first-child{background-color: #56a3e3}
/*工程案例*/
.casetj{margin: 20px 0 40px}
.casetj .casetjPic{width: 600px;}
.casetj .casetjPic img{width: 100%}
.casetj .casetjdet{width: 660px;margin-right: 60px;margin-left: 0}
.casetj .casetjdet .detailshowTitle{line-height: 50px}
.casetj .casetjdet .proshowintro{ min-height: 220px;}
.caseList li{width: 300px;margin-left: 40px;display: inline-block;vertical-align: top;margin-bottom: 40px}
.caseList li:nth-child(4n+1){margin-left: 0}
.caseList li .caseListPic{width: 100%;overflow: hidden;}
.caseList li .caseListPic img{width: 100%;transition:all 0.6s linear; -webkit-transition:all 0.6s linear;}
.caseList li:hover .caseListPic img{transform: scale(1.1) rotate(2deg);}
.caseList li p{line-height: 30px;background: #ededed;padding: 0 10px;text-align: center;font-size: 14px;color: #525252}
/*关于我们*/
.showContent *{max-width: 100%;font-size: 18px;color: #525252;line-height: 2}
.ejpage{font-size: 0}
.ejpage a{display: block;width: 100%;color: #575757;font-size: 14px}
.ejpage a:first-child{margin-bottom: 10px}
#certify {position: relative;width: 100%;margin: 20px auto}
#certify  .swiper-slide {width: 370px;background: #fff;position: relative;}
#certify  .swiper-slide img{width: 100%;display:block;}
#certify  .swiper-slide .entlistName {position: absolute;width: 100%;bottom: 0;left: 0;box-sizing:border-box;padding:15px;background-color: rgba(18,17,31,.86);}
#certify  .swiper-slide .entlistName p{font-size: 19px;color: #fff;text-align: center;}
#certify  .swiper-slide .entlistName p:nth-child(2){font-size: 12px;margin-top: 10px;text-transform: uppercase;}
#certify  .swiper-slide .entlistName a{display: none;}
#certify  .swiper-slide.swiper-slide-active .entlistName {background-color: rgba(255,255,255,.86);}
#certify  .swiper-slide.swiper-slide-active p{color: #2265be;}
#certify  .swiper-slide.swiper-slide-active p:nth-child(2){color: #101010}
#certify  .swiper-slide.swiper-slide-active a{display: block;width: 105px;height: 30px;border:1px solid #c0c0c0;margin: 15px auto 0;text-align: center;line-height: 30px;font-size: 14px;color: #555}
#certify .swiper-button-prev {left: 30px;width: 31px;height: 31px;background: url(../images/s.png) no-repeat;background-size: 100%;outline: none;}
#certify .swiper-button-next {right: 30px;width: 31px;height: 31px;background: url(../images/x.png) no-repeat;background-size: 100%;outline: none;}
.cylist {width: 1110px;margin: 10px auto 0}
.cylist li{width: 350px;margin-left: 30px;display: inline-block;vertical-align: top;margin-bottom: 30px;box-shadow: 0 0 15px #bebdbb}
.cylist li:nth-child(3n+1){margin-left: 0}
.cylist li img{width: 100%}
/*联系我们*/
.contactbox{margin-top: 20px}
.contactmap{display: inline-block;vertical-align: top;width: 697px;height: 602px;border:7px solid #fff;box-sizing:border-box;}
.contactinfo{display: inline-block;vertical-align: top;width: 583px;height: 602px;margin-left: 40px;}
.contactinfo>div{width: 100%;height: 73px;background-color: #fff;margin-top: 32.8px;box-sizing:border-box;padding: 0 20px;line-height: 73px}
.contactinfo>div:first-child{margin-top: 0}
.contactinfo>div p{font-size: 18px;color: #333;}
.contactinfo>div p span{font-weight: bold;}