@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:'Barlow';
    src:url('../fonts/Barlow-SemiBold.ttf') format('truetype');
    font-style:normal;
    font-weight:600;
    font-display:swap;
}
@font-face{
    font-family:'Montserrat';
    src:url('../fonts/Montserrat-Bold.eot'); /*IE9*/
    src:url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */  
        url('../fonts/Montserrat-Bold.woff') format('woff'), /* Modern Browsers */
        url('../fonts/Montserrat-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/Montserrat-Bold.svg#Montserrat') format('svg'); /* Legacy iOS */
    font-style:normal;
    font-weight:bold;
    font-display:swap;
}
:root {  
    --font-color:#222;
    --main-color:#0143fe;
    --r:1;
    --g:67;
    --b:254;
    --blue:#324e9b;
}
*{-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:#fff;}
  ::-webkit-scrollbar-thumb{background-color:var(--main-color);border-radius:0.01rem;}
}
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,.set-mp,.set-mp dl, .set-mp dt, .set-mp dd,.set-mp li,.set-mp ul, .set-mp ol, .set-mp p{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; position: relative;}
body:before {display: block; content: ''; position: absolute; left:0; top:0; width: 100%; padding-bottom: 10.521%; background-image: linear-gradient(180deg, #ebf4fc, transparent); }
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%;}
.set-mp 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:14.4rem;margin:0 auto;}
.w1760 {max-width: 17.6rem;}
.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 *{line-height:1.875em;}
.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;}
/*font-color*/
[data-font*="000"]{color:#000;}
[data-font*="222"]{color:#222;}
[data-font*="333"]{color:#333;}
[data-font*="666"]{color:#666;}
[data-font*="999"]{color:#999;}
[data-font*=fff]{color:#fff;}
[data-font*=blue]{color:var(--blue);}
[data-font*=color]{color:var(--main-color);}
[data-font*=brown]{color: #584a38;}
/*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*=SemiBold]{font-weight: 600;}
[data-font*=bold]{font-weight: bold;}
/*rows*/
[data-rows] {display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
[data-rows="1"]{display: block; white-space: nowrap;}
[data-rows="2"]{line-clamp:2; -webkit-line-clamp:2;}
[data-rows="3"]{line-clamp:3; -webkit-line-clamp:3;}
[data-rows="4"]{line-clamp:4; -webkit-line-clamp:4;}
[data-rows="5"]{line-clamp:5; -webkit-line-clamp:5;}
/*flex*/
[data-flex]{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;}
[data-flex*=fdrr]{flex-direction:row-reverse;}
[data-flex*=fdc]{flex-direction:column;}
[data-flex*=fdcr]{flex-direction:column-reverse;}
[data-flex*=fww]{flex-wrap:wrap;}
[data-flex*=fwn]{flex-wrap:nowrap;}
[data-flex*=jcsb]{justify-content:space-between;}
[data-flex*=jcsa]{justify-content:space-around;}
[data-flex*=jcse]{justify-content:space-evenly;}
[data-flex*=jcfs]{justify-content:flex-start;}
[data-flex*=jcc]{justify-content:center;}
[data-flex*=jcfe]{justify-content:flex-end;}
[data-flex*=aifs]{align-items:flex-start;}
[data-flex*=aic]{align-items:center;}
[data-flex*=aife]{align-items:flex-end;}
/*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%;}
@media only screen and (max-width:1024px){
    [data-cols="3"] .item,
    [data-cols="4"] .item {width: 50%;}
}
@media only screen and (max-width:750px){    
    [data-cols="4"] .item,
    [data-cols="3"] .item,
    [data-cols="2"] .item {width: 100%;}
}
/*delay*/
[data-delay] {--property:all; --duration:0.3s; transition: var(--property) var(--duration);}

/*header*/
#header{position:relative;z-index:8;}
#header:after{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:0.01rem;background-color:rgba(50,78,155,0.1);transform:scaleY(0.5);}
@media only screen and (max-width:1024px){
  #header .inner{padding:0.2rem 0;}
}
@media only screen and (max-width:750px){
  #header .inner{padding:0.15rem 0;position:relative;}
}

/*logo*/
#logo{width:3.63rem;}
#logo a{display:block;padding-bottom:12.9476584%;position:relative;overflow:hidden;}
#logo i{display:block;text-indent:-99999em;overflow:hidden;position:absolute;left:0;top:0;width:100%;height:100%;background:no-repeat left center;background-size:contain;}
@media only screen and (max-width:750px){
  #logo{width:3rem;}
}

/*topbar*/
#topbar{padding:0.14rem 0;line-height:1.75em;}

/*topdate*/
#topdate{color:#9098ac;margin-right:0.2rem;}
@media only screen and (max-width:750px){
  #topdate{display:none;}
}

/*topbtn*/
#topbtn{margin-right:0.2rem;}
#topbtn a{display:block;color:#fff;background-color:var(--main-color);height:2em;line-height:2em;border-radius:1em;padding:0 0.71428571em;font-size:0.14rem;}
#topbtn a:not(:last-child){margin-right:0.1rem;}
@media only screen and (max-width:750px){
  #topbtn{display:none;}
}

/*topbtn*/
#toplang{position:relative;margin-right:0.14rem;}
#toplang span{display:block;background:url(../images/language_01.svg) no-repeat left center;background-size:1.125em auto;padding:0 calc(16em/16) 0 calc(21em/16);position:relative;white-space:nowrap;cursor:pointer;}
#toplang span:after{width:calc(10em/16);height:calc(6em/16);background:url(../images/language_arrow_01.svg) no-repeat center center;background-size:contain;position:absolute;right:0;top:50%;transform:translateY(-50%);display:block;content:'';}
#toplang ul{line-height:2em;position:absolute;top:150%;left:50%;min-width:100%;transform:translateX(-50%);z-index:5;background-color:#fff;box-shadow:0 0.05rem 0.15rem rgba(0,0,0,0.1);text-align:center;padding:0.5em 1.5em;border-radius:0.1rem;font-size:0.14rem;visibility:hidden;opacity:0;}
#toplang ul li{border-bottom:1px solid rgba(0,0,0,0.1);}
#toplang ul li:last-child{border-bottom:none;}
#toplang ul a{white-space:nowrap;display:block;padding:0.5em;}
#toplang ul.active{visibility:visible;opacity:1;top:130%;}

/*topfind*/
#topfind{position:relative;padding-left:0.15rem;}
#topfind:before{content:'';display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:0.01rem;height:0.18rem;background-color:var(--blue);opacity:0.1;}
#topfind span{display:block;width:0.18rem;height:0.18rem;background:url(../images/search_01.svg) no-repeat center center;background-size:contain;cursor:pointer;}
#topfind .input{width:3.5rem;background-color:#fff;position:absolute;top:170%;box-shadow:0 0.05rem 0.15rem rgba(0,0,0,0.1);right:0;border-radius:0.1rem;overflow:hidden;visibility:hidden;opacity:0;z-index:2;}
#topfind .input.active{visibility:visible;opacity:1;top:150%;}
#topfind .text{display:block;width:100%;height:2.5em;line-height:1.5em;padding:0.5em 1em;}
#topfind .submit{position:absolute;right:0;top:0;width:2.5em;height:100%;background:url(../images/search_01.svg) no-repeat center center;background-size:auto 45%;}
@media only screen and (max-width:750px){
  #topfind{position:static;padding-left:0;}
  #topfind:before{display:none;}
  #topfind .input{top:110%;width:100%;}
  #topfind .input.active{top:100%;}
}

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

  /*1024*/
  #navbtn{position:relative;cursor:pointer;width:0.2rem;height:0.18rem;display:block;z-index:10;overflow:hidden;margin-left:0.15rem;}
  #navbtn:before,#navbtn:after,#navbtn i{width:100%;height:0.02rem;background-color:var(--blue);display:block;position:absolute;left:0;transition:inherit;content:'';transform:scaleY(1);}
  #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;}
}

/*navi*/
#navi{font-size:0.18rem;line-height:2em;}
#navi a{display:block;position:relative;color:var(--blue);}
#navi .parent{position:relative;}
#navi .drop{font-size:0.88888889em;line-height:2em;display:none;}
#navi .drop a{padding:0.5em 0;}
@media only screen and (min-width:1025px){
  #navi .parent{margin-right:0.7rem;padding-bottom:0.2rem;}
  #navi .parent:last-child{margin-right:0;}
  #navi .parent:after{content:'';display:block;position:absolute;left:0;width:100%;height:0.03rem;background-color:var(--main-color);bottom:0;opacity:0;}
  #navi .on:after,#navi .cur:after{opacity:1;}
  #navi .on > a,#navi .cur > a{color:var(--main-color);}
  #navi .drop{position:absolute;top:100%;left:50%;min-width:100%;transform:translateX(-50%);z-index:5;background-color:var(--main-color);box-shadow:0 0.05rem 0.15rem rgba(0,0,0,0.1);text-align:center;padding:0.5em 1.5em;}
  #navi .drop li{border-bottom:1px solid rgba(255,255,255,0.1);}
  #navi .drop li:last-child{border-bottom:none;}
  #navi .drop a{white-space:nowrap;color:#fff;}
  #navi .drop a:hover{color:rgba(255,255,255,0.8);}
}
@media only screen and (max-width:1024px){

  /*1024px*/
  #navi{position:fixed;width:100%;max-width:30em;height:calc(100% - 0.97rem);background-color:#fff;z-index:9;right:0;top:0.97rem;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0.5rem 0;transform:translateX(100%);opacity:0;}
  #navi.active{transform:translateX(0);opacity:1;}
  #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.75em 0;}
}
@media only screen and (max-width:750px){
  #navi{top:0.86rem;height:calc(100% - 0.86rem);}
  #navi .parent{padding:0 3.125%;}
  #navi em{right:0;}
}

/*footer*/
#footer{background-color:#ebf2fc;}

/*copyright*/
#copyright{padding:0.3rem 0;font-size:0.14rem;line-height:2em;}
#copyright a{color:inherit;}
@media only screen and (max-width:750px){

  /*750*/
  #copyright .inner{flex-direction:column;text-align:center;}
  #copyright .text,#copyright .social{padding:0.1rem 0;}
}

/*social*/
.social a{overflow:hidden;width:0.4rem;height:0.4rem;border-radius:50%;background:rgba(34,34,34,0.05) no-repeat center center;background-size:contain;text-indent:-9999em;}
.social a:hover{background-color:var(--main-color);}
.social a:hover i{filter:brightness(100);}
.social i{width:50%;padding-bottom:50%;background:no-repeat center center;background-size:contain;}
.social li{margin-right:0.16rem;position:relative;}
.social li:last-child{margin-right:0;}
.social .qr{position:absolute;left:50%;bottom:100%;transform:translateX(-50%);margin-bottom:1em;background-color:#fff;border-radius:0.05rem;padding:0.06rem;width:1.4rem;box-shadow:0px 0px 0.1rem rgba(175,185,203,0.36);visibility:hidden;opacity:0;}
.social .qr:after{border-top:0.1rem solid #fff;border-left:0.1rem solid transparent;border-right:0.1rem solid transparent;content:'';display:block;position:absolute;left:50%;transform:translateX(-50%);top:100%;margin-top:-1px;}
.social .qr img{display:block;width:100%;height:auto;}
.social .qr.active{visibility:visible;opacity:1;}
.social .back a{background-color:var(--main-color);}
.social .back i{background-image:url(../images/backtop.svg);}

/*bottom*/
#bottom{border-bottom:0.01rem solid rgba(0,0,0,0.06);}
@media only screen and (max-width:1024px){
  #bottom .inner{align-items:flex-end;}
}
@media only screen and (max-width:750px){
  #bottom{padding:0.5rem 0;}
  #bottom .inner{flex-direction:column;align-items:center;}
}

/*infor*/
#infor{width:6.3rem;padding:0.7rem 0 0.8rem;max-width:100%;}
#infor .logo{width:3.78rem;max-width:100%;margin-bottom:0.8rem;}
#infor .logo img{display:block;width:100%;height:auto;}
#infor .meta{overflow:hidden;}
#infor .meta li{width:2.17rem;margin-top:0.16rem;max-width:100%;}
#infor .meta li:nth-child(2n){width:3.4rem;}
#infor .meta span{display:block;}
#infor .meta .name{width:4.5em;white-space:pre-wrap;}
#infor .meta .cont{width:calc(100% - 0.92rem);}
@media only screen and (max-width:1024px){

  /*1024px*/
  #infor .logo{margin-bottom:0.3rem;}
}
@media only screen and (max-width:750px){

  /*750px*/
  #infor{width:100%;padding:0.2rem 0;}
  #infor .logo{margin-bottom:0.2rem;}
  #infor .meta li{width:100%;}
}

/*follow*/
#follow{width:1.22rem;text-align:center;padding:0.7rem 0 0.8rem;}
#follow .qr{margin-bottom:0.05rem;}
#follow .qr img{display:block;width:100%;height:auto;}
@media only screen and (max-width:750px){
  #follow{padding:0.2rem 0;}
}

/*menu*/
#menu{padding:0.65rem 0;min-width:3.5rem;}
#menu .parent{font-size:0.2rem;line-height:2.4em;border-right:0.01rem solid rgba(0,0,0,0.06);padding-right:0.6rem;}
#menu .parent a:after{display:inline-block;content:'';width:0.8em;height:0.8em;background:url(../images/menu_arrow.svg) no-repeat center center;background-size:contain;margin-left:0.1rem;opacity:0;}
#menu .parent .cur a:after{opacity:1;}
#menu .parent li ul{display:none;}
#menu .child{line-height:3em;width:calc(100% - 2.28rem);}
@media only screen and (max-width:1024px){
  #menu{display:none;}
}

/*wrapper*/
#wrapper{padding:0.5rem 0 0.95rem;overflow:hidden;background:url(../images/wrapper_bg.png) no-repeat center top;background-size:cover;position:relative;z-index:2;}
#wrapper.visible{overflow:visible;}

/*banner*/
#banner{margin-bottom:0.2rem;}
#banner .inner{position:relative;border-radius:0.3rem;background:no-repeat center center;background-size:cover;}
#banner .inner:after{display:block;content:'';padding-bottom:40.90909091%;}
#banner .name{font-size:0.48rem;line-height:1.35em;position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;}
@media only screen and (max-width:750px){
  #banner .inner:after{padding-bottom:75%;}
  #banner .name{font-size:0.36rem;}
}

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

/*breadcrumb*/
.breadcrumb{color:#666;padding:0.1rem 0;}
.breadcrumb:before{display:inline-block;width:0.16rem;height:0.15rem;background:url(../images/breadcrumb_home.svg) no-repeat center center;background-size:contain;vertical-align:middle;content:'';margin-top:-0.03rem;}
.breadcrumb a:not(:hover){color:#666;}
.breadcrumb span{color:var(--main-color);}
@media only screen and (max-width:1024px){
  .breadcrumb{width:100%;}
}

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

/*container*/
#container{overflow:hidden;}
#container.bg{background:url(../images/wrapper_bg.png) no-repeat center top;background-size:cover;}
#container .breadcrumb{text-align:right;}

/*solution*/
#solution{--margin:0.4rem;}

/*solution-item*/
.solution-item{width:48.61111111%;}
.solution-item .figure{padding-bottom:66.57142857%;}
.solution-item .text{position:absolute;left:0;bottom:0;width:100%;background-color:rgba(255,255,255,0.3);backdrop-filter:blur(0.15rem);padding:0.38rem 0.4rem;border-radius:0.2rem 0.2rem 0 0;}
.solution-item .title{font-size:0.28rem;line-height:1.57142857em;background:no-repeat left center;background-size:1.42857143em auto;padding-left:1.57142857em;}
.solution-item a{display:block;overflow:hidden;position:relative;border-radius:0.2rem;}
.solution-item a:hover .img{transform:scale(1.05);}

/*newslist*/
#newslist{--margin:0.2rem;margin-bottom:0.3rem;}

/*news-item*/
.news-item .figure{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;}
.news-item .text{height:2.3rem;}
.news-item .top{padding:0.3rem;font-size:0.18rem;line-height:1.5em;}
.news-item .top time{display:block;position:relative;}
.news-item .top time:after{display:block;content:'';width:1em;height:0.03rem;background-color:var(--main-color);margin-top:0.05rem;}
.news-item .btm{height:1.07rem;width:100%;padding:0 0.3rem;position:relative;border-radius:0.2rem 0.2rem 0 0;overflow:hidden;}
.news-item .btm:before{content:'';display:block;position:absolute;left:0;bottom:0;background:url(../images/news_item_bg.png) no-repeat center center;background-size:cover;width:100%;height:100%;opacity:0;transition:inherit;}
.news-item .title{font-size:0.2rem;line-height:1.5em;max-height:3em;position:relative;z-index:2;}
.news-item a{display:block;overflow:hidden;position:relative;border-radius:0.2rem;background-color:#fff;}
.news-item a:hover{color:#fff;}
.news-item a:hover .btm:before,.news-item a:hover .figure{opacity:1;}
.news-item a:hover .top{opacity:0;}

/*button-more*/
.button-more .go{width:9.375em;height:3.125em;border-radius:1.5625em;display:flex;align-items:center;justify-content:center;background-color:var(--main-color);color:#fff;}
.button-more i{font-style:normal;padding-right:2.9375em;display:block;background:url(../images/buttom_more_01.svg) no-repeat right center;background-size:0.9375em auto;transition:inherit;}
.button-more .go:hover i{padding-right:1.875em;}

/*circle-more*/
.circle-more .go{border:solid 0.01rem #999999;width:0.5rem;height:0.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.circle-more .go:after{display:block;content:'';width:30%;padding-bottom:20%;background:url(../images/circle_more_arrow_01.svg) no-repeat center center;background-size:contain;}
.circle-more .go:hover{border-color:transparent;background-color:var(--main-color);}
.circle-more .go:hover:after{filter:brightness(100);}
@media only screen and (max-width:750px){
  .circle-more .go{width:0.4rem;height:0.4rem;}
}
.swiper-dots{position:relative;}
.swiper-dots .swiper-pagination{left:50%;transform:translateX(-50%);}
.swiper-dots .swiper-pagination-bullet{display:block;width:0.12rem;height:0.08rem;background-color:rgba(0,0,0,0.1);border-radius:50%;opacity:1;margin-right:0.15rem;}
.swiper-dots .swiper-pagination-bullet:last-child{margin-right:0;}
.swiper-dots .swiper-pagination-bullet-active{background-color:var(--main-color);}

/*newstop*/
#newstop{margin-bottom:0.6rem;position:relative;border-radius:0.2rem;overflow:hidden;background-color:#fff;}
#newstop .figure{width:50%;border-radius:0.2rem;}
#newstop .figure:after{padding-bottom:66.66666667%;display:block;}
#newstop .text{width:50%;padding:0 5.55555556%;}
#newstop .date{font-size:0.18rem;line-height:1.75em;}
#newstop .title{font-size:0.28rem;line-height:1.42857143em;height:2.85714286em;margin-bottom:0.12rem;}
#newstop .excerpt{height:5.625em;margin-bottom:0.3rem;}
#newstop .button-more{margin-left:0.06rem;}
#newstop .swiper-pagination{left:auto;transform:none;right:0.8rem;bottom:0;margin-bottom:7.98611111%;}
#newstop a:hover .img{transform:scale(1.05);}
@media only screen and (max-width:1024px){
  #newstop .swiper-pagination{margin-bottom:4.9%;}
}
@media only screen and (max-width:750px){
  #newstop{margin-bottom:0.4rem;}
  #newstop .figure{width:100%;}
  #newstop .text{width:100%;padding:0.35rem;}
  #newstop .title{font-size:0.24rem;}
  #newstop .swiper-pagination{right:0.35rem;margin-bottom:12%;}
}

/*solution-details*/
#solution-details{margin:0 auto;max-width:12.8rem;}
#solution-details .title{font-size:0.48rem;line-height:1.35em;margin-bottom:0.27rem;}
#solution-details .entry{color:#666;}
#solution-details .entry h3{margin:0;font-size:1.5em;line-height:1.65em;color:#222;font-weight:500;}
@media only screen and (max-width:750px){
  #solution-details .title{font-size:0.38rem;}
}

/*Pages*/
.Pages{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;font-size:0.18rem;font-weight:500;}
.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.55555556em;min-width:3.33333333em;text-align:center;border-radius:1.66666667em;height:3.33333333em;padding:0 0.5em;position:relative;transition:all 0.2s;background:#fff no-repeat center center;background-size:auto 25%;}
.Pages a:hover,.Pages .a_cur{color:#fff;background-color:var(--main-color);}
.Pages .a_prev,.Pages .a_next{text-indent:-99999em;overflow:hidden;}
.Pages .a_prev:after,.Pages .a_next:after{width:10%;padding-bottom:16.66666667%;background:no-repeat center center;background-size:contain;content:'';display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.Pages .a_prev:hover:after,.Pages .a_next:hover:after{filter:brightness(100);}
.Pages .a_prev:after{background-image:url(../images/page_prev_01.svg);}
.Pages .a_next:after{background-image:url(../images/page_next_01.svg);}
@media only screen and (max-width:750px){
  .Pages{font-size:0.16rem;}
}

/*news-details*/
#news-details{padding:0.35rem 0 1rem;max-width:12.8rem;margin:0 auto;}
#news-details .title{font-size:0.48rem;line-height:1.16666667em;margin-bottom:0.9375em;}
#news-details .meta{border-top:0.02rem solid rgba(0,0,0,0.1);border-bottom:0.02rem solid rgba(0,0,0,0.1);padding:0.12rem 0;margin-bottom:0.4rem;}
#news-details .meta span{margin-right:0.37rem;}
#news-details .meta span:last-child{margin-right:0;}
#news-details .meta a{margin-right:0.18rem;}
#news-details .meta a:last-child{margin-right:0;}
#news-details .entry{overflow:hidden;}
#news-details .other{border-top:0.02rem solid rgba(0,0,0,0.1);border-bottom:0.02rem solid rgba(0,0,0,0.1);padding:0.24rem 0;margin-bottom:0.3rem;margin-top:0.92rem;}
#news-details .other i{color:var(--main-color);font-style:normal;}
#news-details .other a{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;}
#news-details .other a:not(:hover){color:#666;}
#news-details .other p:nth-child(2n) a{flex-direction:row-reverse;}
@media only screen and (max-width:750px){
  #news-details .title{font-size:0.32rem;}
  #news-details .meta{flex-direction:column;text-align:center;}
  #news-details .meta span{margin-right:0.2rem;}
  #news-details .other{flex-direction:column;}
  #news-details .other a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
}

/*technical*/
#technical{--margin:0.2rem;margin-bottom:0.4rem;}
#technical .info{background-color:#fff;border-radius:0.2rem;display:block;overflow:hidden;padding:0.35rem 0.4rem;position:relative;}
#technical .info:before{width:0.06rem;height:0.06rem;border-radius:50%;background-color:var(--main-color);content:'';display:block;position:absolute;left:0.24rem;top:0.47rem;}
#technical .title{font-size:0.24rem;line-height:1.25em;margin-bottom:0.05rem;}
#technical .excerpt{height:3.75em;margin-bottom:0.24rem;}
#technical .date{font-size:0.18rem;line-height:1.35em;}

/*inbar-nmb*/
.inbar-nmb #inbar{margin-bottom:0;}

/*guarantee*/
#guarantee{padding:0.2rem 0 0.6rem;}
#guarantee .item{border-bottom:0.01rem solid rgba(0,0,0,0.1);}
#guarantee .info{position:relative;display:block;padding-right:25%;padding:0.32rem 25% 0.32rem 0;}
#guarantee .info:before{content:'';display:block;position:absolute;right:0;background-image:linear-gradient(90deg,var(--main-color),transparent);height:100%;width:100vw;opacity:0;top:0;transition:inherit;}
#guarantee .date{font-size:0.18rem;line-height:1.35em;margin-bottom:0.05rem;}
#guarantee .title{font-size:0.24rem;line-height:1.25em;margin-bottom:0.15rem;}
#guarantee .excerpt{height:3.75em;}
#guarantee .circle-more{position:absolute;right:0;top:50%;transform:translateY(-50%);}
#guarantee .info:hover:before{opacity:0.08;}
#guarantee .info:hover .go{background-color:var(--main-color);border-color:transparent;}
#guarantee .info:hover .go:after{filter:brightness(100);}
@media only screen and (max-width:750px){
  #guarantee .info{padding-right:0.6rem;}
}

/*knowledge*/
#knowledge{--margin:0.2rem;margin-bottom:0.2rem;}
#knowledge .item{padding-bottom:0.4rem;}
#knowledge .info{background-color:#fff;border-radius:0.2rem;overflow:hidden;display:block;}
#knowledge .figure{margin-left:0.4rem;border-radius:0.2rem 0 0.2rem 0;}
#knowledge .figure:after{display:block;padding-bottom:66.66666667%;}
#knowledge .text{padding:0.55rem 0.4rem 0.3rem;}
#knowledge .title{font-size:0.24rem;line-height:1.33333333em;height:2.66666667em;margin-bottom:0.07rem;}
#knowledge .excerpt{height:3.75em;margin-bottom:0.7rem;}
#knowledge .info:hover .go{background-color:var(--main-color);border-color:transparent;}
#knowledge .info:hover .go:after{filter:brightness(100);}
#knowledge .info:hover .img{transform:scale(1.05);}
@media only screen and (max-width:750px){
  #knowledge .excerpt{margin-bottom:0.3rem;}
}

/*prolist*/
#prolist{--margin:0.38rem;margin-bottom:0.2rem;}
#prolist .info{display:block;overflow:hidden;background-color:#fff;border-radius:0.2rem;padding:0.85rem 0.35rem 0.5rem;position:relative;}
#prolist .figure{width:3rem;max-width:100%;margin:0 auto 0.3rem;}
#prolist .figure:after{display:block;padding-bottom:83.33333333%;}
#prolist .img{object-fit:contain;}
#prolist .title{font-size:0.28rem;line-height:1.75em;}
#prolist .cont{position:absolute;left:0;top:0;width:100%;height:100%;background:no-repeat center center;background-size:cover;border-radius:0.2rem;overflow:hidden;padding:0 0.45rem;transform:translateY(100%);opacity:0;}
#prolist .cont:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(17,35,87,0.8);}
#prolist .cont .title{position:relative;z-index:2;margin-bottom:0.08rem;}
#prolist .cont .excerpt{position:relative;z-index:2;opacity:0.8;margin-bottom:0.8rem;text-align-last:center;}
#prolist .more{position:relative;z-index:2;background-color:var(--main-color);width:8.75em;height:3.125em;border-radius:1.5625em;line-height:3.125em;}
#prolist .info:hover .cont{transform:translateY(0);opacity:1;}
@media only screen and (max-width:750px){
  #prolist .title{font-size:0.24rem;}
}

/*module-more*/
.module-more a{background-color:var(--main-color);color:#fff;height:2.25em;border-radius:1.125em;display:block;padding:0 0.875em;line-height:2.25em;}

/*module-name*/
.module-name{font-size:0.36rem;line-height:1.35em;}

/*special-box*/
.special-box{margin-bottom:0.5rem;}
.special-box:last-child{margin-bottom:0;}
.special-box li{margin-bottom:0.18rem;}
.special-box li:last-child{margin-bottom:0;}
.special-box li a{display:block;overflow:hidden;position:relative;padding-left:0.25rem;padding-right:1.35rem;font-size:0.2rem;line-height:1.5em;}
.special-box li a:before{content:'';display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:0.3em;height:0.3em;border-radius:50%;background-color:var(--main-color);}
.special-box li time{display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:0.18rem;line-height:1.5em;}
@media only screen and (max-width:750px){
  .special-box li time{font-size:0.16rem;}
  .special-box li a{padding-right:1rem;padding-left:0.2rem;}
}
.special-info{width:100%;margin-top:0.3rem;}

/*directives*/
.directives .info{position:relative;display:block;}
.directives .figure{padding-bottom:66.61971831%;}
.directives .istop{width:49.30555556%;border-radius:0.2rem;overflow:hidden;}
.directives .istop .text{position:absolute;left:0;bottom:0;width:100%;background:url(../images/special_istop_bg.png) no-repeat center center;background-size:cover;border-radius:0.2rem 0.2rem 0 0;overflow:hidden;padding:0.25rem 0.5rem 0.22rem 0.3rem;}
.directives .istop .title{font-size:0.28rem;line-height:1.28571429em;height:2.57142857em;margin-bottom:0.05rem;}
.directives .istop .time{font-size:0.18rem;line-height:1.5em;}
.directives .list{width:49.30555556%;background-color:#fff;border-radius:0.2rem;padding:0.38rem 0.22rem 0.38rem 0.38rem;}
.directives .first{border-bottom:0.01rem solid rgba(0,0,0,0.1);padding-bottom:0.34rem;margin-bottom:0.32rem;}
.directives .first .date{width:5.55555556em;border-radius:0.1rem;background-color:rgba(var(--r),var(--g),var(--b),0.08);font-size:0.18rem;line-height:1.25em;padding:0.08rem 0 0.1rem;}
.directives .first .date time{display:block;}
.directives .first .date i{display:block;font-style:normal;font-size:3.33333333em;line-height:1em;}
.directives .first .text{width:calc(100% - 1rem);padding-right:15.38461538%;}
.directives .first .title{font-size:0.24rem;line-height:1.33333333em;margin-bottom:0.14rem;}
.directives .first .excerpt{height:3.75em;}
.directives .info:hover .img{transform:scale(1.05);}
@media only screen and (max-width:1024px){
  .directives .istop{width:100%;margin-bottom:0.3rem;}
  .directives .list{width:100%;padding-left:0.28rem;}
}
@media only screen and (max-width:750px){
  .directives .istop .title{font-size:0.2rem;}
  .directives .first .date{font-size:0.16rem;}
  .directives .first .text{padding-right:0;width:calc(100% - 1.2rem);}
}

/*dynamics*/
.dynamics .box{background-color:#fff;border-radius:0.2rem;padding:0.4rem 0.3rem 0.3rem;}
.dynamics .column{width:47.10144928%;}
.dynamics .column:nth-child(2n+1){width:49.27536232%;}
.dynamics .column:nth-child(2n+1) ul{margin-right:0.3rem;}
.dynamics .istop{background-color:rgba(var(--r),var(--g),var(--b),0.08);border-radius:0.1rem;margin-bottom:0.22rem;}
.dynamics .istop .figure{width:2.5rem;}
.dynamics .istop .figure:after{display:block;content:'';padding-bottom:66.4%;border-radius:0 0.1rem 0.1rem 0;}
.dynamics .istop .text{width:calc(100% - 2.5rem);padding:0 0.2rem;}
.dynamics .istop .title{font-size:0.24rem;line-height:1.33333333em;height:2.66666667em;margin-bottom:0.625em;}
.dynamics .istop time{display:block;}
@media only screen and (max-width:1024px){
  .dynamics .column:nth-child(n+1){width:100%;}
  .dynamics .column:nth-child(n+1) ul{margin-right:0;}
}
@media only screen and (max-width:750px){
  .dynamics .box{padding:0.2rem 0.2rem 0.3rem;}
  .dynamics .istop .figure{width:100%;}
  .dynamics .istop .text{width:100%;padding:0.3rem;}
}

/*product-top*/
.product-top{margin-bottom:0.3rem;}

/*product-imgs*/
.product-imgs{width:50%;border-radius:0.2rem;overflow:hidden;}
.product-imgs:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;border-radius:0.2rem;border:solid 4px rgba(var(--r),var(--g),var(--b),0.1);z-index:2;}
.product-imgs .figure{padding-bottom:66.66666667%;}
.product-imgs .swiper-pagination{bottom:6.25%;}
@media only screen and (max-width:1024px){
  .product-imgs{width:100%;margin-bottom:0.35rem;}
}

/*product-summary*/
.product-summary{width:45.83333333%;}
.product-summary .title{font-size:0.4rem;line-height:1.3em;margin-bottom:0.32rem;}
.product-summary .name{font-size:0.16rem;width:3.1875em;height:1.5625em;border-radius:0.8125em;background-color:rgba(var(--r),var(--g),var(--b),0.08);text-align:center;line-height:1.5625em;}
.product-summary .intro {font-size:15px;}
@media only screen and (max-width:1024px){
  .product-summary{width:100%;}
}
@media only screen and (max-width:750px){
  .product-summary .title{font-size:0.3rem;}
}

/*product-middle*/
.product-middle{position:relative;margin-bottom:0.55rem;}
.product-middle:after{content:'';display:block;position:absolute;left:0;bottom:0;height:0.02rem;background-color:rgba(0,0,0,0.1);width:100%;}

/*product-tab*/
.product-tab{font-size:0.2rem;line-height:2.4em;}
.product-tab span{display:block;position:relative;margin-right:0.46rem;padding:0.06rem 0;cursor:pointer;}
.product-tab span:last-child{margin-right:0;}
.product-tab span:after{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:0.02rem;background-color:var(--main-color);opacity:0;}
.product-tab .active{color:var(--main-color);}
.product-tab .active:after{opacity:1;}
@media only screen and (max-width:1024px){
  .product-tab{width:100%;justify-content:center;}
}

/*probox-box*/
.product-box{background:no-repeat center center;background-size:cover;overflow:hidden;}
.product-box .name{font-size:0.4rem;line-height:1.2em;margin-bottom:0.3rem;}
@media only screen and (max-width:750px){
  .product-box .name{font-size:0.32rem;}
}

/*product-intro*/
.product-intro{margin-bottom:0.4rem;}
.product-intro .name{margin-bottom:0.07rem;}
.product-intro .intro {font-size:15px;}
.product-intro .list{margin-top:0.32rem;}
.product-intro .info{border-radius:0.2rem;background-image:linear-gradient(180deg,#f1f8ff 0%,#ffffff 100%);padding:0.5rem 0.4rem 0.3rem;position:relative;height:100%;border:0.02rem solid #fff;overflow:hidden;}
.product-intro .figure{width:0.36rem;margin-bottom:0.6rem;}
.product-intro .figure i{padding-bottom:100%;background-size:contain;}
.product-intro .title{font-size:0.24rem;line-height:1.25em;margin-bottom:0.07rem;}
@media only screen and (min-width:751px){
  .product-intro .item{width:33.333%;}
}

/*product-case*/
.product-case{min-height:5.5rem;border-radius:0.2rem;padding:0.75rem;margin-bottom:0.55rem;}
.product-case .name{margin-bottom:0.25rem;}
@media only screen and (max-width:750px){
  .product-case{padding:0.5rem;}
}

/*product-meta*/
.product-meta .info{overflow-x:auto;-webkit-overflow-scrolling:touch;overflow-y:hidden;}
.product-meta .info::-webkit-scrollbar{display:none;}
.product-meta table{background-color:#fff;table-layout:fixed;border-radius:0.2rem;overflow:hidden;}
.product-meta td{color:#666;padding:0.14rem 0.3rem;border:0.02rem solid #f1f8ff;}
.product-meta td:first-child{width:27.77777778%;font-weight:500;color:#222;}
@media only screen and (max-width:750px){
  .product-meta table{min-width:6rem;}
  .product-meta td{padding:0.12rem 0.2rem;}
}

/*honor-list*/
#honor-list{--margin:0.72rem;}
#honor-list .item{padding-bottom:0.55rem;}
#honor-list .cert{position:relative;margin-bottom:0.15rem;}
#honor-list .cert:before{content:'';display:block;position:absolute;width:100%;height:100%;border-radius:0.1rem;background-color:#4178af;box-shadow:0 0 0.5rem #4178af;opacity:0.015;right:0.2rem;top:0.2rem;}
#honor-list .box{border:0.08rem solid rgba(180,190,198,0.5);border-radius:0.1rem;padding:0.1rem;}
#honor-list .figure{background-color:#fff;border-radius:0.1rem;border:0.12rem solid #fff;}
#honor-list .bg{background-size:contain;padding-bottom:142.27642276%;}
#honor-list .small{padding-bottom:65.85365854%;}
#honor-list .title{font-size:0.18rem;line-height:1.5em;}
@media only screen and (max-width:750px){
  #honor-list{--margin:0.3rem;margin-bottom:0.3rem;}
  #honor-list .item{width:50%;padding-bottom:0.2rem;}
}

/*timeline*/
#timeline{position:relative;font-size:0.24rem;line-height:1.5em;text-align:center;padding:0 0.7rem;}
#timeline:before{height:0.02rem;top:0.04rem;content:'';display:block;position:absolute;left:0;width:100%;background-color:rgba(0,0,0,0.1);}
#timeline .swiper-slide{padding:0.15rem 0;cursor:pointer;}
#timeline .swiper-slide:before{width:0.1rem;height:0.1rem;background-color:#f1f8ff;border:solid 0.02rem #d8dfe5;content:'';display:block;position:absolute;left:50%;top:0;transform:translateX(-50%);border-radius:50%;}
#timeline .swiper-slide-thumb-active{color:var(--main-color);}
#timeline .swiper-slide-thumb-active:before{background-color:var(--main-color);border-color:transparent;}
@media only screen and (max-width:1024px){
  #timeline{padding:0;}
}

/*swiper-arrows*/
.swiper-arrows{position:relative;}
.swiper-arrows .arrow{font-size:0.16rem;width:2.5em;height:2.5em;background-color:rgba(34,34,34,0.2);border-radius:50%;margin-top:0;transform:translateY(-50%);opacity:1;z-index:5;}
.swiper-arrows .arrow:after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:15%;padding-bottom:25%;background:no-repeat center center;background-size:contain;}
.swiper-arrows .arrow:hover{background-color:var(--main-color);}
.swiper-arrows .swiper-button-prev{left:-0.6rem;}
.swiper-arrows .swiper-button-prev:after{background-image:url(../images/swiper_prev_01.svg);}
.swiper-arrows .swiper-button-next{right:-0.6rem;}
.swiper-arrows .swiper-button-next:after{background-image:url(../images/swiper_next_01.svg);}
@media only screen and (max-width:1024px){
  .swiper-arrows .swiper-button-prev{left:0.15rem;}
  .swiper-arrows .swiper-button-next{right:0.15rem;}
}

/*timeevent*/
#timeevent{position:relative;margin-bottom:0.6rem;}
#timeevent .figure{width:49.30555556%;border-radius:0.1rem;}
#timeevent .figure:after{padding-bottom:66.61971831%;display:block;}
#timeevent .text{width:50.69444444%;padding:0 5.55555556% 0 6.94444444%;}
#timeevent .year{font-size:7.8125vw;line-height:1.1em;}
#timeevent .intro{font-size:0.24rem;line-height:1.5em;}
@media only screen and (max-width:1024px){
  #timeevent .intro{font-size:0.2rem;}
}
@media only screen and (max-width:750px){
  #timeevent .figure{width:100%;margin-bottom:0.35rem;}
  #timeevent .text{width:100%;padding:0;}
  #timeevent .year{font-size:0.8rem;}
}

/*profile*/
#wrapper.profile{background-image:url(../images/company_profile_bg.png);}

/*company-profile*/
.company-profile{margin-bottom:0.5rem;}
.company-profile .figure{width:41.66666667%;border-radius:0.2rem;}
.company-profile .figure:after{display:block;padding-bottom:80%;}
.company-profile .text{width:49.65277778%;}
.company-profile .title{font-size:0.36rem;line-height:1.27777778em;margin-bottom:1em;}
@media only screen and (max-width:750px){
  .company-profile .figure{width:100%;}
  .company-profile .text{width:100%;margin-bottom:0.35rem;}
  .company-profile .title{font-size:0.3rem;}
}

/*company-data*/
.company-data{margin-bottom:0.52rem;}
.company-data .num{font-size:0.6rem;line-height:1em;margin-bottom:0.05rem;}
@media only screen and (max-width:750px){
  .company-data ul{justify-content:space-between;text-align:center;}
  .company-data li{width:50%;padding:0.15rem;}
  .company-data .num{font-size:0.46rem;}
}

/*company-idea*/
.company-idea .hgroup{border-radius:0.2rem;padding-bottom:36.11111111%;position:relative;margin-bottom:0.48rem;}
.company-idea .text{position:absolute;left:0;top:0;width:100%;padding:0.5rem 0.4rem;}
.company-idea .name{font-size:0.16rem;line-height:1.875em;}
.company-idea .title{font-size:0.36rem;line-height:1.27777778em;}
@media only screen and (max-width:750px){
  .company-idea .hgroup{padding-bottom:75%;}
  .company-idea .text{padding:0.4rem 0.3rem;}
  .company-idea .title{font-size:0.26rem;}
}

/*job-filter*/
#job-filter{background-color:#fff;border-radius:0.2rem;padding:0.3rem;margin-bottom:0.2rem;}
#job-filter .name{font-size:0.24rem;line-height:1.33333333em;margin-bottom:0.1rem;}
#job-filter .input{font-size:0.18rem;}
#job-filter .submit{color:#fff;background-color:var(--main-color);width:24.63768116%;height:3.33333333em;border-radius:1.66666667em;}
#job-filter .text{width:73.91304348%;height:3.33333333em;border-radius:1.66666667em;line-height:2em;padding:0.66666667em 1.66666667em;background-color:#fff;border:0.01rem solid #eee;}
#job-filter input::-moz-placeholder{opacity:1;color:#999;}
#job-filter input:-moz-placeholder{opacity:1;color:#999;}
#job-filter input::-webkit-input-placeholder{opacity:1;color:#999;}
#job-filter input:-ms-input-placeholder{opacity:1;color:#999;}
#job-filter textarea::-moz-placeholder{opacity:1;color:#999;}
#job-filter textarea:-moz-placeholder{opacity:1;color:#999;}
#job-filter textarea::-webkit-input-placeholder{opacity:1;color:#999;}
#job-filter textarea:-ms-input-placeholder{opacity:1;color:#999;}
@media only screen and (max-width:750px){
  #job-filter .input{font-size:0.16rem;}
}

/*job-list*/
#job-list{background-color:#fff;border-radius:0.2rem;padding:0.3rem 0.5rem 0.6rem;margin-bottom:0.6rem;}
@media only screen and (max-width:750px){
  #job-list{padding:0.2rem 0.3rem 0.4rem;}
}

/*job-item*/
.job-item{border-bottom:0.01rem solid rgba(0,0,0,0.1);}
.job-item .top{position:relative;padding:0.2rem 1rem 0.2rem 0;cursor:pointer;}
.job-item .title{font-size:0.2rem;line-height:1.5em;padding:0.25em 0;}
.job-item .meta{font-size:0.18rem;line-height:1.66666667em;padding:0.27777778em 0;}
.job-item .meta span{display:block;position:relative;margin-right:0.38rem;}
.job-item .meta span:last-child{margin-right:0;}
.job-item .meta .text:after{width:0.01rem;height:0.66666667em;background-color:rgba(0,0,0,0.1);content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);right:-1.11111111em;}
.job-item .arrow{position:absolute;right:0;top:0.2rem;width:0.4rem;height:0.4rem;border-radius:50%;background:rgba(34,34,34,0.2) url(../images/arrow_down_01.svg) no-repeat center;background-size:25% auto;}
.job-item .btm{border-top:0.02rem solid var(--main-color);padding:0.33rem 0 0.6rem;display:none;}
.job-item .name{font-size:0.18rem;line-height:1.66666667em;}
.job-item .item{margin-bottom:0.3rem;}
.job-item .entry{font-size:0.18rem;line-height:1.66666667em;}
.job-item .entry *{line-height:1.66666667em;}
.job-item.active .arrow{background-color:var(--main-color);transform:rotate(180deg);}
@media only screen and (max-width:750px){
  .job-item .top{padding-right:0.6rem;}
  .job-item .meta{width:100%;}
}

/*message*/
#message{background:#fff url(../images/message_bg.png) no-repeat center center;background-size:cover;border-radius:0.1rem;overflow:hidden;padding:1rem 0.85rem 0.85rem;}
#message .hgroup{margin-bottom:0.3rem;}
#message .title{font-size:0.4rem;line-height:1.5em;}
#message .form{max-width:10.3rem;margin:0 auto;}
@media only screen and (max-width:750px){
  #message{padding:0.5rem 0.35rem;}
  #message .title{font-size:0.32rem;}
}

/*msg-form*/
.msg-form .item{margin-bottom:0.3rem;}
.msg-form .text{display:block;width:100%;border:solid 0.02rem #eeeeee;border-radius:1.11111111em;font-size:0.18rem;color:#666;height:3.33333333em;line-height:2em;padding:0.66666667em 1.66666667em;overflow:hidden;}
.msg-form textarea.text{height:6.66666667em;resize:vertical;}
.msg-form .col2 .item{width:48.54368932%;}
@media only screen and (max-width:750px){
  .msg-form .col2 .item{width:100%;}
}

/*contact*/
#contact{overflow:hidden;margin-bottom:0.4rem;}
#contact .figure{width:50%;border-radius:0.1rem;margin-bottom:0.2rem;}
#contact .figure:after{display:block;padding-bottom:63.61111111%;}
#contact .text{width:48.61111111%;}
#contact .list{--margin:0.2rem;}
#contact .item{flex-grow:1;}
#contact .info{border-radius:0.1rem;background-color:#fff;position:relative;height:100%;padding:0.4rem 0.4rem 0.36rem;}
#contact .icon{width:0.38rem;margin-bottom:0.42rem;}
#contact .icon i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:contain;}
#contact .intro{font-size:0.18rem;line-height:1.77777778em;min-height:3.55555556em;}
@media only screen and (max-width:1024px){
  #contact .text{width:100%;}
  #contact .figure{width:100%;}
  #contact .intro{min-height:0;}
}

/*slides*/
#slides{padding:0.5rem 0;overflow:hidden;}
#slides .inner {position: relative;}
#slides .swiper{overflow:visible;}
#slides .swiper-slide{border-radius:0.3rem;overflow:hidden;background-color:#f1f8ff;}
#slides .box{opacity:0;}
#slides .video,#slides .figure{padding-bottom:40.90909091%;}
#slides .img{transform:scale(1.25);transition-duration:3s;}
#slides video{display:block;width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;}
#slides .text{position:absolute;top:50%;transform:translateY(-50%);left:0;max-width:7.7rem;padding:0 9.09090909%;}
#slides .info{transform:translateY(1rem);opacity:0;}
#slides .name{font-size:0.48rem;line-height:1.08333333em;margin-bottom:0.2rem;}
#slides .alias{font-size:0.18rem;line-height:1.55555556em;margin-bottom:0.32rem;}
#slides .swiper-slide-duplicate-active .box,#slides .swiper-slide-active .box{opacity:1;}
#slides .swiper-slide-duplicate-active .img,#slides .swiper-slide-active .img{transform:scale(1);}
#slides .swiper-slide-duplicate-active .info,#slides .swiper-slide-active .info{transform:translateY(0);opacity:1;}
#slides .pagination{position:absolute;left:50%;transform:translateX(-50%);bottom:5.55555556%;z-index:2;}
#slides .swiper-pagination-bullet{background-color:rgba(255,255,255,0.4);}
#slides .swiper-pagination-bullet-active{background-color:#fff;}

@media only screen and (min-width:1025px){
  #slides .swiper-button-prev{left:-0.7rem;}
  #slides .swiper-button-next{right:-0.7rem;}
}
@media only screen and (max-width:750px){
  #slides .figure{padding-bottom:100%;}
  #slides .name{font-size:0.36rem;}
  #slides .alias{font-size:0.16rem;}
}

/*home-name*/
.home-name{font-size:0.4rem;line-height:1.2em;}
@media only screen and (max-width:750px){
  .home-name{font-size:0.32rem;}
}

/*product*/
#product{position:relative;padding:0.45rem 0 1rem;}
#product:before{content:'';display:block;position:absolute;width:100%;left:0;bottom:0;padding-bottom:41.66666667%;background:url(../images/product_bg.png) no-repeat center center;background-size:100% auto;}
#product .wrap{position:relative;z-index:2;overflow:hidden;}
#product .top{margin-bottom:0.35rem;}
#product .tab{font-size:0.24rem;line-height:2em;position:relative;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
#product .tab:after{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;background-color:rgba(0,0,0,0.1);height:0.02rem;}
#product .tab span{display:block;white-space:nowrap;position:relative;margin-right:0.65rem;padding-bottom:0.83333333em;cursor:pointer;}
#product .tab span:after{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:0.02rem;background-color:var(--main-color);opacity:0;}
#product .tab span:last-child{margin-right:0;}
#product .tab .active:after{opacity:1;}
#product .cont .info{display:block;overflow:hidden;background-color:#fff;border-radius:0.2rem;padding:0.85rem 0.35rem 0.5rem;position:relative;}
#product .cont .figure{width:3rem;max-width:100%;margin:0 auto 0.3rem;}
#product .cont .figure:after{display:block;padding-bottom:83.33333333%;}
#product .cont .img{object-fit:contain;}
#product .cont .title{font-size:0.28rem;line-height:1.75em;}
@media only screen and (min-width:1025px){
  #product .swiper-button-prev{left:-0.8rem;}
  #product .swiper-button-next{right:-0.8rem;}
}
@media only screen and (max-width:1024px){
  #product .home-name{margin-bottom:1em;}
}
@media only screen and (max-width:750px){
  #product{padding:0.2rem 0 0.7rem;}
  #product .tab{font-size:0.2rem;}
  #product .tab span{margin-right:0.2rem;}
}

/*home-box*/
.home-box{overflow:hidden;background:#f1f8ff no-repeat center center;background-size:cover;padding:1rem 0;position:relative;}
@media only screen and (max-width:750px){
  .home-box{padding:0.7rem 0;}
}
.home-more a{display:block;overflow:hidden;background-color:var(--main-color);color:#fff;width:3.75em;height:2.25em;border-radius:1.125em;text-align:center;line-height:2.25em;}

/*news*/
#news{background-image:linear-gradient(0deg,#f1f8ff,#fcfeff);}
#news .tab{font-size:0.36rem;line-height:1.11111111em;}
#news .tab .active{color:#222;}
#news .top{width:45.83333333%;border-radius:0.2rem;overflow:hidden;}
#news .top .item{display:none;}
#news .top .item:first-child{display:block;}
#news .top .figure{padding-bottom:81.51515152%;}
#news .top .text{position:absolute;left:0;bottom:0;border-radius:0.2rem 0.2rem 0 0;width:100%;padding:0.25rem 0.3rem 0.23rem;background:var(--main-color) url(../images/news_top_bg.png) no-repeat center center;background-size:cover;}
#news .top .title{font-size:0.24rem;line-height:1.33333333em;height:2.66666667em;margin-bottom:0.05rem;}
#news .top time{font-size:0.18rem;line-height:1.66666667em;}
#news .top a{display:block;overflow:hidden;position:relative;}
#news .last{width:54.16666667%;}
#news .bar{padding:0.17rem 0 0.17rem 0.6rem;margin-bottom:0.18rem;}
#news .tab span{display:block;margin-right:0.4rem;cursor:pointer;}
#news .tab .active{color:#222;}
#news .list{display:none;}
#news .list:first-child{display:block;}
#news .list .first{padding:0.25rem 0.6rem 0.2rem 0.6rem;font-size:0.24rem;line-height:1.33333333em;background-image:linear-gradient(90deg,rgba(var(--r),var(--g),var(--b),0.08),rgba(218,229,255,0.08));}
#news .list .first time{font-size:0.75em;}
#news .list .dot{margin-left:0.6rem;border-bottom:0.01rem solid rgba(0,0,0,0.1);font-size:0.2rem;line-height:1.5em;padding:0.17rem 0;}
#news .list .dot time{display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);}
#news .list .dot a{position:relative;padding-left:1.25em;padding-right:7em;}
#news .list .dot a:before{width:0.3em;height:0.3em;border-radius:50%;background-color:var(--main-color);content:'';display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);}
@media only screen and (max-width:1024px){
  #news .last{width:100%;margin-bottom:0.35rem;}
  #news .bar{padding:0;margin-bottom:0.35rem;}
  #news .list .first{padding-left:0.25rem;padding-right:0.25rem;}
  #news .list .dot{margin-left:0;}
  #news .top{width:100%;}
}
@media only screen and (max-width:750px){
  #news .tab{font-size:0.3rem;}
  #news .top .title{font-size:0.2rem;}
}

/*solution-box*/
#solution-box{background-color:#fff;background-image:url(../images/solution_bg.png);background-position:top center;background-size:100% auto;}
#solution-box .btm{margin-top:0.55rem;}
#solution-box .figure{padding-bottom:133.33333333%;}
#solution-box .text{position:absolute;left:0;bottom:0;width:100%;border-radius:0.2rem 0.2rem 0 0;z-index:2;backdrop-filter:blur(0.1rem);padding:0.25rem 0.3rem;}
#solution-box .icon{width:0.34rem;margin-bottom:0.1rem;}
#solution-box .icon i{display:block;overflow:hidden;padding-bottom:117.64705882%;background:no-repeat center center;background-size:contain;}
#solution-box .line{width:0.2rem;height:0.03rem;background-color:#fff;display:block;margin-bottom:0.16rem;display:none;}
#solution-box .title{font-size:0.28rem;line-height:1.35em;}
#solution-box .intro{padding:0.05rem 0;display:none;}
#solution-box .info{border-radius:0.2rem;display:block;overflow:hidden;position:relative;}
#solution-box .info:hover{box-shadow:0px 0.04rem 0.16rem 0.04rem rgba(4,30,104,0.1);}
#solution-box .info:hover .text{background-color:rgba(var(--r),var(--g),var(--b),0.63);}
#solution-box .info:hover .icon{display:none;}
#solution-box .info:hover .line,#solution-box .info:hover .intro{display:block;}

/*puzzle*/
#puzzle{padding:0.85rem 0 0.3rem;background-color:#f3faff;}
#puzzle .bg{position:absolute;left:0;top:0;width:100%;padding-bottom:18.22916667%;}
#puzzle .inner{position:relative;z-index:2;}
#puzzle .home-name{margin-bottom:0.3rem;}
#puzzle .button-more{margin-bottom:0.5rem;}
#puzzle .links{border:0.01rem solid rgba(255,255,255,0.34);border-radius:0.3rem;padding:0.14rem 0.3rem;background-color:rgba(221,238,255,0.34);overflow:hidden;}
#puzzle .links span{display:block;}
#puzzle .links ul{width:calc(100% - 1rem);}
#puzzle .links li{padding-right:0.37rem;position:relative;font-size:0.14rem;line-height:2.14285714em;}
#puzzle .links li:after{background-color:#c3cddb;width:0.01rem;height:0.14rem;content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);right:0.18rem;}
#puzzle .links li:last-child{padding-right:0;}
#puzzle .links li:last-child:after{display:none;}
@media only screen and (max-width:750px){
  #puzzle .links{padding:0.25rem;}
  #puzzle .links ul{width:100%;}
}

/*about*/
#about{background-image:url(../images/about_bg.jpg);}
#about .data{min-width:1.6rem;}
#about .data li{margin-bottom:0.65rem;}
#about .data li:last-child{margin-bottom:0;}
#about .data .num{font-family:'Montserrat';font-size:0.6rem;line-height:1.1em;}
#about .data sup{display:inline-block;vertical-align:middle;line-height:0.5em;margin-top:-0.25em;}
#about .info{width:calc(100% - 2.9rem);}
#about .home-name{margin-bottom:0.5rem;}
#about .figure{width:52.63157895%;border-radius:0.2rem;}
#about .figure:after{display:block;padding-bottom:80%;}
#about .figure:hover .img{transform:scale(1.05);}
#about .text{width:38.15789474%;}
#about .title{font-size:0.36rem;line-height:1.27777778em;margin-bottom:1.11111111em;}
#about .intro{margin-bottom:0.6rem;}
@media only screen and (max-width:1024px){
  #about .info{width:100%;margin-bottom:0.5rem;}
  #about .data{width:100%;}
  #about .data ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;justify-content:space-between;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;}
  #about .data li{margin-bottom:0;}
}
@media only screen and (max-width:750px){
  #about .figure{width:100%;margin-bottom:0.35rem;}
  #about .text{width:100%;}
  #about .title{font-size:0.3rem;margin-bottom:0.2rem;}
  #about .intro{margin-bottom:0.35rem;}
  #about .data{text-align:center;}
  #about .data li{width:50%;padding:0.15rem 0;}
}

/*topic*/
#topic{background-image:linear-gradient(180deg,#eaf4fd,#fff);}
#topic .top{margin-bottom:0.45rem;}
#topic .swiper-slide{height:auto;}
#topic .title{font-size:0.24rem;line-height:1.16666667em;max-height:2.33333333em;margin-bottom:0.08rem;}
#topic .intro{font-size:0.12rem;line-height:1.16666667em;opacity:0.6;max-width:1.7rem;}
#topic .info{overflow:hidden;border-radius:0.1rem;position:relative;background:no-repeat center center;background-size:cover;padding:0 0.3rem;min-height:1.4rem;}
#topic .small .title{font-size:0.18rem;line-height:1.33333333em;max-height:2.66666667em;}
@media only screen and (min-width:1025px){
  #topic .swiper-button-prev{left:-0.8rem;}
  #topic .swiper-button-next{right:-0.8rem;}
}

/*layout*/
#layout{background:#eef6ff url(../images/layout.jpg) no-repeat center bottom;background-size:cover;}
#layout .home-name{margin-bottom:0.6rem;}
#layout .name{font-size:0.24rem;line-height:1.35em;margin-bottom:1em;}
#layout .name span{color:var(--main-color);font-size:0.6rem;line-height:1em;font-weight:bold;font-family:'Montserrat';}
#layout .rate li{font-size:0.18rem;line-height:1.5em;text-align:center;max-width:1.8rem;}
#layout .rate .num{font-size:0.5rem;font-family:'Montserrat';line-height:1.125em;}
#layout .rate sub{font-size:0.72em;line-height:1.125em;display:inline-block;vertical-align:middle;}
#layout .info{margin-bottom:0.45rem;}
#layout .text{width:45.13888889%;}
#layout .text ul{margin-top:0.18rem;}
#layout .text li{margin-bottom:0.35rem;cursor:pointer;}
#layout .text li:last-child{margin-bottom:0;}
#layout .text ul{position:relative;font-size:0.18rem;line-height:1.66666667em;}
#layout .text ul:before{width:0.02rem;background-color:var(--main-color);opacity:0.1;height:100%;content:'';display:block;position:absolute;left:0;top:0;}
#layout .text .title{font-size:1em;}
#layout .text .box{padding-left:0.34rem;border-left:0.02rem solid transparent;}
#layout .text .active .title{color:var(--main-color);}
#layout .text .active .box{border-left-color:var(--main-color);}
#layout .pic{width:50%;box-shadow:0px 0.04rem 0.16rem 0.04rem rgba(4,30,104,0.1);border-radius:0.2rem;overflow:hidden;}
#layout .pic .figure{padding-bottom:66.66666667%;}
#layout .pic .cont{position:absolute;left:0;bottom:0;width:100%;border-radius:0.2rem 0.2rem 0 0;background-color:rgba(255,255,255,0.6);backdrop-filter:blur(0.1rem);padding:0.17rem 0.4rem 0.23rem;}
#layout .pic .title{font-size:0.24rem;line-height:1.25em;width:calc(100% - 0.7rem);}
#layout .pic .more{width:0.5rem;height:0.5rem;border:0.01rem solid #fff;border-radius:50%;background:url(../images/more_arrow_right_01.svg) no-repeat center center;background-size:31.25% auto;}
#layout .pic a{display:block;overflow:hidden;position:relative;}
#layout .pic a:hover .img{transform:scale(1.05);}
@media only screen and (min-width:751px){
  #layout{padding-bottom:1.35rem;}
}
@media only screen and (max-width:1024px){
  #layout .rate li{max-width:none;width:33.333%;padding:0.15rem 0;}
}
@media only screen and (max-width:750px){
  #layout .rate li{width:50%;}
  #layout .text{width:100%;margin-bottom:0.35rem;}
  #layout .pic{width:100%;}
}