@charset "utf-8";
/*初始化样式*/
:root {  
    --font-color:#000;
    --main-color:#1855FF;
    --r:24;
    --g:85;
    --b:255;
    --opacity:1;
}
*{-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;}
}
html {-webkit-text-size-adjust:none; font-size:100px; scroll-behavior: initial;}

@media only screen and (max-width:1664px){
    /*1664px*/
    html{font-size:calc(100vw/16.64);}
}
@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(80vw/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:15.6rem;margin:0 auto;}
.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;}
/*onscale*/
.onscale:hover img {transform: scale(1.05);}
/*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*=fs12]{font-size: 0.12rem; line-height: 1.5em;}
[data-font*=fs14]{font-size: 0.14rem; line-height: 1.75em;}
[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;}
/*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: 33.333%;}
}
@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: 50%;}
}
/*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;}

/*header*/
#header{position:sticky;top:0;width:100%;z-index:8;background-color:#fff;padding:0.1rem 2.08333333% 0.1rem 1.35416667%;box-shadow:0 0.05rem 0.1rem rgba(0,0,0,0.05);}
#header .bar{padding:0 0.3rem;width:calc(100% - 3.3rem);}
@media only screen and (max-width:1024px){
    #header{padding-right:2.08333333%;}
}
@media only screen and (max-width:750px){
    #header{padding-top:0.15rem;padding-bottom:0.15rem;}
}

/*logo*/
#logo{width:1.6rem;position:relative;z-index:10;}
#logo a{display:block;overflow:hidden;padding-bottom:25%;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;}
@media only screen and (max-width:750px){
    #logo{width:2.4rem;}
}

/*member*/
#member{min-width:1.7rem;}
#member a{display:block;}
#member .reg{background-color:var(--main-color);color:#fff;width:5.71428571em;border-radius:0.14285714em;height:2.28571429em;display:flex;align-items:center;justify-content:center;}
@media only screen and (max-width:1024px){
    #member{min-width:1.3rem;}
}

/*search*/
#search{width:2rem;opacity:1;--y:0;visibility:visible;}
#search .input{position:relative;}
#search .text{display:block;width:100%;height:2.28571429em;line-height:1.71428571em;padding:0.28571429em 2.85714286em 0.28571429em 0.85714286em;border:0.01rem solid #999999;border-radius:0.14285714em;background-color:#fff;color:#666;}
#search .go{display:block;position:absolute;right:0;top:0;height:100%;width:2.85714286em;cursor:pointer;background:url(../images/search_01.svg) no-repeat center center;background-size:auto 50%;}
@media only screen and (max-width:1024px){
    #search{position:absolute;top:100%;right:2.08333333%;overflow:hidden;visibility:hidden;opacity:0;}
    #search.active{visibility:visible;opacity:1;}
}

/*schbtn*/
#schbtn{width:0.2rem;height:0.2rem;background:url(../images/search_01.svg) no-repeat center center;background-size:contain;margin-left:0.25rem;display:none;cursor:pointer;}
@media only screen and (max-width:1024px){
    #schbtn{display:block;}
}

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

    /*1024*/
    #navbtn{position:relative;cursor:pointer;width:0.2rem;height:0.2rem;transition:all 0.3s;display:block;z-index:10;overflow:hidden;margin-left:0.25rem;}
    #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:'';border-radius:0.01rem;}
    #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{line-height:2.28571429em;opacity:1;visibility:visible;padding:0 0.25rem;--y:0;}
#navi a{display:block;position:relative;}
#navi .parent{margin:0 0.25rem;position:relative;}
#navi .hassub{padding-right:0.2rem;}
#navi em{width:0.14rem;height:0.08rem;background:url(../images/nav_drop_arrow_01.svg) no-repeat center center;background-size:contain;position:absolute;right:0;top:50%;transform:translateY(-50%);filter:invert(1) brightness(0);}
#navi .drop{display:none;}
#navi .on > a{color:var(--main-color);}
#navi .on em{filter:invert(0);}
@media only screen and (min-width:1025px){
    #navi .cur > a{color:var(--main-color);}
    #navi .cur em{filter:invert(0);}
    #navi .drop{position:absolute;top:100%;left:-0.16rem;min-width:1.2rem;z-index:5;padding-top:0.08rem;}
    #navi .drop ul{background-color:#fff;border:0.01rem solid #979797;border-radius:0.08rem;line-height:1.42857143em;padding:0.12rem 0;}
    #navi .drop li{padding:0.08rem 0;}
    #navi .drop a{white-space:nowrap;padding:0 0.16rem;}
    #navi .drop a:not(:hover){color:#000;}
}
@media only screen and (max-width:1024px){

    /*1024px*/
    #navi{position:fixed;width:100%;max-width:30em;height:calc(100% - 0.58rem);background-color:#fff;z-index:9;right:0;top:0.58rem;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0.5rem 0;--x:100%;transition:all 0.3s;opacity:0;}
    #navi.active{--x:0;opacity:1;}
    #navi .menu{display:block;}
    #navi .parent{padding:0 0.5rem;margin:0;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:5.08928571em;height:5.08928571em;z-index:2;top:0;cursor:pointer;transform:none;background-size:20%;}
    #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.665rem;height:calc(100% - 0.665rem);}
}

/*footer*/
#footer{background:#F8F9FF;}

/*bottom*/
#bottom{padding:0.36rem 0 0.4rem;}
@media only screen and (max-width:750px){
    #bottom{flex-direction:column;align-items:center;}
}

/*infor*/
#infor{width:2.95rem;}
#infor .logo{width:2.41rem;max-width:100%;margin-bottom:0.13rem;}
@media only screen and (max-width:750px){

    /*750px*/
    #infor{padding:0.15rem 0; display:flex; flex-direction:column; align-items:center; text-align:center;}
}

/*menu*/
#menu{width:calc(100% - 4.4rem);}
#menu dt{font-size:0.24rem;font-weight:500;line-height:1.375em;color:#555;}
#menu dt a:not(:hover){color:#555;}
#menu dd{font-size:0.2rem;line-height:1.4em;margin-top:0.5em;color:#999;}
#menu dd a:not(:hover){color:#999;}
#menu .item {display:flex; justify-content:space-between; margin-bottom:0.5em;}
#menu .item:last-child {margin-bottom:0;}
#menu .item .left {width:5em; white-space:nowrap;}
#menu .follow{width:1.6rem;}
@media only screen and (max-width:1024px){
    #menu{width:calc(100% - 3rem);}
}
@media only screen and (max-width:750px){
    #menu{width:100%;}
    #menu dl{padding:0.15rem 0;}
    #menu dt {font-size:0.2rem;}
    #menu dd {font-size:0.16rem;}
    #menu .follow {width:100%;}
    #menu .follow img {width:1.6rem; margin:0 auto;}
}

/*slides*/
#slides{position:relative;overflow:hidden;}
#slides .figure:after{display:block;padding-bottom:5rem;}
#slides .text{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;z-index:5;}
#slides .tab{height:3.73rem;width:2.96rem;position:relative;padding:0.14rem 0;}
#slides .tab:after{width:0.02rem;height:100%;background-color:#D8DCFF;content:'';display:block;position:absolute;right:0;top:0;}
#slides .tab .swiper{margin:0;height:100%;}
#slides .tab .swiper-slide{display:flex;align-items:center;cursor:pointer;}
#slides .tab span{display:block;position:relative;padding:0 0.3rem;line-height:3.3em;width:100%;}
#slides .tab span:after{width:0.02rem;height:100%;background-color:var(--main-color);content:'';display:block;position:absolute;right:0;top:0;opacity:0;}
#slides .tab .swiper-slide-thumb-active span{background:linear-gradient(90deg,rgba(238,238,238,0) 0%,#FFFFFF 100%);}
#slides .tab .swiper-slide-thumb-active span:after{opacity:1;}
#slides .cont{width:calc(100% - 2.96rem);padding-left:9.35897436%;}
#slides .cont .item{display:none;}
#slides .cont .item:nth-child(1){display:block;}
#slides .cont .name{font-size:0.2rem;line-height:1.4em;color:var(--main-color);font-weight:normal;margin-bottom:0.15rem;}
#slides .cont .title{font-size:0.4rem;line-height:1.15em;margin-bottom:0.05rem;}
#slides .cont .intro{font-size:0.18rem;line-height:2.55555556em;color:#1C1C1C;}
#slides .swiper-slide a,
#slides .cont .item a {display:block;}
@media only screen and (max-width:750px){
    #slides .text{transform:none;top:10%;}
    #slides .tab{width:100%;height:auto;margin-bottom:0.5rem;padding:0;}
    #slides .tab:after{width:100%;height:0.02rem;background-color:#D8DCFF;content:'';display:block;position:absolute;right:0;top:auto;bottom:0;}
    #slides .tab span{text-align:center;}
    #slides .tab span:after{width:100%;height:0.02rem;top:auto;bottom:0;}
    #slides .tab .swiper-slide-thumb-active span{background:linear-gradient(180deg,rgba(238,238,238,0) 0%,#FFFFFF 100%);}
    #slides .cont{width:100%;padding:0;text-align:center;}
}

/*computing*/
#computing{background:linear-gradient(102deg,#F2F6FF 0%,#FBF4FF 22%,#E0E9FF 36%,#F4F7FF 50%,#F2F6FF 65%,#FFFEF4 83%,#F2F6FF 100%);}
#computing .figure{margin-right:0.24rem;width:1.16rem;}
#computing .figure:after{display:block;padding-bottom:77.5862069%;}
#computing .img{object-fit:contain;}
#computing .name{line-height:1.375em;}
@media only screen and (max-width:750px){
    #computing ul{padding:0.1rem 0;}
    #computing li{padding:0.1rem 0;}
    #computing .info{flex-direction:column;}
    #computing .figure{width:0.9rem;margin-right:0;margin-bottom:0.1rem;}
}

/*basic*/
#basic{padding:0.5rem 0 0.47rem;overflow:hidden;}
#basic .list{--margin:0.13rem;}
#basic .info{overflow:hidden;border-radius:0.08rem;position:relative;}
#basic .info:after{padding-bottom:47.36842105%;display:block;content:'';}
#basic .name{font-weight:500;font-size:0.24rem;line-height:1.375em;position:absolute;left:0;width:100%;padding:0 10.52631579%;top:27.77777778%;}
#basic .figure{position:absolute;right:-7.89473684%;bottom:-22.22222222%;width:52.63157895%;}
#basic .figure:after{display:block;padding-bottom:90%;}
#basic .img{object-fit:contain;}
@media only screen and (max-width:1280px){
    #basic .name{padding:0 7%;}
}
@media only screen and (max-width:1024px){
    #basic .item{width:25%;}
    #basic .name{font-size:0.2rem;}
}
@media only screen and (max-width:750px){
    #basic .item{width:50%;}
    #basic .name{padding:0 5%;font-size:0.16rem;}
}

/*performance*/
#performance{background-color:#fff;box-shadow:0px 0.01rem 0.27rem 0px rgba(0,0,0,0.06);overflow:hidden;padding:0.05rem 0;}
#performance ul{}
#performance li{display:flex;flex-direction:column;align-items:center;padding:0.05rem var(--margin) 0.05rem 0;flex-grow:1;}
#performance .figure{width:68.96551724%;max-width:0.8rem;}
#performance .figure:after{display:block;padding-bottom:100%;}
#performance .img{object-fit:contain;}
#performance .name{line-height:1.375em; width:5em;}
@media only screen and (max-width:1024px){
    #performance ul{--margin:0;}
}
@media only screen and (max-width:750px){
    #performance{padding:0.1rem 0;}
    #performance li{width:20%;}
    #performance .figure{width:85%;}
}

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

/*module-info*/
.module-info{margin-bottom:0.55rem;}
@media only screen and (max-width:750px){
    .module-info{margin-bottom:0.35rem;}
}

/*module-name*/
.module-name{font-size:0.38rem;line-height:1.39473684em;margin:0;padding:0.05rem 0;}
@media only screen and (max-width:750px){
    .module-name{font-size:0.32rem;}
}

/*module-intro*/
.module-intro{color:#808080;font-size:0.2rem;line-height:1.4em;padding:0.05rem 0;}
@media only screen and (max-width:750px){
    .module-intro{font-size:0.18rem;}
}

/*resources*/
#resources{background-color:#F2F6FF;padding:0.58rem 0 0.2rem;}
#resources .swiper-slide{height:auto;}
#resources .info{background-color:#fff;border-radius:0.08rem;display:block;overflow:hidden;position:relative;height:100%;padding:0.23rem 0.25rem;}
#resources .price{font-size:0.32rem;color:#C50F00;line-height:1em;}
#resources .price .symbol{font-size:0.12rem;line-height:1.41666667em;margin-right:0.05rem;}
#resources .price .unit{font-size:0.14rem;line-height:1.21428571em;}
#resources .price .number{font-weight:bold;}
#resources .msg a{font-size:0.18rem;border:0.01rem solid var(--main-color);color:var(--main-color);width:8.33333333em;height:2.33333333em;display:flex;align-items:center;justify-content:center;border-radius:0.04rem;}
#resources .msg a:hover{background-color:var(--main-color);color:#fff;border-color:transparent;}
#resources .meta{margin-bottom:0.23rem;background-color:#F3F7FF;border-radius:0.04rem;padding:0.12rem 0.16rem 0.18rem;}
#resources .meta .item{overflow:hidden;margin-bottom:0.08rem;}
#resources .meta .item:last-child{margin-bottom:0;}
#resources .meta .title{font-size:0.14rem;line-height:1.42857143em;font-weight:500;position:relative;white-space:nowrap;display:flex;align-items:center;margin-bottom:0.08rem;}
#resources .meta .title:after{display:block;content:'';width:100%;border-top:0.01rem dotted #D5D5D5;margin-left:0.1rem;}
#resources .meta ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
#resources .meta li{font-size:0.12rem;color:#333;line-height:1.41666667em;margin-bottom:0.08rem;}
#resources .meta li:nth-child(2n){text-align:right;}
#resources .meta small{display:block;color:#999999;font-size:0.66666667em;line-height:1.375em;margin-top:0.125em;}
#resources .meta .col3 {justify-content:flex-start;gap:4%}
#resources .meta .col3 li{width:30.15075377%;text-align:left;}
#resources .top{margin-bottom:0.07rem;}
#resources .top .name{font-size:0.26rem;line-height:1.42307692em;width:calc(100% - 0.65rem);}
#resources .top .tag{color:#fff;padding:0.065rem 0;font-size:0.15rem;}
#resources .top .tag span{width:3.46666667em;height:1.6em;border-radius:0.02rem;display:flex;align-items:center;justify-content:center;}
#resources .area{line-height:1.375em;color:var(--main-color);margin-bottom:0.21rem;}
#resources .swiper-pagination{position:relative;margin-top:0.26rem;}
#resources .swiper-pagination-bullet{width:0.14rem;height:0.14rem;border-radius:0.07rem;border:0.01rem solid #979797;background-color:transparent;margin:0 0.06rem;opacity:1;}
#resources .swiper-pagination-bullet-active{background-color:var(--main-color);border-color:transparent;}

/*scenario*/
#scenario{padding:0.95rem 0 0.2rem;}
#scenario:before{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;padding-bottom:18.75%;background-color:#F2F6FF;opacity:0.7;}
#scenario .inner{position:relative;z-index:2;}
#scenario .list{--margin:0.4rem;}
#scenario .figure{padding-bottom:156.81818182%;border-radius:0 0 0.08rem 0.08rem;}
#scenario .title{text-align:center;position:absolute;left:0;font-size:0.24rem;line-height:1.375em;color:#fff;width:100%;padding:0 1em;top:16.59482759%;z-index:2;letter-spacing:0.20833333em;}
#scenario .info{display:block;overflow:hidden;border-radius:0.08rem;padding:0.91rem 0 0.28rem;position:relative;}
#scenario .info:hover{box-shadow:0px 0.15rem 0.12rem -0.04rem rgba(54,101,240,0.53);}
@media only screen and (max-width:750px){
    #scenario{padding-top:0.65rem;}
    #scenario .list{--margin:0.2rem;}
}

/*innovation*/
#innovation{padding:0.65rem 0 0.5rem;}
#innovation .list{overflow:hidden;width:100.8974359%;}
#innovation .info{background:no-repeat center center;background-size:cover;padding:0.42rem 0.27rem;position:relative;height:3.4rem;border-radius:0.05rem;}
#innovation .figure{position:absolute;right:0.2rem;width:1rem;bottom:0.12rem;z-index:5;}
#innovation .figure:after{display:block;padding-bottom:100%;}
#innovation .img{object-fit:contain;}
#innovation .box{position:relative;z-index:5;}
#innovation .title{font-size:0.24rem;line-height:1.375em;margin-bottom:0.12rem;}
#innovation .alias{color:var(--main-color);font-size:0.12rem;line-height:1.41666667em;margin-bottom:0.12rem;}
#innovation .intro{font-size:0.12rem;line-height:2em;color:#666;}
#innovation .item{float:left;padding-right:0.88945362%;padding-bottom:0.14rem;}
#innovation .item:nth-child(3) .box,#innovation .item:nth-child(3) .alias,#innovation .item:nth-child(3) .intro{color:#fff;}
@media only screen and (min-width:751px){
    #innovation{padding:0.95rem 0 0.86rem;}
    #innovation .item{width:33.333%;padding-bottom:0.88945362%;}
}
@media only screen and (min-width:1025px){
    #innovation .item{width:20.9656925%;}
    #innovation .item:nth-child(1){width:37.10292249%;}
    #innovation .item:nth-child(1) .info{height:6.94rem;padding:0.55rem;}
    #innovation .item:nth-child(1) .title{font-size:0.32rem;line-height:1.40625em;margin-bottom:0.22rem;}
    #innovation .item:nth-child(1) .title:after{width:1.875em;height:0.125em;background-color:var(--main-color);display:block;content:'';margin-top:0.24rem;}
    #innovation .item:nth-child(1) .alias{font-size:0.14rem;line-height:1.42857143em;margin-bottom:0.47rem;}
    #innovation .item:nth-child(1) .intro{font-size:0.14rem;line-height:2.14285714em;color:#333;}
    #innovation .item:nth-child(1) .figure{right:0.3rem;bottom:0.35rem;width:2.1rem;}
    #innovation .item:nth-child(2),#innovation .item:nth-child(3){width:31.44853875%;}
    #innovation .item:nth-child(2) .info,#innovation .item:nth-child(3) .info{padding:0.55rem 0.27rem;}
    #innovation .item:nth-child(2) .title,#innovation .item:nth-child(3) .title{margin-bottom:0.22rem;}
    #innovation .item:nth-child(2) .alias,#innovation .item:nth-child(3) .alias{margin-bottom:0.21rem;}
}

/*banner*/
#banner{width:100%;position:relative;}
#banner .text{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;}
#banner .name{font-size:0.7rem;line-height:1.4em;letter-spacing:0.05714286em;padding:0.06rem 0;}
#banner .intro{font-size:0.2rem;line-height:1.4em;color:#808080;padding:0.06rem 0;}
#banner .box{max-width:8.6rem;margin:0 auto;}
#banner .box .title{font-size:0.18rem;line-height:1.38888889em;margin-bottom:0.13rem;}
#banner .box .desc{line-height:1.59375em;letter-spacing:0.09375em;}
#banner .info{text-align:center;}
#banner .info .title{font-size:0.42rem;line-height:1.21428571em;letter-spacing:0.0952381em;margin:0 0 0.61904762em;}
#banner .info .desc{font-size:0.16rem;line-height:1.375em;letter-spacing:1.3125em;}
#banner .button{position:absolute;left:50%;transform:translateX(-50%);bottom:10%;z-index:5;}
#banner .button a{color:#fff;font-size:0.24rem;background-color:#FF8028;box-shadow:0px 0.02rem 0.04rem 0px rgba(7,0,196,0.5);border-radius:0.08rem;width:8.33333333em;height:2.16666667em;display:block;text-align:center;line-height:2.16666667em;}
#banner .button a:hover{opacity:0.95;}
@media only screen and (max-width:750px){
    #banner .figure img{min-height:3rem;object-fit:cover;}
    #banner .name{font-size:0.4rem;}
    #banner .intro{font-size:0.18rem;}
    #banner .title{font-size:0.36rem;}
    #banner .box .desc{font-size:0.24rem;}
    #banner .info .title{font-size:0.32rem;letter-spacing:0;}
    #banner .info .desc{letter-spacing:0.5em;}
}

/*contact*/
#contact{margin-top:-0.6rem;padding-bottom:1rem;position:relative;z-index:2;}
#contact .inner{background:#fff url(../images/contact_bg.png) no-repeat center bottom;background-size:100% auto;padding:1rem 0 1.82rem;box-shadow:0px 0px 0.1rem 0px rgba(222,230,255,0.5);border-radius:0.04rem;overflow:hidden;}
#contact .box{width:8.5rem;max-width:80%;margin:0 auto;}
#contact .top{margin-left:1.47rem;margin-bottom:0.43rem;}
#contact .title{line-height:1.39473684em;margin-bottom:0.18rem;}
#contact .wraning{line-height:1.92857143em;}
#contact .wraning a{color:var(--main-color);}
#contact .item{margin-bottom:0.3rem;}
#contact .label{font-size:0.2rem;display:block;color:#333;height:2.6em;line-height:2.6em; width:5em; text-align:right;}
#contact .label i{font-style:normal;color:#FF4000;}
#contact .input{width:calc(100% - 1.47rem);}
#contact .warning {font-size:0.14rem; line-height:1.5em;color: #FF4000;}
#contact .text{font-size:0.16rem;height:3.25em;line-height:1.875em;border:0.01rem solid #999999;border-radius:0.04rem;display:block;width:100%;padding:0.6875em 1.5em;}
#contact textarea.text{height:8.75em;}
#contact input::-moz-placeholder{opacity:1;color:#B1B1B1;}
#contact input:-moz-placeholder{opacity:1;color:#B1B1B1;}
#contact input::-webkit-input-placeholder{opacity:1;color:#B1B1B1;}
#contact input:-ms-input-placeholder{opacity:1;color:#B1B1B1;}
#contact textarea::-moz-placeholder{opacity:1;color:#B1B1B1;}
#contact textarea:-moz-placeholder{opacity:1;color:#B1B1B1;}
#contact textarea::-webkit-input-placeholder{opacity:1;color:#B1B1B1;}
#contact textarea:-ms-input-placeholder{opacity:1;color:#B1B1B1;}
#contact .submit{background-color:var(--main-color);color:#fff;font-size:0.16rem;width:12.5em;height:3.25em;margin-left:1.47rem;border-radius:0.04rem;}
#contact .submit:hover{opacity:0.8;}
@media only screen and (max-width:750px){
    #contact{margin-top:0;padding-top:0.5rem;}
    #contact .inner{padding:0.5rem 0 1rem;}
    #contact .top,#contact .submit{margin-left:0;}
    #contact .label,#contact .input{width:100%; text-align:left;}
}

/*columnbar*/
#columnbar{background-color:#F3F7FF;padding:0.34rem 0 0.21rem;}
#columnbar .name{line-height:1.40625em;}
#columnbar .alias{font-size:0.24rem;line-height:1.5em;}

/*document*/
#document{padding:0.8rem 0;overflow:hidden;}
#document .list{--margin:0.6rem;}
#document .info{border-radius:0.08rem;display:block;overflow:hidden;--opacity:0.2;box-shadow:0 0 0.04rem rgba(var(--r),var(--g),var(--b),var(--opacity));}
#document .figure{padding-bottom:76.47058824%;}
#document .text{padding:0.31rem 0.2rem 0.28rem;color:#000;}
#document .title{font-size:0.24rem;line-height:1.375em;margin-bottom:0.1rem;}
#document .intro{font-size:0.16rem;line-height:1.375em;height:2.75em;margin-bottom:0.2rem;}
#document .view{font-size:0.18rem;color:var(--main-color);line-height:1.38888889em;}
@media only screen and (max-width:1024px){
    #document .item{width:33.333%;}
}
@media only screen and (max-width:750px){
    #document{padding:0.55rem 0;}
    #document .list{--margin:0.2rem;}
    #document .item{width:50%;}
    #document .title{font-size:0.2rem;}
}

/*wrapper*/
#wrapper{padding:1.2rem 0 1rem;overflow:hidden;}
@media only screen and (max-width:750px){
    #wrapper{padding:0.6rem 0;}
}

/*solutions*/
#solutions{margin-bottom:1rem;}
#solutions ul{display:flex;flex-wrap:wrap;gap:0.8974%;}
#solutions li{width:18.97435897%;margin-bottom:0.8974%;}
#solutions .figure{padding-bottom:81.08108108%;}
#solutions .info{display:block;overflow:hidden;position:relative;}
#solutions .title{font-weight:500;font-size:0.32rem;color:#fff;letter-spacing:0.125em;line-height:1.40625em;position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;padding:0.27rem;z-index:2;}
#solutions li:nth-child(8n),#solutions li:nth-child(8n+1){width:40.38461538%;}
#solutions li:nth-child(8n) .figure,#solutions li:nth-child(8n+1) .figure{padding-bottom:38.0952381%;}
@media only screen and (max-width:750px){
    #solutions{margin-bottom:0.5rem;}
    #solutions ul{gap:1%;}
    #solutions li{width:32.66%;}
    #solutions li:nth-child(8n),#solutions li:nth-child(8n+1){width:100%;}
    #solutions .title{font-size:0.24rem;padding:0.2rem;letter-spacing:0;}
}

/*scheme*/
#scheme .box{box-shadow:0px 0px 0.12rem 0px rgba(61,146,255,0.18);overflow:hidden;background-color:#fff;border-radius:0.04rem;}
#scheme .top{background:no-repeat center center;background-size:cover;overflow:hidden;padding:0.65rem 0.4rem;border-radius:0.04rem;}
#scheme .top .text{width:calc(100% - 2.5rem);line-height:1.38888889em;letter-spacing:0.11111111em;}
#scheme .top .title{line-height:1.40625em;letter-spacing:0.125em;margin-bottom:0.2rem;}
#scheme .btn a{background-color:#fff;color:var(--main-color);font-size:0.24rem;width:6.66666667em;height:2.5em;border-radius:0.16666667em;display:flex;align-items:center;justify-content:center;}
#scheme .btn a:hover{background-color:var(--main-color);color:#fff;}
#scheme .btm{padding:0.12rem 0;}
#scheme .btm li{padding:0.12rem;}
#scheme .btm .figure{margin-right:0.1rem;width:0.5rem;}
#scheme .btm .figure:after{display:block;padding-bottom:96%;}
#scheme .btm .img{object-fit:contain;}
#scheme .btm .name{line-height:1.42857143em;}
@media only screen and (max-width:750px){
    #scheme .top{padding:0.4rem 0.35rem;}
    #scheme .top .text{width:100%;margin-bottom:0.3rem;}
    #scheme .btm{padding:0.12rem;}
    #scheme .btm li{width:46%;display:flex;}
}

/*advantage*/
#advantage{margin-bottom:0.2rem;}
#advantage .list{--margin:0.6rem;}
#advantage .info{display:block;overflow:hidden;position:relative;height:100%;background:no-repeat center center;background-size:cover;border-radius:0.08rem;padding:0.2rem 0.55rem 0.4rem;}
#advantage .figure{width:45.83333333%;margin:0 auto 0.11rem;}
#advantage .figure:after{padding-bottom:86.36363636%;display:block;}
#advantage .img{object-fit:contain;}
#advantage .title{font-size:0.24rem;line-height:1.375em;letter-spacing:0.08333333em;margin-bottom:0.1rem;}
#advantage .intro{color:#808080;line-height:1.4em;}
@media only screen and (min-width:751px){
    #advantage .item{width:33.333%;}
}
@media only screen and (max-width:1024px){
    #advantage .list{--margin:0.3rem;}
}

/*cases*/
#cases{margin-bottom:0.5rem;overflow:hidden;}
#cases .item{margin-bottom:0.32rem;}
#cases .figure{width:4.58rem;}
#cases .figure:after{display:block;padding-bottom:57.20524017%;}
#cases .info{background:#f9fafd no-repeat center bottom;background-size:100% auto;padding:0.28rem 0;}
#cases .text{width:calc(100% - 4.58rem);position:relative;z-index:2;color:#000;}
#cases .box{width:104.743083%;background-color:rgba(255,255,255,0.53);padding:0.34rem 7.90513834% 0.57rem;}
#cases .title{font-size:0.2rem;line-height:1.4em;margin-bottom:0.15rem;}
#cases .intro{font-size:0.18rem;line-height:1.4em; height:5.6em;}
#cases .item:nth-child(2n) .info{padding-left:5.76923077%;}
#cases .item:nth-child(2n) .info{flex-direction:row-reverse;}
#cases .item:nth-child(2n) .box{margin-right:-4.743083%;padding-right:15.2173913%;}
#cases .item:nth-child(2n+1) .info{padding-right:5.76923077%;}
#cases .item:nth-child(2n+1) .box{margin-left:-4.743083%;padding-left:15.2173913%;}
@media only screen and (max-width:750px){
    #cases .figure{width:100%;}
    #cases .text{width:100%;margin-top:-0.3rem;padding-bottom:0.28rem;}
    #cases .box{width:auto;}
    #cases .info{flex-wrap:wrap;}
    #cases .item:nth-child(n+1) .info{padding:0;}
    #cases .item:nth-child(n+1) .box{margin:0;padding:0.5rem 0.35rem 0.35rem;}
}

/*result-name*/
.result-name{margin-bottom:0.3rem;}

/*result-list*/
.result-list{margin-bottom:0.6rem;}
.result-list table{table-layout:fixed;}
.result-list th{background-color:var(--main-color);color:#fff;font-weight:500;font-size:0.2rem;line-height:1.4em;padding:0.16rem 0.1rem;border:0.01rem solid var(--main-color);}
.result-list th:nth-child(1){width:12.17948718%;text-align:left;padding-left:0.2rem;padding-right:0.2rem;}
.result-list th:nth-child(2){width:5.12820513%;}
.result-list th:nth-child(3){width:7.37179487%;}
.result-list th:nth-child(5){width:10.96153846%;}
.result-list th:nth-child(6){width:16.66666667%;}
.result-list th:nth-child(7){width:7.69230769%;}
.result-list td{border:0.01rem solid #ACACAC;border-top:none;font-size:0.18rem;line-height:1.38888889em;color:#333;padding:0.1rem 0.2rem;}
.result-list td:nth-child(2){text-align:center;padding-left:0.1rem;padding-right:0.1rem;}
.result-list td:nth-child(7){text-align:center;}
.result-list td a{color:var(--main-color);}
.result-list td .tag{color:#fff;font-size:0.15rem;width:3.46666667em;height:1.6em;border-radius:0.02rem;text-align:center;line-height:1.6em;display:block;margin:0 auto;}
.result-list td ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
.result-list td li:nth-child(2n+1){width:55%;}
.result-list td li:nth-child(2n){width:40%;}
@media only screen and (max-width:1024px){
    .result-list .list{overflow-y:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch;}
    .result-list table{min-width:12rem;}
    .result-list th:nth-child(2){width:7%;}
    .result-list th:nth-child(3){width:11%;}
    .result-list th:nth-child(7){width:10%;}
    .result-list td li:nth-child(n+1){width:100%;}
}

/*result-post*/
.result-post{margin-bottom:0.3rem;}
.result-post .blog{color:#009746;}
.result-post .news{color:#009AF4;}
.result-post .tag{font-size:0.2rem;line-height:1.4em;letter-spacing:0.1em;margin-bottom:0.1rem;}
.result-post .title{font-size:0.24rem;line-height:1.375em;margin-bottom:0.11rem;}
.result-post .excerpt{font-size:0.18rem;line-height:2.05555556em;max-height:4.11111111em;color:#333;margin-bottom:0.1rem;}
.result-post .meta{font-size:0.16rem;line-height:1.375em;color:#333;}
.result-post .meta span{display:block;margin-right:0.2rem;}
.result-post .meta .time{background:url(../images/icon_date.svg) no-repeat left center;background-size:1em auto;padding-left:1.375em;}
.result-post .info{display:block;overflow:hidden;}

/*Pages*/
.Pages{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.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{border:0.01rem solid #979797;display:flex;align-items:center;justify-content:center;margin:0 0.28571429em;min-width:2.5em;height:2.5em;padding:0 0.5em;position:relative;}
.Pages a:hover,.Pages .a_cur{color:#fff;background-color:var(--main-color);border-color:transparent;}
.Pages .a_prev,.Pages .a_next{width:3.71428571em;background-color:#F3F7FF;border-color:transparent;text-indent:-99999em;overflow:hidden;}
.Pages .a_prev:after,.Pages .a_next:after{width:25%;padding-bottom:23.07692308%;background:no-repeat center center;background-size:contain;content:'';display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.Pages .a_prev:hover:after,.Pages .a_next:hover:after{filter:brightness(100);}
.Pages .a_prev:after{background-image:url(../images/page_prev.svg);}
.Pages .a_next:after{background-image:url(../images/page_next.svg);}
@media only screen and (max-width:750px){
    .Pages{font-size:0.14rem;}
}

/*section-name*/
.section-name{font-size:0.32rem;line-height:1.40625em;margin:0 0 0.9375em;letter-spacing:0.09375em;}
@media only screen and (max-width:750px){
    .section-name{font-size:0.28rem;}
}

/*browse*/
#browse .tab{font-size:0.2rem;line-height:1.4em;margin-bottom:0.5rem;letter-spacing:0.1em;}
#browse .tab a{display:block;overflow:hidden;margin-right:0.5rem;}
#browse .tab a:last-child{margin-right:0;}
#browse .tab .active{color:var(--main-color);}
#browse .list{--margin:0.6rem;}
#browse .list .figure{padding-bottom:54.16666667%;}
#browse .list .text{border:0.01rem solid #E2E2E2;border-top:none;border-radius:0 0 0.08rem 0.08rem;padding:0.3rem;}
#browse .list .title{font-size:0.24rem;line-height:1.375em;margin-bottom:1.08333333em;}
#browse .list .intro{font-size:0.18rem;line-height:2.05555556em;height:4.11111111em;color:#333333;margin-bottom:0.23rem;}
#browse .list .info{border-radius:0.08rem;display:block;overflow:hidden;}
#browse .list .meta{color:#333333;font-size:0.16rem;line-height:1.375em;}
#browse .list .meta span{background:url(../images/icon_date.svg) no-repeat left center;background-size:1em auto;padding-left:1.375em;}
@media only screen and (min-width:751px){
    #browse .item{width:33.333%;}
}
@media only screen and (max-width:1024px){
    #browse .tab{margin-bottom:0.35rem;}
    #browse .tab a{margin-right:0.35rem;}
    #browse .list{--margin:0.3rem;}
}

/*recent*/
#recent{margin-bottom:0.3rem;}
#recent .item{padding-bottom:0.3rem;}
#recent .figure{width:6rem;}
#recent .figure:after{display:block;padding-bottom:43.33333333%;}
#recent .text{width:calc(100% - 6rem);padding:0 0.3rem;}
#recent .title{font-size:0.24rem;line-height:1.375em;margin-bottom:0.11rem;}
#recent .intro{font-size:0.18rem;line-height:2.05555556em;max-height:6.16666667em;margin-bottom:0.09rem;color:#333333;}
#recent .date{font-size:0.2rem;line-height:1.4em;color:#333333;}
#recent .info{box-shadow:0px 0px 4px 0px rgba(94,171,255,0.5);}
@media only screen and (max-width:1024px){
    #recent .figure{width:100%;margin:0;}
    #recent .text{width:100%;padding:0.3rem;}
}

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

/*case-details*/
#case-details {min-height:95vh;}
#case-details .top{background:no-repeat center center;background-size:cover;padding:0.67rem 0;}
#case-details .title{line-height:1.4em;letter-spacing:0.075em;}
#case-details .btm{padding:0.6rem 0 1rem;overflow:hidden;min-height:50vh;}
#case-details .entry{line-height:2.05555556em;}
#case-details .entry *{line-height:2.05555556em;}
#case-details .entry h3{font-size:1.77777778em;line-height:1.40625em;margin-bottom:0.625em;letter-spacing:0.0625em;}
#case-details .entry h4{font-size:1.33333333em;line-height:1.375em;letter-spacing:0.08333333em;margin-bottom:0.83333333em;}
#case-details .entry h5{font-size:1.22222222em;line-height:1.68181818em;margin-bottom:0.5em;letter-spacing:0.04545455em;}
#case-details .entry h6{font-size:1.11111111em;line-height:1.85em;letter-spacing:0.05em;}
@media only screen and (max-width:750px){
    #case-details .top {padding:0.4rem;}
    #case-details .title{font-size:0.3rem;}
    #case-details .btm{padding:0.5rem 0 0.8rem;}
}

/*computing-intro*/
.computing-intro{line-height:2em;padding:1rem 0;}
.computing-intro span{color:var(--main-color);font-size:0.34rem;line-height:1.41176471em;font-weight:500;}
@media only screen and (max-width:750px){
    .computing-intro{padding:0.55rem 0;}
}

/*computing-feature*/
.computing-feature{padding:0.25rem 0;overflow:hidden;background:no-repeat center bottom;background-size:cover;}
.computing-feature .item{padding:0.35rem 0;}
.computing-feature .name{font-size:0.34rem;line-height:1.41176471em;}
.computing-feature .intro{font-size:0.24rem;line-height:2.29166667em;color:#555;}
.computing-feature ul{margin-top:0.14rem;}
.computing-feature li{line-height:1.375em;padding-right:0.2rem;}
.computing-feature li:last-child{padding-right:0;}
.computing-feature li .title{min-height:2.75em;display:flex;align-items:center;justify-content:center;}
.computing-feature li .num{color:var(--main-color);font-size:3.33333333em;line-height:1.4em;font-weight:bold;}
.computing-feature li small{font-size:0.66666667em;line-height:1.375em;color:#555;}
@media only screen and (max-width:1024px){
    .computing-feature li{width:30%;}
}
@media only screen and (max-width:750px){
    .computing-feature{padding:0.4rem 0;}
    .computing-feature .item{padding:0.15rem 0;}
    .computing-feature ul{font-size:0.2rem;margin-top:0;}
    .computing-feature li{width:100%;padding:0.2rem 0;}
}

/*computing-wrap*/
.computing-wrap{padding:1.2rem 0 1rem;overflow:hidden;}
@media only screen and (max-width:750px){
    .computing-wrap{padding:0.6rem 0;}
}

/*computing-active*/
.computing-active{margin-bottom:6.41025641%;padding-right:3.20512821%;}
.computing-active .figure{width:1.36rem;font-size:0.18rem;text-align:center;line-height:1.38888889em;}
.computing-active .figure img{margin-bottom:0.06rem;}
.computing-active .text{font-size:0.24rem;line-height:2.58333333em;width:calc(100% - 1.6rem);}
.computing-active .text strong{font-size:1.58333333em;line-height:1.63157895em;color:var(--main-color);font-weight:500;}
@media only screen and (max-width:750px){
    .computing-active{flex-direction:column;align-items:center;padding-right:0;margin-bottom:0.5rem;}
    .computing-active .text{width:100%;margin-bottom:0.35rem;}
}

/*specification*/
#specification{overflow:hidden;padding:0.8rem 0;}
#specification .top{margin-bottom:0.8rem;}
#specification .top .item{width:58.33333333%;padding-right:9.87179487%;position:relative;}
#specification .top .item:after{width:0.01rem;height:50%;background-color:#E4E4E4;content:'';display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);}
#specification .top .item:nth-child(2n){width:30.76923077%;}
#specification .top .item:nth-child(2n):after{display:none;}
#specification .top .title{font-size:0.42rem;line-height:1.4047619em;font-weight:500;margin-bottom:0.1rem;}
#specification .top .intro{font-size:0.18rem;line-height:1.83333333em;color:#555;}
#specification .top .name{font-size:0.32rem;line-height:1.84375em;margin-bottom:0.1rem;}
#specification .tab{background-color:#F3F7FF;margin-bottom:1rem;}
#specification .tab span{display:block;font-size:0.24rem;min-width:10.125em;text-align:center;height:3.33333333em;line-height:3.33333333em;cursor:pointer;}
#specification .tab span:hover,#specification .tab .active{background-color:var(--main-color);color:#fff;}
#specification .btm{overflow:hidden;}
#specification .btm .info{display:none;}
#specification .btm .info:nth-child(1){display:block;}
#specification .overview{--margin:0.78rem;}
#specification .overview .item{padding-bottom:0.4rem;}
#specification .overview .box{border-bottom:0.01rem solid #E4E4E4;position:relative;height:100%;padding-bottom:0.6rem;}
#specification .overview .title{font-size:0.28rem;font-weight:500;line-height:1.42857143em;margin-bottom:0.71428571em;}
#specification .overview .intro{font-size:0.18rem;line-height:1.38888889em;color:#555;}
#specification .parameter{overflow-x:auto;-webkit-overflow-scrolling:touch;overflow-y:hidden;}
#specification .parameter table{table-layout:fixed;font-size:0.18rem;line-height:1.38888889em;}
#specification .parameter td{border:0.01rem solid #DBDBDB;padding:0.17rem 1.53846154%;color:#333;}
#specification .parameter td:nth-child(1){width:3rem;width:19.23076923%;text-align:center;background-color:#F5F5F5;font-weight:500;color:#000;}
#specification .related{--margin:0.6rem;}
#specification .related a{border-radius:0.08rem;display:block;overflow:hidden;--opacity:0.2;box-shadow:0 0 0.04rem rgba(var(--r),var(--g),var(--b),var(--opacity));}
#specification .related .figure{padding-bottom:76.47058824%;}
#specification .related .text{padding:0.31rem 0.2rem 0.28rem;color:#000;}
#specification .related .title{font-size:0.24rem;line-height:1.375em;margin-bottom:0.1rem;}
#specification .related .intro{font-size:0.16rem;line-height:1.375em;height:2.75em;margin-bottom:0.2rem;}
#specification .related .view{font-size:0.18rem;color:var(--main-color);line-height:1.38888889em;}
@media only screen and (max-width:1024px){
    #specification .related .item{width:33.333%;}
}
@media only screen and (max-width:750px){
    #specification{padding:0.5rem 0;}
    #specification .top{margin-bottom:0.35rem;}
    #specification .top .item{padding:0.2rem 0;}
    #specification .top .item:nth-child(n+1){width:100%;}
    #specification .top .item:nth-child(n+1):after{display:none;}
    #specification .top .title{font-size:0.38rem;}
    #specification .top .name{font-size:0.28rem;}
    #specification .tab{margin-bottom:0.5rem;}
    #specification .tab span{min-width:0;width:33.333%;font-size:0.2rem;}
    #specification .parameter td:nth-child(1){width:1.2rem;}
    #specification .related{--margin:0.2rem;}
    #specification .related .item{width:50%;}
    #specification .related .title{font-size:0.2rem;}
}

/*nodata*/
.nodata .box{line-height:1.94444444em;}
.nodata .icon{margin-bottom:0.24rem;width:1rem;}
.nodata .icon img{display:block;width:100%;height:auto;}

/*popup*/
.popup{position:fixed;left:0;top:0;width:100%;height:100%;overflow-y:auto;background-color:rgba(0,0,0,0.15);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;}
.popup .box{background:#fff url(../images/contact_bg.png) no-repeat center bottom;background-size:100% auto;position:relative;width:12rem;max-width:90%;}
.popup .close{width:0.18rem;height:0.18rem;background:url(../images/close_01.svg) no-repeat center center;background-size:contain;position:absolute;right:0.3rem;top:0.3rem;cursor:pointer;z-index:2;}

/*download-popup*/
.download-popup .box{padding:1rem 1rem 1.35rem;border-radius:0.1rem;}
.download-popup .info{max-width:8.57rem;margin:0 auto;}
.download-popup .top{margin-left:1.47rem;margin-bottom:0.43rem;}
.download-popup .title{line-height:1.39473684em;margin-bottom:0.18rem;}
.download-popup .wraning{line-height:1.92857143em;}
.download-popup .wraning a{color:var(--main-color);}
.download-popup .tips {font-size:0.14rem; line-height:1.5em;color: #FF4000;}
.download-popup .item{margin-bottom:0.3rem;}
.download-popup .label{font-size:0.2rem;display:block;color:#333;height:2.6em;line-height:2.6em;}
.download-popup .label i{font-style:normal;color:#FF4000;}
.download-popup .input{width:calc(100% - 1.47rem);}
.download-popup .text{font-size:0.16rem;height:3.25em;line-height:1.875em;border:0.01rem solid #999999;border-radius:0.04rem;display:block;width:100%;padding:0.6875em 1.5em;}
.download-popup textarea.text{height:8.75em;}
.download-popup input::-moz-placeholder{opacity:1;color:#B1B1B1;}
.download-popup input:-moz-placeholder{opacity:1;color:#B1B1B1;}
.download-popup input::-webkit-input-placeholder{opacity:1;color:#B1B1B1;}
.download-popup input:-ms-input-placeholder{opacity:1;color:#B1B1B1;}
.download-popup textarea::-moz-placeholder{opacity:1;color:#B1B1B1;}
.download-popup textarea:-moz-placeholder{opacity:1;color:#B1B1B1;}
.download-popup textarea::-webkit-input-placeholder{opacity:1;color:#B1B1B1;}
.download-popup textarea:-ms-input-placeholder{opacity:1;color:#B1B1B1;}
.download-popup .submit{background-color:var(--main-color);color:#fff;font-size:0.16rem;width:12.5em;height:3.25em;margin-left:1.47rem;border-radius:0.04rem;}
.download-popup .submit:hover{opacity:0.8;}
@media only screen and (max-width:750px){
    .download-popup .box{padding:0.35rem 0.35rem 0.5rem;}
    .download-popup .top{margin-left:0;margin-bottom:0.25rem;}
    .download-popup .title{font-size:0.28rem;margin-bottom:0.1rem;}
    .download-popup .item{margin-bottom:0.2rem;}
    .download-popup .label{width:100%;height:auto;line-height:1.5em;margin-bottom:0.1rem;}
    .download-popup .input{width:100%;}
    .download-popup .submit{margin-left:0;}
}

/*ai-computing*/
#ai-computing{padding:0.8rem 0 1rem;overflow:hidden;}
#ai-computing .item{position:relative;padding-bottom:0.4rem;margin-bottom:0.8rem;}
#ai-computing .item:before{content:'';display:block;position:absolute;left:0;bottom:0;padding-bottom:11.97916667%;background-color:#F3F7FF;width:100%;}
#ai-computing .item:last-child{margin-bottom:0;}
#ai-computing .name{text-align:center;font-size:0.32rem;line-height:1.40625em;margin-bottom:0.9375em;}
#ai-computing .intro{font-size:0.2rem;line-height:1.85em;color:#555;margin-bottom:0.8rem;}
#ai-computing .figure img{width:auto;margin:0 auto;}
@media only screen and (max-width:750px){
    #ai-computing{padding:0.6rem 0 0.8rem;}
    #ai-computing .item{margin-bottom:0.5rem;}
    #ai-computing .name{font-size:0.26rem;}
    #ai-computing .intro{margin-bottom:0.5rem;font-size:0.18rem;}
}

/*product-info*/
.product-info{padding:0.9rem 0;background-image:linear-gradient(0deg,#fafcff,#F2F6FF,#fff);overflow:hidden;}
@media only screen and (max-width:1024px){
    .product-info{padding:0.5rem 0;}
}

/*product-list*/
.product-list{margin-bottom:1rem;}
.product-list .module-info{margin-bottom:0.24rem;}
.product-list .list{padding:0 0.15rem;}
.product-list .list .swiper-wrapper {flex-wrap:wrap; height:auto;}
.product-list .list .swiper-slide{width:33.333%}
.product-list .swiper-slide{height:auto;}
.product-list .info{margin:0 0.15rem 0.17rem;padding:0.36rem 0.1rem 0.78rem;position:relative;}
.product-list .type{position:absolute;right:0.1rem;top:0;}
.product-list .type img{object-fit:contain;width:0.87rem;height:0.34rem;display:block;}
.product-list .box{background-image:linear-gradient(0deg,#5F97FF,#F3F6FF);padding:0.26rem 0.15rem 0;}
.product-list .btm{background-color:#fff;border-radius:0.04rem;box-shadow:0px 0.02rem 0.17rem 0px rgba(24,85,255,0.15);position:absolute;left:0;bottom:0;width:100%;height:0.8rem;padding:0 0.2rem;border:0.01rem solid #fff;}
.product-list .btm:hover{border-color:var(--main-color);}
.product-list .btm:hover .now{display:block;}
.product-list .price{font-size:0.32rem;color:#C50F00;line-height:1em;}
.product-list .price .symbol{font-size:0.12rem;line-height:1.41666667em;margin-right:0.05rem;}
.product-list .price .unit{font-size:0.14rem;line-height:1.21428571em;}
.product-list .price .number{font-weight:bold;}
.product-list .price span{color:#FF4000;}
.product-list .msg a{color:var(--main-color);}
.product-list .msg .service{font-size:0.18rem;border:0.01rem solid var(--main-color);margin-left:0.26rem;width:8.33333333em;height:2.33333333em;display:flex;align-items:center;justify-content:center;border-radius:0.04rem;}
.product-list .msg .service:hover{background-color:var(--main-color);color:#fff;border-color:transparent;}

.product-list .meta{background-color:#F3F7FF;border-radius:0.04rem;padding:0.12rem 0.16rem 0.18rem;}
.product-list .meta .item{overflow:hidden;margin-bottom:0.08rem;}
.product-list .meta .item:last-child{margin-bottom:0;}
.product-list .meta .title{font-size:0.14rem;line-height:1.42857143em;font-weight:500;position:relative;white-space:nowrap;display:flex;align-items:center;margin-bottom:0.08rem;}
.product-list .meta .title:after{display:block;content:'';width:100%;border-top:0.01rem dotted #D5D5D5;margin-left:0.1rem;}
.product-list .meta ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
.product-list .meta li{font-size:0.12rem;color:#333;line-height:1.41666667em;margin-bottom:0.08rem;}
.product-list .meta li:nth-child(2n){text-align:right;}
.product-list .meta small{display:block;color:#999999;font-size:0.66666667em;line-height:1.375em;margin-top:0.125em;}
.product-list .meta .col3 {justify-content:flex-start;}
.product-list .meta .col3 li{width:33.333%;text-align:left;}
.product-list .top{margin-bottom:0.08rem;}
.product-list .top .name{font-size:0.24rem;line-height:1.375em;padding-right:2.66666667em;position:relative;}
.product-list .top .tag{color:#fff;position:absolute;right:0;font-size:0.15rem;width:3.46666667em;height:1.6em;top:0.3em;border-radius:0.02rem;display:flex;align-items:center;justify-content:center;}
.product-list .area{line-height:1.375em;color:var(--main-color);margin-bottom:0.21rem;}
@media only screen and (max-width:1024px){
    .product-list{margin-bottom:0.5rem;}
    .product-list .list{padding:0;}
    .product-list .list .swiper-slide{width:50%}
}
@media only screen and (max-width:750px){
    .product-list .list .swiper-slide{width:100%}
}
/*product-delivery*/
.product-delivery .list{--margin:0.2rem;}
.product-delivery .item{padding-bottom:0.4rem;}
.product-delivery .item:nth-child(-n+2){width:50%;}
.product-delivery .info{position:relative;height:100%;display:flex;flex-direction:column;justify-content:space-between;background-color:#fcfdff;}
.product-delivery .top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;font-size:0.28rem;}
.product-delivery .model{font-size:1em;color:#FF4000;line-height:1.42857143em;font-weight:500;padding:0 0.24rem;}
.product-delivery .model span{font-size:0.5em;font-weight:normal;}
.product-delivery .title{font-size:1em;line-height:1.42857143em;padding:0.19rem 0.24rem 0.15rem;position:relative;background:url(../images/product_delivery_title_bg.png) no-repeat center center;background-size:100% 100%;}
.product-delivery .title:before{content:'';display:block;position:absolute;left:0;bottom:100%;width:100%;background-color:#6b92ff;border-radius:0.06rem 0.06rem 0 0;height:0.08rem;}
.product-delivery .title span{display:block;position:relative;z-index:2;max-width:7em;white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}
.product-delivery .intro{font-size:0.18rem;line-height:1.94444444em;color:#333;border-top:1px dotted #A4A4A4;padding:0.2rem 0 0.27rem;background:no-repeat right bottom;background-size:24.93074792% auto;min-height:12.33333333em;margin:0 0.24rem;width:calc(100% - 0.48rem);}
.product-delivery .btm{border-top:1px dotted #A4A4A4;padding:0.18rem;width:calc(100% - 0.48rem);display:flex;justify-content:center;margin:0 0.24rem;}
.product-delivery .btm a{color:#1855FF;font-size:0.18rem;border:0.01rem solid #1855FF;width:21.11111111em;max-width:100%;height:2.33333333em;display:flex;align-items:center;justify-content:center;border-radius:0.04rem;}
.product-delivery .btm a:hover{background-color:var(--main-color);color:#fff;}
@media only screen and (max-width:750px){
    .product-delivery .item:nth-child(-n+2){width:100%;}
    .product-delivery .top{font-size:0.24rem;}
    .product-delivery .intro{min-height:0;}
}

/*product-recommend*/
.product-recommend{padding:0.8rem 0;overflow:hidden;}
.product-recommend .top{border-radius:0.08rem 0.08rem 0 0;padding:0.35rem 0.2rem 0.38rem;color:#333;font-size:0.18rem;line-height:1.38888889em;background:no-repeat center center; background-size:cover;}
.product-recommend .title{font-size:1.55555556em;line-height:1.42857143em;color:#000;margin-bottom:0.12rem;}
.product-recommend .btm{border:0.01rem solid #1855FF;border-radius:0 0 0.08rem 0.08rem;padding:0.3rem 0.2rem;}
.product-recommend .intro{font-size:0.18rem;line-height:1.95em;color:#333;margin-bottom:0.8rem; max-height:7.8em; overflow-y:auto;-webkit-overflow-scrolling:touch;}
.product-recommend .btn{display:flex;justify-content:center;}
.product-recommend .btn a{color:#1855FF;font-size:0.18rem;border:0.01rem solid #1855FF;width:21.11111111em;max-width:100%;height:2.33333333em;display:flex;align-items:center;justify-content:center;border-radius:0.04rem;}
.product-recommend .btn a:hover{background-color:var(--main-color);color:#fff;}
@media only screen and (max-width:750px){
    .product-recommend{padding:0.6rem 0;}
}

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

/*fusion-item*/
.fusion-item{padding:0.8rem 0;}
.fusion-item:nth-child(2n){background-color:#F3F7FF;}
.fusion-item:nth-child(2n) .inner{flex-direction:row-reverse;}
.fusion-item .figure{width:53.01282051%;}
.fusion-item .figure img{width:auto;margin:0 auto;}
.fusion-item .text{width:40.38461538%;}
.fusion-item .title{font-size:0.24rem;line-height:1.375em;letter-spacing:0.125em;margin-bottom:1.25em;}
.fusion-item .intro{font-size:0.16rem;line-height:2.1875em;}
@media only screen and (max-width:750px){
    .fusion-item{padding:0.4rem 0;}
    .fusion-item .figure,.fusion-item .text{width:100%;padding:0.15rem 0;}
}

/*future*/
#future{background:no-repeat center center;background-size:cover;padding:1.25rem 0;overflow:hidden;}
#future .title{line-height:1.40625em;letter-spacing:0.09375em;margin-bottom:0.3rem;}
#future .intro{line-height:1.38888889em;letter-spacing:0.11111111em;max-width:11.26rem;margin:0 auto;}
@media only screen and (max-width:750px){
    #future{padding:0.65rem 0;}
    #future .title{font-size:0.28rem;}
}

/*equipment*/
.equipment{background:no-repeat center center;background-size:cover;padding:0.5rem 0 0.4rem;}
.equipment .name{line-height:1.40625em;letter-spacing:0.09375em;margin-bottom:0.48rem;}
.equipment .list{--margin:0.65rem;}
.equipment .item{padding-bottom:0;}
.equipment .info{border-radius:0.08rem;background-image:linear-gradient(0deg,#f4f4f4,#fafafa);padding:0.45rem 0.6rem 0.4rem;}
.equipment .title{font-size:0.24rem;line-height:1.45833333em;font-weight:500;margin-bottom:1.25em;}
.equipment .intro{font-size:0.18rem;color:#555;line-height:1.38888889em;}
@media only screen and (max-width:1024px){
    .equipment .list{--margin:0.3rem;}
}
@media only screen and (min-width:751px){
    .equipment .item{width:33.333%;}
}
@media only screen and (max-width:750px){
    .equipment .name{margin-bottom:0.35rem;font-size:0.28rem;}
    .equipment .list{--margin:0;}
    .equipment .item{margin-bottom:0.2rem;}
}

/*box-name*/
.box-name {margin:0.25rem; font-size:0.24rem; line-height:1.35em; font-weight:500; display:flex; overflow:hidden;color:#555;}
.box-name span {display:block; position:relative;}
.box-name span:after {width:100vw; content:''; display:block; left:100%; margin-left:1em; border-bottom:0.01rem dashed #999; position:absolute; top:50%;transform:translateY(-50%);}