@charset "UTF-8";
/*!****** lib.css *******/
/*!-----------------[初始化]--------------*/
*,:after,:before{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0!important;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}
table{border-collapse:collapse;border-spacing:0}
ol,ul{list-style:none}
q:after,q:before{content:''}
fieldset,img{border:0}
abbr,acronym{border:0}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.col-c,.col-l,.col_c,.col_l,.l{float:left}
.col-r,.col_r,.r{float:right}
.c{clear:both}
.fix{zoom:1}
.fix:after,.fix:before{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden}
em{font-weight:400;font-style:normal}
body{color:#333;font-size:14px;line-height:1.5;font-family:M-Regular,'Microsoft Yahei',"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif!important}
img{max-width:100%;border:none}
input,select,textarea{font-size:14px;color:#333;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;font-family:M-Regular,'Microsoft Yahei',"PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif}
input[type=button],input[type=reset],input[type=submit]{cursor:pointer}
::-webkit-input-placeholder{color:#a9b7c3}
::-moz-placeholder{color:#a9b7c3}
::-ms-input-placeholder{color:#a9b7c3}
select::-ms-expand{display:none}
a{color:#333;text-decoration:none}
/*!-----------------[初始化结束]--------------*/
.wp{width:95%;max-width:15rem;margin:0 auto}
/*!******************************
    -------[=头部]-------
********************************/
.header{position:fixed;left:0;top:0;width:100%;height:100%;display:block;height:.8rem;z-index:999;padding:0 .3rem;box-sizing:border-box;border-bottom:1px solid rgba(255,255,255,.4);transition:.5s}
.header.fixed{background-color:#fff}
.logo{float:left;line-height:.8rem;font-size:0;width:2.34rem}
.logo img.dn{display:none}
.logo img{width:100%;display:inline-block;vertical-align:middle}
.logoHomePage{float:left;font-size:0;line-height:.8rem;width:2.2rem}
.logoHomePage img.dn{display:none}
.logoHomePage img{width:100%;display:inline-block;vertical-align:middle}
.header.on{border-color:#e4e4e3}
.header.on .logo img{display:none}
.header.on .logo img.dn{display:inline-block}
.header.on .logoHomePage img{display:none}
.header.on .logoHomePage img.dn{display:inline-block}
.header.on .nav .v1{color:#49596d}
.header.on .nav .ok .v1,.header.on .nav .on .v1{color:#000}
.header.on .menuBtn b{background-color:#101d34}
.h-r{float:right}
.h-opts{float:right}
.nav{float:right}
.nav li{float:left;position:relative}
.nav .icondrop{display:none}
.nav .ok .v1,.nav .on .v1{color:#fff;font-weight:700}
.nav .v1{font-size:var(--fz18);color:#b2bdd5;position:relative;display:block;line-height:.8rem;font-family:M-SemiBold;text-transform:uppercase;padding:0 .4rem}
.nav .v1::before{content:'';position:absolute;left:0;top:0;right:0;bottom:0;background:url(../images/bg1.png) no-repeat;background-size:100% 100%;transition:.5s;opacity:0}
.nav .v1::after{content:"";display:block;position:absolute;bottom:0rem;width:100%;background-color:#8c56ff;height:.04rem;left:0;opacity:0;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s}
.nav .ok .v1::after,.nav .ok .v1::before,.nav .on .v1::after,.nav .on .v1::before{opacity:1}
.nav .sub{position:absolute;top:100%;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);min-width:100%;background-color:#fff;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3);padding:0 .1rem;display:none}
.nav .sub .v2{display:block;font-size:var(--fz16);color:#333;line-height:.4rem;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s;text-align:center;padding:0 .1rem;border-bottom:1px solid #eee;text-transform:uppercase}
.nav .sub .v2:last-child{border-bottom:none}
.nav .sub .v2:hover{background-color:#fff;color:#0062a9}
.h-opts{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;height:1.14rem}
.h-so{position:relative;height:1.14rem}
.h-so .icon{width:.5rem;height:.5rem;background:url(../images/h-i1.png) no-repeat center;-webkit-background-size:.2rem .2rem;-o-background-size:.2rem;background-size:.2rem;cursor:pointer;position:relative;margin-right:.2rem;margin-top:.32rem}
.h-so .icon::after{content:"";display:block;width:1px;height:.2rem;background-color:#fff;opacity:.2;position:absolute;top:50%;right:0;margin-top:-.1rem}
.h-so .so-pop{position:absolute;top:100%;right:0;border:1px solid #eee;display:none}
.h-so .so-pop .inp{display:block;width:2.5rem;height:.4rem;padding:0 .5rem 0 .1rem;background-color:#fff;font-size:var(--fz16);color:#333}
.h-so .so-pop .btn{display:block;background:#0062a9 url(../images/h-i1.png) no-repeat center;-webkit-background-size:.2rem .2rem;-o-background-size:.2rem;background-size:.2rem;position:absolute;top:0;right:0;height:.4rem;width:.4rem}
.h-lang{position:relative;line-height:1.14rem;cursor:pointer}
.h-lang .top{padding-left:.3rem;background:url(../images/h-i2.png) no-repeat left center;-webkit-background-size:.2rem .2rem;-o-background-size:.2rem;background-size:.2rem;font-size:var(--fz16);color:#fff;padding-right:.15rem;position:relative}
.h-lang .top::after{content:"";display:block;width:.11rem;height:.11rem;background:url(../images/h-i3.png) no-repeat center;-webkit-background-size:contain;-o-background-size:contain;background-size:contain;position:absolute;top:50%;right:0;margin-top:-.06rem}
.h-lang .lang-box{position:absolute;top:100%;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);min-width:100%;background-color:#fff;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3);padding:0 .1rem;display:none}
.h-lang .lang-box .lang{display:block;font-size:var(--fz16);color:#333;line-height:.4rem;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s;text-align:center;padding:0 .1rem;border-bottom:1px solid #eee;text-transform:uppercase}
.h-lang .lang-box .lang:last-child{border-bottom:none}
.h-lang .lang-box .lang:hover{background-color:#fff;color:#0062a9}
/*!******************************
    -------[=导航]-------
********************************/
.menuBtn{display:none;position:fixed;top:.24rem;right:.24rem;width:.34rem;height:.6rem;cursor:pointer;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}
.menuBtn b{display:block;height:.03rem;background-color:#fff;margin:.08rem 0;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}
.menuBtn.open b{display:none;margin:0;position:absolute;left:0;top:50%;margin-top:-.08rem;width:.34rem}
.menuBtn.open b:first-child{display:block;transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg)}
.menuBtn.open b:last-child{display:block;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg)}
/*!******************************
    -------[=底部]-------
********************************/
.footer{background:#16112c;padding-top:.5rem;overflow:hidden;position:relative}
.fd-top{overflow:hidden;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:.3rem}
.fd-logo{width:2.34rem;height:auto;overflow:hidden}
.fd-logo img{display:block;width:100%}
.fd-nav{overflow:hidden}
.fd-nav li{float:left;margin-left:1.02rem}
.fd-nav .v1{font-size:var(--fz20);color:#fff;line-height:1.5em;overflow:hidden}
.fd-info{overflow:hidden;margin-bottom:.24rem}
.fd-info .btns .g-idxmore{width:1.95rem;height:.5rem;background:url(../images/idx/img6-1.png) no-repeat;background-size:100% 100%;border:none;float:left}
.fd-info .g-idxtits{margin-bottom:.6rem}
.fd-info .g-idxtits .tit{color:#fff}
.fd-info .g-idxtits .tit_en{color:#615b6c}
.fd-info .btns{display:flex;height:.5rem;background-color:rgba(255,255,255,.1);margin-bottom:.19rem;transform:skewX(-10deg);display:inline-block;border-radius:.12rem 0 .12rem 0;overflow:hidden}
.fd-info .btns .g-idxmore{transform:skewX(10deg)}
.fd-info .btns .t{color:#fff;transform:skewX(0)}
.fd-info .btns .i{transform:skewX(0)}
.fd-info .btns .t2{color:#e2cdf7;transform:skewX(10deg);line-height:.5rem;padding:0 .2rem;display:inline-block;overflow:hidden;font-size:var(--fz20)}
.fd-info .info{overflow:hidden}
.fd-info .info .g-idxmore{border-color:#b998ff;border-width:2px;margin-left:.2rem;width:1.24rem;height:.36rem}
.fd-info .info .g-idxmore:hover{background-color:#b998ff}
.fd-info .info .g-idxmore:hover .t{color:#fff}
.fd-info .info .g-idxmore .t{color:#b998ff;font-size:var(--fz16)}
.fd-info .it{display:flex;font-size:var(--fz16);line-height:.36rem;color:#fff;margin-right:.15rem;margin-bottom:.1rem;align-items:flex-start}
.fd-info .label{padding-left:.37rem;background:url(../images/idx/img6-2.png) no-repeat;background-position:left center;-webkit-background-size:.24rem auto;-moz-background-size:.24rem auto;-ms-background-size:.24rem auto;-o-background-size:.24rem auto;background-size:.24rem auto;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;min-width:7em}
.fd-info .left{float:left}
.fd-info .right{float:right}
.fd-info .codes{display:flex;text-align:center;padding-top:.51rem}
.fd-info .codes .code{margin-left:.74rem}
.fd-info .codes .code .pic{width:1.44rem;height:1.44rem;line-height:1.44rem;text-align:center;overflow:hidden;font-size:0;margin:0 0 .08rem}
.fd-info .codes .code img{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%}
.fd-info .t{font-size:var(--fz14);color:#fff}
.fd-copy{overflow:hidden;border-top:1px solid rgba(255,255,255,.1);text-align:center;padding:.19rem 0}
.fd-copy a,.fd-copy em{font-size:var(--fz14);line-height:1.5em;overflow:hidden;color:rgba(255,255,255,.8);font-weight:300}
.fd-copy em{padding:0 .21rem}
.g-backtop{position:absolute;top:0;right:0;height:100%;width:1.3rem;background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,.1) 100%);display:flex;align-items:center;justify-content:center;white-space:nowrap;cursor:pointer}
.g-backtop .tit{font-size:var(--fz16);color:#fff;transform:rotateZ(90deg);transform-origin:50% center;line-height:1;padding-top:.1rem;position:relative;letter-spacing:.02rem;padding-left:.96rem;padding-top:0;background:url(../images/fd-icon1.png) no-repeat left center;-webkit-background-size:.52rem auto;-moz-background-size:.52rem auto;-ms-background-size:.52rem auto;-o-background-size:.52rem auto;background-size:.52rem auto;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
/*!******************************
    -------[=公用]-------
********************************/
.g-cur{overflow:hidden}
.cur,.cur a{font-size:var(--fz18);color:#8195a5;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
.cur a:hover,.cur span{color:#101d34}
.cur em{padding:0 .13rem}
.cur{padding:.28rem 0 .28rem .32rem;background:url(../images/ls/iconl1.svg) no-repeat left center;-webkit-background-size:.24rem auto;-moz-background-size:.24rem auto;-ms-background-size:.24rem auto;-o-background-size:.24rem auto;background-size:.24rem auto}
.pages{text-align:center;font-size:0}
.pages ul{display:inline-block}
.pages ul li{float:left;margin:0 .07rem}
.pages ul li a,.pages ul li span{display:block;height:.44rem;line-height:.42rem;text-align:center;font-size:.16rem;color:#666;border:.01rem solid #dcdcdc;padding:0 .05rem;min-width:.44rem;border-radius:.05rem;-webkit-border-radius:.05rem;-moz-border-radius:.05rem;-ms-border-radius:.05rem;-o-border-radius:.05rem;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
.pages ul a:hover,.pages ul li.on a{background-color:#0062a9;border-color:#0062a9;color:#fff}
.pages ul li.next,.pages ul li.prev{min-width:1.51rem}
@media screen and (max-width:1200px){
.menuBtn{display:block}
.wp{padding:0 .8rem;max-width:none;width:auto}
.header{height:1rem}
.logo{line-height:1rem}
.logo img{max-height:.6rem}
.h-r{margin-right:.8rem}
.h-lang,.h-opts,.h-so{height:1rem}
.h-so .icon{margin-top:.25rem}
.h-lang{line-height:1rem}
.h-lang .lang-box .lang{line-height:2}
.h-so .so-pop{position:fixed;width:100%;top:1rem}
.h-so .so-pop .inp{width:100%;height:.8rem;padding-right:.9rem}
.h-so .so-pop .btn{width:.8rem;height:.8rem}
.nav{position:fixed;top:1rem;left:0;bottom:0;overflow-y:auto;overflow-x:hidden;width:100%;background-color:#0062a9;border-top:1px solid #fff;display:none}
.nav li{float:none;width:auto;border-bottom:1px solid rgba(255,255,255,.1)}
.nav .v1{line-height:.8rem;font-size:15px;color:#fff;position:relative;box-sizing:border-box;padding:0 .36rem}
.nav .ok .v1::after,.nav .ok .v1::before,.nav .on .v1::after,.nav .on .v1::before{opacity:0}
.nav .on .v1::after,.nav .v1::after{content:'';width:.24rem;height:.24rem;background:url(../images/idx-ph/img1-2.png) no-repeat;background-size:100%;position:absolute;right:.36rem;left:auto;top:50%;transform:translateY(-50%);opacity:1;display:block!important}
.nav .sub{position:static;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}
.nav .sub .v2{line-height:.6rem}
.nav .on .dropicon::after{content:"-"}
.nav .dropicon{display:block;position:absolute;top:0;right:.28rem;width:.8rem;height:.8rem;pointer-events:none}
.nav .dropicon::after{content:"+";display:block;color:#fff;font-weight:700;line-height:.8rem;font-style:normal;text-align:right;width:100%}
.nav .ok .v1::after,.nav .on .v1::after{display:none}
.header{height:1rem}
.logo{line-height:1rem}
.logo img{max-height:.7rem}
.h-r{margin-right:.8rem}
.h-lang,.h-opts,.h-so{height:1rem}
.h-so .icon{margin-top:.25rem}
.h-lang{line-height:1rem}
.h-lang .lang-box .lang{line-height:2}
.h-so .so-pop{position:fixed;width:100%;top:1rem}
.h-so .so-pop .inp{width:100%;height:.8rem;padding-right:.9rem}
.h-so .so-pop .btn{width:.8rem;height:.8rem}
.nav{position:fixed;top:1rem;right:0;bottom:auto;overflow-y:auto;overflow-x:hidden;width:100%;border-top:1px solid #fff;display:block;background:url(../images/idx-ph/img1.png) no-repeat;background-position:center;background-size:cover;z-index:9999;transform:translateX(40%);width:0;left:auto;transition:.5s}
.nav.open{transform:translateX(0);width:100%}
.nav li{float:none;width:auto}
.nav .v1{line-height:1.1rem;height:1.1rem;overflow:hidden}
.nav .sub{position:static;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}
.nav .sub .v2{line-height:.6rem}
.nav .on .dropicon::after{content:"-"}
.nav .dropicon{display:block;position:absolute;top:0;right:.28rem;width:.8rem;height:.8rem;pointer-events:none}
.nav .dropicon::after{content:"+";display:block;color:#fff;font-weight:700;line-height:.8rem;font-style:normal;text-align:right;width:100%}
.nav .ok .v1::after,.nav .on .v1::after{display:none}
.g-backtop{display:none}
.footer{padding-top:.62rem}
.fd-top{margin-bottom:.5rem}
.fd-logo{display:none}
.fd-nav li{margin-left:0;margin-right:.85rem}
.fd-nav .v1{font-size:var(--fz14)}
.fd-info .left,.fd-info .right{float:none;width:auto}
.fd-info .left{margin-bottom:.2rem}
.fd-info .info .g-idxmore{border-width:1px}
.fd-info .btns .g-idxmore{width:2.14rem;height:.6rem;margin-bottom:.16rem;float:none}
.fd-info .info .g-idxmore .t{font-size:.2rem}
.fd-info .btns{height:auto;background:0 0;margin-bottom:.34rem;transform:skewX(0)}
.fd-info .btns .g-idxmore,.fd-info .btns .t2{transform:skewX(0);-webkit-transform:skewX(0);-moz-transform:skewX(0);-ms-transform:skewX(0);-o-transform:skewX(0)}
.fd-info .btns .t2{font-size:var(--fz12);line-height:1.5em;display:block;padding:0}
.fd-info .label{-webkit-background-size:.35rem auto;-moz-background-size:.35rem auto;-ms-background-size:.35rem auto;-o-background-size:.35rem auto;background-size:.35rem auto;padding-left:.51rem;padding-right:.2rem}
.fd-info .it{font-size:var(--fz12);line-height:.48rem;margin-bottom:.28rem}
.fd-info .t{font-size:var(--fz12)}
.fd-info .info .g-idxmore{width:1.64rem;height:.48rem}
.fd-info .codes .code{margin-left:0;margin-right:.8rem}
.fd-info .codes .code .pic{width:1.9rem;height:1.9rem;line-height:1.9rem;margin-bottom:.26rem}
.fd-info .codes{padding-top:0}
.fd-copy{border:none;padding:.2rem 0 .5rem}
.fd-copy .wp{padding:0 .5rem}
.fd-copy a{font-size:.16rem}
.fd-copy em{font-size:0;min-height:1px}
}
@media screen and (max-width:480px){
.footer .wp{padding:0 .7rem}
}
:root{--fz12:0.12rem;--fz14:0.14rem;--fz16:0.16rem;--fz18:0.18rem;--fz20:0.2rem;--fz22:0.22rem;--fz24:0.24rem;--fz26:0.26rem;--fz28:0.28rem;--fz30:0.3rem;--fz32:0.32rem;--fz34:0.34rem;--fz36:0.36rem;--fz38:0.38rem;--fz40:0.4rem;--fz42:0.42rem;--fz44:0.44rem;--fz46:0.46rem;--fz48:0.48rem;--fz50:0.5rem}
.fz12{font-size:var(--fz12)}
.fz14{font-size:var(--fz14)}
.fz16{font-size:var(--fz16)}
.fz18{font-size:var(--fz18)}
.fz20{font-size:var(--fz20)}
.fz22{font-size:var(--fz22)}
.fz24{font-size:var(--fz24)}
.fz26{font-size:var(--fz26)}
.fz28{font-size:var(--fz28)}
.fz30{font-size:var(--fz30)}
.fz32{font-size:var(--fz32)}
.fz34{font-size:var(--fz34)}
.fz36{font-size:var(--fz36)}
.fz38{font-size:var(--fz38)}
.fz40{font-size:var(--fz40)}
.fz42{font-size:var(--fz42)}
.fz44{font-size:var(--fz44)}
.fz46{font-size:var(--fz46)}
.fz48{font-size:var(--fz48)}
.fz50{font-size:var(--fz50)}
@media screen and (max-width:1920px){
:root{--fz12:12px}
}
@media screen and (max-width:1342px){
:root{--fz14:0.16rem;--fz16:0.18rem;--fz18:0.2rem;--fz20:0.22rem;--fz22:0.24rem;--fz24:0.26rem;--fz26:0.28rem;--fz28:0.3rem;--fz30:0.32rem;--fz32:0.34rem;--fz34:0.36rem;--fz36:0.38rem;--fz38:0.4rem;--fz40:0.42rem;--fz42:0.44rem;--fz44:0.46rem;--fz46:0.48rem;--fz48:0.5rem;--fz50:0.52rem}
}
@media screen and (max-width:1199px){
:root{--fz12:0.2rem;--fz14:0.24rem;--fz16:0.28rem;--fz18:0.32rem;--fz20:0.36rem;--fz22:0.4rem;--fz24:0.44rem;--fz26:0.48rem;--fz28:0.52rem;--fz30:0.56rem;--fz32:0.56rem;--fz34:0.56rem;--fz36:0.56rem;--fz38:0.56rem;--fz40:0.56rem;--fz42:0.56rem;--fz44:0.56rem;--fz46:0.56rem;--fz48:0.56rem;--fz50:0.56rem}
}
@media screen and (max-width:959px){
:root{--fz12:0.24rem;--fz14:0.26rem;--fz16:0.28rem;--fz18:0.3rem;--fz20:0.32rem;--fz22:0.34rem;--fz24:0.36rem;--fz26:0.38rem;--fz28:0.4rem;--fz30:0.42rem;--fz32:0.42rem;--fz34:0.42rem;--fz36:0.42rem;--fz38:0.42rem;--fz40:0.42rem;--fz42:0.42rem;--fz44:0.42rem;--fz46:0.42rem;--fz48:0.42rem;--fz50:0.42rem}
}
/*!****** lib.css end *******/
/*!****** bl *******/
.swp-idxsnv .txt.top{position:absolute;bottom:0;left:0;width:100%;height:33.33%;cursor:pointer;visibility:hidden;opacity:0;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s}
.ban .icon{position:absolute;top:0;right:0;height:100%;width:100%;pointer-events:none}
.ban .icon img{position:absolute;left:0;top:0;width:100%;height:100%;display:block;object-fit:cover;-webkit-animation:ani2 4s linear infinite;-moz-animation:ani2 4s linear infinite;-o-animation:ani2 4s linear infinite;animation:ani2 4s linear infinite}
.ban .icon img:nth-child(2){display:none}
.ban .tit{display:flex;align-items:center}
.ban .tit .t{font-size:.74rem;font-weight:700;background:linear-gradient(90deg,#d7d7ff,#bfe7ff);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.1rem}
.ban .tit img{display:block;width:.72rem;margin-left:.38rem}
.m-blbox{position:relative}
.m-blbox .bg{position:absolute;display:block;top:0;left:0;width:100%;height:100%;pointer-events:none}
@-webkit-keyframes blani1{
0%{-webkit-transform:translateY(0);transform:translateY(0)}
50%{-webkit-transform:translateY(6px);transform:translateY(6px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@-moz-keyframes blani1{
0%{-moz-transform:translateY(0);transform:translateY(0)}
50%{-moz-transform:translateY(6px);transform:translateY(6px)}
100%{-moz-transform:translateY(0);transform:translateY(0)}
}
@-o-keyframes blani1{
0%{-o-transform:translateY(0);transform:translateY(0)}
50%{-o-transform:translateY(6px);transform:translateY(6px)}
100%{-o-transform:translateY(0);transform:translateY(0)}
}
@keyframes blani1{
0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
50%{-webkit-transform:translateY(6px);-moz-transform:translateY(6px);-o-transform:translateY(6px);transform:translateY(6px)}
100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
}
.g-cardb1{position:relative;height:15.7rem}
.g-cardb1 .inbox{position:absolute;top:3.9rem;left:2.1rem;width:10.33rem;text-align:center;font-size:0}
.g-cardb1 .inbox .btn{position:absolute;bottom:.5rem;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:var(--fz18);color:#8c56ff;position:relative;width:1.8rem;height:.5rem}
.g-cardb1 .inbox .btn:hover{color:#fff}
.g-cardb1 .inbox .btn:hover::after{background-color:#8c56ff}
.g-cardb1 .inbox .btn::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid #8c56ff;border-radius:.14rem 0 .14rem 0;-webkit-transform:skewX(-10deg);-moz-transform:skewX(-10deg);-ms-transform:skewX(-10deg);-o-transform:skewX(-10deg);transform:skewX(-10deg);-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s}
.g-cardb1 .inbox .btn i,.g-cardb1 .inbox .btn span{position:relative;z-index:2}
.g-cardb1 .inbox .btn i{display:block;width:.16rem;height:.16rem;margin-left:.08rem}
.g-cardb1 .inbox .btn i svg{display:block;width:100%;height:auto}
.g-cardb1 .img{display:block;width:100%;-webkit-animation:blani1 4s linear infinite;-moz-animation:blani1 4s linear infinite;-o-animation:blani1 4s linear infinite;animation:blani1 4s linear infinite}
.g-cardb1 .cd{position:absolute;font-size:var(--fz16);line-height:1.875;color:#49596d;background-repeat:no-repeat;background-position:center;-webkit-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%;z-index:10;text-align:justify;-moz-text-align-last:left;text-align-last:left;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s}
.g-cardb1 .cd b{color:#101d34}
.g-cardb1 .cd1{width:7.44rem;height:2.4rem;top:.78rem;left:3.85rem;padding:.3rem .4rem;background-image:url(../images/bl/t1-bg1.png)}
.g-cardb1 .cd1.act{background-image:url(../images/bl/t1-bg1a.png)}
.g-cardb1 .cd2{width:7.68rem;height:2.4rem;top:3.38rem;right:2.1rem;padding:.3rem .4rem .2rem .6rem;background-image:url(../images/bl/t1-bg2.png)}
.g-cardb1 .cd2.act{background-image:url(../images/bl/t1-bg2a.png)}
.g-cardb1 .cd3{width:5.3rem;height:7rem;top:8.4rem;right:1.8rem;padding:.3rem .4rem .2rem .65rem;background-image:url(../images/bl/t1-bg3.png)}
.g-cardb1 .cd3.act{background-image:url(../images/bl/t1-bg3a.png)}
.g-cardb1 .cd4{width:6.14rem;height:3rem;bottom:1rem;left:3.85rem;padding:.6rem .1rem .2rem .4rem;background-image:url(../images/bl/t1-bg4.png)}
.g-cardb1 .cd4.act{background-image:url(../images/bl/t1-bg4a.png)}
.cardls .tit{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;font-size:var(--fz26);font-weight:700;color:#101d34;margin-bottom:.14rem}
.cardls .tit .icon{font-size:0;width:.26rem;margin-right:.14rem}
.cardls .tit .icon img{display:block;width:100%}
.cardls .tp{font-size:var(--fz14);color:#999;margin-left:.1rem}
.g-cardb2{position:relative;height:14.7rem}
.g-cardb2 .inbox{position:absolute;top:3.2rem;left:3rem;width:9.42rem;text-align:center;font-size:0}
.g-cardb2 .inbox .btn{position:absolute;bottom:.5rem;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:var(--fz18);color:#8c56ff;position:relative;width:1.8rem;height:.5rem}
.g-cardb2 .inbox .btn:hover{color:#fff}
.g-cardb2 .inbox .btn:hover::after{background-color:#8c56ff}
.g-cardb2 .inbox .btn::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid #8c56ff;border-radius:.14rem 0 .14rem 0;-webkit-transform:skewX(-10deg);-moz-transform:skewX(-10deg);-ms-transform:skewX(-10deg);-o-transform:skewX(-10deg);transform:skewX(-10deg);-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s}
.g-cardb2 .inbox .btn i,.g-cardb2 .inbox .btn span{position:relative;z-index:2}
.g-cardb2 .inbox .btn i{display:block;width:.16rem;height:.16rem;margin-left:.08rem}
.g-cardb2 .inbox .btn i svg{display:block;width:100%;height:auto}
.g-cardb2 .img{display:block;width:100%;-webkit-animation:blani1 4s linear infinite;-moz-animation:blani1 4s linear infinite;-o-animation:blani1 4s linear infinite;animation:blani1 4s linear infinite}
.g-cardb2 .cd{position:absolute;font-size:var(--fz16);line-height:1.875;color:#49596d;background-repeat:no-repeat;background-position:center;-webkit-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%;z-index:10;text-align:justify;-moz-text-align-last:left;text-align-last:left}
.g-cardb2 .cd b{color:#101d34}
.g-cardb2 .cd1{width:7.44rem;height:2.7rem;top:.78rem;left:3.85rem;padding:.3rem .4rem;background-image:url(../images/bl/t2-bg1.png)}
.g-cardb2 .cd1.act{background-image:url(../images/bl/t2-bg1a.png)}
.g-cardb2 .cd2{width:4.68rem;height:2.2rem;top:2.9rem;right:2.1rem;padding:.3rem .4rem .2rem .6rem;background-image:url(../images/bl/t2-bg2.png)}
.g-cardb2 .cd2.act{background-image:url(../images/bl/t2-bg2a.png)}
.g-cardb2 .cd3{width:5.3rem;height:6.86rem;top:7.53rem;right:1rem;padding:.3rem .4rem .2rem .65rem;background-image:url(../images/bl/t2-bg3.png)}
.g-cardb2 .cd3.act{background-image:url(../images/bl/t2-bg3a.png)}
.g-cardb2 .cd4{width:7.62rem;height:2.7rem;bottom:.8rem;left:3.85rem;padding:.6rem .1rem .2rem .4rem;background-image:url(../images/bl/t2-bg4.png)}
.g-cardb2 .cd4.act{background-image:url(../images/bl/t2-bg4a.png)}
.g-cardb2 .tit{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;font-size:var(--fz26);font-weight:700;color:#101d34;margin-bottom:.14rem}
.g-cardb2 .tit .icon{font-size:0;width:.26rem;margin-right:.14rem}
.g-cardb2 .tit .icon img{display:block;width:100%}
.g-cardb3{position:relative;height:16.32rem}
.g-cardb3 .inbox{position:absolute;top:4.1rem;left:3rem;width:10.86rem;text-align:center;font-size:0;min-height:7rem}
.g-cardb3 .inbox .btn{position:absolute;bottom:.5rem;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:var(--fz18);color:#8c56ff;position:relative;width:1.8rem;height:.5rem}
.g-cardb3 .inbox .btn:hover{color:#fff}
.g-cardb3 .inbox .btn:hover::after{background-color:#8c56ff}
.g-cardb3 .inbox .btn::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid #8c56ff;border-radius:.14rem 0 .14rem 0;-webkit-transform:skewX(-10deg);-moz-transform:skewX(-10deg);-ms-transform:skewX(-10deg);-o-transform:skewX(-10deg);transform:skewX(-10deg);-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s}
.g-cardb3 .inbox .btn i,.g-cardb3 .inbox .btn span{position:relative;z-index:2}
.g-cardb3 .inbox .btn i{display:block;width:.16rem;height:.16rem;margin-left:.08rem}
.g-cardb3 .inbox .btn i svg{display:block;width:100%;height:auto}
.g-cardb3 .img{display:block;width:100%;-webkit-animation:blani1 4s linear infinite;-moz-animation:blani1 4s linear infinite;-o-animation:blani1 4s linear infinite;animation:blani1 4s linear infinite}
.g-cardb3 .cd{position:absolute;font-size:var(--fz16);line-height:1.875;color:#49596d;background-repeat:no-repeat;background-position:center;-webkit-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%;z-index:10;text-align:justify;-moz-text-align-last:left;text-align-last:left}
.g-cardb3 .cd b{color:#101d34}
.g-cardb3 .cd1{width:7.44rem;height:2.2rem;top:.78rem;left:3.85rem;padding:.3rem .4rem;background-image:url(../images/bl/t3-bg1.png)}
.g-cardb3 .cd1.act{background-image:url(../images/bl/t3-bg1a.png)}
.g-cardb3 .cd2{width:7.68rem;height:2.4rem;top:3rem;right:1.9rem;padding:.3rem .4rem .2rem .6rem;background-image:url(../images/bl/t3-bg2.png)}
.g-cardb3 .cd2.act{background-image:url(../images/bl/t3-bg2a.png)}
.g-cardb3 .cd3{width:5.3rem;height:6.76rem;top:9rem;right:1rem;padding:.3rem .4rem .2rem .65rem;background-image:url(../images/bl/t3-bg3.png)}
.g-cardb3 .cd3.act{background-image:url(../images/bl/t3-bg3a.png)}
.g-cardb3 .cd4{width:7.44rem;height:3.9rem;bottom:.8rem;left:3.85rem;padding:.6rem .1rem .2rem .4rem;background-image:url(../images/bl/t3-bg4.png)}
.g-cardb3 .cd4.act{background-image:url(../images/bl/t3-bg4a.png)}
.g-cardb3 .tit{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;font-size:var(--fz26);font-weight:700;color:#101d34;margin-bottom:.14rem}
.g-cardb3 .tit .icon{font-size:0;width:.26rem;margin-right:.14rem}
.g-cardb3 .tit .icon img{display:block;width:100%}
.ul-listl1.sty1 .con{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:1.3;height:.83rem}
.ul-listl1.sty1 .con br{display:none}
@media screen and (max-width:1800px){
.g-cardb2 .cd4{left:3rem}
}
@media screen and (max-width:1342px){
.g-cardb1 .cd1,.g-cardb2 .cd1,.g-cardb3 .cd1{padding:.1rem .2rem}
.g-cardb1 .cd2,.g-cardb2 .cd2,.g-cardb3 .cd2{padding:.1rem .1rem 0rem .5rem}
.g-cardb1 .cd3,.g-cardb2 .cd3,.g-cardb3 .cd3{padding:.1rem 0rem 0rem .5rem}
.g-cardb1 .cd4,.g-cardb2 .cd4,.g-cardb3 .cd4{padding:.4rem 0rem 0rem .2rem}
.g-cardb1 .tit{margin-bottom:0rem}
}
@media screen and (max-width:1200px){
.ban .tit .t{font-size:.42rem}
.ban .tit img{width:.38rem;margin-left:.16rem}
.ban .icon img{display:none}
.ban .icon img:nth-child(2){display:block;position:static;height:auto}
.g-cardb1 .inbox,.g-cardb2 .inbox,.g-cardb3 .inbox{position:static;width:6.04rem;margin:0 auto}
.g-cardb3 .inbox{width:6.68rem}
.g-cardb1 .cd3,.g-cardb1 .cd4,.g-cardb2 .cd3,.g-cardb2 .cd4,.g-cardb3 .cd3,.g-cardb3 .cd4{position:static;width:auto;height:auto;margin:0 .6rem .6rem;padding:.3rem}
.g-cardb1 .cd,.g-cardb2 .cd,.g-cardb3 .cd{border-radius:.16rem;font-size:.24rem;line-height:1.66;height:auto!important;background-image:none!important;background:-webkit-gradient(linear,left top,right top,from(#f5f4f7),color-stop(#fff),to(#f5f4f7))!important;background:-webkit-linear-gradient(left,#f5f4f7,#fff,#f5f4f7)!important;background:-moz- oldlinear-gradient(left,#f5f4f7,#fff,#f5f4f7)!important;background:-o-linear-gradient(left,#f5f4f7,#fff,#f5f4f7)!important;background:linear-gradient(to right,#f5f4f7,#fff,#f5f4f7)!important}
.g-cardb1 .cd.act,.g-cardb2 .cd.act,.g-cardb3 .cd.act{background:-webkit-gradient(linear,left top,right top,from(rgba(140,86,255,.1)),to(rgba(140,86,255,.05)))!important;background:-webkit-linear-gradient(left,rgba(140,86,255,.1),rgba(140,86,255,.05))!important;background:-moz- oldlinear-gradient(left,rgba(140,86,255,.1),rgba(140,86,255,.05))!important;background:-o-linear-gradient(left,rgba(140,86,255,.1),rgba(140,86,255,.05))!important;background:linear-gradient(to right,rgba(140,86,255,.1),rgba(140,86,255,.05))!important}
.g-cardb1 .tit,.g-cardb2 .tit,.g-cardb3 .tit{font-size:.26rem;margin-bottom:.2rem}
.g-cardb1,.g-cardb2,.g-cardb3{height:auto;overflow:hidden}
.g-cardb1 .cd1,.g-cardb2 .cd1,.g-cardb3 .cd1{width:2.9rem;padding:.3rem;left:50%;margin-left:-3rem}
.g-cardb1 .cd2,.g-cardb2 .cd2,.g-cardb3 .cd2{width:2.7rem;padding:.3rem;left:50%;right:auto;margin-left:.4rem}
.g-cardb1 .inbox .btn,.g-cardb2 .inbox .btn,.g-cardb3 .inbox .btn{font-size:.24rem;bottom:.1rem;width:1.6rem}
.g-cardb1 .inbox .btn::after,.g-cardb2 .inbox .btn::after,.g-cardb3 .inbox .btn::after{border-width:1px}
.g-cardb1 .inbox{padding-top:7.2rem;margin-bottom:.6rem}
.g-cardb1 .cd1{top:1.1rem}
.g-cardb1 .cd2{top:.6rem}
.g-cardb2 .inbox{padding-top:6.5rem;margin-bottom:.6rem}
.g-cardb2 .cd1{top:.6rem}
.g-cardb2 .cd2{top:2.4rem}
.g-cardb3 .inbox{padding-top:6.5rem;margin-bottom:.6rem}
.g-cardb3 .cd1{top:.6rem}
.g-cardb3 .cd2{top:1.3rem}
.ul-listl1.sty1 .con br{display:block}
}
/*!****** bl end *******/
/*!****** ls *******/
.ban{background-color:#16112c;overflow:hidden;position:relative}
.ban .pic{height:100vh;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;overflow:hidden}
.ban .txt{position:absolute;top:34.6%;left:0;width:100%;z-index:5}
.ban .txt .tit{height:auto;overflow:hidden;margin-bottom:.17rem}
.ban .txt .tit img{display:block;max-width:100%}
.ban .txt .desc{font-size:var(--fz30);font-weight:700;line-height:1.866em;color:#fff;overflow:hidden;max-width:8.6rem}
.ban.h500 .pic{padding-top:26.041666666%;height:0}
.ban.h500 .txt{top:45.6%}
.ban.h500 .txt .tit{margin-bottom:0}
.g-topl{overflow:hidden;position:relative;padding-top:.8rem;height:1.65rem;background:#fff}
.g-topl.fixed .fixedbox{position:fixed;top:.8rem;left:0;width:100%;z-index:20;background:#fff}
.g-topl .fixedbox{position:relative}
.g-topl .fixedbox:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:0;border-bottom:.04rem solid rgba(140,86,255,.1)}
.ul-listl1{text-align:center;overflow:hidden;font-size:0}
.ul-listl1 li{max-width:33.33%;display:inline-block;vertical-align:middle;padding:0 .66rem}
.ul-listl1 .con{display:block;overflow:hidden;font-size:var(--fz28);font-weight:350;line-height:.82rem;color:#49596d;padding:0 .3rem;min-width:2.78rem;text-align:center;position:relative;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;padding-bottom:.03rem}
.ul-listl1 .con:after{content:"";position:absolute;bottom:0;left:0;width:100%;border-bottom:.04rem solid rgba(140,86,255,1);width:0;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
.ul-listl1 .con:hover,.ul-listl1 li.on .con{font-weight:700;color:#101d34}
.ul-listl1 .con:hover:after,.ul-listl1 li.on .con:after{width:100%}
.m-casel,.m-shoppingl{overflow:hidden;background-repeat:no-repeat;background-position:bottom center;-webkit-background-size:100% auto;-moz-background-size:100% auto;-ms-background-size:100% auto;-o-background-size:100% auto;background-size:100% auto;padding:1.06rem 0 .8rem}
.m-casel{display:flex;align-items:center;min-height:calc(100vh - 1.6rem);padding:1rem 0}
.m-casel .case{overflow:hidden;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}
.m-casel .left{width:51.7333%;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}
.m-casel .right{width:48.2667%;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;background:linear-gradient(115.45deg,#503392 27.19%,#673bc3 68.7%);border-radius:0 .1rem .1rem 0;-webkit-border-radius:0 .1rem .1rem 0;-moz-border-radius:0 .1rem .1rem 0;-ms-border-radius:0 .1rem .1rem 0;-o-border-radius:0 .1rem .1rem 0}
.m-casel .right .txt{overflow:hidden;background-repeat:no-repeat;background-position:bottom right;-webkit-background-size:100% auto;-moz-background-size:100% auto;-ms-background-size:100% auto;-o-background-size:100% auto;background-size:100% auto;padding:.75rem .4rem .8rem .5rem}
.m-casel .right .txt .tit{width:2.22rem;height:auto;overflow:hidden;margin-bottom:.36rem}
.m-casel .right .txt .tit img{display:block;width:100%}
.m-casel .right .txt .icon{width:.44rem;height:.44rem;line-height:.44rem;overflow:hidden;margin-bottom:.27rem}
.m-casel .right .txt .icon img{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%}
.m-casel .right .txt .desc{font-size:var(--fz16);font-weight:400;line-height:1.875em;color:#fff;display:-webkit-box;box-orient:vertical;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2;overflow:hidden;margin-bottom:.74rem;text-align:justify}
.m-casel .pic,.m-shoppingl .pic{padding-top:75%;overflow:hidden;position:relative;height:0;border-radius:.1rem;-webkit-border-radius:.1rem;-moz-border-radius:.1rem;-ms-border-radius:.1rem;-o-border-radius:.1rem}
.m-casel .pic .img,.m-shoppingl .pic .img{display:block;width:100%;height:100%;position:absolute;top:0;left:0;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}
.g-idxmore.w140{width:1.4rem;height:.4rem;color:#fff;font-size:var(--fz16);border-color:#fff}
.m-shoppingl{padding-top:.46rem}
.g-idxtits .tit i{display:inline-block;vertical-align:middle;margin:-.04rem .21rem 0 0;width:.54rem;height:.54rem;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}
.m-shoppingl .shopping{padding-top:.8rem}
.m-shoppingl .left{width:51.7333%;float:left;margin-right:.58rem}
.m-shoppingl .right{overflow:hidden;padding-top:.08rem}
.ul-listl2{overflow:hidden}
.ul-listl2 li{margin-bottom:.4rem}
.ul-listl2 li:last-child{margin-bottom:0}
.ul-listl2 .con{display:block;overflow:hidden;cursor:pointer}
.ul-listl2 .tit{width:74.62686567%;height:.54rem;line-height:.52rem;border:1px solid #8c56ff;border-radius:.1rem;-webkit-border-radius:.1rem;-moz-border-radius:.1rem;-ms-border-radius:.1rem;-o-border-radius:.1rem;padding:0 .29rem;font-size:var(--fz18);font-weight:700;overflow:hidden;position:relative;z-index:2;background-color:#fff;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;backdrop-filter:blur(.1rem)}
.ul-listl2 .tit .icon{display:inline-block;vertical-align:middle;width:.2rem;height:.2rem;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;margin:-.02rem .12rem 0 0}
.ul-listl2 .txt{margin-top:-.35rem;overflow:hidden;border:1px solid #8c56ff;border-radius:.1rem;-webkit-border-radius:.1rem;-moz-border-radius:.1rem;-ms-border-radius:.1rem;-o-border-radius:.1rem;padding:.48rem .29rem .13rem;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
.ul-listl2 .txt .desc{font-size:var(--fz16);font-weight:400;line-height:1.625em;color:#49596d;display:-webkit-box;box-orient:vertical;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2;overflow:hidden;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
.ul-listl2 li.on .tit{background:rgba(255,255,255,.6)}
.ul-listl2 li.on .txt{background:linear-gradient(146deg,#9d75f2 35.67%,#673bc3 81.76%)}
.ul-listl2 li.on .txt .desc{color:#fff;display:block;-webkit-line-clamp:unset;line-clamp:unset;overflow:visible;text-overflow:clip}
.ul-listl2.mb30 li{margin-bottom:.3rem}
.ul-listl2.mb30 li:last-child{margin-bottom:0}
.m-forml1{overflow:hidden;padding:.32rem 0 .8rem}
.m-forml1 .form{margin-bottom:.2rem}
.m-forml1 .item{margin-bottom:.4rem;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex}
.m-forml1 .item .layui-form-label{font-size:var(--fz20);font-weight:500;line-height:.5rem;color:#101d34;width:1.15rem;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;padding:0;margin:0;text-align:left}
.m-forml1 .item .layui-form-label em{display:inline-block;vertical-align:middle;color:#ff000f;font-weight:700;padding-right:.05rem}
.m-forml1 .item .layui-input-block{-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-flex:1;-moz-box-flex:1;margin:0}
.m-forml1 .item .inp input,.m-forml1 .item .inp textarea,.m-forml1 .item .sel .layui-form-select .layui-input{display:block;width:100%;height:.48rem;line-height:.48rem;background:0 0;border:1px solid #d5dfe6;padding:0 .2rem;font-size:var(--fz18);color:#101d34;overflow:hidden;border-radius:.1rem;-webkit-border-radius:.1rem;-moz-border-radius:.1rem;-ms-border-radius:.1rem;-o-border-radius:.1rem}
.m-forml1 .item .inp textarea{resize:none}
.m-forml1 .item .sel{position:relative}
.m-forml1 .g-idxmore{margin:0 auto;background:linear-gradient(180deg,#8d57ff 0,#503392 100%);border:none;color:#fff;cursor:pointer;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
.m-forml1 .layui-form-select dl dd.layui-this{background:linear-gradient(180deg,#8d57ff 0,#503392 100%)}
.m-forml1 .g-idxmore:hover{opacity:.7}
.m-submitl1{overflow:hidden;padding:1.41rem 0 3.36rem}
.m-submitl1 .icon{width:1rem;height:1rem;margin:0 auto .29rem;overflow:hidden}
.m-submitl1 .tit{text-align:center;font-size:var(--fz28);font-weight:500;line-height:1.5em;color:#101d34;overflow:hidden;margin-bottom:.79rem}
.m-submitl1 .g-idxmore{margin:0 auto .2rem}
.m-submitl1 .tips{font-size:var(--fz16);font-weight:400;line-height:1.25em;text-align:center;color:#8195a5;overflow:hidden}
.m-abilityl{overflow:hidden;background-repeat:no-repeat;background-position:bottom center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;padding:.89rem 0 .62rem}
.m-abilityl .ability{padding-top:.8rem;overflow:hidden}
.m-abilityl .ability .left{width:31.333333333%;float:left}
.m-abilityl .ability .right{width:63.333333333%;float:right}
.ul-listl3{overflow:hidden}
.ul-listl3 li{margin-bottom:.45rem;cursor:pointer}
.ul-listl3 .con{display:block;overflow:hidden;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;position:relative}
.ul-listl3 .con:after{content:"";position:absolute;left:0;top:0;width:1.4rem;height:100%}
.ul-listl3 .tit{font-size:var(--fz28);line-height:1.642em;color:#8195a5;margin-right:.27rem;border-left:.05rem solid #e5eaee;padding-left:.25rem;position:relative;z-index:2;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
.ul-listl3 .line{position:relative;overflow:hidden;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-flex:1;-moz-box-flex:1;display:none}
.ul-listl3 .line:after{content:"";position:absolute;top:50%;left:.12rem;right:0;height:0;border-bottom:1px dashed #8c56ff}
.ul-listl3 .line .dot{width:.12rem;height:.12rem;border:1px dashed #8c56ff;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;position:relative}
.ul-listl3 .line .dot:after{content:"";position:absolute;top:50%;left:50%;width:.06rem;height:.06rem;background-color:#8c56ff;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}
.ul-listl3 li.on .line{display:block}
.ul-listl3 li.on .con:after{background:linear-gradient(90deg,rgba(140,86,255,.1) 0,rgba(140,86,255,0) 100%)}
.ul-listl3 li.on .tit{color:#8c56ff;font-weight:700;border-color:#8c56ff}
.m-swiperl1{overflow:hidden;border-radius:.1rem;-webkit-border-radius:.1rem;-moz-border-radius:.1rem;-ms-border-radius:.1rem;-o-border-radius:.1rem;-webkit-box-shadow:0 .04rem .2rem 0 rgba(48,20,105,.2);-moz-box-shadow:0 .04rem .2rem 0 rgba(48,20,105,.2);-ms-box-shadow:0 .04rem .2rem 0 rgba(48,20,105,.2);-o-box-shadow:0 .04rem .2rem 0 rgba(48,20,105,.2);box-shadow:0 .04rem .2rem 0 rgba(48,20,105,.2)}
.m-swiperl1 .con{display:block;padding-top:43.15789473%;height:0;position:relative;overflow:hidden;background-position:center right;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}
.m-swiperl1 .con .box{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;padding:.39rem .5rem}
.m-swiperl1 .con .tit{font-size:var(--fz28);font-weight:700;line-height:1.5em;color:#fff;overflow:hidden;padding-bottom:.15rem;position:relative;margin-bottom:.25rem}
.m-swiperl1 .con .tit:after{content:"";position:absolute;bottom:0;left:0;width:.24rem;height:.04rem;background:linear-gradient(270deg,#c95cff 0,#8c56ff 100%);border-radius:.02rem;-webkit-border-radius:.02rem;-moz-border-radius:.02rem;-ms-border-radius:.02rem;-o-border-radius:.02rem}
.m-swiperl1 .con .desc{font-size:var(--fz18);color:#fff;line-height:1.5em;overflow:hidden;margin-bottom:.27rem}
.m-swiperl1 .con .info{font-size:var(--fz16);color:#fff;font-weight:400;line-height:1.5em;overflow:hidden}
.m-swiperl1 .con .info .p{margin-bottom:.16rem;position:relative;padding-left:.15rem}
.m-swiperl1 .con .info .p:after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);width:.04rem;height:.04rem;background:#fff;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}
.m-frameworkl{overflow:hidden;padding:.89rem 0 1.03rem;background-position:bottom center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}
.m-frameworkl .g-idxtits{margin-bottom:.81rem}
.m-frameworkl .g-idxtits .desc{font-size:var(--fz26);font-weight:500;line-height:1.538em;overflow:hidden;margin-top:.34rem;color:#101d34}
.m-diagraml{margin:0 -.16rem}
.m-diagraml .diagram{width:50%;float:left;padding:0 .16rem}
.m-frameworkl .framework{border:.02rem dashed #8c56ff;border-radius:.1rem;-webkit-border-radius:.1rem;-moz-border-radius:.1rem;-ms-border-radius:.1rem;-o-border-radius:.1rem}
.m-frameworkl .framework:last-child{margin-bottom:0}
.m-frameworkl .framework .item{margin-bottom:.54rem}
.m-frameworkl .framework .box{text-align:center;overflow:hidden;font-size:0}
.m-frameworkl .framework .box .item{overflow:hidden;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom:.7rem;border-bottom:1px dashed #8c56ff}
.m-frameworkl .framework .box .item.last{padding-bottom:0;margin-bottom:0;border-bottom:none}
.m-frameworkl .framework .box .left{width:1.08rem;margin-right:.6rem;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}
.m-titl1{background-repeat:no-repeat;background-position:bottom center;-webkit-background-size:100% auto;-moz-background-size:100% auto;-ms-background-size:100% auto;-o-background-size:100% auto;background-size:100% auto;padding-bottom:.17rem}
.m-titl1 .stit{height:2.7rem;line-height:2.7rem;width:.52rem;text-align:center;margin:0 auto;font-size:0;background:linear-gradient(180deg,#a856ff 0,#8c56ff 100%)}
.m-titl1 .stit span{display:inline-block;vertical-align:middle;width:1em;font-size:var(--fz26);color:#fff;line-height:1.23em;overflow:hidden}
.m-titl1.styl2 .stit{height:1.7rem;line-height:1.7rem}
.m-frameworkl .framework .box .right{-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-flex:1;-moz-box-flex:1}
.m-frameworkl .framework .box .right .b1:last-child{margin-bottom:0}
.m-frameworkl .framework .box .b1{background:url(../images/ls/bgl13.png) bottom center no-repeat;background-position:bottom center;-webkit-background-size:100% auto;-moz-background-size:100% auto;-ms-background-size:100% auto;-o-background-size:100% auto;background-size:100% auto;min-height:1.02rem;padding:0 .31rem .51rem;margin-bottom:.4rem}
.ul-listl6{overflow:hidden;margin:0 -.1rem;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-box-align:stretch;-webkit-align-items:stretch;-moz-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}
.ul-listl6 li{width:20%;padding:0 .1rem}
.ul-listl6 li:nth-child(6){display:none}
.ul-listl6 .con{display:block;height:100%;width:100%;background:url(../images/ls/bgl17.png) no-repeat;background-position:top .22rem center;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-ms-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%;padding:.43rem .1rem .29rem;position:relative}
.ul-listl6 .con:after{content:"";position:absolute;top:0;left:0;width:100%;height:.22rem;background:url(../images/ls/bgl17-1.png) center center no-repeat;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-ms-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%}
.ul-listl6 .con .stit{font-size:var(--fz20);line-height:1.5em;overflow:hidden;color:#250f54;font-weight:700;text-align:center;display:-webkit-box;box-orient:vertical;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2;overflow:hidden;margin-bottom:.12rem}
.ul-listl6 .con .desc{font-size:var(--fz16);line-height:1.875em;overflow:hidden;color:#8c56ff;display:-webkit-box;box-orient:vertical;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2;overflow:hidden;text-align:center}
.ul-listl6.styl1{margin:0 .36rem}
.ul-listl6.styl1 li{width:30%}
.ul-listl6.styl1 li:nth-child(2){width:70%}
.m-frameworkl .framework .box .b2{padding:0;margin:0}
.ul-listl7{background:url(../images/ls/bgl16.png) bottom center no-repeat;-webkit-background-size:100% auto;-moz-background-size:100% auto;-ms-background-size:100% auto;-o-background-size:100% auto;background-size:100% auto;min-height:1.15rem;margin:0 .23rem 0;position:relative}
.ul-listl7 li{position:absolute;top:0;left:.34rem}
.ul-listl7 .con{padding-top:.38rem;position:relative}
.ul-listl7 .stit{font-size:var(--fz20);line-height:1.6em;overflow:hidden;color:#101d34;text-align:left;position:absolute;top:0;left:0;white-space:nowrap}
.ul-listl7 .dot{position:relative;width:.22rem;height:.22rem;background-color:#fff;border:1px solid #8c56ff;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}
.ul-listl7 .dot:after{content:"";position:absolute;top:50%;left:50%;width:.1rem;height:.1rem;background:#8c56ff;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}
.ul-listl7 li.li2{left:28%;top:auto;bottom:0}
.ul-listl7 li.li3{left:auto;right:31.2%;top:auto;bottom:0}
.ul-listl7 li.li4{left:auto;right:3%;top:-2%}
.ul-listl7 li.li2 .stit{left:-.2rem}
.ul-listl7 li.li3 .stit,.ul-listl7 li.li4 .stit{left:auto;right:-.2rem}
.m-frameworkl .framework .box img{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%}
.m-frameworkl .framework .tit{width:2.24rem;height:.6rem;line-height:.6rem;background:linear-gradient(180deg,#ae9dff 0,#8c56ff 100%);border-radius:.1rem 0 .1rem 0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--fz28);color:#fff;transform:skewX(-10deg);-webkit-transform:skewX(-10deg);-moz-transform:skewX(-10deg);-ms-transform:skewX(-10deg);-o-transform:skewX(-10deg);margin:-.3rem auto 0}
.m-frameworkl .framework .tit span{transform:skewX(10deg);-webkit-transform:skewX(10deg);-moz-transform:skewX(10deg);-ms-transform:skewX(10deg);-o-transform:skewX(10deg)}
.m-featurel{overflow:hidden;padding:.86rem 0 .59rem;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover}
.ul-listl4{overflow:hidden;margin:.8rem -.2rem 0}
.ul-listl4 li{width:50%;float:left;padding:0 .2rem;margin-bottom:.4rem}
.ul-listl4 .con{display:block;overflow:hidden;border-radius:.1rem;-webkit-border-radius:.1rem;-moz-border-radius:.1rem;-ms-border-radius:.1rem;-o-border-radius:.1rem;background-color:#fff;padding:.5rem .5rem .44rem;position:relative;cursor:pointer}
.ul-listl4 .con .bg1,.ul-listl4 .con .bg2{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center right;background-repeat:no-repeat;-webkit-background-size:auto 100%;-moz-background-size:auto 100%;-ms-background-size:auto 100%;-o-background-size:auto 100%;background-size:auto 100%;opacity:0;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
.ul-listl4 .con .bg2{opacity:1}
.ul-listl4 .con .box{max-width:3.8rem;position:relative;z-index:2}
.ul-listl4 .con .icon{width:.6rem;height:.6rem;line-height:.6rem;text-align:center;font-size:0;background:#fff;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;-webkit-box-shadow:0 .06rem .14rem 0 rgba(105,80,158,.2);-moz-box-shadow:0 .06rem .14rem 0 rgba(105,80,158,.2);-ms-box-shadow:0 .06rem .14rem 0 rgba(105,80,158,.2);-o-box-shadow:0 .06rem .14rem 0 rgba(105,80,158,.2);box-shadow:0 .06rem .14rem 0 rgba(105,80,158,.2);margin-bottom:.18rem}
.ul-listl4 .con .icon img{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%}
.ul-listl4 .con .tit{font-weight:700;font-size:var(--fz28);line-height:1.5em;color:#101d34;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:.26rem}
.ul-listl4 .con .desc{font-size:var(--fz16);line-height:1.875em;color:#101d34;display:-webkit-box;box-orient:vertical;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2;overflow:hidden}
.ul-listl4 li.on .con .bg1{opacity:1}
.ul-listl4 li.on .con .bg2{opacity:0}
.m-highlightsl{overflow:hidden;padding:.89rem 0 .38rem;background-position:bottom center;background-repeat:no-repeat;-webkit-background-size:100% auto;-moz-background-size:100% auto;-ms-background-size:100% auto;-o-background-size:100% auto;background-size:100% auto}
.ul-listl5{margin:.8rem -.21rem 0;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-box-align:stretch;-webkit-align-items:stretch;-moz-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;flex-wrap:wrap}
.ul-listl5 li{-webkit-flex:0 0 33.33%;-ms-flex:0 0 33.33%;flex:0 0 33.33%;-webkit-box-flex:0 0 33.33%;-moz-box-flex:0 0 33.33%;padding:0;padding:0 .21rem;margin-bottom:.42rem}
.ul-listl5 .con{width:100%;height:100%;display:block;overflow:hidden;cursor:pointer;border:1px solid rgba(78,34,169,.4);border-radius:.1rem;-webkit-border-radius:.1rem;-moz-border-radius:.1rem;-ms-border-radius:.1rem;-o-border-radius:.1rem;min-height:1.9rem;padding:.32rem .2rem .29rem;-webkit-box-shadow:0 .04rem .3rem 0 rgba(74,47,129,.1);-moz-box-shadow:0 .04rem .3rem 0 rgba(74,47,129,.1);-ms-box-shadow:0 .04rem .3rem 0 rgba(74,47,129,.1);-o-box-shadow:0 .04rem .3rem 0 rgba(74,47,129,.1);box-shadow:0 .04rem .3rem 0 rgba(74,47,129,.1);opacity:.6;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
.ul-listl5 .con .top{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;margin-bottom:.21rem}
.ul-listl5 .con .top .icon{width:.4rem;height:.46rem;line-height:.46rem;text-align:center;font-size:0;overflow:hidden;background:url(../images/ls/iconl12.png) center center no-repeat;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-ms-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%;margin-right:.2rem;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}
.ul-listl5 .con .top .icon img{display:inline-block;vertical-align:middle;max-width:60%;max-height:60%}
.ul-listl5 .con .top .tit{font-size:var(--fz28);line-height:1.5em;overflow:hidden;color:#101d34;font-weight:700}
.ul-listl5 .con .desc{font-size:var(--fz16);line-height:1.875em;overflow:hidden;color:#101d34;text-align:justify}
.ul-listl5 li.on .con{opacity:1;background:linear-gradient(273.86deg,#fff 29.45%,#f9f5ff 96.03%)}
@media screen and (max-width:1342px){
.ul-listl5 .con .desc{font-size:var(--fz14)}
}
@media screen and (max-width:1200px){
body.pt100{padding-top:1rem}
body.pt100 .ban{display:none;height:0}
.g-cur{display:none}
.ban{height:100vh;background:linear-gradient(180deg,#16112c 21.12%,#563b7c 78.17%)}
.ban .pic{padding-top:0;height:100%;background:linear-gradient(180deg,#16112c 21.12%,#563b7c 78.17%)}
.ban.h500{display:none;height:0}
.ban .txt{top:15%}
.ban .txt .tit,.ban.h500 .txt .tit{margin-bottom:.26rem}
.ban .txt .desc{font-size:.28rem;line-height:1.785;letter-spacing:.03rem;font-weight:400;text-align:justify;text-align-last:left}
.ban .icon{height:auto;bottom:0;top:auto;z-index:2}
.ban .icon img{float:none;margin:0 auto}
.g-topl{padding-top:0;height:.92rem}
.g-topl.fixed .fixedbox{top:1rem}
.g-topl .fixedbox .wp{padding:0 .4rem}
.ul-listl1 li{padding:0 0}
.ul-listl1 .con{line-height:.92rem;height:.92rem;font-size:.24rem;min-width:2.1rem;padding-bottom:0}
.m-casel{display:block;min-height:auto;padding:.7rem 0}
.m-shoppingl{padding:.54rem 0 .7rem}
.g-idxtits .tit i{width:.46rem;height:.46rem;margin-right:.15rem;margin-top:-2px}
.m-shoppingl .shopping{padding-top:.7rem}
.m-abilityl,.m-featurel,.m-highlightsl{padding:.6rem 0}
.m-abilityl{padding-bottom:.5rem}
.m-abilityl .ability{padding-top:.5rem}
.m-frameworkl{padding:.5rem 0 .4rem}
.m-featurel{padding-bottom:.3rem}
.m-highlightsl{padding:.5rem 0 .4rem}
.m-frameworkl .framework .box .item{padding-bottom:.41rem;margin-bottom:.39rem;display:block}
.m-titl1{background:0 0!important;margin:0 .1rem}
.m-titl1 .stit,.m-titl1.styl2 .stit{width:auto;height:1rem;line-height:1rem}
.m-titl1 .stit span{width:100%}
.m-frameworkl .framework .box .left{width:auto;float:none;margin:0}
.ul-listl6.styl1{margin:0}
.m-swiperl1 .con{min-height:6rem}
.m-diagraml{margin:0 0 .14rem}
.m-diagraml .diagram{width:auto;float:none;padding:0;margin-bottom:.67rem}
.m-diagraml .diagram:last-child{margin-bottom:0}
.ul-listl5 li{-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;-webkit-box-flex:0 0 50%;-moz-box-flex:0 0 50%}
.ul-listl5 .con .desc{font-size:var(--fz16)}
.ul-listl4 li.on .con .bg1{opacity:0}
.ul-listl4 li.on .con .bg2{opacity:1}
}
@media screen and (max-width:767px){
.ban .txt{top:2.45rem}
.m-casel .case{display:block}
.m-casel .left,.m-shoppingl .left,.m-shoppingl .right{width:100%;float:none}
.m-casel .right{width:auto;margin:0 .3rem;border-radius:0 0 .1rem .1rem;-webkit-border-radius:0 0 .1rem .1rem;-moz-border-radius:0 0 .1rem .1rem;-ms-border-radius:0 0 .1rem .1rem;-o-border-radius:0 0 .1rem .1rem}
.m-casel .right .txt{padding:.36rem .3rem .7rem}
.m-casel .right .txt .icon{width:.6rem;height:.6rem;line-height:.6rem}
.m-casel .right .txt .desc{font-size:var(--fz12);line-height:1.7em;display:block;-webkit-line-clamp:unset;line-clamp:unset;overflow:visible;text-overflow:clip;margin-bottom:.45rem}
.g-idxmore.w140{width:1.84rem;height:.48rem;border-width:1px;font-size:var(--fz12)}
.m-shoppingl .right{padding-top:.3rem}
.ul-listl2 li{margin-bottom:.3rem}
.ul-listl2 li:last-child{margin-bottom:0}
.ul-listl2 .tit{width:50.84745762%;height:.6rem;line-height:.58rem;font-size:var(--fz14)}
.ul-listl2 .txt .desc{font-size:var(--fz12);line-height:1.666em;display:block;-webkit-line-clamp:unset;line-clamp:unset;overflow:visible;text-overflow:clip}
.ul-listl2 .txt{padding:.55rem .3rem .24rem}
.ul-listl2 .tit,.ul-listl2 .txt{border-color:#ab84ff}
.m-forml1{padding:.54rem 0 .68rem}
.m-forml1 .form{margin-bottom:0}
.m-forml1 .item{display:block;margin-bottom:.52rem}
.m-forml1 .item .layui-form-label{float:none;width:auto;font-size:var(--fz14);line-height:1.5em;margin-bottom:.12rem}
.m-forml1 .item .inp input,.m-forml1 .item .inp textarea,.m-forml1 .item .sel .layui-form-select .layui-input{height:.78rem;line-height:.78rem;font-size:var(--fz14)}
.m-forml1 .g-idxmore{width:1.84rem;height:.48rem;line-height:.48rem;font-size:var(--fz12)}
.m-forml1 .item .inp textarea{height:1.76rem;line-height:1.5em;padding:.22rem .2rem}
.m-submitl1{padding:2.05rem 0 3.46rem}
.m-submitl1 .icon{width:1.28rem;height:1.28rem;margin-bottom:.2rem}
.m-submitl1 .tit{font-size:var(--fz18);margin-bottom:.6rem}
.m-submitl1 .g-idxmore{border-width:1px;font-size:var(--fz12)}
.m-swiperl1 .con .box{padding:.3rem}
.m-abilityl .ability .left{display:none}
.m-abilityl .ability .right{width:auto;float:none}
.m-swiperl1 .swiper-wrapper{display:block}
.m-swiperl1 .swiper-slide{margin-bottom:.3rem}
.m-swiperl1 .con{min-height:3.1rem;-webkit-box-shadow:0 .04rem .2rem 0 rgba(48,20,105,.2);-moz-box-shadow:0 .04rem .2rem 0 rgba(48,20,105,.2);-ms-box-shadow:0 .04rem .2rem 0 rgba(48,20,105,.2);-o-box-shadow:0 .04rem .2rem 0 rgba(48,20,105,.2);box-shadow:0 .04rem .2rem 0 rgba(48,20,105,.2);border-radius:.1rem;-webkit-border-radius:.1rem;-moz-border-radius:.1rem;-ms-border-radius:.1rem;-o-border-radius:.1rem}
.m-swiperl1,.m-swiperl1 .swiper-container{overflow:visible;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none}
.m-swiperl1 .con .box{padding:.24rem .3rem .3rem}
.m-swiperl1 .con .tit{font-size:var(--fz14);font-weight:400;padding-bottom:.08rem}
.m-swiperl1 .con .desc,.m-swiperl1 .con .info{font-size:var(--fz12)}
.m-swiperl1 .con .info{padding-right:.5rem}
.m-swiperl1 .con .desc{margin-bottom:.2rem}
.m-swiperl1 .con .info .p:after{width:.06rem;height:.06rem}
.m-swiperl1 .con .info .p{float:left;padding-left:.17rem;margin-right:.45rem;margin-bottom:.14rem}
.m-frameworkl .g-idxtits .desc{font-size:var(--fz12);margin-top:.3rem}
.m-frameworkl .g-idxtits{margin-bottom:.5rem}
.m-frameworkl .framework{margin-bottom:.68rem}
.m-frameworkl .framework .tit{width:1.65rem;height:.54rem;line-height:.54rem;font-size:var(--fz14)}
.ul-listl4 li{width:auto;float:none;padding:0;margin-bottom:.3rem}
.ul-listl4{margin:.5rem 0 0}
.ul-listl4 .con .icon{width:.5rem;height:.5rem;line-height:.5rem;margin-bottom:.15rem}
.ul-listl4 .con{padding:.35rem .3rem}
.ul-listl4 .con .tit{font-size:var(--fz14);font-weight:700;margin-bottom:.1rem}
.ul-listl4 .con .desc{font-size:var(--fz12);line-height:1.5em;display:-webkit-box;box-orient:vertical;-webkit-box-orient:vertical;line-clamp:3;-webkit-line-clamp:3;letter-spacing:1px}
.ul-listl4 .con .box{max-width:4rem}
.ul-listl5{display:block;margin-top:.5rem}
.ul-listl5 li{margin-bottom:.3rem}
.ul-listl5 .con{padding:.29rem .29rem .22rem}
.ul-listl5 .con .top .tit{font-size:var(--fz16)}
.ul-listl5 .con .desc{font-size:var(--fz12);line-height:1.6em}
.m-titl1 .stit,.m-titl1.styl2 .stit{width:auto;height:.52rem;line-height:.52rem}
.m-titl1 .stit span{font-size:var(--fz12)}
.m-frameworkl .framework .box .b1{background-image:url(../images/ls/bgl13-m.png);padding:.12rem .2rem .28rem;margin-bottom:.08rem}
.ul-listl6 .con{padding:.34rem .1rem .18rem;min-height:1.24rem}
.ul-listl6 .con .stit{font-size:var(--fz12);margin-bottom:.06rem}
.ul-listl6 .con .desc{font-size:var(--fz12);line-height:1.25em}
.ul-listl6.styl1{margin-bottom:.14rem}
.ul-listl6{display:block;margin:0 -.05rem}
.ul-listl6 li{width:auto;float:none;margin-bottom:.2rem;padding:0 .05rem}
.ul-listl6 li:last-child{margin-bottom:0}
.ul-listl6 li:nth-child(6){display:block}
.ul-listl6 li:nth-child(3),.ul-listl6 li:nth-child(4),.ul-listl6 li:nth-child(5),.ul-listl6 li:nth-child(6){float:left;width:50%}
.ul-listl6 li:nth-child(3) .con .desc,.ul-listl6 li:nth-child(4) .con .desc,.ul-listl6 li:nth-child(5) .con .desc,.ul-listl6 li:nth-child(6) .con .desc{height:2.5em}
.ul-listl6.styl1 li:first-child{display:none}
.ul-listl6.styl1 li:nth-child(2){width:100%;float:none}
.ul-listl7{background-image:url(../images/ls/bgl16-m.png);margin:0 0 .16rem;min-height:1.48rem}
.ul-listl7 .con{padding-bottom:.2rem}
.ul-listl7 .stit{font-size:var(--fz12);line-height:1.333em;overflow:hidden;left:-.2rem}
.ul-listl7 .dot{width:.16rem;height:.16rem}
.ul-listl7 .dot:after{width:.08rem;height:.08rem}
.ul-listl7 li{left:0;bottom:.32rem;top:auto}
.ul-listl7 li.li4{right:auto;top:auto;left:50%;bottom:-17%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}
.ul-listl7 li.li2{left:46%;top:5%;bottom:auto}
.ul-listl7 li.li3{left:auto;right:0;top:auto;bottom:21%}
.ul-listl7 li.li2 .stit,.ul-listl7 li.li4 .stit{left:50%;right:auto;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}
.ul-listl7 .con{padding-top:.3rem}
}
/*!****** ls end *******/
.jl-row1{position:relative;padding:.85rem 0;background-repeat:no-repeat;background-position:center;background-size:cover;overflow:hidden}
.jl-list1{display:flex;margin-top:.8rem}
.jl-list1 li{flex:1;margin-right:.6rem;box-shadow:0 .04rem .2rem rgba(91,80,114,.2);border-radius:.1rem;overflow:hidden;opacity:.7;transition:.5s}
.jl-list1 li.on{opacity:1}
.jl-list1 li:last-child{margin:0}
.jl-list1 .con{display:block;position:relative}
.jl-list1 .pic{background-image:linear-gradient(to top right,#8679a3 70%,#8c56ff);overflow:hidden}
.jl-list1 .on .pic{background-image:linear-gradient(to top right,#503392 70%,#8c56ff)}
.jl-list1 .img{padding-top:56.52%;background-repeat:no-repeat;background-position:center;background-size:cover;border-radius:.1rem;overflow:hidden}
.jl-list1 .info{position:absolute;top:50%;left:.5rem;right:.5rem;transform:translateY(-50%);z-index:2}
.jl-list1 .icn{font-size:0;width:.48rem;height:.48rem;line-height:.48rem;text-align:center;margin-bottom:.29rem}
.jl-list1 .icn img{display:inline-block;vertical-align:middle;max-height:100%}
.jl-list1 .tit{font-size:var(--fz28);color:#fff}
.jl-list2{display:flex;margin-top:1.32rem}
.jl-list2 li{flex:1;margin-right:.6rem;background-image:linear-gradient(to right bottom,rgba(140,86,255,.1),rgba(140,86,255,1));border-radius:.1rem;padding:1px;box-shadow:0 .06rem .1rem rgba(136,128,172,.2)}
.jl-list2 li:last-child{margin-right:0}
.jl-list2 .con{display:block;height:100%;position:relative;background-color:#fff;border-radius:.1rem}
.jl-list2 .con::after{content:'';position:absolute;top:.3rem;left:50%;transform:translateX(-50%);width:.9rem;height:.28rem;background-image:url(../images/jl/bg09.png);background-repeat:no-repeat;background-position:center;background-size:cover;z-index:1}
.jl-list2 .icn{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);z-index:2;animation:icnani1 3.5s linear infinite;-o-animation:icnani1 3.5s linear infinite;-ms-animation:icnani1 3.5s linear infinite;-moz-animation:icnani1 3.5s linear infinite;-webkit-animation:icnani1 3.5s linear infinite}
.jl-list2 li:nth-child(1) .icn{width:.97rem}
.jl-list2 li:nth-child(2) .icn{width:.96rem;-webkit-animation-delay:.4s}
.jl-list2 li:nth-child(3) .icn{width:1.14rem;-webkit-animation-delay:.8s}
@keyframes icnani1{
0%,100%{top:0}
25%{top:-.05rem}
75%{top:.05rem}
}
@-o-keyframes icnani1{
0%,100%{top:0}
25%{top:-.05rem}
75%{top:.05rem}
}
@-ms-keyframes icnani1{
0%,100%{top:0}
25%{top:-.05rem}
75%{top:.05rem}
}
@-moz-keyframes icnani1{
0%,100%{top:0}
25%{top:-.05rem}
75%{top:.05rem}
}
@-webkit-keyframes icnani1{
0%,100%{top:0}
25%{top:-.05rem}
75%{top:.05rem}
}
.jl-list2 .info{color:#101d34;padding:.66rem .3rem .27rem}
.jl-list2 .tit{font-size:var(--fz28);font-weight:700;text-align:center;margin-bottom:.21rem}
.jl-list2 .desc{font-size:var(--fz16);line-height:1.375}
.jl-list3{display:flex;justify-content:space-between;margin:.8rem 0}
.jl-list3 li::after{content:'';display:inline-block;vertical-align:middle;margin-left:.19rem;width:.12rem;height:.16rem;background-image:url(../images/jl/i08.png);background-repeat:no-repeat;background-position:center;background-size:cover}
.jl-list3 li:last-child::after{display:none}
.jl-list3 .con{display:inline-block;vertical-align:middle;width:2.08rem;height:.9rem;padding:.02rem;border-radius:.1rem;background-image:linear-gradient(to right,rgba(140,86,255,.2),rgba(78,34,169,.4))}
.jl-list3 .info{background-color:#fff;border-radius:.1rem;height:100%;padding:.14rem 0 .16rem;transition:.5s}
.jl-list3 .on .info{box-shadow:0 0 .2rem rgba(140,86,255,.5) inset}
.jl-list3 .icn{text-align:center;font-size:0;line-height:.36rem;height:.36rem;margin-bottom:.02rem}
.jl-list3 .icn img{display:inline-block;vertical-align:middle;max-height:100%}
.jl-list3 .tit{text-align:center;font-size:var(--fz14);color:#101d34;line-height:1.57;white-space:nowrap}
.jl-list3 .tit br{display:none}
.jl-more1{text-align:center;font-size:0}
.jl-more1 .more{display:inline-block;width:1.7rem;line-height:.5rem;font-size:var(--fz18);color:#fff;text-align:center;background-image:url(../images/jl/bg04.png);background-repeat:no-repeat;background-position:center;background-size:cover;transition:.5s}
.jl-more1 .more:hover{opacity:.8}
.jl-vidbox{position:absolute;top:0;right:0;font-size:0;z-index:2}
.jl-vidbox .pic{width:8.54rem;overflow:hidden}
.jl-vidbox .pic img{width:100%}
.jl-vidbox .play{position:absolute;top:50%;left:50%;width:1.36rem;height:1.36rem;background-image:url(../images/jl/i15.png);background-repeat:no-repeat;background-position:center;background-size:cover;transform:translate(-50%,-50%);z-index:2;cursor:pointer}
.jl-vidbox .play img{display:none}
.fancybox-slide{padding:44px 4.5rem!important}
.jl-info1{margin-top:.5rem;width:8.5rem;padding-bottom:.33rem}
.jl-info1 .info{font-size:var(--fz16);color:#101d34;line-height:2.375;margin-bottom:.31rem}
.jl-list4{display:flex;justify-content:space-between}
.jl-list4 .tit{font-size:var(--fz24);color:#8d57ff}
.jl-list4 .line{display:block;width:.5rem;height:.02rem;background-color:rgba(22,17,44,.2);margin-bottom:.15rem}
.jl-list4 .desc{font-size:var(--fz16);color:#101d34}
.jl-list5{display:flex;margin-top:.8rem}
.jl-list5 li{flex:1;margin-right:.48rem}
.jl-list5 li:last-child{margin:0}
.jl-list5 .con{display:block;border-radius:.1rem;position:relative;overflow:hidden}
.jl-list5 .pic{position:relative;font-size:0;border-radius:.1rem;overflow:hidden}
.jl-list5 .pic img{width:100%}
.jl-list5 .pic::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background-image:radial-gradient(circle,rgba(0,0,0,.7),rgba(0,0,0,.7),rgba(0,0,0,.4),rgba(0,0,0,0));opacity:0;transition:.5s}
.jl-list5 .on .pic::after{opacity:1}
.jl-list5 .info{position:absolute;top:50%;left:.5rem;right:.5rem;color:#fff;transform:translateY(-50%);text-align:center;z-index:2}
.jl-list5 .tit{font-size:var(--fz28);margin-bottom:.2rem;font-weight:700}
.jl-list5 .desc{font-size:var(--fz16);line-height:1.875}
.jl-swiper1{position:relative;z-index:2;padding:0 .25rem;margin-top:.6rem;margin-bottom:-.2rem}
.jl-swiper1::after{content:'';position:absolute;top:.77rem;left:50%;width:100vw;height:1px;background-color:rgba(140,86,255,.1);transform:translateX(-50%);z-index:-1}
.jl-swiper1 .swiper-container{padding:.2rem}
.jl-swiper1 .date{margin-bottom:.06rem;font-size:var(--fz22);line-height:1.72;color:#8c56ff;font-weight:700}
.jl-swiper1 .icn{font-size:0;width:.26rem;margin-left:.29rem;margin-bottom:-.29rem;position:relative;z-index:3}
.jl-swiper1 .txt{background-color:#fff;padding:.12rem .31rem .16rem .67rem;box-shadow:0 .04rem .2rem rgba(80,51,146,.1);border-radius:.1rem;overflow:hidden}
.jl-swiper1 .desc{font-size:var(--fz16);color:#101d34;height:6em;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:4;display:-webkit-box;overflow:hidden}
.jl-list7{display:none;margin-top:.7rem}
.jl-list7 li{position:relative;margin-bottom:.2rem}
.jl-list7 li::before{content:'';position:absolute;top:.33rem;left:.2rem;width:.12rem;height:.12rem;background-color:#8c56ff;border-radius:50%;z-index:2}
.jl-list7 li::after{content:'';position:absolute;top:.41rem;left:.25rem;bottom:-.53rem;width:1px;background-color:#8c56ff;z-index:2}
.jl-list7 li:last-child::after{display:none}
.jl-list7 .con{padding:.2rem .2rem .2rem .52rem;background-color:#fff;box-shadow:0 0 .2rem rgba(80,51,146,.1)}
.jl-list7 .date{font-size:.28rem;line-height:.38rem;color:#8c56ff;font-weight:700;margin-bottom:.1rem}
.jl-list7 .desc{font-size:.24rem;color:#101d34;line-height:.4rem}
.jl-arr1{position:absolute;top:.67rem;left:0;right:0;z-index:2}
.jl-arr1 .arr{position:absolute;top:0;width:.2rem;font-size:0;z-index:2;cursor:pointer}
.jl-arr1 .prev{left:0}
.jl-arr1 .next{right:0}
.jl-list6{display:flex;margin-top:.8rem}
.jl-list6 li{flex:1;margin-right:.92rem}
.jl-list6 li:last-child{margin-right:0}
.jl-list6 .pic{margin-bottom:.16rem;overflow:hidden}
.jl-list6 .img{padding-top:74.18%;background-repeat:no-repeat;background-position:center;background-size:contain}
.jl-list6 .tit{text-align:center;font-size:var(--fz16);color:#101d34}
@media screen and (max-width:1800px){
.jl-info1{width:52%}
}
@media screen and (max-width:950px){
.jl-vidbox{position:relative;margin-top:.7rem}
.jl-vidbox .pic{width:auto}
.jl-vidbox .play{width:.8rem;height:.8rem}
.fancybox-slide{padding:44px!important}
.jl-info1{width:auto}
}
@media screen and (max-width:750px){
.jl-row1{padding:.7rem 0;background-position:bottom;background-size:100%}
.jl-list1{display:block;margin-top:.7rem}
.jl-list1 li{margin-right:0;margin-bottom:.3rem}
.jl-list1 .img{padding-top:44.06%}
.jl-list1 .icn{width:.62rem;height:.62rem;line-height:.62rem;margin-bottom:.28rem}
.jl-list1 .tit{font-size:.28rem;line-height:.4rem}
.jl-list2{display:block;margin-top:1.3rem}
.jl-list2 li{margin-right:0;margin-bottom:1.1rem}
.jl-list2 li:last-child{margin-bottom:0}
.jl-list2 .info{padding:.7rem .3rem .3rem}
.jl-list3{margin:.7rem 0 .16rem;flex-wrap:wrap}
.jl-list3 li{width:33.33%;margin-bottom:.54rem;text-align:center;position:relative}
.jl-list3 li::after{position:absolute;top:50%;right:0;transform:translate(50%,-50%)}
.jl-list3 li:nth-child(3)::after{top:100%;right:50%;margin-top:.25rem;transform:translate(50%,-50%) rotate(90deg)}
.jl-list3 li:nth-child(4)::after,.jl-list3 li:nth-child(5)::after{top:50%;right:100%;transform:translate(50%,-50%) rotate(180deg)}
.jl-list3 li:nth-child(4){order:2}
.jl-list3 li:nth-child(5){order:1}
.jl-list3 li:nth-child(6){order:0}
.jl-list3 .con{width:1.6rem;height:100%}
.jl-list3 .tit{font-size:.26rem;white-space:pre-wrap}
.jl-list3 .tit br{display:block}
.jl-list3 .tit span{display:block;font-size:0}
.jl-list3 .icn{height:.5rem;line-height:.5rem;margin-bottom:.06rem}
.jl-more1 .more{width:1.8rem}
.jl-info1{width:auto;margin-top:.3rem}
.jl-info1 .info{font-size:.24rem;line-height:1.66;margin-bottom:.2rem}
.jl-list4{flex-wrap:wrap;justify-content:start}
.jl-list4 li{margin-right:.9rem;margin-bottom:.5rem}
.jl-list4 li:nth-child(2){margin-right:0}
.jl-list4 li:last-child{width:100%;margin-right:0;margin-bottom:0}
.jl-list4 .tit{font-size:.26rem;line-height:1.53;margin-bottom:.09rem}
.jl-list4 .line{margin-bottom:.16rem}
.jl-list4 .desc{font-size:.24rem;line-height:1.1}
.jl-list5{display:block;margin-top:.7rem}
.jl-list5 li{margin-bottom:.3rem;margin-right:0}
.jl-list5 .info{left:.3rem;right:.3rem}
.jl-list5 .tit{font-size:.26rem;margin-bottom:.23rem}
.jl-list5 .desc{font-size:.24rem}
.jl-list5 .desc br{display:none}
.jl-swiper1{display:none}
.jl-list7{display:block}
.jl-list6{margin:.7rem -.15rem -.5rem;flex-wrap:wrap}
.jl-list6 li{flex:none;width:50%;margin-right:0;padding:0 .15rem;margin-bottom:.5rem}
.jl-list6 .pic{margin-bottom:.2rem}
.jl-list6 .tit{font-size:.26rem;line-height:.3rem}
}
@font-face{font-family:en;src:url(../fonts/DIN-Black.otf)}
.htover::after{content:'';display:table;clear:both}
.txtof1{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.txtof2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis}
.txtof2-3{-webkit-line-clamp:3}
.txtof2-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;text-overflow:ellipsis}
.txtof2-5{-webkit-line-clamp:5}
.index-swiper.swiper-container{height:100vh;overflow:hidden;position:relative}
.index-swiper .swiper-slide{height:auto}
.banner{height:100vh;overflow:hidden;background-color:#240037}
.swiper-container{height:100%}
.banner .swiper-slide-active .con,.banner .swiper-slide-next .con,.banner .swiper-slide-prev .con{opacity:1}
.banner .con{height:100%;opacity:0}
.banner .inbox{position:absolute;left:0;width:100%;top:0;bottom:0}
.banner .bg{height:100%;background-repeat:no-repeat;background-position:right center;background-size:cover;background-color:#240037}
.banner .inbox .wp{padding:0;height:100%}
.banner .inbox .txt{position:relative;top:50%;transform:translateY(-50%);width:auto;z-index:10}
.banner .inbox .txt.ph{display:none}
.banner .inbox .pic{position:absolute;width:auto;right:0;top:0;animation:ani1 7s infinite linear}
.banner .inbox .pic.ph{display:none}
.banner .inbox img{width:100%}
@keyframes ani1{
0%{transform:translateY(0)}
50%{transform:translateY(.4rem)}
100%{transform:translateY(0)}
}
.index-swiper .s1 .pic{width:64.06vw;top:0;right:0}
.index-swiper .s2 .pic{width:845px;top:150px;width:44.01vw;top:7.812vw}
.index-swiper .s3 .pic{width:570px;right:165px;top:175px;width:29.68vw;right:8.593vw;top:9.114vw}
.b-txt{font-size:.6rem;color:#fff;font-weight:700;letter-spacing:.05rem;line-height:2}
.b-txt span{font-size:.74rem;line-height:1.6;background:linear-gradient(90deg,#d7d7ff,#bfe7ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.s3 .b-txt{font-size:.54rem;letter-spacing:0}
.s3 .b-txt span{font-size:.68rem}
.banner .swiper-container-horizontal>.swiper-pagination-bullets,.swp-libph .swiper-container-horizontal>.swiper-pagination-bullets{bottom:0;display:flex;justify-content:space-between;margin:0}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swp-libph .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:100%;height:.08rem;background-color:#8c56ff;margin:0;border-radius:0;transition:.5s}
.swiper-slide .rowidx{height:100vh;overflow:hidden;padding-top:1.5rem;box-sizing:border-box}
.row-idx1{background:url(../images/idx/img2-1.png) no-repeat;background-position:center;background-size:cover}
.g-idxtits{display:flex;justify-content:space-between}
.g-idxtits .tits{font-size:40px;font-size:var(--fz40);font-weight:700}
.g-idxtits .tit{color:#101d34;position:relative;z-index:10;font-weight:700}
.g-idxtits .tit_en{color:rgba(129,149,165,.3);margin-top:-.25rem;line-height:1;margin-bottom:.2rem;font-family:en}
.g-idxtits .line{width:1rem}
.g-idxtits .line img{display:block}
.g-idxmore{height:.5rem;width:1.8rem;border:2px solid #9688b5;border-radius:.1rem 0 .1rem 0;display:flex;align-items:center;justify-content:center;font-size:18px;font-size:var(--fz18);color:#736396;white-space:nowrap;transform:skewX(-10deg);transition:.2s}
.g-idxmore:hover{background-color:#9688b5;color:#fff}
.g-idxmore:hover .i img{display:none}
.g-idxmore:hover .i img.dn{display:block}
.g-idxmore .t{transform:skewX(10deg)}
.g-idxmore .i{width:.16rem;margin-left:.05rem;transform:skewX(10deg)}
.g-idxmore .i img{width:100%;display:block}
.g-idxmore .i img.dn{display:none}
.row-idx1 .desc{font-size:20px;font-size:var(--fz26);color:#101d34;line-height:1.65;margin-bottom:.2rem;font-weight:700}
.row-idx1 .g-idxtits{margin-bottom:.3rem}
.ul-idxlist1{margin:0 -.18rem;transform-origin:top center}
.ul-idxlist1 li{float:left;width:20%}
.ul-idxlist1 .con{margin:0 .18rem;background:url(../images/webp/img2-5-1.webp) no-repeat;background-size:100% 100%;display:block;height:4.9rem;box-sizing:border-box;padding:.35rem .3rem 0;position:relative;transition:.5s}
.ul-idxlist1 .tit{font-size:20px;font-size:var(--fz28);font-weight:700;color:#101d34;position:relative;margin-bottom:.4rem;transition:.5s}
.ul-idxlist1 .tit::after{content:'';position:absolute;left:0;bottom:-.15rem;width:.24rem;height:.04rem;border-radius:.02rem;background:linear-gradient(to left,#c95cff 0,#8c56ff 100%)}
.ul-idxlist1 .txts{color:#49596d;font-size:16px;font-size:var(--fz16);margin-bottom:.4rem;transition:.5s;min-height:1.65rem}
.ul-idxlist1 .txts br{display:none}
.ul-idxlist1 .txts p{padding-left:.16rem;position:relative;margin-bottom:.1rem}
.ul-idxlist1 .txts p:last-of-type{margin-bottom:0}
.ul-idxlist1 .txts .more{display:none;padding-left:.3rem}
.m-idxsolution .txts p::after,.ul-idxlist1 .txts p::after{content:'';transition:.5s;width:.04rem;height:.04rem;background-color:#49596d;border-radius:50%;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.ul-idxlist1 .more{font-size:14px;font-size:var(--fz14);color:#503392;padding-right:.24rem;display:inline-block;background:url(../images/idx/img2-7-2.svg) no-repeat;background-position:right center;background-size:.18rem;transition:.5s}
.ul-idxlist1 .icon{width:1.4rem;height:1.4rem;position:absolute;right:.2rem;bottom:.48rem;display:flex;align-items:center;justify-content:center}
.ul-idxlist1 .icon img{max-width:100%;max-height:100%;filter:saturate(.4);opacity:.4;transition:.2s}
.ul-idxlist1 .con:hover,.ul-idxlist1 .on .con{background-image:url(../images/webp/img2-5-2.webp);box-shadow:0 .04rem .2rem rgba(48,20,105,.2)}
.ul-idxlist1 .con:hover .tit,.ul-idxlist1 .con:hover .txts,.ul-idxlist1 .on .con .tit,.ul-idxlist1 .on .con .txts{color:#fff}
.ul-idxlist1 .con:hover .txts p::after,.ul-idxlist1 .on .con .txts p::after{background-color:#fff}
.ul-idxlist1 .con:hover .more,.ul-idxlist1 .on .con .more{color:rgba(255,255,255,.7);background-image:url(../images/idx/img2-7-1.svg)}
.ul-idxlist1 .con:hover .icon img,.ul-idxlist1 .on .con .icon img{filter:saturate(1);opacity:1}
.row-idx2{background:url(../images/idx/img3-1.png) no-repeat;background-position:center;background-size:cover;transition:.5s}
.row-idx2 .wp{position:relative}
.row-idx2.on{background-image:url(../images/idx/img3-3.png)}
.row-idx2 .g-idxtits{margin-bottom:.6rem}
.m-idxsolution{position:relative}
.m-idxsolution .item{margin-bottom:.7rem;position:relative;width:3.4rem;cursor:pointer}
.m-idxsolution .item:last-of-type{margin-bottom:0}
.m-idxsolution .item:nth-of-type(1).on .tit{background-image:url(../images/idx/img3-5-2.png)}
.m-idxsolution .item:nth-of-type(2) .tit{background-image:url(../images/idx/img3-5-3.png);background-size:.26rem}
.m-idxsolution .item:nth-of-type(2).on .tit{background-image:url(../images/idx/img3-5-4.png)}
.m-idxsolution .item:nth-of-type(3) .tit{background-image:url(../images/idx/img3-5-5.png);background-size:.32rem}
.m-idxsolution .item:nth-of-type(3).on .tit{background-image:url(../images/idx/img3-5-6.png)}
.m-idxsolution .lef{display:inline-block;padding-right:.1rem;box-sizing:border-box;margin-bottom:.6rem}
.m-idxsolution .item .tit{font-size:20px;font-size:var(--fz28);color:#49596d;padding-left:.37rem;background:url(../images/idx/img3-5-1.png) no-repeat;background-position:left center;background-size:.3rem;position:relative}
.m-idxsolution .item .tit::after{content:'';position:absolute;right:0;top:50%;transform:translate(100%,-50%);background:url(../images/idx/img3-5-7.png) no-repeat;background-size:100%;width:2.94rem;height:.14rem;opacity:0;transition:.5s}
.m-idxsolution .txts{padding-top:.15rem;font-size:16px;font-size:var(--fz16);color:#8195a5;padding-left:.37rem;display:none;transition:none}
.m-idxsolution .txts p{position:relative;padding-left:.15rem;color:#8195a5;margin-bottom:.17rem}
.m-idxsolution .txts p a:hover{color:#8c56ff}
.m-idxsolution .item.on{color:#101d34;font-weight:700}
.m-idxsolution .item.on .txts{display:block}
.m-idxsolution .on .tit::after{opacity:1}
.m-idxsolution .rightpic{position:absolute;right:0;top:0;opacity:0;visibility:hidden;transition:.5s;display:flex;justify-content:flex-end;width:10.86rem}
.rightpic img{animation:anib2 3s linear infinite}
.rightpic .btn,.swp-ph1 .btn{position:absolute;bottom:.5rem;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:var(--fz18);color:#8c56ff;position:relative;width:1.8rem;height:.5rem;z-index:2}
.rightpic .btn:hover,.swp-ph1 .btn:hover{color:#fff}
.rightpic .btn:hover::after,.swp-ph1 .btn:hover::after{background-color:#8c56ff}
.rightpic .btn::after,.swp-ph1 .btn::after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid #8c56ff;border-radius:.14rem 0 .14rem 0;-webkit-transform:skewX(-10deg);-moz-transform:skewX(-10deg);-ms-transform:skewX(-10deg);-o-transform:skewX(-10deg);transform:skewX(-10deg);-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s}
.rightpic .btn i,.rightpic .btn span,.swp-ph1 .btn i,.swp-ph1 .btn span{position:relative;z-index:2}
.rightpic .btn i,.swp-ph1 .btn i{display:block;width:.16rem;height:.16rem;margin-left:.08rem}
.rightpic .btn i svg,.swp-ph1 .btn i svg{display:block;width:100%;height:auto}
@keyframes anib2{
0%{transform:translateY(0)}
50%{transform:translateY(.1rem)}
100%{transform:translateY(0)}
}
.m-idxsolution .rightpic.on{opacity:1;visibility:visible;width:10.86rem}
.m-idxsolution .rightpic.p1 .p,.rightpic .p1{width:10.33rem}
.m-idxsolution .rightpic.p2 .p,.rightpic .p2{width:9rem}
.rightpic .p3 .m-idxsolution .rightpic.p3{top:-.8rem}
.m-idxsolution .rightpic.p3 .p,.rightpic .p3{width:9rem}
.row-idx3 .g-idxtits{margin-bottom:.5rem}
.ul-idxcase li{float:left;width:2.8rem;margin-right:.3rem;transition:.5s}
.ul-idxcase li:last-of-type{margin-right:0}
.ul-idxcase li.on{width:calc(100% - 6.2rem)}
.ul-idxcase .con{height:5.5rem;position:relative;border:1px solid #c2b1e5;border-radius:.1rem;display:block;padding:1rem .45rem 0;box-sizing:border-box;cursor:pointer}
.ul-idxcase .toppic,.ul-idxcase .toppic2{position:absolute;left:0;top:0;right:0;transition:.5s}
.ul-idxcase .toppic img{width:100%;display:block}
.ul-idxcase .toppic2{bottom:0;background-size:100% 100%;opacity:0}
.ul-idxcase .txts{position:relative;z-index:10}
.ul-idxcase .tit{margin-bottom:.35rem;font-size:24px;font-size:var(--fz24);color:#43287c;font-weight:700}
.ul-idxcase .icon{width:.54rem;height:.54rem;display:flex;align-items:center;justify-content:center;border:1px solid #c6b6e5;border-radius:50%;overflow:hidden;position:relative;margin-bottom:.3rem}
.ul-idxcase .icon img{max-width:95%;max-height:95%;width:auto;height:auto}
.ul-idxcase .icon .i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:.5s;display:flex;align-items:center;justify-content:center;overflow:hidden}
.ul-idxcase .icon .i1{width:.38rem;height:.38rem;opacity:1}
.ul-idxcase .icon .i2{width:.44rem;height:.44rem;opacity:0}
.ul-idxcase .txt{margin-bottom:.4rem;color:#fff;font-size:16px;font-size:var(--fz16);line-height:1.9;height:7.6em;opacity:0;transition:.5s;max-width:3.5rem;text-align:justify}
.ul-idxcase .g-idxmore{width:1.1rem;height:.4rem;font-size:14px;font-size:var(--fz14)}
.row-idx3 .on .tit{color:#fff}
.dn{display:none}
.row-idx3 .on .icon{border-color:rgba(255,255,255,0)}
.row-idx3 .on .icon .i1,.row-idx3 .on .toppic{opacity:0}
.row-idx3 .on .icon .i2,.row-idx3 .on .toppic2,.row-idx3 .on .txt{opacity:1}
.row-idx3 .on .g-idxmore{color:#fff}
.row-idx3 .on .g-idxmore .i img{display:none}
.row-idx3 .on .g-idxmore .i img.dn{display:block}
.row-idx4 .lef{width:4rem;float:left}
.row-idx4 .g-idxtits{margin-bottom:.7rem}
.row-idx4 .txts{font-size:24px;font-size:var(--fz24);line-height:2;margin-bottom:.65rem;min-height:2.3rem}
.row-idx4{background:url(../images/idx/img5-bg.png) no-repeat;background-size:cover;background-position:center}
.row-idx4 .partenrs{overflow:hidden}
.partenrs.ue{display:none}
.row-idx4 .str_move{display:flex;background-color:transparent;padding:.15rem 0}
.row-idx4 .items{display:flex;margin-bottom:.3rem;display:block;width:100%;background-color:transparent;position:relative}
.row-idx4 .items::after,.row-idx4 .items::before{content:'';top:50%;transform:translateY(-50%);left:0;height:1.5rem;width:1.8rem;position:absolute;background:linear-gradient(to left,rgba(255,255,255,.2) 0,rgba(255,255,255,1) 100%);z-index:10}
.row-idx4 .items::after{left:auto;right:0;transform:translateY(-50%) rotateZ(180deg)}
.row-idx4 .items:nth-of-type(1){margin-left:1rem;box-sizing:border-box;width:calc(100% - 1rem)}
.row-idx4 .items:nth-of-type(3){margin-left:1.2rem;box-sizing:border-box;width:calc(100% - 1.2rem)}
.row-idx4 .items:hover{background-color:transparent}
.row-idx4 .items:last-of-type{margin-bottom:0}
.row-idx4 .items .item{width:2.9rem;height:1rem;width:3.1rem;height:1.5rem;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 0 .1rem rgba(0,0,0,.1);margin:0 .15rem;transition:.5s;background-color:#fff}
.row-idx4 .items .item:hover{transform:translateY(-.1rem)}
.row-idx4 .items .item img{max-width:80%!important;max-height:100%;width:auto;height:auto}
.row-idx5 .wp{position:relative;z-index:10}
.row-idx5{background-color:#16112c}
.row-idx5 .wp{height:100%;position:relative}
.row-idx5 .btns .g-idxmore{width:1.95rem;height:.5rem;background:url(../images/idx/img6-1.png) no-repeat;background-size:100% 100%;border:none;float:left;margin-left:-.04rem}
.row-idx5 .g-idxtits{margin-bottom:.6rem}
.row-idx5 .g-idxtits .tit{color:#fff}
.row-idx5 .g-idxtits .tit_en{color:#615b6c}
.row-idx5 .btns{display:flex;height:.5rem;background-color:rgba(255,255,255,.1);margin-bottom:.4rem;transform:skewX(-10deg);display:inline-block;border-radius:.12rem 0 .12rem 0;overflow:hidden}
.row-idx5 .btns .g-idxmore{transform:skewX(10deg)}
.row-idx5 .btns .t{color:#fff;transform:skewX(0)}
.row-idx5 .btns .i{transform:skewX(0)}
.row-idx5 .btns .t2{color:#e2cdf7;transform:skewX(10deg);line-height:.5rem;padding:0 .2rem;display:inline-block;overflow:hidden;font-size:20px;font-size:var(--fz20)}
.row-idx5 .it{display:flex;font-size:16px;font-size:var(--fz16);color:#fff;margin-right:.15rem;margin-bottom:.3rem;align-items:center}
.row-idx5 .label{padding-left:.37rem;background:url(../images/idx/img6-2.png) no-repeat;background-position:left center;background-size:.24rem;min-width:7em}
.contactinfo{margin-bottom:.5rem}
.contactinfo .g-idxmore{border-color:#b998ff;border-width:2px;margin-left:.2rem;width:1.3rem;height:.36rem}
.contactinfo .g-idxmore:hover{background-color:#b998ff}
.contactinfo .g-idxmore:hover .t{color:#fff}
.contactinfo .g-idxmore .t{color:#b998ff}
.row-idx5 .codes{display:flex;text-align:center}
.row-idx5 .codes .code{margin-right:1.1rem}
.row-idx5 .codes .code .pic{width:1.2rem;height:1.2rem;overflow:hidden;margin:0 auto .15rem}
.row-idx5 .codes .code img{width:100%;height:100%}
.row-idx5 .t{font-size:16px;font-size:var(--fz16);color:#fff}
.g-copy,.row-idx5 .copy{position:absolute;left:0;bottom:0;padding-bottom:.25rem;font-size:16px;font-size:var(--fz16)}
.g-copy a,.row-idx5 .copy a{color:rgba(255,255,255,.6);margin-right:.5rem;transition:.5s}
.row-idx5 .copy a:hover{color:#fff}
.snv-contact{position:fixed;right:.1rem;top:50%;transform:translateY(-50%);z-index:999}
.snv-contact .item{padding:.1rem .08rem;min-height:1.7rem;box-sizing:border-box;background-color:#fff;border-radius:.04rem;margin-bottom:.2rem;color:#101d34;font-size:18px;font-size:var(--fz18);display:block;position:relative}
.snv-contact .item.i2{box-shadow:0 .04rem .2rem rgba(65,40,118,.14)}
.snv-contact .item::after{content:'';position:absolute;left:0;top:0;right:0;bottom:0;background:linear-gradient(to top,#578fff 0,#8c56ff 100%);opacity:0;transition:.5s}
.snv-contact .item:first-of-type{color:#fff}
.snv-contact .item:first-of-type::after{opacity:1}
.snv-contact .item:last-of-type{margin-bottom:0}
.snv-contact .icon{width:.4rem;height:.4rem;margin:0 auto .1rem;position:relative;z-index:10}
.snv-contact .icon img{width:100%;height:100%}
.snv-contact .t{position:relative;z-index:10;width:1em;margin:0 auto;line-height:1.2}
.snv-contact .qrbox{position:absolute;top:50%;right:100%;transform:translateY(-50%);width:1.5rem;background-color:#fff;border-radius:.05rem;box-shadow:0 0 .1rem rgba(0,0,0,.1);padding:.05rem;display:none}
.snv-contact .qrbox img{display:block;width:100%;max-width:none}
.swp-idxsnv.swiper-container{width:.8rem;height:calc(100vh - .8rem);position:fixed;left:0;bottom:0;z-index:999}
.swp-idxsnv .txt{position:relative;padding:.2rem;text-align:center;display:flex;align-items:center;justify-content:center;white-space:nowrap;height:100%;cursor:pointer}
.swp-idxsnv .tit_en{font-size:32px;font-size:var(--fz32);font-weight:700;background:linear-gradient(to right,rgba(16,29,52,.4),rgba(16,29,52,0));-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;position:absolute;left:50%;top:32%;transform:translateX(-50%) rotateZ(90deg);transform-origin:50% center;line-height:1;font-family:en}
.swp-idxsnv .tit{font-size:18px;font-size:var(--fz18);color:#101d34;transform:rotateZ(90deg);transform-origin:50% center;line-height:1;padding-top:.1rem;position:relative;transition:.5s}
.swp-idxsnv .tit::after{content:'';position:absolute;top:-.05rem;left:50%;transform:translateX(-50%);width:.52rem;height:.02rem;background:url(../images/icon1-3.png) no-repeat;background-size:100%;opacity:0;transition:.5s}
.swp-idxsnv .tit.backtop{padding-left:.54rem;padding-top:0;background:url(../images/icon1-4.png) no-repeat;background-size:.32rem;background-position:left center;color:rgba(255,255,255,.5)}
.swp-idxsnv .swiper-slide.swiper-slide-active .tit{font-weight:700}
.swp-idxsnv .txt.top{background:linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,.2) 100%)}
.swp-idxsnv .swiper-slide.swiper-slide-active .tit::after{opacity:1}
.swp-idxsnv.on .tit_en{background:linear-gradient(to right,rgba(255,255,255,.1),rgba(255,255,255,0));-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}
.swp-idxsnv.on .tit{color:#fff}
.page-idx .notxt{height:1px;overflow:hidden;visibility:hidden;box-sizing:border-box}
.row-idx2 .pics{width:12rem;height:8.25rem;position:absolute;right:50%;transform:translateX(50%);top:-.42rem;z-index:10;animation:anib1 3s linear infinite}
@keyframes anib1{
0%{transform:translate(50%,0)}
50%{transform:translate(50%,.1rem)}
100%{transform:translate(50%,0)}
}
.row-idx2 .pics .pic:hover{transform:translateY(-.3rem);z-index:999}
.row-idx2 .pics .pic:hover .p.on{opacity:1}
.row-idx2 .pics .pic:hover .p{opacity:0}
.m-idxsolution .items{opacity:0;visibility:hidden}
.m-idxsolution.on .items{opacity:1;visibility:visible}
.row-idx2 .pics .pic{position:absolute;width:5.86rem;height:5.86rem;overflow:visible;cursor:pointer;transition:.5s}
.row-idx2 .pics .pic .p{position:absolute;top:0;left:0;width:100%;height:100%;transition:.5s}
.row-idx2 .pics .pic .p.on{opacity:0}
.row-idx2 .pics .pic .p img{width:100%;height:100%}
.row-idx2 .pics .p1{top:-.8rem;left:3.3rem}
.row-idx2 .pics .p2{bottom:-.85rem;left:3rem}
.row-idx2 .pics .p3{left:-.45rem;top:1.6rem}
.row-idx2 .pics .p4{top:.8rem;right:-.45rem}
.row-idx2 .pics .p4 .p.on{width:6.37rem;height:auto;top:.15rem;left:-.27rem}
.row-idx2 .pics .icon.i1{position:absolute;width:.77rem;left:3.8rem;bottom:2.1rem}
.row-idx2 .pics .icon.i2{position:absolute;width:.87rem;right:3.8rem;bottom:2.14rem}
.row-idx2 .pics .icon.i3{position:absolute;width:1.07rem;left:4rem;top:3.1rem}
.row-idx5{position:relative}
.row-idx5 .bg{position:absolute;left:0;top:0;bottom:0;right:0;background:url(../images/webp/img7-12.webp) no-repeat;background-size:cover;background-position:right center;z-index:1;animation:ani2 4s linear infinite}
@keyframes ani2{
0%{opacity:.7}
50%{opacity:1}
100%{opacity:.7}
}
.row-idx4 .items.ph{display:none}
.swp-ph1{width:100%}
.swp-ph1 .con{display:flex;align-items:flex-end;justify-content:flex-end}
.on .rightpic{opacity:1;visibility:visible}
.swp-ph1 .swiper-pagination-bullet{opacity:0}
.p-txt{display:none}
@media screen and (max-width:1200px){
.b-txt{font-size:.36rem;line-height:2.4;letter-spacing:.1rem}
.b-txt span{font-size:.42rem}
.s3 .b-txt{font-size:.36rem;letter-spacing:.05rem}
.s3 .b-txt span{font-size:.42rem}
.swp-libph{height:auto;visibility:visible}
.swp-idxsnv{display:none}
.banner .bg{background-image:url(../images/webp/img1-3.webp);background-size:100%;background-position:bottom;background-color:#290a42;width:100%}
.banner .swiper-container{background-color:#290a42}
.banner .inbox{padding-top:3rem}
.banner .inbox .txt{transform:none;position:static;width:100%;display:none}
.banner .inbox .txt.ph{display:block}
.banner .inbox .txt img{width:auto;max-width:100%}
.banner .inbox .wp{padding:0 .4rem;position:relative;z-index:10}
.banner .inbox .pic{position:absolute;bottom:0;top:auto;right:auto;left:0;display:none;width:100%;text-align:center}
.banner .bg{max-width:750px;margin:0 auto}
.banner .inbox .pic img{width:auto;max-width:100%}
.banner .inbox .pic.ph{display:block}
.index-swiper .s1 .pic.ph{width:7.5rem;bottom:.3rem;width:100vw;bottom:0}
.index-swiper .s2 .pic.ph{width:6.09rem;left:.8rem;bottom:.2rem;width:81.2vw;left:10.66vw;bottom:2.666vw}
.index-swiper .s3 .pic.ph{width:4.06rem;left:2rem;bottom:2rem;width:54.13vw;left:26.66vw;bottom:26.66vw}
.banner .swiper-container-horizontal>.swiper-pagination-bullets{right:.7rem;width:auto;left:auto;display:block;bottom:1rem}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:.3rem;height:.08rem;margin:0 .05rem;background-color:#897dc2}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#fff}
.snv-contact .t{font-size:.24rem}
.g-idxtits .tit{font-size:.36rem}
.g-idxtits .tit_en{font-size:.38rem}
.row-idx1 .desc{font-size:.24rem;margin-bottom:.2rem}
.ul-idxlist1{margin:0}
.ul-idxlist1 .tit{font-size:.26rem;margin-bottom:.2rem}
.ul-idxlist1 .tit::after{bottom:-.08rem}
.ul-idxlist1 li{float:none;width:auto;margin-bottom:.2rem}
.ul-idxlist1 li:last-of-type{margin-bottom:0}
.ul-idxlist1 .con{padding:.15rem .2rem .1rem;box-sizing:border-box;min-height:21vw}
.ul-idxlist1 .txts{min-height:auto}
.ul-idxlist1 .txts{max-width:90%;flex-wrap:wrap}
.ul-idxlist1 .txts p{display:inline-block;vertical-align:top;font-size:.2rem;margin-right:.3rem;margin-bottom:.05rem}
.ul-idxlist1 .txts p:last-of-type{margin-right:0}
.ul-idxlist1 .txts{margin-bottom:0}
.ul-idxlist1 .con{height:auto;margin:0}
.ul-idxlist1 .txts .more{display:inline-block;vertical-align:top;font-size:.2rem}
.ul-idxlist1 .more{display:none}
.g-idxtits{position:relative}
.g-idxtits .g-idxmore{position:absolute;top:50%;right:-.2rem;transform:skewX(-10deg) translateY(-50%)}
.g-idxmore{border-width:1px;font-size:.24rem;width:1.4rem}
.ul-idxlist1 .con{background-image:url(../images/idx-ph/img2-1.png)}
.ul-idxlist1 .con:hover,.ul-idxlist1 .on .con{background-image:url(../images/webp/img2-2.webp)}
.row-idx2{background-image:url(../images/idx-ph/img5-1.png);background-position:0 140px}
.ul-idxlist1 .icon{bottom:.2rem}
.m-idxsolution .rightpic{bottom:0;left:0;width:100%}
.m-idxsolution .lef{float:none;width:100%;position:relative;z-index:20}
.m-idxsolution .item{width:100%}
.m-idxsolution .item .tit{font-size:.3rem;display:inline-block}
.m-idxsolution .item .tit::after{content:'';position:absolute;right:-22px;top:50%;transform:translateY(-50%);background:url(../images/idx-ph/img3-1.png) no-repeat;background-position:right center;background-size:100%;width:15px;height:16px;opacity:1}
.m-idxsolution .on.item .tit{color:#101d34}
.m-idxsolution .on.item .tit::after{background-image:url(../images/idx-ph/img3-2.png)}
.m-idxsolution .txts{font-size:.26rem}
.m-idxsolution .item,.m-idxsolution .item.on{margin-bottom:.4rem}
.m-idxsolution .item:last-of-type.on{margin-bottom:0}
.m-idxsolution .txts p:last-of-type{margin-bottom:0}
.swp-libph .swiper-pagination-bullet{opacity:1;position:relative}
.swp-libph .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{background-color:rgba(140,86,255,.4)}
.swp-libph .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{position:relative;opacity:1}
.swp-libph .swiper-pagination-bullet::after{position:absolute;content:'';left:0;top:0;bottom:0;width:0;background-color:#8c56ff}
.swp-libph .swiper-pagination-bullet.swiper-pagination-bullet-active::after{width:100%;transition:3s}
ul.ul-idxcase{display:none}
.ul-idxcase.swp-ph2 .g-idxmore{width:1.64rem;height:.48rem;line-height:.5rem;font-size:.24rem}
.ul-idxcase.swp-ph2 .phpic{position:absolute;left:0;top:0;right:0;bottom:0;background-position:bottom center;background-size:100%;background-repeat:no-repeat}
.swp-libph .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{height:.1rem;background-color:rgba(255,255,255,.2)}
.page-idx .row-idx2 .wp{display:flex;height:100%;flex-direction:column}
.row-idx2 .box{position:absolute;top:1.4rem;width:100%;overflow-x:auto;overflow:hidden;left:50%;transform:translateX(-50%);height:63%;z-index:30}
.row-idx2 .pics{top:.5rem}
.swp-ph1{visibility:hidden;opacity:0}
.swp-ph1 .con{height:100%;display:flex;align-items:flex-end;padding-bottom:.2rem}
.m-idxsolution{height:88%;z-index:-1}
.m-idxsolution.on{z-index:30}
.m-idxsolution.on .swp-ph1{visibility:visible;opacity:1;position:absolute;bottom:calc(5% + env(safe-area-inset-bottom));bottom:calc(5% + constant(safe-area-inset-bottom));left:0;width:100%}
.row-idx4 .lef{float:none;width:100%}
.row-idx4 .txts{font-size:.26rem;margin-bottom:.6rem;line-height:1.5;color:#101d34}
.row-idx4 .g-idxmore{display:none}
.row-idx4 .g-idxtits{margin-bottom:.24rem}
.row-idx4 .items .item img{max-width:95%!important;max-height:100%}
.row-idx5 .wp{padding:0 .7rem}
.row-idx5 .btns{height:auto;background-color:transparent;transform:none;display:block}
.row-idx5 .btns .t2{transform:none;padding:0;display:block}
.row-idx5 .btns .g-idxmore{transform:none;margin-left:0;float:none}
.row-idx5 .btns .t2{font-size:var(--fz12)}
.row-idx5 .btns .g-idxmore{width:2.14rem;height:.6rem;margin-bottom:.1rem}
.row-idx5 .btns .g-idxmore .t,.row-idx5 .it,.row-idx5 .t{font-size:var(--fz12)}
.row-idx5 .t{font-size:var(--fz12)}
.row-idx5 .copy{display:none}
.contactinfo .g-idxmore{width:1.75rem;height:.48rem;border-width:1px;margin-left:.3rem}
.g-copy{display:block;position:fixed;left:.4rem;right:.4rem;bottom:.34rem;z-index:99;text-align:center;padding-bottom:0}
.g-copy a{font-size:.16rem;margin:0 .12rem}
.g-copy a:first-child{margin-left:0}
.g-copy a:last-child{margin-right:0}
.g-copy.on a{color:#8195a5}
.header.on .nav .ok .v1,.header.on .nav .on .v1,.header.on .nav .v1{color:#fff}
.row-idx5 .bg{background-image:url(../images/webp/img4-4.webp);background-position:bottom center;background-size:100%}
.swp-ph2{height:0;visibility:hidden}
ul.ul-idxcase{display:block}
.ul-idxcase .con{height:7.5rem}
.ul-idxcase .g-idxmore{width:1.6rem;height:.48rem}
.ul-idxcase .g-idxmore .t{font-size:12px}
.row-idx4 .g-idxtits{margin-bottom:.2rem}
.row-idx4 .items:nth-of-type(1),.row-idx4 .items:nth-of-type(2),.row-idx4 .items:nth-of-type(3),.row-idx4 .items:nth-of-type(4){margin:0!important;width:100%}
.row-idx4 .txts{min-height:auto}
.swp-libph .line{position:absolute;left:0;right:0;bottom:0;height:5px;background-color:#efeafa;z-index:10}
.swp-libph .line .l{position:absolute;left:0;top:0;bottom:0;width:0;background-color:#8c56ff;transition:3.8s}
.row-idx4 .items.ph{display:block}
.row-idx4 .partenrs{pointer-events:none;display:none}
.partenrs.ue{display:block}
.rightpic .btn,.swp-ph1 .btn{font-size:.24rem;bottom:.1rem;width:1.6rem}
.rightpic .btn::after,.swp-ph1 .btn::after{border-width:1px}
.ul-idxlist1 .txts br{display:block}
}
@media screen and (max-width:767px){
.pics-box{overflow-x:auto;overflow-y:hidden;position:relative;height:7.4rem}
.p-txt{position:absolute;bottom:18%;left:0;width:100%;text-align:center;font-size:var(--fz20);color:#5c3d9e;display:block}
.row-idx2 .pics{position:relative;right:auto;transform:scale(.8);transform-origin:top center;animation:none}
@keyframes anib1{
0%{transform:translateX(-50%)}
50%{transform:translate(-50%,.1rem)}
100%{transform:translateX(-50%)}
}
.row-idx2 .box{left:0;transform:none}
ul.ul-idxcase{display:none}
.swp-ph2{height:65vh;visibility:visible}
.swp-ph2 .toppic,.swp-ph2 .toppic2{display:none}
.swp-ph2.ul-idxcase .tit{font-size:.3rem}
.swp-ph2.ul-idxcase .txt{font-size:.28rem;max-width:100%}
.swp-ph2 .con{background-color:#503392;height:100%}
.row-idx2 .g-idxtits{margin-bottom:5vh}
.row-idx4 .items .item{margin-bottom:.3rem}
.row-idx5 .label{width:1.7rem}
.row-idx5 .it{align-items:flex-start}
.row-idx5 .bg{background-image:url(../images/webp/img5-2.webp)}
.ul-idxlist1 .on .txts p{text-shadow:1px 1px 1px rgba(86,52,160,.8)}
}
@media screen and (max-width:767px) and (min-height:760px){
.row-idx1 .g-idxtits{margin-bottom:.6rem}
.row-idx3 .g-idxtits{margin-bottom:.6rem}
.row-idx5 .g-idxtits{margin-bottom:2rem}
.row-idx1 .desc{margin-bottom:.6rem}
.row-idx4 .txts{margin-bottom:1.4rem}
.row-idx4 .items .item{margin-bottom:.4rem}
.p-txt{bottom:22%}
}