body{font-size: 16px;} 

.banImg{ width: 100%; max-height: 100vh; object-fit: cover; min-height: 360px;}
.w1200{ margin: 0 auto; width: 1200px; margin: 0 auto;}
.w1440{ margin: 0 auto; width: 1440px; margin: 0 auto;}

header{ width: 100%; position:fixed; top: 0; left: 0; z-index: 100; background: rgba(52, 52, 52, .8); color: #fff;}
/* nav li{ position: relative;} */
nav a.oneNav{ line-height: 100px; display: block; padding: 0 20px;white-space: nowrap;}
nav a.oneNav.on,nav li:hover .oneNav{ color: var(--orange);}

nav:hover > li:not(:hover) a{ color: #fff;}

.languageBtn{ position: absolute; right: 50px; top: 0; line-height: 100px; }
.languageBtn:hover{ color: var(--orange);}

header.scroll,header:hover{ background: rgba(52, 52, 52,1);}
.h_nav{ height: 60px; width: 60px; background-color:var(--orange); padding: 18px 8px ;    align-items: flex-end;   }
.h_nav.close{align-items: center; justify-content: center;}
.h_nav .burger{ width: 100%;  height: 1px ; background: #fff;  transition: .8s; display:inline-block;       }
.h_nav .burger:first-child{ animation: long 2s linear infinite; -webkit-animation: long 2s linear infinite; }
.h_nav .burger:nth-of-type(2){  width: 50%;}
.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: #fff;      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); }
	 

.IdxLine{ width: 90px; height: 3px;}
.idxProNav a:first-child{ padding-left: 0;  }
.idxProNav a::before{ width: 90px; height: 3px; background-color: var(--orange); display: block; content: ''; transition: all .36s; transform: scale(0,1); 
position: absolute; left: 0; top: 25%;

}
.idxProNav a::after{ display: block; content: ''; border-radius: 50%; width: 10px ; height: 10px; background-color: #333; position: absolute;  right: 0; top: 50%;  margin-top: -5px;}
.idxProNav a:last-child::after{display: none;}
.idxProNav a.on,.idxProNav a:hover{ color: var(--orange); }
.idxProNav a.on::before{transform: scale(1,1)}

.maxImg img{max-width: 100%; max-height: 100%;}
/*.topSwiper .img{ height: 420px;}*/
.idxPro .botSwiper .box{}
/*.idxPro .botSwiper .img{ height: 260px;}*/
.idxPro .botSwiper .txt{ background-color: #fafafa;  border-radius: 0 0 20px 20px;box-shadow:0px 10px 10px 2px rgba(0, 0, 0, .15);}
.idxPro .botSwiper .swiper-slide:hover .img{ background-color: rgba(0, 0, 0, .05); ;}
.idxPro .botSwiper .swiper-slide-thumb-active .img{ background-color: rgba(0, 0, 0, .05);box-shadow:0px 0 10px  rgba(0, 0, 0, .15);}
.swiper-button-disabled{cursor: no-drop;}
.botSwiperBox .prev,.botSwiperBox .next{ cursor: pointer; position: absolute; top: 50%; width: 30px; height: 50px; background-color: #737373; margin-top: -25px; color: #fff; z-index: 10;}
.botSwiperBox .prev{ left: -70px;}
.botSwiperBox .next{ right: -70px;}
.botSwiperBox .prev:hover,.botSwiperBox .next:hover{ background-color: var(--orange);}

.idxPro .botSwiper:hover > .swiper-slide:not(:hover) .img{  background-color: rgba(0, 0, 0, 0) !important; ;}

.idxAppUl{ background-color: #343434;}

.idxAppUl li .txt{ padding-right: calc((100vw - 1200px)/2);  align-items:center;justify-content:center}
.idxAppUl li:nth-child(2n){ flex-direction: row-reverse;}
.idxAppUl li:nth-child(2n) .txt{ padding-left: calc((100vw - 1200px)/2); padding-right: 0; align-items: flex-start;}
.idxAppUl li:hover .img img{transform: scale(1.1);}
.idxAppUl li:hover .IdxLine{transform: scaleX(2);}

.linka a:hover{ color: var(--orange);}
.idxCaseUl li{ width: calc((100% - 80px)/3) ; margin-right: 40px; margin-bottom: 30px;  }
.idxCaseUl li:nth-child(3n){ margin-right: 0;}
.idxCaseUl li .img{width: 100%; height: 215px; }
.idxCaseUl li .img img{ width: 100%; height: 100%; object-fit: cover;}
.idxCaseUl li:hover .img{ box-shadow:0px 15px 15px 0px   rgba(0, 0, 0, .2); transform: translateY(-10px);}
.idxCaseUl li:hover .img img{transform: scale(1.1);}

.idxMore{ border-color: #000;}
.idxMore::before{ width: 0; height: 100%; position: absolute; left: 0;top: 0; background-color: var(--orange);  display: block; content: ''; transition: all .36s;}
.idxMore:hover{ border-color: var(--orange); color: #fff; box-shadow: 0 0 10px rgba(245, 161, 37, .2); transform: scale(0.95);}
.idxMore:hover::before{ width: 100%;}
.idxNewsNav a{ margin-left: 5vw;}
.idxNewsNav a:first-child{ margin-left: 0;}
.idxNewsNav a.on{ color: #fff; background-color: var(--orange);}
.idxNewsNav a.on:hover{ color: #fff;}
.idxNewsNav a:hover{ color: var(--orange);}

.idxNewsSwiper .txt{ background: rgba(0, 0, 0, .8); position: absolute; left: 0; height: 55px; bottom: 0; z-index: 10; width: 100%; padding-right: 120px;}
.idxNewsLeft .swiper-slide:hover a img{ transform: scale(1.1);}
.idxNewsLeft .button{ width: 100px; position: absolute; right: 0; bottom: 0; z-index: 20; height: 55px;}
.idxNewsLeft .button div:hover{ background-color: #343434;}

.idxNewsSwiperImg{ height: 330px; width: 100%; object-fit: cover;}
.idxNewsRight a{ background-color: #ebebeb;   color: #b9b9b9;}
.idxNewsRight a .date{ width: 87px; height: 87px;}
.idxNewsRight a .txt{ width: calc(100% - 87px);}
.idxNewsRight a:hover{ color: var(--orange); box-shadow: 0 0 15px rgba(245, 161, 37, .5);}

.bg-34{ background-color:#343434;}
.idxBus .left .txt{ padding-left: calc((100vw - 1200px)/2);}
.idxBus .right{ padding-right: calc((100vw - 1200px)/2);}
footer{ background-color: #252525; color: rgba(255, 255, 255, .5);}
footer .line{ height: 3px;}
footer .bottom{ background-color: #363637;  }
/*footer .bottom .right{ letter-spacing: .5em;}*/
.outLink a:hover{opacity: 1;}
.outLink a img{ height: 22px;}

.neiBanImg{ object-fit: cover ; max-height: 100vh; min-height: 320px; width: 100%;}
.aboutNav a{ border-bottom: 1px solid rgba(0, 0, 0, .0);}
.aboutNav a.on,.aboutNav a:hover{ color: var(--orange); border-bottom: 1px solid var(--orange);}
.numBox .con{ background: rgba(255, 255, 255, .8); position: absolute; left: 50%; transform: translateX(-50%); bottom: 10%;}

.hoonerSwiper .swiper-slide .img{ height: 388px;}
.hoonerSwiper .swiper-slide .img img{box-shadow: 0  0 15px rgba(0, 0, 0, .2);}
.FactorySwiper .txt{ position: absolute; left: 0; transition: all .36s; bottom: 0;z-index: 10;}
.FactorySwiper .swiper-slide:hover .txt{transform: translateY(105%);  background-color: rgba(52, 52, 52, .8);}
.FactorySwiper .swiper-slide:hover .img>img{transform: scale(1.1);}

.FactorySwiperBox .next,.FactorySwiperBox .prev{ position: absolute ; top: 50%;    margin-top: -20px; line-height: 1; z-index: 10; }
.FactorySwiperBox .prev{ left: -100px;}
.FactorySwiperBox .next{ right: -100px;}
.zwDIV{ padding-top: 100px; margin-top: -100px;}
.heartDIV{ height: 100px;}
.neiBan .text { padding-top: 100px;}
.mesages01Img{ min-height: 100vh; object-fit: cover; height: 100%; object-fit: cover; }
.mesagesleft{ padding-left: calc((100vw - 1200px)/2);}
.Messsubmit:hover{opacity: 0.8;}
.bg-eb{ background-color: #eaebef;}


.newSub a{ height: 60px; display: flex; align-items: center;}
.newSub a.on,.newSub a:hover{ color: var(--orange);}
.newSub a:hover{transform: scale(.95);}
.bg-ef{ background-color: #efefef;}

.newslist li:hover{ box-shadow: 0 0 15px rgba(0, 0, 0, .2); }
.newslist li:hover .img img{transform: scale(1.1);}

.newpage a{ width: calc((100% - 160px) / 2);}
.newpage a.listOn{ width: 130px; border-radius: 25px; height: 50px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; }
.newpage a:hover{ color: var(--orange);}.newpage a.listOn:hover{ color: #fff;}
.newpage .iconfont{ font-size: 30px;}
.caseSub  a{   line-height: 2; display: block;}.caseSub  a:hover{ color: var(--orange);}
.caseSub .on a{ color: var(--orange); border-bottom: 1px solid var(--orange);}
.tewNav a{ border: 1px solid transparent; line-height: 2; padding: 0 24px; display: block; border-radius: 20px;  }
.tewNav a.on{ color: var(--orange); border-color: var(--orange);}
.tewNav a:hover{ color: var(--orange);}

.caselist li{ width: calc((100% - 60px)/3); margin-right: 30px; margin-bottom: 40px;}
.caselist li:nth-child(3n){ margin-right: 0;}
.caselist li .img img{ width: 100%; height: 235px; object-fit: cover;}
.caselist li .txt{ height: 100px;}
.caselist li:hover .img img{transform: scale(1.1);}
.caselist li:hover{box-shadow: 0 15px 10px rgba(0, 0, 0, .5);; transform: translateY(-10px);}

.pronav a{ background: #eaebef;  line-height: 2.4; margin-right:56px;}
.pronav a.on{ background-color: var(--orange); color: #fff;}
.pronav a.on:hover{ color: #fff;}
.pronav a:hover{ color: var(--orange);}

.sunnierlist .item { width: calc((100% - 90px)/4); margin-right: 30px;}
.sunnierlist .item:nth-child(4n){ margin-right: 0;}
.sunnierlist .item .img{ width: 60px; height: 60px; border-right: 1px solid #333;}
.sunnierlist .item .DIN{  position: absolute; right: 10px; top: 10px; }
.sunnierlist .item .txt{ width: calc(100% - 60px);}

.solveLine{ height: 3px;background-color: var(--orange); }
.solvelist .line{ height: 2px; }
.solvelist li:hover{ box-shadow: 0 0 25px rgba(0, 0, 0, .15);}
.solvelist li:hover .img img{transform: scale(1.1);}
.w88{ width:88%; margin:0 auto}
.prolist li{ width: calc((100% - 60px)/3); margin-right: 30px; margin-bottom: 40px;}
.prolist li:nth-child(3n){ margin-right: 0;}
.prolist li .img{ background-color: #ebebeb;}
/* height: 290px;*/
.prolist li:hover{box-shadow: 0 15px 10px rgba(0, 0, 0, .5);; transform: translateY(-10px);}
.prolist li:hover .f26{ color: var(--orange);}
.prolist li:hover .img img{transform: scale(1.1);}

.prodeatlOne::before{ width:35%; position: absolute; top: 0; left: 0; height: 100%; z-index: 1; display: block; content: '';background-color: #ebebeb;}
.prodeatlOne .tage{ position: absolute; left: 0; bottom: 0; z-index: 5; transform: translateX(-100%);}
.proTwo li{   border-color: #333;}
.proTwo li:last-child{ border: none;}

.audio-img-play{position: absolute; left: 50%; top: 50%; width: 80px ; height:80px; margin-top: -40px; margin-left:-40px; cursor: pointer; z-index: 5;}
.audio-img-play .circle-play{object-fit: cover; width: 100%; height: 100%;animation: myrotate 1s linear infinite;cursor: pointer;}
.audio-img-play .icon-play{position: absolute; left: 50%; top: 50%;width: 36px;  margin-top: -18px; margin-left: -18px; }
@keyframes myrotate {

    0%{-webkit-transform:rotate(0deg);}
  
    25%{-webkit-transform:rotate(90deg);}
  
    50%{-webkit-transform:rotate(180deg);}
  
    75%{-webkit-transform:rotate(270deg);}
  
    100%{-webkit-transform:rotate(360deg);}
  
  }
.profour .line{ height: 3px;}
.profourUL li{  width: 24%; transition: all .36s;}
.profourUL li:hover{ box-shadow: 0 0 10px rgba(245, 161, 37, .2); background-color: var(--orange); transform: scale(.95);}
.profourUL li:hover .IdxLine{ background-color: rgba(255, 255, 255, .5);}

table{margin:5px auto;width:100%;}
table,tr,td,th { padding: 0.4rem;border-collapse: collapse; }
.proFive table  thead{ font-weight: bold;}
.proFive table tr{ border-bottom: 1px solid #e5e5e5;}

.proSix .title{ border-bottom: 3px solid var(--orange);}
/* .proSeven{ background-color: #f5f5f5;} */

.proSeven .title{ border-bottom: 3px solid var(--orange);}

.proSevenLeft{ padding-left: calc((100vw - 1200px)/2);}

.proSeven .g2,.proSeven .g3,.proSeven .g4{ width: 100%; height: 250px;}
.proSeven .g2 li img{ height: 250px; width: 250px;}
.proSeven .g3{ margin: 5px 0;}

.downlist .button{ width: 26px; height: 26px; border-color: var(--orange);}
.downlist li .close { display: none !important;}
/* .downlist li .bottom{ display: none;} */
.downlist li .item + .item{ margin-top: 15px;}

.downlist li.on .close { display: flex !important;}
.downlist li.on .open { display: none !important;}
/* .downlist li.on .bottom{ display: block;} */

nav li dl{ width: 100vw; position: absolute; left: 0; top: 100px;}
nav  li dl{ visibility:hidden; opacity:0; filter:alpha(opacity=0); transform: 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{ visibility:visible; opacity:1; filter:alpha(opacity=100); transform:none;   }
nav li dl  .item{ margin-bottom: 10px;}

/*.pro-top .swiper-slide{ height: 380px;}*/
.pro-thumbs .swiper-slide{ height: 60px; background-color: #fff;}
.pro-thumbs .swiper-slide-thumb-active{border: solid 1px var(--orange);}

/*.videoslide{ height:570px}*/