@charset "utf-8";
/*通用样式*/
html, body, div, iframe, map, font, img, a img, samp,  hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{ padding: 0; margin: 0; border: 0; font-weight: normal; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;  list-style:none;}
html, body { position: relative; height: 100%;}
body{ background:#fff; font:normal 12px/22px "微软雅黑";  }
img{ border:0;  }
a{ text-decoration:none; color:#000;  }
a:hover{ color:red;  }
.clear { clear:both;}
.clearfix { zoom:1;}
.clearfix:after { content:'\20'; display:block; height:0; clear:both;}
.dn { display: none;}
div { box-sizing:border-box;}
/* CSS Document */
.amap-logo,.amap-copyright { display: none!important;}
.menuPage { width: 100%; height: 100vh; background: url(/templates/main/images/menubg.jpg) center no-repeat; background-size: cover;}
.menuHeader { padding: 5.2vw 3.4% 0; overflow: hidden;}
.menuHeader a.backHome { float: right; background: url(/templates/main/images/back.png) left center no-repeat; line-height: 42px; padding-left: 40px; color: #ffffff;
font-size: 18px;}
.menuHeader a.logOut { margin-right: 20px; float: right; background: url(/templates/main/images/logout.png) left center no-repeat;line-height: 42px; padding-left: 40px; color: #ffffff;
font-size: 18px;}
.menuHeader a.setPwd { margin-right: 20px; float: right; background: url(/templates/main/images/setpwd.png) left center no-repeat;line-height: 42px; padding-left: 40px; color: #ffffff;
font-size: 18px;}
.menuList { width: 100%; text-align: center; position: absolute; bottom: 8.33vw;}
.menuList li { transition: all .5s; margin: 0 0.5% 15px; box-sizing: border-box; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.2); width: 15%; height: 290px; border-radius: 4px;
padding-top: 37px; display: inline-block; vertical-align: top;}
.menuIcon img { width: 100%; height: 100%;}
.menuIcon { width: 90px; height: 90px; border-radius: 50%; overflow: hidden; margin: 0 auto 23px;}
.menuList li p { padding: 0 8px; color: #ffffff; font-size: 18px; line-height: 25px; height: 71px;}
.linkBtn { text-align: center;}
.linkBtn a { display: block; color: #ffffff; background: #00a86e; width: 106px; line-height: 38px; margin: 0 auto; border-radius: 4px; font-size: 14px;}
.linkBtn a.secondEnter { display: inline-block; width: 66px; margin: 0 7px; vertical-align: top;}
.linkBtn a.buildingEnter { background: rgba(255,255,255,.1);}
.menuList li:hover { margin-top: -20px; box-shadow: 0 0 10px rgba(255,255,255,.4);}
.menuCopy { text-align: center; position: absolute; left: 0; width: 100%; bottom: 20px; font-size: 14px; line-height: 1; color: #ffffff;}
.menuCopy a{ color: #ffffff;}
.loginPage { background: url(/templates/main/images/loginbg.jpg) center no-repeat; background-size: cover; width: 100%; height: 100vh;}
.loginBar { overflow: hidden; border-radius: 8px; width: 910px; position: absolute; left: 50%; top: 50%; background: #ffffff; border-radius: 8px; margin-left: -455px; margin-top: -300px;}
.loginLeft { padding-top: 86px; float: left; width: 50%; background: #f5f5f5; height: 600px;}
.loginTit { display: block; margin: 0 auto 44px;}
.loginPro { display: block; height: 288px; width: auto; margin: 0 auto;}
.loginRight { float: right; width: 50%; padding: 120px 80px 0;}
.loginRight h2 { font-size: 28px; text-align: center; margin-bottom: 50px; line-height: 1; color: #00a86e;}
.loginRight input { outline: none; font-size: 16px; display: block; width: 100%; box-sizing: border-box; padding: 0; text-indent: 24px; background: #f6f6f6; height: 50px;
border-radius: 50px; margin-bottom: 20px; border: none;}
.loginRight button { background: #00a86e; height: 50px; border: none; outline: none; display: block; text-align: center; color: #ffffff;
font-size: 16px; width: 100%; border-radius: 50px; margin: 60px 0 35px;}
.loginRight p{text-align: center; font-size: 16px; color: #666666;}
.loginRight p a { color: #000000;}
.header {position: relative; z-index: 10;  height: 100px; background: #ffffff;}
.header .logo { float: left; height: 80px; margin-top: 14px; margin-left: 18px;}
.header .logo img { display: block; height: 100%; width: auto;}
.header .nav { float: left; margin-left: 100px;}
.header .nav li { height: 100px; line-height: 100px; position: relative; float: left; margin-right: 20px;}
.header .nav li:hover dl { transform: translateX(-50%) rotateY(0); display: block;}
.header .nav li dl { transition: all .5s; box-shadow: 0 5px 10px rgba(0,0,0,0.2); display: none; text-align: center; position: absolute; top:79px; left: 50%; transform: translateX(-50%) rotateY(-360deg); background: #ffffff; width: 140px;}
.header .nav li dt a { color: #333333; transition: all .5s; text-align: center; display: block; font-size: 16px; line-height: 2;}
.header .nav li dt:hover a { background:#00a86e; color: #ffffff;}
.header .nav li:last-child { margin-right: 0;}
.header .nav li>a { transition: all .5s; color: #333333; font-size: 16px; padding:0 9px;}
.header .nav li::after { content: ''; left: 0; position: absolute; top: 76px; width: 0; transition: all .5s; height: 3px; background: #00a86e;}
.header .nav li.cur::after,.header .nav li:hover::after {width: 100%;} 
.header .nav li.cur>a,.header .nav li:hover>a { color:#00a86e;}
.loginEnter { float: right;}
.loginEnter a {  width: 100px; box-sizing: border-box; text-align: center; font-size: 16px; height: 100px; display: block; background: url(/templates/main/images/loginuser.png) center 26px no-repeat #00a86e; line-height: 1; padding-top: 62px; color: #ffffff;}
.logined { float: right;}
.logined a {box-sizing: border-box; text-align: center; float: left; display: block; padding: 62px 10px 0;  height: 100px;background: url(/templates/main/images/loginuser.png) center 26px no-repeat #00a86e; padding-top: 62px; font-size: 16px; color: #ffffff;}
.logined a:nth-child(2) { background: url(/templates/main/images/logout.png) center 26px no-repeat #00a86e;font-size: 16px; color: #ffffff}
.searchHeader { cursor: pointer; border-left: 1px solid #ededed; position: relative; float: right;}
.searchHeader span { display: block; width: 150px; background: url(/templates/main/images/searchicon.png) 44px center no-repeat; padding-left: 70px; box-sizing: border-box;
line-height: 100px; color: #000000; font-size: 16px;}
.searchSub { display: none; z-index: 2; overflow: hidden; border-radius: 4px; position: absolute; right: 0; top: 100px; background: #ffffff; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.searchSub input { padding: 0; text-indent: 10px; height: 40px; width: 200px; border: none; outline: none;}
.searchSub button { outline: none; cursor: pointer; position: absolute; right: 0; top: 0; background: url(/templates/main/images/searchicon.png) center no-repeat; border: none; border-left: 1px solid #ededed; height: 40px; width: 40px;}
.headerLink { float: right; line-height: 100px;}
.headerLink a { margin: 0 30px; position: relative;}
.headerLink a::after { content: ''; position: absolute; width: 1px; height: 16px; position: absolute;right: -30px; top: 50%; margin-top: -8px; background: #ededed;}
.headerLink a:last-child::after { display: none;}
.banner { position: relative; height: 42vw;}
.banner video { display: block; width: 100%; height: 100%; object-fit: cover;}
.banner .swiper {width: 100%;height: 100%;}
.banner .swiper-slide {text-align: center;font-size: 18px;background: #fff;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.banner .swiper-slide img { display: block;width: 100%;height: 100%;object-fit: cover;}
.banner .swiper-button-next {left: auto; right: 20px; transition: all .5s;  background: url(/templates/main/images/next.jpg) center no-repeat; width: 56px; height: 56px;}
.banner .swiper-button-next:hover { background: url(/templates/main/images/nexton.jpg) center no-repeat;}
.banner .swiper-button-prev { left: 20px; transition: all .5s;  background: url(/templates/main/images/prev.jpg) center no-repeat; width: 56px; height: 56px;}
.banner .swiper-button-prev:hover { background: url(/templates/main/images/prevon.jpg) center no-repeat;}
.banner .swiper-button-next::after,.banner .swiper-button-prev::after { content: '';}
.banner img { display: block; width: 100%;}
.mouse { animation: downAni 1.5s infinite linear; background: url(/templates/main/images/mouse.png) center no-repeat; position: absolute; width: 22px; height: 38px; left: 50%; margin-left: -11px; bottom: 48px; z-index: 2;}
.homeProduct { padding-top: 140px; background: url(/templates/main/images/bg1.jpg) center bottom no-repeat;}
.productSwiper { max-width: 96%; width: 1440px; margin: 0 auto;}
.slideInfor::after { content: ''; clear: both; display: block; height: 0;}
.productTxt {padding-top: 48px; float: right; width: 420px;}
.productImg { float: left; width: calc(100% - 620px);}
.productImg img { height: 32vw; display: block; margin: 0 auto;}
.productTit span { line-height: 1; font-size: 100px; color: #f6f6f6; font-family: Impact;}
.productTit h2 { color: #000000; font-size: 40px; line-height: 1; margin-top: -24px;}
.productTit { margin-bottom:50px;}
.productTag { margin-bottom: 20px; display: inline-block; font-size: 16px; color: #ffffff; background: #00a86e; padding: 0 10px; line-height: 30px; border-radius: 4px;}
.productTxt h3 { font-size: 26px; color: #000000; line-height: 1.5; margin-bottom:50px;}
.inforTag { width: 280px;}
.inforTag span { display: inline-block; margin-right: 10px; margin-bottom: 24px; line-height: 32px; padding: 0 16px; border: 1px solid #bfbfbf; font-size: 18px; color: #8f9091; border-radius: 26px;}
.productSwiper .swiper-pagination span { outline: none; width: 52px; height: 5px; background: #cccccc; margin: 0 8px; border-radius: 0; opacity: 1;}
.productSwiper .swiper-pagination span.swiper-pagination-bullet-active {background: #00a86e;}
.productSwiper .swiper {padding-bottom: 55px;}
.productSwiper .swiper-pagination {bottom: 73px;}
.homeCase { position: relative; background: #f5faff;}
.homeCase::after { content: ''; clear: both; display: block; height: 0;}
.caseMenu { float: left; width: 672px; padding: 127px 82px 0;}
.caseMenu h2 { font-size: 56px; line-height: 1; color: #000000; margin-bottom: 42px;}
.caseMenu p{ font-size: 22px; color: #999999; line-height: 1;}
.caseMenu ul {overflow: hidden; margin-top: 95px;}
.caseMenu li { color: #666666; font-size: 18px; cursor: pointer; float: left; width: 154px; margin-bottom: 22px; margin-right:20px ; line-height: 48px; border: 1px solid #dee6ee; text-align: center;}
.caseMenu li:nth-child(3n) { margin-right: 0;}
.caseMenu li.cur { color: #ffffff; background: #00a86e; border: 1px solid #00a86e;}
.menuEnter { display: block; background: url(/templates/main/images/icon7.png) center no-repeat; width: 30px; height: 30px; margin: 185px 0 85px;}
.caseBd { position: absolute; right: 0; top: 0; height: 100%; width:calc(100% - 672px); height: 100%; overflow: hidden;}
.caseBd img { display: block; width: 100%; height: 100%; object-fit: cover;}
.caseBd .swiper { width: 100%; height: 100%;}
.caseText {position: absolute; top: 130px; left: 100px;}
.caseText h2 {margin-bottom: 40px; color: #ffffff; font-size: 48px; line-height: 1;}
.caseText p {max-width: 92%; font-size: 20px; color: #ffffff; line-height: 1.75;}
.caseSwiper { width: 100%; height: 100%;}
.caseSwiper .swiper-button-next,.caseSwiper .swiper-button-prev { color: #ffffff; font-size: 14px;}
.caseSwiper .swiper-button-next::after,.caseSwiper .swiper-button-prev::after { font-size: 14px;}
.caseSwiper .swiper-button-prev {left: 98px; bottom: 100px; top: auto;}
.caseSwiper .swiper-button-next {left: 209px; bottom: 100px; top: auto;}
.caseSwiper .swiper-pagination { font-size: 22px; left: 118px; width:100px; color: #ffffff; text-align:  center; top: auto; bottom: 111px;}
.shopAreatit { margin: 50px auto 70px; text-align: center;}
.shopAreatit h2 { line-height: 1; margin-bottom: 34px; font-size: 42px;}
.shopAreatit p {max-width: 100%; width: 1060px; margin: 0 auto; font-size: 22px; color: #666666; line-height: 36px;}
.shopSwiper img { display: block; width: 100%;}
.shopInfor { position: relative;}
.shopTxt { text-align: center; top: 0; width: 100%; padding-top: 50px; position: absolute; z-index: 2;}
.shopTxt h2 { font-size: 42px; line-height: 1; margin-bottom: 20px; color: #ffffff;}
.shopTxt p { font-size: 22px; color: #ffffff;}
.shopSwiper .swiper-pagination span { width: 16px; height: 2px; background: #ffffff;}
.shopSwiper .swiper-button-next { background: url(/templates/main/images/shopnext.png) center no-repeat; width: 24px; height: 14px; left: auto;
right: 20%;}
.shopSwiper .swiper-button-prev { background: url(/templates/main/images/shopprev.png) center no-repeat; width: 24px; height: 14px; left: 20%;}
.shopSwiper .swiper-button-next::after,.shopSwiper .swiper-button-prev::after { content: '';}
.homeNews { width: 1440px; max-width: 92%; margin: 0 auto; padding: 100px 0;}
.homeNewstit { margin-bottom: 80px; position: relative;}
.homeNewstit h2 { font-size: 42px; color: #000000; line-height: 1; margin-bottom: 30px;}
.homeNewstit p { font-size: 22px; color: #666666; line-height: 1;}
.homeNewstit a { position: absolute; right: 0; background: url(/templates/main/images/entericon.png) right center no-repeat; padding-right: 30px;
font-size: 20px; color: #000000; top: 50%; transform: translateY(-50%);}
.homeNews ul::after { content: ''; clear: both; display: block; height: 0;}
.homeNews li { transition: all .5s; background: #ffffff; padding: 60px 45px 58px; box-sizing: border-box; float: left; width: 33.33%;}
.homeNews li p { transition: all .5s; line-height: 1; margin-bottom: 28px; font-size: 20px; color: #666666;}
.homeNews li h2 {overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:3;-webkit-box-orient: vertical; transition: all .5s; height: 120px; font-size: 24px; color: #666666; line-height: 40px;}
.homeNews li span { transition: all .5s; display: inline-block; line-height: 38px; border: 1px solid #bfbfbf; font-size: 14px; color: #999999; padding: 0 30px;
border-radius: 38px;}
.newsInfor {background: #fafafa;}
.homeNews li:hover { z-index: 2; position: relative; margin-top: -20px; box-shadow:0 0 10px rgba(0,168,110,.15);}
.homeNews li:hover h2,.homeNews li:hover p { color: #000000;}
.homeNews li:hover span { background: #00a86e; border: 1px solid #00a86e; color: #ffffff;}
.footer { background: #eeeeee; padding-top: 60px;}
.footerTop { margin-bottom: 80px; overflow: hidden;}
.footerCont { max-width: 92%; width: 1440px; margin: 0 auto;}
.footerLogo { float: left;}
.footerNav { float: right; line-height: 80px;}
.footerNav li { margin-left: 30px; float: left;}
.footerNav li a { transition: all .5s; color: #333333; font-size: 14px;}
.footerNav li:nth-child(1) { margin-left: 0;}
.footerNav li.cur a,.footerNav li:hover a { color: #00a86e;}
.footerContact {overflow: hidden;}
.contactBox { margin-right: 100px; float: left;}
.contactBox h2 { font-size: 24px; color: #00a86e; line-height: 1; margin-bottom: 35px;}
.contactBox p { font-size: 14px; line-height: 1; color: #666666; margin-bottom: 25px;}
.contactEwm { float: right; text-align: center;}
.contactEwm img { display: block; width: 124px; margin: 0 auto;}
.contactEwm p { font-size: 16px; line-height: 1; margin-top: 20px;}
.copyRight { margin-top:60px; border-top: 1px solid #e1e1e1;}
.copyCont { max-width: 92%; line-height: 80px; width: 1440px; margin: 0 auto;}
.copyCont a { font-size: 14px; margin-right: 15px; color: #666666;}
.insideBanner { position: relative; height: 390px;}
.insideBanner img { display: block; width: 100%; height: 100%; object-fit: cover;}
.insideBg { position: absolute; bottom: 0; left: 0; opacity: .8; border-radius: 0 26px 0 0; width:calc(1440px + 50% - 720px); background: linear-gradient(to right,#14b179,#1c5094); height: 84px;}
.insideTxt { width: 1440px; position: absolute; bottom: 0; left: 50%; margin-left: -720px; line-height: 80px; z-index: 2;}
.insideTxt p { float: left; font-size: 30px; font-weight: bold; color: #ffffff;}
.insideTxt p span { font-size: 20px; opacity: .5; margin-left: 23px;}
.phoneTxt { float: right; background: url(/templates/main/images/phoneicon.png) left center no-repeat; padding-left: 30px; margin-right: 50px; font-size: 20px;
font-weight: bold; color: #ffffff;}
.location { border-bottom: 1px solid #ededed;}
.locationCont { max-width: 92%; width: 1440px; margin: 0 auto; overflow: hidden; font-size: 14px; color: #999999; line-height: 55px;}
.locationCont span,.locationCont a {color: #999999;}
.locationCont span { margin: 0 6px;}
.locationCont a:hover { color:#00a86e;}
.locationCont a.backList { float: right; background: url(/templates/main/images/backicon.png) left center no-repeat; padding-left: 32px;}
.aboutIntroduce { width: 1440px; margin: 0 auto; max-width: 92%; padding: 80px 0 0;}
.intArt h2 { line-height: 38px; margin-bottom: 24px; font-size: 28px; font-weight: bold; color: #000000;}
.intArt p { text-align: justify; font-size: 15px; color: #444444; line-height: 32px;}
.introduceTxt { float: left; width: 760px;}
.aboutIntroduce.manager .introduceTxt { float: right;}
.aboutIntroduce {overflow: hidden;}
.introduceTxt ul {overflow: hidden; margin-top: 50px;}
.introduceTxt li { margin-right: 50px; float: left;}
.introduceTxt li p {line-height: 1; font-weight: bold; font-size: 54px; color: #000000;}
.introduceTxt li p span { margin-left: 26px; vertical-align: top; display: inline-block; font-size: 12px; color: #ffffff; width: 22px; height: 22px; line-height: 22px;
text-align: center; border-radius: 50%; background: #00a86e;}
.introduceTxt li b { font-size: 15px; color: #666666;}
.introduceImg { float: right; width: calc(100% - 810px);}
.introduceImg video { display: block; width: 100%;}
.aboutIntroduce.manager .introduceImg { float: left;}
.introduceImg img { display: block; width: 100%; height: 100%; object-fit: cover;}
.growUp { padding: 80px 0; background: #f7f7f7;}
.growupCont { max-width: 92%; width: 1440px; margin: 0 auto;}
.devTit p { font-weight: bold; line-height: 1; font-size: 38px; color: #333333; margin-bottom: 16px;}
.devTit span {line-height: 1; font-size: 16px; color: #00a86e;}
.devTit { margin-bottom: 76px;}
.growUp li { margin-bottom: 25px; overflow: hidden;}
.devTime { text-indent: 26px; line-height: 52px; float: left; font-size: 20px; font-weight: bold; background: url(/templates/main/images/devtimebg.png) center no-repeat; width: 127px; height: 52px;}
.listCircle { position: relative; z-index: 2; float: left; width: 17px; height: 17px; border-radius: 17px; margin-left: 16px; position: relative; margin-top: 18px; background: rgba(0,168,110,.2);}
.listCircle::after { content: ''; position: absolute; width: 9px; height: 9px; border-radius: 50%;background: rgba(0,168,110,1); left: 4px; top: 4px;}
.devInfor { border-radius: 6px; padding:15px 35px 0; float: right; width: calc(100% - 182px); background: #ffffff;}
.devInfor h2 { margin-bottom: 15px; font-size: 22px; font-weight: bold; color: #000000; line-height: 28px;}
.devInfor p { display: none; margin-bottom:14px; font-size: 15px; color: #444444; line-height: 2;}
.devImg { margin-bottom: 35px; overflow: hidden;}
.devImg span { margin-right: 15px; width: 150px; height: 150px; overflow: hidden; float: left;}
.devImg span img { display: block; width: 100%; height: 100%; object-fit: cover;}
.growUp ul { position: relative;}
.growUp ul::after { content: ''; position: absolute; left: 151px; top: 0; bottom: 0; width: 1px; background: #e6e6e6;}
.productBannertxt { position: absolute; width: 1440px; max-width: 92%; left: 50%; transform: translateX(-50%); top: 110px;}
.productBannertxt p{ line-height: 1; margin-bottom: 20px; font-size: 30px; font-weight: bold; color: #ffffff; letter-spacing: 10px;}
.productBannertxt span { line-height: 1; font-size: 40px; font-weight: bold; color: #ffffff;}
.productType { max-width: 92%; width: 1440px; position: absolute; bottom: 0; left: 50%; transform: translate(-50%);}
.productType::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 68px; background: #33b4ef; border-radius: 8px 8px 0 0;}
.productType a { color: #ffffff; transition: all .5s; margin-left: 35px; padding: 0 14px; font-size: 16px; float:left; position: relative; z-index: 2; line-height: 68px; padding-top: 6px; border-radius: 6px 6px 0 0;}
.productType a.cur,.productType a:hover { background: #ffffff; color:#00a86e ;}
.productPage { width: 1440px; margin: 0 auto; max-width: 92%; padding: 30px 0 80px;}
.productHd {overflow: hidden; margin-bottom: 50px;}
.productHd a { cursor: pointer; position: relative; float: left; font-size: 16px; color: #666666; line-height: 50px; margin-right:16px;}
.productHd a::after { content: ''; transition: all .5s; width: 0; position: absolute; bottom: 0; left: 0; height: 2px; background: #00a86e;}
.productHd a:hover::after,.productHd a.cur::after {width: 100%;}
.productHd a:hover,.productHd a.cur {color:#00a86e ;}
.productBd li { transition: all .5s; margin-bottom: 50px; padding: 50px 44px 0; box-sizing: border-box; height: 390px; width: 48.88%; float: left; background: url(/templates/main/images/productbg.jpg) center no-repeat; background-size: cover; border:1px solid #ececec;}
.productBd li:nth-child(2n) { float: right;}
.productBd ul::after { content: ''; clear: both; display: block; height: 0;}
.productText h2 {overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; position: relative; margin-bottom: 24px; height: 76px; line-height: 38px; font-size: 26px; font-weight: bold; color: #000000;}
.productText::after { content: ''; background: url(/templates/main/images/protag.png) center no-repeat; position: absolute; top: 5px; left: -44px;
width: 8px; height: 26px;}
.productText dl {overflow: hidden;}
.productText dt {padding-left: 14px; float: left; font-size: 14px; width: 50%; position: relative; box-sizing: border-box; padding-left: 14px; color: #666666;}
.productText dt::after { content: ''; top: 50%; margin-top: -4px; position: absolute; width: 8px; height: 8px; background: #00a86e; border-radius: 50%; left: 2px;}
.productText { position: relative; float: left; width: 280px;}
.productPic { float: right; width: 284px; max-width: calc(100% - 280px);}
.productPic img { display: block; width: 100%;}
.productText span { transition: all .5s; margin-top: 45px; display: block; background: url(/templates/main/images/moreicon.png) 110px center no-repeat; border: 1px solid #e6e6e6; text-indent: 40px;
width: 162px; line-height: 52px; color: #333333; font-size: 14px; border-radius: 50px;}
.productBd li:hover { box-shadow: 0 0 10px rgba(0,0,0,0.22); transform: translateY(-20px);}
.productBd li:hover span { border: 1px solid #00a86e; background:url(/templates/main/images/moreon.png) 110px center no-repeat #00a86e; color: #ffffff;}
.productCont { width: 1440px; margin: 0 auto; max-width: 92%; padding: 40px 0;}
.productIntroduce {overflow: hidden; margin-bottom: 65px; border: 1px solid #ececec; overflow: hidden;}
.productSlide { float: right; width: 600px; height: 400px;}
.productSlide img { display: block; width: 100%; height: 100%; object-fit: cover;}
.productSlide .swiper-button-next { transition: all .5s; background: url(/templates/main/images/productnext.png) center no-repeat; width: 48px; height: 48px;}
.productSlide .swiper-button-prev { transition: all .5s; background: url(/templates/main/images/productprev.png) center no-repeat; width: 48px; height: 48px;}
.productSlide .swiper-button-next:hover { background: url(/templates/main/images/productnexton.png) center no-repeat;}
.productSlide .swiper-button-prev:hover { background: url(/templates/main/images/productprevon.png) center no-repeat;}
.productSlide .swiper-button-prev::after,.productSlide .swiper-button-next::after { content: '';}
.proTag { margin-bottom: 30px; border-radius: 34px; display: inline-block; padding: 0 20px; line-height: 34px; background: #00a86e; font-size: 16px; color: #ffffff;}
.productArt { float: left; padding: 50px; max-width: calc(100% - 600px);}
.productArt h2 { line-height: 40px; margin-bottom: 20px; font-weight: bold; color: #000000; font-size: 32px;}
.productArt dl {overflow: hidden;}
.productArt dt {padding-left: 14px; float: left; font-size: 14px; line-height: 48px; width: 50%; position: relative; box-sizing: border-box; padding-left: 14px; color: #666666;}
.productArt dt::after { content: ''; top: 50%; margin-top: -4px; position: absolute; width: 8px; height: 8px; background: #00a86e; border-radius: 50%; left: 2px;}
.productArt a.contactBtn { margin-top: 30px; font-size: 16px; display: block; width: 166px; height: 48px; border-radius: 4px; text-align: center; line-height: 48px;
color: #ffffff; background: #00a86e;}
.inforTit { margin-bottom: 30px; overflow: hidden; line-height: 72px; background: #00a86e;}
.inforTit span { float: left; font-size: 46px; font-family: 'Bahnschrift'; color: rgba(255,255,255,.2); background: #009864; width: 72px; height: 72px; display: block; text-align: center;}
.inforTit p { margin-left: 22px; float: left; font-weight: bold; font-size: 26px; color: #ffffff;}
.decTit { margin-bottom: 40px; line-height: 56px; font-weight: bold; font-size: 18px; color: #00a86e; border-left: 4px solid #00a86e; background: #e5f6f0; text-indent: 30px;}
.decTit span { font-weight: bold; color: #e70012;}
.inforList li h3 { margin-bottom: 30px; color: #333333; font-size: 18px; font-weight: bold; position: relative; padding-left:15px;}
.inforList img {max-width: 100%;}
.inforList li h3::after { content: ''; position: absolute; left: 0; top: 50%; width: 12px; height: 12px; margin-top: -6px; background: #00a86e;}
.decArt p { font-size: 16px; color: #333333; line-height: 2;}
.decArt { margin-bottom: 30px;}
.inforList li img { display: block; max-width: 100%; margin-bottom: 30px;}
.tagCont { display: inline-block; padding: 0 20px; margin-bottom: 30px; line-height: 40px; background: #e5f6f0; font-size: 16px; color: #00a86e; border-radius: 10px;}
.newsSearch { height: 44px; margin-top: 18px; border-radius: 4px; margin-right: 13px; background: rgba(255,255,255,.15); position: relative; z-index: 2; float: right; overflow: hidden;}
.newsSearch input { text-indent: 20px; height: 44px; border: none; float: left; width: 355px; box-sizing: border-box; padding: 0; background: none; outline: none;}
.newsSearch button { cursor: pointer; background: url(/templates/main/images/searchbtn.png) left center no-repeat; padding-left: 22px; font-size: 14px; color: #ffffff; border: none;
height: 44px;padding-right: 25px;}
.newsSearch input::placeholder{ color: #ffffff;}
.newsSearch input { color: #ffffff;}
.articlePage { padding: 70px 0 0; width: 1440px; margin: 0 auto; max-width: 92%;}
.articleTit h2 { margin-bottom: 20px; font-size: 36px; line-height: 1.5; font-weight: bold; color: #000000;}
.articleTag span { font-size: 16px; color: #808080;}
.articleTit { border-bottom: 10px solid #f5f5f5; padding-bottom: 50px;}
.articleInfor { padding-top: 50px;}
.articleInfor p { font-size: 16px; color: #333333; line-height: 30px;}
.articleInfor img { max-width: 100%;}
.fpage p {overflow: hidden; white-space:nowrap; text-overflow: ellipsis; font-size: 16px; color: #333333; line-height: 3;}
.fpage p a { color: #333333;}
.fpage p:hover a { color:#00a86e ;}
.fpage { border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; padding: 16px 0;}
.otherNews { padding: 20px 0 60px; width: 1440px; margin: 0 auto; max-width: 92%;}
.otherNews h2 { line-height: 112px; font-weight: bold; font-size: 28px; color: #333333;}
.otherNews ul {overflow: hidden;}
.otherNews li { margin-bottom: 35px; float: left; width: 31.6%; margin-right: 2.6%;}
.otherNews li:nth-child(3n) {margin-right: 0;}
.noticeImg { height: 280px; overflow: hidden; margin-bottom: 20px;}
.noticeImg img { display: block; width: 100%; transition: all .5s; height: 100%; object-fit: cover;}
.otherNews li span { font-size: 14px; color: #888888; line-height: 32px;}
.otherNews li p { transition: all .5s; color: #000000; font-size: 18px; line-height: 32px; height: 64px;overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.noticeTxt { transition: all .5s; padding-right: 120px; background: url(/templates/main/images/newsenter.png) right center no-repeat;}
.otherNews li:hover .noticeTxt { background: url(/templates/main/images/newsenteron.png) right center no-repeat;}
.otherNews li:hover img { transform: scale(1.1);}
.otherNews li:hover p { color:#00a86e ;}
.newsList { padding: 50px 0;}
.newsPage { padding: 40px 0; font-size: 14px; color: #6d6e75; line-height: 40px; text-align: center;}
.newsPage a,.newsPage span {transition: all .5s; margin: 0 5px; display: inline-block; vertical-align: top;}
.newsPage a { border: 1px solid #f6f6f6; color: #6d6e75; line-height: 40px; font-size: 14px; padding: 0 15px;}
.newsPage a span { line-height: 40px; font-size: 14px;}
.newsPage input { outline: none; width: 40px; height: 40px; box-sizing: border-box; border: 1px solid #f6f6f6; padding: 0; text-align: center;
font-size: 14px;}
.newsPage a.cur,.newsPage a:hover { color: #ffffff; background: #00a86e; border: 1px solid #00a86e;}
.caseCont { margin: 0 auto; max-width: 92%;}
.casePage ul { max-width: 92%; margin: 0 auto; width: 1440px;}
.casePage ul::after { content: ''; clear: both; display: block; height: 0;}
.casePage li { padding:65px 0; float: left; width: 50%;}
.casetit p { font-size: 32px; font-weight: bold; color: #111111; line-height: 1; margin-bottom: 24px;}
.casetit span { font-size: 16px; color: #888888;}
.casetit { margin-bottom: 40px;}
.caseInfor {overflow: hidden;}
.caseImg { height: 25.5vw;}
.caseImg img { display: block; height: 100%; object-fit: cover; width: 100%;}
.caseTxt { position: relative; padding-top: 26px;}
.caseTxt h2 { position: relative; font-size: 18px; font-weight: bold; color: #111111; margin-bottom: 30px; text-indent: 20px;}
.caseTxt h2::after { content: ''; background: #00a86e; position: absolute; left:0; top: 50%; width: 4px; height: 18px; margin-top: -9px;}
.caseTxt p { font-size: 14px; color: #444444; line-height: 40px;}
.caseArt {overflow: hidden;text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:3;-webkit-box-orient: vertical;}
.caseTxt a {     display: block;
    background: url(/templates/main/images/caseenter.png) 123px center no-repeat #00a86e;
    width: 184px;
    height: 50px;
    border-radius: 50px;
    line-height: 50px;
    color: #ffffff;
    text-indent: 46px;
    font-size: 16px;
    position: absolute;
    right: 0;
    top: 10px;}
.casePic h2 { line-height: 75px; font-size: 16px; color: #444444;}
.casePic dl {overflow: hidden;}
.casePic dt {overflow: hidden; float: left; width: 24%; margin-right: 1.3333%;}
.casePic dt img { transition: all .5s; cursor: pointer; display: block; height: 100%; object-fit: cover; width: 100%;}
.casePic dt:nth-child(4n) { margin-right: 0;}
.casePic dt:hover img {transform: scale(1.1);}
.caseAlt { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); z-index: 16;}
.caseAlt .swiper { position: absolute; top: 50%; transform: translateY(-50%); width: 100%;}
.caseAlt .swiper img { max-width: 70%; max-height: 70vh; margin: 0 auto; display: block; width: 1270px; height: 685px; object-fit: cover;}
.caseAlt .swiper-button-prev,.caseAlt .swiper-button-next { color: #ffffff;}
.servicePage { width: 1440px; margin: 0 auto; max-width: 92%; padding: 60px 0 200px;}
.serviceTit { text-align: center;}
.serviceTit p { font-size: 36px; font-weight: bold; color: #000000; line-height: 62px;}
.serviceTit span { font-size: 20px; color: #666666; line-height: 2;}
.serviceSearch { margin: 35px auto 90px; overflow: hidden; width: 740px; max-width: 100%;}
.serviceSearch button { cursor: pointer; border-radius:0 8px 8px 0; padding: 0; text-align: left; font-size: 16px; float: right; background: url(/templates/main/images/serviceicon1.png) 27px center no-repeat #00a86e; color: #ffffff; text-indent: 50px;
width: 110px; height: 58px; outline: none; border: none;}
.serviceSearch input { outline: none; float: left; box-sizing: border-box; height: 58px; border: 1px solid #eeeeee; padding: 0; text-indent: 30px;
font-size: 18px; width: calc(100% - 110px); border-radius: 8px 0 0 8px;}
.serviceList li { margin-bottom: 20px; transition: all .5s; border-radius: 6px; position: relative; border: 1px solid #ececec; padding: 15px 35px;}
.serviceList h2 { line-height: 2; margin-bottom: 20px; font-size: 20px; color: #222222;}
.serviceList span { color: #666666; font-size: 16px; position: relative; margin-right: 30px; padding-left: 21px;}
.serviceList span img { position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.serviceList li a { display: block; background: url(/templates/main/images/serviceicon2.png) 23px center no-repeat #00a86e; color: #ffffff; font-size: 16px; border-radius: 4px; text-indent: 48px; width: 98px; line-height: 42px; position: absolute; right: 40px; top: 50%; transform: translateY(-50%);}
.serviceList li:hover {box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.jobPage { background: url(/templates/main/images/jobtop.jpg) center top no-repeat #f7f7f7;}
.jobCont {padding: 60px 0; width: 1440px; max-width: 92%; margin: 0 auto;}
.jobInt h2 { font-size: 40px; font-weight: bold; color: #ffffff; line-height: 128px;}
.jobInt p { font-size: 14px; color: #ffffff; line-height: 1.5; margin-bottom: 12px;}
.jobInt h3 { color: #ffffff; font-weight: bold; line-height: 1.5; margin-bottom: 12px;}
.listHd {line-height: 75px; border-radius: 6px 6px 0 0; overflow: hidden; background: #00a86e; overflow: hidden;}
.listHd span { float: left; display: block; font-size: 16px; color: #ffffff;}
.listHd span:nth-child(1),.listTit span:nth-child(1) { width: 41%; text-indent: 64px;}
.listHd span:nth-child(2),.listTit span:nth-child(2) { width: 16%; text-align: center;}
.listHd span:nth-child(3),.listTit span:nth-child(3) { width: 16%; text-align: center;}
.listHd span:nth-child(4),.listTit span:nth-child(4) { width: 16%; text-align: center;}
.listTit { position: relative; overflow: hidden; line-height: 66px;}
.listTit::after { content: ''; position: absolute; background: url(/templates/main/images/addd.jpg) center no-repeat; width: 28px; height: 28px;
right: 44px; top: 50%; margin-top: -14px;}
.listTit span { float: left; font-size: 16px; color: #333333;}
.jobList ul { background: #ffffff;}
.jobList li {cursor: pointer; border-bottom: 8px solid #f7f7f7;}
.jobList li.cur .listTit::after {background: url(/templates/main/images/reduce.jpg) center no-repeat;}
.jobList li:last-child {border: none;}
.jobSub { display: none; border-top: 1px solid #e6e6e6; padding: 0 60px 60px;}
.jobSub h2 { font-size: 14px; line-height: 100px; color: #333333; font-weight: bold;}
.jobSub p { font-size: 14px; line-height: 2; color: #333333;}
.jobContact a { display: block; width: 158px; height: 48px; text-align: center; line-height: 48px; color: #ffffff; background: #00a86e;
font-size: 16px; border-radius: 5px; float: left;}
.jobContact {margin-top: 40px; overflow: hidden;}
.jobContact span { float: left; font-size: 13px; color: #666666; margin-left: 20px; line-height: 48px;}
.state { position: absolute; width: 10px; height: 10px; left: 32px; top: 50%; margin-top: -5px; background: #00a86e; border-radius: 50%;}
.state2 {position: absolute; width: 10px; height: 10px; left: 32px; top: 50%; margin-top: -5px; background: #ee434b; border-radius: 50%;}
.jobInt { margin-bottom: 80px;}
.contactPage { width: 1440px; margin: 0 auto; max-width: 92%; padding: 55px 0;}
.contactMap { margin-bottom: 55px; height: 350px;}
.BMap_bubble_title { font-weight: bold; font-size:16px;}
.contactInfor {}
.contactBar.cur { transform: translateY(-20px); box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.contactBar.cur h2 { color: #00a86e;}
.contactInfor::after { content: ''; clear: both; display: block; height: 0;}
.contactBar { transition: all .5s; padding: 40px; border: 1px solid #dfdfdf; float: left; width: 49%;}
.contactBar:nth-child(2) { float: right; border: 1px solid #dfdfdf;}
.contactBar h2 { line-height: 55px; margin-bottom: 20px; font-size: 24px; color: #333333; position: relative;}
.contactBar h2::after { content: ''; position: absolute; left: -40px; top: 50%; transform: translateY(-50%); width: 6px; height: 27px; background: #00a86e;}
.contactBar p { font-size: 16px; line-height: 40px; color: #333333;}
.contactBar p a { display: none;}
@keyframes downAni{
	from{ bottom: 30px;}
	50% {bottom: 48px;}
	to{ bottom: 30px;}
}
.BMap_bubble_title { font-size: 14px;}
#screen { display: none; position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.5); width: 100%; height: 100%; z-index: 1000;}
#goBtn { background: url(/templates/main/images/goicon.jpg) left center no-repeat; padding-left: 24px;
border: none; color: #00a86e; cursor: pointer; margin-top: 10px;background-size: auto 100%;}
.jobAlt { display: none; z-index: 1001; max-width: 92%; background: #ffffff; width:500px; padding:40px 20px; border-radius: 6px; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.jobAlt h2 { text-align: center; color: #333333; font-size: 26px; line-height: 2;}
.uploadBox { margin: 40px 0; position: relative; border:1px solid #E1E1E1; border-radius: 4px;overflow: hidden;}

.inputVlue { text-indent: 10px; display: block; font-size: 16px; line-height: 3; color: #666666;}
.upBtn input { position: absolute; width: 100%; opacity: 0; background: none; left: 0; top: 0; height: 100%; outline: none;}
.upBtn { position: absolute; right: 4px; background: #00a86e; color: #ffffff; font-size: 16px; line-height: 40px; width: 60px; border-radius: 4px; text-align: center; top: 4px;}
.btnBox { margin-top: 40px; text-align: center;}
.btnBox a { display: inline-block; width:100px; font-size: 16px; border-radius: 4px; margin: 0 10px; line-height: 30px; vertical-align: top;}
.btnBox a:nth-child(1) { border: 1px solid #00a86e; background: #00a86e; color: #ffffff;}
.btnBox a:nth-child(2) { border: 1px solid #00a86e; background: #ffffff; color: #00a86e;}
.searchBar { overflow: hidden; width: 750px; max-width: 92%; margin: 100px auto;}
.searchBar input { outline: none; float: left; box-sizing: border-box; width: calc(100% - 60px); height: 60px; border: 1px solid #e6e6e6; text-indent: 18px;
font-size: 16px;}
.searchBar button { float: left; border: none; background: url(/templates/main/images/searchicon.jpg) center no-repeat #00a86e; width: 60px; height: 60px; outline: none;}
.searchPage { width: 1440px; margin: 0 auto; max-width: 92%;}
.resultNotice { margin-bottom: 50px; font-weight: bold; font-size: 28px; color: #000000;}
.resultNotice span { color:#00a86e; font-weight: bold;}
.searchList li { border-bottom: 1px solid #ececec; padding-bottom: 35px; margin-bottom: 35px;}
.searchList li h2{ font-weight: bold; font-size: 20px; font-weight: bold; color: #000000; line-height: 1.5; margin-bottom: 20px;}
.searchList li h2 a,.searchList li h2 span {font-weight: bold;}
.searchList li h2 a { color: #000000;}
.searchList li h2 span { color:#00a86e;}
.searchTag span { font-size: 14px; margin-right: 20px; color: #666666;}

/**/
.setAlt { max-width: 92%; display: none; z-index: 10; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #ffffff;
border-radius: 12px; width: 400px; padding: 20px;}
.setAlt h2 { color: #333333; text-align: center; font-size:24px; line-height: 2;}
.setAlt li { margin-bottom: 10px;}
.setAlt li p { font-size: 16px; line-height: 2; color: #666;}
.setAlt li input { border: 1px solid #eee; outline: none; box-sizing: border-box;
width: 100%; padding: 0; text-indent: 10px; font-size: 14px; height: 32px; border-radius: 3px;}
.changeControl { margin-top: 20px; text-align: center;}
.changeControl a{ color: #ffffff; background: #00a86e; width: 86px; line-height: 32px; margin: 0 10px; border-radius: 4px; font-size: 14px; display: inline-block;}
.changeControl a:last-child { border: 1px solid #00a86e; color: #00a86e; background: #ffffff;}
/*5.31*/
.newsImg img { display: block; width: 100%; height: 100%; object-fit: cover;}
.newsImg { margin-bottom:20px; height: 260px;}
.map-box { width: 1200px; height: 600px; margin: 0 auto;}

/*7.6*/
.homeMap { padding: 5.2vw 0 15px; max-width: 92%; width: 1440px; margin:0 auto;}
.homeMap::after { content: ''; clear: both; display: block; height: 0;}
.mapTxt { float: left;}
.mapTit { margin-top: 5vw; margin-bottom: 6vw; position: relative;}
.mapTit h2 { font-weight: bold; font-size: 40px; color: #000000; position: relative; z-index: 2;}
.mapTit span { font-weight: bold; line-height: 1; position: absolute; color: #f3f0f4; font-size: 100px; left: 0; bottom: 0;}
.mapTxt li { margin-bottom: 4vw;}
.mapTxt li p { margin-bottom: 20px; line-height: 1; font-weight: bold; font-size: 60px; color: #000000; font-family: arial;}
.mapTxt li p b { vertical-align:top; margin-left: 23px; display: inline-block; font-size: 18px; color: #ffffff; width: 32px; height: 32px;
border-radius: 50%; background: #00a86e; text-align: center; line-height: 32px;}
.mapTxt li p i { font-style: normal;}
.mapTxt li span { display: block; font-size: 20px; line-height: 1;}
.mapImg { position: relative; float: right; width: calc(100% - 450px);}
.mapImg img { display: block; width: 100%;}
.mapImg p{ position: absolute; right: 0; top: 0; font-size: 14px; color: #999999;}
.videoCont{ max-width: 100%; display: none; margin-bottom: 14px;}
.typeList::after { content: ''; clear: both; display: block; height: 0;}
.typeList a { float: left; overflow: hidden;  text-overflow: ellipsis; white-space: nowrap; transition: all .5s; width: 32%; box-sizing: border-box; margin-bottom: 2%; line-height:3; font-size: 16px; color:#666 ; margin-right: 2%; text-align: center; border: 1px solid #00a86e; border-radius: 4px;}
.typeList a:nth-child(3n){ margin-right: 0;}
.typeList a:hover,.typeList a.cur { background:#00a86e ; color: #ffffff;}

.intImg { float: right; margin-top: 62px; width: 588px; max-width: 100%;}
.intBig { margin-bottom: 33px; height:330px; position: relative;}
.intBig img { position: relative; z-index: 2; display: block; width: 100%; height: 100%; object-fit: cover;}
.intBig:after { content: ''; position: absolute; width: 100%; height: 100%; background: rgba(15,52,117,.1);
left: -20px; bottom: -20px;}
.intSlide { padding:0 52px;}
.intSlide .swiper { overflow: hidden;}
.intSlide .swiper .swiper-slide { height: 75px;}
.intSlide img { display: block; width: 100%; height: 100%; object-fit: cover;}
.intSlide { position: relative;}
.intSlide .swiper-button-next { transition: all 0.5s; width: 40px; height: 40px; background: url(/templates/main/images/next.png) center no-repeat rgba(221, 227, 242, 1); left: auto; right: 0; border-radius: 50%;}
.intSlide .swiper-button-prev { transition: all 0.5s; width: 40px; height: 40px; background: url(/templates/main/images/prev.png) center no-repeat rgba(221, 227, 242, 1); left: 0; border-radius: 50%;}
.intSlide .swiper-button-next:after,.intSlide .swiper-button-prev::after { content: '';}
.intSlide .swiper-button-prev:hover { background: url(/templates/main/images/prev.png) center no-repeat #ffffff;}
.intSlide .swiper-button-next:hover { background: url(/templates/main/images/next.png) center no-repeat #ffffff;}
.bigSlide { position: relative; z-index: 2; width: 100%; height: 100%;}
.bigSlide video { display: block; width: 100%; height: 100%; object-fit: cover;}
.ukVideo { height:35vw; margin: 0 auto 20px;}
.abVideo { width: 100%; height: 100%; position: relative; margin: 0 auto 20px;}
.intSlide .cur:after {
    content: '';
    position: absolute;
    box-sizing: border-box;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 4px solid #0F3475;
}
.proDesc { text-align: justify; font-size: 16px; color: #666; line-height: 1.75;}
.choseAlt { z-index: 1001; position: fixed;bottom: -110%; left: 0; width: 100%;}
.choseAlt a { color: #333333; display: block; text-align: center; font-size: 16px; padding: 13px 0; border-bottom: 1px solid rgb(234,234,234); background: #ffffff;}
.choseAlt a:last-child { border: none;}
.choseAlt>a { border-bottom: none; border-top: 10px solid #eee!important;}
.nav .headerLink { display: none;}
@media screen and (max-width: 1780px) { 
	.headerLink a { margin: 0 10px;}
	.headerLink a::after { right: -10px;}
	.header .nav li>a { padding: 0 5px;}
}

@media screen and (max-width: 1680px) {
	.header .nav li { margin-right: 10px;}
	.header .nav li a{ font-size: 14px;}
	.header .nav li dt a { font-size: 14px; line-height: 3;}
	.header .nav { margin-left:80px;}
	.headerLink a:first { margin-left: 0;}
}
@media screen and (max-width: 1520px) {
	.header { height: 80px;}
	.loginEnter a { width: 80px; height: 80px; background-position: center 16px; padding-top: 52px;}
	.searchHeader span { width: 80px; background-position: 10px center; line-height: 80px; padding-left: 30px;}
	.header .nav li { height: 80px; line-height: 80px;}
	.header .logo { height: 60px; margin-top: 10px;}
	.headerLink { line-height: 80px;}
	.searchSub { top: 80px;}
	.header .nav { margin-left: 50px;}
	.homeNews li h2 { font-size: 18px;}
	.articleTag span { font-size: 14px;}
}
@media screen and (max-width: 1440px) {
	.productHd span { font-size: 14px;}
	.resultNotice { font-size: 22px; margin-bottom: 30px;}
	.searchList li h2 { font-size: 16px; margin-bottom: 15px;}
	.searchList li { padding-bottom: 20px; margin-bottom: 20px;}
	.introduceTxt { width: 48%;}
	.introduceImg { width: 48%;}
	.intArt p { font-size: 14px; line-height: 2;}
	.introduceTxt li p { font-size:30px;}
	.caseBd { width: 50%;}
	.homeNews { padding: 60px 0;}
	.homeNews li { padding: 40px;}
	.homeNewstit h2 { font-size: 30px;}
	.homeNewstit p { font-size: 16px;}
	.caseMenu { width: 50%; padding: 60px 4% 0;}
	.menuEnter { margin: 120px 0;}
	.caseText { left: 50px; top: 50px;}
	.caseText h2 { font-size: 36px;}
	.caseText p { font-size: 16px;}
	.caseMenu h2 { font-size: 42px;}
	.caseMenu p { font-size: 18px;}
	.caseMenu li { font-size: 16px;}
	.shopAreatit p { font-size: 18px;}
	.shopAreatit h2 { font-size: 32px;}
	.productTit span { font-size: 80px;}
	.shopTxt h2,.productTit h2 { font-size: 30px;}
	.shopTxt p { font-size: 16px;}
	.caseMenu li { width: 32%; margin-right: 2%; box-sizing: border-box;}
	.caseMenu li:nth-child(3n){ margin-right: 0;}
	.productTit { margin-bottom: 60px;}
	.insideTxt { width: 92%; transform: translateX(-50%); margin: 0; left: 50%;}
	.insideBg { width: 96%;}
	.devTit p { font-size: 30px;}
	.devTit { margin-bottom:40px;}

	.articleTit h2 { font-size: 30px;}
	.loginLeft {height: 500px;padding-top: 36px;}
	.loginRight { padding-top: 60px;}
	.loginBar { margin-top: -250px;}
	.intImg { width: 48%;}
}
@media screen and  (max-width:1320px){
	
	.headerLink { display: none;}
	.header .nav li>a { font-size: 14px;}
	.productTit span { font-size: 60px;}
	.productTxt h3,.caseText h2 { font-size: 20px; margin-bottom: 15px;}
	.caseMenu h2 { font-size: 30px; margin-bottom: 15px;}
	.introduceTxt li p span { margin-left: 10px;}
	.introduceTxt li:last-child { margin-right: 0;}
	.serviceTit p { font-size: 26px;}
	.serviceTit span { font-size: 16px;}
	.serviceSearch input { font-size: 16px; text-indent: 20px;}
	.serviceList h2 { font-size: 16px; margin-bottom: 10px;}
	.serviceSearch { margin-bottom: 60px;}
	.articleTit h2 { font-size: 20px;}
	.articleTit {padding-bottom: 20px;}
	.articleInfor {padding-top: 20px;}
	.articleInfor p { font-size: 14px;}

	.otherNews h2 { font-size: 20px; line-height: 2; margin-bottom: 15px;}
	.fpage p { font-size: 14px;}
}
@media screen and  (max-width:1280px){
	.productType a { font-size: 14px; margin-left: 0;}
	.otherNews li { width: 49%; margin-right: 0;}
	.otherNews li:nth-child(2n) { float: right;}
	.productSlide { float: none; margin: 0 auto; max-width: 100%; height: auto;}
	.productArt { padding: 20px; max-width: none;}
	.productArt h2 { font-size: 26px; line-height: 1.5;}
	.proTag { margin-bottom: 15px;}
	.loginBar {  max-width:92%; margin: 0 auto; transform: translate(-50%,-50%);}
	.loginLeft { background: none; width: 100%; height: auto; float: none;}
	.loginPro { display: none;}
	.loginRight { padding: 0 40px 20px; float: none; width: 100%;}
	.loginTit { max-width: 60%;}
	.loginRight h2 { font-size: 20px; margin-bottom: 20px;}
	.loginRight button { margin: 20px auto;}
	.loginTit { margin-bottom: 20px;}
}
@media screen and  (max-width:1080px){
	.headerLink a::after { display: none;}
	.nav .headerLink { line-height:3; display: block; text-align: center; width: 100%; position: absolute; left: 0; bottom: 20px;}
	.intBig { height: auto;}
	.intImg { float: none; margin: 0 auto 20px; width:500px; max-width: 100%;}
	.introduceTxt li b { font-size: 12px;}
	.mapTxt { float: none; width: 100%;}
	.mapTxt ul { overflow: hidden;}
	.mapTit h2 { font-size: 20px;}
	.mapTit span { font-size:50px;}
	.mapTxt li p { font-size: 20px;}
	.mapTxt li p b { font-size: 12px; width: 20px; height: 20px; line-height: 20px; margin-left: 5px;}
	.mapTxt li span { font-size:14px ;}
	.mapImg {width:650px; max-width: 100%; float: none; margin: 0 auto;}
	.mapTxt li { text-align: center; float: left; width: 33.33%;}
	.homeNews li:hover { margin: 0;}
	.newsImg { height: auto; margin-bottom: 10px;}
	.searchBar input { font-size: 14px; height:40px;}
	.searchBar button { width: 40px; height: 40px;}
	.searchBar { margin: 30px auto;}
	.resultNotice { font-size: 18px;}
	.searchList li h2 { margin-bottom: 5px;}
	.jobAlt { padding: 20px;}
	.articlePage { padding: 20px 0;}
	.inforTit span { width: 40px; line-height: 40px; font-size: 20px;}
	.inforTit p { font-size: 16px;}
	.inforTit { margin-bottom: 10px; line-height: 40px; height: 40px;}
	.decTit { line-height: 40px; margin-bottom: 10px; font-size: 14px; text-indent: 10px;}
	.inforList li h3 { font-size: 14px; margin-bottom: 10px;}
	.decArt p { font-size: 14px;}
	.tagCont { font-size: 14px; line-height: 2;}
	.locationCont { font-size: 12px;}
	.productArt h2 { font-size: 20px;}
	.aboutIntroduce { padding: 20px 0;}
	.introduceImg { margin: 0 auto 20px; height: auto; float: none;}
	.introduceTxt { float: none; margin: 0 auto; width: 100%;}
	.productArt dt { line-height: 2;}
	body {padding-top: 60px;}
	.mouse { display: none;}
	.header { position: fixed; left: 0; top: 0; z-index: 12; width: 100%; height: 60px;}
	.header .logo {height: 40px;}
	.header .nav { z-index: 11; height: calc(100vh - 60px); width: 160px; margin: 0; float: none; position: fixed; left: -110%; top: 60px; background: #ffffff;}
	.loginEnter a { font-size: 14px; padding: 0; width: 60px; height: 60px; background: #00a86e; line-height: 60px;}
	.header .nav li { float: none; width: 100%; line-height: 40px; text-align: center; height: auto;}
	.header .nav li::after { height: 0; width: 2px; left: 0; top: 0;}
	.header .nav li.cur::after, .header .nav li:hover::after { width: 2px; height: 100%;}
	.searchHeader { display: none;}
	.btn-menu {
			float: right;
	    top: 0;
	    width: 60px;
	    height: 60px;
	    padding: 19px 22px 21px 21px;
	    z-index: 11;
	    border-left: #d1d1d0 solid 1px;}
		.menu-icon {
		    width: 16px;
		    display: inline-block;
		    vertical-align: middle;
		    height: 2px;
		    background-color: #4f4f4f;
		    line-height: 67px;
		    transition-duration: .3s;
		    position: relative;
		}
		.menu-icon:after, .menu-icon:before {
		    content: '';
		    position: absolute;
		}
		.menu-icon:before {
		    width: 22px;
		    top: -8px;
		    left: 0;
		    height: 2px;
		    background-color: #4f4f4f;
		    transition-duration: .3s;
		}
		.menu-icon:after {
		    width: 22px;
		    bottom: -8px;
		    height: 2px;
		    left: 0;
		    background-color: #4f4f4f;
		    transition-duration: .3s;
		}
	
	.caseSwiper .swiper-button-next,.caseSwiper .swiper-button-prev { display: none;}
	.shopAreatit p { font-size: 14px; line-height: 1.5; max-width: 92%;}
	.shopAreatit h2 { font-size: 20px; margin-bottom: 10px;}
	.shopTxt { padding-top:40px;}
	.shopTxt p { font-size: 12px;}
	.caseText p { font-size: 14px;}
	.caseText { left: 4%; top: 15px;}
	.caseSwiper .swiper-pagination { left: 0; width: 100%; bottom: 20px; font-size: 14px;}
	.caseMenu h2 { font-size: 20px;}
	.caseMenu p { font-size: 14px;}
	.caseMenu ul { margin-top: 20px;}
	.caseMenu li { font-size: 14px; line-height: 2.5; margin-bottom: 5px;}
	.menuEnter { margin: 20px 0;}
	.productImg { float: none; width: 100%;}
	.homeProduct {padding-top: 40px;}
	.productTxt { padding-top: 20px; float: none; width: 100%;}
	.productSwiper {max-width: 92%;}
	.inforTag { width: 100%;}
	.productTit { margin-bottom:20px;}
	.productSwiper .swiper-pagination { bottom: 20px;}
	.productImg img{ height: 200px;}
	.productTxt h3 { font-size: 16px; margin-bottom: 15px;}
	.inforTag span { margin-bottom: 12px;}
	.caseBd { position: static; width: 100%;}
	.caseMenu { width: 100%; padding: 20px 4% 0;}
	.shopTxt h2, .productTit h2,.homeNewstit h2 { margin-bottom: 10px; font-size: 20px;}
	.homeNewstit a { font-size: 12px;}
	.homeNews { padding:30px 0;}
	.homeNewstit { margin-bottom: 20px;}
	.homeNews li { margin-bottom: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.1); padding: 14px; width: 100%;}
	.homeNews li p { margin-bottom:10px;}
	.homeNews li h2 { font-size: 14px; height: auto; margin-bottom: 10px; line-height: 1.5;}
	.homeNews li span { font-size: 12px; line-height: 30px; padding: 0 10px;}
	.shopSwiper .swiper-button-prev,.shopSwiper .swiper-button-next { display: none;}
	.banner .swiper-button-next,.banner .swiper-button-prev { top: 50%; margin-top: -10px; transform: translate(0); width: 20px; height: 20px; background-size: 100%!important;}
	.shopAreatit { margin: 40px auto 20px;}
	.productSwiper .swiper-pagination span { height: 2px; width: 30px;}
	.footerLogo { display: block; float: none; text-align: center;}
	.footerNav { display: none;}
	.footerTop { margin-bottom: 20px;}
	.contactBox { float: none; margin: 0 0 20px;}
	.contactBox p { line-height: 1.5; margin-bottom: 10px;}
	.contactBox h2 { font-size: 18px; margin-bottom: 10px;}
	.copyCont a { display: block; text-align: center; font-size: 12px;}
	.copyCont { line-height: 1.5; padding: 10px 0;}
	.contactEwm { float: none;}
	.copyRight { margin-top: 20px;}
	.footerLogo img { width: 200px; margin: 0 auto;}
	.footer {padding-top: 20px;}
	.btn-menu.opened .menu-icon:before {
		    -webkit-transform: rotate(-45deg);
		    -ms-transform: rotate(-45deg);
		    transform: rotate(-45deg);
		    top: 0;
		}
		.btn-menu.opened .menu-icon:after {
		    -webkit-transform: rotate(45deg);
		    -ms-transform: rotate(45deg);
		    transform: rotate(45deg);
		    bottom: 0;
		}
		.btn-menu.opened .menu-icon {
		    width: 0;
		}
	.introduceImg { width: 100%;}
	.intArt h2 { font-size: 20px; margin-bottom: 10px; line-height: 1.5;}
	.introduceTxt li p { font-size: 20px;}
	.introduceTxt li { width: 33.33%; margin-right: 0; text-align: center;}
	.introduceTxt ul { margin-top: 20px;}
	.growUp { padding: 40px 0;}
	.devTit { margin-bottom: 20px;}
	.devTit p { font-size: 20px;}
	.devTit span { font-size: 14px;}
	.devTime { float: none; background: #ffffff; margin-bottom: 10px; border-radius: 6px;}
	.devInfor { float: none; width: 100%; padding: 15px;}
	.devImg span { width: 32%; margin-right: 2%; height: 32%;}
	.devImg span:nth-child(3n) { margin-right: 0;}
	.growUp ul::after { display: none;}
	.listCircle { display: none;}
	.devInfor p { font-size: 14px; margin-bottom: 5px;}
	.devInfor h2 { font-size: 18px; margin-bottom: 5px;}
	.devImg { margin-bottom: 5px;}
	.phoneTxt { display: none;}
	.insideBanner { height: 260px;}
	.insideTxt p { font-size: 20px;}
	.insideTxt p span { font-size: 16px;}
	.insideTxt { line-height: 60px;}
	.insideBg{ height: 60px;}
	.productBannertxt p { margin-bottom: 10px; font-size: 16px; letter-spacing: 4px;}
	.productBannertxt span { font-size:20px;}
	.productBannertxt { top: 80px;}
	.productType {overflow-x: auto; white-space: nowrap;}
	.productType a { float: none; display: inline-block;}
	.productType { background: #00a86e;}
	.productType a { line-height: 40px;}
	.productBd li {  float: none; margin-right: 0; width: 100%;}
	.serviceSearch button { height: 40px;}
	.serviceSearch input { height: 40px;}
	.servicePage { padding: 20px 0;}
	.serviceList li { padding: 10px;}
	.serviceList span { font-size: 14px; margin-right: 5px;}
	.serviceList li a { position: static; transform: translate(0); font-size: 14px; line-height: 2.5; height: auto; margin-top: 10px;}
	.menuCopy a { display: block; line-height: 1.5;}
}
@media screen and  (max-width:780px){
	.introduceTxt li p {
	    font-size: 14px;
	    line-height: 22px;
	}
	.typeList a{ font-size: 14px;}
	.contactBar p a { display: inline-block;background: url(/templates/main/images/goicon.jpg) left center no-repeat;
    padding-left: 18px; margin-left: 5px;
    border: none;
    color: #00a86e;
    cursor: pointer;

    background-size: auto 70%;}
	.menuList li { padding: 10px 0; height: auto; width: 48%; float: left; margin: 0 0 4%;}
	.menuIcon { width: 40px; height: 40px; margin: 0 auto 10px;}
	.menuList li p { zoom: .9; padding: 0; height: auto; font-size: 12px;}
	.linkBtn a.secondEnter { font-size: 12px; line-height: 2;}
	.linkBtn a { font-size: 12px; line-height: 2;}
	.menuList li:nth-child(2n){ float: right;}
	.menuList { position: static; padding: 0 4%;}
	.menuLogo img { max-width: 60%;}
	.menuHeader a.backHome { font-size: 14px; line-height: 22px;}
	.menuHeader { margin-bottom:60px;}
	.menuHeader a.logOut { font-size: 14px; margin-top: -20px;}
	.logined a,.logined a:nth-child(2) { line-height: 60px; background: #00a86e!important; padding: 0 5px; font-size: 14px; height: auto;}
}
@media screen and  (max-width:640px){
	.banner { height: 160px;}
	.contactMap{ height: 300px; margin-bottom: 20px;}
	.contactBar { float: none; width: 100%; padding: 20px;}
	.contactBar h2::after { left: -20px;}
	.contactBar h2 {line-height: 2; font-size: 16px; margin-bottom: 10px;}
	.contactBar p { font-size: 14px; line-height: 1.5;}
	.contactBar { margin-bottom: 20px; border-bottom: 1px solid #dfdfdf;}
	.contactBar.cur {transform: translate(0);}
	.contactPage { padding: 30px 0;}
	.jobCont { padding: 30px 0;}
	.jobInt h2 { font-size: 20px; line-height: 2;}
	.jobInt h3 { font-size: 16px;}
	.jobInt { margin-bottom: 20px;}
	.listTit span { font-size: 12px;}
	.jobList li.cur .listTit::after { display: none;}
	.jobSub { padding: 20px;}
	.header .nav li dl { position: static; transform: translate(0)!important; margin: 0 auto;}
	.jobSub h2 { line-height: 2;}
	.jobContact a { text-align: center; width: 120px;}
	.listTit::after { display: none;}
	.state,.state2 { display: none;}
	.listHd span:nth-child(1), .listTit span:nth-child(1){ width: 40%; font-size: 12px; text-indent: 0; text-align: center;}
	.listHd span:nth-child(2), .listTit span:nth-child(2),.listHd span:nth-child(3), .listTit span:nth-child(3),.listHd span:nth-child(4), .listTit span:nth-child(4) { width: 20%; font-size: 12px;}
	.casePage li { padding-top: 20px; width: 100%; float: none; padding-bottom: 20px;}
	.casetit p { font-size: 20px; margin-bottom: 10px;}
	.casetit span { font-size: 14px;}
	.casetit { margin-bottom: 10px;}
	.productHd span { font-size: 14px; margin-right: 10px; float: none; display: inline-block; vertical-align: top;}
	.productHd {overflow-x: auto; white-space: nowrap; margin-bottom: 20px;}
	.productBd li { height: auto;}
	.productPic { float: none; width: 100%; max-width: none;}
	.productText { float: none;}
	.productBd li { margin-bottom: 20px; padding: 20px;}
	.productText::after {left: -20px;}
	.productPic img { width: auto; height: 200px; margin: 0 auto;}
	.productPic { margin-bottom: 20px;}
	.productText span { width: 120px; font-size: 14px; height: auto; line-height:2.5; margin-top: 15px; text-indent:20px; background-position: 90px center;}
	.productPage { padding: 20px 0;}
	.productText h2 { font-size:18px; height: auto;}
	.otherNews li { width: 100%; float: none!important;}
	.noticeImg { height: auto;}
	.otherNews li p { font-size: 16px;}
	.noticeImg { margin-bottom: 0;}
	.newsPage { padding: 20px 0; line-height: 1.5; font-size: 12px;}
	.newsPage a,.newsPage span { font-size: 12px;}
	.newsPage a { line-height:1.5; padding: 0 2px; margin: 0 2px;}
	.newsPage input { width: 18px; height: 18px; margin: 0;}
	.newsSearch { display: none;}
	.insideBanner { height: 220px;}
	.newsList { padding: 30px 0;}
	.caseImg { float: none; width: 100%; height: auto;}
	.caseTxt {float: none; width: 100%; height: auto;}
	.caseTxt p { line-height: 2;}
	.caseTxt h2 { margin-bottom: 10px;}
	.caseTxt a { margin-top: 20px; position: static; background: #00a86e; text-indent: 0; text-align: center; font-size: 14px; height: auto; line-height: 2.5; width: 120px;}
	.caseAlt .swiper img { height: auto;}
}
<!--耗时1763430326.4584秒-->