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

.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%; z-index: 100; color: #fff; border-bottom: 1px solid rgba(255,255,255,.1);}
header .icon02{ display: none;   }
.logoImg{ height: .5rem;}
.oneNav{ line-height:var(--top); white-space: nowrap; display: block; padding: 0  1.5vw;   }
.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(--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%); }
 
header::before{ display: block; content: ''; width: 100%; height: 0; position: absolute; right: 0; top: 0; background:#fff ; transition:all .3s ; -webkit-transition:all .3s ; -moz-transition:all .3s ; -ms-transition:all .3s ; -o-transition:all .3s ; }
header.scroll::before,header:hover::before{ height: 100%; }
header.scroll{ box-shadow: 0 0 15px rgba(0, 0, 0, .15);}
header.scroll ,header:hover {  color: #333;}
header.scroll .oneNav span::after,header:hover .oneNav span::after{  background: var(--color); }
header.scroll li.on  .oneNav span ,header:hover li.on  .oneNav span{ color: var(--color);}
header.scroll .icon01,header:hover .icon01{ display: none; }
header.scroll .icon02,header:hover .icon02{ display: block; }
header.scroll .h_nav .burger,header:hover .h_nav .burger{ background: #333;}


header.sed::before { height: 100%; }
header.sed{ box-shadow: 0 0 15px rgba(0, 0, 0, .15);}
header.sed   {  color: #333;}
header.sed .oneNav span::after {  background: var(--color); }
header.sed li.on  .oneNav span  { color: var(--color);}
header.sed .icon01 { display: none; }
header.sed .icon02 { display: block; }
header.sed .h_nav .burger { background: #333;}


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

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


/* .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: 50%; top: 55%; transform: translate(-50%,-50%); z-index: 5; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
.idxBan .text .num{ position: absolute; left: 0; bottom: 50%;   -webkit-text-stroke: 1px rgba(255,255,255,.8);text-stroke: 1px rgba(255,255,255,.8);color: transparent;}
.idxBan .swiper-slide::after{ display: block; content: ''; width:60%; height: 100%; position: absolute; left: 0; top: 0;background:linear-gradient(to right,rgba(1,71,157,.8),transparent); }
.ScroolBox{ position: absolute; width: 2.5vw; left: 50%;  z-index: 25; transform: translateX(-50%) ; bottom: 5%; -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; z-index: 10; left: 0; bottom: 3%;}
.idxBan  .button>div:hover{ background: var(--color); color: #fff;}

.idxTitIcon{ height: .29rem;}
.idxPro{ background: url(../images/idxProBg.jpg) no-repeat center center / cover;}

.idxProMore .round{ width: .3rem; height: .3rem;}
.idxProMore::after{ display: block; content: ''; width: 0; height:.3rem; position: absolute; left: .31rem; border-radius:40px; top: 50%; transform: translateY(-50%); background:var(--color) ; transition:all .36s ; -webkit-transition:all .36s ; -moz-transition:all .36s ; -ms-transition:all .36s ; -o-transition:all .36s ; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-border-radius:40px; -moz-border-radius:40px; -ms-border-radius:40px; -o-border-radius:40px; }
.idxProMore:hover::after{ width: 100%; left: 0; height: 100%;}
.idxProMore:hover{ letter-spacing: .2em;}

.idxProItem{ background: url(../images/idxProItemBg.png) no-repeat bottom right / 100% auto;}
.idxProItem .img{ width: 100%; aspect-ratio: 1;}
.idxProItem .img::after{ display: block; content: ''; width: 100%; height: 90%; opacity: .4; transition: all .2s; position: absolute; left: 0; top: 0; background:linear-gradient(to bottom,var(--color),transparent); -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; }
.idxProItem .more{ width: .46rem; height: .46rem; position: absolute; right: 0; bottom: 0;}
.idxProItem .more::after{ display: block; content: ''; width: 100%; height: 100%; border-radius: 50%; transition: all .36s; transform: scale(0); position: absolute; left: 0; top: 0; background:var(--red) ; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); }
.idxProItem:hover .more::after{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
.idxProItem:hover .img::after{ opacity: 1;}


.swiprebutton .btn,.swiprebutton .border-right { border-color: #ccc;}
.swiprebutton .btn div{  width:1rem ;}
.swiprebutton .prev:hover,.swiprebutton .next:hover{ background: var(--color); color: #fff;}
.radius45{ border-radius: .5rem; -webkit-border-radius: .5rem; -moz-border-radius: .5rem; -ms-border-radius: .5rem; -o-border-radius: .5rem; }
.swiprebutton .pagination{ position: relative; left: auto; top: auto; width: 3.2rem; height: 3px; background: #d6d6d6}

.idxAppUl li{ width:23% ; height: 88vh;}
.idxAppUl li.on{ width: 54%;}
.idxAppUl li .text{ position: absolute; left: 0; bottom: -5vw; background: rgba(0, 0, 0, .15); opacity: 0;}
.idxAppUl li.on .text{bottom: 0; background: url(../images/idxAppTextBg.jpg) no-repeat center center / cover; opacity: 1;}
.idxAppUl li .title{ position: absolute;background: rgba(0, 0, 0, .5);left: 0; bottom: 0;  }
.idxAppUl li.on .title{ transform: translateY(-20vw); opacity: 0; -webkit-transform: translateY(-20vw); -moz-transform: translateY(-20vw); -ms-transform: translateY(-20vw); -o-transform: translateY(-20vw); }

.idxAppItem{display: grid; grid-gap: .2rem; grid-template-columns: repeat(3,1fr);}
.idxAppItem .item{min-width:0}
.idxAppItem .item .img{ width: 100%; aspect-ratio: 1 / .44;}

.idxAbout .cont1{  background:linear-gradient(to bottom,rgba(1,71,157,.2),transparent);  height: 90vh; position: sticky; left: 0; top: 0; z-index: -1;}
canvas.webgl {
  display: block;
  background: transparent;
}
.idxAbout .cont1 .titEn{ font-size: 1.6rem; -webkit-text-stroke: 1px rgba(1,71,157,.2);text-stroke: 1px rgba(1,71,157,.2);}
.idxAboutScoll{ width: 2rem;}
.idxAbout .cont2{ background: url(../images/idxAboutBg.png) no-repeat center top / 100% auto #fff;}
.idxAboutImg{ position: absolute; width: 52%; right: 0; top: 0;}
.w54{ width: 54%;}
.color-c0{ color: #c0c0c0;}
.lineFn {
  --go: 0;
  position: absolute;
  left:0; top: 0; 
  /* 关键：双颜色渐变，由--go分割 */
  background: linear-gradient(90deg, #000 calc(var(--go)*100%), transparent calc(var(--go)*100%));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
/* .lineFn.color-color{ background: linear-gradient(90deg, var(--color) calc(var(--go)*100%), transparent calc(var(--go)*100%)); -webkit-background-clip: text;
  background-clip: text;
  color: transparent;}
   */

.idxAboutSwiperLeft{ width: 39.5vw;height: 28vw;   background: url(../images/idxAboutSwiperLeftBg.jpg) no-repeat center center / cover; border-top-right-radius: .2rem; border-bottom-right-radius: .2rem;}
.idxAboutSwiperRight{ width:60.5vw; padding-left: 25px;}

.idxAboutSwiper .swiper-slide{  }
.idxAboutSwiper .swiper-slide::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:linear-gradient(to top,rgba(1,71,157,.8),transparent);}
.idxAboutSwiper .swiper-slide .img{ height: 28vw;}
.idxAboutSwiper .swiper-slide .text{ position: absolute; left: 0; bottom: 0; z-index: 5;}
.idxAboutSwiper .swiper-slide .text .desc{ display: none;}
.idxAboutSwiper .swiper-slide-active .text .desc{ display: block;}

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

.idxNewItem{ width: 100%; aspect-ratio: 1 / .65;}
.idxNewItem:hover .more{ background: var(--color); color: #fff; padding-left: 15px; padding-right: 15px;}

footer{ border-top: .1rem solid var(--color);}
footer::after{ display: block; content: ''; width: 30%; height: .1rem; position: absolute; right: 0; top: -.1rem; background:var(--red) }

.ewmBox .img{ background: url(../images/ewmBg.png) no-repeat center center / 100% 100%; width: 6.5vw; max-width: 125px; min-width: 88px;}
footer .top .line{ background: #f0f0f0; width: 1px;}
.footNav{ width: 58%;}
.footNav{ display: grid; grid-gap: .4rem 0; grid-template-columns: repeat(4,1fr);}


.neiBanImg{ min-height: 260px; max-height: 100vh; width: 100%; object-fit: cover;}
.neiBan .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%); }
.neiBan .text .tit{ margin-top: -1.5em;}
.neiBan .text-miao{  -webkit-text-stroke: 1px rgba(255,255,255,.2);text-stroke: 1px rgba(255,255,255,.2);color: transparent;}


.aboutTitle::after{ display: block; content: ''; width: .04rem; height: 100%; position: absolute; left: 0; top: 0; background:var(--color) } 
.biref{ background: url(../images/birefBg.jpg) no-repeat center center / cover;}
.aboutNeiLogo{-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-repeat:no-repeat;   -webkit-mask-size: auto 90%;mask-size: auto 90%;
	mask-repeat:no-repeat;-webkit-mask-position:center center; width:100%;height:35vh;z-index:10;}
.birefImg{ position: absolute; left: 0; bottom: 0;}
.culture{  height: 95vh;}
.culture .aboutTitle::after{ background: #fff;}

.quality{ background: url(../images/qualityBg.jpg) no-repeat center bottom / 100% auto #fff;}
.qualityUl li{ width: 12%; height: 7rem;}
.qualityUl li.on{ width: 74.8%; box-shadow: 0 0 .15rem rgba(0, 0, 0, .15);}
.qualityUl li .left{ background: url(../images/qualityItemBg.jpg) no-repeat center center / cover; animation: leftFloat .36s; -webkit-animation: leftFloat .36s; }
.qualityUl li .left .num{ width: 100%; aspect-ratio: 1 / 1;}
.qualityUl li .left .title{ margin-top: 1.5rem; writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; -ms-writing-mode: vertical-rl; }
.qualityUl li .right .gitIcon{ position: absolute;   bottom: 0; height: 68%; left: -13%;}
.qualityUl li .right .img{ width: 100%; aspect-ratio: 1 / .54;}
.qualityUl li .right .desc{ height: 10em;}
.numIcon{  width:1.5rem; height: 1.5rem; position: absolute; bottom: -.3rem; right: .2rem; z-index: 10;}
.numIcon::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/numIconBg.png) no-repeat center center; background-size: 100% 100%; animation: rotate 10s linear infinite; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; -webkit-animation: rotate 10s linear infinite; }

.qualityUl li .right{  display: none;  }
.qualityUl li.on .left{  display: none;  }
.qualityUl li.on .right{  display: flex;  }

/* .sunNav{ position: sticky; left: 0; width: 100%; top: var(--top); z-index: 99; background: #fff;} */
.sunNav a{ height: var(--top);}
.sunNav li.on a::after{ display: block; content: ''; width: 100%; height: 3px; position: absolute; left: 0;bottom: -2px;  background:var(--color) }
.sunNav li:last-child{ margin-right: 0;}
.sunNav li.on a{ color: var(--color);}

.proBg{ background: url(../images/proBg.jpg) no-repeat center center / 100% auto;}
.prolist{ display: grid; grid-gap: .55rem .18rem; grid-template-columns: repeat(4,1fr);}

.proNav { position: absolute; left: .3rem; top: 1rem;  height:90%; z-index: 10;}
.proNav .btn{ position: sticky;/* top: calc((var(--top) * 2) + .12rem); */ top: calc(var(--top) + .12rem);
  left: 0; writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; -ms-writing-mode: vertical-rl;    letter-spacing: .5em; }
.proNav .btn .iconfont{ font-size: .12rem; position: absolute; top: 50%; transform: translateY(-50%) ; z-index: 10; right: -.07rem; -webkit-transform: translateY(-50%) ; -moz-transform: translateY(-50%) ; -ms-transform: translateY(-50%) ; -o-transform: translateY(-50%) ; }
.proNavRight{ position: absolute; top: 50%; width: .12rem; transform: translateY(-50%) ; right: -.11rem; -webkit-transform: translateY(-50%) ; -moz-transform: translateY(-50%) ; -ms-transform: translateY(-50%) ; -o-transform: translateY(-50%) ; }

.proinfoTop{ background: url(../images/proinfoBg.jpg) no-repeat center center / cover;}
.location .icon-youjiantou1{ transform: scale(.8); display: inline-block; -webkit-transform: scale(.8); -moz-transform: scale(.8); -ms-transform: scale(.8); -o-transform: scale(.8); }
.w52{ width: 52%;}

.proinfoTop .img{ width: 100%; aspect-ratio: 1 / .89; background: url(../images/infoBg.jpg) no-repeat center center / 100% 100%;}
.proinfoTop .img .gigt{ position: absolute; right:-10%; bottom: 0; height: 46%;}
.proinfoTop   .title::after{ display: block; content: ''; width: 2em;; height: 3px; position: absolute; left: 0; bottom: -1px; background:var(--color) }
.proinfoTop .text .desc{ height: 15em;}

.proinfoBot{ background: url(../images/proinfoBotBg.png) no-repeat center top / 100% auto;}

.parameter table tr td{ padding: 1.5em; line-height: 2;}
.parameter table tr:first-child td{  background: var(--color); color: #fff;}
.parameter table tr:nth-child(2n + 3) td{  background: #e7ecf3;}

.proInfoSmall{ height: 4.7rem; background: url(../images/proInfoSmallBg.jpg) no-repeat center center / cover; background-attachment: fixed;}
.proInfoSmall::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:rgba(0,0,0,.36) }

.bg-f2{ background: #f2f5f9;}
.applicationUl li:first-child{ margin-top: 0;}
.applicationUl li::after{ display: block; content: ''; width: 92%; height: 100%; position: absolute; left: 0; top: 0; background:#fff  ; border-radius: .2rem; -webkit-border-radius: .2rem; -moz-border-radius: .2rem; -ms-border-radius: .2rem; -o-border-radius: .2rem; }
.applicationUl li:nth-child(2n-1){ padding-right: 0;}
.applicationUl li .img{ width: 100%; aspect-ratio: 1 / .6 ;}
.applicationUl li .more::after{ display: block; content: ''; width: 0; transition: all .36s; height: 100%; 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; }
.applicationUl li .more:hover::after{ width: 100%; }
.applicationUl li .more:hover{ color: #fff;}
.applicationUl li:nth-child(2n){ flex-direction: row-reverse;}

.applicationUl li:nth-child(2n)::after{ left: auto; right: 0;}
.applicationUl li:nth-child(2n){   padding-left: 0;}

.appInfoTop{ margin-top: -2.5rem;}
.appInfoTop .img{ width: 100%; aspect-ratio: 1 / .6 ;}
.appInfoTitle .line{ width: .07rem;}

.SupportUl{ display: grid; grid-gap: .55rem .2rem; grid-template-columns: repeat(3,1fr);}
 
.SupportUl li::before{ display: block; content: ''; width:100%; height: .07rem; z-index: 1; position: absolute; right: 0; top:0; background:var(--color) }
.SupportUl li::after{ display: block; content: ''; width:22%; height: .07rem; z-index: 5; position: absolute; right: 0; top: 0; background:var(--red) }
.SupportUl li .desc{  height: 5em;}
.SupportUl li:hover{ box-shadow: 0 0 .15rem rgba(0, 0, 0, .15);}
.SupportUl li:hover .more{ background: var(--color); padding-left: .15rem; padding-right: .15rem; color: #fff;}

.QuestionBg{ background: url(../images/QuestionBg.png) no-repeat left bottom / 55% auto #f7faff;}
.faqList li:first-child{ margin-top: 0;}
.faqList li .round{ width: .45rem; height: .45rem;}
.faqList li .bottom{ display: none;}
.faqList li.on .icon-add-circle:before { content: "\e679";}

.questionLeft .title{ position: sticky; left: 0; top: calc(var(--top) + .1rem);}

.downBg{ background: url(../images/downBg.jpg) no-repeat  center top / 100% auto  ;}
.downContent{ background: #f3f9fc;}
.w32-6{ width: 32.6%;}
.w64{ width: 64%;}.w36{ width: 36%;}
.downSearch{ background: url(../images/searchbig.png) no-repeat left .2rem center / auto 28% #fff;}

.downContent{ box-shadow:  .05rem 0 .5rem rgba(0, 112, 192, .08);}
.downNav a{ height: var(--top);}


.fileIcon{ width: .4rem;}
.downList li:last-child{ margin-bottom: 0;}

.newslist{ display: grid; grid-gap: .65rem; grid-template-columns: repeat(3,1fr);}
.newsItem .img{ aspect-ratio:  1 / .65;}
.newsItem:hover .more{ background: var(--color); color: #fff; padding-left: .15rem ; padding-right: .15rem;}

.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: calc(var(--top) + .1rem);}
.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;}
.Philosophy{ background: url(../images/PhilosophyBg.jpg) no-repeat center center / cover;}

.jobList li .close{ display: none;}
.jobList li .bottom{ display: none;}

.jobList li.on .close{ display: flex;}
.jobList li.on .open{ display: none;}

.contactType{ background: url(../images/contactTypeBg.jpg) no-repeat top center / cover;}
.contactTypeUl{ display: grid; grid-gap: .15rem; grid-template-columns: repeat(3,1fr);}

.messages{ background: url(../images/messagesBg.jpg) no-repeat center center / cover;}
.customCheckbox .checkbox-circle{ width: 1.2em; height: 1.2em; border: 1px solid #333;   }
.customCheckbox input[type="checkbox"]:checked + .checkbox-circle{ background: var(--red);}
.customCheckbox input[type="radio"]:checked + .checkbox-circle{ background: url(../images/checked.png) no-repeat center center / 100% 100%; border-color: #d70c1f;} 
/* .customCheckbox + .customCheckbox{ margin-left: 50px;} */

.customCheckbox:last-child{ margin-bottom: 0;}
.searchlist{ display: grid; grid-gap: .5rem; grid-template-columns: repeat(3,1fr);}


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