@charset "utf-8";
@font-face{
    font-family:'HarmonyOS';
    src:url('../fonts/HarmonyOS_Sans_SC_Light.ttf') format('truetype');
    font-style:normal;
    font-weight:300;
    font-display:swap;
}
@font-face{
    font-family:'HarmonyOS';
    src:url('../fonts/HarmonyOS_Sans_SC_Regular.ttf') format('truetype');
    font-style:normal;
    font-weight:normal;
    font-display:swap;
}
@font-face{
    font-family:'HarmonyOS';
    src:url('../fonts/HarmonyOS_Sans_SC_Medium.ttf') format('truetype');
    font-style:normal;
    font-weight:500;
    font-display:swap;
}
@font-face{
    font-family:'HarmonyOS';
    src:url('../fonts/HarmonyOS_Sans_SC_Bold.ttf') format('truetype');
    font-style:normal;
    font-weight:bold;
    font-display:swap;
}
@font-face{
    font-family:'Montserrat';
    src:url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
    font-style:normal;
    font-weight:600;
    font-display:swap;
}
/*初始化样式*/
:root {  
    --font-color:#333;
    --main-color:#008cd6;
    --rgba:0,140,214;
    --white:255,255,255;
    --black:0,0,0;
}
*{-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.02rem;height:0.12rem;background-color:rgba(0, 0, 0, 0.1);}
  ::-webkit-scrollbar-thumb{background-color:var(--main-color);border-radius:0.15rem; width: 0.02rem;}
}
html {-webkit-text-size-adjust:none; font-size: calc(100vw/19.2); scroll-behavior: initial;}
@media only screen and (max-width:1280px){
    /*1280px*/
    html{font-size:calc(80vw/12.8);}
}
@media only screen and (max-width:1024px){

    /*1024px*/
    html{font-size:calc(90vw/10.24);}
}
@media only screen and (max-width:750px){

    /*750px*/
    html{font-size:calc(150vw/7.5);}
}
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 0.16rem/1.875em '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.75; color:inherit;}
input:-moz-placeholder{opacity:0.75; color:inherit;}
input::-webkit-input-placeholder{opacity:0.75; color:inherit;}
input:-ms-input-placeholder{opacity:0.75; color:inherit;}
textarea::-moz-placeholder{opacity:0.75; color:inherit;}
textarea:-moz-placeholder{opacity:0.75; color:inherit;}
textarea::-webkit-input-placeholder{opacity:0.75; color:inherit;}
textarea:-ms-input-placeholder{opacity:0.75; 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;}
.w1400 {max-width: 14rem;}
.w1080 {max-width: 10.8rem;}
.submit {cursor:pointer;}
/*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:'';}
.figure .img {position: absolute; left:0; top:0; width: 100%; height: 100%; object-fit: cover; display: block; transition: all .3s;}
.figure .bg{background:no-repeat center center;background-size:cover;display:block;transition:all .3s;}
/*table*/
.table {display: table; table-layout: fixed;width: 100%;}
.table .td {display: table-cell; vertical-align: middle;}
/*clearfix*/
.clearfix{clear:both;overflow:hidden;width: 100%;}
.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.5);z-index: 10;-webkit-overflow-scrolling: touch;display: none;}
.popup .wrap {width: 100%;min-height: 100%;justify-content: center;align-items: center;padding: 1vh 0;display: flex;}
/*vpopup*/
.vpopup video {display: block;width: auto;max-width: 90vw;height: auto;max-height: 90vh;}
/*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;}
/*font-size*/
[data-font*=fs16]{font-size: 0.16rem; line-height: 1.875em;}
[data-font*=fs18]{font-size: 0.18rem; line-height: 1.75em;}
[data-font*=fs20]{font-size: 0.20rem; line-height: 1.5em;}
[data-font*=fs22]{font-size: 0.22rem; line-height: 1.35em;}
[data-font*=fs24]{font-size: 0.24rem; line-height: 1.35em;}
[data-font*=fs26]{font-size: 0.26rem; line-height: 1.35em;}
[data-font*=fs28]{font-size: 0.28rem; line-height: 1.35em;}
[data-font*=fs30]{font-size: 0.3rem; line-height: 1.35em;}
[data-font*=fs32]{font-size: 0.32rem; line-height: 1.35em;}
[data-font*=fs34]{font-size: 0.34rem; line-height: 1.35em;}
[data-font*=fs36]{font-size: 0.36rem; line-height: 1.35em;}
[data-font*=fs38]{font-size: 0.38rem; line-height: 1.35em;}
[data-font*=fs40]{font-size: 0.4rem; line-height: 1.35em;}
[data-font*=fs42]{font-size: 0.42rem; line-height: 1.35em;}
[data-font*=fs44]{font-size: 0.44rem; line-height: 1.35em;}
[data-font*=fs46]{font-size: 0.46rem; line-height: 1.35em;}
[data-font*=fs48]{font-size: 0.48rem; line-height: 1.35em;}
[data-font*=fs50]{font-size: 0.5rem; line-height: 1.35em;}
/*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;}
/*col*/
[data-cols] {--margin:0.2rem; width:calc(100% + var(--margin)); 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(--margin);padding-bottom: var(--margin);}
[data-cols="2"] .item {width: 50%;}
[data-cols="3"] .item {width: 33.333%;}
[data-cols="4"] .item {width: 25%;}
[data-cols="6"] .item {width: 16.666%;}
@media only screen and (max-width:1024px){
    [data-cols="3"] .item,
    [data-cols="4"] .item {width: 50%;}
    [data-cols="6"] .item {width: 25%;}
}
@media only screen and (max-width:750px){    
    [data-cols="4"] .item,
    [data-cols="3"] .item,
    [data-cols="2"] .item {width: 100%;}
    [data-cols="6"] .item {width: 33.333%;}
}
/*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;}



.ytable {display: table;width: 100%;}
.ytable-fixed {table-layout: fixed;}
.ytable-cell {display: table-cell;vertical-align: middle;}
@media (max-width:1024px) {
  .ytable.xy,
  .ytable.xy > .ytable-cell{display: block;}
}

/*header*/
#header{position:fixed;top:0;width:100%;z-index:8;border-bottom:0.01rem solid rgba(var(--white),0.1);background-color:#fff;}
#header .inner{position:relative;padding:0.18rem 0;}
#header.white{position:sticky;}
#header:not(.fixed)#header:not(.white)#header:not(.active){background-color:transparent;}

/*logo*/
#logo{width:1.18rem;position:relative;z-index:10;}
#logo a{display:block;overflow:hidden;padding-bottom:54.23728814%;position:relative;}
#logo i{position:absolute;width:100%;height:100%;text-indent:-99999em;display:block;overflow:hidden;background:no-repeat left center;background-size:contain;}
#header:not(.fixed)#header:not(.white)#header:not(.active) #logo{filter:invert(1) brightness(100);}
@media only screen and (max-width:750px){
  #logo{width:1rem;}
}

/*language*/
#language{position:relative;}
#language span{display:block;background:url(../images/language.svg) no-repeat left center;background-size:1.25em auto;padding-left:1.75em;position:relative;white-space:nowrap;cursor:pointer;}
#language .drop{position:absolute;min-width:1.23rem;left:50%;--x:-50%;--y:0;z-index:5;padding-top:0.22rem;}
#language ul{background-color:#fff;box-shadow:0px 0.03rem 0.18rem 0px rgba(8,28,68,0.12);text-align:center;padding:0.15rem 0 0.18rem;border-radius:0.1rem;position:relative;}
#language ul:before{content:'';display:block;position:absolute;left:50%;bottom:100%;transform:translateX(-50%);border-bottom:0.08rem solid #fff;border-left:0.08rem solid transparent;border-right:0.08rem solid transparent;}
#language ul a{white-space:nowrap;display:block;padding:0 1em;}
#header:not(.fixed)#header:not(.white)#header:not(.active) #language span{filter:invert(1) brightness(100);}

/*separate*/
.separate{width:0.01rem;background-color:#eee;height:1em;margin:0 0.3rem;}
#header:not(.fixed)#header:not(.white)#header:not(.active) .separate{background-color:rgba(var(--white),0.2);}

/*search*/
#search span{width:0.44rem;height:0.44rem;background:#008dd4 url(../images/search.svg) no-repeat center center;background-size:auto 40.90909091%;display:block;cursor:pointer;border-radius:50%;}
#search .form{position:absolute;right:0;top:100%;width:4rem;box-shadow:0 0.05rem 0.15rem rgba(0,0,0,0.1);background-color:#fff;}
#search .input{position:relative;padding-right:3.125em;}
#search .text{display:block;width:100%;height:3.125em;line-height:1.875em;padding:0.625em 3.125em 0.625em 1.25em;}
#search .go{display:block;position:absolute;right:0;top:0;height:100%;width:3.125em;cursor:pointer;background:url(../images/search.svg) no-repeat center center;background-size:auto 40%;filter:invert(1);}
@media only screen and (max-width:750px){
  #search .form{width:100%;}
}

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

  /*1024*/
  #navbtn{position:relative;cursor:pointer;width:0.25rem;height:0.25rem;transition:all 0.3s;display:block;z-index:10;overflow:hidden;margin-left:0.3rem;}
  #navbtn:before,#navbtn:after,#navbtn i{width:100%;height:0.02rem;background-color:#000;display:block;position:absolute;left:0;transition:all 0.3s;content:'';}
  #navbtn:before{top:0.01rem;}
  #navbtn:after{bottom:0.01rem;}
  #navbtn i{top:50%;transform:translateY(-50%);}
  #navbtn.active{overflow:visible;}
  #navbtn.active:before{transform:rotate(45deg);top:50%;}
  #navbtn.active:after{transform:rotate(-45deg);bottom:auto;top:50%;}
  #navbtn.active i{opacity:0;}
  #header:not(.fixed)#header:not(.white)#header:not(.active) #navbtn{filter:invert(1) brightness(100);}
}

/*navi*/
#navi{width:calc(100% - 3.2rem);line-height:1.66666667em;padding:0 0.235rem;--y:0;}
#navi a{display:block;position:relative;}
#navi .parent{padding:0.17rem 0.33rem;position:relative;}
#navi .parent > a{color:#000;}
#navi .drop{display:none;}
#navi li:last-child .drop .item:nth-child(2) ul{display: none;}
@media only screen and (min-width:1025px){
  #navi{opacity:1;visibility:visible;}
  #navi .parent.on > a,#navi .parent.cur > a{color:var(--main-color);}
  #navi .parent.on > a:after,#navi .parent.cur > a:after{height:0.02rem;width:0.22rem;background-color:var(--main-color);content:'';display:block;position:absolute;left:50%;bottom:-0.12rem;transform:translateX(-50%);}
  #navi .drop{position:absolute;padding-top:0.18rem;top:100%;left:50%;min-width:100%;transform:translateX(-50%);z-index:5;white-space:nowrap;}
  #navi .drop .box{position:relative;display:flex;justify-content:center;}
  #navi .drop .box:before{content:'';display:block;position:absolute;left:50%;top:0;width:300vw;background-color:#f6f9fa;height:100%;transform:translateX(-50%);}
  #navi .drop .item{border-left:0.01rem solid #eee;padding:0.5rem 0.76rem 0.6rem;min-width:2.8rem;position:relative;z-index:3;}
  #navi .drop .item:first-child{border-left:none;text-align:left;}
  #navi .drop .item:first-child .child li a{padding-left:0.875em;/* padding-right:0.875em; */display: inline-block;}
  #navi .drop .item:first-child .child li a:before{/* left:auto;right:0.25em; */}
  #navi .drop .name{font-size:0.22rem;line-height:1.81818182em;font-weight:500;margin-bottom:0.59090909em;}
  #navi .drop .name a:not(:hover){color:#222;}
  #navi .child{font-size:0.18rem;line-height:2.22222222em;}
  #navi .child a:not(:hover){color:#666;font-weight:lighter;}
  #navi .child ul{padding-bottom:0.18rem;display:none;}
  #navi .child li{font-size:0.88888889em;line-height:1.875em;}
  #navi .child li a{padding-left:0.875em;}
  #navi .child li a:before{width:0.25em;height:0.25em;border-radius:50%;background-color:#a9aaab;content:'';display:block;position:absolute;top:0.8125em;left:0em;}
  #navi .child li a:hover:before{background-color:var(--main-color);}
  #navi .child.on > a{color:var(--main-color);font-weight:normal;}
  #navi .child.on > a:before{background-color:var(--main-color);}
  #header:not(.fixed)#header:not(.white)#header:not(.active) #navi .parent > a{color:#fff;}
  #header:not(.fixed)#header:not(.white)#header:not(.active) #navi .cur > a{color:var(--main-color);}
}
@media only screen and (max-width:1024px){

  /*1024px*/
  #navi{position:fixed;width:100%;max-width:30em;height:calc(100% - 1rem);background-color:#f6f9fa;z-index:9;right:0;top:1rem;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0.5rem 0;transition:all 0.3s;}
  #navi:not(.active){--x:100%;}
  #navi .menu{display:block;}
  #navi a{color:#333;}
  #navi .parent{padding:0 0.5rem;line-height:2em;position:relative;}
  #navi .parent > a{padding:1.5em 0;border-bottom:1px solid #e4e4e4;}
  #navi em{display:block;position:absolute;right:0.3rem;width:3.61111111em;height:5.05555556em;z-index:2;top:0;cursor:pointer;}
  #navi em:after{width:0.66666667em;height:0.66666667em;border-right:0.05555556em solid #333;border-bottom:0.05555556em solid #333;content:'';display:block;position:absolute;top:50%;left:50%;transform:rotate(-45deg);background-color:transparent;margin:-0.38888889em 0 0 -0.38888889em;transition:inherit;}
  #navi .on{background-color:#f9f9f9;}
  #navi .on > em:after{transform:rotate(45deg);}
  #navi .drop{position:static;background-color:transparent;box-shadow:none;padding:1em 0 1em 2em;}
  #navi .drop a{padding:0.5em 0;}
  #navi .child ul{display:none;padding-left:2em;}
}
@media only screen and (max-width:750px){
  #navi{top:0.9rem;height:calc(100% - 0.9rem);}
  #navi .parent{padding:0 3.125%;}
  #navi em{right:0;}
}

/*footer*/
#footer{background:#202634 url(../images/bg_footer.svg) no-repeat left top;background-size:36.14583333% auto;}
#footer a:not(:hover){color:#fff;}

/*copyright*/
#copyright{padding:0.28rem 0 0.35rem;color:rgba(var(--white),0.6);}
#copyright a:not(:hover){color:rgba(var(--white),0.6);}
#copyright .page a:not(:last-child){margin-right:0.2rem;}
@media only screen and (max-width:750px){

  /*750px*/
  #copyright{flex-direction:column;text-align:center;justify-content:center;align-items:center;}
}

/*infor*/
#infor{border-bottom:1px solid rgba(255,255,255,0.1);padding:0.23rem 0;}
#infor .item{width:20.3125%;position:relative;padding-right:1em;}
#infor .item:after{width:0.01rem;height:76.19047619%;content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);right:0;background-color:rgba(var(--white),0.2);}
#infor .item:nth-child(3n){width:42.8125%;padding-right:0;}
#infor .item:nth-child(3n):after{display:none;}
#infor .label{color:rgba(var(--white),0.6);background:no-repeat left 0.05rem;background-size:auto 0.18rem;padding-left:0.3rem;font-size:0.18rem; margin-bottom: 0.08rem;}
#infor .tel{background-image:url(../images/infor_tel.svg); background-size:auto 0.2rem;}
#infor .mail{background-image:url(../images/infor_mail.svg);}
#infor .add{background-image:url(../images/infor_add.svg); background-size:auto 0.2rem;}
#infor .intro{font-size:0.24rem;}
#infor .intro a{line-height:1.3;}
@media only screen and (max-width:1024px){

  /*1024px*/
  #infor .item{width:23%;}
  #infor .item:nth-child(3n){width:40%;}
  #infor .label{font-size:0.16rem;}
  #infor .intro{font-size:0.18rem;}
  
}
@media only screen and (max-width:750px){

  /*750px*/
  #infor .item{width:auto;padding:0.1rem 0;}
  #infor .item:after{display:none;}
  #infor .item:nth-child(3n){width:100%;}
}

/*follow*/
#follow{width:2.08rem;position:relative;}
#follow:before{width:0.01rem;background-color:#243448;content:'';display:block;position:absolute;height:100%;left:0;top:0;}
#follow a{display:block;position:relative;padding-right:2.75em;}
#follow i{display:block;width:1.75em;height:1.75em;border-radius:50%;background:#4bb3ed no-repeat center center;background-size:contain;position:absolute;right:0;top:50%;transform:translateY(-50%);}
#follow li{margin-bottom:0.2rem;position:relative;text-align:right;}
#follow li:last-child{margin-bottom:0;}
#follow .qr{position:absolute;right:100%;top:50%;transform:translateY(-50%);margin-right:1em;background-color:rgba(var(--white),0.1);border-radius:0.05rem;padding:0.12rem;width:1.4rem;z-index:5;}
#follow .qr:after{border-top:0.1rem solid transparent;border-left:0.1rem solid rgba(var(--white),0.1);border-bottom:0.1rem solid transparent;content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);left:100%;}
#follow .qr img{display:block;width:100%;height:auto;}
@media only screen and (max-width:1024px){
  #follow{width:1.8rem;}
}
@media only screen and (max-width:750px){
  #follow{width:100%;}
  #follow ul{display:flex;flex-wrap:wrap;justify-content:center;}
  #follow li{margin:0 0.15rem 0 0;}
  #follow li:last-child{margin-right:0;}
  #follow span{display:none;}
  #follow a{padding-right:0;}
  #follow i{width:0.5rem;height:0.5rem;position:relative;top:auto;right:auto;transform:none;}
  #follow .qr{right:50%;transform:translateX(50%);margin-right:0;margin-bottom:0.1rem;top:auto;bottom:100%;}
  #follow .qr:after{border-top:0.1rem solid rgba(var(--white),0.1);border-left:0.1rem solid transparent;border-right:0.1rem solid transparent;border-bottom:none;top:100%;transform:translateX(-50%);left:50%;}
}

/*bottom*/
#bottom{border-bottom:1px solid rgba(255,255,255,0.1);padding:0.7rem 0;}

/*menu*/
#menu{width:calc(100% - 3.2rem);}
#menu dt{font-size:0.22rem;line-height:1.35em;margin-bottom:1.27272727em;}
#menu dd{font-size:0.18rem;line-height:2em;}
@media only screen and (max-width:1024px){
  #menu{width:calc(100% - 2.5rem);}
}
@media only screen and (max-width:750px){
  #menu{display:none;}
}

/*home-box*/
.home-box{background:no-repeat center center;background-size:cover;overflow:hidden;position:relative;}

/*module-name*/
.module-name{font-weight:500;margin:0;}
@media only screen and (max-width:750px){
  .module-name{font-size:0.36rem;}
}

/*module-intro*/
.module-intro{line-height:1.63636364em;max-width:37.95454545em;margin:0 auto;}
@media only screen and (max-width:750px){
  .module-intro{font-size:0.18rem;}
}

/*module-info*/
.module-info .module-name{margin-bottom:0.64em;}
.module-info .module-name:last-child{margin-bottom:0;}

/*module-logo*/
.module-logo{position:absolute;top:0;background:no-repeat center center;background-size:contain;width:12.5%;}
.module-logo:after{display:block;content:'';}
@media only screen and (max-width:750px){
  .module-logo{width:30%;}
}

/*button-enter*/
.button-enter .go{display:flex;align-items:center;border:0.01rem solid rgba(var(--rgba),0.4);font-weight:lighter;font-size:0.18rem;height:3.22222222em;border-radius:1.61111111em;padding:0 1.66666667em;transition:all 0.2s;color:var(--main-color);}
.button-enter .go:after{width:1em;height:0.72222222em;background:url(../images/button_enter_next@3x.png) no-repeat center center;background-size:contain;display:block;content:'';margin-left:1.11111111em;}
.button-enter .go:hover{background-color:var(--main-color);border-color:transparent;color:#fff;}
.button-enter .go:hover:after{filter:invert(1) brightness(100);}
.button-enter .white{border-color:rgba(var(--white),0.4);color:#fff;}
.button-enter .white:after{filter:invert(1) brightness(100);}
.button-enter .blue{color:#fff;background-color:var(--main-color);}
.button-enter .blue:after{filter:invert(1) brightness(100);}
@media only screen and (max-width:1024px){
  .button-enter .go{font-size:0.16rem;}
}
@media only screen and (max-width:750px){
  .button-enter .go{font-size:0.14rem;}
}

/*home-join*/
#home-join{min-height:4rem;padding:0.7rem 0;}
#home-join .button-enter{margin-top:0.28rem;}
@media only screen and (max-width:750px){
  #home-join{min-height:0;}
}

/*module-tab*/
.module-tab{gap:0.1rem;}
.module-tab .span{display:flex;cursor:pointer;align-items:center;font-size:0.22rem;height:2.63636364em;border-radius:1.31818182em;border:0.01rem solid rgba(var(--rgba),0.4);transition:all 0.2s;min-width:7.72727273em;padding:0 1em;justify-content:center;}
.module-tab .span:hover,.module-tab .active{color:#fff;background-color:var(--main-color);}
@media only screen and (max-width:750px){
  .module-tab .span{font-size:0.18rem;}
}

/*swiper-controls*/
.swiper-controls .arrow{font-size:0.16rem;width:3.75em;height:3.75em;background-color:var(--main-color);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.swiper-controls .arrow:after{width:30%;padding-bottom:21.66666667%;background:no-repeat center center;background-size:contain;display:block;content:'';filter:invert(1) brightness(100);}
.swiper-controls .arrow.prev:after{background-image:url(../images/button_enter_prev@3x.png);}
.swiper-controls .arrow.next:after{background-image:url(../images/button_enter_next@3x.png);}
.swiper-controls .abs{position:absolute;top:50%;transform:translateY(-50%);z-index:5;}
.swiper-controls .abs.prev{left:0;}
.swiper-controls .abs.next{right:0;}
.swiper-controls .scrollbar{width:5.08rem;height:0.06rem;position:relative;}
.swiper-controls .scrollbar:before{content:'';display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);background-color:#d3d8db;height:0.02rem;width:100%;}
.swiper-controls .scrollbar .swiper-scrollbar-drag{background-color:var(--main-color);border-radius:0.01rem;}
.swiper-controls .pagination{gap:0.15rem;display:flex;justify-content:center;}
.swiper-controls .pagination .swiper-pagination-bullet{width:0.1rem;height:0.1rem;background-color:#fff;border-radius:50%;opacity:1;display:block;}
.swiper-controls .pagination .swiper-pagination-bullet-active{background-color:var(--main-color);}
@media only screen and (max-width:750px){
  .swiper-controls .arrow{font-size:0.14rem;}
  .swiper-controls .scrollbar{width:3rem;}
}

/*home-news*/
#home-news{padding:1.1rem 0 1rem;}
#home-news .module-tab{margin-top:0.3rem;}
#home-news .cont{margin:0.34rem -0.25rem 0.24rem;}
#home-news .swiper-slide{padding:0.26rem 0.25rem 0.36rem;width:5.5rem;}
#home-news .figure{padding-bottom:56%;border-radius:0.2rem 0.2rem 0 0;}
#home-news .text{border:solid 0.01rem #ededed;border-top:none;border-radius:0 0 0.2rem 0.2rem;padding:0.3rem 0.38rem 0.4rem 0.3rem;}
#home-news time{display:block;color:#999;margin-bottom:0.1rem;}
#home-news .title{font-size:0.22rem;line-height:1.63636364em;height:3.27272727em;font-weight:lighter;margin-bottom:0.22rem;}
#home-news .more{width:0.18rem;height:0.13rem;background:url(../images/button_enter_next@3x.png) no-repeat center center;background-size:contain;}
#home-news .info{display:block;overflow:hidden;transition:all 0.3s;border-radius:0.2rem;background-color:#fff;}
#home-news .info:hover{border-color:transparent;box-shadow:0px 0.1rem 0.26rem 0.04rem rgba(0,141,212,0.4);}
#home-news .controls{gap:0.2rem;}
@media only screen and (max-width:750px){
  #home-news{padding:0.75rem 0 0.7rem;}
  #home-news .cont{margin-top:0.15rem;margin-bottom:0.1rem;}
  #home-news .swiper-slide{width:5.18rem;}
}

/*about-data*/
.about-data li{width:25%;display:flex;}
.about-data .box{padding-left:2.95454545em;background:no-repeat left 0.68181818em;background-size:auto 1.63636364em;}
.about-data .since .box{background-image:url(../images/about_data_since@3x.svg);}
.about-data .area .box{background-image:url(../images/about_data_area@3x.svg);}
.about-data .ratio .box{background-image:url(../images/about_data_ratio@3x.svg);}
.about-data .cert .box{background-image:url(../images/about_data_cert@3x.svg);}
.about-data .num{font-size:3em;line-height:1em;font-weight:normal;color:var(--main-color);margin-bottom:0.25757576em;}
.about-data sup{font-size:0.27272727em;line-height:1.5em;vertical-align:top;}
@media only screen and (max-width:1024px){
  .about-data{font-size:0.2rem;}
  .about-data .box{background-position:left 0.5em;}
  .about-data .num{font-size:2.6em;}
}
@media only screen and (max-width:750px){
  .about-data{font-size:0.18rem;}
  .about-data li{width:48%;margin-bottom:5%;}
}

/*about-info*/
.about-info .text{width:41.625%;padding:0.3rem 0;}
.about-info .module-name{margin-bottom:0.24em;}
.about-info .title{margin-bottom:1.17857143em;}
.about-info .intro{line-height:1.63636364em;margin-bottom:0.35rem;}
.about-info .figure{width:50%;}
.about-info .figure:after{display:block;padding-bottom:70%;}
.about-info .play{width:15.125%;background:url(../images/play_01.svg) no-repeat center center;background-size:contain;position:absolute;right:22.75%;top:45.71428571%;z-index:2;cursor:pointer;}
.about-info .play:after{display:block;content:'';padding-bottom:100%;}
.about-info .play:hover{transform:scale(0.9);}
@media only screen and (max-width:750px){
  .about-info .text{width:100%;padding:0;margin-bottom:0.35rem;}
  .about-info .figure{width:100%;}
}

/*home-about*/
#home-about{background-image:linear-gradient(0deg,rgba(var(--rgba),0.2),transparent 60%);padding:0.9rem 0 0.8rem;overflow:visible;z-index:5;}
#home-about .module-logo{background-image:url(../images/home_about_logo.png);left:0;margin-top:-4.73958333%;}
#home-about .module-logo:after{padding-bottom:169.58333333%;}
#home-about .wrap{position:relative;z-index:5;overflow:hidden;}
#home-about .letter{width:93.0625%;background:url(../images/home_about_letter_logo.png) no-repeat center center;background-size:contain;margin:0 auto 2.1875%;}
#home-about .letter:after{display:block;content:'';padding-bottom:10.87978509%;}
@media only screen and (max-width:750px){
  #home-about{padding:0.75rem 0 0.6rem;}
  #home-about .module-logo{margin-top:-11%;}
  #home-about .letter{margin:0.15rem auto;width:100%;}
}

/*home-solution*/
#home-solution{z-index:4;overflow:visible;}
#home-solution .module-logo{right:0;margin-top:-10.15625%;background-image:url(../images/home_solution_logo.png);}
#home-solution .module-logo:after{padding-bottom:173.33333333%;}
#home-solution .hgroup{background-image:linear-gradient(180deg,rgba(var(--rgba),0.6),transparent 60%);padding:1.05rem 0 0.7rem;}
#home-solution .cont{gap:1px;overflow:hidden;}
#home-solution .item{flex-grow:1;width:16.61458333%;transition:all 0.3s;}
#home-solution .box{position:relative;overflow:hidden;display:block;}
#home-solution .figure{padding-bottom:7rem;}
#home-solution .figure:after{display:block;background-color:rgba(8,32,61,0.6);position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;content:'';}
#home-solution .text{position:absolute;top:50%;z-index:5;width:100%;padding:0 0.8rem;transition:all 0.3s;}
#home-solution .title{font-size:0.3rem;line-height:1.35em;font-weight:500;}
#home-solution .intro{font-weight:lighter;margin-top:0.15rem;max-height:5.625em;}
#home-solution .button-enter{margin-top:0.4rem;}
#home-solution .show{text-align:center;transform:translateY(-50%);}
#home-solution .hide{opacity:0;transform:translateY(0);visibility:hidden;width:6.76rem;max-width:100%;}
#home-solution .active{width:50%;}
#home-solution .active .show{transform:translateY(-100%);opacity:0;visibility:hidden;}
#home-solution .active .hide{opacity:1;transform:translateY(-95%);visibility:visible;}
@media only screen and (max-width:1280px){
  #home-solution .text{padding:0 0.5rem;}
}
@media only screen and (max-width:1024px){
  #home-solution .text{padding:0 0.3rem;}
  #home-solution .title{font-size:0.24rem;}
  #home-solution .hide{width:6rem;}
}
@media only screen and (max-width:750px){
  #home-solution .module-logo{margin-top:-26%;}
  #home-solution .hgroup{padding:0.55rem 0 0.4rem;}
  #home-solution .cont{flex-wrap:wrap;}
  #home-solution .item{width:100%;}
  #home-solution .figure{padding-bottom:72.91666667%;}
  #home-solution .title{font-size:0.3rem;}
  #home-solution .active .hide{transform:translateY(-50%);}
}

/*swiper-dots*/
.swiper-dots .swiper-pagination{display:flex;z-index:5;}
.swiper-dots .swiper-pagination-bullet{width:0.1rem;height:0.1rem;border-radius:0.05rem;opacity:1;background-color:#d8e7ee;display:block;margin-right:0.08rem;position:relative;overflow:hidden;transition:all 0.3s;}
.swiper-dots .swiper-pagination-bullet:last-child{margin-right:0;}
.swiper-dots .swiper-pagination-bullet:after{content:'';display:block;position:absolute;height:100%;border-radius:0.05rem;background-color:var(--main-color);left:0;top:0;width:0;}
.swiper-dots .swiper-pagination-bullet-active{width:0.4rem;}
.swiper-dots .swiper-pagination-bullet-active:after{width:100%;transition:all 6s;}

/*slides*/
#slides .figure{padding-bottom:56.25%;}
#slides .img{transform:scale(1.5);transition-duration:3s;}
#slides .text{position:absolute;top:50%;transform:translateY(100%);left:0;width:100%;z-index:2;opacity:0;transition:all 1.5s;}
#slides .title{font-size:0.54rem;line-height:1.35em;font-weight:500;margin-bottom:1em;}
#slides .title span{font-size:1.33333333em;background-clip:text;color:transparent;background-image:linear-gradient(90deg,#0d10f1 0%,#21c8fa 100%),linear-gradient(#008dd4,#008dd4);background-blend-mode:normal,normal;}
#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(-45%);opacity:1;}
#slides .swiper-pagination{position:absolute;left:50%;transform:translateX(-50%);bottom:5.55555556%;}
#slides .swiper-pagination-bullet{background-color:rgba(var(--white),0.4);}
@media only screen and (max-width:1024px){
  #slides .title{font-size:0.48rem;}
}
@media only screen and (max-width:750px){
  #slides .figure{padding-bottom:100%;}
  #slides .title{font-size:0.3rem;}
}

/*banner-name*/
.banner-name{font-size:0.54rem;line-height:1.35em;left:0;position:absolute;top:50%;transform:translateY(-50%);width:100%;margin:0;}
@media only screen and (max-width:1024px){
  .banner-name{font-size:0.48rem;}
}
@media only screen and (max-width:750px){
  .banner-name{font-size:0.36rem;}
}

/*breadcrumb*/
.breadcrumb{line-height:2em;padding:0.2rem 0;color:#666;}
.breadcrumb i{font-style:normal;}
.breadcrumb a{position:relative;}
.breadcrumb a:not(:hover){color:#666;}
.breadcrumb a:first-child{padding-left:1.66666667em;}
.breadcrumb a:first-child:before{content:'';display:block;position:absolute;width:0.94444444em;height:0.94444444em;background:url(../images/breadcrumb.svg) no-repeat center center;background-size:contain;left:0;top:50%;transform:translateY(-50%);}
@media only screen and (max-width:750px){
  .breadcrumb{font-size:0.16rem;}
}

/*banner*/
#banner{padding-bottom:39.0625%;background:no-repeat center center;background-size:cover;position:relative;}
#banner a:not(:hover){color:#fff;}
#banner .breadcrumb{position:absolute;left:0;bottom:0;width:100%;z-index:5;color:#fff;}
#banner .breadcrumb a:first-child:before{filter:invert(1) brightness(100);}
@media only screen and (max-width:750px){
  #banner{padding-bottom:75%;}
}

/*news-list*/
#news-list{padding:0.74rem 0 1rem;overflow:hidden;}
#news-list .cont{margin:0 -0.25rem;}
#news-list .swiper-slide{padding:0.26rem 0.25rem 0.36rem;width:5.5rem;}
#news-list .figure{padding-bottom:56%;border-radius:0.2rem 0.2rem 0 0;}
#news-list .text{border:solid 0.01rem #ededed;border-top:none;border-radius:0 0 0.2rem 0.2rem;padding:0.3rem 0.38rem 0.4rem 0.3rem;}
#news-list time{display:block;color:#999;margin-bottom:0.1rem;}
#news-list .title{font-size:0.22rem;line-height:1.63636364em;height:3.27272727em;font-weight:lighter;margin-bottom:0.22rem;}
#news-list .more{width:0.18rem;height:0.13rem;background:url(../images/button_enter_next@3x.png) no-repeat center center;background-size:contain;}
#news-list .info{display:block;overflow:hidden;transition:all 0.3s;border-radius:0.2rem;background-color:#fff;}
#news-list .info:hover{border-color:transparent;box-shadow:0px 0.1rem 0.26rem 0.04rem rgba(0,141,212,0.4);}
#news-list .controls{gap:0.2rem;margin-top:0.44rem;}
#news-list .swiper-button-disabled{background-color:#ccc;cursor:default;}
@media only screen and (max-width:750px){
  #news-list{padding:0.55rem 0 0.6rem;}
  #news-list .swiper-slide{width:5.18rem;}
  #news-list .controls{margin-top:0.25rem;}
}

/*news-top*/
#news-top{overflow:hidden;background-color:#f3f7f9;padding:1rem 0 1.16rem;}
#news-top .tab{margin-bottom:0.8rem;}
#news-top .figure{width:46.25%;border-radius:0.2rem;}
#news-top .figure a{padding-bottom:56.21621622%;}
#news-top .text{width:48.5625%;}
#news-top time{display:block;font-size:0.18rem;line-height:1.5em;color:#999;margin-bottom:1.11111111em;}
#news-top .title{margin:0 0 0.66666667em;font-size:0.36rem;line-height:1.44444444em;height:2.88888889em;font-weight:500;}
#news-top .title a{display:block;}
#news-top .title a:not(:hover){color:#222;}
#news-top .intro{font-size:0.18rem;line-height:1.77777778em;color:#222;font-weight:lighter;margin-bottom:6.69240669%;}
#news-top .swiper-pagination{position:absolute;right:0;bottom:0.6rem;}
@media only screen and (max-width:1280px){
  #news-top .swiper-pagination{bottom:0.45rem;}
}
@media only screen and (max-width:1024px){
  #news-top time{margin-bottom:0.5em;}
  #news-top .title{font-size:0.28rem;margin-bottom:0.5em;}
  #news-top .intro{margin-bottom:0.3rem;}
  #news-top .swiper-pagination{bottom:0.2rem;}
}
@media only screen and (max-width:750px){
  #news-top{padding:0.7rem 0 0.75rem;}
  #news-top .tab{margin-bottom:0.4rem;}
  #news-top .figure{width:100%;margin-bottom:0.3rem;}
  #news-top .text{width:100%;}
}

/*details-page*/
#details-page{overflow:hidden;min-height:100vh;background-color:#f3f7f9;background-image:linear-gradient(180deg,rgba(var(--rgba),0.2),transparent 4.73rem);position:relative;}
#details-page .module-logo{width:10%;background-image:url(../images/news_page_logo.png);margin-top:-5.625%;left:16.14583333%;}
#details-page .module-logo:after{padding-bottom:173.4375%;}
#details-page .inner{position:relative;z-index:5;}
@media only screen and (max-width:750px){
  #details-page .module-logo{width:24%;margin-top:-12%;left:3.125%;}
}

/*details-top*/
.details-top{padding:0.3rem 0;}
@media only screen and (max-width:750px){
  .details-top{padding:0;}
}

/*newspage*/
#newspage{padding:0.7rem 0 1.07rem;}
@media only screen and (max-width:750px){
  #newspage{padding:0.35rem 0 0.6rem;}
}

/*details*/
#details .hgroup{border-bottom:0.01rem solid rgba(209,210,212,0.5);padding-bottom:0.22rem;margin-bottom:0.38rem;}
#details .title{line-height:1.41666667em;}
#details .meta{margin-top:0.28rem;}
#details .meta span{display:block;margin-right:5.37037037%;}
#details .meta span:last-child{margin-right:0;}
#details .entry h3{font-size:0.24rem;font-weight:500;line-height:1.35em;}
#details .other{border-top:0.01rem solid rgba(209,210,212,0.5);padding-top:0.62rem;margin-top:0.53rem;}
#details .other a{display:flex;align-items:center;justify-content:center;transition:all 0.2s;height:3.33333333em;border-radius:1.66666667em;color:var(--main-color);}
#details .other a:hover{background-color:var(--main-color);color:#fff;}
#details .other a:hover:before,#details .other a:hover:after{filter:invert(1) brightness(100);}
#details .back a{background-color:#fff;width:17.77777778em;}
#details .arrow a{width:10.11111111em;border:0.01rem solid var(--main-color);}
#details .prev a:before,#details .next a:after{width:1em;height:0.72222222em;background:no-repeat center center;background-size:contain;display:block;content:'';}
#details .prev a:before{background-image:url(../images/button_enter_prev@3x.png);margin-right:1.11111111em;}
#details .next a:after{background-image:url(../images/button_enter_next@3x.png);margin-left:1.11111111em;}
@media only screen and (max-width:1024px){
  #details .title{font-size:0.36rem;}
}
@media only screen and (max-width:750px){
  #details .title{font-size:0.28rem;}
  #details .other{font-size:0.16rem;margin-top:0.35rem;padding-top:0.4rem;}
  #details .arrow a{width:8.5em;}
  #details .back a{width:10em;}
}

/*Pages*/
.Pages{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;font-size:0.14rem;}
.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;}
.Pages .num{display:flex;flex-wrap:wrap;justify-content:center;font-style:normal;}
.Pages a{display:flex;align-items:center;justify-content:center;margin:0 0.35714286em;min-width:3.57142857em;border-radius:1.78571429em;height:3.57142857em;padding:0 0.5em;position:relative;transition:all 0.3s;color:#000;background-color:#f5f7f8;border:solid 0.02rem #f5f7f8;}
.Pages a:hover,.Pages .a_cur{color:var(--main-color);border-color:var(--main-color);}
.Pages .a_prev,.Pages .a_next{text-indent:-99999em;overflow:hidden;border-color:#d3d8db;}
.Pages .a_prev:after,.Pages .a_next:after{width:15.2173913%;padding-bottom:23.91304348%;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,.Pages .a_next:hover{background-color:var(--main-color);}
.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);}
@media only screen and (max-width:750px){
  #pagenavi{font-size:0.12rem;}
}

/*wrapper*/
#wrapper{position:relative;padding:0.35rem 0 1.2rem;overflow:hidden;}
#wrapper:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;padding-bottom:1.9rem;background-image:linear-gradient(180deg,rgba(var(--rgba),0.3),transparent);}
@media only screen and (max-width:750px){
  #wrapper{padding-bottom:0.7rem;}
}

/*submenu*/
#submenu{position:relative;line-height:1.5em;margin-bottom:0.6rem;}
#submenu:after{content:'';display:block;position:absolute;left:0;bottom:0.01rem;height:0.01rem;background-color:#e3e6e8;width:100%;transform:scale(0.5);}
#submenu a{padding:0.58333333em 0;margin-right:8.75%;display:block;position:relative;z-index:2;}
#submenu a:not(:hover){color:#000;}
#submenu a:last-child{margin-right:0;}
#submenu a:after{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;background-color:var(--main-color);height:0.125em;opacity:0;}
#submenu a.active{color:var(--main-color);font-weight:normal;}
#submenu a.active:after{opacity:1;}
@media only screen and (max-width:750px){
  #submenu{font-size:0.22rem;}
}

/*joblist*/
#joblist{padding:0.8rem 0 0.4rem;overflow:hidden;}
@media only screen and (max-width:750px){
  #joblist{padding:0.4rem 0 0.2rem;}
}

/*job-item*/
.job-item{background-color:#f5f7f8;border-radius:0.1rem;overflow:hidden;margin-bottom:0.3rem;position:relative;}
.job-item:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;background-color:var(--main-color);height:0.02rem;opacity:0;transition:all 0.3s;}
.job-item .top{cursor:pointer;padding:0.35rem 0.6rem 0.3rem 0.7rem;position:relative;}
.job-item .info{width:calc(100% - 0.8rem);}
.job-item .name{font-size:0.24rem;line-height:1.35em;font-weight:normal;}
.job-item .meta{margin-top:1em;}
.job-item .meta span{display:block;position:relative;}
.job-item .meta span:not(:last-child){padding-right:1em;margin-right:1em;}
.job-item .meta span:not(:last-child):after{content:'';display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);width:0.01rem;height:0.88888889em;background-color:#7e7f7f;}
.job-item .arrow{width:0.62rem;background:url(../images/circle_arrow_down.svg) no-repeat center center;background-size:contain;border-radius:50%;transition:all 0.3s;}
.job-item .arrow:after{display:block;content:'';padding-bottom:100%;}
.job-item .btm{padding:0 0.6rem 0.5rem 0.7rem;display:none;}
.job-item .entry{line-height:2em;}
.job-item .entry *{line-height:2em;}
.job-item .entry h3{font-size:0.18rem;line-height:1.77777778em;font-weight:normal;color:#333;margin-bottom:0.83333333em;}
.job-item .other{margin-top:0.3rem;}
.job-item .mail{margin-bottom:0.625em;}
.job-item .mail a{color:var(--main-color);}
.job-item .mail a:hover{text-decoration:underline;}
.job-item.active{background:#f5f7f8 url(../images/job_bg.jpg) no-repeat center bottom;background-size:100% auto;border-radius:0 0 0.1rem 0.1rem;}
.job-item.active:before{opacity:1;}
.job-item.active .arrow{transform:rotateZ(180deg);}
.job-item.active .name{color:var(--main-color);}
@media only screen and (max-width:750px){
  .job-item{margin-bottom:0.15rem;}
  .job-item .top{padding:0.25rem 0.3rem 0.2rem;}
  .job-item .info{width:calc(100% - 0.5rem);}
  .job-item .arrow{width:0.35rem;height:0.35rem;}
  .job-item .name{font-size:0.22rem;}
  .job-item .meta{margin-top:0.5em;}
  .job-item .btm{padding:0.15rem 0.3rem 0.5rem;}
}

/*container*/
#container{position:relative;padding:1.35rem 0 1.2rem;overflow:hidden;}
#container.npb{padding-bottom:0;}
#container:before,#container:after{content:'';display:block;position:absolute;}
#container:before{left:0;top:0;width:100%;padding-bottom:37.29166667%;background-image:linear-gradient(180deg,rgba(var(--rgba),0.3),transparent);}
#container:after{width:77.55208333%;padding-bottom:8.4375%;left:50%;transform:translateX(-50%);top:0.74rem;background:url(../images/home_about_letter_logo.png) no-repeat center center;background-size:contain;opacity:0.3;}
#container .inner{position:relative;z-index:2;}
@media only screen and (max-width:750px){
  #container{padding:0.7rem 0;}
  #container:before{padding-bottom:100%;}
  #container:after{top:0.4rem;}
}

/*columnname*/
.columnname{margin:0 0 1.04166667em;}
@media only screen and (max-width:750px){
  .columnname{font-size:0.38rem;margin-bottom:0.8em;}
}

/*filter*/
.filter{gap:1%;margin-bottom:0.6rem;position:relative;z-index:5;}
.filter .item{width:27.5%;}
.filter .select{position:relative;}
.filter .select .cur{background-color:#fff;height:4em;line-height:4em;border-radius:2em;padding:0 3.05555556em 0 2.22222222em;position:relative;cursor:pointer;z-index:5;}
.filter .select .cur:after{width:0.72222222em;height:0.38888889em;background:url(../images/filter_arrow_01.svg) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);right:1.94444444em;transition:all 0.3s;}
.filter .select span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.filter .drop{background-color:#ffffff;box-shadow:0px 0px 0.24rem 0px rgba(119,119,119,0.13);border-radius:0 0 0.1rem 0.1rem;position:absolute;left:0;top:2em;width:100%;padding:3.44444444em 2.22222222em 1.38888889em;line-height:2.33333333em;display:none;}
.filter .drop li{cursor:pointer;}
.filter .drop li:hover{color:var(--main-color);font-weight:normal;}
.filter .text{background-color:#fff;display:block;height:4em;border-radius:2em;width:100%;line-height:2em;padding:1em 2.22222222em;color:#222;}
.filter input::-moz-placeholder{opacity:1;color:#999;}
.filter input:-moz-placeholder{opacity:1;color:#999;}
.filter input::-webkit-input-placeholder{opacity:1;color:#999;}
.filter input:-ms-input-placeholder{opacity:1;color:#999;}
.filter textarea::-moz-placeholder{opacity:1;color:#999;}
.filter textarea:-moz-placeholder{opacity:1;color:#999;}
.filter textarea::-webkit-input-placeholder{opacity:1;color:#999;}
.filter textarea:-ms-input-placeholder{opacity:1;color:#999;}
.filter .submit{width:4em;background:#008dd4 url(../images/search.svg) no-repeat center center;background-size:38.88888889% auto;display:block;border-radius:50%;}
.filter .submit:after{display:block;content:'';padding-bottom:100%;}
.filter .submit:hover{opacity:0.8;}
.filter .active{color:#222;}
.filter .active .cur{box-shadow:0px 0px 0.24rem 0px rgba(119,119,119,0.13);font-weight:normal;}
.filter .active .cur:after{transform:rotate(180deg) translateY(50%);}
.filter .active .drop{display:block;}
@media only screen and (max-width:750px){
  .filter{font-size:0.16rem;gap:0;justify-content:space-between;margin-bottom:0.4rem;}
  .filter .item{width:100%;margin-bottom:0.1rem;}
  .filter .input{width:calc(100% - 4.7em);margin-bottom:0;}
}

/*file-data*/
.file-data{border-bottom:0.01rem solid #eee;padding-bottom:1em;margin-bottom:0.25rem;}
.file-data span{margin-right:1.25em;display:inline-block;vertical-align:middle;}
.file-data i{font-style:normal;color:var(--main-color);}
@media only screen and (max-width:750px){
  .file-data{margin-bottom:0.15rem;}
}

/*download-item*/
.download-item{border-bottom:0.01rem solid #eee;padding:0.24rem 0 0.22rem;}
.download-item .info{width:calc(100% - 2rem);}
.download-item .name{font-size:0.24rem;line-height:1.35em;font-weight:normal;}
.download-item .name a{display:inline-block;}
.download-item .name a:not(:hover){color:#222;}
.download-item .meta{color:#999;font-weight:lighter;margin-top:0.1rem;}
.download-item .meta span:not(:last-child){margin-right:4.43548387%;}
.download-item .btn{width:1.8rem;font-size:0.18rem;font-weight:lighter;}
.download-item .btn a{display:block;position:relative;background:no-repeat left center;background-size:auto 1em;}
.download-item .btn a:not(:hover){color:#999;}
.download-item .btn .preview{padding-left:1.88888889em;background-image:url(../images/preview_01@2x.png);}
.download-item .btn .download{padding-left:1.55555556em;background-image:url(../images/download_01@2x.png);}
@media only screen and (max-width:750px){
  .download-item .info{width:100%;margin-bottom:0.1rem;}
  .download-item .btn{width:100%;}
}

/*download*/
#download{background-color:#fff;border-radius:0.25rem;padding:0.6rem 0.8rem;}
@media only screen and (max-width:750px){
  #download{padding:0.3rem;}
}

/*msgform*/
.msgform .item{padding-bottom:0.22rem;}
.msgform .label{line-height:1.66666667em;display:block;margin-bottom:0.55555556em;}
.msgform .label i{font-style:normal;color:#f20a0a;}
.msgform .text{background-color:#fff;display:block;width:100%;height:3.33333333em;line-height:1.66666667em;padding:0.83333333em 1.125em;border-radius:0.05rem;}
.msgform textarea.text{height:11.11111111em;}
.msgform input::-moz-placeholder{opacity:1;color:#999;font-size:0.889em;font-weight:lighter;}
.msgform input:-moz-placeholder{opacity:1;color:#999;font-size:0.889em;font-weight:lighter;}
.msgform input::-webkit-input-placeholder{opacity:1;color:#999;font-size:0.889em;font-weight:lighter;}
.msgform input:-ms-input-placeholder{opacity:1;color:#999;font-size:0.889em;font-weight:lighter;}
.msgform textarea::-moz-placeholder{opacity:1;color:#999;font-size:0.889em;font-weight:lighter;}
.msgform textarea:-moz-placeholder{opacity:1;color:#999;font-size:0.889em;font-weight:lighter;}
.msgform textarea::-webkit-input-placeholder{opacity:1;color:#999;font-size:0.889em;font-weight:lighter;}
.msgform textarea:-ms-input-placeholder{opacity:1;color:#999;font-size:0.889em;font-weight:lighter;}
.msgform .select{position:relative;cursor:pointer;}
.msgform .select:after{width:0.72222222em;height:0.38888889em;background:url(../images/filter_arrow_01.svg) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);right:1.125em;z-index:2;}
.msgform .select .text{cursor:pointer;}
.msgform .select em{position:absolute;left:0;top:0;width:100%;height:100%;z-index:5;}
.msgform .select ul{position:absolute;left:0;top:calc(100% + 0.05rem);width:100%;background-color:#ffffff;box-shadow:0px 0px 0.21rem 0px rgba(0,140,214,0.14);border-radius:0.05rem;padding:0.16rem 0.2rem;font-weight:lighter;line-height:2.33333333em;max-height:11.55555556em;overflow-y:auto;-webkit-overflow-scrolling:touch;overflow-x:hidden;display:none;}
.msgform .select li:hover{color:var(--main-color);font-weight:normal;}
.msgform .col{--margin:0.22rem;}
.msgform .submit{color:#fff;background-color:var(--main-color);width:11.88888889em;height:3.22222222em;border-radius:1.61111111em;margin:0.3rem auto 0;display:block;}

/*msginfo*/
.msginfo .item{width:25.34246575%;border-right:0.01rem solid #e3eaec;padding:0 3%;}
.msginfo .item:nth-child(3n){width:49.31506849%;border-right:none;}
.msginfo .icon{display:block;height:0.43rem;width:auto;object-fit:contain;margin:0 auto 0.16rem;}
.msginfo .title{font-size:0.18rem;line-height:2em;font-weight:normal;color:#999999;}
.msginfo .intro{line-height:1.5em;}
.msginfo .intro span{font-size:0.18rem;line-height:2em;}
.msginfo .intro strong{color:var(--main-color);font-size:0.26rem;line-height:1.38461538em;}
@media only screen and (max-width:1024px){
  .msginfo .item:nth-child(1){width:27.5%;}
  .msginfo .item:nth-child(3n){width:47%;}
  .msginfo .intro strong{font-size:0.22rem;}
}
@media only screen and (max-width:750px){
  .msginfo .item{border-right:none;border-bottom:0.01rem solid #e3eaec;padding:0 0 0.2rem;margin-bottom:0.2rem;}
  .msginfo .item:nth-child(n+1){width:100%;}
  .msginfo .item:last-child{margin-bottom:0;border-bottom:none;}
  .msginfo .intro strong{font-size:0.22rem;}
}

/*contact*/
#contact{margin-bottom:0.78rem;}
#contact .entry{line-height:2em;margin-bottom:0.7rem;}
#contact .entry strong{font-weight:bold;}
#contact .box{background-color:#f4f9fb;border-radius:0.13rem;padding:0.58rem 0.7rem 1.1rem;}
#contact .form{margin-bottom:0.8rem;}
#contact .info{border-top:0.01rem solid #e3eaec;padding-top:0.15rem;}
#contact .name{margin-bottom:0.47rem;}
@media only screen and (max-width:750px){
  #contact .entry{font-size:0.18rem;margin-bottom:0.4rem;}
  #contact .box{padding:0.4rem 0.35rem;}
  #contact .form{margin-bottom:0.5rem;}
}

/*location*/
#location{background:no-repeat center center;background-size:cover;padding-bottom:6rem;position:relative;}
#location .info{position:absolute;bottom:2.58rem;left:53.125%;transform:translateX(-50%);}
#location .dot{width:0.36rem;background:url(../images/location.svg) no-repeat center center;background-size:contain;}
#location .dot:after{display:block;content:'';padding-bottom:100%;}
#location .cont{position:absolute;left:50%;transform:translateX(-50%);bottom:100%;margin-bottom:0.18rem;background-color:#ffffff;box-shadow:0px 0.05rem 0.21rem 0px rgba(0,140,214,0.18);border-radius:0.13rem;width:4.06rem;padding:0.2rem 0.33rem 0.22rem;color:#666;font-weight:lighter;line-height:1.5em;}
#location .cont h3{font-size:0.18rem;line-height:1.5em;color:#002222;font-weight:500;margin-bottom:0.55555556em;}
@media only screen and (max-width:750px){
  #location .info{left:60%;}
  #location .cont{transform:translateX(-60%);}
}

/*proban*/
#proban{background:no-repeat center center;background-size:cover;overflow:hidden;position:relative;}

/*proinfo*/
.proinfo{padding:1.16rem 0 0.24rem;}
.proinfo .text{width:46.78571429%;padding:3.42857143% 0;}
.proinfo .columnname{margin-bottom:3.96946565%;}
.proinfo .intro{line-height:2.22222222em;margin-bottom:8.54961832%;}
.proinfo .pic{width:42.85714286%;padding:0 5.71428571%;}
.proinfo .figure{overflow:visible;}
.proinfo .figure:after{width:192.27272727%;padding-bottom:47.04545455%;background:url(../images/proinfo_shadow.png) no-repeat center center;background-size:contain;display:block;position:absolute;bottom:0;left:-19.09090909%;margin-bottom:-12.5%;display: none;}
@media only screen and (max-width:750px){
  .proinfo{padding-top:0.6rem;}
  .proinfo .text{width:100%;margin-bottom:0.35rem;}
  .proinfo .intro{line-height:1.875em;}
  .proinfo .pic{width:100%;padding:0 15%;}
}

/*pro-anchor*/
.pro-anchor{padding:0.38rem 0;}
.pro-anchor li{margin-right:0.4rem;line-height:2.4em;}
.pro-anchor li:last-child{margin-right:0;}
.pro-anchor a{display:block;color:#000;overflow:hidden;position:relative;}
.pro-anchor a:after{background-color:var(--main-color);width:100%;height:0.125em;content:'';display:block;position:absolute;left:0;bottom:0;opacity:0;}
.pro-anchor a:hover{color:var(--main-color);}
.pro-anchor .active a{color:var(--main-color);}
.pro-anchor .active a:after{opacity:1;}
@media only screen and (max-width:750px){
  .pro-anchor{padding:0.2rem 0;}
}

/*architecture*/
.architecture{padding:0.62rem 0 1.16rem;overflow:hidden;}
@media only screen and (max-width:750px){
  .architecture{padding:0.3rem 0 0.6rem;}
}

/*probox*/
.probox{background:no-repeat center center;background-size:cover;overflow:hidden;position:relative;padding:0.95rem 0;}
.probox.gray{background-color:#f2f7f9;}
@media only screen and (max-width:750px){
  .probox{padding:0.6rem 0;}
}

/*scenarios*/
.scenarios .list{--margin:0.34rem;}
.scenarios .info{display:block;overflow:hidden;border-radius:0.13rem;position:relative;}
.scenarios .figure{padding-bottom:124.06417112%;}
.scenarios .figure:after{display:block;position:absolute;left:0;bottom:0;width:100%;height:100%;background-image:linear-gradient(0deg,rgba(0,0,0,0.7),transparent 30%);z-index:3;}
.scenarios .title{position:absolute;left:0;bottom:0.2rem;width:100%;z-index:5;font-weight:500;font-size:0.24rem;line-height:1.5em;}
@media only screen and (max-width:1024px){
  .scenarios .item{width:25%;}
}
@media only screen and (max-width:750px){
  .scenarios .list{--margin:0.2rem;}
  .scenarios .item{width:50%;}
  .scenarios .title{font-size:0.2rem;}
}

/*advantage*/
.advantage .info{background-color:#ecf5f9;border-radius:0.13rem;padding:0.6rem 0.42rem 0.4rem 0.55rem;position:relative;height:100%;}
.advantage .top{margin-bottom:0.4rem;}
.advantage .icon{display:block;width:0.72rem;height:0.7rem;object-fit:contain;}
.advantage .num{display:block;color:var(--main-color);line-height:1em;}
.advantage .intro{line-height:1.91666667em;}

/*specification*/
.specification .info{overflow-y:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:0.2rem 0.2rem 0 0;}
.specification table{background-color:#fff;table-layout:fixed;text-align:left;min-width:11rem;}
.specification th{background-color:var(--main-color);color:#fff;font-weight:500;font-size:0.24rem;line-height:1.5em;padding:0.27rem 0.4rem;border-right:0.02rem solid rgba(228,239,247,0.6);}
/* .specification th:nth-child(1){width:33.35714286%;}
.specification th:nth-child(2){width:31%;} */
.specification th:last-child{border-right:none;}
.specification td{padding:0.13rem 0.4rem;min-height:0.7rem;font-weight:lighter;font-size:0.18rem;border:0.02rem solid rgba(228,239,247,0.6);line-height:1.22222222em;}
/* .specification td:nth-child(1){width:12.64285714%;} */
.specification td:last-child{border-right:none;}
.specification td span{font-size:0.24rem;line-height:1.5em;font-weight:normal;color:#222;}

/*white-box*/
.white-box{padding:0.5rem 0.7rem 0.57rem;background-image:linear-gradient(180deg,rgba(255,255,255,0.75),transparent);min-height:100%;border-radius:0.13rem;}
@media only screen and (max-width:750px){
  .white-box{padding:0.25rem 0.25rem 0.5rem;}
}

/*inq-info*/
.inq-info{overflow-y:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:0.1rem;border:0.01rem solid #c1d6e1;}
.inq-info table{table-layout:fixed;min-width:14.5rem;}
.inq-info th{color:#fff;font-weight:normal;font-size:0.16rem;line-height:1.875em;padding:0.4375em 0.2rem;border-right:0.01rem solid rgba(255,255,255,0.4);border-bottom:0.01rem solid rgba(255,255,255,0.4);}
.inq-info th:first-child{border-left:none;border-bottom:none;}
.inq-info th:last-child{border-right:none;}
.inq-info th i{font-style:normal;color:#f20a0a;font-size:1.125em;}
.inq-info .first{width:0.8rem;padding:0;position:relative;overflow:hidden;border-right-color:#66a7c9;}
.inq-info .first span{display:block;position:absolute;transform:rotate(-56.1deg);color:#6cb2f7;font-weight:500;}
.inq-info .first span:nth-child(1){top:0.3rem;left:-0.17rem;}
.inq-info .first span:nth-child(2){bottom:0.4rem;right:0.06rem;}
.inq-info .first:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;border-top:1.2rem solid #004b94;border-right:0.8rem solid #006ba4;}
.inq-info .first:after{width:0.01rem;height:140%;background-color:rgba(255,255,255,0.4);content:'';display:block;position:absolute;transform:rotate(34deg);left:0.43rem;top:-0.3rem;}
.inq-info .drop{padding:0;}
.inq-info .drop .box{padding:0.4375em 0.2rem;position:relative;cursor:pointer;}
.inq-info .drop ul{position:absolute;left:0;top:100%;width:100%;background-color:#ffffff;box-shadow:0px 0px 0.21rem 0px rgba(0,140,214,0.14);border-radius:0 0 0.05rem 0.05rem;padding:0.1rem 0.2rem;font-weight:lighter;line-height:2.33333333em;max-height:12.55555556em;overflow-y:auto;-webkit-overflow-scrolling:touch;overflow-x:hidden;display:none;}
.inq-info .drop li{cursor:pointer;color:#333;}
.inq-info .drop li:hover{color:var(--main-color);font-weight:normal;}
.inq-info .drop .cur{position:relative;}
.inq-info .drop .cur:after{width:1.25em;height:1.25em;background:url(../images/table_drop_arrow.svg) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);}
.inq-info td{border:0.01rem solid #c1d6e1;border-top:none;border-bottom:none;font-weight:lighter;color:#000;text-align:center;padding:0.1rem 0.08rem;background-color:#f4f4f4;}
.inq-info td:first-child{border-left:none;}
.inq-info td:last-child{border-right:none;}
.inq-info td.active{background-color:#ebf5f9;}
.inq-info td[data-row="1"]{background-color:#eef6f9;text-align:left;}
.inq-info .name{background-color:#ebf4f9;font-weight:500;font-size:0.18rem;line-height:1.25em;}
.inq-info .border{border-bottom:0.01rem solid #c1d6e1;}
.inq-info tr:nth-child(1) th{background-color:#6a6a6a;}
.inq-info tr:nth-child(1) th:first-child{border-top-left-radius:0.1rem;}
.inq-info tr:nth-child(1) th:last-child{border-top-right-radius:0.1rem;}
.inq-info tr:nth-child(1) th[data-row="1"]{background-color:#1877bd;border-right-color:#66a7c9;border-bottom-color:#66a7c9;}
.inq-info tr:nth-child(1) th.active{background-color:#008cd6;}
.inq-info tr:nth-child(2) th{background-color:#858585;border-bottom:none;}
.inq-info tr:nth-child(2) th[data-row="1"]{background-color:#006ba4;border-right-color:#66a7c9;}
.inq-info tr:nth-child(2) th.active{background-color:#28a3e5;}
.inq-info tr:nth-child(2n+1) td:not(.name){background-color:#ebebeb;}
.inq-info tr:nth-child(2n+1) td.active{background-color:#e1eef5;}
.inq-info tr:nth-child(2n+1) td[data-row="1"]{background-color:#e1eef5;}
.inq-info [data-row="0"]{position:sticky;left:0;z-index:3;}
.inq-info [data-row="1"]{position:sticky;left:0.8rem;z-index:3;}
.inq-info .select{margin:0 auto;width:0.2rem;height:0.2rem;border:solid 0.01rem #c2d6ee;background-color:#fff;border-radius:50%;position:relative;cursor:pointer;}
.inq-info .select:after{width:65%;padding-bottom:50%;background:url(../images/checked_01.svg) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;}
.inq-info .checked{background-color:var(--main-color);border-color:transparent;}
.inq-info .checked:after{opacity:1;}
@media only screen and (max-width:750px){
  .inq-info [data-row="1"]{width:2rem;}
}

/*inquiry*/
.inquiry{border-bottom:0.01rem solid #e1e6e8;padding-bottom:0.6rem;margin-bottom:0.42rem;}
.inquiry .warning{color:#f20a0a;font-weight:lighter;margin-bottom:0.05rem;}
@media only screen and (max-width:750px){
  .inquiry{padding-bottom:0.35rem;margin-bottom:0.3rem;}
}

/*solution-ban*/
#solution-ban{background:no-repeat center center;background-size:cover;overflow:hidden;position:relative;min-height:7.5rem;}
#solution-ban .breadcrumb{position:absolute;left:0;bottom:0;width:100%;}
#solution-ban .white{filter:invert(1) brightness(100);}
@media only screen and (max-width:750px){
  #solution-ban{min-height:0;}
}

/*solution-info*/
.solution-info{padding:1.45rem 0 1.24rem;}
.solution-info .text{width:58.75%;}
.solution-info .columnname{margin-bottom:3.96946565%;}
.solution-info .columnname.mb{margin-bottom:0.20833333em;}
.solution-info .title{margin-bottom:9.04255319%;}
.solution-info .intro{line-height:2.22222222em;}
.solution-info .intro h4{font-size:1.33333333em;line-height:1.66666667em;font-weight:500;margin-bottom:0.41666667em;}
.solution-info .button{gap:0.1rem;margin-top:7.44680851%;}
.solution-info .button a{display:flex;justify-content:center;min-width:9.44444444em;padding:0 1em;height:3.22222222em;border-radius:1.61111111em;color:var(--main-color);border:0.01rem solid var(--main-color);align-items:center;}
.solution-info .button a:before{width:1.33333333em;height:1.33333333em;display:block;content:'';background:url(../images/solution_btn_01.svg) no-repeat center center;background-size:contain;margin-right:0.55555556em;}
.solution-info .button a:hover,.solution-info .button a:nth-child(2n){background-color:var(--main-color);color:#fff;}
.solution-info .button a:hover:before,.solution-info .button a:nth-child(2n):before{filter:invert(1) brightness(100);}
@media only screen and (max-width:750px){
  .solution-info{padding:0.65rem 0 1rem;}
  .solution-info .text{width:100%;}
  .solution-info .intro{line-height:1.875em;}
  .solution-info .btn{font-size:0.16rem;}
}

/*solution-case*/
#solution-case .columnname{margin-bottom:0.5em;}
#solution-case .cont{margin:0 -0.25rem;}
#solution-case .swiper-slide{padding:0.26rem 0.25rem 0.36rem;width:5.5rem;}
#solution-case .figure{padding-bottom:56%;border-radius:0.2rem 0.2rem 0 0;}
#solution-case .text{border:solid 0.01rem #ededed;border-top:none;border-radius:0 0 0.2rem 0.2rem;padding:0.35rem 0.42rem 0.38rem 0.42rem;}
#solution-case .title{font-size:0.3rem;line-height:1.2em;font-weight:500;margin-bottom:0.22rem;}
#solution-case .intro{font-size:0.18rem;line-height:2em;font-weight:lighter;}
#solution-case .info{display:block;overflow:hidden;transition:all 0.3s;border-radius:0.2rem;background-color:#fff;}
#solution-case .info:hover{border-color:transparent;box-shadow:0px 0.1rem 0.26rem 0.04rem rgba(0,141,212,0.4);}
#solution-case .info:hover .text{border-color:transparent;}
#solution-case .controls{gap:0.2rem;margin-top:0.33rem;}
#solution-case .swiper-button-disabled{background-color:#ccc;cursor:default;}
@media only screen and (max-width:750px){
  #solution-case .swiper-slide{width:5.18rem;}
  #solution-case .controls{margin-top:0.2rem;}
}

/*solution-advant*/
#solution-advant{padding-bottom:0.55rem;}
#solution-advant .list{--margin:0.65rem;}
#solution-advant .item{padding-top:0.3rem;}
#solution-advant .info{display:block;overflow:hidden;position:relative;height:100%;border-bottom:0.01rem solid #eee;padding-bottom:0.32rem;}
#solution-advant .title{color:var(--main-color);font-size:0.28rem;line-height:1.28571429em;font-weight:500;margin-bottom:0.53571429em;}
#solution-advant sup{font-size:0.64285714em;line-height:1.66666667em;font-weight:lighter;vertical-align:top;display:inline-block;margin-top:-0.5em;}
#solution-advant .intro{font-size:0.18rem;line-height:1.66666667em;}
@media only screen and (max-width:750px){
  #solution-advant .list{--margin:0.3rem;}
  #solution-advant .item{padding-top:0;}
}

/*solution-plan*/
#solution-plan .info{position:relative;}
#solution-plan .figure{padding-bottom:50%;}
#solution-plan .cont{position:absolute;top:0.18rem;width:27.71428571%;}
#solution-plan .cont:nth-child(1){right:0;}
#solution-plan .cont:nth-child(2){left:0;}
#solution-plan .title{color:var(--main-color);font-size:0.2rem;line-height:1.8em;}
#solution-plan .entry{font-size:0.17rem;line-height:2.11764706em;font-weight:lighter;}
#solution-plan .entry ul{padding-left:1em;margin-bottom:0.58823529em;}
#solution-plan .entry ul:last-child{margin-bottom:0;}
#solution-plan .entry li{font-size:0.94117647em;line-height:1.5em;}
#solution-plan .intro{line-height:1.4em;}
#solution-plan .intro p{position:relative;padding-left:1em;}
#solution-plan .intro p:before{width:0.22222222em;height:0.22222222em;border-radius:50%;background-color:var(--main-color);content:'';display:block;position:absolute;left:0;top:0.58888889em;}
#solution-plan .item{margin-bottom:0.17rem;border:solid 1px #ffffff;border-radius:0.13rem;padding:0.18rem 0.35rem 0.2rem;background-color:#e6f4ec;}
#solution-plan .i1{background-color:#f3f7f9;box-shadow:0px 0.04rem 0.21rem 0px rgba(0,141,212,0.11);padding:0.12rem 0.21rem 0.2rem;}
#solution-plan .i2{background-color:#e7f1f6;}
@media only screen and (max-width:750px){
  #solution-plan .cont{position:static;width:100%;}
  #solution-plan .item{margin-bottom:0;margin-top:0.2rem;}
  #solution-page .columnname{font-size:0.32rem;}
}

/*power-why*/
.power-why .list{--margin:0.24rem;}
.power-why .list .info{background-color:#ecf5f9;border-radius:0.13rem;padding:0.6rem 0.3rem 0.5rem;position:relative;height:100%;}
.power-why .list .top{margin-bottom:0.2rem;}
.power-why .list .icon{display:block;width:0.72rem;height:0.7rem;object-fit:contain;}
.power-why .list .num{font-size:0.24rem;line-height:1.25em;display:block;color:var(--main-color);line-height:1em;}
.power-why .list .title{font-size:0.28rem;line-height:1.64285714em;font-weight:500;margin-bottom:0.35714286em;}
.power-why .list .intro{line-height:2em;}
.power-why .next-arrow{width:2.03rem;background:url(../images/power_why_arrow@2x.png) no-repeat center center;background-size:contain;margin:0 auto 0.2rem;}
.power-why .next-arrow:after{display:block;content:'';padding-bottom:43.84236453%;}
.power-why .application{position:relative;z-index:2;border-radius:0.1rem;border:solid 0.01rem #008dd4;padding:0 0.6rem 0.6rem;}
.power-why .application .top{transform:translateY(-50%);margin-bottom:0.22rem;}
.power-why .application .name{min-width:8.61111111em;background-color:var(--main-color);height:2.11111111em;border-radius:0.1rem;padding:0 1em;display:flex;align-items:center;justify-content:center;}
.power-why .application .swiper-slide{height:auto;}
.power-why .application .info{background-color:#ecf5f9;border-radius:0.2rem;display:block;overflow:hidden;position:relative;height:100%;}
.power-why .application .figure{padding-bottom:55.95744681%;}
.power-why .application .text{padding:0.33rem 0.46rem 0.5rem 0.3rem;}
.power-why .application .title{font-size:0.28rem;line-height:1.28571429em;font-weight:500;color:#000;margin-bottom:0.53571429em;}
.power-why .application .intro{font-size:0.18rem;line-height:2em;font-weight:lighter;}
.power-why .prev{transform:translate(-50%,-50%);}
.power-why .next{transform:translate(50%,-50%);}
@media only screen and (max-width:750px){
  .power-why .list .info{padding:0.45rem 0.3rem 0.35rem;}
  .power-why .application{margin:0 0.2rem;padding:0 0.4rem 0.4rem;}
  .power-why .application .top{margin-bottom:0;}
  .power-why .application .name{font-size:0.28rem;}
  .power-why .application .title{font-size:0.24rem;}
}

/*power-world*/
@keyframes mapdot{
  0%{opacity:0.5;transform:scale(1);}
  100%{opacity:0;transform:scale(10);}
}
.power-world{background-image:linear-gradient(180deg,rgba(var(--rgba),0.3),transparent 60%);padding:0.7rem 0 0.8rem;position:relative;z-index:5;}
.power-world .inner{position:relative;padding-top:0.36rem;}
.power-world .inner:before{width:93.0625%;padding-bottom:10.125%;background:url(../images/home_about_letter_logo.png) no-repeat center center;background-size:contain;opacity:0.3;content:'';display:block;position:absolute;left:50%;top:0;transform:translateX(-50%);}
.power-world .wrap{position:relative;z-index:2;}
.power-world .columnname{margin-bottom:0.38rem;}
.power-world .entry{line-height:2em;max-width:58em;margin:0 auto 0.2rem;}
.power-world .box{position:relative;}
.power-world .mapbox{width:74.6875%;margin:0 auto;position:relative;}
.power-world .mapbox .map{padding-bottom:47.36401674%;background:url(../images/world_map.png) no-repeat center center;background-size:contain;}
.power-world .mapbox .dot{position:relative;cursor:pointer;z-index:1;padding-bottom:100%;}
.power-world .mapbox .dot:before,.power-world .mapbox .dot:after{content:'';display:block;position:absolute;left:33%;top:33%;border-radius:50%;background-color:var(--main-color);width:34%;padding-bottom:34%;transform:scale(0.33);}
.power-world .mapbox .dot:before{transform:scale(3.333);opacity:0.3;}
.power-world .mapbox .dot i{display:block;width:34%;padding-bottom:34%;border-radius:50%;background-color:var(--main-color);z-index:2;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.power-world .mapbox .item{position:absolute;width:2%;--x:-50%;--y:-50%;visibility:visible;opacity:1;}
.power-world .mapbox .item.active{z-index:2;}
.power-world .mapbox .item.active .dot:before{animation:mapdot 3s linear 0s infinite;transform:scale(1);}
.power-world .mapbox .item.active .dot:after{animation:mapdot 3s linear 1.5s infinite;}
.power-world .mapbox .item.active .drop{display:block;}
.power-world .mapbox .m1{left:41.42259414%;top:40.28268551%;}
.power-world .mapbox .m2{left:31.71548117%;top:61.13074205%;}
.power-world .mapbox .m3{left:30.87866109%;top:52.12014134%;}
.power-world .mapbox .m4{left:16.31799163%;top:48.93992933%;}
.power-world .mapbox .m5{left:75.06276151%;top:45.05300353%;}
.power-world .drop{background-color:#ffffff;border-radius:0.2rem;position:absolute;left:100%;top:-0.14rem;padding:0.18rem 0.3rem 0.3rem;box-shadow:0 0 0.2rem rgba(var(--rgba),0.2);width:4rem;z-index:6;border:0.01rem solid #88caeb;display:none;}
.power-world .drop .top{display:flex;justify-content:flex-end;overflow:hidden;margin-bottom:0.1rem;position:relative;}
.power-world .drop .top:before{width:0.06rem;height:0.06rem;border-radius:50%;background-color:var(--main-color);position:relative;z-index:5;content:'';display:block;position:absolute;left:0.01rem;top:50%;transform:translateY(-50%);}
.power-world .drop .name{font-size:0.18rem;line-height:2em;position:relative;}
.power-world .drop .name:before{content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);height:0.01rem;width:100vw;right:100%;margin-right:0.07rem;background-color:rgba(var(--rgba),0.2);}
.power-world .drop .scroll{padding-right:0.2rem;overflow-y:auto;max-height:1.93rem;-webkit-overflow-scrolling:touch;padding-bottom:2.96735905%;}
.power-world .drop .intro{line-height:1.66666667em;position:relative;}
.power-world .drop .intro:after{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;padding-bottom:23.7388724%;background-image:linear-gradient(0deg,#fff,transparent);}
.power-world .drop .intro p{position:relative;padding-left:0.88888889em;margin-bottom:0.27777778em;}
.power-world .drop .intro p:before{content:'';display:block;position:absolute;left:0;border-radius:50%;width:0.33333333em;height:0.33333333em;background-color:#aaaaaa;top:0.66666667em;}
.power-world .area{position:absolute;left:0;bottom:8.48056537%;}
.power-world .area .name{border-bottom:0.01rem solid rgba(0,0,0,0.1);position:relative;padding-bottom:0.7em;margin-bottom:0.85em;}
.power-world .area .name:after{content:'';display:block;position:absolute;left:0;bottom:-0.01rem;height:0.02rem;width:3.9em;background-color:var(--main-color);}
.power-world .area li{line-height:2.22222222em;cursor:pointer;}
.power-world .area li.active,.power-world .area li:hover{color:var(--main-color);}
@media only screen and (max-width:1024px){
  .power-world .drop{width:3.5rem;}
}
@media only screen and (max-width:750px){
  .power-world .area{position:static;margin-bottom:0.25rem;}
  .power-world .area ul{display:flex;flex-wrap:wrap;}
  .power-world .area li{margin-right:0.2rem;}
  .power-world .area li:last-child{margin-right:0;}
  .power-world .mapbox{width:100%;}
  .power-world .drop{left:50%;transform:translateX(-50%);margin-left:0;top:150%;}
  .power-world .m2 .drop,.power-world .m3 .drop{transform:translateX(-20%);}
  .power-world .m4 .drop{transform:translateX(-10%);}
  .power-world .m5 .drop{transform:translateX(-100%);}
}

/*aboutpage*/
#aboutpage{overflow:hidden;}

/*about-culture*/
.about-culture{--margin:0;border-radius:0.13rem;overflow:hidden;}
.about-culture .box{position:relative;}
.about-culture .box:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-image:linear-gradient(-54deg,#008dd4 0%,rgba(128,198,234,0.72) 35%,rgba(183,223,243,0.5) 63%);opacity:0.6;}
.about-culture .box:hover{color:#fff;}
.about-culture .box:hover .figure{opacity:1;}
.about-culture .box:hover .title{color:#fff;}
.about-culture .figure{padding-bottom:69.41838649%;z-index:2;opacity:0;transition:all 0.3s;}
.about-culture .figure:after{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(9,36,69,0.5);}
.about-culture .cont{position:absolute;left:0;top:0;width:100%;height:100%;z-index:5;padding:0.6rem 0.6rem 0.55rem;}
.about-culture .icon{width:3.6em;height:3.5em;display:block;object-fit:contain;transition:all 0.2s;margin-bottom:0.2rem;}
.about-culture .title{font-size:1.5em;font-weight:500;color:#000;margin-bottom:0.76666667em;transition:all 0.2s;}
@media only screen and (max-width:1024px) and (min-width:751px){
  .about-culture{font-size:0.18rem;}
  .about-culture .item{width:33.333%;}
  .about-culture .cont{padding:0.35rem 0.35rem 0.3rem;}
}
@media only screen and (max-width:750px){
  .about-culture{gap:0.1rem;}
  .about-culture .cont{padding:0.4rem 0.4rem 0.35rem;}
}

/*about*/
#about{position:relative;}
#about:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;padding-bottom:35.41666667%;background-image:linear-gradient(180deg,#37a6dd,transparent);opacity:0.5;}
#about .inner{position:relative;z-index:2;padding-top:1.23rem;}
#about .inner:before{content:'';display:block;position:absolute;left:0;top:0;width:93.0625%;padding-bottom:10.125%;background:url(../images/home_about_letter_logo.png) no-repeat center center;background-size:contain;margin-top:5.5625%;opacity:0.38;}
#about .info{margin-bottom:7.5%;}
#about .info .text{padding:0;}
#about .info .intro{margin-bottom:0;line-height:2em;}
#about .data{margin-bottom:7.1875%;}
@media only screen and (min-width:751px){
  #about .data li{position:relative;}
  #about .data li:after{width:0.02rem;height:3.04545455em;background-color:#eeeeee;content:'';display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);}
  #about .data li:last-child:after{display:none;}
  #about .data li:nth-child(1){width:20.375%;}
  #about .data li:nth-child(2){width:32.375%;justify-content:center;}
  #about .data li:nth-child(3){width:28.9375%;justify-content:center;}
  #about .data li:nth-child(4){width:18.3125%;justify-content:flex-end;}
}
@media only screen and (max-width:750px){
  #about .inner{padding-top:0.65rem;}
}

/*time-event*/
.time-event{position:relative;padding:0 1rem;margin-bottom:0.7rem;}
.time-event .pic{width:50%;padding:0 2.5%;}
.time-event .figure{padding-bottom:58.73015873%;border-radius:0.25rem;}
.time-event .text{width:47.14285714%;}
.time-event .year{color:transparent;background-clip:text;background-image:linear-gradient(180deg,var(--main-color),transparent 80%);font-size:2rem;line-height:0.8em;margin-bottom:-0.2em;font-family:'Montserrat';font-weight:600;}
.time-event .title{font-weight:500;font-size:0.3rem;line-height:1.2em;margin-bottom:0.83333333em;}
.time-event .entry{font-size:0.18rem;line-height:2em;}
.time-event .entry strong{font-weight:500;}
@media only screen and (max-width:1024px){
  .time-event .year{font-size:1.35rem;}
}
@media only screen and (max-width:750px){
  .time-event{padding:0 0.8rem;margin-bottom:0.4rem;}
  .time-event .pic{width:100%;padding:0;margin-bottom:0.3rem;}
  .time-event .text{width:100%;}
  .time-event .year{font-size:1rem;}
  .time-event .title{font-size:0.26rem;}
  .time-event .entry{line-height:1.875em;}
}

/*time-line*/
.time-line{position:relative;}
.time-line:before{content:'';display:block;position:absolute;left:50%;top:0;height:100%;width:100vw;transform:translateX(-50%);background:url(../images/history_line.svg) no-repeat center center;background-size:auto 100%;}
.time-line .swiper{overflow:visible;}
.time-line .swiper-wrapper{height:8.75em;align-items:flex-start;}
.time-line .swiper-slide{display:flex;justify-content:center;height:auto;}
.time-line .info{transition:all 0.3s;transform:translateY(0.35rem);cursor:pointer;}
.time-line .dot{width:2.75em;height:2.75em;border:0.02rem dashed var(--main-color);border-radius:50%;margin:0 auto 0.25em;background-color:#fff;display:flex;align-items:center;justify-content:center;transition:all 0.2s;}
.time-line .dot:after{width:0.41666667em;height:0.41666667em;border-radius:50%;background-color:var(--main-color);display:block;content:'';position:relative;z-index:5;}
.time-line .year{transition:all 0.2s;}
.time-line [data-slide="-1"] .info{transform:translateY(1.25rem);}
.time-line [data-slide="0"] .info{transform:translateY(1.05rem);}
.time-line [data-slide="1"] .info{transform:translateY(0.35rem);}
.time-line [data-slide="2"] .info{transform:translateY(1.05rem);}
.time-line [data-slide="3"] .info{transform:translateY(0.95rem);}
.time-line .swiper-slide-thumb-active .dot{background-color:#dbeffa;margin-bottom:1.33333333em;}
.time-line .swiper-slide-thumb-active .year{font-size:1.5em;}
@media only screen and (max-width:1024px){
  .time-line{font-size:0.2rem;}
  .time-line .info{transform:translateY(0.7rem);}
  .time-line [data-slide="-1"] .info{transform:translateY(1rem);}
  .time-line [data-slide="0"] .info{transform:translateY(0.55rem);}
  .time-line [data-slide="1"] .info{transform:translateY(0.55rem);}
  .time-line [data-slide="2"] .info{transform:translateY(1rem);}
}
@media only screen and (max-width:750px){
  .time-line{font-size:0.18rem;}
  .time-line .info{transform:translateY(1rem);}
  .time-line [data-slide="-1"] .info{transform:translateY(0.35rem);}
  .time-line [data-slide="0"] .info{transform:translateY(0.25rem);}
  .time-line [data-slide="1"] .info{transform:translateY(0.75rem);}
}

/*history*/
#history{padding-top:1.3rem;padding-bottom:1.1rem;background:#fff url(../images/history_bg.png) no-repeat center bottom;background-size:100% auto;}
@media only screen and (max-width:750px){
  #history{padding-top:0.65rem;}
}

/*partner*/
#partner{padding:0.7rem 0;position:relative;}
#partner:before{content:'';display:block;position:absolute;left:0;bottom:0.4rem;width:100%;padding-bottom:24.11458333%;background:url(../images/partner_bg.png) no-repeat center bottom;background-size:contain;}
#partner .inner{border-top:0.01rem solid #f3f8fa;padding-top:0.7rem;position:relative;z-index:2;}
#partner .list{margin-bottom:0.33rem;}
#partner .list:last-child{margin-bottom:0;}
#partner .gallery{display:flex;}
#partner .gallery:nth-child(2n){justify-content:flex-end;}
#partner .center{justify-content:center;}
#partner ul{width:max-content;display:flex;}
#partner li{width:2.4rem;padding:0 0.15rem 0.3rem 0.15rem;}
#partner .figure{padding-bottom:41.17647059%;}
#partner .img{object-fit:contain;}
#partner a{background-color:#fff;border:solid 0.01rem #e2e2e2;border-radius:0.05rem;display:block;overflow:hidden;}
@media only screen and (max-width:750px){
  #partner li{width:1.6rem;padding:0.05rem;}
}

/*honor*/
#honor{position:relative;padding-top:2.58rem;}
#honor:before{content:'';display:block;position:absolute;left:0;bottom:0;background:url(../images/about_page_bg_01.png) no-repeat center center;background-size:contain;width:100%;padding-bottom:73.64583333%;transform:translateY(50%);}
#honor .inner{position:relative;z-index:2;}
#honor .wrap{max-width:14.21rem;margin:0 auto;}
#honor .list{position:relative;padding-right:2.81491907%;}
#honor .list:before{content:'';display:block;position:absolute;left:0;width:100%;padding-bottom:5.84095707%;background:url(../images/honor_ul_bg.png) no-repeat center center;background-size:contain;margin-top:23.22308234%;}
#honor ul{--margin:0.52rem;display:flex;flex-wrap:wrap;width:calc(100% + var(--margin));}
#honor li{padding-right:var(--margin);width:25%;margin-bottom:6.97836706%;}
#honor .frame{display:flex;align-items:flex-end;justify-content:center;position:relative;}
#honor .frame:after{display:block;content:'';padding-bottom:104.91803279%;}
#honor .box{background:url(../images/frame_horizontal.png) no-repeat center center;background-size:100% 100%;padding:0.13rem;width:100%;}
#honor .figure:after{display:block;padding-bottom:70.35714286%;}
#honor .vertical .box{width:75.73770492%;padding:0.12rem;background-image:url(../images/frame_vertical.png);}
#honor .vertical .figure:after{padding-bottom:141.82692308%;}
#honor .control{gap:0.36rem;}
@media only screen and (max-width:750px){
  #honor{padding-top:0.7rem;}
  #honor .list:before{margin-top:49%;}
  #honor ul{--margin:0.35rem;}
  #honor li{width:50%;margin-bottom:9%;}
}

/*capability*/
#capability{position:relative;padding-top:0.9rem;}
#capability:before{content:'';display:block;position:absolute;left:0;bottom:0;background:url(../images/about_page_bg_02.png) no-repeat center center;background-size:cover;padding-bottom:65.88541667%;width:100%;margin-bottom:-28.33333333%;}
#capability .inner{position:relative;z-index:2;}
#capability .figure{width:61.875%;margin-left:-2.5%;}
#capability .figure:after{display:block;padding-bottom:59.5959596%;}
#capability .text{width:35.625%;}
#capability .columnname{margin-bottom:0.625em;}
#capability .title{margin-bottom:1.95833333em;}
#capability .intro{text-align:justify;text-align-last:left;}
@media only screen and (max-width:750px){
  #capability{padding-top:0.3rem;}
  #capability:before{padding-bottom:150%;}
  #capability .figure{margin-left:0;margin-bottom:0.3rem;width:100%;}
  #capability .text{width:100%;}
  #capability .title{margin-bottom:0.2rem;}
}

/*technology*/
@keyframes circlearrow{
  0%{transform:rotate(0deg);}
  100%{transform:rotate(-360deg);}
}
@keyframes updown{
  0%{transform:translateY(0);}
  50%{transform:translateY(-0.25rem);}
  100%{transform:translateY(0);}
}
#technology{position:relative;z-index:2;padding:0.8rem 0 0.7rem;overflow:hidden;}
#technology:before{content:'';display:block;position:absolute;left:0;bottom:0;background:url(../images/technology_bg.png) no-repeat center center;background-size:contain;width:100%;padding-bottom:40.88541667%;display:none;}
#technology .inner{position:relative;z-index:2;}
#technology .hgroup{margin-bottom:0.7rem;}
#technology .columnname{margin-bottom:0.25em;}
#technology .box{position:relative;padding:0.32rem 0;}
#technology .center{width:45.35714286%;position:relative;margin:0 auto;}
#technology .center:before{display:block;content:'';padding-bottom:100%;}
#technology .center:after{content:'';display:block;position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:137.95275591%;padding-bottom:43.62204724%;background:url(../images/technology_center_bottom.png) no-repeat center center;background-size:contain;margin-bottom:-2.36220472%;}
#technology .arrow{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;}
#technology .arrow:after{background:url(../images/technolog_circle_arrow.png) no-repeat center center;background-size:contain;animation:circlearrow 20s linear 0s infinite;display:block;content:'';width:100%;height:100%;}
#technology .arrow span{position:absolute;display:block;font-size:0.2rem;line-height:1.8em;margin-top:14.96062992%;}
#technology .arrow span:nth-child(1){left:12.5984252%;}
#technology .arrow span:nth-child(2){right:12.5984252%;}
#technology .tips{font-weight:500;font-size:0.2rem;line-height:1.25em;position:absolute;left:50%;top:100%;transform:translateX(-50%);margin-top:1.65em;width:100%;text-align:center;}
#technology .cont{position:absolute;left:0;top:0;width:100%;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;}
#technology .top{font-size:0.3rem;line-height:1em;font-weight:bold;text-align:center;}
#technology .top .icon{display:block;width:4.3em;height:3.6em;object-fit:contain;margin:0 auto;}
#technology .mid{width:74.01574803%;font-size:0.2rem;text-align:center;line-height:1.25em;font-weight:500;position:relative;margin-bottom:12.5984252%;margin-top:12.5984252%;}
#technology .mid:before{width:152.55319149%;padding-bottom:40.85106383%;background:url(../images/technology_ball_bg.png) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;left:50%;transform:translateX(-50%);top:100%;margin-top:-15.95744681%;}
#technology .mid ul{position:relative;z-index:3;}
#technology .mid li{width:19.14893617%;animation:updown 5s linear 0s infinite;}
#technology .mid li:nth-child(2){margin-bottom:-0.25rem;animation:updown 5s linear 2.5s infinite;}
#technology .mid .icon{display:block;width:100%;object-fit:contain;margin-bottom:7.77777778%;}
#technology .mid .cn{font-size:0.9em;}
#technology .list .info{position:absolute;text-align:center;width:82.64150943%;height:82.33082707%;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#222;transition:all 0.3s;font-size:0.18rem;font-weight:lighter;line-height:1.5em;}
#technology .list .num{font-size:2.22222222em;line-height:1.1em;font-weight:bold;margin-bottom:0.125em;}
#technology .list .title{font-size:1.33333333em;font-weight:500;line-height:1.35em;}
#technology .list .item{position:absolute;width:2.65rem;background:no-repeat center center;background-size:contain;}
#technology .list .item:after{display:block;content:'';padding-bottom:100.37735849%;}
#technology .list .item:nth-child(1){left:3.92857143%;top:0;background-image:url(../images/technology_list_bg_01.svg);}
#technology .list .item:nth-child(1) .info{left:8.30188679%;top:8.27067669%;}
#technology .list .item:nth-child(1) .num{color:#2a4dac;}
#technology .list .item:nth-child(2){left:3.92857143%;bottom:0;background-image:url(../images/technology_list_bg_02.svg);}
#technology .list .item:nth-child(2) .info{left:8.30188679%;bottom:8.27067669%;}
#technology .list .item:nth-child(2) .num{color:#10bbd6;}
#technology .list .item:nth-child(3){right:3.92857143%;top:0;background-image:url(../images/technology_list_bg_03.svg);}
#technology .list .item:nth-child(3) .info{right:8.30188679%;top:8.27067669%;}
#technology .list .item:nth-child(3) .num{color:#4672e7;}
#technology .list .item:nth-child(4){right:3.92857143%;bottom:0;background-image:url(../images/technology_list_bg_04.svg);}
#technology .list .item:nth-child(4) .info{right:8.30188679%;bottom:8.27067669%;}
#technology .list .item:nth-child(4) .num{color:#fb9e36;}
#technology .list .item:hover .info{background-color:#e5f4ff;box-shadow:0px 0px 0.19rem 0.01rem rgba(74,148,211,0.5);}
@media only screen and (max-width:1024px){
  #technology .list .info{font-size:0.15rem;}
  #technology .list .item{width:2.2rem;}
  #technology .list .item:nth-child(1),#technology .list .item:nth-child(2){left:0;}
  #technology .list .item:nth-child(3),#technology .list .item:nth-child(4){right:0;}
}
@media only screen and (max-width:750px){
  #technology .hgroup{margin-bottom:0.5rem;}
  #technology .box{padding-bottom:0;}
  #technology .center{width:100%;}
  #technology .tips{left:0;top:auto;bottom:100%;transform:none;margin-top:0;margin-bottom:0.2rem;}
  #technology .list{display:flex;justify-content:space-between;flex-wrap:wrap;gap:0.2rem;margin-top:0.9rem;flex-direction:column;height:4.7rem;}
  #technology .list .item:nth-child(n+1){position:relative;left:auto;right:auto;bottom:auto;top:auto;}
}

/*particle*/
#particle{position:absolute;left:0;bottom:0;width:100%;padding-bottom:41.66666667%;opacity:0.2;transform:translateY(45%);}
#particle canvas{position:absolute;left:0;top:0;width:100%!important;height:100%!important;}

/* 搜索 */
.Searchcont{position:relative;z-index:1;background-size:cover;}
.Searchcont > img{opacity:0;position:relative;z-index:-1;}
.Searchcont .txt{position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;}
.Searchcont .txt .ytable{height:100%;}
.Searchcont .txt .email{position:relative;max-width:780px;margin:0 auto;background:#fff;border-radius:.1rem;}
.Searchcont .email input{font-size:1em;}
.Searchcont .email .text{width:100%;padding:1.125em 1.875em;line-height:1.25em;border:0;color:#999;border-radius:.1rem;}
.Searchcont .email .text.focus{color:#333;}
.Searchcont .email .btn{position:absolute;right:0;top:0;height:100%;width:1.2rem;color:#fff;background:var(--main-color);cursor:pointer;border:0;text-transform:uppercase;border-radius:0 .1rem .1rem 0;}
.Searchcont .txt .remen{font-size:1em;color:#fff;margin-top:1.875em;font-weight:bold;}
.Searchcont .txt .remen a{font-size:0.875em;color:#fff;margin-right:14px;background:hsla(0,0%,100%,.18);padding:9px 15px;border-radius:50px;font-weight:normal;}
.Searchcont .txt .remen a:first-child{margin-left:20px;}
@media(max-width:768px){
  .Searchcont{overflow:hidden;}
  .Searchcont .index-tit{margin-bottom:6vw;}
  .Searchcont .index-tit b{font-size:8vw;}
  .Searchcont .email input{font-size:2.5vw;}
  .Searchcont > img{max-width:inherit;width:150%;margin-left:-25%;}
}
.Searchlist{padding:1rem 0;}
.Searchlist .title{font-size:.3rem;padding-bottom:.3rem;color:#333;}
.Searchlist ul{padding:0;}
.Searchlist li{background:#f9f9f9;margin-bottom:.3rem;list-style:none;}
.Searchlist li a:hover{box-shadow:0 0 10px rgba(0,0,0,0.1);}
.Searchlist .main{border-left:2px solid var(--main-color);padding-left:4.17vw;padding-right:4.06vw;}
.Searchlist .main .tit{margin-bottom:.1rem;font-size:.24rem;font-weight:normal;color:#333;}
.Searchlist .main p{font-size:.16rem;line-height:1.75;color:#666;}
.Searchlist .more{line-height:normal;color:var(--main-color);width:auto;text-align:left;font-size:.16rem;background:url(../images/button_enter_next@3x.png) no-repeat right;background-size:.18rem;padding-right:.3rem;}
@media(min-width:641px){
  .Searchlist .pic{width:30%;}
}
@media(max-width:640px){
  .Searchlist .ytable-cell,.Searchlist .ytable{display:block;}
  .Searchlist li{margin-bottom:4vw;}
  .Searchlist .main{padding:4vw;border:2px solid var(--main-color);border-bottom:0;}
}
.Page002623{padding:.3rem;text-align:center;}
.Page002623 .Pagelist a.a_first,.Page002623 .Pagelist a.a_end,.Page002623 .Pagelist > span:not(.p_page){display:none;}
.Page002623 .Pagelist em{float:left;margin:0 3vw;font-style:normal;}
.Page002623 .Pagelist .p_page{display:table;margin:0 auto;}
.Page002623 .Pagelist a{float:left;line-height:50px;width:50px;margin:0 1px;border-radius:50%}
.Page002623 .Pagelist a.a_cur,.Page002623 .Pagelist a:hover{color:#fff;background:var(--main-color);}
.Page002623 .Pagelist .p_page > a{font-size:0;height:50px;position:relative;}
.Page002623 .Pagelist .p_page > a:before{position:absolute;content:'';border:5px solid transparent;left:50%;top:50%;margin:-5px 0 0 -10px;}
.Page002623 .Pagelist .p_page > a.a_prev:before{border-right-color:#000;border-right-width:8px;}
.Page002623 .Pagelist .p_page > a.a_next:before{border-left-color:#000;border-left-width:8px;margin-left:-4px;}
.Page002623 .Pagelist a.a_prev:hover:before{border-right-color:#fff;}
.Page002623 .Pagelist a.a_next:hover:before{border-left-color:#fff;}
@media(max-width:640px){
  .Page002623{padding:6vw 0 8vw 0;}
  .Page002623 .Pagelist em{display:none;}
  .Page002623 .Pagelist a{background-color:#eee;}
}