@import "base.css";
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
dl,
dd,
figure,
menu,
input,
textarea,
button,
select,
th,
td iframe {
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
b,
strong {
  font-size: 100%;
  font-weight: normal;
}
li {
  list-style: none;
}
em,
i {
  font-style: normal;
}
a,
a:visited,
a:active {
  text-decoration: none;
  border: none;
  outline: none;
}
input,
textarea {
  outline: none;
}
textarea {
  resize: vertical;
}
.none {
  display: none;
}
.left {
  float: left;
}
.right {
  float: right;
}
body {
  font-family: "HarmonyOS","HarmonyOS Sans SC", "HarmonyOS Sans";
}
.flex {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.flexS {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.transCenter {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.baseStyle {
  width: 100%;
  clear: both;
  float: left;
}
.oneLineTxt {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.transtion {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
@media screen and (max-width: 800px) {
  body {
    background: #f0f2fa;
  }
}
body {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  word-wrap: break-word;
  line-height: 1.5;
  font-size: 12px;
  width: 100%;
  margin: 0 auto!important;
  overflow-x: hidden;
  overflow-y: auto;
  background: #f0f2fa;
}
.wrap {
  width: 12rem;
  margin: auto;
  text-align: center;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  align-content: flex-start;
}
.ssBtn{
  cursor: pointer;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow, transform;
  transition-property: box-shadow, transform;
}
.ssBtn:hover, .ssBtn:active {
  box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.ssBtn1:hover, .ssBtn1:active {
  box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0);
}
.sec1{background: url("../images/s1Bg.jpg") no-repeat center top;background-size: auto 100%;height: 7.69rem;}
.sec2{background: url("../images/s2Bg.jpg") no-repeat center top;background-size: auto 100%;height: 8.33rem;}
.sec3{background: url("../images/s3Bg.jpg") no-repeat center top;background-size: auto 100%;height: 3.71rem;}
.sec4{background: url("../images/s4Bg.jpg") no-repeat center top;background-size: auto 100%;height: 5.34rem;}
.sec5{background: url("../images/s5Bg.jpg") no-repeat center top;background-size: auto 100%;height: 9.43rem;}
.sec10{background: url("../images/s10Bg.jpg") no-repeat center top;background-size: auto 100%;height: 8.11rem;}
.banner-box {
  width: 100%;
  clear: both;
  height: 9.31rem;
  background: #121956 url("../images/banner.jpg") no-repeat center top;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  align-content: flex-start;
}
.banner-box .wrap {
  height: 9.31rem;
  justify-content: flex-start;
}
.banner-box .banTit {
  width: 11.99rem;
  display: block;
  clear: both;
  margin-top: .32rem;
  float: left;
}
.banner-box .banTit img {
  width: 100%;
  display: block;
}
.banner-box .banNav {
  width: 100%;
  height: 1.4rem;
  margin-top: 0.52rem;
  clear: both;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  position: absolute;
  left: 0;
  bottom: 0;
}
.banNav>div{
  width: 2.24rem;
  height: 1.4rem;
  position: relative;
  cursor: pointer;
}
.banNav>div::after{
  display: inline-block;
  content: '';
  width: .01rem;
  height: 1.06rem;
  background: #418bd3;
  position: absolute;
  right: 0;
  top: .17rem;
}
.banNav>div:last-child::after{
  display: none;
}
.banxq>div>p{
  font-size: .16rem;
  color: #fff;
  line-height: .3rem;
}
.banxq>div .p1 span{
  font-size: .4rem;
  font-weight: bold;
}
.banxq>div .p2{
  font-size: .16rem;
  color: #706f8d;
}
.banNav .bannr{
  margin-top: .36rem;
}
.banNav .cur{
  width: 3rem;
  background: rgba(255,255,255,.05);
}
.banNav .banxq.cur::before{
  display: inline-block;
  content: '';
  width: 1.1rem;
  height: .91rem;
  position: absolute;
  right: -.16rem;
  top: 0;
}
.banNav .banxq1.cur::before{
  background: url(../images/banicon1.png) no-repeat center top;
  background-size: 100%;
}
.banNav .banxq2.cur::before{
  background: url(../images/banicon2.png) no-repeat center top;
  background-size: 100%;
}
.banNav .banxq3.cur::before{
  background: url(../images/banicon3.png) no-repeat center top;
  background-size: 100%;
}
.banNav .banxq4.cur::before{
  background: url(../images/banicon4.png) no-repeat center top;
  background-size: 100%;
}
.banNav .banxq5.cur::before{
  background: url(../images/banicon5.png) no-repeat center top;
  background-size: 100%;
}
.banNav .cur .bannr{
  margin-left: .49rem;
}
.banNav .cur .p1{
  color: #ff30a8;
  text-align: left;
}
.banNav .cur .p2{
  color: #a7a6d2;
  text-align: left;
}
.sections {
  width: 100%;
  clear: both;
  display: block;
}
.sections .tit {
  background: url("../images/titBg1.png") no-repeat center top;
  background-size: 3.58rem;
  font-family: 'Alibaba PuHuiTi';
}
.sections .tit h2 {
  display: inline-block;
  font-size: .5rem;
  font-weight: 800;
  color: #e60c8b;
  margin-top: .15rem;
  letter-spacing: -3px;
}
.sections .tit h2 span{
  vertical-align: sub;
}
.sections .tit h2 .sp1{
  background: linear-gradient(90deg, #2954ff, #1800c0);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.sections .tit p {
  font-size: 0.2rem;
  color: #9e9e9e;
  margin-top: -.1rem;
}
.main{
  display: inline-block;
  width: 100%;
}
@media screen and (min-width: 800px) {
  .pc-hide {
    display: none !important;
  }
}
@media screen and (max-width: 800px) {
  .m-hide {
    display: none !important;
  }
  .wrap {
    width: 7rem;
  }
  .banner-box {
    width: 100%;
    height: 5.12rem;
    background-size: 14rem;
  }
  .banner-box .logo {
    width: 2.5rem;
    left: 0;
    top: 0;
    align-items: flex-start;
  }
  .banner-box .banTit {
    width: 6.8rem;
  }
  .banner-box .banTit img {
    width: 100%;
    display: block;
  }
}
/*侧边悬停*/
.lfNav {
  position: fixed;
  width: 2.89rem;
  height: 5.3rem;
  display: block;
  background: url("../images/fixedNav.png") no-repeat center / 100%;
  top: 50%;
  left: 20px;
  z-index: 9;
  transform: translateY(-50%);
}
.lfNav .closefix {
  position: absolute;
  top: -30px;
  right: -20px;
  height: 30px;
  width: 30px;
}
.lfNav .closefix img {
  width: 100%;
}
.navPic {
  width: 2.67rem;
  display: block;
  margin-top: -0.72rem;
  margin-left: -0.35rem;
}
.navPic img {
  width: 100%;
  display: block;
}
.mt185 {
  margin-top: 164px;
}
.nav-bg {
  width: 100%;
  height: 54px;
  display: block;
  float: left;
  clear: both;
  padding-bottom: 1px;
  background: url("../images/fixNav-line01.png") no-repeat center bottom / 1.4rem;
}
.nav-bg a {
  width: 150px;
  height: 54px;
  display: block;
  margin: auto;
  line-height: 0.54rem;
  color: #fff;
  font-size: 0.22rem;
  white-space: nowrap;
  text-align: center;
  position: relative;
}
.nav-bg a.on,
.nav-bg a:hover {
  font-weight: bold;
}
.nav-bg a.on::before,
.nav-bg a:hover::before {
  content: '';
  width: 8px;
  height: 11px;
  display: block;
  background: url("../images/fixNav-icon01.png") no-repeat center / 100%;
  position: absolute;
  left: 0;
  top: 16px;
}
.left_top {
  width: 60px;
  height: 60px;
  display: block;
  float: left;
  margin-left: 113px;
  margin-top: 50px;
  margin-bottom: -27px;
}
.left_top img {
  width: 100%;
}
/*# sourceMappingURL=style.css.map */
.tit1{
  margin-top: .53rem;
}
.s1main{
  position: relative;
  margin-top: .26rem;
}
.s1main::before{
  display: inline-block;
  content: '';
  width: 100%;
  height: 4.83rem;
  background: url(../images/s1Cbg.png) no-repeat center top;
  background-size: auto 100%;
  box-shadow: 0 .13rem .1rem rgba(109, 121, 172, 0.18);
  border-radius: .25rem;
  position: absolute;
  left: 0;
  top: .34rem;
  z-index: 0;
}
.s1main>div{
  display: inline-block;
  float: left;
}
.s1L{
  width: 3.7rem;
  z-index: 1;
  position: relative;
  margin-top: 1.17rem;
}
/*.s1L ul{*/
/*  display: inline-block;*/
/*  width: 2.97rem;*/
/*}*/
.s1L ul li{
  width: 2.41rem;
  height: .62rem;
  line-height: .62rem;
  border: .02rem solid #fff;
  border-radius: .1rem;
  font-size: .3rem;
  font-weight: bold;
  color: #fff;
  position: relative;
  margin: 0 auto .31rem;
  cursor: pointer;
}
.s1L ul li::after{
  display: inline-block;
  content: '';
  width: 2.97rem;
  height: .01rem;
  border-bottom: .01rem solid rgba(48, 172, 248, 0.2);
  position: absolute;
  transform: translate(-50%, 0);
  left: 50%;
  bottom: -.18rem;
}
.s1L ul li.cur::after{
  display: inline-block;
  content: '';
  width: 2.97rem;
  height: .01rem;
  border-bottom: .01rem solid rgba(48, 172, 248, 0.2);
  position: absolute;
  transform: translate(50%, 0);
  left: -40%;
  bottom: -.18rem;
}
.s1L ul li.cur::before{
  display: inline-block;
  content: '';
  width: .46rem;
  height: .36rem;
  background: url(../images/s1dh.png) no-repeat center top;
  background-size: 100%;
  margin-right: .02rem;
  vertical-align: sub;
}
.s1L ul li.cur{
  width: 3.4rem;
  height: 1.37rem;
  border: inherit;
  line-height: .85rem;
}
.s1L ul .s1UL1.cur {
  background: url(../images/s1icon1.png) no-repeat center top;
  background-size: 100%;
}
.s1L ul .s1UL2.cur {
  background: url(../images/s1icon2.png) no-repeat center top;
  background-size: 100%;
}
.s1L ul .s1UL3.cur {
  background: url(../images/s1icon3.png) no-repeat center top;
  background-size: 100%;
}
.s1R>div{
  width: 7.68rem;
  min-height: 4rem;
  background: #fff;
  border-radius: .15rem;
  box-shadow: 0 0 .06rem rgba(67,103,250,1) inset;
  margin-top: .3rem;
  padding-top: .34rem;
  padding-bottom: .32rem;
  display: none;
  overflow: hidden;
}
.s1R>div.cur{
  display: inline-block;
}
.s1R{
  width: 8.32rem;
  height: 5.64rem;
  background: url("../images/s1Cimg.png") no-repeat center top;
  background-size: 100%;
  position: absolute;
  right: 0;
  top: 0;
  box-shadow: .15rem .15rem .1rem rgba(109,121,175,0.15);
  border-radius: .25rem;
}
.s1L ul li.s1UL1{
  background: #1674fa;
  background: -webkit-linear-gradient(left, #1674fa, #31abf8);
  background: -o-linear-gradient(right, #1674fa, #31abf8);
  background: -moz-linear-gradient(right, #1674fa, #31abf8);
  background: linear-gradient(to right, #1674fa, #31abf8);
}
.s1L ul li.s1UL2{
  background: #e70c8b;
  background: -webkit-linear-gradient(left, #e70c8b, #ff5dc4);
  background: -o-linear-gradient(right, #e70c8b, #ff5dc4);
  background: -moz-linear-gradient(right, #e70c8b, #ff5dc4);
  background: linear-gradient(to right, #e70c8b, #ff5dc4);
}
.s1L ul li.s1UL3{
  background: #6217ff;
  background: -webkit-linear-gradient(left, #6217ff, #6964fe);
  background: -o-linear-gradient(right, #6217ff, #6964fe);
  background: -moz-linear-gradient(right, #6217ff, #6964fe);
  background: linear-gradient(to right, #6217ff, #6964fe);
}
.swiper-slide img{
  width: 7.06rem;
}
.swiper-slide p{
  font-size: .2rem;
  color: #333;
  text-align: left;
  line-height: .26rem;
  width: 6.3rem;
  margin: .31rem auto 0;
  position: relative;
}
.swiper-slide p::before{
  display: inline-block;
  content: '';
  width: .43rem;
  height: .12rem;
  background: #2712ba;
  border-radius: 1rem;
  position: absolute;
  left: 0;
  top: -.26rem;
}
.s1rxq img{
  width: 7.06rem;
}
.s1rxq p{
  font-size: .2rem;
  color: #333;
  text-align: left;
  line-height: .26rem;
  width: 6.35rem;
  width: 94%;
  margin: .31rem auto 0;
  position: relative;
  z-index: 11;
}
.s1rxq p::before{
  display: inline-block;
  content: '';
  width: .43rem;
  height: .12rem;
  background: #2712ba;
  border-radius: 1rem;
  position: absolute;
  left: 0;
  top: -.26rem;
}


/*sec2*/
.tit2{
  margin-top: .43rem;
}
.s2main{
  margin-top: .35rem;
}
.s2nr>div{
  display: inline-block;
  width: 4.01rem;
  height: 2.88rem;
}
.s2nr .s2xq1{
  background: url(../images/s2img1.png) no-repeat center top;
  background-size: 100%;
  margin-right: .03rem;
  height: 2.77rem;
}
.s2nr .s2xq2{
  background: url("../images/s2img2.png") no-repeat center top;
  background-size: 100%;
  height: 2.77rem;
}
.s2nr .s2xq3{
  background: url("../images/s2img3.png") no-repeat center top;
  background-size: 100%;
}
.s2nr .s2xq4{
  background: url("../images/s2img4.png") no-repeat center top;
  background-size: 100%;
}
.s2nr .s2xq5{
  background: url("../images/s2img5.png") no-repeat center top;
  background-size: 100%;
}
.s2nr1{
  display: flex;
  justify-content: center;
  margin-bottom: .2rem;
}
.s2nr2{
  display: inline-block;
  width: 100%;
}
.s2nr2>div{
  float: left;
}
.s2nr .s2xq4{
  margin-left: .08rem;
}
.s2nr .s2xq5{
  float: right;
  margin-right: -.19rem;
}
.s2nr>div>img{
  margin-left: .17rem;
  margin-top: -.31rem;
  display: flex;
}
.s2nr>div .p1{
  font-size: .24rem;
  color: #16204f;
  text-align: left;
  font-weight: 600;
  margin-left: .32rem;
  height: .4rem;
  line-height: .4rem;
  border-bottom: .01rem solid #a6acc5;
  float: left;
  margin-top: -.07rem;
  margin-bottom: .32rem;
}
.s2nr>div .p3{
  margin-left: .17rem;
}
.s2nr>div .p2{
  font-size: .2rem;
  color: #16204f;
  text-align: left;
  width: 76%;
  margin-left: .32rem;
  line-height: .25rem;
  display: inline-block;
  float: left;
}
.s2nr>div .p4{
  width: 1rem;
  text-align: center;
  height: auto;
  line-height: .25rem;
  padding-bottom: .05rem;
  margin-bottom: .14rem;
}
.s2nr .s2xq2 .p2{
  width: 84%;
  margin-left: .22rem;
}
/*sec3*/
.sections .tit3 {
  background: url(../images/titBg3.png) no-repeat center top;
  background-size: 3.58rem;
  margin-top: .4rem;
}
.sections .tit3 h2 .sp1 {
  background: linear-gradient(90deg, #2954ff, #63caff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.sections .tit3 p{
  color: #fff;
}
.s3main{
  display: flex;
  justify-content: flex-start;
  margin-top: .24rem;
}
.s3main>div{
  width: 3.85rem;
  height: 1.86rem;
  background: url("../images/s3img.png") no-repeat center top;
  background-size: 100%;
  margin-right: .24rem;
  display: flex;
  justify-content: center;
}
.s3main>div:last-child{
  margin-right: 0;
}
.s3R .p1{
  font-size: .36rem;
  font-weight: bold;
  color: #fff;
  margin: .25rem auto .14rem;
}
.s3R .p2{
  font-size: .2rem;
  color: #fff;
  line-height: .24rem;
  letter-spacing: -1px;
}
.s3L{
  margin-top: .29rem;
  margin-right: -.03rem;
}
/*sec4*/
.sections .tit4 {
  background: url(../images/titBg3.png) no-repeat center top;
  background-size: 3.58rem;
  margin-top: .38rem;
}
.sections .tit4 h2 .sp1 {
  background: linear-gradient(90deg, #2954ff, #63caff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.sections .tit4 p{
  color: #fff;
}
.s4main{
  height: 2.56rem;
  background: url("../images/s4Cbg.png") no-repeat center top;
  background-size: 100%;
  margin-top: .22rem;
}
.s4xq{
  display: flex;
  justify-content: center;
  margin-top: .15rem;
}
.s4xq>img{
  width: 2.26rem;
  margin: 0 .28rem;
}
/*sec5*/
.sections .tit5 {
  margin-top: .46rem;
}
.s5main{
  height: 6.9rem;
  background: url("../images/s5img1.png") no-repeat 2.52rem .4rem;
  background-size: 5.41rem;
  position: relative;
  margin-top: .3rem;
}
.s5main>div{
  width: 3.64rem;
  min-height: 1.99rem;
  background: #ffffff;
  background: linear-gradient(to right, #ffffff 40%, rgba(0,0,0,0));
  display: inline-block;
  float: left;
  position: absolute;
  transition: all .5s;
}
.s5main>div.scale{
  transform: scale(1.1);
  box-shadow: 0 15px 15px -10px rgba(0, 0, 0, 0.5);
  border-top-left-radius: .15rem;
  border-bottom-left-radius: .15rem;
}
.s5main .s5xq1{
  left: .5rem;
  top: 1.02rem;
}
.s5main .s5xq2{
  top: 0;
  right: 1.02rem;
}
.s5main .s5xq3{
  left: 0;
  top: 4.1rem;
}
.s5main .s5xq4{
  right: .22rem;
  top: 2.8rem;
}
.s5xq .p1{
  width: 2.59rem;
  height: .54rem;
  line-height: .52rem;
  background: url("../images/s5Btn.png") no-repeat center top;
  background-size: 100% 100%;
  font-size: .26rem;
  font-weight: bold;
  color: #fff;
  float: left;
  margin-left: .32rem;
  margin-top: .26rem;
}
.s5xq1 .p1{
  width: 2.31rem;
  height: .54rem;
}
.s5xq .p2{
  display: inline-block;
  width: 2.6rem;
  font-size: .22rem;
  color: #221815;
  text-align: left;
  float: left;
  margin-left: .32rem;
  line-height: .31rem;
  margin-top: .12rem;
}
/*sec6*/
.s6main{
  display: flex;
  margin-top: .26rem;
}
.s6main>div{
  display: inline-block;
  float: left;
  width: 2.93rem;
  height: 4.24rem;
  box-shadow: 0 .05rem .2rem rgba(28,112,253,0.52);
  margin-right: .1rem;
  border-radius: .15rem;
}
.s6main .s6xq1{
  background: url("../images/s6C1.png") no-repeat center top;
  background-size: 100%;
}
.s6main .s6xq2{
  background: url("../images/s6C2.png") no-repeat center top;
  background-size: 100%;
}
.s6main .s6xq3{
  background: url("../images/s6C3.png") no-repeat center top;
  background-size: 100%;
}
.s6main .s6xq4{
  background: url("../images/s6C4.png") no-repeat center top;
  background-size: 100%;
  margin-right: 0;
}
.s6xq .p2{
  font-size: .27rem;
  font-weight: bold;
  color: #fff;
  text-align: left;
  margin-left: .24rem;
  margin-bottom: .08rem;
  margin-top: .5rem;
}
.s6nr {
  display: inline-block;
  margin-left: .24rem;
  width: 90%;
  float: left;
  height: 1.75rem;
}
.s6nr .p1{
  font-size: .19rem;
  color: #fff;
  text-align: left;
  width: 2.5rem;
  line-height: .25rem;
  margin-bottom: .12rem;
}
.s6nr .p1 span{
  color: #ff24a4;
}
/*sec7*/
.s7List{
  display: inline-block;
  width: 100%;
  height: 4.34rem;
  background: url("../images/s7Bg.png") no-repeat center top;
  background-size: auto 100%;
}
.tit7{
  margin: .48rem auto .31rem;
}
.s7-left{width: 3.14rem;display: block;float: left;margin-top: .25rem;margin-left: 1.1rem;}
.s7-left .teaimg{width: 100%; display: none; float: left;}
.s7-left .teaimg.active{display: block;}
.s7-left .teaimg img{display: block; margin: auto;}
.s7-right{float: right; width: 6.85rem;}
.s7-right .tea-txt{float: left; width: 100%; float: left; margin-top: .3rem;}
.s7-right .tea-txt .txt{width: 100%; float: left; clear: both; height: 3.2rem; display: none;}
.s7-right .tea-txt .txt.active{display: block;}
.s7-right .tea-txt .txt .txt-head{width: 100%; float: left; clear: both; margin-bottom: .15rem;}
.s7-right .tea-txt .txt .txt-head font{float: left; font-size: .4rem; color: #333; margin-left:.52rem;}
.s7-right .tea-txt .txt .txt-head a{font-size: .22rem;color: #fff; display: block;float:right;width: 2rem;margin-right: .4rem; margin-top: .2rem;  background: #ef693b;
  background: -webkit-linear-gradient(left, #f87a4a , #e75a2c); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #f87a4a, #e75a2c); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #f87a4a, #e75a2c); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #f87a4a , #e75a2c); /* 标准的语法 */
  -webkit-border-radius:.28rem;
  -moz-border-radius: .28rem;
  border-radius: .28rem;
}
.s7-right .tea-txt .txt p{width: 100%; float: left; font-size: .18rem;color: #fff; text-align: left;line-height: .29rem;}
.s7-right .tea-txt .txt .p1{margin: .13rem auto .08rem;}
.s7-right .tea-txt .txt .p2{font-size: .2rem;color: #3effee;height: .52rem;line-height: .52rem;background: url("../images/s7icon.png") no-repeat left bottom;background-size: 5.37rem;margin-bottom: .08rem;}
.s7-right .tea-txt .txt .p1 .sp1{font-size: .42rem;font-weight: bold;color: #fd54b6;vertical-align: sub;margin-right: .26rem;}
.s7-right .tea-txt .txt .p1 .sp2{font-size: .22rem;color: #fff;height: .37rem;line-height: .37rem;text-align: left;display: inline-block;padding-left: .15rem;
  background: #ea1491;
  background: -webkit-linear-gradient(left, #ea1491, #e75a2c);
  background: -o-linear-gradient(right, #ea1491, #e75a2c);
  background: -moz-linear-gradient(right, #ea1491, #e75a2c);
  background: linear-gradient(to right, #ea1491, rgba(255, 255, 255, 0));
}
.s7-right .m-tea{float: left; width: 100%; clear: both; margin-top: .15rem;}
.s7-right .m-tea a.arr-left{float: left;margin-left: .3rem; width: .15rem; height: .3rem; margin-top: .55rem; margin-right: .05rem;}
.s7-right .m-tea a.arr-right{float: left;margin-left: .05rem; width: .15rem; height: .3rem; margin-top: .55rem; }
.s7-right .m-tea a img{width: 100%;}
.s7-right .m-tea ul{float: left;}
.s7-right .m-tea ul li{width: 1.17rem; height: 1.17rem; display: block; margin: 0 .15rem;float: left; cursor: pointer;
  background: url("../images/techbg1.png") no-repeat center top;
  background-size: 100%;
  -webkit-border-radius:50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}
.s7-right .m-tea ul li::before{
  display: inline-block;
  content: '';
  width: 1.21rem;
  height: 1.21rem;
  background: url("../images/techbg1-1.png") no-repeat center top;
  background-size: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.s7-right .m-tea ul li img{width: .94rem;margin-top: .12rem;}
.s7-right .m-tea ul li.cur{
  width: 1.31rem;
  height: 1.31rem;
  background: url("../images/techbg2.png") no-repeat center top;
  background-size: 100%;
  box-shadow: 0 .12rem .16rem rgba(196,161,255,0.46);
  border: .02rem solid #fff;
  margin-top: -.07rem;
}
.s7-right .m-tea ul li.cur::before{
  display: none;
}
.s7-right .m-tea ul li.cur img{
  width: 1.2rem;
}
/*sec8*/
.tit8{
  margin-top: .53rem;
}
.s8main{
  margin-top: .24rem;
}
.s8main table {
  width: 100%; /* 确保表格宽度足够容纳tr的11.6rem */
  table-layout: fixed; /* 固定表格布局，使列宽按指定宽度分配 */
  border-collapse: separate; /* 修改为separate以支持border-radius */
  border-spacing: 0; /* 消除单元格间距 */
}
.s8main table tr:first-child{
  width: 11.6rem;
  height: .5rem;
  line-height: .5rem;
  background: url("../images/tbbg.png") no-repeat center top;
  background-size:auto 100%;
}
.s8main tr th{
  font-size: .22rem;
  font-weight: bold;
  color: #fff;
  border-right: .01rem solid #bffaff;
}
.s8main tr th:last-child{
  border: initial;
}
.s8main tr th span{
  display: inline-block;
  width: 77%;
  float: right;
}
.s8main tr th label{
  display: inline-block;
  width: 88%;
  float: left;
}
.s8main tr th:nth-child(1) {width: .9rem;}
.s8main tr th:nth-child(2) {width: .73rem;}
.s8main tr th:nth-child(3) {width: 2.5rem;}
.s8main tr th:nth-child(4) {width: 2.45rem;}
.s8main tr th:nth-child(5) {width: 3.88rem;}
.s8main tr td{
  font-size: .18rem;
  color: #221815;
  border: .01rem solid #456aff;
  border-right: initial;
  background: #fff;
  padding: .15rem 0;
}
.s8main tr td:nth-child(1) {
  writing-mode: vertical-rl; /* 垂直从右到左排列 */
  text-orientation: upright; /* 文字正立显示 */
  text-align: center; /* 文字居中对齐 */
}
.s8main tr td:last-child{
  border-right: .01rem solid #456aff;
}
.s8main tr td.tbyh1{
  border-top-left-radius: .1rem;
}
.s8main tr td.tbyh2{
  border-bottom-left-radius: .1rem;
}
.s8main tr td.tbyh3{
  border-top-right-radius: .1rem;
}
.s8main tr td.tbyh4{
  border-bottom-right-radius: .1rem;
}
.s8main tr td.tbsp {
  writing-mode: vertical-rl; /* 垂直从右到左排列 */
  text-orientation: upright; /* 文字正立显示 */
  text-align: center; /* 文字居中对齐 */
  letter-spacing: 3px;
}
.s8main tr td span{
  font-weight: bold;
  color: #ec2094;
}
.s8main tr td label{
  font-weight: bold;
  background: linear-gradient(180deg, #1800c0, #2954ff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.s8main tr td.tbzp{
  text-align: left;
  padding-left: .22rem;
}
.s8tb2{
  margin-top: .2rem;
}
.s8main tr td.wdb{
  border-bottom: initial;
}
.s8main tr td.tbzjL{
  text-align: left;
  padding-left: 1.02rem;
}


  /*sec9*/
.sec9{
  margin-top: .22rem;
}
.s9main{
  margin-top: .18rem;
  margin-bottom: .4rem;
  background: #fff;
}
.s9C{
  display: inline-block;
  width: 11.82rem;
  background: url("../images/s9Bg.png") no-repeat center top;
  background-size: 100%;
  margin-top: .08rem;
  margin-bottom: .1rem;
}
.s9nr{
  display: inline-block;
  width: 95%;
  margin-top: .27rem;
}
.s9nr>div{
  display: inline-block;
  width: 3.59rem;
  float: left;
  margin-right: .22rem;
  margin-bottom: .14rem;
}
.s9nr>div:nth-of-type(3n){
  margin-right: 0;
}
.s9nr>div>img{
  box-shadow: 0 .05rem .2rem rgba(28,112,253,0.52);
}
.s9wz .p1{
  font-size: .3rem;
  font-weight: bold;
  color: #fff;
  text-align: left;
  width: 84%;
  margin: .62rem auto .35rem;
  line-height: .4rem;
}
.s9wz .p1 img{
  float: right;
  margin-top: .12rem;
}
.s9wz .p2{
  font-size: .18rem;
  color: #d9d2f1;
  text-align: center;
}
/*sec10*/
.sections .tit10 {
  background: url(../images/titBg2.png) no-repeat center top;
  background-size: 3.58rem;
  margin-top: .4rem;
}
.s10main{
  border-radius: .1rem;
  margin-top: .2rem;
  background: #fff;
}
.s10nr{
  display: inline-block;
  width: 100%;
  width: 11.5rem;
  margin-top: .24rem;
}
.s10nr>div{
  display: inline-block;
  width: 100%;
}
.s10xq>img{
  display: inline-block;
  float: left;
  margin-right: .09rem;
}
.s10xq .s10mk{
  width: 5.57rem;
  height: 3.19rem;
  background: url("../images/s10img1.png") no-repeat center top;
  background-size: 100%;
  display: inline-block;
  float: left;
  margin-right: .09rem;
}
.s10xq .s10mk p{
  font-size: .28rem;
  font-weight: bold;
  color: #fff;
  text-align: left;
  margin-left: .42rem;
  margin-top: .38rem;
}
.s10xq .s10mk p span{
  color: #ff30a9;
}
.s10xq .s10mk p label{
  color: #3effee;
  font-weight: initial;
}
.s10xq1>img:nth-of-type(2n){margin-right: 0;margin-bottom: .11rem}
.s10xq1>img:nth-of-type(4){margin-right: 0;margin-bottom: .06rem}
.s10xq2>img:nth-of-type(4){margin-right: 0;}
.s10P{font-size: .18rem;color: #adadae;margin: .03rem auto .08rem;}
/*sec11*/
.sec11{
  margin-bottom: 1rem;
}
.s11C{
  display: inline-block;
  width: 11.82rem;
  background: url("../images/s11Bg.png") no-repeat center top;
  background-size: 100%;
  margin-top: .08rem;
}
.s11nr{
  display: inline-block;
  width: 95%;
  margin-top: .22rem;
}
.s11nr>div{
  display: inline-block;
  width: 3.59rem;
  float: left;
  margin-right: .22rem;
  margin-bottom: .14rem;
}
.s11nr>div>img{
  box-shadow: 0 .05rem .2rem rgba(28,112,253,0.52);
}
.s11nr>div:nth-of-type(3n){
  margin-right: 0;
}
.tit11{
  margin-top: .54rem;
}
.s11main{
  margin-top: .18rem;
  background: #fff;
}
.s11nr .s11xq5 {
  height: 2.86rem;
  background: url(../images/s11img5.png) no-repeat center 1.25rem;
  background-size: 3.55rem;
  margin-bottom: 0;
}
.s11xq5 p{
  font-size: .28rem;
  font-weight: bold;
  color: #fff;
  text-align: left;
  width: 86%;
  margin: .17rem auto 0;
  line-height: .37rem;
}
.s11xq5 p span{
  color: #ff40b0;
}