/* 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: calc(-1 * var(--top)); padding-top: var(--top);}

 
header{ position: fixed; left: 0; top: 0; width: 100%; padding-top: .1rem; transition: all .5s; z-index: 100; color: #fff; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; }
header .con{ padding: 0 .6rem;}
header.scroll{ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
header .icon02{ display: none;}

.logoImg{ height: .6rem;}
.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:#fff; 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(--orange)}
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%); }
 


/* header::before{ display: block; content: ''; width: 100%; height: 1px; position: absolute; right: 0; bottom: 0; background:rgba(255, 255, 255, 0.1) ;
   
  } 
header.scroll::before,header:hover::before{ height: 100%; background: #fff;}*/
header.scroll{ box-shadow: 0 0 15px rgba(0, 0, 0, .15);}
header.scroll ,header:hover {  background: #fff; color: #333; padding-top: 0;}
header.scroll  .icon01,header:hover .icon01{  display: none;}
header.scroll  .icon02,header:hover .icon02{  display: block;}
/* header.scroll  .oneNav,header:hover .oneNav{ line-height:var(--top);} */
header.scroll nav li.on .oneNav span ,header:hover nav li:hover .oneNav span { color: var(--orange);}
header.scroll  .oneNav span::after ,header:hover .oneNav span::after{ background: var(--orange);}


.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; }

 
.lanBtn dl{ line-height: 40px; position:absolute;text-align: center;  width:100%; min-width: 100px;  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); }
.lanBtn dl a{ display: block;/* border-bottom: 1px solid #e5e5e5;*/}
.lanBtn dl a:hover{ background: var(--color); color: #fff;}
.lanBtn 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; }
.lanBtn: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%); }

.headerLlink{background:linear-gradient(to right,#f0831e,#974a68);}


.search-popup {position: fixed;width: 100%;opacity: 0; height: 100%;top: 0;left: 0;z-index: -2;-webkit-transition: all 1s ease;-khtml-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;  }
  .search-popup .search-popup__overlay {  position: fixed;width: 224vw;height: 224vw;top: calc(90px - 112vw);right: calc(50% - 112vw);z-index: 3;display: block;-webkit-border-radius: 50%;-khtml-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;-webkit-transform: scale(0);-khtml-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);-webkit-transform-origin: center;transform-origin: center;-webkit-transition: transform 0.8s ease-in-out;-khtml-transition: transform 0.8s ease-in-out;-moz-transition: transform 0.8s ease-in-out;-ms-transition: transform 0.8s ease-in-out;-o-transition: transform 0.8s ease-in-out;transition: transform 0.8s ease-in-out;transition-delay: 0s;transition-delay: 0.3s;-webkit-transition-delay: 0.3s;background-color: #08091B;opacity: 0.8;cursor: url(../images/close.png), auto;  }
  @media (max-width: 767px) {.search-popup .search-popup__overlay {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  transform: none;  width: 100%;  height: 100%;  border-radius: 0;  transform: translateY(-110%);}  }
  .search-popup .search-popup__content {position: fixed;width: 0;max-width: 560px;padding: 30px 15px;left: 50%;top: 50%;opacity: 0;z-index: 3;-webkit-transform: translate(-50%, -50%);-khtml-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;-khtml-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;-moz-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;-ms-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;-o-transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;transition: opacity 0.5s 0s, width 0.8s 0.8s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;transition-delay: 0s, 0.8s, 0s;transition-delay: 0s, 0.4s, 0s;transition-delay: 0.2s;-webkit-transition-delay: 0.2s;  }
  .search-popup .search-popup__content .search-popup__form {position: relative;  }
  .search-popup .search-popup__content .search-popup__form input[type=search],
  .search-popup .search-popup__content .search-popup__form input[type=text] {width: 100%;background-color: #ffffff !important;font-size: 15px;color: #697585;border: none;outline: none;height: 66px;padding-left: 30px;  }
  .search-popup .search-popup__content .search-popup__form button {padding: 0;width: 66px;height: 66px;border: 0;background: var(--color);color: #fff;display: flex;justify-content: center;align-items: center;text-align: center;position: absolute;top: 0;right: -1px;border-radius: 0;  }
  .search-popup .search-popup__content .search-popup__form button i {margin: 0;font-size: 24px;  }
  .search-popup .search-popup__content .search-popup__form button::after {background-color: #FFD600;  }
  .search-popup.active {z-index: 9999;  opacity: 1;}
  .search-popup.active .search-popup__overlay {top: auto;bottom: calc(90px - 112vw);-webkit-transform: scale(1);-khtml-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);transition-delay: 0s;-webkit-transition-delay: 0s;opacity: 0.8;-webkit-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);-khtml-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);-moz-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);-ms-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);-o-transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);transition: transform 1.6s cubic-bezier(0.4, 0, 0, 1);  }
  @media (max-width: 767px) {.search-popup.active .search-popup__overlay {  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  transform: none;  width: 100%;  height: 100%;  border-radius: 0;  transform: translateY(0%);}  }
  .search-popup.active .search-popup__content {width: 100%;opacity: 1;transition-delay: 0.7s;-webkit-transition-delay: 0.7s;  }
  

.idxBanImg{ width: 100%; height:100vh; object-fit: cover; min-height: 360px; object-fit: cover;}
.idxBan .text{position: absolute; left: 0; top:22%;   }

.idxBanDown{ position:absolute; bottom: 0; z-index: 10; left: 50%; transform: translateX(-50%) ; -webkit-transform: translateX(-50%) ; -moz-transform: translateX(-50%) ; -ms-transform: translateX(-50%) ; -o-transform: translateX(-50%) ; }
.mouse-tip{width:24px;height:60px;   overflow:hidden}
.mouse-tip::after{ display: block; content: ''; width: 1px; height: 100%; background: rgba(255, 255, 255, .15); left:50%; position: absolute;}
.mouse-tip:before{ content:''; position:absolute; width:2px; left:50%; margin-left:-1px; top:3px; height:4px; background-color:#fff; animation:mouse 2s ease infinite; -webkit-animation:mouse 2s ease infinite; }

.idxSmallForm{ width: 6rem;}
.idxSmallLink{  width: 2.7rem;}
.idxSmall .icon-arrow-right-bold{ transform: scale(.8); -webkit-transform: scale(.8); -moz-transform: scale(.8); -ms-transform: scale(.8); -o-transform: scale(.8); }
.iconfont.icon-24gf-square{ font-size: .1rem;}

.idxProMore{ height: .45rem;}.idxProMore:hover{ background: var(--orange); letter-spacing: 1em; box-shadow: 0 0 .15rem rgba(14, 58, 137, .15);}

.idxProCon{ background: url(../images/idxProConBg.jpg) no-repeat center center / cover;}
.idxProLeft{ width: 18.75%;}
.idxProRight{ width: 80.6%;}
.idxProLeft::before{ display: block; content: ''; width: .1rem; height: 100%; position: absolute; left: 0; top: 0;background:linear-gradient(to bottom,var(--orange),transparent); }
.idxProLeftUl li .z5{ height: 1rem;}
.idxProLeftUl li .z5::after{ display: block; content: ''; width:.06rem; border-radius: 50%; height: .06rem; position: absolute; left: -.03rem; bottom: -.03rem; background:rgba(255,255,255,.2) ; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.idxProLeftUl li .img{ width: .32rem; height: .32rem;}
.idxProLeftUl li::after{ display: block; content: ''; width: 20%; opacity: 0; transition: all .36s; height: 100%; position: absolute; left: .1rem; top: 0; background:linear-gradient(to right,rgba(0,0,0,.2),transparent); -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.idxProLeftUl li.active::after{ width: 100%; opacity: 1;}

.idxProIcon{filter: grayscale(100%) brightness(500%);}
.idxProRightUl{ display: grid; grid-gap: .34rem; grid-template-columns: repeat(3,1fr);}
.idxProRightUl li .img{ aspect-ratio: 1;}
.idxProRightUl li .img::after{ display: block; content: ''; width: 100%; height: 0; transition: all .36s; position: absolute; left: 0; top: 0; background:linear-gradient(to bottom,var(--color),transparent); -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.idxProRightUl li:hover .img::after{ height: 70%;}

.idxAbout{ background: url(../images/idxAboutBg.png) no-repeat center center / cover; }
.w44{ width: 44%;}
.idxVideo::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:rgba(0,0,0,.2) }
@keyframes ripple-wave{
  to {
      box-shadow: 0 0 0 15px rgba(240,131,30, 0.1),0 0 0 30px rgba(240,131,30, 0.1),0 0 0 45px rgba(240,131,30, 0.02);
  }
}
.idxVideo .paly{
  z-index: 20;
  width: .6rem;
  cursor: pointer; border: 1px solid var(--orange);
  /*background:rgba(240,131,30, 0.8) ;
  */border-radius: 50%;
  height:  .6rem;
  box-shadow: 0 0 rgba(240,131,30, 0.1),0 0 0 15px rgba(240,131,30, 0.1),0 0 0 30px rgba(240,131,30, 0.1);
  animation: ripple-wave 1s linear infinite;
  animation-play-state: running;
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  transform: scale(0.8);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  -webkit-animation: ripple-wave 1s linear infinite;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}

.idxAboutRight .line{ background: #e5e5e5; height: 1px;}
.idxAboutRight .lineCener{ height: 100%;  width: 1px;}
.idxAboutRight .lineCener::before{ display: block; content: ''; width: 1px; height: 40%; position: absolute; left:0; top: 0; background:#e5e5e5 }
.idxAboutRight .lineCener::after{ display: block; content: ''; width: 1px; height: 40%; position: absolute; left: 0; bottom: 0; background:#e5e5e5 }

.x-xia {width: 100%;overflow: hidden;}
.x-xia ul {display: flex; }
.x-xia ul li {white-space: nowrap;width: 2.27rem; aspect-ratio: 1 / .5; box-shadow: .05rem 0 .1rem rgba(0,78,146,.05);}
.x-xia ul li:hover{ box-shadow: 0 0 .15rem rgba(0,78,146,.15);}

.idxCooConLeft{ position: absolute; top: 0 ; bottom: 0; height: 100%; left: 0; z-index: 5; width: 33%;  pointer-events: none;}
.idxCooConRight{ position: absolute; top: 0 ; bottom: 0; height: 100%; right: 0; z-index: 5; width: 33%;  pointer-events: none;}

.idxNewsTit a.active{ font-weight: bold;}
.idxNewsTit a.active::after{ display: block; content: ''; width: 100%; height: 3px; position: absolute; left: 0; bottom: -1px; background:var(--orange) }
.idxNewsTit a:last-child{ margin-right: 0;}

.newsItem .img{ aspect-ratio: 1 / .63;}
.idxNews .button button:hover{ background: var(--orange); color: #fff;}
footer{ background: url(../images/footerBg.jpg) no-repeat center center / cover;}
.footRight{ width: 3rem;}

.outLink li{ background: rgba(255, 255, 255, .15);}
.outLink li:hover .outLinkIcon{ opacity: .6;}
.outLink li .img{ display: none; max-width: 1.1rem;width: 7.5vw; min-width: 90px; position: absolute; bottom: calc(100% + 10px); left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.outLink li:hover .img{ display: block;}
.outLink li:last-child{ margin-right: 0;}

footer a:hover{ color: var(--orange);}

.neiBanImg{ height: 100vh; min-height: 260px; width: 100%;  object-fit: cover;}
.neiBanFloat{ position: absolute; left: 0; right: 0; object-fit: cover; top: 0; z-index: 1; opacity: .45;  pointer-events: none;}
.neiBan .text{ position: absolute; left: 50%; z-index: 5; top: 32%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }

.neiBan{  border-bottom-right-radius: 5vw;}

.biref{ background: url(../images/birefBg.jpg) no-repeat center bottom / 100% auto;}
.w52{ width: 52%;}
.color-jian{-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;background-image: linear-gradient(to right,#f0831e,#974a68);;}
.birefVideo .paly{
  z-index: 20;
  width: .6rem;
 
  /*background:rgba(240,131,30, 0.8) ;
  */border-radius: 50%;
  height:  .6rem;
  box-shadow: 0 0 rgba(240,131,30, 0.1),0 0 0 15px rgba(240,131,30, 0.1),0 0 0 30px rgba(240,131,30, 0.1);
  animation: ripple-wave 1s linear infinite;
  animation-play-state: running;
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  transform: scale(0.8);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  -webkit-animation: ripple-wave 1s linear infinite;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.cultureUl{ display: grid; grid-gap: .5rem; grid-template-columns: repeat(3,1fr);}
.cultureUl li{ box-shadow: .05rem 0 .1rem rgba(14,58,137,.15);}
.cultureUl li:hover{ transform: translateY(-.1rem); -webkit-transform: translateY(-.1rem); -moz-transform: translateY(-.1rem); -ms-transform: translateY(-.1rem); -o-transform: translateY(-.1rem); }

.history{ background: url(../images/historyBg.jpg) no-repeat center bottom / cover;}
.arrow-btn {  background: rgba(255,255,255,0.1); z-index: 3;}
.arrow-btn:hover {background: rgba(255,255,255,0.15); transform: scale(1.08);}
.arrow-btn:active { transform: scale(0.95); }
.year-tag { position: absolute; top: 50%; transform: translateY(-50%);   transition: all 0.4s ease; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);}
.year-tag.left { left: .75rem; }
.year-tag.right { right: .75rem; }
.timeline-content { height: 6rem;overflow: hidden;}


@media screen and (max-width:1920px) {.timeline-content { height: 5rem; }}
 

.year-slide {display: none;animation: leftFloat .36s;pointer-events: none;-webkit-animation: leftFloat .36s;}
.year-slide.active {display: block;pointer-events: auto;}
.year-slide.slide-out-left {opacity: 0;transform: translateX(-60px);}
.big-year {font-size:11.45vw ;   }

.w58{ width: 58%;}
.honorsSwiper .swiper-slide .img{ aspect-ratio: 1 / .72;}
.honorsSwiper .swiper-slide:hover{ color: var(--color); font-weight: bold;}
.Honors button{ position: absolute; top: 50%; z-index: 10; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.Honors button.prev{ right: calc(100% + .3rem);}.Honors button.next{ left: calc(100% + .3rem);}
.Honors button:hover{ background: var(--orange); color: #fff;}

.styleSwiper .swiper-slide{aspect-ratio: 1 / .575;}
.Style button{ position: absolute; top: 50%; z-index: 10; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.Style button.prev{ left: 24%; }.Style button.next{  right: 24%;}
.Style button:hover{ background: var(--orange); color: #fff;}

.history .dots-wrapper {gap: .1rem;  z-index: 2;}
.history .dot {width: .1rem;height: .1rem;border-radius: 50%;background: rgba(255,255,255,0.2);cursor: pointer;transition: all 0.3s ease;}
.history .dot.active {background: #e88c32;width: .3rem;border-radius: 5px;}

.contactType .title::after{ display: block; content: ''; width:5em; height: .1rem; position: absolute; left: 50%; margin-left: -2.5em; bottom: 0; background:var(--orange) }
.contactTypeUl{ display: grid; grid-gap: .5rem; grid-template-columns: repeat(3,1fr);}
.contactTypeUl li .img{ height: 1.95rem;}
.contactTypeEwm{ width: 2.5rem;}
.contactTypeUl li:hover{ transform: translateY(-.1rem); -webkit-transform: translateY(-.1rem); -moz-transform: translateY(-.1rem); -ms-transform: translateY(-.1rem); -o-transform: translateY(-.1rem); }

.select:before { display: block; content: ''; right: .32rem; top: 50%; transform:translateY(-50%) ; background: url(../images/selectIcon.png) no-repeat center center / 100% auto; position: absolute; height: .2rem; width:.2rem; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ;
  pointer-events: none;}
.mapBox{ height: 66vh;}

.jobProcessUl li{  width: 11.25%;}
.jobProcessJian{ width: 3.75%; margin-top:.8rem; }
.jobSub li{ height: 1.15rem;}
.jobSub li::after{ display: block; content: ''; width: 0; height:.03rem; position: absolute; left: 0; bottom: 0; background:var(--color) }
.jobSub li.active{ color: var(--color);}
.jobSub li.active::after{ width: 100%;}

.jobBox .select:before { display: block; content: ''; right: .15rem; top: 50%; transform:translateY(-50%) ; background: url(../images/selectIcon.png) no-repeat center center / 100% auto; position: absolute; height: .2rem; width:.15rem; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ;
  pointer-events: none;}
.w15{ width: 15%;}.w10{ width: 10%;}
.jobList  .button{ border-width: 2px;}
.jobList  .button:hover{ border-color: var(--orange); color: var(--orange);}
.jobList .bottom{ display: none;} 
.jobList li.on .open{ background: var(--orange); transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
 
.pop{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 105;}
.pop .bg{ background: rgba(0, 0, 0, 0.4);}
.pop .con{ max-width: 7.8rem; width: 96%;position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);  z-index: 10; }
 
.jobPop .select:before{width:.12rem; opacity: .5;}
.pop .close{ position: absolute; right: -.2rem; top: -.2rem;}
.pop .close:hover{ background: var(--orange); color: #fff;}

.pop{ display: none;}
/* 上传区域 */
.upload-row { display: flex; gap: 10px;}
.upload-input-wrap { flex: 1; position: relative;}
.upload-display { width: 100%; cursor: pointer;  overflow: hidden;  text-overflow: ellipsis; white-space: nowrap; transition: border-color 0.2s;}
.upload-display:hover { border-color: #f5a623; }
.upload-display.has-file { color: #333; }
.upload-input {  position: absolute; top: 0; left: 0;  width: 100%; height: 100%; opacity: 0;cursor: pointer;} 
.upload-btn {flex-shrink: 0;padding: 0 .25rem;transition: opacity 0.2s;}
.upload-btn:hover { opacity: 0.85; }
 
.jobContent .items{ display: none;}
.jobContent .items.active{ display: block;}
.proSub a .img{ width: 1.15rem; height: 1rem;}
.proSub a .proSubIcon{ filter: grayscale(100%); -webkit-filter: grayscale(100%); }
.proSub a.active{ color: var(--color);} 
.proSub a.active .proSubIcon{ filter: none; -webkit-filter: none; }

.prolist{ display: grid; grid-gap: .5rem; grid-template-columns: repeat(3,1fr);}
.prolist li .img{ aspect-ratio: 1 / .8;}
.prolist li .img::after{ display: block; content: ''; width: 100%; height: 0; transition: all .36s; position: absolute; left: 0; top: 0; background:linear-gradient(to bottom,var(--color),transparent); -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.prolist li:hover .img::after{ height: 70%;}

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

.proinfoTop{ background: url(../images/proinfoTopBg.jpg) no-repeat center center / cover;}
.homeIcon{ height: .2rem;}
.location .icon-youjiantou1{ transform: scale(.6); -webkit-transform: scale(.6); -moz-transform: scale(.6); -ms-transform: scale(.6); -o-transform: scale(.6); }
.proinfoTop .left{ width: 8em;}
.proinfoSwiper .swiper-slide{ aspect-ratio: 1 / .8;}
.proinfoRight .pagination{ position: absolute; left: 0;  bottom: .2rem;  z-index: 10;}

.proinfoRight .pagination .swiper-pagination-bullet{ width: .1rem; height: .1rem; background: var(--color);  margin: 0 .05rem;}
.proinfoRight .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: var(--orange);}

.proinfoSub a{ height: .8rem;}
.proinfoSub a::after{ display: block; content: ''; width: 0; height: 2px; position: absolute; left: 0;  bottom: -1px; background:var(--color) }
.proinfoSub .con a:last-child{ margin-right: 0;}
.proinfoSub .con a.on{ color: var(--color);}
.proinfoSub .con a.on::after{ width: 100%;}

.proinfoBack:hover div{ background: var(--orange);}
.proinfoBack:hover span{ border-color: var(--orange); color: var(--orange); letter-spacing: .1em;}

.caseSub li a{ height: .8rem;}
.caseSub li.active a{ color: var(--color);} 
.caseSub li.active a::after{ display: block; content: ''; width: 100%; height: 2px; position: absolute; left: 0; bottom:0; background:var(--color) }

.caseList{ display: grid; grid-gap: .4rem; grid-template-columns: repeat(2,1fr);}
.caseList li .img{ aspect-ratio: 1 / .61;}
.caseList li .icon-direction-right{ transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); }
.caseList li:hover .icon-direction-right{ transform: rotate(0); -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); }

.caseinfoTop{ background: url(../images/proinfoTopBg.jpg) no-repeat center center / cover;}
.caseinfoTop .img{ aspect-ratio: 1 / .3;}

.serviceForm { width: 8.2rem;}
.W300{ width: 3rem;}

.Materials table tr td{ border: none; padding: 1em; line-height: 2;}
.Materials table tr:nth-child(2n) td{ background: #f7f9fe;}
.Materials table tr td:first-child{ padding-left: 2em;}
.Materials table tr:first-child td{ white-space: nowrap; background: var(--color); color: #fff; font-weight: bold;}


.tableBox table tr td{ border: none; padding: 1em; line-height: 2;}
.tableBox table tr:nth-child(2n-1) td{ background: #f7f9fe;}
.tableBox table tr td:first-child{ padding-left: 2em;}
/* .tableBox table tr:first-child td{ white-space: nowrap; background: var(--color); color: #fff; font-weight: bold;} */


.After-salesUl{ display: grid; grid-gap: .5rem; grid-template-columns: repeat(3,1fr);}
.After-salesUl li .title{ border-bottom-left-radius: .2rem; border-bottom-right-radius: .2rem;}


.newslist li:first-child{ margin-top: 0;}
.newslist li .date .line{ height: 2px; width: 2em; background: #e5e5e5;}
.newslist li .right{ width: 88%;}
.newslist li .right::after{ display: block; content: ''; transition: all .36s; opacity: 0; width: 40%; 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; }
.newslist li .img{ width: 100%; aspect-ratio: 1 / .586;}
.newslist li:hover .right::after{ width: 100%; opacity: 1;}

.w26{ width: 26%;}
.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: calc(var(--top) + .12rem);}
.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); }







.Blogul{ display: grid; grid-gap: 20px; grid-template-columns: repeat(5,1fr);}


/* 强制隐藏原生下拉，最高权重 */
.my-lay-select { display: none !important;}

/* 外层容器 */
.lay-select-box{ width:100%; position:relative;  }
/* 显示输入框 */
.lay-select-view{     cursor:pointer; display:flex; align-items:center; justify-content:space-between; transition:border-color .2s;}
.lay-select-view:hover{border-color:#c2c2c2}
.lay-select-view.active{border-color:var(--color)}
.lay-select-text{color:#333}
.lay-select-placeholder{color:#999}
/* 下拉箭头 */
.lay-select-arrow{ width:0;height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:6px solid #999; transition:transform .2s;}
.lay-select-view.active .lay-select-arrow{transform:rotate(180deg)}
/* 下拉面板 */
.lay-select-dropdown{ position:absolute; top:100%;left:0; width:100%; overflow-y:auto; border:1px solid #dcdcdc; background:#fff; border-radius:2px; box-shadow:0 2px 8px rgba(0,0,0,.1); z-index:999; display:none;}
.lay-select-dropdown.show{display:block}
/* 选项 */
.lay-select-item{    cursor:pointer; color:#333;}
.lay-select-item:hover{background:#f2f2f2}


.lay-select-item.selected{background:var(--color);color:#fff}

@keyframes line {
  0% {
    width: 0;
  }

   

  100% {
      width: 100%
  }
}
        .welfare .line{ width: 100%; height:1px; background-color: #666;}
        .welfare .line::after{ display: block; content: '';   height: 2px; position: absolute; left: 0; bottom: 0; background:var(--color);animation: line 6s linear infinite; }
        .welfareCon::after{ display: block; content: ''; width: 60%; height: 100%; position: absolute; right: 0; top: 0; background:#f6f6f6 ;}