@charset "utf-8";
body{margin:0;padding:0;font-size:14px;font-family:"微软雅黑";-webkit-text-size-adjust:none;color:#000;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;font-size:14px;}
html{font-size: 62.5%}
img{border:0;vertical-align:bottom;max-width:100%;}
ul,li{list-style-type:none;}
a{color:#000;text-decoration:none;}
a,a:hover,a:active,a:visited,a:link,a:focus{
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;
outline:none;
background: none;
text-decoration: none;
}
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
}
input{
  box-shadow:none; /*去除阴影*/
  outline: none;/*聚焦input的蓝色边框*/
  resize: none; /*textarea 禁止拖拽*/
  border: none; /*去除边框*/
  -webkit-appearance: none;/*常用于IOS下移除原生样式*/
  -webkit-tap-highlight-color: rgba(0,0,0,0); /*点击高亮的颜色*/
}
textarea {  -webkit-appearance: none;}   
input:focus, textarea:focus {
outline: none;
}
input:focus{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-user-modify:read-write-plaintext-only;
}
*:focus { outline: none; } 
.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;}
.zw{height:7rem;background-color: #fdfaf5}
.public{padding: 0 3%}
.tanchu{width:120px;height:25px;margin:0 auto;background:#000;text-align:center;color:#fff;font-size:14px;position:fixed;top:50%;left:50%;margin-left:-50px;z-index:9999;display:none;line-height:25px;}
.click_more{width: 50%;padding: 2% 0;margin:5% auto;text-align: center;border:2px solid #025786;color:#025786;font-size: 1.8rem;border-radius: 8px}
/*头部*/
header{margin: 0 auto; width:100%;max-width: 640px;position: relative;}
.navigation{position:fixed;left: 0;right: 0;margin:0 auto;max-width:640px;z-index: 666;background-color: #fff;border-bottom:1px solid #fff}
.lanmuOn{background-color: rgba(0,0,0,.8);}
.navigation .logo{width: 100%;max-width: 640px;margin: 0 auto;}
.navigation .lanmus{position: absolute;padding-right: 3%;width: 20%;height: 100%;right: 0%;top: 0;box-sizing:border-box;display: flex;align-items:center;justify-content:flex-end;}
.navigation .lanmus img{width: 2.5rem;vertical-align: middle;margin-right: .5rem}
.navigation .lanmus span{color: #000;font-size: 1.4rem;vertical-align: middle;}
.lmlist{position: fixed;width: 100%;max-width: 640px;height: 0;left:0;right: 0;margin: 0 auto;moz-transition: all 1s ease;-webkit-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;z-index: 2;overflow: hidden;display: flex; justify-content: center; align-items: flex-start;box-sizing:border-box;overflow: scroll;}
.lmlistCon{width:100%;box-sizing:border-box;moz-transition: all .66s ease;-webkit-transition: all .66s ease;-o-transition: all .66s ease;transition: all .66s ease;}
.lmlistCon li{text-align: center;padding:.8rem 0;font-size:1.6rem}
.lmlistCon li a{color: #fff}
#banner{z-index: -1;position: relative;}
/*底部*/
.footer{background-color:#56a3e3;max-width: 640px;position: fixed;bottom: 0;left: 0;right: 0;margin: 0 auto;z-index: 999;padding: 1rem 0;}
.footer ul li{width: 25%;float: left;text-align: center;text-align: center;}
.footer ul li a{display: block;width: 100%;height: 100%}
.footer ul li span{font-size:1.2rem;color:#2b2b2b;display: block;color:#fff;margin-top: 5%}
.footer ul li img{width: 35%;vertical-align: middle;color:#fff;}
.incfooter{background-color: #181818}
.incfooter ul li span{color: #fff}
/*首页*/
.container{max-width: 640px;margin: 0 auto;overflow: hidden;padding-bottom: 9rem}
.indexTitle{padding:5% 0;text-align: center;}
.indexTitleNm span{position: relative;font-weight: bold;font-size: 2rem;color: #56a3e3}
.indexTitleNm span:before{content: "";position: absolute;width: 60px;height: .8rem;background: url(../images/bg1.png) no-repeat;background-size: auto 100%;background-position: right;top:calc((100% - .8rem) / 2);left: -70px}
.indexTitleNm span:after{content: "";position: absolute;width: 60px;height: .8rem;background: url(../images/bg1.png) no-repeat;background-position: right;background-size: auto 100%;top:calc((100% - .8rem) / 2);right: -70px;transform:rotate(180deg);}
.indexTitleIntro{color: #030303;font-size: 1.2rem;margin-top: 3%}
.indexcon{z-index: 1;max-width: 640px;margin: -4.5rem auto 0;}
.indexconList{padding:2% 3%;background-color: #fff;border:2px solid #dfdfdf;font-size: 0;}
.indexconList li{display: inline-block;vertical-align: top;width: 25%;text-align: center;position: relative;}
.indexconPic{width: 45%;margin: 0 auto}
.indexconPic img{width: 100%;transform: rotateY(0deg);transition: all 1s;}
.indexconNm{font-size: 1.4rem;color: #575757;margin-top: 4%;}
.indexconEng{font-size: 12px;color: #585858;font-family: "Arial";text-transform: uppercase;}
.indexconList li:before{content: "";position: absolute;width: 1px;height: 60%;background-color: #aeaeae;left: 0;top: 20%}
.indexconList li:first-child:before{width: 0}
.indexconList li:hover .indexconPic img{transform: rotateY(-360deg)}

.section1List .hd{width: 100%;height: 3.5rem;background-color: #56a3e3}
.section1List .hd li{display: inline-block;width: calc(100% / 3);line-height: 3.5rem;font-size: 1.4rem;color: #fff;text-align: center;vertical-align: top}
.section1List .hd li.on{background-color:#84bb59}
.section1List .bd{margin: 5% 0 0}
.section1Listcon>.lineblock{vertical-align: top;}
.section1ListL{width:45%;}
.section1ListR{width: 51%;box-sizing:border-box;border:2px solid #dfdfdf;margin-right: 4%}
.section1ListR img{width: 100%}
.section1ListIntro{height: 3rem;font-size: 1.6rem;color: #25262a;border-bottom: 1px dashed #a1a1a1;}
.section1ListNr{font-size: 1.4rem;color: #05368b;margin-top: 3%;line-height: 1.5;;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden;}
.section1Listnrc{padding: 5% 0}
.section1Listnrc *{max-width: 100%}
.section1ListLMore a{display: inline-block;width: 30%;height: 3rem;text-align: center;line-height: 3rem;background-color: #84bb59;color: #fff;font-size: 1.5rem;margin-right: 3rem}
.section1ListLMore a:first-child{background-color: #56a3e3}
.section2{margin: 3% 0 0}
.section2Pic{position: relative;}
.section2Pic img{width: 100%}
.section2Pic ul{position: absolute;width: 100%;padding: 3% 0;background-color: rgba(101,159,221,.85);left: 0;bottom: 0;font-size: 0}
.section2Pic ul li{width: calc(100% / 3);display: inline-block;vertical-align: middle;text-align: center;color: #fff;font-size: 1.6rem}
.section2Pic ul li p span{font-size: 2rem}
.section2Txt{color: #525252;font-size: 1.5rem;line-height: 1.8;text-indent: 2rem;padding: 3% 0}
.section3List{margin-top: 3%}
.section3List li{position: relative;overflow: hidden;}
.section3List li a{display: block;width: 100%;height: 100%}
.section3List li img{width: 100%;transition:all 0.6s linear; -webkit-transition:all 0.6s linear;}
.section3List li p{position: absolute;width: 100%;height: 3.5rem;line-height: 3.5rem;text-align: center;background-color: #56a3e3;font-size: 1.4rem;color: #fff;bottom: 0;left: 0;padding: 0 2%;box-sizing:border-box;}
.section3List li p span{display: block;}
.section3List li:hover img{transform: scale(1.1);}
/*分页*/
#page{text-align: center;margin-top: 5%;}
#page li{display: inline-block;height: 2.6rem;padding: 0 .8rem;box-sizing:border-box;margin:0 .4rem;line-height: 2.6rem;vertical-align: middle;background-color: #888888;border-radius: 3px}
#page li a{display: block;width: 100%;height: 100%;text-align: center;font-size: 1.5rem;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: 1.4rem;color: #333}
#page li.pageno1{position: relative;}
#page li.pageno1:after{content: "";position: absolute;right: 0;background-color: #333;width: 1px;height: 1.4rem;top: calc((100% - 1.4rem) / 2)}
#page span{display: inline-block;margin-left: 1rem;color: #034372}
/*二级*/
.nono{color: #a5a4a4;font-size: 1.6rem;text-align: center; line-height: 6rem;min-height: 8rem}
.box{background-color: #fff;padding:7% 0 10rem;}
.showmore{ text-align: center;position: relative;color: #c0291b;font-size: 1.5rem;padding: 5% 0}
.showmore span:before{content:"";background : url(../images/more_l.png) no-repeat;background-position: right top;position:absolute;width: 38%;height:5vw;left:0;top:45%;}
.showmore span:after{content:"";background : url(../images/more_r.png) no-repeat;background-position: left top;position:absolute;width: 38%;height:5vw;right:0;top:45%;}
.ejtype{text-align: left;margin-top: 10px;overflow: hidden;}
.ejtype li{display: inline-block;width: calc(100% / 3);height: 4rem;font-size: 1.4rem;line-height: 4rem;text-align: center;vertical-align: top;background-color: #56a3e3}
.ejtype li a{display: block;width: 100%;height: 100%;color: #fff;}
.ejtype li:nth-child(odd){background-color: #84bb59}
.ejtype li:nth-child(odd) a{color: #fff}
/*企业资质*/
.entlist{margin-top: 2%}
.entlist li{display: inline-block;width: 48%;box-sizing:border-box;border:1px solid #a4a3a3;position: relative;margin-bottom: 4%}
.entlist li:nth-child(odd){margin-right:4%}
.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:5% 3%;box-sizing:border-box;bottom: 0;left: 0;background-color: rgba(18,17,31,.86);}
.entlist li .entlistName p{font-size: 1.4rem;color: #fff;text-align: center;}
.entlist li .entlistName p:nth-child(2){font-size: 1.2rem;margin-top: 3%;text-transform: uppercase;}
.detailshow{margin-top: 2%}
.detailshowTitle{text-align: center;font-size:1.8rem;color: #25262a}
.detailshowPic{margin: 5% auto 7%;text-align: center;}
.detailshowPic>div{max-width: 100%;}
.detailshowtag{height: 3.5rem;background-color: #9f9d9d;padding: 0 3%;color: #fff;font-size: 1.4rem;line-height: 3.5rem}
.newShowCon{padding: 5% 0 7%;}
.newShowCon *{max-width: 100%}
/*产品方案*/
.ejpage{font-size: 0}
.ejpage a{display: block;width: 100%;color: #575757;font-size: 1.4rem}
.ejpage a:first-child{margin-bottom: 3%}
#gengduo_button{width: 35%;height: 3.5rem;background-color: #56a3e3;text-align: center;line-height: 3.5rem;font-size: 1.5rem;color: #fff;margin: 5% auto 0}
.proList {margin-top: 7%;}
.proList li{display: inline-block;width: 48%;box-sizing:border-box;vertical-align: top;margin-bottom: 3%}
.proList li:nth-child(odd){margin-right: 4%}
.proListPic{overflow: hidden;border:1px solid #dfdfdf;position: relative;}
.proListPic>img{width: 100%;transition:all 0.6s linear; -webkit-transition:all 0.6s linear;}
.proList li:hover .proListPic img{transform: scale(1.1) rotate(2deg);}
.proList li:hover .proListPic a{left: 0}
.proListText p{font-size: 1.5rem;color: #25262a;line-height: 4rem;border-bottom: 1px dashed #a1a1a1;text-align: left;}
.proListText .proListIntro{font-size: 1.3rem;color: #05368b;line-height: 1.5;margin: 3% auto 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.proshowcon{margin:5% 0 0; }
.proshowPic{width: 100%;}
.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 6%;margin-top: 3%;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:5%;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;background-size: 60%}
.proshowPic .gallery-bottom .swiper-button-prev{left: 0;background: url(../images/prev.png) no-repeat;background-position: center center;background-color: #56a3e3;background-size: 60%}
.proshowdet{width: 100%;margin-top: 2%}
.proshowdet .detailshowTitle{padding: 3% 0;border-bottom: 1px dashed #afafaf;font-size: 2rem;color: #25262a;text-align: left;}
.proshowintro{padding: 3% 0;}
.proshowintro>div{color: #9f9d9d;font-size: 1.5rem;line-height: 2}
.proshowintro span{color: #56a3e3}
.proshowbtn a{display: inline-block;width: 30%;height: 3.5rem;background-color: #84bb59;color: #fff;font-size: 1.5rem;text-align: center;line-height: 3.5rem;margin-right: 6%}
.proshowbtn a:first-child{background-color: #56a3e3}
/*工程案例*/
.casetj{margin:0 0 8%}
.casetj .casetjPic{width: 100%;}
.casetj .casetjPic img{width: 100%}
.casetj .casetjdet{width: 100%;margin-left: 0}
.caseList li{width: 48%;display: inline-block;vertical-align: top;margin-bottom: 4%}
.caseList li:nth-child(odd){margin-right: 4%}
.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%}
.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: 3% auto}
#certify  .swiper-slide {width: 40%;background: #fff;position: relative;border:1px solid #acaaaa;box-sizing:border-box;}
#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:5% 2%;background-color: rgba(18,17,31,.86);}
#certify  .swiper-slide .entlistName p{font-size: 1.4rem;color: #fff;text-align: center;}
#certify  .swiper-slide .entlistName p:nth-child(2){font-size: 1.2rem;margin-top: 3%;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: 60%;height: 2.3rem;border:1px solid #c0c0c0;margin: 3% auto 0;text-align: center;line-height: 2.3rem;font-size: 1.2rem;color: #555}
.cylist {width: 100%;margin: 2% auto 0}
.cylist li{width: 32%;margin-left: 2%;display: inline-block;vertical-align: top;margin-bottom: 2%;box-shadow: 0 0 15px #bebdbb}
.cylist li:nth-child(3n+1){margin-left: 0}
/*联系我们*/
.contactmap{width: 100%;height: 300px;box-sizing:border-box;margin-top: 5%}
.contactinfo{width: 100%;}
.contactinfo>div{width: 100%;padding: 3%;background-color: #fff;margin-bottom: 3%;box-sizing:border-box;border:2px solid #f6f6f6;box-shadow: 0 0 5px #f6f6f6}
.contactinfo>div p{font-size: 1.5rem;color: #333;}
.contactinfo>div p span{font-weight: bold;}