/* html { font-size: 10px;  text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
body{font-size: .16rem; overflow-x: hidden; --top:.9rem}  */

body{font-size: .83333vw; overflow-x: hidden; --top:.9rem} 
@media (max-width:1920px) and (min-width:551px) { body {font-size: calc(12px + .20833vw) }}
@media (max-width:550px) { body {font-size: 13.14583px }}

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

.idxBanImg{ width: 100%; max-height: calc(100vh - var(--top)); object-fit: cover; min-height: 360px; object-fit: cover;}
.idxBan .text{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 10; }

.commonBtn {width: auto;  white-space: nowrap;line-height:.56rem;text-align: center; display: inline-block;perspective: 500;-webkit-perspective: 500;    }    
.commonBtn .w {position: relative;-webkit-transition: all 0.25s;-o-transition: all 0.25s;transition: all 0.25s;-webkit-transform-style: preserve-3d; transform-style: preserve-3d;pointer-events: none;    }    
.commonBtn .t {position: absolute; width: 100%;height: 100%;left: 0; top: -.56rem;-webkit-transform-origin: center bottom;	-ms-transform-origin: center bottom;		transform-origin: center bottom;-webkit-transform: rotateX(90deg);		transform: rotateX(90deg);-webkit-backface-visibility: hidden;		backface-visibility: hidden;    }
.commonBtn:hover .w { transform: translateY(.28rem) translateZ(-.28rem) rotate3d(1, 0, 0, -90deg); -webkit-transform: translateY(.28rem) translateZ(-.28rem) rotate3d(1, 0, 0, -90deg); -moz-transform: translateY(.28rem) translateZ(-.28rem) rotate3d(1, 0, 0, -90deg); -ms-transform: translateY(.28rem) translateZ(-.28rem) rotate3d(1, 0, 0, -90deg); -o-transform: translateY(.28rem) translateZ(-.28rem) rotate3d(1, 0, 0, -90deg); }
.commonBtn:hover{ box-shadow: 0 0 15px rgba(0, 0, 0, .15);}

.idxBan .pagination{ position: absolute; bottom: .5rem; left: 0; z-index: 10;left: 50%; transform: translateX(-50%);}
.idxBan .pagination .swiper-pagination-bullet{ width: .5rem; transition: all .36s; height: .03rem; background: #fff; opacity: .5; border-radius: 0; margin: 0 .05rem;}
.idxBan .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 1rem; background: var(--color); opacity: 1;}

.idxPro{ background: url(../images/idxProBg.jpg) no-repeat center center / cover;}
.idxProTab li.on{ background: var(--color); color: #fff;}

.swiTabCon .slide-c .swiper-slide::after{ display: block; content: ''; width: 100%; height: 90%; border-radius: 1vw; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background:#fff ; 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: 1vw; -moz-border-radius: 1vw; -ms-border-radius: 1vw; -o-border-radius: 1vw; }
.swiTabCon .slide-c .swiper-slide .img{ width: 100%; height: 0; padding-bottom: 60%;}
.swiTabCon .slide-c .swiper-slide:hover::after{ height: 100%; background: var(--color);}
.swiTabCon .slide-c .swiper-slide:hover{ color: #fff;}

.w67{ width: 67%;}
.idxAboutSwiper .img{ width: 100%;  aspect-ratio: 1323/1871;}
.idxSetUl{ display: grid; grid-gap: .3rem; grid-template-columns: repeat(3,1fr);}
.idxSetUl li .img{ width: 100%; aspect-ratio: 1 / .6;}

.idxPartner .x-li{ width: 15.6vw; border-color: #e7e7e7;}
.newItem .img{width: 100%; aspect-ratio: 49 / 32;}
.newItem:hover .more{ background: var(--color); color: #fff; padding-left: 15px; padding-right: 15px;}

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

footer{ background: url(../images/footerBg.png) no-repeat center top #1f1f1f; background-size: 80% auto; color: #fff;}
footer a:hover{ color: rgba(255, 255, 255, .8);}

.ewxBox .img{ width: 132px; background: url(../images/ewmBg.png) no-repeat center center / 100% 100%; width: 132px; padding: 10px;}

.neiBanImg{ max-height: 80vh; object-fit: cover; width: 100%; min-height: 260px;}
/* .neiBan::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:rgba(0,64,152,.25) } */
.neiBan .text{ z-index: 10; 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%); }

/* .brief{ background: url(../images/briefBg.jpg) no-repeat right bottom; background-size: auto 86%;} */
.sinceText{ font-size:9.3vw;}
.cultureUl{ background: url(../images/culture.jpg) no-repeat center center;  background-size: cover; background-attachment: fixed; height: 76vh;}
.cultureUl .line{ width: 1px; height: .6rem; background: rgba(255, 255, 255, .5);} 
.cultureUl li:hover{ padding-bottom: 5%;} 
.cultureUl li{ border-right: 1px solid rgba(255, 255, 255, .15); padding-left: 20px; padding-right: 20px;}

.cultureIcon{ height: .75rem;}

.history{ background: url(../images/historyBg.jpg) no-repeat center center; background-size: cover;}
.historySwiper .swiper-slide .years{ height: 1.6rem;}
.historySwiper .round{ width: .18rem; height: .18rem; border: .03rem solid #e5e5e5;}
.historyCon::after{ display: block; content: '' ; width: 100%; top: 1.7rem; height: 2px; left: 0; background: #dcdcdc; position: absolute;}
.historySwiper .swiper-slide.swiper-slide-active .years{ color: var(--color);}
.historySwiper .swiper-slide.swiper-slide-active .round{ border-color: var(--color);}
.historySwiper .swiper-slide::after{ display: block; content: '' ; width: 0; transition: all .36s; top:  1.7rem; height: 2px; left: 0; background-image: linear-gradient(to right,rgba(9, 97, 187, .2),var(--color),rgba(9, 97, 187, .2)); position: absolute; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.historySwiper .swiper-slide.swiper-slide-active::after{ width: 100%;}


.honor{ background: url(../images/honorBg.png) no-repeat center bottom #ecf2f7;  background-size: 100% auto;}
.honorSwiper .img{ width: 100%; padding-bottom: 120%;}
.honorIcon{filter: grayscale(100%); opacity: .5; display: inline-block;}
.honorSwiper .swiper-slide:hover  .honorIcon{ filter: none; opacity: 1; -webkit-filter: none; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
.honor .prev,.honor .next,.team .prev,.team .next{ 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%); }
.honor .prev  { left: -.7rem;}
.honor .next { right: -.7rem;}
.honor .prev:hover,.honor .next:hover,.team .prev:hover,.team .next:hover{ background: var(--color); color: #fff;}


.industrySub a{ flex: 1; height: var(--top);}
.industrySub a.on{ background: var(--color); color: #fff;}

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

.prodetailImg{ width: 100%; aspect-ratio: 1 / .76;}

.newsSwiper .swiper-slide .img{width: 100%; aspect-ratio:1 / .56;}
.newslist li .text{ width: 84%;}.newslist li .icon{ height: .4rem;}
.newslist li .icon02{ display: none;}
.newslist li:hover .more{  background: var(--color); color: #fff;}
.newslist li:hover .icon01{ display: none;}
.newslist li  .tit a{
  /*text-decoration: underline;
  */background-image: linear-gradient(currentColor 0, currentColor 0);
  background-image: linear-gradient(currentColor 0 0);
  background-position: 0 calc(100% - 1px);
  background-size: 0 1px;
  background-repeat: no-repeat;
  transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
  -webkit-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
  -moz-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
  -ms-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
  -o-transition: 400ms cubic-bezier(0.645, 0.045, 0.355, 1), background-position 0s 400ms cubic-bezier(0.645, 0.045, 0.355, 1), color 0ms;
}
.newslist li .tit:hover a{  background-position: 100% calc(100% - 1px);  background-size: 100% 1px}
.newsTop .pagination{ width: 58%; position: absolute; right: 0; bottom: .15rem; z-index: 15;}
.newsTop .pagination .swiper-pagination-bullet{ width: .13rem; height: .13rem; background: #bdc0c5; opacity: 1; margin: 0 .05rem;}
.newsTop .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: var(--color);}


.idxNewsMore{ border: 1px solid var(--color); height: .42rem; }
.idxNewsMore::after{ display: block; content: ''; width: 0; height: 100%; position: absolute; transition: all .36s; border-radius:  ; left: 0; top: 0; background:linear-gradient(to right, var(--red), var(--color)); -webkit-border-radius:; -moz-border-radius:; -ms-border-radius:; -o-border-radius:; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.idxNewsMore:hover{ border-color: var(--color); color: #fff;}
.idxNewsMore:hover::after{ width: 100%;}
.idxNewsMore:hover .iconfont{ transform: translateX(3px); -webkit-transform: translateX(3px); -moz-transform: translateX(3px); -ms-transform: translateX(3px); -o-transform: translateX(3px); }

.photoList{ display: grid; grid-gap: .5rem; grid-template-columns: repeat(3,1fr);}
.photoList li .img{ width: 100% ; aspect-ratio: 1 / .7;}

.contactStyle{ background: #f4f5f6;}
/* .contactStyle li { width: calc(100% / 3);} */
.contactStyle li:last-child{ border-right: none;}
.contactEwm{ width: 135px;}
.mapBox{ width: 100%; height: 60vh;  ;}

.titLine{ width: 1em; height: 5px;}
.PalmImg{ border-radius: 0 20px 20px   0; -webkit-border-radius: 0 20px 20px   0; -moz-border-radius: 0 20px 20px   0; -ms-border-radius: 0 20px 20px   0; -o-border-radius: 0 20px 20px   0; }

.mission{ background: url(../images/missionBg.jpg) no-repeat center center; background-attachment: fixed; background-size: cover;}
.mission p{ min-width: 50%;}
#pagesize { margin-top: 25px;}
#pagesize:after {content: "";display: block;clear: both;width: 100%;height: 0;line-height: 0;font-size: 0;}
#pagesize ul{    display: flex;align-items: center;justify-content: center;}
.text-pretty{text-wrap: pretty;}
.marquee {
  overflow: hidden;
  

}
.marquee .track {
  display: flex;
  width: max-content;
  will-change: transform;
  animation-name: scroll-left;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  /* animation-duration 由 JS 根据 data-duration 注入 */
}

@keyframes scroll-left {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }   /* 轨道正好是两份内容，移一半即无缝 */
}
.marquee:hover .track {
  animation-play-state: paused;
}
.card {
  flex: 0 0 auto;
  width: 15vw;
  /* height: 21.2vw; */
  margin-right: 1.5vw;                 /* 用 margin 而非 gap，保证 -50% 精确对齐 */
  
  box-shadow: 0 1px 2px rgba(20, 40, 80, .04);
  
  
  transition: box-shadow .25s ease, transform .25s ease;
}