@charset "utf-8";

/*初始化样式*/
:root {  
    --font-color:#222;
    --font-rgb:34,34,34;
    --main-color:#f5821f;
    --main-rgb:245,130,31;
    /**font-size*/
    --font-scale:1;
    --font-size-14:calc(0.14rem*var(--font-scale));
    --font-size-16:calc(0.16rem*var(--font-scale));
    --font-size-18:calc(0.18rem*var(--font-scale));
    --font-size-20:calc(0.20rem*var(--font-scale));
    --font-size-22:calc(0.22rem*var(--font-scale));
    --font-size-24:calc(0.24rem*var(--font-scale));
    --font-size-26:calc(0.26rem*var(--font-scale));
    --font-size-28:calc(0.28rem*var(--font-scale));
    --font-size-30:calc(0.30rem*var(--font-scale));
    --font-size-32:calc(0.32rem*var(--font-scale));
    --font-size-34:calc(0.34rem*var(--font-scale));
    --font-size-36:calc(0.36rem*var(--font-scale));
    --font-size-38:calc(0.38rem*var(--font-scale));
    --font-size-40:calc(0.40rem*var(--font-scale));
    --font-size-42:calc(0.42rem*var(--font-scale));
    --font-size-44:calc(0.44rem*var(--font-scale));
    --font-size-46:calc(0.46rem*var(--font-scale));
    --font-size-48:calc(0.48rem*var(--font-scale));
  /**padding-margin**/
    --pm-scale:1;
    --pm05:calc(0.05rem*var(--pm-scale));
    --pm10:calc(0.1rem*var(--pm-scale));
    --pm15:calc(0.15rem*var(--pm-scale));
    --pm20:calc(0.2rem*var(--pm-scale));
    --pm25:calc(0.25rem*var(--pm-scale));
    --pm30:calc(0.3rem*var(--pm-scale));
    --pm35:calc(0.35rem*var(--pm-scale));
    --pm40:calc(0.4rem*var(--pm-scale));
    --pm45:calc(0.45rem*var(--pm-scale));
    --pm50:calc(0.5rem*var(--pm-scale));
    --pm55:calc(0.55rem*var(--pm-scale));
    --pm60:calc(0.6rem*var(--pm-scale));
    --pm65:calc(0.65rem*var(--pm-scale));
    --pm70:calc(0.7rem*var(--pm-scale));
    --pm75:calc(0.75rem*var(--pm-scale));
    --pm80:calc(0.8rem*var(--pm-scale));
    --pm85:calc(0.85rem*var(--pm-scale));
    --pm90:calc(0.9rem*var(--pm-scale));
    --pm95:calc(0.95rem*var(--pm-scale));
    --pm100:calc(1rem*var(--pm-scale));
    --pm110:calc(1.1rem*var(--pm-scale));
    --pm120:calc(1.2rem*var(--pm-scale));
    --pm130:calc(1.3rem*var(--pm-scale));
    --pm140:calc(1.4rem*var(--pm-scale));
    --pm150:calc(1.5rem*var(--pm-scale));
    --pm160:calc(1.6rem*var(--pm-scale));
    --pm170:calc(1.7rem*var(--pm-scale));
    --pm180:calc(1.8rem*var(--pm-scale));
    --pm190:calc(1.9rem*var(--pm-scale));
    --pm200:calc(2rem*var(--pm-scale));
    /**box-shadow*/
    --box-shadow: 0 0 var(--pm30) 0 rgba(0, 0, 0, 0.08); 
    /*border-bottom*/
    --border-bottom:0.01rem solid rgba(102,102,102,0.1);   
}
@media only screen and (max-width:1024px){
    :root {        
        /**padding-margin**/
        --pm-scale:0.8;
    }
}
@media only screen and (max-width:768px){
    :root {
        /**font-size*/
        --font-scale:0.875;
        /**padding-margin**/
        --pm-scale:0.6;
    }
}
*{-webkit-tap-highlight-color:transparent;-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
*:before,*:after {box-sizing: border-box;}
@media (min-width:1025px){
  ::-webkit-scrollbar{width:0.03rem;background-color:#f7f8fa;}
  ::-webkit-scrollbar-thumb{background-color:var(--main-color);border-radius:0.1rem;height:0.8rem;}
}
html {-webkit-text-size-adjust:none; font-size: calc(100vw/19.2); scroll-behavior: initial;}
@media only screen and (max-width:1920px){
    html{font-size:100px;}
}
@media only screen and (max-width:1280px){
    html{font-size:calc(80vw/12.8);}
}
@media only screen and (max-width:1024px){
    html{font-size:calc(90vw/10.24);}
}
@media only screen and (max-width:768px){
    html{font-size:calc(150vw/7.68);}
}
article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block;}
html,body,div,pre,code,form,fieldset,legend,input,textarea,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,.init,.init dl, .init dt, .init dd,.init li,.init ul, .init ol, .init p, .init h1, .init h2, .init h3, .init h4, .init h5, .init h6 {margin:0;padding:0;}
body{background-color:#fff;color:var(--font-color);font:normal var(--font-size-16)/1.75em 'HarmonyOS','Sans-serif'; overflow-x:hidden;word-wrap:break-word; overflow-wrap: break-word; hyphens: auto;}
a{text-decoration:none;outline:none;color:var(--font-color);}
a:focus{outline:none;-moz-outline:none;}
a:hover{color:var(--main-color);}
a img{border:none;}
img {vertical-align:middle; max-width:100%;}
.init li {list-style:none;}
select,input,textarea,button{border-radius:0;-webkit-border-radius:0;background:none;border:none;margin:0;padding:0;outline:none;font-family:inherit; font-size:1em;}
textarea{resize:none;}
input:focus{outline:none;}
input::-moz-placeholder{opacity:0.5; color:inherit;}
input:-moz-placeholder{opacity:0.5; color:inherit;}
input::-webkit-input-placeholder{opacity:0.5; color:inherit;}
input:-ms-input-placeholder{opacity:0.5; color:inherit;}
textarea::-moz-placeholder{opacity:0.5; color:inherit;}
textarea:-moz-placeholder{opacity:0.5; color:inherit;}
textarea::-webkit-input-placeholder{opacity:0.5; color:inherit;}
textarea:-ms-input-placeholder{opacity:0.5; color:inherit;}
table{background-color:transparent;border-spacing:0;border-collapse:collapse;width:100%;box-sizing:border-box;}
table td,table th{box-sizing:border-box;}

/*全局样式*/
.inner{width:93.75%;max-width:16rem;margin:0 auto;}
.w1440 {max-width: 14.4rem;}
.submit {cursor:pointer; display: block;}
/*figure*/
.figure {overflow: hidden; position: relative;}
.figure a {display: block; position: relative; overflow: hidden;}
.figure img {display: block; width: 100%; height: auto; transition: all .3s;}
.figure:after {content:''; display: block;}
.figure .img {position: absolute; left:0; top:0; width: 100%; height: 100%; object-fit: cover; display: block; transition: all .3s;}
.figure .contain{object-fit: contain;}
/*table*/
.base-table {display: table; table-layout: fixed;width: 100%;}
.base-table .td {display: table-cell; vertical-align: middle;}
/*clearfix*/
.clearfix{clear:both;width: 100%;overflow: hidden;}
.clearfix:after {display: block; content:''; width:100%; clear:both;}
/*entry*/
.entry img{height:auto!important;}
.entry blockquote{margin:0 2em;font-style:italic;opacity:0.95;padding:1em;border:0.01rem solid #e8e8e8;background-color:#f9f9f9;}
.entry hr{border:none;clear:both;border-bottom:0.01rem solid #e6e6e6;}
/*scale*/
.scale:hover img {transform: scale(1.05);}
/*popup*/
.popup {position: fixed;left: 0;top: 0;width: 100%;height: 100%;overflow-y: auto;background-color: rgba(0, 0, 0, 0.3);z-index: 10;-webkit-overflow-scrolling: touch;display: none;scrollbar-width: none;-ms-overflow-style: none;}
.popup::-webkit-scrollbar{display: none;}
.popup .wrap {width: 100%;min-height: 100%;justify-content: center;align-items: center;padding: 2vh 0;display: flex;}
.popup .box {position: relative;max-width: 90%;}
.popup .close {width: 0.14rem; height: 0.14rem; background: url(../images/popup_close.svg) no-repeat center center; background-size: contain; position: absolute; cursor: pointer; top:var(--pm30); right: var(--pm30); z-index: 2;}
/*font-color*/
[data-font*="000"]{color:#000;}
[data-font*="111"]{color:#111;}
[data-font*="222"]{color:#222;}
[data-font*="333"]{color:#333;}
[data-font*="444"]{color:#444;}
[data-font*="555"]{color:#555;}
[data-font*="666"]{color:#666;}
[data-font*="777"]{color:#777;}
[data-font*="888"]{color:#888;}
[data-font*="999"]{color:#999;}
[data-font*=fff]{color:#fff;}
[data-font*=color]{color:var(--main-color);}
/*font-center*/
[data-font*=left]{text-align: left;}
[data-font*=center]{text-align: center;}
[data-font*=right]{text-align: right;}
[data-font*=justify]{text-align: justify;}
/*font-weight*/
[data-font*=lighter]{font-weight: 300;}
[data-font*=normal]{font-weight: normal;}
[data-font*=medium]{font-weight: 500;}
[data-font*=bold]{font-weight: bold;}
/*rows*/
[data-rows] {display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
[data-rows="1"]{display: block; white-space: nowrap;}
[data-rows="2"]{line-clamp:2; -webkit-line-clamp:2;}
[data-rows="3"]{line-clamp:3; -webkit-line-clamp:3;}
[data-rows="4"]{line-clamp:4; -webkit-line-clamp:4;}
[data-rows="5"]{line-clamp:5; -webkit-line-clamp:5;}
/*flex*/
[data-flex]{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;}
[data-flex*=fdrr]{flex-direction:row-reverse;}
[data-flex*=fdc]{flex-direction:column;}
[data-flex*=fdcr]{flex-direction:column-reverse;}
[data-flex*=fww]{flex-wrap:wrap;}
[data-flex*=fwn]{flex-wrap:nowrap;}
[data-flex*=jcsb]{justify-content:space-between;}
[data-flex*=jcsa]{justify-content:space-around;}
[data-flex*=jcse]{justify-content:space-evenly;}
[data-flex*=jcfs]{justify-content:flex-start;}
[data-flex*=jcc]{justify-content:center;}
[data-flex*=jcfe]{justify-content:flex-end;}
[data-flex*=aifs]{align-items:flex-start;}
[data-flex*=aic]{align-items:center;}
[data-flex*=aife]{align-items:flex-end;}
@media only screen and (max-width:1280px) {
    [data-flex*=c1280]{flex-direction: column;gap:var(--wap-gap);}
}
@media only screen and (max-width:1024px) {
    [data-flex*=c1024]{flex-direction: column;gap:var(--wap-gap);}
}
@media only screen and (max-width:768px) {
    [data-flex*=c768]{flex-direction: column;gap:var(--wap-gap);}
}
/*col*/
[data-cols] {--padding:var(--pm20); width:calc(100% + var(--padding)); display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex; flex-wrap: wrap;}
[data-cols] .item {padding-right: var(--padding);padding-bottom: var(--padding);}
[data-cols="2"] .item {width: 50%;}
[data-cols="3"] .item {width: 33.333%;}
[data-cols="4"] .item {width: 25%;}
@media only screen and (max-width:1024px){
    [data-cols="3"] .item {width: 50%;}
    [data-cols="4"] .item {width: 33.333%;}
}
@media only screen and (max-width:768px){    
    [data-cols="4"] .item {width: 50%;}
    [data-cols="3"] .item,
    [data-cols="2"] .item {width: 100%;}
}
/*delay*/
[data-delay] {--property:all; --duration:0.3s; transition: var(--property) var(--duration);}

/*data-element*/
[data-element] {--x:0; --y:0.1rem; --z:0; visibility: hidden; opacity: 0; transform: translate3D(var(--x),var(--y),var(--z));}
.active[data-element] {visibility: visible; opacity: 1; --y:0;}

/*mb*/
.mb10 {margin-bottom: var(--pm10);}
/*hidden*/
.hidden {overflow: hidden;}

/*header*/
#header{position:sticky;top:0;width:100%;z-index:8;background-color:#fff;box-shadow:var(--box-shadow);}
#header .inner{position:relative;}
@media only screen and (max-width:1024px){
  #header{padding:var(--pm20) 0;}
  #header .inner{position:static;}
}

/*logo*/
#logo{width:1.6rem;position:relative;z-index:10;}
#logo a{display:block;overflow:hidden;padding-bottom:40%;position:relative;}
#logo i,#logo img{position:absolute;width:100%;height:100%;display:block;left:0;top:0;object-fit:contain;}
#logo i{text-indent:-99999em;overflow:hidden;}
@media only screen and (max-width:768px){
  #logo{width:1.4rem;}
}

/*button*/
#button{gap:var(--pm30);}

/*search*/
#search span{width:0.4rem;height:0.4rem;background:var(--main-color) url(../images/search_01.svg) no-repeat center center;background-size:35% auto;display:block;cursor:pointer;border-radius:50%;}
#search .form{position:absolute;right:0;top:100%;width:5rem;box-shadow:var(--box-shadow);background-color:#fff;font-size:var(--font-size-16);}
#search .input{position:relative;padding-right:3.375em;}
#search .text{display:block;width:100%;height:3.375em;line-height:1.875em;padding:0.75em 3.375em 0.75em 1.25em;}
#search .go{display:block;position:absolute;right:0;top:0;height:100%;width:3.375em;cursor:pointer;background:url(../images/search_01.svg) no-repeat center center;background-size:auto 37.03703704%;filter:invert(1) brightness(0);}
@media only screen and (max-width:768px){
  #search .form{width:100%;}
}

/*navbtn*/
#navbtn{display:none;}
@media only screen and (max-width:1024px){

  /*1024*/
  #navbtn{position:relative;cursor:pointer;width:0.4rem;height:0.4rem;border-radius:50%;background-color:var(--main-color);z-index:10;display:flex;align-items:center;justify-content:center;}
  #navbtn span{width:35%;height:35%;display:block;position:relative;overflow:hidden;}
  #navbtn span:before,#navbtn span:after,#navbtn span i{width:100%;height:0.02rem;display:block;position:absolute;left:0;transition:all 0.3s;content:'';background-color:#fff;}
  #navbtn span:before{top:0rem;}
  #navbtn span:after{bottom:0rem;}
  #navbtn span i{top:50%;transform:translateY(-50%);}
  #navbtn.active span{overflow:visible;}
  #navbtn.active span:before{transform:rotate(45deg) translateY(-5%);top:50%;}
  #navbtn.active span:after{transform:rotate(-45deg) translateY(-5%);bottom:auto;top:50%;}
  #navbtn.active span i{opacity:0;}
}

/*navi*/
#navi{width:calc(100% - 2rem);font-size:var(--font-size-16);line-height:2.375em;padding:0 0.9rem;--y:0;}
#navi a{display:block;position:relative;}
#navi .drop{font-size:0.88888889em;line-height:2em;display:none;}
#navi .drop a{padding:0.5em 0;}
@media only screen and (min-width:1025px){
  #navi{opacity:1;visibility:visible;}
  #navi .parent{padding:0.26rem 0.22rem;position:relative;}
  #navi .parent.on > a {color:var(--main-color);}
  #navi .drop{position:absolute;top:100%;left:50%;min-width:150%;transform:translateX(-50%);z-index:5;background-color:#fff;box-shadow:var(--box-shadow);text-align:center;padding:0.5em 1.5em;}
  #navi .drop a{white-space:nowrap;}
}
@media only screen and (max-width:1024px){

  /*1024px*/
  #navi{position:fixed;width:100%;max-width:30em;height:calc(100% - 0.96rem);background-color:#fff;z-index:9;right:0;top:0.96rem;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--pm50) 0;transition:all 0.3s;box-shadow:var(--box-shadow);}
  #navi:not(.active){transform:translateX(100%);opacity:0;}
  #navi .menu{display:block;}
  #navi .parent{padding:0 var(--pm50);line-height:2em;position:relative;}
  #navi .parent > a{padding:1.5em 0;border-bottom:var(--border-bottom);}
  #navi em{display:block;position:absolute;right:0.2rem;width:5.0625em;height:5.0625em;z-index:2;top:0;cursor:pointer;transition:all 0.3s;}
  #navi em:after{width:0.75em;height:0.75em;border-right:0.01rem solid var(--font-color);border-bottom:0.01rem solid var(--font-color);content:'';display:block;position:absolute;top:50%;left:50%;transform:rotate(-45deg);background-color:transparent;margin:-0.375em 0 0 -0.375em;transition:inherit;}
  #navi .on{background-color:#f9f9f9;}
  #navi .on > em:after{transform:rotate(45deg);margin-left:0;}
  #navi .drop{padding:1em 0 1em 2em;}
  #navi .drop a{padding:0.75em 0;}
}
@media only screen and (max-width:768px){
  #navi{top:0.8rem;height:calc(100% - 0.8rem);}
  #navi em{right:0.1rem;}
}

/*footer*/
#footer{background:#4c4c4d;font-weight:300;position:relative;}
#footer:before,#footer:after{content:'';display:block;position:absolute;top:0;height:100%;background:no-repeat center center;background-size:100% 100%;}
#footer:before{width:8.80208333%;left:0;background-image:url(../images/footer_01.png);}
#footer:after{right:0;width:7.44791667%;background-image:url(../images/footer_02.png);}
#footer .inner{position:relative;z-index:2;}
@media only screen and (max-width:768px){
  #footer:before{width:21.22395833%;}
  #footer:after{width:17.96875%;}
}

/*copyright*/
#copyright{font-size:var(--font-size-16);line-height:1.875em;color:rgba(255,255,255,0.3);padding:var(--pm25) 0;}
#copyright a:not(:hover){color:rgba(255,255,255,0.3);}
@media only screen and (max-width:768px){

  /*768px*/
  #copyright{text-align:center;}
}

/*bottom*/
#bottom{border-bottom:0.01rem solid rgba(255,255,255,0.1);padding:var(--pm90) 0 var(--pm85);}

/*follow*/
#follow{gap:var(--pm20);}
#follow .social ul{gap:var(--pm20);}
#follow .social li{position:relative;}
#follow .social .btn{display:block;border-radius:50%;overflow:hidden;width:0.4rem;height:0.4rem;cursor:pointer;}
#follow .social .icon{width:100%;height:100%;display:block;object-fit:contain;}
#follow .social .qrcode{position:absolute;left:50%;bottom:100%;transform:translateX(-50%);margin-bottom:1em;background-color:#fff;border-radius:0.05rem;padding:0.06rem;width:1.4rem;box-shadow:var(--box-shadow);transition:all 0.3s;}
#follow .social .qrcode:after{border-top:0.1rem solid #fff;border-left:0.1rem solid transparent;border-right:0.1rem solid transparent;content:'';display:block;position:absolute;left:50%;transform:translateX(-50%);top:100%;}
#follow .social .qrcode img{display:block;width:100%;height:auto;}
#follow .wxoa{width:1.3rem;}
@media only screen and (max-width:1024px) and (min-width:769px){
  #follow .social .qrcode{width:1rem;}
}
@media only screen and (max-width:768px){
  #follow{align-items:center;width:100%;}
}

/*menu*/
#menu{width:11.5rem;max-width:calc(100% - 2.5rem);font-size:var(--font-size-16);line-height:1.875em;}
#menu dt{line-height:2.625em;font-weight:normal;}
#menu dt a:not(:hover){color:#fff;}
#menu dd a:not(:hover){color:rgba(255,255,255,0.3);}
@media only screen and (max-width:768px){
  #menu{display:none;}
}

/*banner*/
#banner{position:relative;}
#banner .figure{padding-bottom:5.1rem;}
#banner .text{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;color:#fff;text-align:center;z-index:2;font-size:var(--font-size-46);}
#banner .name{font-size:1em;position:relative;z-index:2;line-height:1.35em;}
#banner .alias{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;opacity:0.12;font-size:3.47826087em;line-height:1em;text-transform:uppercase;}
@media only screen and (max-width:1280px){
  #banner .figure{padding-bottom:26.5625%;}
}
@media only screen and (max-width:768px){
  #banner .figure{padding-bottom:50%;}
  #banner .alias{font-size:2.2em;}
}

/*inbar*/
#inbar .inner{position:relative;}
#inbar .inner:after{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:0.01rem;background-color:rgba(102,102,102,0.1);}

/*breadcrumb*/
.breadcrumb{font-size:var(--font-size-16);line-height:1.75em;padding:var(--pm30) 0;color:#999;font-weight:300;}
.breadcrumb a:not(:hover){color:#999;}
.breadcrumb a:first-child{background:url(../images/breadcrumb.png) no-repeat left 0.0625em;background-size:auto 1.125em;padding-left:2.375em;}
.breadcrumb span{color:#222;}

/*submenu*/
.submenu{position:relative;font-size:var(--font-size-16);line-height:1.75em;}
.submenu .swiper-slide{width:auto;padding:var(--pm30) 0;}
.submenu .swiper-slide:after{content:'';display:block;position:absolute;left:0;bottom:0;height:0.01rem;width:100%;background-color:var(--main-color);opacity:0;}
.submenu a{display:block;white-space:nowrap;}
.submenu .cur:after{opacity:1;}
.submenu .cur a{color:var(--main-color);}
@keyframes slideLeft{
  0%{left:-0.1rem;opacity:1;}
  50%{left:-0.2rem;opacity:0;}
  100%{left:-0.1rem;opacity:1;}
}
@keyframes slideRight{
  0%{right:-0.1rem;opacity:1;}
  50%{right:-0.2rem;opacity:0;}
  100%{right:-0.1rem;opacity:1;}
}
@media only screen and (max-width:768px){
  .submenu{padding:0 2.375em;}
  .submenu .arrow{position:absolute;top:50%;transform:translateY(-50%);width:0.2rem;height:0.16rem;background:no-repeat center center;background-size:contain;cursor:pointer;}
  .submenu .prev{left:0;background-image:url(../images/submenu_left.svg);animation:slideLeft 2s linear 0s infinite;}
  .submenu .next{right:0;background-image:url(../images/submenu_right.svg);animation:slideRight 2s linear 0s infinite;}
}

/*Pages*/
.Pages{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;font-size:var(--font-size-16);}
.Pages .p_jump,.Pages .p_cur,.Pages .p_count,.Pages .p_total,.Pages .a_first,.Pages .a_end{display:none;}
.Pages .p_page{display:flex;justify-content:center;flex-wrap:wrap;gap:0.3125em;}
.Pages .num{display:flex;flex-wrap:wrap;justify-content:center;font-style:normal;gap:0.3125em;}
.Pages a{display:flex;align-items:center;justify-content:center;min-width:3.125em;border-radius:1.5625em;height:3.125em;padding:0 0.5em;position:relative;color:#333;background-color:#f7f8fa;}
.Pages a:hover,.Pages .a_cur{color:#fff;background-color:var(--main-color);}
.Pages .a_prev,.Pages .a_next{text-indent:-99999em;overflow:hidden;width:5.625em;}
.Pages .a_prev:after,.Pages .a_next:after{width:11.11111111%;height:28%;background:no-repeat center center;background-size:contain;content:'';display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.Pages .a_prev:hover:after,.Pages .a_next:hover:after{filter:brightness(100);}
.Pages .a_prev:after{background-image:url(../images/page_prev.svg);}
.Pages .a_next:after{background-image:url(../images/page_next.svg);}

/*wrapper*/
#wrapper{padding:var(--pm80) 0 var(--pm120);}

/*faq-wrap*/
#faq-wrap{padding:var(--pm45) 0 var(--pm120);}
#faq-wrap .list{margin-bottom:var(--pm80);}

/*expand*/
.expand{padding-right:1.625em;font-weight:300;font-size:var(--font-size-16);line-height:1.875em;color:#555;cursor:pointer;position:relative;}
.expand:after{width:0.9375em;height:0.5em;background:url(../images/expand.png) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:all 0.3s;}
.expand.active:after{transform:translateY(-50%) rotate(180deg);}

/*faq-item*/
.faq-item{border-bottom:0.01rem dashed rgba(85,85,85,0.1);}
.faq-item .box{padding:var(--pm35) 0;transition:all 0.3s;}
.faq-item .top{display:flex;justify-content:space-between;align-items:flex-start;cursor:pointer;}
.faq-item .title{font-size:var(--font-size-20);line-height:1.5em;font-weight:normal;position:relative;padding-left:var(--pm45);width:calc(100% - 1rem);}
.faq-item .title:before{content:'Q';width:1.44444444em;height:1.44444444em;background-color:var(--main-color);position:absolute;left:0;top:0.11111111em;color:#fff;font-size:0.9em;display:flex;align-items:center;justify-content:center;border-radius:50% 50% 0 50%;font-family:'Poppins';font-weight:normal;}
.faq-item .btm{margin-top:var(--pm15);font-size:var(--font-size-16);line-height:1.75em;display:-webkit-box;-webkit-box-align:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;max-height:3.5em;}
.faq-item .entry{font-weight:300;position:relative;padding-left:var(--pm45);max-width:9.9rem;color:#555;}
.faq-item .entry:before{content:'A';font-size:1.125em;width:1.44444444em;height:1.44444444em;background-color:#999;position:absolute;left:0;top:0.22222222em;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:50% 0 50% 50%;font-family:'Poppins';}
.faq-item.current .box{background-color:#f7f8fa;padding:var(--pm35) var(--pm40) var(--pm35) var(--pm30);}
.faq-item.current .btm{max-height:none;display:block;}
.faq-item.current .entry{max-width:100%;}

/*file-list*/
#file-list{margin-bottom:var(--pm60);}
@media only screen and (max-width:1024px){
  #file-list{width:100%;}
  #file-list .item{width:100%;padding-right:0;}
}

/*file-item*/
.file-item .box{display:flex;align-items:flex-start;background-color:#f7f8fa;padding:var(--pm25) 0;position:relative;height:100%;}
.file-item .date{padding:var(--pm15) var(--pm40);display:flex;align-items:center;font-size:var(--font-size-14);line-height:2.14285714em;font-family:'Montserrat';gap:0.85714286em;width:1.9rem;color:#555;}
.file-item .date:before{width:1.21428571em;height:1.21428571em;background:url(../images/file_date.png) no-repeat center center;background-size:contain;display:block;content:'';}
.file-item .title{font-size:var(--font-size-20);line-height:1.5em;font-weight:normal;padding:var(--pm15) var(--pm30);width:calc(100% - 3.65rem);background:url(../images/file_line.svg) no-repeat right center;background-size:0.01rem 100%;}
.file-item .button{padding:var(--pm15) 0;font-size:var(--font-size-16);line-height:1.875em;font-weight:300;color:#555;width:1.75rem;display:flex;justify-content:center;}
.file-item .button span{display:block;background:no-repeat left center;background-size:1.375em auto;padding-left:2.625em;}
.file-item .button .pdf{background-image:url(../images/file_pdf.png);}
@media only screen and (max-width:768px){
  .file-item .box{flex-wrap:wrap;}
  .file-item .date{width:100%;padding:0 var(--pm30);}
  .file-item .button{width:1rem;}
  .file-item .button span{padding-left:2em;}
  .file-item .title{width:calc(100% - 1rem);}
}

/*view-more*/
.view-more{display:flex;}
.view-more .more{font-weight:300;font-size:var(--font-size-16);line-height:1.75em;display:block;background:url(../images/view_more_01.svg) no-repeat right center;background-size:0.5625em auto;padding-right:1.375em;transition:all 0.3s;color:var(--main-color);}
.view-more .more:hover{padding-right:1.875em;}

/*on-view-more*/
.on-view-more:hover .more{padding-right:1.875em;}

/*swiper-dots*/
.swiper-dots .swiper-pagination{display:flex;align-items:center;gap:var(--font-size-18);z-index:5;}
.swiper-dots .swiper-pagination-bullet{width:0.09rem;height:0.09rem;background-color:rgba(102,102,102,0.16);opacity:1;display:block;transition:all 0.3s;}
.swiper-dots .swiper-pagination-bullet-active{background-color:var(--main-color);}

/*news-sticky*/
#news-sticky{margin-bottom:var(--pm70);}
#news-sticky .figure{width:50%;}
#news-sticky .figure:after{padding-bottom:56.25%;}
#news-sticky .text{width:50%;position:relative;padding:0 var(--pm100) 0 var(--pm60);display:flex;flex-direction:column;justify-content:center;
  /* background:#f7f8fa url(../images/news_sticky_bg.png) no-repeat right bottom; */
  background-color: #f7f8fa;
  background-size:43.88888889% auto;}
#news-sticky .date{font-size:var(--font-size-14);line-height:2.14285714em;color:#555;font-family:'Montserrat';margin-bottom:var(--pm10);}
#news-sticky .title{font-size:var(--font-size-30);line-height:1.46666667em;height:2.93333333em;margin-bottom:var(--pm25);}
#news-sticky .excerpt{font-size:var(--font-size-16);line-height:1.75em;color:#555;font-weight:300;height:3.5em;margin-bottom:var(--pm40);}
#news-sticky a{display:flex;flex-wrap:wrap;justify-content:space-between;transition:all 0.3s;}
#news-sticky .swiper-pagination{right:3.47222222%;top:50%;transform:translateY(-50%);flex-direction:column;}
@media only screen and (max-width:768px){
  #news-sticky .text{width:100%;padding:var(--pm50) var(--pm50) var(--pm80);}
  #news-sticky .figure{width:100%;}
  #news-sticky .swiper-pagination{flex-direction:row;right:50%;top:auto;bottom:var(--pm40);transform:translateX(50%);}
}

/*news-list*/
#news-list{overflow:hidden;margin-bottom:var(--pm40);}

/*news-item*/
.news-item{padding-bottom:var(--pm40);margin-bottom:var(--pm40);border-bottom:var(--border-bottom);}
.news-item .figure{width:3.22rem;}
.news-item .figure:after{padding-bottom:55.90062112%;}
.news-item .text{width:calc(100% - 3.22rem);padding-right:var(--pm150);}
.news-item .title{font-size:var(--font-size-20);line-height:1.8em;font-weight:normal;}
.news-item .date{font-size:var(--font-size-14);line-height:2.14285714em;color:#555;font-family:'Montserrat';margin-bottom:var(--pm10);}
.news-item .excerpt{font-size:var(--font-size-16);line-height:1.75em;height:3.5em;color:#555;font-weight:300;margin-bottom:var(--pm20);}
.news-item a{display:flex;justify-content:space-between;align-items:flex-start;
  /* flex-direction:row-reverse; */
  transition:all 0.3s;}
.news-item .title span.highlight{
  color: var(--main-color);
}
@media only screen and (max-width:768px){
  .news-item .figure{width:100%;}
  .news-item .text{width:100%;padding-right:0;}
  .news-item a{flex-direction:column;gap:var(--pm30);}
}

/*button-back*/
.button-back .back{background-color:var(--main-color);color:#fff;font-size:var(--font-size-16);width:9.375em;height:3.125em;border-radius:1.5625em;display:flex;align-items:center;justify-content:center;font-weight:300;cursor:pointer;}

/*details-page*/
#details-page{padding-bottom:var(--pm120);}

/*news-details*/
#news-details{margin:0 auto;}
#news-details .top{gap:var(--pm25);border-bottom:var(--border-bottom);padding-bottom:var(--pm40);margin-bottom:var(--pm40);text-align:center;}
#news-details .title{font-size:var(--font-size-30);line-height:1.46666667em;}
#news-details .meta{font-size:var(--font-size-16);line-height:1.875em;color:#555;font-weight:300;gap:4.16666667%;}
#news-details .entry{font-size:var(--font-size-16);line-height:1.75em;font-weight:300;color:#555;overflow:hidden;margin-bottom:var(--pm75);}

/*column-info*/
.column-info{margin-bottom:var(--pm40);}
.column-name{font-size:var(--font-size-46);line-height:1.65217391em;color:#000;}
.column-name.icon{display:flex;align-items:flex-start;}
.column-name.icon:after{width:1.06521739em;height:1.17391304em;background:no-repeat center center;background-size:contain;display:block;content:'';margin-top:-0.2173913em;margin-left:-0.15217391em;}
.column-name.i1:after{background-image:url(../images/column_name_icon_01.png);}
.column-intro{font-size:var(--font-size-20);font-weight:300;color:#555;}

/*about*/
#about{padding-bottom:var(--pm120);overflow:hidden;position:relative;}
#about:before{content:'';display:block;position:absolute;left:0;bottom:var(--pm50);background:url(../images/about_bg.png) no-repeat center center;background-size:contain;width:58.125%;padding-bottom:19.21875%;}
#about .inner{position:relative;z-index:2;}
#about .text{width:44.44444444%;padding-top:var(--pm60);}
#about .entry{font-size:var(--font-size-16);line-height:1.75em;color:#555;font-weight:300;text-align:justify;}
#about .image{width:48.61111111%;position:relative;}
#about .image:before{content:'';display:block;position:absolute;left:var(--pm40);bottom:0;width:100%;height:89.92248062%;background-color:rgba(110,110,110,0.06);transform:skew(-15deg);}
#about .figure{width:134.28571429%;mask:url(../images/about_mask.svg) no-repeat center center;mask-size:100% 100%;-webkit-mask:url(../images/about_mask.svg) no-repeat center center;-webkit-mask-size:100% 100%;}
#about .figure:after{padding-bottom:68.61702128%;}
@media only screen and (max-width:1280px){
  #about .figure{width:111.42857143%;}
}
@media only screen and (max-width:1024px){
  #about .text{width:100%;padding-bottom:var(--pm60);}
  #about .image{width:100%;padding-left:var(--pm40);}
  #about .image:before{transform:none;left:0;}
  #about .figure{width:100%;mask:none;-webkit-mask:none;}
}

/*join-list*/
#join-list{overflow:hidden;margin-bottom:var(--pm20);}

/*join-item*/
.join-item{margin-bottom:var(--pm20);border:solid 0.01rem #efefef;padding:0 var(--pm50);position:relative;}
.join-item:before{content:'';display:block;position:absolute;left:0;top:0;background-color:var(--main-color);height:0.03rem;opacity:0;width:100%;transition:all 0.3s;}
.join-item .top{position:relative;display:flex;flex-wrap:wrap;padding:var(--pm35) 1rem var(--pm35) 0;cursor:pointer;}
.join-item .title{font-size:var(--font-size-20);line-height:1.8em;font-weight:normal;width:28.67528271%;padding-right:var(--pm20);}
.join-item .meta{font-size:var(--font-size-20);line-height:1.8em;font-weight:300;display:flex;flex-wrap:wrap;width:71.32471729%;}
.join-item .meta span{display:block;}
.join-item .meta span:nth-child(1){width:37.37259343%;}
.join-item .meta span:nth-child(2){width:33.97508494%;}
.join-item .meta span:nth-child(3){width:28.31257078%;}
.join-item .expand{position:absolute;right:0;top:var(--pm35);line-height:2.25em;}
.join-item .btm{border-top:0.01rem solid rgba(85,85,85,0.1);padding:var(--pm40) 0 var(--pm50);display:none;}
.join-item .entry{font-size:var(--font-size-16);line-height:2.25em;font-weight:300;color:#555;}
.join-item .entry h5{font-size:var(--font-size-18);line-height:2em;font-weight:normal;margin-bottom:var(--pm10);}
.join-item .intro{width:50.07473842%;padding-bottom:var(--pm40);}
.join-item .intro:nth-child(2){width:46.33781764%;}
.join-item.current:before{opacity:1;}
.join-item.current .top{flex-direction:column;gap:var(--pm20);padding-top:var(--pm60);padding-bottom:var(--pm45);}
.join-item.current .title{width:100%;font-size:var(--font-size-30);line-height:1.2em;font-weight:bold;}
.join-item.current .meta{width:100%;gap:8.07754443%;}
.join-item.current .meta span:nth-child(n+1){width:auto;}
.join-item.current .expand{top:var(--pm60);}
.join-item.current .btm{display:block;}
@media only screen and (max-width:1024px){
  .join-item .intro:nth-child(n+1){width:100%;}
}
@media only screen and (max-width:768px){
  .join-item .top{flex-direction:column;gap:var(--pm20);}
  .join-item .title{width:100%;padding-right:0;}
  .join-item .meta{width:100%;gap:8.07754443%;}
  .join-item .meta span:nth-child(n+1){width:auto;}
}

/*join-popup*/
.join-popup .box{width:9rem;background-color:#fff;padding:var(--pm45) var(--pm85) var(--pm50);}
.join-popup .item{margin-bottom:var(--pm20);}
.join-popup .title{font-size:var(--font-size-24);line-height:1.25em;text-align:center;margin-bottom:var(--pm20);}
.join-popup .label{display:block;font-size:var(--font-size-18);line-height:2em;}
.join-popup .label i{font-style:normal;color:var(--main-color);margin-left:var(--pm10);}
.join-popup .text{display:block;font-size:var(--font-size-16);font-weight:300;width:100%;border:solid 0.01rem #efefef;height:3.125em;line-height:1.875em;padding:0.625em 1.875em;color:#555;}
.join-popup .upload-box{border:dashed 0.01rem #e6e6e6;cursor:pointer;padding:var(--pm40) var(--pm40) var(--pm30);}
.join-popup .tips{text-align:center;font-size:var(--font-size-14);color:#999;font-weight:300;line-height:1.75em;}
.join-popup .tips .icon{display:block;width:0.37rem;height:0.37rem;object-fit:contain;margin:0 auto var(--pm20);}
.join-popup .tips h5{font-weight:normal;color:#222;font-size:var(--font-size-14);line-height:1.14285714em;line-height:1.75em;}
.join-popup .tips em{font-style:normal;color:var(--main-color);}
.join-popup .col2 .item{width:49.31506849%;}
.join-popup .button-back{margin-top:var(--pm20);}
@media only screen and (max-width:768px){
  .join-popup .col2 .item{width:100%;}
}
.swiper-controls{gap:var(--pm20);}
.swiper-controls .arrow{width:0.08rem;background:no-repeat center center;background-size:contain;cursor:pointer;}
.swiper-controls .arrow:after{display:block;content:'';padding-bottom:162.5%;}
.swiper-controls .arrow.prev{background-image:url(../images/swiper_control_prev.png);}
.swiper-controls .arrow.next{background-image:url(../images/swiper_control_next.png);}
.swiper-controls .dots{display:flex;align-items:center;gap:var(--pm15);}
.swiper-controls .dots .swiper-pagination-bullet{width:0.345rem;height:0.345rem;position:relative;border-radius:50%;background-color:transparent;opacity:1;}
.swiper-controls .dots .swiper-pagination-bullet:after{width:0.1rem;height:0.1rem;border-radius:50%;background-color:#fff;content:'';display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:all 0.3s;}
.swiper-controls .dots svg{stroke:#fff;stroke-width:0.01rem;stroke-linejoin:miter;stroke-linecap:butt;fill-rule:evenodd;fill:none;position:absolute;left:0;top:0;width:100%;height:100%;stroke-dasharray:100;}
.swiper-controls .dots svg:nth-child(1){opacity:0.149;}
.swiper-controls .dots svg:nth-child(2){stroke:var(--main-color);stroke-dashoffset:100;transform:rotate(-90deg);}
.swiper-controls .dots .current:after{background-color:var(--main-color);}
.swiper-controls .dots .current svg:nth-child(2){stroke-dashoffset:0;transition:all 4.2s;}
.swiper-controls .pause{width:0.07rem;height:0.13rem;background:url(../images/swiper_pause.svg) no-repeat center center;background-size:contain;cursor:pointer;}

/*text-arrow*/
.text-arrow .arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;font-size:var(--font-size-16);width:6.25em;height:6.25em;border:solid 0.01rem #ffffff;display:flex;align-items:center;justify-content:center;color:#fff;text-transform:uppercase;gap:0.625em;border-radius:50%;cursor:pointer;transition:all 0.2s;}
.text-arrow .arrow:after{display:block;content:'';width:0.5em;height:0.8125em;background:no-repeat center center;background-size:contain;}
.text-arrow .arrow:hover{background-color:var(--main-color);border-color:transparent;}
.text-arrow .prev{left:1.6rem;flex-direction:row-reverse;}
.text-arrow .prev:after{background-image:url(../images/swiper_control_prev.png);}
.text-arrow .next{right:1.6rem;}
.text-arrow .next:after{background-image:url(../images/swiper_control_next.png);}
@media only screen and (max-width:1280px){
  .text-arrow .prev{left:3.125%;}
  .text-arrow .next{right:3.125%;}
}

/*slides*/
#slides .figure{padding-bottom:8.7rem;}
#slides .img{transform:scale(1.25);transition-duration:5s;}
#slides .swiper-slide-duplicate-active .img,#slides .swiper-slide-active .img{transform:scale(1);}
#slides .swiper-slide-duplicate-active .text,#slides .swiper-slide-active .text{transform:translateY(-50%);opacity:1;}
#slides .swiper-controls{position:absolute;left:50%;transform:translateX(-50%);bottom:5.74712644%;z-index:5;}
@media only screen and (max-width:1280px){
  #slides .figure{padding-bottom:45.3125%;}
}
@media only screen and (max-width:768px){
  #slides .figure{padding-bottom:75%;}
}

/*home-banner*/
.home-banner{padding-bottom:9.6rem;}
@media only screen and (max-width:1280px){
  .home-banner{padding-bottom:50%;}
}
@media only screen and (max-width:768px){
  .home-banner{padding-bottom:75%;}
}

/*products*/
#products{padding:0 var(--pm10);overflow:hidden;}
#products .list{--padding:var(--pm10);}
#products .figure{width:42.32804233%;}
#products .figure img{width: calc(100% - .3rem);left: .15rem;}
#products .figure:after{padding-bottom:75%;}
#products .intro{font-size:var(--font-size-18);line-height:2.11111111em;color:#555;}
#products .title{font-size:var(--font-size-30);line-height:1.26666667em;font-weight:bold;margin-bottom:var(--pm20);}
#products .box{position:relative;overflow:hidden;background:url(../images/products_item_bg_01.jpg) no-repeat center center;background-size:cover;transition:all 0.3s;gap:var(--pm15);padding:var(--pm55) 0 var(--pm85);}
#products .item:nth-child(2n) .box{background-image:url(../images/products_item_bg_02.jpg);}

/*button-more*/
.button-more .more{display:flex;align-items:center;justify-content:center;background-color:var(--main-color);color:#fff;font-size:var(--font-size-16);width:9.375em;height:3.125em;border-radius:1.5625em;font-weight:300;gap:1em;transition:all 0.2s;cursor:pointer;}
.button-more .more:after{width:0.5625em;height:0.75em;background:url(../images/button_more_01.svg) no-repeat center center;background-size:contain;display:block;content:'';}
.button-more .more:hover{gap:1.5em;}

/*scenarios*/
#scenarios{padding:var(--pm45) 0 var(--pm200);position:relative;overflow:hidden;}
#scenarios #particle{position:absolute;left:0;bottom:0;width:100%;opacity:0.1;}
#scenarios .bg{position:absolute;left:0;bottom:0;z-index:3;width:7.4rem;}
#scenarios .bg:after{padding-bottom:100.54054054%;}
#scenarios .inner{position:relative;z-index:5;}
#scenarios .text{width:31.25%;}
#scenarios .column-info{margin-bottom:var(--pm130);}
#scenarios .content{max-width:4.65rem;}
#scenarios .content .page{font-size:var(--font-size-20);line-height:1.25em;font-family:'Montserrat';color:#999;margin-bottom:var(--pm15);}
#scenarios .content .page .cur{font-size:1.9em;color:var(--main-color);line-height:1em;}
#scenarios .content .title{color:var(--main-color);font-size:var(--font-size-30);line-height:2.2em;font-weight:normal;margin-bottom:var(--pm10);}
#scenarios .content .title a{color:var(--main-color);}
#scenarios .content .excerpt{font-size:var(--font-size-16);line-height:1.75em;color:#333;font-weight:300;height:3.5em;margin-bottom:var(--pm55);}
#scenarios .images{width:54.5%;margin-right:5%;padding:10.375% 0 4.125%;position:relative;}
#scenarios .images:before{width:94.03669725%;padding-bottom:66.05504587%;background:url(../images/scenarios_cover_line_01.svg) no-repeat center center;background-size:100% 100%;content:'';display:block;position:absolute;left:0;bottom:0;margin-bottom:2.98165138%;}
#scenarios .images .cover{width:71.33027523%;margin-left:18.34862385%;mask:url(../images/scenarios_cover_mask.svg) no-repeat center center;mask-size:100% 100%;-webkit-mask:url(../images/scenarios_cover_mask.svg) no-repeat center center;-webkit-mask-size:100% 100%;z-index:5;}
#scenarios .images .cover:after{padding-bottom:73.95498392%;}
#scenarios .images .img:nth-child(n+2){display:none;}
#scenarios .lines{width:91.88646789%;padding-bottom:68.14793578%;position:absolute;left:8.37155963%;bottom:0;}
#scenarios .lines svg{fill:none;fill-rule:evenodd;stroke-linejoin:miter;position:absolute;left:0;top:0;width:100%;height:100%;}
#scenarios .lines path:nth-child(1){opacity:0.302;stroke:#000;stroke-dasharray:0,6;stroke-width:0.015rem;stroke-linecap:round;}
#scenarios .lines path:nth-child(2){stroke:var(--main-color);stroke-width:0.03rem;stroke-dasharray:2580;stroke-dashoffset:2580;stroke-linecap:butt;transition:all 1s;}
#scenarios .lines[data-index="0"] path:nth-child(2){stroke-dashoffset:1720;}
#scenarios .lines[data-index="1"] path:nth-child(2){stroke-dashoffset:805;}
#scenarios .lines[data-index="2"] path:nth-child(2){stroke-dashoffset:0;}
#scenarios .list .item{width:4.93119266%;position:absolute;display:flex;align-items:center;flex-direction:column;cursor:pointer;}
#scenarios .list .icon{width:100%;margin-bottom:11.62790698%;filter:invert(1) brightness(0);opacity:0.8;}
#scenarios .list .icon:after{padding-bottom:93.02325581%;}
#scenarios .list .name{font-size:var(--font-size-16);color:#666;font-weight:300;white-space:nowrap;transition:all 0.3s;}
#scenarios .list .dot{width:69.76744186%;border-radius:50%;border:0.01rem solid transparent;position:absolute;transition:all 0.3s;}
#scenarios .list .dot:before{display:block;content:'';padding-bottom:100%;}
#scenarios .list .dot:after{width:21.42857143%;height:21.42857143%;content:'';display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:#000;border-radius:50%;}
#scenarios .list .item{top:0;}
#scenarios .list .item:nth-child(1){left:55.5%;top:auto;bottom:89.3%;}
#scenarios .list .item:nth-child(1) .dot{left:50%;transform:translateX(-50%);top:115%;}
#scenarios .list .item:nth-child(2){left:93.11926606%;margin-top:64.33486239%;}
#scenarios .list .item:nth-child(2) .dot{bottom:100%;right:80%;}
#scenarios .list .item:nth-child(3){left:3.89908257%;margin-top:60.09174312%;}
#scenarios .list .item:nth-child(3) .dot{bottom:85%;left:100%;}
#scenarios .list .active .icon{opacity:1;filter:none;}
#scenarios .list .active .name{color:var(--main-color);}
#scenarios .list .active .dot{border-color:var(--main-color);background-color:#fff;}
#scenarios .list .active .dot:after{background-color:var(--main-color);}
@media only screen and (max-width:1280px){
  #scenarios .bg{width:38.54166667%;}
}
@media only screen and (max-width:1024px){
  #scenarios .images{margin-right:0;}
  #scenarios .bg{width:46%;}
}
@media only screen and (max-width:768px){
  #scenarios{padding:var(--pm100) 0 50%;}
  #scenarios .bg{width:100%;bottom:auto;top:var(--pm200);}
  #scenarios .text{width:100%;}
  #scenarios .column-info{margin-bottom:var(--pm60);}
  #scenarios .images{width:100%;padding:7.375% 0 7.125%;}
  #scenarios .list .item:nth-child(1){bottom:105.8%;left:56%;}
  #scenarios .list .item:nth-child(2){margin-top:52%;}
  #scenarios .list .item:nth-child(3){margin-top:47%;}
}

/*categories*/
.categories{gap:var(--pm20);margin-bottom:var(--pm50);}
.categories a{background-color:#f5f5f5;font-size:var(--font-size-16);height:3.125em;min-width:9.375em;display:flex;align-items:center;justify-content:center;border-radius:1.5625em;padding:0 1.625em;position:relative;transition:all 0.2s;}
.categories a:after{content:'';display:block;position:absolute;left:50%;transform:translateX(-50%);top:100%;border-top:0.375em solid var(--main-color);border-left:0.375em solid transparent;border-right:0.375em solid transparent;opacity:0;transition:inherit;}
.categories .current,.categories a:hover{background-color:var(--main-color);color:#fff;}
.categories .current:after,.categories a:hover:after{opacity:1;}

/*product-intro*/
.product-intro{overflow:hidden;margin-bottom:var(--pm35);}
.product-intro .list{--padding:var(--pm25);}
.product-intro .box{position:relative;height:100%;background-color:#f7f8fa;padding:var(--pm40) 0 var(--pm50);}
.product-intro .title{font-size:var(--font-size-24);line-height:1.58333333em;font-weight:normal;padding:0.20833333em 0 0.20833333em 2.83333333em;position:relative;margin:0 var(--pm40) var(--pm25);}
.product-intro .title:before{content:'';display:block;position:absolute;left:0;top:0;border-radius:50%;background:var(--main-color) no-repeat center center;background-size:50% auto;width:2em;height:2em;}
.product-intro .title.f:before{background-image:url(../images/product_intro_icon_01.svg);}
.product-intro .title.a:before{background-image:url(../images/product_intro_icon_02.svg);}
.product-intro .title.s:before{background-image:url(../images/product_intro_icon_03.svg);}
.product-intro .entry{font-size:var(--font-size-16);line-height:1.75em;color:#666;font-weight:300;position:relative;padding-left:var(--pm40);display:flex;align-items:flex-start;justify-content:space-between;}
.product-intro .entry:after{width:0.1875em;height:5em;background-color:var(--main-color);border-radius:0.09375em;display:block;content:'';position:sticky;top:0;right:0;}
.product-intro .entry .scroll{overflow-y:scroll;overflow-x:hidden;height:8.75em;scrollbar-width:none;-ms-overflow-style:none;width:calc(100% - var(--pm40));}
.product-intro .entry .scroll::-webkit-scrollbar{display:none;}
.product-intro .entry p:before{content:'·';display:inline;font-weight:bold;color:var(--main-color);margin-right:0.3125em;}
@media only screen and (max-width:1024px) and (min-width:769px){
  .product-intro .item{width:33.33%;}
  .product-intro .title{font-size:var(--font-size-20);}
}

/*button-download*/
.button-download .file{display:flex;align-items:center;justify-content:center;background-color:var(--main-color);color:#fff;width:9.375em;height:3.125em;border-radius:1.5625em;gap:1em;transition:all 0.3s;}
.button-download .file:after{width:1.25em;height:1.125em;background:url(../images/button_download.svg) no-repeat center center;background-size:contain;display:block;content:'';}
.button-download .file:hover{gap:1.5em;}

/*product-file*/
.product-file{border-bottom:0.01rem solid rgba(0,0,0,0.1);padding:var(--pm30) 0;gap:var(--pm30);}
.product-file .name{font-size:var(--font-size-20);line-height:1.5em;text-align:center;}

/*product-list*/
.product-list{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;position:relative;}
.product-list .table{text-align:center;table-layout:fixed;min-width:100%;}
.product-list .table th{background-color:var(--main-color);color:#fff;line-height:1.5em;white-space:nowrap;vertical-align:top;padding:1em 1.5em;}
.product-list .table th span{font-weight:300;}
.product-list .table td{font-size:var(--font-size-16);line-height:1.75em;height:6.25em;white-space:nowrap;padding:1em 1.5em;position:relative;}
.product-list .table .cover{display:block;width:auto;max-width:none;height:auto;max-height:0.68rem;object-fit:contain;margin:0 auto;}
.product-list .table tr:nth-child(2n){background-color:#f7f8fa;}
.product-list .table .zoom{cursor:pointer;
pointer-events: none;
}
.product-list .table .zoom:after{width:1em;height:1em;background:url(../images/zoom@2x.png) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;right:0;top:auto;transform:translate(-50%,-100%);opacity:0;transition:all 0.2s;

}
/* .product-list .table .zoom:hover:after{opacity:1;} */
.product-list .tips{font-size:var(--font-size-16);line-height:1.625em;color:#666;padding:0.75em 0;margin-bottom:0.5em;position:sticky;left:0;font-weight:300;}
.product-list .tips i{font-style:normal;color:#222;font-weight:normal;}
@media only screen and (max-width:1280px){
  .product-list .table .cover{max-height:0.55rem;}
}
@media only screen and (max-width:768px){
  .product-list .table th,.product-list .table td{padding:1em;}
}

/*product-popup*/
.product-popup .box{width:5rem;background-color:#fff;padding:var(--pm65) var(--pm50);min-height:5rem;display:flex;align-items:center;justify-content:center;}
.product-popup .figure{display:flex;align-items:center;justify-content:center;}
.product-popup .figure img{height:3.65rem;}

/*product-overview*/
.product-overview{background-color:#f7f8fa;margin-bottom:var(--pm20);}
.product-overview .text{width:50%;padding:var(--pm50) var(--pm85) var(--pm50) var(--pm60);}
.product-overview .title{font-size:var(--font-size-30);line-height:1.35em;color:#000;margin-bottom:9.04347826%;}
.product-overview .title:after{width:1.53333333em;height:0.2em;background:url(../images/title_line_icon.svg) no-repeat center center;background-size:contain;display:block;content:'';margin-top:0.83333333em;}
.product-overview .intro{font-size:var(--font-size-16);line-height:1.875em;font-weight:300;color:#333;}
.product-overview .gallery{width:50%;}
.product-overview .figure{padding-bottom:56.25%;}
.product-overview .swiper-pagination{position:absolute;left:50%;transform:translateX(-50%);bottom:0;margin-bottom:4.16666667%;gap:var(--pm20);}
.product-overview .swiper-pagination-bullet-active{transform:scale(1.4);}
@media only screen and (max-width:768px){
  .product-overview .gallery{width:100%;}
  .product-overview .text{width:100%;}
}

/*contact-info*/
.contact-info{overflow:hidden;margin-bottom:var(--pm50);}
.contact-info .list{--padding:var(--pm25);}
.contact-info .box{background-color:#f7f8fa;position:relative;padding:var(--pm35) var(--pm35) var(--pm45);height:100%;}
.contact-info .box:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:0.06rem;background-image:linear-gradient(90deg,#f5821f 30%,#f1d4d3 60%,transparent 100%);}
.contact-info .title{font-size:var(--font-size-24);line-height:1.58333333em;font-weight:normal;margin-bottom:var(--pm10);}
.contact-info .intro{font-size:var(--font-size-20);line-height:1.5em;}
.contact-info .intro p{padding-left:1.85em;background:no-repeat left 0.175em;background-size:auto 1.15em;}
.contact-info .intro .tel{background-image:url(../images/contact_info_tel.png);}
.contact-info .intro .phone{background-image:url(../images/contact_info_phone.png);}
.contact-info .intro .mail{background-image:url(../images/contact_info_mail.png);}
@media only screen and (min-width:769px){
  .contact-info .item{width:33.333%;}
}

/*contact-form*/
.contact-form .column-info{margin-bottom:var(--pm70);}
.contact-form .item{margin-bottom:var(--pm25);}
.contact-form .label{display:block;font-size:var(--font-size-18);color:#333;line-height:1.44444444em;margin-bottom:var(--pm10);position:relative;padding-left:0.66666667em;}
.contact-form .label i{font-style:normal;color:var(--main-color);font-size:0.88888889em;position:absolute;left:0;top:0;}
.contact-form .label em{font-style:normal;display:inline-block;font-weight:300;color:#666;}
.contact-form .text{background-color:#ffe8d5;display:block;width:100%;font-size:var(--font-size-16);height:3.125em;line-height:1.875em;padding:0.625em 1.25em;}
.contact-form textarea.text{height:10em;}
.contact-form .checkbox{background-color:#ffe8d5;display:flex;flex-wrap:wrap;padding:var(--pm20) 6.25%;font-size:var(--font-size-16);line-height:1.375em;font-weight:300;color:#333;gap:9.52380952%;}
.contact-form .checkbox label{display:flex;align-items:center;gap:1em;padding:0.5625em 0;}
.contact-form .checkbox input{-webkit-appearance:none;appearance:none;width:1em;height:1em;border-radius:0.125em;border:0.01rem solid var(--main-color);background:#fff no-repeat center center;background-size:0.75em auto;}
.contact-form .checkbox input:checked{background-color:var(--main-color);background-image:url(../images/checked.png);}
.contact-form .col2{display:flex;justify-content:space-between;flex-wrap:wrap;}
.contact-form .col2 .item{width:48.61111111%;}
.contact-form .button-back{margin-top:var(--pm35);}
@media only screen and (max-width:768px){
  .contact-form .col2 .item{width:100%;}
}

/*scene-list*/
.scene-list{--padding:var(--pm25);margin-bottom:0.05rem;}
.scene-list .info{background-color:#f7f8fa;position:relative;padding:var(--pm35) var(--pm40) var(--pm60);display:flex;flex-direction:column;justify-content:space-between;height:100%;}
.scene-list .title{font-size:var(--font-size-30);line-height:1.35em;margin-bottom:var(--pm55);}
.scene-list .title:after{display:block;content:'';width:2em;height:0.13333333em;background-color:var(--main-color);transform:skew(-45deg) translateX(0.1667em);margin-top:var(--pm25);}
.scene-list .intro{font-size:var(--font-size-16);line-height:1.75em;color:#333;font-weight:300;margin-bottom:29.79274611%;}
.scene-list .more:not(:hover){background-color:#c9c9c9;}
.scene-list .more:after{transition:all 0.3s;}
.scene-list .more:hover{gap:1em;}
.scene-list .more:hover:after{transform:rotate(90deg);}
.scene-list .figure{display:block;position:absolute;right:0;bottom:0;width:49.78354978%;}
.scene-list .figure:after{padding-bottom:86.95652174%;}
.scene-list .current .more{background-color:var(--main-color);}
.scene-list .current .more:after{transform:rotate(90deg);}
@media only screen and (min-width:769px){
  .scene-list .item{width:33.333%;}
}

/*scene-details*/
.scene-details{position:relative;}
.scene-details .title{font-size:var(--font-size-30);line-height:1.35em;margin-bottom:var(--pm65);position:relative;z-index:5;}
.scene-details .title:after{display:block;content:'';width:2em;height:0.13333333em;background-color:var(--main-color);transform:skew(-45deg) translateX(0.1667em);margin-top:var(--pm25);}
.scene-details .module{display:none;}
.scene-details .module:nth-child(1){display:block;}
.scene-details .module:nth-child(2) .scene-product{align-items:center;}
.scene-details .module:nth-child(3) .scene-product{align-items:flex-end;}
.scene-details .texture{position:absolute;right:0;bottom:0;width:5rem;max-width:100%;pointer-events:none;}

/*scene-feature*/
.scene-feature{background-color:#f7f8fa;padding: var(--pm25) var(--pm40);}
.scene-feature .name{text-align:center;font-size:var(--font-size-46);line-height:1.35em;margin-bottom:9.02777778%;}
.scene-feature .list{--padding:var(--pm50);font-size:var(--font-size-18);line-height:1.66666667em;text-align:center;position:relative;z-index:5;}
.scene-feature .figure{width:0.54rem;margin:0 auto var(--pm40);}
.scene-feature .figure:after{padding-bottom:74.07407407%;}
@media only screen and (max-width:768px){
  .scene-feature .item{width:50%;}
}

/*scene-product*/
@keyframes dot{
  0%{transform:scale(1);}
  100%{transform:scale(3);}
}

/*scene-product*/
.scene-product .title{background-color:#f7f8fa;width:calc(33.911% - var(--pm25));padding:var(--pm25) var(--pm40) 0;margin-bottom:0;}
.scene-product .content{background-color:#f7f8fa;padding:var(--pm60) var(--pm40);width:100%;}
.scene-product .intro{font-size:var(--font-size-16);line-height:1.75em;margin-bottom:var(--pm55);position:relative;z-index:5;}
.scene-product .info{font-size:var(--font-size-18);position:relative;z-index:5;}
.scene-product .part .dot{position:absolute;transform:translate(-50%,-50%);}
.scene-product .part .dot:before{width:100%;height:100%;border-radius:50%;content:'';display:block;position:absolute;left:0;top:0;transform:scale(3);box-shadow:inset 0 0 0.22222222em rgba(var(--main-rgb),0.65);animation:dot 1.5s linear 0s infinite;}
.scene-product .part .dot span{width:0.33333333em;height:0.33333333em;background-color:var(--main-color);border-radius:50%;display:block;position:relative;z-index:2;}
.scene-product .list .item{transform:translateX(-100%);}
.scene-product .list .item:nth-child(1):after{right:-1em;}
.scene-product .list .item:nth-child(1) .line{left:calc(100% + 0.556em);width:14.36111111em;}
.scene-product .list .item:nth-child(1) .line:after{padding-bottom:50.0967118%;}
.scene-product .list .item:nth-child(2){transform:translateX(100%);}
.scene-product .list .item:nth-child(2):after{left:-1em;}
.scene-product .list .item:nth-child(2) .line{right:calc(100% + 0.556em);width:19.86111111em;}
.scene-product .list .item:nth-child(2) .line:after{padding-bottom:20%;}
.scene-product .list .item:nth-child(3){transform:translateX(100%);}
.scene-product .list .item:nth-child(3):after{left:-1em;}
.scene-product .list .item:nth-child(3) .line{right:calc(100% + 0.556em);transform:translateY(-43%);width:11.75em;}
.scene-product .list .item:nth-child(3) .line:after{padding-bottom:61.70212766%;}
.scene-product .list .item:nth-child(4){transform:translateX(-100%);}
.scene-product .list .item:nth-child(4):after{right:-1em;}
.scene-product .list .item:nth-child(4) .line{left:calc(100% + 0.556em);width:7.19444444em;}
.scene-product .list .item:nth-child(4) .line:after{padding-bottom:3.47490347%;}
.scene-product .list .line{position:absolute;top:calc(100% - 1em);}
.scene-product .list .line:after{display:block;content:'';}
.scene-product .list svg{fill:none;stroke:var(--main-color);stroke-width:0.01rem;stroke-dasharray:3,3;stroke-linecap:butt;fill-rule:evenodd;stroke-linejoin:miter;position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;}
.scene-product .list .item{position:absolute;display:flex;flex-direction:column;align-items:center;gap:0.55555556em;}
.scene-product .list .item:after{width:0.44444444em;height:0.44444444em;border-radius:50%;border:0.11111111em solid var(--main-color);content:'';display:block;position:absolute;z-index:2;background-color:#fff;bottom:0.66666667em;}
.scene-product .list .name{font-size:1em;height:1.77777778em;line-height:1.77777778em;background-color:var(--main-color);color:#fff;font-weight:normal;border-radius:0.88888889em;min-width:8.11111111em;padding:0 1em;text-align:center;}
.scene-product .list .cover{width:4.16666667em;}
.scene-product .list .cover:after{padding-bottom:100%;}
@media only screen and (max-width:1024px){
  .scene-product .info{font-size:var(--font-size-16);}
}
@media only screen and (max-width:768px){
  .scene-product .title{width:100%;}
  .scene-product .info{font-size:0.085rem;}
}

/*humanoid-robot*/
.humanoid-robot{width:9.44444444em;margin:3.33333333em auto 0;}
.humanoid-robot .machine:after{padding-bottom:308.82352941%;}
.humanoid-robot .part .dot:nth-child(1){left:51.76470588%;top:12.76190476%;}
.humanoid-robot .part .dot:nth-child(2){left:22.35294118%;top:19.04761905%;}
.humanoid-robot .part .dot:nth-child(3){left:5.88235294%;top:30.66666667%;}
.humanoid-robot .part .dot:nth-child(4){left:68.82352941%;top:45.14285714%;}
.humanoid-robot .part .dot:nth-child(5){left:75.29411765%;top:51.23809524%;}
.humanoid-robot .part .dot:nth-child(6){left:92.35294118%;top:55.23809524%;}
.humanoid-robot .part .dot:nth-child(7){left:72.35294118%;top:67.80952381%;}
.humanoid-robot .part .dot:nth-child(8){left:70.58823529%;top:79.23809524%;}
.humanoid-robot .part .dot:nth-child(9){left:11.76470588%;top:57.52380952%;}
.humanoid-robot .list .item:nth-child(1){left:-107.64705882%;top:-12%;}
.humanoid-robot .list .item:nth-child(2){right:-182.35294118%;top:19.04761905%;}
.humanoid-robot .list .item:nth-child(3){right:-98.23529412%;top:46.66666667%;}
.humanoid-robot .list .item:nth-child(4){left:-70.58823529%;top:38.0952381%;}
@media only screen and (max-width:768px){
  .humanoid-robot{transform:translateX(-3.5em);}
}

/*robot-dog*/
.robot-dog{width:19.16666667em;margin:6.66666667em auto 5.55555556em;}
.robot-dog .machine:after{padding-bottom:104.34782609%;}
.robot-dog .part .dot:nth-child(1){left:36.23188406%;top:2.77777778%;}
.robot-dog .part .dot:nth-child(2){left:20.57971014%;top:11.66666667%;}
.robot-dog .part .dot:nth-child(3){left:14.49275362%;top:29.44444444%;}
.robot-dog .part .dot:nth-child(4){left:44.63768116%;top:49.16666667%;}
.robot-dog .part .dot:nth-child(5){left:47.82608696%;top:58.33333333%;}
.robot-dog .part .dot:nth-child(6){left:56.52173913%;top:63.88888889%;}
.robot-dog .part .dot:nth-child(7){left:47.24637681%;top:81.94444444%;}
.robot-dog .part .dot:nth-child(8){left:47.24637681%;top:99.16666667%;}
.robot-dog .part .dot:nth-child(9){left:16.8115942%;top:68.05555556%;}
.robot-dog .list .item:nth-child(1){left:-42.02898551%;top:-33.33333333%;}
.robot-dog .list .item:nth-child(2){right:-49.85507246%;top:11.11111111%;}
.robot-dog .list .item:nth-child(3){right:-10.14492754%;top:51.66666667%;}
.robot-dog .list .item:nth-child(4){left:-24.63768116%;top:39.72222222%;}

/*wheeled-robot*/
.wheeled-robot{width:22.22222222em;margin:6.66666667em auto;}
.wheeled-robot .machine:after{padding-bottom:70%;}
.wheeled-robot .part .dot:nth-child(1){left:30%;top:6.42857143%;}
.wheeled-robot .part .dot:nth-child(2){left:24.75%;top:29.64285714%;}
.wheeled-robot .part .dot:nth-child(3){left:51%;top:56.07142857%;}
.wheeled-robot .part .dot:nth-child(4){left:54%;top:67.85714286%;}
.wheeled-robot .part .dot:nth-child(5){left:61.25%;top:74.28571429%;}
.wheeled-robot .part .dot:nth-child(6){left:52.5%;top:97.5%;}
.wheeled-robot .part .dot:nth-child(7){left:26.75%;top:77.85714286%;}
.wheeled-robot .list .item:nth-child(1){left:-24.5%;top:-51.78571429%;}
.wheeled-robot .list .item:nth-child(2){right:-42%;top:7.14285714%;}
.wheeled-robot .list .item:nth-child(3){right:-6.75%;top:58.21428571%;}
.wheeled-robot .list .item:nth-child(4){left:-9%;top:41.42857143%;}
@media only screen and (max-width:768px){
  .wheeled-robot{transform:translateX(-1.75em);}
}


.sitemap{
  display: flex;flex-wrap: wrap;
}
.sitemap .site_item{
  width: 16.66%;margin-bottom: .25rem;
}
.sitemap .sitemap_tit{font-size: .2rem;}
.sitemap .sitemap_lis{margin-top: .2rem;}
.sitemap_lis .sitemap_li{
    font-size: .16rem;
    display: block;
    color: #82838d;
    margin-bottom: .1rem;
}