/* html { font-size: 10px;  text-size-adjust: 100%;-webkit-text-size-adjust: 100%;} */
body{font-size: .16rem; overflow-x: hidden; --top:.9rem} 
.inner{ width:86vw;   margin: 0 auto;  }
.pl-inner{ padding-left: 7vw;}
.pr-inner{ padding-right: 7vw;}
.ml-inner{ margin-left:7vw;}
.mr-inner{ margin-right: 7vw;} 
/* 
.idxInner{ width:96%;   margin: 0 auto;  }
.pl-idxInner{ padding-left: 2vw;}
.pr-idxInner{ padding-right:2vw;}
.ml-idxInner{ margin-left:2vw;}
.mr-idxInner{ margin-right:2vw;}
*/

.zwHeader{ height: var(--top);}
.zw{ margin-top: - var(--top); padding-top: var(--top);}

 
header{ position: sticky; left: 0; top: 0; width: 100%; background: #fff; z-index: 100;}
header .con{ padding: 0 .8rem;}
header.scroll{ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}

.logoImg{ height: .53rem;}
.oneNav{ line-height:var(--top); white-space: nowrap;   display: block; padding: 0  .25rem;   }
.oneNav span { position: relative;}
.oneNav span::after{ width: 100%; height: 2px; display: block; content: ''; background:var(--color); transition: all .36s; transform:scale(0,1) ; position: absolute; left: 0; bottom: -10px; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; -webkit-transform:scale(0,1) ; -moz-transform:scale(0,1) ; -ms-transform:scale(0,1) ; -o-transform:scale(0,1) ; }
nav li{ position: relative;}
nav li.on .oneNav span ,nav li:hover .oneNav span { color: var(--color);}
nav li.on .oneNav span::after,nav li:hover .oneNav span::after{ transform: scale(1,1); -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); }
nav:hover > li:not(:hover) .oneNav{ color: #333; }
nav:hover > li:not(:hover) .oneNav  span::after{ transform:scale(0,1) ;  }
nav  li dl{position:absolute;text-align: center;min-width:150px; width: auto;top:100%;left: 50%; background:#fff;   -webkit-box-shadow:0 13px 42px 11px rgba(0,0,0,.15);box-shadow:0 13px 42px 11px rgba(0,0,0,.15); border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
nav  li dl dd{white-space: nowrap;height:50px;line-height:50px;border-bottom:1px solid #eee;transition:all .36s ease;-ms-transition:all .36s ease;-o-transition:all .36s ease;-webkit-transition:all .36s ease;-moz-transition:all .36s ease}
nav  li dl dd:last-child{border-bottom:0}
nav  li dl dd a{ padding: 0 20px;  font-size:14px; color:#333!important; font-weight: normal!important; transition:all .36s ease;-ms-transition:all .36s ease;-o-transition:all .36s ease;-webkit-transition:all .36s ease;-moz-transition:all .36s ease;display:block }
nav  li dl dd:hover{background:var(--color)}
nav  li dl dd:hover a{color:#fff!important;}
/* nav  li dl:before{content:"";position:absolute;border-width:0 9px 9px;border-style:solid;border-color:transparent transparent #f6f1e1;top:-9px;left:50%;margin-left:-9px} */
nav  li dl{pointer-events: none;  visibility:hidden; opacity:0; filter:alpha(opacity=0); transform:translateX(-50%) translateY(20px); -ms-transform:translateX(-50%) translateY(20px); -o-transform:translateX(-50%) translateY(20px); -webkit-transform:translateX(-50%) translateY(20px); -moz-transform:translateX(-50%) translateY(20px); transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; }
nav  li:hover dl{ pointer-events: auto;visibility:visible; opacity:1; filter:alpha(opacity=100); transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); }
 

.h_nav{ height: 60px; width: 60px;  padding: 18px  15px   ;    align-items: flex-end; display: flex;}
.h_nav .burger{ width: 100%;  height: 2px ; background: #333;  transition: .8s; display:inline-block;       }
header.scroll .h_nav .burger,header:hover .h_nav .burger{ background: #333;}
.h_nav .burger:nth-of-type(2){  width:66%;}
  /* .h_nav .burger:first-child{ animation: long 2s linear infinite; -webkit-animation: long 2s linear infinite; }

.h_nav .burger:nth-of-type(3){ animation: long 3s linear infinite; -webkit-animation: long 3s linear infinite; }   */
.h_nav.close .burger:first-child{ display: none;}
.h_nav.close .burger:nth-of-type(3){ display: none;}
.h_nav.close .burger:nth-of-type(2) {    position: relative;    z-index: 1; width: 80%;}
.h_nav.close .burger:nth-of-type(2):before, .h_nav.close .burger:nth-of-type(2):after {      content: '';   position: absolute;      top: 0;      left: 0;      width: 100%;      height: 100%;      background: #333;      opacity: 0;      z-index: 1;}
.h_nav.close .burger:nth-of-type(2) {    background: transparent;    transform: rotate(-180deg); }
.h_nav.close .burger:nth-of-type(2):before, .h_nav.close .burger:nth-of-type(2):after {      opacity: 1;      transition: all .3s; }
.h_nav.close .burger:nth-of-type(2):before {     transform: rotate(45deg); }   .h_nav .burger:nth-of-type(2):after {     transform: rotate(-45deg); }
.nav{ padding-bottom: 60px; width: 100vw; display: none; height:  130vh ; animation: leftFloat .8s; transition:all .6s ; background: #fff; position: fixed; top: 60px; right: 0; flex-direction: column; -webkit-transition:all .6s ; -moz-transition:all .6s ; -ms-transition:all .6s ; -o-transition:all .6s ; -webkit-animation: leftFloat .8s; }
.nav.show{  display: block; }
.nav li.go-child{ border-top: 1px solid rgba(0, 0, 0, 0.15); position: relative;}
.nav li.go-child>a{ line-height: 60px; padding: 0 20px; font-size: 16px;}
.h_nav.close{align-items: center; justify-content: center;}
.erji{ width: 60px; height: 60px; position: absolute; right: 0 ; top: 0; display: flex; align-items: center; justify-content: center; font-size: 30px; z-index: 10;
 background: url(../images/jia.png) no-repeat center center; background-size: 40% auto;}
 .nav li.go-child.on .erji{ background: url(../images/jian.png) no-repeat center center; background-size: 40% auto;}
.nav-down li a{ line-height: 50px; border-top: 1px solid rgba(0, 0, 0, 0.15); display: block; padding-left: 25px; font-size: 14px; opacity: 0.8; }
.nav{   overflow-y: scroll;   }
.nav::-webkit-scrollbar {/*滚动条整体样式*/    /*高宽分别对应横竖滚动条的尺寸*/  width: 1px;}
.nav::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 3px; background: #fff; width: 1px; }
.nav::-webkit-scrollbar-track {/*滚动条里面轨道*/border-radius: 3px; background: #efefef; width: 1px; }


.searchBox{ background :  var(--color); z-index: 15; transform: translateY(-105%); transition:all .6s ; -webkit-transition:all .6s ; -moz-transition:all .6s ; -ms-transition:all .6s ; -o-transition:all .6s ; -webkit-transform: translateY(-105%); -moz-transform: translateY(-105%); -ms-transform: translateY(-105%); -o-transform: translateY(-105%); }
.searchBox .form{ width: calc(100% - 80px);}
.searchBox .keys{ width: 80%; background: url(../images/search-w.png) no-repeat left center; }
.searchBox .submit{ width: 90px; height: 40px; border: 1px solid #fff;}
.searchBox input::-webkit-input-placeholder  {color:rgba(255, 255, 255, .65);}
.searchBox input:-moz-placeholder {color:rgba(255, 255, 255, .65);;}
.searchBox input::-moz-placeholder {color:rgba(255, 255, 255, .65);;}
.searchBox input:-ms-input-placeholder  {color: rgba(255, 255, 255, .65);;}
.searchBox.show{ transform: translateY(0%); -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); }



.idxBanImg{ width: 100%; height: calc(100vh - var(--top)); object-fit: cover; min-height: 360px; object-fit: cover;}

.idxBan .swiper-slide .text{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
.idxBan .swiper-slide .text .tit{ border-bottom: 2px solid #fff;}
.idxBan .swiper-slide .text .tit .text-miao{ font-size:9.3vw ;}
.idxBan .swiper-slide .text .tit .z5{ margin-top: -1em;}

.ScroolBox{ position: absolute; width: 2.5vw; z-index: 25; left: 50%; bottom: 5%; transform:  translateX(-50%); -webkit-transform:  translateX(-50%); -moz-transform:  translateX(-50%); -ms-transform:  translateX(-50%); -o-transform:  translateX(-50%); }
.ScroolIcon{ animation: ani-svg 1s linear 0s alternate infinite; -webkit-animation: ani-svg 1s linear 0s alternate infinite; }

.idxBan .button{ position: absolute; left: 0; bottom: 3%; z-index: 20;}


.pageMore{ padding: 3px; }
.pageMore .round{   width: .48rem; height: .48rem;}
.pageMore::after{ transition: all .36s; display: block; content: ''; width: .48rem; height: .48rem; border-radius: 40px; position: absolute; right: 3px; top: 3px; background: #fff; z-index: 1; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.pageMore:hover{ color: var(--color); box-shadow: 0 0 10px rgba(28,50,133,.3);}
.pageMore:hover::after{ width: calc(100% - 6px); height: calc(100% - 6px);}
.pageMore:hover .round{ border-color: transparent;}

.idxProList{ display: grid; grid-gap: .3rem; grid-template-columns: repeat(3,1fr);}
.idxProList li .img{ aspect-ratio: 1 / .6;} 
.idxProList li::after{ display: block; content: ''; transform: scale(1.1); transition: all .36s; opacity: 0; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/idxProBg.jpg) no-repeat center center / cover ; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; } 
.idxProList li:hover{ color: #fff; box-shadow: 0 0 .1rem rgba(8, 81, 136, 0.15);}
.idxProList li:hover::after{ opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }

.idxAbout{ background: url(../images/idxAboutBg.jpg) no-repeat center center / cover; background-attachment: fixed;}
.w38{ width: 38%;}
.idxAbout .numUl .numIcon{ filter: grayscale(100%) brightness(500%); -webkit-filter: grayscale(100%) brightness(500%); }

[data-odometer-element] {display: inline-flex;align-items: center;font-variant-numeric: tabular-nums;}
[data-odometer-part='mask'],[data-odometer-part='static'] {display: inline-block;overflow: clip;padding: 0.05em;margin: -0.05em;}
[data-odometer-part='roller'] {display: block;white-space: pre;text-align: center;will-change: transform;}
[data-odometer-part='static'] {display: inline-block;}

.idxAboutImg{ position: sticky; top:1.2rem;; right: 0}

.idxEquipment{ background: url(../images/idxEquipmentBg.jpg) no-repeat center bottom /  cover;}

/* .idxEquipmentSwiper .swiper-wrapper{ align-items: center;}

.idxEquipmentSwiper .swiper-slide  {   width: 4rem; margin-left: 4rem ; }
.idxEquipmentSwiper .swiper-slide-active  { width: 8rem; }

.idxEquipmentSwiper .swiper-slide .img{ aspect-ratio: 1 / 1;} 

.idxEquipment button{ height: 2.4rem;  background-color: #eef0f2; position: absolute; width: 30%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.idxEquipment button.prev{ border-top-right-radius: 2rem;border-bottom-right-radius: 2rem; left: 0;}
.idxEquipment button.next{ border-top-left-radius: 2rem;border-bottom-left-radius: 2rem; right: 0;}
.idxEquipment button:hover{ color: var(--color);} */

.idxYs { background:  #f7fbff;}
.idxNews{ background: url(../images/idxNewsBg.png) no-repeat bottom right / 33% auto #f7fbff;}
.idxYs::after{ display: block; content: ''; width: 100%; height:85%; position: absolute; left: 0; top: 0; background:url(../images/idxYsBg.jpg) no-repeat center center / cover; background-attachment: fixed;}
.idxYsSwiper .swiper-slide{ height: 4.5rem; background: url(../images/idxYsSwiperIcon.png) no-repeat bottom right / 62% auto #fff; 
  /* clip-path: polygon(0px 0px, 100% 0px, 100% 100%, 100% 100%, 0px 100%, 0px 0px); */
}
.idxYsSwiper .swiper-slide .line{ width: 2em; height: 2px; background: #333;} 
.idxYsSwiper .swiper-slide .text  { margin-top: 5em; }
.idxYsSwiper .swiper-slide::after{ display: block; content: ''; width: 100%; height: 0; transition: all .36s; position: absolute; left: 0; top: 0; background: url(../images/idxYsItemBg.jpg) no-repeat center center / cover; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }

@media screen and (min-width:767px) { 


  
.idxYsSwiper .swiper-slide.on{ color: #fff;
  clip-path: polygon(0px 0px, 100% 0px, 100% calc(100% - .6rem), calc(100% - .6rem) 100%, 0px 100%, 0px 0px);
}
.idxYsSwiper .swiper-slide.on::after{ height: 100%;}
.idxYsSwiper .swiper-slide.on .line{ background: #fff;}
.idxYsSwiper .swiper-slide.on .idxYsIcon{ filter: grayscale(100%) brightness(500%); -webkit-filter: grayscale(100%) brightness(500%); }
.idxYsSwiper .swiper-slide.on .text{  padding-bottom: .35rem;}
.idxYsSwiper .swiper-slide.on .text .desc{ opacity: 1;}

}



.newsItem .img{ aspect-ratio:  1 / .65;}
.newsItem:hover .more{ background: var(--color); color: #fff; padding-left: .15rem ; padding-right: .15rem;}

.footerTop{ background: url(../images/footerTopBg.jpg) no-repeat center center / cover; background-attachment: fixed;}
.footerTop::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:rgba(8,81,136,.88) }

.w22{ width: 22%;}.w34{ width: 34%;}.w16-5{ width: 16.5%;}
.bg-white1{ background: rgba(255, 255, 255, .2);}
.footerTop input::-webkit-input-placeholder  {color:#fff;}
.footerTop input:-moz-placeholder  {color:#fff;}
.footerTop input::-moz-placeholder  {color:#fff;}
.footerTop input:-ms-input-placeholder  {color: #fff;}

.footerTop .xuqiu::-webkit-input-placeholder  {color:rgba(255, 255, 255, .5);}
.footerTop .xuqiu:-moz-placeholder  {color:rgba(255, 255, 255, .5);}
.footerTop .xuqiu::-moz-placeholder  {color:rgba(255, 255, 255, .5);}
.footerTop .xuqiu:-ms-input-placeholder  {color: rgba(255, 255, 255, .5);}

.footNav dl dt::after{ display: block; content: ''; width:2px; height: 100%; position: absolute; left: 0; top: 0; background:var(--color) }

.neiBanImg{ width: 100%; max-height: calc(100vh - var(--top)); object-fit: cover; min-height:260px; object-fit: cover;}
/* 
.neiBan::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:rgba(0,0,0,.2) }
.neiBan::before{ display: block; content: ''; width: 100%; height: 60%; position: absolute; left: 0; bottom: 0; background:linear-gradient(to top,rgba(28,50,133,.75),transparent);  }
 */
.neiBan .text{ position: absolute; left: 50%; top: 50%; z-index: 10; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
.neiBan .line{ width: 2em; height: 2px;}

.biref{ background: url(../images/birefBg.png) no-repeat bottom center / 100% auto;}
.birefLeft{ width: 38%;}
.birefUl .numIcon{ filter: grayscale(100%); -webkit-filter: grayscale(100%); }
.birefUl li::after{ transition: all .36s; display: block; content: ''; width: 0; height:2px; position: absolute; left: 0; bottom: 0; background:var(--color) ; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.birefUl li:hover::after{ width: 100%;}
.birefUl li:hover .numIcon{ filter:none; -webkit-filter:none; }
.birefUl li:hover .tit{ color: var(--color);}
.birefInfo{ position: sticky; left: 0; top: 1rem;}


.cultureuL li{perspective: 800px; padding: 155px 20px; border-right: 1px solid rgba(255, 255, 255, .15);}
.cultureuL li .line{ background: rgba(255, 255, 255, .5); width: 1px; height: 5vw;}
.cultureuL li:before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 2;transform-origin: left center 0;transition: 0.54s;
   
 	 background: rgba(0,0,0,.3);opacity: 1; visibility: visible; transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); }  
.cultureuL li:hover::before { transform: rotateY(60deg); -webkit-transform: rotateY(60deg); -moz-transform: rotateY(60deg); opacity: 0; visibility: hidden; -ms-transform: rotateY(60deg); -o-transform: rotateY(60deg); }
.cultureuL li:hover .line{ height: 0;} 
.cultureIcon{ height: 75px;}
.video-background {position: absolute;left: 50%;top: 50%;/*保证视频内容始终居中*/transform: translate(-50%, -50%);width: 100%;height: 100%;object-fit: cover; }
.briefIcon{ height: 65px;}

.Architecture{ background: url(../images/ArchitectureBg.jpg) no-repeat center center / cover;}

.History{ background: url(../images/HistoryBg.jpg) no-repeat center bottom / cover;}

/* .historySwiper .swiper-slide .bottom{ height: 2rem;} */
.historySwiper{ height: 5.50rem;}
.historySwiper .swiper-slide{ height: auto; padding-top: 0;}
.historySwiper .swiper-slide .top::after{ display: block; content: ''; width:1px; height: 100%; position: absolute; left: 0; top: 0; background:linear-gradient(to bottom,rgba(255,255,255,.5),transparent);}

.historySwiper .swiper-slide .top::before{ display: block; content: ''; width:2px; height: 1em; position: absolute; left: 0; top: 0; background:#fff}
.historySwiper .swiper-slide .top .desc{ min-height: 5em;}
.historySwiper .swiper-slide.swiper-slide-active {  padding-top: 2rem;}
.historySwiper .swiper-slide.swiper-slide-next {  padding-top: 1.5rem;}
.historySwiper .swiper-slide.swiper-slide-next + .swiper-slide{  padding-top: 1rem;}
.historySwiper .swiper-slide  {  }

.Honors{  background: url(../images/honorBg.jpg) no-repeat center bottom / cover;}
.honorSwiper .swiper-slide { background: rgba(255, 255, 255, .5);}
.honorSwiper .swiper-slide .img{ aspect-ratio: 1 / 1.2;}


.proinfoTop{ background: url(../images/proinfoTopBg.jpg) no-repeat center bottom / 100% auto;}
.location .icon-youjiantou1{ display: inline-block; transform: scale(.8); -webkit-transform: scale(.8); -moz-transform: scale(.8); -ms-transform: scale(.8); -o-transform: scale(.8); }
.proshowSwiper .swiper-slide{ aspect-ratio: 4 / 3;}
.proinfoTop .button{ position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.proinfoTop .prev{ left: .2rem;}
.proinfoTop .next{ right: .2rem;}
.proinfoTop .button:hover{ background: var(--color); color: #fff;}

.scopeBox .item{ min-width: 30%;}
.proInfoBtn{ border-width: 2px;}
.specsBox{background: #eff0f5;}
.specsBox table tr td{ background: #fff; padding:   1.2em .6em; text-align: center; line-height: 2;}
.specsBox table tr:nth-child(2n) td{ background: #f2f5f8;}
.specsBox table tr:nth-child(1) td{ background: var(--color); color: #fff; font-weight: bold; white-space: nowrap;}

.processBox{ background: url(../images/processBoxBg.jpg) no-repeat center center / cover; background-attachment: fixed;}
.processBoxUl::after{ display: block; content: ''; width: 100%; height: 1px; position: absolute; left: 0; top: 50%; background:rgba(255,255,255,.2) }
 
.processBoxUl li{ flex: 1; height: 5.2rem; padding-left: .4rem;}

.processBoxUl li .img{ aspect-ratio: 255 / 144;}
.processBoxUl li:nth-child(2n-1){  justify-content: flex-end;}

.processBoxUl li .round{ width: .3rem; height: .3rem; position: absolute; left: .4rem; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.processBoxUl li .round i{ width: .1rem; height: .1rem;}

.machining{background: #f8f8fa;}

@media screen and (min-width:767px) {

  .processBoxUl li:first-child{ padding-left: 0;}
  .processBoxUl li:first-child .round{  left: 0;}
 }

.machiningUl{ display: grid; grid-gap: .6rem; grid-template-columns: repeat(3,1fr);}
.machiningUl li:hover{ transform: translateY(-5px); box-shadow: 0 0 15px rgba(8, 81, 136, 0.15); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); }

.relatedSwiper .swiper-slide .img{ aspect-ratio: 1 / .8;}
.Related .button .btn,.Related .button .btn .border-right { border-color: #ccc;}
 
.Related   .button .btn div{  width:1rem ;}
.Related   .button .btn div:hover{ background: var(--color); color: #fff;}
.radius45{ border-radius: 48px; -webkit-border-radius: 48px; -moz-border-radius: 48px; -ms-border-radius: 48px; -o-border-radius: 48px; }
.Related   .button .pagination{ position: relative; left: auto; top: auto; width: 3.2rem; height: .03rem; background: #d6d6d6}


.equiepemntBg{background: #f7fbff;}
.equiepemntUl{ display: grid; grid-gap: .6rem .5rem; grid-template-columns: repeat(2,1fr);}

.equiepemntUl li .img{ background: url(../images/e-bg1.jpg) no-repeat center center / cover; aspect-ratio: 279 / 163;}
.equiepemntUl li .text .line{ background: #dcdcdc; height: 1px;}
.equiepemntUl li .text .line::after{ display: block; content: ''; width: 8%; height:5px; position: absolute; left: 0; bottom: -2px; background:var(--color) }
.equiepemntUl li .text::after{ display: block; content: ''; width: 20%; height: 100%; opacity: 0; transition: all .36s; position: absolute; left: 0; top: 0; background:var(--color) ; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.equiepemntUl li:hover{ color: #fff;}
.equiepemntUl li:hover .img{ background: url(../images/e-bg2.jpg) no-repeat center center / cover;}
.equiepemntUl li:hover .text::after{ width: 100%; opacity: 1;}
.equiepemntUl li:hover .text .line::after{ background: #fff;}
.equiepemntUl li:hover .titTip{ filter: grayscale(100%) brightness(500%); -webkit-filter: grayscale(100%) brightness(500%); }

.cooBg{ background: #f5f5f5;}
.cooUl{ display: grid; grid-gap: .3rem .2rem; grid-template-columns: repeat(6,1fr);}
.cooUl li{ border-top-right-radius: 0;  border-bottom-left-radius: 0; }
.cooUl li .img{aspect-ratio: 245 / 120;}
.cooUl li .text::after{ display: block; content: ''; width: 100%; height:0; transition: all .36s; position: absolute; left: 0; top: 0; background:var(--color) ; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.cooUl li:hover .text{ color: #fff;}
.cooUl li:hover .text::after{ height: 100%;}

.newslist{ display: grid; grid-gap: .65rem; grid-template-columns: repeat(3,1fr);}

.newsLeft{ width: 65%;}
.newsRight{ width: 31%;}
.newsRight .tit::after{ height: 1em; width: 6px; background: var(--color); display: block; content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.newsRightUl{ position: sticky; right: 0; top: 15px;}
.newsRightUl a .img{ width: 1.85rem; height: 1.15rem;}
.newsRightUl a .img img{ width: 100%; height: 100%; object-fit: cover;}
.newsRightUl a .text{ width: calc(100% - 2.04rem);}
.newsRightUl a:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.newInfoTop{ background: url(../images/newInfoTopBg.jpg) no-repeat center center / cover;}

.mapInner .inner{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.mapInner .text{ width: 5.9rem;  margin-right: 10%;  }

.messages{ background: url(../images/messagesBg.jpg) no-repeat bottom center / cover;}

.searchTop form{ width: 7rem;}
.searchTop form .text{ width: calc(100% - .7rem); }
.searchTop form .submit{ width: .7rem; height: .7rem; background: url(../images/searchbig.png) no-repeat center center; background-size: 35% auto;}

.factoryList{ display: grid; grid-gap: .4rem; grid-template-columns: repeat(3,1fr);}
.factoryList li{ background: #f8f8fa;}
.factoryList li .img{ aspect-ratio: 5 / 3.3;}

.jobList li .bottom {  display: none;}
.jobList li.on .top{ background: var(--color); color: #fff;}
.jobList li.on .top .color-aaa,.jobList li.on .top .color-888{ color: #fff;}
.jobList li.on .icon-add:before{  content: "\e681"; }