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

.infoInner{width:64vw ; margin: 0 auto; }

/*  

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

.zwp{ margin-top: calc(-1 * (var(--top) + .8rem)); padding-top: calc(var(--top) + .8rem);}

 
header{ position: fixed; left: 0; top: 0; width: 100%;  color: #fff; background: rgba(255,255, 255, .1); backdrop-filter: blur(10px);  z-index: 100;}
header .con{ width: 86vw;   margin: 0 auto; }

/*    */
header .icon02{ display: none;}

/* 
header::before{ display: block;  content: ''; width: 100%; height: 0; position: absolute; right: 0; top: 0; background: #fff;  transition:all .5s ; -webkit-transition:all .5s ; -moz-transition:all .5s ; -ms-transition:all .5s ; -o-transition:all .5s ; }
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; background: #fff;}
header.scroll  .icon01,header:hover .icon01{ display: none;}
header.scroll  .icon02,header:hover .icon02{ display: block;}
header.scroll  .border-white4,header:hover .border-white4{  border-color: #e5e5e5;}

.logoImg{ height: .3rem;}
.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%); }
 
.lanBtn dl{ line-height: 40px; position:absolute;text-align: center;  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%); }

.footContact{max-width: 2.3rem;}

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

 

.z_page_swiper{ height: 100vh;overflow: hidden;}
.z_slide{ overflow: hidden;}
.footer {height: auto;overflow: initial;}
.z_kdc_bar{ position: fixed; z-index: 100; left: .4rem !important; right: auto !important; top: 50%; transform:translateY(-50%) ; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ; 
}
.z_kdc_bar .swiper-pagination-bullet{ width: 14px; height: 14px; margin: 10px 0 !important; opacity: 1; transform: scale(0.8); transition: all .2s; background-color: rgba(0, 0, 0, .1); border: 3px solid transparent; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; }
.z_kdc_bar .swiper-pagination-bullet.swiper-pagination-bullet-active{ border: 3px solid #ddd; background-color: transparent; opacity: 1; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); }
 


.idxBanImg{ width: 100%; height: 100vh; object-fit: cover; min-height: 460px;}
.idxBan .swiper-slide::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:rgba(0,0,0,.2) }
.idxBan .swiper-slide .text{ position: absolute; z-index: 10; left: 50%; top: 40%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
.idxBan .swiper-slide .text .more::after{ transition: all .36s; display: block; content: ''; width: 0; 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; }
/* .idxBan .swiper-slide .text .more:hover .iconfont{ transform: translateX(8px); -webkit-transform: translateX(8px); -moz-transform: translateX(8px); -ms-transform: translateX(8px); -o-transform: translateX(8px); } */
.idxBan .swiper-slide .text .more:hover::after{ width: 100%;}

.idxNum{ background: rgba(255,255, 255, .1); backdrop-filter: blur(10px); position: absolute; z-index: 10; left: 50%; transform: translateX(-50%); bottom: .8rem; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.idxNum li::after{ display: block; content: ''; width: 1px; height:20%; position: absolute; left: 0; top: 40%;background: rgba(255, 255, 255, .4); }
.idxNum li:first-child::after{  display: none;}

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

.idxPaddintTop{padding-top: var(--top);}

.idxMore{ border-bottom: 2px solid #e0e0e0;}
.idxMore::after{ display: block; content: ''; width: 2em; height:2px; position: absolute; left: 0; bottom: -2px; background:var(--color) ; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.idxMore:hover::after{ width: 100%;}
.idxMore:hover{ color: var(--color);}

.idxProUl01{ display: grid; grid-gap: .3rem; grid-template-columns: repeat(2,1fr);}
.idxProItem{ background: url(../images/idxProItemBg.jpg) no-repeat center center / cover;}
.idxProItem .img{ aspect-ratio: 1 / .78;}
.idxProMore{ border: 1px solid #eeeeee; height: .4rem; padding-right: .05rem; }
.idxProMore .round{ width: .3rem; height: .3rem;}
.idxProMore .round .iconfont{ transform: scale(.8); -webkit-transform: scale(.8); -moz-transform: scale(.8); -ms-transform: scale(.8); -o-transform: scale(.8); }
.idxProMore::after{ display: block; content: ''; width: .3rem; height: .3rem; position: absolute; right: .05rem; top: .05rem; background:var(--color) ; border-radius: 40px; transition: all .36s; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; } 
.idxProMore:hover::after{ width: 100%; height: 100%; right: 0; top: 0;}
.idxProMore:hover{ color: #fff;}
.idxProUl02{ display: grid; grid-gap: .3rem; grid-template-columns: repeat(3,1fr);}
.idxProUl02 .idxProItem .img{ aspect-ratio: 1 / .9;}
.idxProItem h1 a:hover{ color: var(--color);}

.idxSolution::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background:rgba(0,0,0,.35) }
.idxSolutionFloat{ position: absolute; right: 0; top: 55%; z-index: 5;}
.idxSolutionFloat .swiper-container .swiper-slide{ aspect-ratio: 1 / 1.4;}
.idxSolutionFloat .swiper-container .swiper-slide .text{ height: 30%; width: 100% ;z-index: 5; position: absolute; left: 0; bottom: 0;background:linear-gradient(to top,rgba(0,0,0,1),transparent);}
.idxSolutionFloat button:hover{ background: var(--color); color: #fff;}
.idxSolutionFloat .line{ width: calc(100% - 1.5rem); height: 1px;}

.idxSolutionImg img{ display: none; animation: scaleIn 2s forwards cubic-bezier(0.4, 0, 0.49, 0.93); -webkit-animation: scaleIn 2s forwards cubic-bezier(0.4, 0, 0.49, 0.93); }
.idxSolutionImg img.on{ display: block;}

.idxSolutionText{position: absolute; left: 0; top: 55%; z-index: 5; }
.idxSolutionMore::after{ transition: all .36s; display: block; content: ''; width: 0; 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; }
/* .idxSolutionMore:hover{ letter-spacing: .2em;} */
.idxSolutionMore:hover::after{ width: 100%;}

.idxSolutionText li{ display: none; animation: topFloat 1s; -webkit-animation: topFloat 1s; }
.idxSolutionText li.on{ display: block;}

.idxSolution .idxTit{ position: absolute; left: 0; top: 1.8rem; z-index: 10;}

/* 开始 */
.idxCase{background: url(../images/idxProBg.jpg) no-repeat center center / cover; }
.idxCase .carousel-container { position: relative; width: 100%; height: auto; display: flex; align-items: center; justify-content: center;  } 
 
.idxCase .carousel-track { position: relative; width:46vw; height:27vw;  } 
.idxCase .slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: .15rem; overflow: hidden;   transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94),             opacity 0.6s ease,             filter 0.6s ease,             box-shadow 0.6s ease; transform-origin: center center; will-change: transform, opacity; background: #1a1a2e; -webkit-border-radius: .15rem; -moz-border-radius: .15rem; -ms-border-radius: .15rem; -o-border-radius: .15rem; } 
.idxCase .slide img { width: 100%; height: 100%; object-fit: cover; display: block; pointer-events: none;  } 
.idxCase .slide.active { transform: translateX(0) scale(1); z-index: 10; opacity: 1; filter: brightness(1) saturate(1); box-shadow:   0 25px 65px -8px rgba(0,0,0,0.28),   0 10px 25px -5px rgba(0,0,0,0.12);  } 
.idxCase .slide.prev { transform: translateX(-50%) scale(0.7); z-index: 5; opacity: 0.92; filter: brightness(0.78) saturate(0.85); box-shadow: 0 15px 40px -8px rgba(0,0,0,0.18);  } 
.idxCase .slide.next { transform: translateX(50%) scale(0.7); z-index: 5; opacity: 0.92; filter: brightness(0.78) saturate(0.85); box-shadow: 0 15px 40px -8px rgba(0,0,0,0.18);  } 
.idxCase .slide.far-prev { transform: translateX(-75%) scale(0.72); z-index: 1; opacity: 0; filter: brightness(0.5); pointer-events: none; -webkit-transform: translateX(-75%) scale(0.72); -moz-transform: translateX(-75%) scale(0.72); -ms-transform: translateX(-75%) scale(0.72); -o-transform: translateX(-75%) scale(0.72); } 
.idxCase .slide.far-next { transform: translateX(75%) scale(0.72); z-index: 1; opacity: 0; filter: brightness(0.5); pointer-events: none;  } 
.idxCase .slide-overlay { position: absolute; bottom: 0; left: 0; right: 0;   background: linear-gradient(to top, rgba(0,0,0,0.82) 0%, rgba(0,0,0,0.3) 65%, transparent 100%); display: flex; align-items: flex-end; justify-content: space-between; opacity: 0; transform: translateY(15px); transition: opacity 0.5s ease 0.3s, transform 0.5s ease 0.3s;  } 
.idxCase .slide.active .slide-overlay { opacity: 1; transform: translateY(0);  } 
.idxCase .slide-overlay-left {    } 
.idxCase .nav-btn { position: absolute; top: 50%; transform: translateY(-50%);   cursor: pointer; z-index: 20;  transition: background 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; box-shadow: 0 6px 20px rgba(74,124,89,0.35);  } 
.idxCase .nav-btn:hover {  transform: translateY(-50%) scale(1.08);    } 
.idxCase .nav-btn:active { transform: translateY(-50%) scale(0.95);  } 
.idxCase .nav-prev { left: -.7rem; } 
.idxCase .nav-next { right: -.7rem; } 
.idxCase .pagination { position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); display: flex; gap: 4px; z-index: 100;  } 
.idxCase .dot { width: 6px; height: 6px; border-radius: 50%; background: #c5c5c5; cursor: pointer; transition: all 0.3s ease;  } 
.idxCase .dot.active { width: 18px; border-radius: 4px; background: #4a7c59;  } 
.idxCase .footer-desc {  text-align: center; max-width: 8rem; z-index: 100; height: auto;  } 
.idxCase .footer-desc p {     opacity: 0; transform: translateY(10px); transition: opacity 0.5s ease 0.3s, transform 0.5s ease 0.3s;  } 
.idxCase .footer-desc p.show { opacity: 1; transform: translateY(0);  } 
/* 借宿 */

/* 
.idxCaseSwiper .swiper-slide{ transform: scale(.8); -webkit-transform: scale(.6); -moz-transform: scale(.6); -ms-transform: scale(.6); -o-transform: scale(.6); }
                        .idxCaseSwiper .swiper-slide-active{ z-index: 10; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
                        .idxCaseSwiper .swiper-slide .img .flaot{ position: absolute; z-index: 5; background:linear-gradient(to top,rgba(0,0,0,.6),transparent); bottom: 0; left: 0;}
                        .idxCaseSwiper .swiper-slide-prev{}
.idxCaseSwiper .swiper-slide .img{ aspect-ratio: 1 / .5;}
.idxCase .pagination{ width: 100%; position: relative ; left: auto; right: auto; top: auto; bottom: auto; height: .04rem; background: #e9f6eb;} */
 
.idxSystem{ background: url(../images/idxSystemBg.jpg) no-repeat center center / cover;}
.idxSystemUl{display: grid; grid-gap: .28rem; grid-template-columns: repeat(4,1fr);}
.idxSystemUl li { background: rgba(255, 255, 255, .1);   backdrop-filter: blur(10px);}
.idxSystemUl li:hover{ background: rgba(255, 255, 255, .2); box-shadow: 0 0 .15rem rgba(255, 255, 255, .25); transform: translateY(-.5vw); -webkit-transform: translateY(-.5vw); -moz-transform: translateY(-.5vw); -ms-transform: translateY(-.5vw); -o-transform: translateY(-.5vw); }

.idxContact{ background: url(../images/idxContactBg.jpg) no-repeat center center / cover;}
.idxContact .tip{ position: absolute; top: 50%; margin-top: -.5em; left: .2rem;  }
.idxContact .textarea .tip{ position: absolute; top: 0; margin-top: .25rem; left: .2rem;  }
.idxContactLeft{ background: url(../images/idxContactLeftBg.jpg) no-repeat center center / cover;}

.radio-th input[type="checkbox"] {appearance: none; /*清楚默认样式*/-webkit-appearance: none;/* opacity: 0; */outline: none;position: absolute;z-index: 2;width: 100%;height: 100%;top: 0;left: 0;
}
/* .radio-th label  img{ width: 40px; } */

.radio-th .roud{  width: .2rem; height: .2rem;  ;}
.radio-th input[type="checkbox"]:checked {opacity: 0;}
.radio-th input[type="checkbox"]:checked + label .roud{ background: url(../images/agree.png) no-repeat center center / 100% 100% ;   } 
.radio-th input[type="checkbox"]:checked + label {   } 

.w42{ width: 42%;} .w53{ width: 53%;}

footer{  background: url(../images/foorBg.jpg) no-repeat center center / cover; color: rgba(255, 255, 255, .4);}
.footNav{ width: 68%;}
.footEwm{ max-width: 1.1rem; width: 7.5vw; min-width: 90px;}
.outLink li .outLinkIcon{ max-width:40%;}
.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;}
footer .bottom{ border-top-color: rgba(255, 255, 255, .1);}
.outLink li:last-child{ margin-right: 0;}
.idxContactLeft .icon{ height: 1.5em;}

.location .icon-youjiantou1{ transform: scale(.65); -webkit-transform: scale(.65); -moz-transform: scale(.65); -ms-transform: scale(.65); -o-transform: scale(.65); }
.proLeft{ width: 2.4rem;}
.proRight{ width: calc(100% - 2.8rem);}
.proSearch .keys{ width: 2.7rem;}
.proNav{ position: sticky; top: calc(var(--top) + .1rem); left: 0;}
.proNav li .icon-arrow-right2-copy{ transform: scale(.75); -webkit-transform: scale(.75); -moz-transform: scale(.75); -ms-transform: scale(.75); -o-transform: scale(.75); }
.proNav li  .firstNav a:hover,.proNav li.on  .firstNav a{ padding-left: .15rem; color: var(--color); }
.proNav li .firstNav::after{ display: block; content: ''; width: 0; opacity: 0; height: 100%; position: absolute; left: 0; top: 0; background:#eeeeee ; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.proNav li + li{ margin-top: .2rem;}
.proNav li.on .firstNav::after{ width: 100%; opacity: 1;}
.proNav li.on .firstNav .icon-arrow-right2-copy{ transform: rotate(90deg); width: 1.6em; height: 1.6em; background: var(--color); color: #fff; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); }

.proNav li  .sendNav{ display: none;}



.prolist{ display: grid; grid-gap: .3rem; grid-template-columns: repeat(3,1fr);}
.prolist li .img{ aspect-ratio: 1 / .78;}
.prolist li .text .more{ width: .3rem; height: .3rem;  }
.prolist li .text .more::after{ display: block; content: ''; width: 100%; border-radius: 50%; height: 100%; position: absolute; left: 0; top: 0; background:var(--color) ; transform: scale(0); transition: all .36s; -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); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.prolist li:hover .text .more::after{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
.prolist li:hover .text .more{ color: #fff;}
.prolist li:hover .text  .tit{ color: var(--color);}
.prolist li:hover { box-shadow: 0 0 .15rem rgba(0, 0, 0, .1); transform: translateY(-.1rem); -webkit-transform: translateY(-.1rem); -moz-transform: translateY(-.1rem); -ms-transform: translateY(-.1rem); -o-transform: translateY(-.1rem); }

.neiBanImg{ width: 100%;}

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

.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.5rem; height: 1;}
.newsRightUl a .img img{ width: 100%; height: 100%; object-fit: cover;}
.newsRightUl a .text{ width: calc(100% - 1.65rem);}
.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); }




.w26{ width: 26%;}


.proNavBtn{  width: 34px; height: 34px;}
.proNavBtn.on{ background: var(--color); color: #fff; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); }

.proInfoTop .img{ width: 100%; aspect-ratio:  3 / 2;}

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

#xxcs table tr td{ border: 1px solid #fff; background: #f8f8f8; text-align: center; padding: 1em;}
#xxcs table tr td:nth-child(2n-1){ font-weight: bold; background: #eeeeee; white-space: nowrap;}
.xgalList li .img{ aspect-ratio: 1 / .6;}
 
.infoCon figure:last-child{ border-bottom: none;}
.contactType{ display: grid; grid-gap: .5rem; grid-template-columns: repeat(3,1fr);}

.faqIcon{ height: .44rem;}
.faqListIcon{ height: .24rem;}
.faqList li:last-child{ border-bottom: none;}
.faqList li .bottom{ display: none;}
.faqList li.on .top .icon-arrow-down-bold{ transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); }


.solutionList li{  padding-top: 1.6rem; }
.solutionList li .img{ aspect-ratio: 1 / .6;}
.solutionList li:first-child{ padding-top: 0;}

.solutionListMore{ border: 1px solid #eeeeee; height: .5rem; padding-right: .05rem; }
.solutionListMore .round{ width: .4rem; height: .4rem;}
.solutionListMore .round .iconfont{ transform: scale(.8); -webkit-transform: scale(.8); -moz-transform: scale(.8); -ms-transform: scale(.8); -o-transform: scale(.8); }
.solutionListMore::after{ display: block; content: ''; width: .4rem; height: .4rem; position: absolute; right: .05rem; top: .05rem; background:var(--color) ; border-radius: 40px; transition: all .36s; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; } 
.solutionListMore:hover::after{ width: 100%; height: 100%; right: 0; top: 0;}
.solutionListMore:hover{ color: #fff;}

.solutionSidebar{ position: absolute; left: 0; top: 0; height: 100%;}

.solutionNav{ position: sticky; left: 0; top: calc(var(--top) + .1rem);}
.solutionNav li i{ width: .1rem; height: .1rem; display: inline-block; margin-right: .17rem; border: 1px solid var(--color); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.solutionNav li.active i{ opacity: 1;}
.solutionNav li.active span{ color: var(--color) ; text-decoration: underline;}


.solutionList .line {position: absolute;left: 0;top:0;bottom: 0;width: 1px;background-color: transparent;z-index: 1;}
/* .solutionList .line:before {content: '';width: 13px;height: 13px;background-color: var(--color);border-radius: 50%;position: absolute;top: 0;left: -6px;} */
.solutionList .line span {width: 1px;background-color: var(--color);position: absolute;top: 0;left: 0;}

.neiBan  .top{ position: absolute; left: 50%; transform: translateX(-50%); z-index: 5; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.neiBan  .subTit{ 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%); }

/* .solutionIntroduction .img{  aspect-ratio: 1 / .53; } */
.solutionIntroduction .text{  width: 53%;}
.solutionIntroductionUl { gap:.25rem .6rem;}

.implementUl{ display: grid; grid-gap: .32rem; grid-template-columns: repeat(3,1fr);}
.implementUl li .img{  aspect-ratio: 1 / .7; }
.implementUl li .text{ position: absolute; left: 0; right: 0; bottom: -5vw; opacity: 0; z-index: 5; width: 100%; background: rgba(255, 255, 255, .8);}
.implementUl li:hover .text{ bottom: 0; opacity: 1;} 
.implementUl li:hover .tit2{opacity: 0;}

.coreValueUl{ display: grid; grid-gap: .25rem; grid-template-columns: repeat(1,1fr);}
.coreValueUl li:hover{ box-shadow: 0 0 .25rem rgba(0, 0, 0, .08);}

.xmanSwiper .swiper-slide .img{ aspect-ratio: 1 / .5;}
.caseNav a.active{ background: var(--color); color: #fff;}

.caselist{ display: grid; grid-gap: .35rem; grid-template-columns: repeat(3,1fr);}
.caselist  li .img{ aspect-ratio: 1 / .53;}
.caselist  li .img .tip{ position: absolute; left: .2rem; top: .2rem; z-index: 5;}
.caselist  li .icon-arrow-right-bold{ transform: scale(.8); -webkit-transform: scale(.8); -moz-transform: scale(.8); -ms-transform: scale(.8); -o-transform: scale(.8); }
.caselist  li:hover{ box-shadow: 0 0 15px rgba(0, 0, 0, .15);}

.caseinfoImg{ aspect-ratio: 1 / .9;}
.caseinfoTitle::after{ display: block; content: ''; width: 3.2em; height: 3px; position: absolute; left: 0; bottom: -1px; background:var(--color) }
.caseinfoTop{ padding-bottom: 1.5rem; }
.caseinfotTip{display: grid; grid-gap: .5rem; grid-template-columns: repeat(5,1fr); margin-top: -1.2rem;}
.caseinfoCon .title span::after{ display: block; content: ''; width: 100%; height: 3px; position: absolute; left: 0;  bottom: -1px; background:var(--color) }

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

.Technologylist a:hover{ box-shadow: 0 0 .15rem rgba(0, 0, 0, .1); transform: translateY(-.05rem); -webkit-transform: translateY(-.05rem); -moz-transform: translateY(-.05rem); -ms-transform: translateY(-.05rem); -o-transform: translateY(-.05rem); }

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

.Technologylist{ display: grid; grid-gap: .3rem; grid-template-columns: repeat(2,1fr);}
.Articlelist{ display: grid; grid-gap: .35rem; grid-template-columns: repeat(3,1fr);}
.Articlelist li .img{ aspect-ratio: 1 / .41;  background: url(../images/ArticlelistBg.jpg) no-repeat center center / cover;}
.Articlelist li:hover{ box-shadow: 0 0 .15rem rgba(0, 0, 0, .1); transform: translateY(-.05rem); -webkit-transform: translateY(-.05rem); -moz-transform: translateY(-.05rem); -ms-transform: translateY(-.05rem); -o-transform: translateY(-.05rem); }

.w52{  width: 52%;}
.culture{ background: url(../images/cultureBg.jpg) no-repeat center center / cover; background-attachment: fixed; height: 75vh;}
.culture li{ border-right: 1px solid rgba(255, 255, 255, .1);}
.culture li .desc{ height: 0; opacity: 0; }
.culture li:hover .desc{  height: 2em; opacity: 1; }

.honorTab li:last-child{ margin-right: 0;}
.honorTab li.on::after{ display: block; content: ''; width:100%; height: 3px; position: absolute; left: 0;  bottom: -1px; background:var(--color) }
.honorTab li.on,.honorTab li:hover{ color: var(--color);}

.inlogo{ display: block; overflow: hidden;  }
.inlogo .la{ overflow: visible;white-space: nowrap; height: 2.5rem;   position: relative;}
.inlogo .la dl{padding-top: .5rem; -webkit-animation: kf-client-wall-1 50s linear 0s infinite forwards; -moz-animation: kf-client-wall-1 50s linear 0s infinite forwards;
   -ms-animation: kf-client-wall-1 50s linear 0s infinite forwards; -o-animation: kf-client-wall-1 50s linear 0s infinite forwards;
    animation: kf-client-wall-1 50s linear 0s infinite forwards;    position: absolute; bottom:0; left:0; height: 100%;
  display: flex; align-items: flex-end;
  }
.inlogo .la dl dd{
   width: 3.9rem; flex-shrink: 0;
   height: 2rem;
   position: relative;
   margin: 0 .15rem;
   border-radius: .1rem;
   display: inline-flex;
   -webkit-border-radius: .1rem;
   -moz-border-radius: .1rem;
   -ms-border-radius: .1rem;
   -o-border-radius: .1rem;
}
.inlogo .la dl dd::after{ display: block; content: ''; transition: all .36s; border-radius: .1rem; width: 0; height: 100%; position: absolute; left: 0; top: 0; background:linear-gradient(to right,#35d245,#2ca338); -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.inlogo .la dl dd .float{ position: absolute; z-index: 5; top: -.45rem; opacity: 0; transform:translateY(-1vw) ; -webkit-transform:translateY(-1vw) ; -moz-transform:translateY(-1vw) ; -ms-transform:translateY(-1vw) ; -o-transform:translateY(-1vw) ; }
.inlogo .la dl dd .img{ width: 100%; aspect-ratio: 1 / .46;   }
@keyframes kf-client-wall-1 { 0% { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } 100% { -webkit-transform: translate(-33.333%, 0); -moz-transform: translate(-33.333%, 0); -ms-transform: translate(-33.333%, 0); -o-transform: translate(-33.333%, 0); transform: translate(-33.333%, 0); } }
.inlogo .gd2 dl{    -webkit-animation: kf-client-wall-2 50s linear 0s infinite forwards; -moz-animation: kf-client-wall-2 50s linear 0s infinite forwards; -ms-animation: kf-client-wall-2 50s linear 0s infinite forwards; -o-animation: kf-client-wall-2 50s linear 0s infinite forwards; animation: kf-client-wall-2 50s linear 0s infinite forwards; position: absolute; top:0; left:0; height: 100%;}
@keyframes kf-client-wall-2 { 0% { -webkit-transform: translate(-33.333%, 0); -moz-transform: translate(-33.333%, 0); -ms-transform: translate(-33.333%, 0); -o-transform: translate(-33.333%, 0); transform: translate(-33.333%, 0); } 100% { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } }

.honorIcon{ width: 97%; z-index: 2; position: absolute; top: 50%; left: 1.5%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.inlogo .la dl dd:hover  .float{ opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
.inlogo .la dl dd:hover .title{ opacity: 0; transform: translateY(1vw); -webkit-transform: translateY(1vw); -moz-transform: translateY(1vw); -ms-transform: translateY(1vw); -o-transform: translateY(1vw); }
.inlogo .la dl dd:hover::after{ width: 100%;}

.hornorTabCon figure{ display: none;}
.hornorTabCon figure.on{ display: block;}

.ProcessUl li { width: 13.7%; height: 3.05rem;}
.ProcessUl li.on{ width: 38.7%; background: var(--color); color: #fff;}
.ProcessUl li .img{ position: absolute; top: 0; left: 0;}
.ProcessUl li .float{ display: none;}
.ProcessUl li.on .img{ left: auto; right: 0;}.ProcessUl li.on .img img{ filter: grayscale(100%) brightness(500%); -webkit-filter: grayscale(100%) brightness(500%); }
.ProcessUl li.on .Shu{ position: absolute; left: .3rem; top: .5rem; color: #fff; font-size: 1.25em;}
.ProcessUl li.on  .tit{ display: none;}

.ProcessUl li.on .float{ display: block;}
.aboutLink{ display: grid; grid-gap: .2rem; grid-template-columns: repeat(2,1fr);}
.aboutLink li .img{ width: 100%; aspect-ratio: 1 / .6;}
.aboutLink li a::after{ display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:rgba(0,0,0,.2) }
.aboutLink li .text{ position: absolute; bottom: 0; left: 0; z-index: 5;}

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

 
@keyframes ripple-wave{
  to {
      box-shadow: 0 0 0 15px rgba(44, 163, 56, 0.1),0 0 0 30px rgba(44, 163, 56, 0.1),0 0 0 45px rgba(44, 163, 56, 0.02);
  }
}
.gaisuImg .paly{
z-index: 20;
width: .8rem;
cursor: pointer;
background:rgba(44, 163, 56, 0.8) ;
border-radius: 50%;
height: .8rem; min-width: 40px; min-height: 40px;
box-shadow: 0 0 rgba(44, 163, 56, 0.1),0 0 0 15px rgba(44, 163, 56, 0.1),0 0 0 30px rgba(44, 163, 56, 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: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
-webkit-animation: ripple-wave 1s linear infinite;
}