/*通用样式*/

html, body, div, span, iframe, map, font, img, a img, samp, strong, 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 14px/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;}

div { box-sizing:border-box;}

@font-face {

	font-family:Anton;

	src: url(../font/Anton.ttf);

}

@keyframes aniDown{



	0%{transform: translate(-50%,0px);}



	50%{transform: translate(-50%,-10px);}



	100%{transform: translate(-50%,0px);}



}

/* CSS Document */

.downAni{ position: fixed; left: 50%;  bottom: 20px; z-index: 4; animation: aniDown 1.5s linear infinite; }

.header { transition: all 0.5s; position: fixed; left: 0; top: 0; width: 100%; height: 100px; z-index: 10;background: rgba(255,255,255,0); /*backdrop-filter: blur(25px);*/}

.pageBox { width: 100%; height: 100vh; overflow: hidden;}

.swiper {width: 100%;height: 100%;}

.swiper-slide {text-align: center;font-size: 18px;background: #fff;/* Center slide text vertically */}

.bigControl span { outline: none; position: relative; opacity: 1; display: block; margin-bottom: 22px; cursor: pointer; margin-top: 0!important; margin-bottom: 22px!important; width: 20px; height: 20px; background: url(../image/con1.png) center center no-repeat; position: relative;}

.bigControl span.swiper-pagination-bullet-active {background: url(../image/conon.png);}

.bigControl span:after { content: '';position: absolute; left: 50%; transform: translateX(-50%); top: 20px; display: block; margin: 5px auto; width: 2px; height: 12px; background: #d8d8d8;}

.bigControl span:last-child:after { display: none;}

.banner { width: 100%; height: 100vh;}

.banner .swiper-slide { width: 100%;}

.banner .banner1 { background: url(../image/banner1.png) center no-repeat; background-size: cover;}

.banner .banner2 { background: url(../image/banner2.jpg) center no-repeat; background-size: cover;}

.banner .banner3 { background: url(../image/banner3.jpg) center no-repeat; background-size: cover;}

.banner a { display: block; width: 100%; height: 100%;}

.banner span { outline: none;}

.banner span.swiper-pagination-bullet-active { background: #0076A6;}

.swiper-button-next,.swiper-button-prev { outline: none;}

.logo { display: block; transition: all 0.5s; /*background: url(../image/logo.png)*/ center no-repeat; width: 177px; height: 49px; position: absolute; top: 24px; left: 5%;}

.rightPhone { transition: all 0.5s; height: 100px; float: right; border-left: 1px solid rgba(255,255,255,.1); padding: 29px 3.2vw 0 4vw;}

.rightPhone p { transition: all 0.5s; color: #ffffff; font-size: 14px; line-height: 21px;}

.rightPhone span { transition: all 0.5s; font-family: 'Anton'; color: #ffffff; font-size: 18px; line-height: 1;}

.langChose { transition: all 0.5s; cursor: pointer; margin-right: 2vw; position: relative; font-size: 16px; color: #ffffff; padding-left: 32px; line-height: 100px; background: url(../image/earthWithe.png) left center no-repeat; float: right;}

.langChose span { display: block; padding-right: 32px; background: url(../image/downWithe.png) right center no-repeat;}

.langSlide { display: none; overflow: hidden; position: absolute; left: 0; width: 100%; text-align: center; background: #ffffff; border-radius: 0 0 3px 3px; box-shadow: 0 3px 10px rgba(0,0,0,0.2);}

.langSlide a { transition: all 0.5s; color: #333333; display: block; line-height: 2.5; font-size: 16px;}

.langSlide a:hover { color: #ffffff; background: #0076A6;}

.search { position: relative; float: right; margin-right: 39px;}

.search span { transition: all 0.5s; cursor: pointer; display: block; margin-top: 39px; background: url(../image/Search.png) center no-repeat; width: 21px; height: 22px; }

.searchBox { display: none; white-space:nowrap; position: absolute; top: 100px; right: 0; width: 258px; background: #ffffff; border-radius:0 0 3px 3px; padding: 8px;  box-shadow: 0 3px 10px rgba(0,0,0,0.2);}

.searchBox input { box-sizing: border-box; padding: 0; float: left; width: 200px; height:36px; text-indent: 10px; border: 1px solid #eee; outline: none;}

.searchBox button { float: left; background: url(../image/Searchb.png) center no-repeat #eeeeee; border: none; display: block; outline: none; width: 36px; height: 36px;}

.nav { float: right;}

.nav li { position: relative; float: left; margin-right: 3.125vw;}

.nav li>a { transition: all 0.5s; font-size: 16px; line-height: 100px; color: #ffffff;}

.nav li.cur>a { color: #0076A6!important;}

.nav li:hover>a { color: #0076A6!important;}

.nav li dl { display: none; padding: 10px 0; border-radius: 0 0 3px 3px; background: #ffffff; position: absolute; box-shadow: 0 3px 10px rgba(0,0,0,0.2); top: 100px; left: 50%; margin-left: -100px; width:200px;}

.nav li dl a { display: block; transition: all 0.5s;  text-align: center; transition: all 0.5s; color: #333333; display: block; line-height: 2; font-size: 16px;}

.nav li dt:hover a { color: #0076A6;}

.header.act { box-shadow: 0 0 10px rgba(0,0,0,0.2); height:80px; background: #ffffff;}

.header.act .logo {top: 16px; background: url(../image/logoOn.png) center no-repeat;}

.header.act .nav li>a { line-height: 80px; color: #333333;}

.header.act .search span{ margin-top: 29px; background: url(../image/Searchb.png) center no-repeat;}

.header.act .langChose { line-height: 80px; color: #333333; background: url(../image/earth.png) left center no-repeat;}

.header.act .langChose span {background: url(../image/downIcon.png) right center no-repeat;}

.header.act .rightPhone { height: 80px; padding-top: 18px; border-left: 1px solid rgba(0,0,0,0.1);}

.header.act .rightPhone p { color: #535353;}

.header.act .rightPhone span { color: #535353;}

.header.act .nav li dl { top: 80px;}

.header.act .searchBox { top: 80px;}

.introduce { width: 100%; height: 100vh; padding-top: 80px; overflow: hidden;}

.intImg { background: url(../image/intImg.png) center no-repeat; background-size:cover; float: left; width:50%; height: 100%;}

.intImg .banner4 {background: url(../image/intImg.png) center no-repeat; background-size:cover;}

.intImg .banner5 {background: url(../image/intImg.png) center no-repeat; background-size:cover;}

.intImg .banner6 {background: url(../image/intImg.png) center no-repeat; background-size:cover;}

.intImg .swiper-button-next { transition: all 0.5s; left: auto; right: 40px; top: auto; bottom: 40px; background: url(../image/next.png) center no-repeat; width: 60px; height: 48px;}

.intImg .swiper-button-prev { transition: all 0.5s; left: auto; right:100px; top: auto; bottom: 40px;  background: url(../image/prev.png) center no-repeat; width: 60px; height: 48px;}

.intImg .swiper-button-next:hover {background: url(../image/nextHover.png) center no-repeat;}

.intImg .swiper-button-prev:hover {background: url(../image/prevHover.png) center no-repeat;}

.intImg .swiper-button-next:after,.intImg .swiper-button-prev:after { content: '';}

.intTxt { text-align: left; float: right; width: 50%; padding: 4.16vw 7.7vw 0 5.2vw;}

.intArticle h2 { font-weight: bold; font-size: 36px; color: #333333; margin-bottom: 7px; line-height: 48px;}

.intArticle span { display: block; font-weight: bold; color: #666666; font-size: 20px; line-height: 26px; margin-bottom: 27px;}

.intArticle p { text-align: justify; font-size: 16px; color: #333333; line-height: 2; overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:6;-webkit-box-orient: vertical;}

.intArticle a.readMore { margin-top: 1.7vw; position: relative; display: block; width: 176px; height: 48px; border-radius: 4px; background: #0076A6; color: #ffffff; font-size: 14px; line-height: 48px; text-indent: 35px;}

.intArticle a.readMore:after { content: ''; width: 12px; height: 12px; border-top: 1px solid #ffffff; border-right: 1px solid #ffffff; position: absolute; transform: rotate(45deg);

top: 16px; right: 28px;}

.intTag { margin-top: 2.5vw; overflow: hidden;}

.intTag li {  float: left; width: 25%; text-align: center;}

.intTag span { margin: 0 auto; display: block; transition: all 0.5s;}

.intTag span.icon1 { background: url(../image/icon6.png) center no-repeat; width: 135px; height: 135px;}

.intTag span.icon2 { background: url(../image/icon7.png) center no-repeat; width: 135px; height: 135px;}

.intTag span.icon3 { background: url(../image/icon8.png) center no-repeat; width: 135px; height: 135px;}

.intTag span.icon4 { background: url(../image/icon9.png) center no-repeat; width: 135px; height: 135px;}

.intTag li:hover span { transform: rotate(360deg);}

.intTag li:hover span.icon1 { background: url(../image/icon6on.png) center no-repeat;}

.intTag li:hover span.icon2 { background: url(../image/icon7on.png) center no-repeat;}

.intTag li:hover span.icon3 { background: url(../image/icon8on.png) center no-repeat;}

.intTag li:hover span.icon4 { background: url(../image/icon9on.png) center no-repeat;}

.intTag li p {font-size: 14px; color: #333333; line-height: 1; margin-top: 19px;}

.numList { margin-top: 3.5vw; overflow: hidden;}

.numList dt { float: left; text-align: center; width: 25%;}

.numList span { text-align: center; display: inline-block; position: relative;}

.numList span i { right: -20px; font-style: normal; position: absolute; color: #333333; font-size: 14px; line-height: 1;}

.numList span b { letter-spacing: 2px; line-height: 60px; font-size: 40px; font-family: 'Anton'; color: #333333; font-weight: bold;}

.numList p { font-size: 14px; color: #333333; line-height: 18px; margin-top: 5px;}

.productionPage { width: 100%; height: 100vh; padding: 10vw 12.5vw 0; background:url(../image/proBg.jpg) center no-repeat; background-size:cover}

.productTitle { margin-bottom: 2.8vw;}

.proTitleft { float: left; text-align: left;}

.proTitleft h2 { margin-bottom: 13.5px; font-size: 32px; font-weight: bold; color: #ffffff; position: relative; line-height: 42px; padding-bottom: 21.5px;}

.proTitleft h2:after { content: ''; position: absolute; width: 74px; height: 2px; background: rgba(255,255,255,0.6); left: 0; bottom: 0;}

.proTitleft p { letter-spacing: 2px; font-family: 'Anton'; font-size: 20px; line-height: 30px; color: rgba(255,255,255,.6);}

.proChose { margin-top: 77px; float: right;}

.proChose a { transition: all 0.5s; cursor: pointer; color: #ffffff; position: relative; float: left; font-size: 16px; line-height: 21px; position: relative; margin-left: 3.125vw;} 

.proChose a::after { content: ''; position: absolute; left: -1.5625vw; top: 5px; height: 15px; width: 1px; background: rgba(255,255,255,0.3);}

.proChose a:first-child::after { display: none;}

.proChose a.cur { font-weight: bold;}

.proChose a::before { content: ''; position: absolute; display: block; bottom: -20px; left: 0; transition: all 0.5s; width: 0; height: 2px; background: #ffffff;}

.proChose a:hover:before { content: ''; position: absolute; display: block; bottom: -20px; left: 0; width: 100%; height: 2px; background: #ffffff;}

.proChose a:hover { font-weight: bold;}

.proChose a.cur::before { content: ''; position: absolute; display: block; bottom: -20px; left: 0; width: 100%; height: 2px; background: #ffffff;}

.productImg { overflow: hidden;}

.productImg img { transition: all 1s; display: block; width: 100%;}

.productBox .productTxt{ display: block!important; width: 100%; padding: 0 14px; line-height: 78px; text-align: center; color: #0076A6; font-weight: bold;overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}

.coverCont { position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%);}

.coverCont span { display: block; background: url(../image/circle.png) center no-repeat; width: 52px; height: 52px; background-size:100% auto; margin: 0 auto 45px}

.coverCont h2 { font-size: 18px; font-weight: bold; color: #ffffff; line-height: 24px; margin-bottom: 20px;}

.coverCont p { color: rgba(255,255,255,0.6); font-size: 14px; line-height: 2;}

.productCover { opacity: 0; z-index: 5; transition: all 0.5s; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,118,166,0.80);}

.proSlide .swiper-slide:hover img { transform: scale(1.1);}

.proSlide .swiper-slide:hover .productCover { opacity: 1;}

.proSlide { position: relative;}

.proSlide .swiper-button-next { border-radius: 3px; transition: all 0.5s; right: -62px; background: url(../image/productNext.png) center no-repeat; width: 37px; height: 37px;}

.proSlide .swiper-button-prev { border-radius: 3px; transition: all 0.5s; left:-62px;   background: url(../image/productPrev.png) center no-repeat; width: 37px; height: 37px;}

.proSlide .swiper-button-next:hover {background: url(../image/productNextHover.png) center no-repeat;}

.proSlide .swiper-button-prev:hover {background: url(../image/productPrevHover.png) center no-repeat;}

.proSlide .swiper-button-next:after,.proSlide .swiper-button-prev:after { content: '';}

.solution { background: url(../image/solutionBg.jpg) center no-repeat; background-size:cover; width: 100%; height: 100vh; padding-top: 80px;}

.solution ul { height: 100%; overflow: hidden;}

.solution li { height: 100%; box-sizing: border-box; border-right: 1px solid rgba(255,255,255,.2); position: relative; float: left; width: 20%; transition: all 0.5s;}

.solutionTitle { position: absolute; width: 100%; z-index: 5; text-align: center; top: 8.2vw;}

.solutionTitle h2 { margin-bottom: 13.5px; font-size: 32px; font-weight: bold; color: #0076A6; position: relative; line-height: 42px; padding-bottom: 21.5px;}

.solutionTitle h2:after { content: ''; position: absolute; width: 74px; height: 2px; background: #0076A6/*rgba(255,255,255,0.6)*/; left:50%; margin-left: -37px; bottom: 0;}

.solutionTitle p { letter-spacing: 2px; font-family: 'Anton'; font-size: 20px; line-height: 30px; color: #0076A6/*rgba(255,255,255,0.6)*/;}

.solutionCont { position: absolute; width: 100%; top: 50%; transform: translateY(-50%); left: 0;}

.solutionCont span { transition: all 0.5s; display:block; width: 80px; height: 80px; border-radius: 50%;}

.solutionCont i{display:block; margin: 0 auto 36px; width: 80px; height: 80px; border: 5px solid rgba(255,255,255,0.20); border-radius: 50%;}

.solutionCont span.icon1 { background: url(../image/solution1.png) center no-repeat #0076A6;}

.solutionCont span.icon2 { background: url(../image/solution2.png) center no-repeat #0076A6;}

.solutionCont span.icon3 { background: url(../image/solution3.png) center no-repeat #0076A6;}

.solutionCont span.icon4 { background: url(../image/solution4.png) center no-repeat #0076A6;}

.solutionCont span.icon5 { background: url(../image/solution5.png) center no-repeat #0076A6;}

.solutionCont h2 { color: #0076A6; font-weight: bold; font-size: 18px; line-height: 24px; margin-bottom: 16px;}

.solutionCont h3 { font-size: 14px; color: #ffffff; line-height: 16px; font-weight:200;}

.solutionCont p { height: 0; transition: all 0.5s; overflow: hidden; margin: 34px auto 40px; padding: 0 15%; font-size: 14px; color: #ffffff; line-height: 21px; opacity: 0.8;}

.solutionCont b { height: 0; display: block; transition: all 0.5s; background: url(../image/circle.png) center no-repeat; width: 36px;  border-radius: 50%; background-size: 100% auto;

margin: 0 auto;}

.solution li:hover {background: rgba(37 200 240 / 10%);backdrop-filter: blur(25px);}

.solution li:hover p { height: 42px;}

.solution li:hover b {height: 36px;}

.solution li:hover span.icon1 { background: url(../image/solution1on.png) center no-repeat #fff;}

.solution li:hover span.icon2 { background: url(../image/solution2on.png) center no-repeat #fff;}

.solution li:hover span.icon3 { background: url(../image/solution3on.png) center no-repeat #fff;}

.solution li:hover span.icon4 { background: url(../image/solution4on.png) center no-repeat #fff;}

.solution li:hover span.icon5 { background: url(../image/solution5on.png) center no-repeat #fff;}

/**/

.newsTit { margin-bottom: 3.22vw;}

.newsTit h2 { margin-bottom: 13.5px; font-size: 32px; font-weight: bold; color: #ffffff; position: relative; line-height: 42px; padding-bottom: 21.5px;}

.newsTit h2:after { content: ''; position: absolute; width: 74px; height: 2px; background: rgba(255,255,255,0.6); left:50%; margin-left: -37px; bottom: 0;}

.newsTit p { letter-spacing: 2px; font-family: 'Anton'; font-size: 20px; line-height: 30px; color: rgba(255,255,255,.6);}

.newsCont { width: 100%; height: 100vh; background: url(../image/newsBg.png) center no-repeat; background-size:cover; padding: 8.333vw 12.5vw 0;}

.newsLeft { float: left; width: 659px;}

.newsImg img { display: block; width: 100%;}

.newsSlide .swiper-slide { background: none;}

.newsArticletit { overflow: hidden; background: #ffffff;}

.newsArticletit .newsData { padding-top: 14px; float: left; text-align: center; width: 102px; height: 102px; background: #0076A6; color: #ffffff;}

.newsArticletit .newsData p { font-weight: bold; font-size: 40px; line-height: 52px;}

.newsArticletit .newsData span { font-size: 18px; font-weight: bold; display: block; line-height: 21px;}

.newsArticletit h2 { text-align: left; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; float: left; line-height: 102px; width: calc(100% - 102px); padding: 0 2vw; box-sizing: border-box; font-size: 18px; color: #0063B1;}

.newsRight li h2 {overflow: hidden; white-space:nowrap; text-overflow: ellipsis; font-size: 16px; color: #ffffff; font-weight: bold; line-height: 22px; margin-bottom: 20px;}

.newsRight li span { display: block; font-size: 12px; line-height: 16px; font-weight: bold; color: #ffffff; margin-bottom: 10px;}

.newsRight li p {overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:3;-webkit-box-orient: vertical; color: rgba(255,255,255,0.6); font-size: 14px; line-height: 2;}

.newsRight li { border-right: 1px solid rgba(255,255,255,0.1); border-bottom: 1px solid rgba(255,255,255,0.1); transition: all 0.5s; box-sizing: border-box; padding: 2.6vw 2vw 0; background: #576B95; float: left; width: 50%; height: 252px;}

.newsRight { text-align: left; float: right; width: calc(100% - 659px);}

.newsRight li:nth-child(2n) { border-right: none;}

.newsRight li:hover { background: #0076A6;}

.newsSlide { position: relative;}

.newsSlide .swiper-button-next { border-radius: 3px; transition: all 0.5s; right: -62px; background: url(../image/productNext.png) center no-repeat; width: 37px; height: 37px;}

.newsSlide .swiper-button-prev { border-radius: 3px; transition: all 0.5s; left:-62px;   background: url(../image/productPrev.png) center no-repeat; width: 37px; height: 37px;}

.newsSlide .swiper-button-next:hover {background: url(../image/productNextHover.png) center no-repeat;}

.newsSlide .swiper-button-prev:hover {background: url(../image/productPrevHover.png) center no-repeat;}

.newsSlide .swiper-button-next:after,.newsSlide .swiper-button-prev:after { content: '';}

/**/

.customers { background: url(../image/mapBg.gif) right center no-repeat; width: 100%; height: 100vh; padding: 9.375vw 36vw 0 12.5vw;}

.customerTitle { text-align: left;}

.customerTitle h2 { margin-bottom: 13.5px; font-size: 32px; font-weight: bold; color: #0076A6; position: relative; line-height: 42px; padding-bottom: 21.5px;}

.customerTitle h2:after { content: ''; position: absolute; width: 74px; height: 2px; background:#999999; left:0; bottom: 0;}

.customerTitle p { letter-spacing: 2px; font-family: 'Anton'; font-size: 20px; line-height: 30px; color: #999999;}

.customers li { margin-bottom:2.3vw; float: left; position: relative; width: 22.6%; margin-right: 3.2%;}

.customers li:nth-child(4n) { margin-right: 0;}

.wrapper { margin: 15px auto;display: inline-block;width: 100%; vertical-align: top;cursor: pointer; position: relative; font-family: Tahoma, Arial; perspective: 4000px;}

.item {height: 55px; transform-style: preserve-3d; transition: transform .6s;}

.item:hover { transform: translateZ(-45px) rotateX(90deg);}

.item:hover .information img {border: 1px solid rgb(0, 118, 166); opacity: 1;}

.item img { width: 100%; display: block;  position: absolute; top: 0; box-shadow: 0px 3px 8px rgb(0 0 0 / 10%);  transform: translateZ(50px); transition: all .6s;}

.item>img { border: 1px solid #BDBDBD;}

.item .information { display: block; position: absolute;  top: 0; height: 100%; width: 100%; text-align: left; text-shadow: 1px 1px 1px rgb(255 255 255 / 50%);  box-shadow: none; 

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecf1f4', endColorstr='',GradientType=0 ); transform: rotateX(-90deg) translateZ(50px); transition: all .6s;}

.information img { display: block; transition: all 0.6s; opacity: 0; width: 100%;}

.item:hover>img { opacity: 0;}

.footer { background: #191919; padding: 76px 14.5vw 0;}

.footerTop { padding-bottom: 60px; overflow: hidden; border-bottom: 2px solid rgba(255,255,255,0.1);}

.footerEwm { float: left; width: 128px;}

.footerEwm p { font-size: 14px; color: #999999; line-height: 18px; margin-top: 11px;}

.enterBox { position: relative; background: url(../image/enterBg.jpg) center no-repeat; background-size:cover; height: calc(100vh - 496px);}

.contactInfor { margin-left: 3.125vw; text-align: left; float: left;}

.contactInfor h2 { font-size: 14px; font-weight: bold; color: #ffffff; line-height: 18px; margin-bottom: 5px;}

.contactInfor h3 { letter-spacing: 2px; font-family: 'Anton'; color: #ffffff; margin-bottom: 10px; font-size: 24px; line-height: 36px;}

.contactInfor p { margin-bottom: 12px; padding-left: 30px; font-size: 14px; color: #ffffff; position: relative;}

.contactInfor p img { position: absolute; left: 0; top: 50%; transform: translateY(-50%);}

.footerLink { float: right;}

.footerLink ul { overflow: hidden;}

.footerLink li { margin-right: 5.2vw; text-align: left; float: left;}

.footerLink li h2 a{ font-size: 14px; color: #ffffff;}

.footerLink li h2 { margin-bottom: 17px;}

.footerLink li p { font-size: 12px; line-height: 16px; margin-bottom: 17px;}

.footerLink li p a { transition: all 0.5s; color: #BDBDBD;}

.footerLink li p:hover a { color: #ffffff;}

.footerLink li:last-child { margin-right: 0;}

.footerLink li p:last-child { margin-bottom: 0;}

.copyRight { line-height: 100px; overflow: hidden; color:#fff; font-size:14px;}



.lastPage { height: 100vh; padding-top: 80px;}

#screen { display: none; position: absolute; left: 0; top:60px; background: rgba(0,0,0,0.5); z-index: 5; width: 100%; height: calc(100% - 60px);}

.enterCont { text-align: center; position: absolute; width: 100%; top: 50%; transform: translateY(-50%);}

.enterCont h2 { margin-bottom: 10px; font-size: 40px; line-height: 52px; color: #ffffff;text-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);}

.enterCont p { font-size: 14px; line-height: 20px; color: rgba(255,255,255,.6); margin-bottom: 40px;}

.enterCont a { display: block;width: 176px;

height: 48px;

background: #f39100;

border-radius: 4px; text-align: center; font-size: 14px; letter-spacing: .2px; color: #ffffff; line-height: 48px; margin: 0 auto;}

@media screen and (max-width: 1750px) {
.footerLink li { margin-right: 3.2vw; }
}
@media screen and (max-width: 1580px) {

	.footer { padding: 76px 4vw 0;}

}

@media screen and (max-width: 1380px) {
.footerLink li { margin-right: 2.2vw; }
	.rightPhone { padding: 29px 2vw 0;}

	.logo { left: 2%;}

	.intArticle h2 { font-size:22px; line-height: 2; margin-bottom: 0;}

	.intArticle span { font-size: 16px; margin-bottom: 15px;}

	.intTag span { width: 80px!important; height: 80px!important; background-size:100% auto!important;}

	.numList span b { font-size: 30px;}

	.intTxt {padding: 2vw 3vw 0;}

	.intTag { margin-top: 1vw;}

	.intTag li p { margin-top: 6px;}

	.intArticle p {-webkit-line-clamp:2;}

	.solutionTitle { top: 6.5vw;}

	.solutionTitle h2,.newsTit h2,.proTitleft h2,.customerTitle h2 { font-size: 22px; line-height: 1.5; padding-bottom: 10px;}

	.solutionTitle p,.newsTit h2,.proTitleft p,.customerTitle p { font-size: 16px; line-height: 1.5;}

	.proChose { margin-top: 57px;}

	.newsTit { margin-bottom: 2vw;}

	.newsLeft { width: 450px;}

	.newsRight { width: calc(100% - 450px);}

	.newsRight li { height: 188px; padding: 1.5vw 1.5vw 0;}

	.newsRight li h2 { margin-bottom: 10px;}

	.customers { padding-top: 7vw;}

	.customers li { margin-bottom: .5vw;}

	.footer { padding: 30px 4vw 0;}

	.footerTop { padding-bottom: 20px;}

	.copyRight { line-height: 50px;}

	.enterBox { height: calc(100vh - 387px);}

}

@media screen and (max-width: 1280px) {

	.nav li { margin-right: 2vw;}
	.footerLink li:nth-child(4)  { display:none; }
	.footerLink li:nth-child(5)  { display:none; }
    .footerLink li:nth-child(3)  { display:none; }
}

@media screen and (max-width: 1080px) {

	.header .rightPhone { display: none;}

}

@media screen and (max-width:980px) {

	.solution,.introduce { padding-top:80px;}

	.nav { position: fixed; left:-110%; max-width: 40%; width: 300px; top:80px; height: calc(100vh - 60px); z-index: 10; background:#ffffff;}

	.nav li { float: none; margin: 0; padding: 0 20px;}

	.nav li>a,.header.act .nav li>a { color: #333333; line-height: 3;}

	.header { height: 80px;}

	.header .logo { top: 23.5px; width: 118px; height:33px; background-size:100% auto;}

	.header.act .logo { top: 23.5px; background: url(../image/logoOn.png) center no-repeat; background-size:100% auto;}

	.header .search span { margin-top:29px;}

	.langChose { display: none;}

	.searchBox { top: 80px;}

	.header.act { height: 80px;}

	.header.act .search span { margin-top: 29px;}

	.header.act .searchBox { top: 80px;}

	.nav li dl { position: static; width: 100%; box-shadow: none; transform: translate(0); margin: 0; text-align: left;}

	.nav li dl a { text-align: left; text-indent: 10px;}

	.menu { display: block; background: url(../image/menu.png) center no-repeat; width:21px; height: 20px; background-size:100% auto; position: absolute; right: 4%; top: 50%;

	margin-top: -10px; background-size:100% auto;}

	.search { margin-right:calc(4% + 36px);}

	.header.act .menu { background: url(../image/menuCur.png) center no-repeat; background-size:100% auto;}

	

}

@media screen and (max-width:750px) {

	.swiper-h>.swiper-wrapper { display: block;}

	.pageBox { height: auto;}

	.banner { height: 250px;}

	.banner .swiper-slide { background-size:cover!important;}

	.introduce { margin-bottom: 20px; padding: 0 4%; height: auto;}

	.intImg { float: none; height: 200px; width: 100%;}

	.intTxt { float: none; width: 100%; padding: 20px 0;}

	.intArticle span { font-size: 14px;}

	.intArticle p {-webkit-line-clamp:6}

	.intTag li { width: 50%;}

	.intTag span {width: 100px!important; height: 100px!important; background-size: 100% auto!important;}

	.numList { margin-top:30px;}

	.intImg .swiper-button-prev,.intImg .swiper-button-next { width: 30px; height: 24px; background-size:100% auto!important;}

	.intImg .swiper-button-next { right: 10px; bottom: 10px;}

	.intImg .swiper-button-prev { bottom: 10px; right: 40px;}

	.intArticle a.readMore { margin: 20px auto;}

	.productionPage { height: auto; padding: 20px 4%;}

	.proTitleft { float: none; text-align: center;}

	.proTitleft h2:after { left: 50%; margin-left: -37px;}

	.proChose { margin: 20px 0; float: none; text-align: center;}

	.proChose a { display: inline-block; font-size: 14px; margin: 0 7px; float: none; }

	.proChose a::after { display: none;}

	.downAni { display: none;}

	.solution li { width: 50%; height: 300px; border-bottom: 1px solid rgba(255,255,255,.2);}

	.solution li:last-child { width: 100%;}

	.solution li:nth-child(1),.solution li:nth-child(2) { border-top: 1px solid rgba(255,255,255,.2);}

	.solution { height: auto; padding-top:30px ;}

	.solutionCont p { margin: 0;}

	.solutionTitle { margin-bottom: 20px; position: static;}

	.solutionCont i { margin: 0 auto 15px;}

	.solution li:hover b { margin: 10px auto 0;}

	.newsCont { height: auto; padding: 30px 4%;}

	.newsLeft {max-width: 100%;}

	.newsRight { display: none; float: none; width: 100%;}

    .customers { padding: 100px 4%; height: auto; background-size:cover;}

	.item { height: 25px;}

	.lastPage { height: auto; padding-top: 0;}

	.enterBox { height: auto; padding: 40px 4% 60px;}

	.enterCont { position: static; transform: translate(0);}

	.enterCont h2 { font-size:20px;}

	.enterCont a { width: 120px; line-height: 36px; height: 36px;}

	.newsArticletit .newsData { width: 70px; height: 70px; padding-top: 10px;}

	.newsArticletit .newsData p { font-size: 20px; line-height: 1.5; font-weight: normal;}

	.newsArticletit .newsData span { font-size: 14px; font-weight: normal;}

	.newsArticletit h2 { width: calc(100% - 70px); font-size: 16px; line-height: 70px;}

	.copyRight { padding: 10px 0;}

	.copyRight p,.copyRight span{ line-height: 1.5; display: block; text-align: center; float: none;}

	.footerEwm { float: none;  width: 100%; text-align: center;}

	.footerLink { display: none;}

}