.text_title{ font-size: 0.4rem; color: #000000; font-weight: bold;}
.text_bref{ font-size: 0.16rem; line-height: 1.7; color: rgba(0,0,0,0.6);}
.gray_bj{ background: #f5f5f5; }
.banner{height:6.43rem;}
.sec1{min-height: 9.64rem; background: #000000; }
.sec1 .one{ background: #00b8aa; padding: 0.5rem 0 0.4rem; padding-left: 0.7rem; box-sizing: border-box; }
.sec1 .one span{margin-right: 0.54rem; font-size: 0.5rem; font-weight: bold; color: #fff;}
.sec1 .one .p1{ font-size: 0.16rem; color: #ffffff; line-height: 1.7;}
.sec1 .two { background: #000000; padding: 1.13rem 0 0.68rem; overflow: hidden; }
.sec1 .two .wrapper { }
.sec1 .two .tagcloud { position: relative;margin-top: 0rem;}
.sec1 .two .tagcloud a{ color: #fff; font-size: 0.16rem; white-space: nowrap;/* box-sizing: border-box; display: block; margin-bottom: 0.12rem;*/}
.sec1 .two .tagcloud a:nth-child(2){font-size: 0.2rem;}
.sec1 .two .tagcloud a:nth-child(5){font-size: 0.2rem;}
.sec1 .two .tagcloud a:nth-child(7){font-size: 0.2rem;}
.sec1 .two .tagcloud a:nth-child(10){font-size: 0.2rem;}

/*.sec1 .two .dm{color: #fff;}
.sec1 .two .p1{ font-size: 0.2rem;  padding-left: 2.69rem; margin-bottom: 0.5rem;}
.sec1 .two .p2{ font-size: 0.16rem; padding-right: 0.3rem; display: flex; justify-content: flex-end; }
.sec1 .two .p2 span{ display: block; }
.sec1 .two .p3{ font-size: 0.19rem;padding-left: 1.34rem; margin-bottom: 0.4rem;}
.sec1 .two .p4{ font-size: 0.26rem;padding-right: 2rem; margin-bottom: 0.18rem; display: flex; justify-content: flex-end; }
.sec1 .two .p5{ font-size: 0.14rem; padding-left: 3.16rem; }*/

.sec1 .two .iconbox{ align-items: flex-start; justify-content: space-between; padding-left: 0.9rem; padding-right: 0.7rem; padding-top: 2rem; position: relative;}
.sec1 .two .iconbox .posjt{ position: absolute; top:0; left:50%; display: flex; align-items: flex-end; color: #00b8aa; font-size: 0.16rem; height: 1.3rem; overflow: hidden;}
.sec1 .two .iconbox .posjt .jtsvg{ width:6px; margin-right: 0.28rem;  opacity: 0;transform: translate(0,-180px); }
.sec1 .two .iconbox .posjt span{ opacity: 0;  }
.sec1 .two .iconlist .icon1{ width: 0.42rem; margin-bottom: 0.2rem;}
.sec1 .two .iconlist .icon2{ width: 0.66rem;}
.sec1 .two .iconlist .icon3{ width: 0.65rem;margin-bottom: 0.1rem;}
.sec1 .two .iconlist .pp1{ font-size: 0.28rem; color: #00b8aa;}
.sec1 .two .iconlist .pp2{ font-size: 0.18rem; color: #ffffff;margin-bottom: 0.26rem;margin-top: 0.1rem;}
.sec1 .two .iconlist .pp3{ font-size: 0.16rem; color: #ffffff; opacity: 0.7;line-height: 1.7;}
.sec1 .two .iconlist{width: 30%;}
.sec1 .two .iconlist:nth-child(3){width: 33%;}
.sec1 .two .iconlist:nth-child(3) .pp1{margin-top: 0.1rem;}
@keyframes line_move1s {
    0%{transform: translateX(13rem); opacity: 0;}
    20%{ opacity: 1;}
    90%{ opacity: 1;}
    100%{transform: translateX(-8.69rem); opacity: 0}
}
@keyframes line_move2s {
    0%{transform: translateX(14rem); opacity: 0;}
    20%{ opacity: 1;}
    90%{ opacity: 1;}
    100%{transform: translateX(-13.69rem); opacity: 0}
}
@keyframes line_move3s {
    0%{transform: translateX(5rem); opacity: 0;}
    20%{ opacity: 1;}
    90%{ opacity: 1;}
    100%{transform: translateX(-13.69rem); opacity: 0}
}
.sec2{
    background: url('../../img/case/bioeast/2.jpg') no-repeat;
    background-size:cover;
    background-position: center;
    padding: 5.8% 0 15.76%;
    padding-right: 0.55rem;
    box-sizing: border-box;
    height:7.68rem;
}
.sec2 .text{ color: #fff; text-align: right;  display: flex; justify-content: flex-end;}
.sec2 .p1{ font-size: 0.22rem;margin-bottom: 0.18rem;}
.sec2 .p2 span{ font-size: 0.16rem; color: rgba(255,255,255,0.6); border:1px solid rgba(255,255,255,0.5); width: max-content; display: flex; align-items: center; height: 0.44rem; line-height: 1; border-radius: 0.22rem; padding-left: 0.18rem; padding-right: 0.1rem; margin-left: 0.16rem;}
.sec2 .textmt1{margin-top: 0.48rem; margin-bottom: 0.2rem;}
.sec2 .circle{justify-content: flex-end; margin-top: 0.7rem;}
.sec2 .circle .cir{ width:1.8rem; height: 1.8rem; border-radius: 50%; border: 1px solid rgba(0,0,0,0);display: flex; align-items: center;  justify-content: center; font-size: 0.22rem; margin-right: 0.36rem; position: relative;  }
.sec2 .circle .cir span{opacity: 0; transition:opacity 1s linear 1s  }
.sec2 .circle .cir svg{ position: absolute; left: 0;  top: 0;  width: 100%;  height: 100%;  stroke-dasharray: 565;  stroke-dashoffset: 565;}
.sec2 .circle .cir.on svg{animation: dash 1s cubic-bezier(0, 0, 0.03, 0.99) forwards;}
.sec2 .circle .cir.on {animation: borders 0.1s linear 1s forwards;}
.sec2 .circle .cir.on span {opacity: 1; }

.sec2 .circle .cir .move_circle{ position: absolute; left: calc(50% - 5px); top: -5px;  width: 10px;  height: 10px; background: #fff; border-radius: 50%; }
.sec2 .circle .cir:last-child{ margin-right: 0;}

@keyframes dash {
    from {
        stroke–dashoffset: 565;
    }
    to {
        stroke-dashoffset: 0;
    }
}
@keyframes borders {
    to {
        border-color: #fff;
    }
}
.sec3{ }
.sec3 p{ color: #1d1e22; }
.sec3 .text{width: max-content;border-left:1px solid #000000; padding: 1rem 0 0.5rem 0.5rem; box-sizing: border-box; margin-left: calc(50% - 0.5rem);  }
.sec3 .p1{  font-size: 0.5rem; font-weight: bold; }
.sec3 .p2{  font-size: 0.4rem; margin-top: 0.1rem;}
.sec3 .p3{  font-size: 0.16rem; opacity: 0.6; margin-top: 0.5rem; line-height: 1.7;}
.sec4{}
.sec4 .one{ background: #1d1e22; padding: 0.86rem 0.6rem 2.56rem;  box-sizing: border-box; position: relative; }
.sec4 .one .text_title1{color: #fff; margin-bottom: 0.3rem;}
.sec4 .one .text_bref1{color: rgba(255,255,255,0.6); line-height: 2.2; }
.sec4 .one .img1{ width: 100%; height: 6.6rem; margin: 0 auto; margin-top: 0.66rem; }
.sec4 .one .img2{ width: 83.3%; height: 6.15rem; position: absolute; bottom: -4.2rem;left: 50%;  transform: translateX(-50%); border-radius: 0.22rem; overflow: hidden;z-index: 2;}
.sec4 .one .img2 .posimg{position: absolute; left:0; top:0; width: 100%; opacity: 0;}
.sec4 .two{ background: #f1f1f1; padding: 4.9rem 0 4.64rem;  }
.sec4 .two .midd{ width:83.3%; margin: 0 auto; text-align: right; position: relative;}
.sec4 .two .p1{ margin-bottom: 0.1rem;}
.sec4 .imgbox{ margin-top: 0.64rem;  justify-content: flex-end;}
.sec4 .imgbox .imgsp{height: 6.08rem; position: relative; overflow: hidden; border-radius:0.18rem 0.18rem;z-index:2; box-shadow: -1px 2px 70px -37px #000;  }
.sec4 .imgbox .imgsp img{ position: absolute; width: 100%;top:0; left:0; z-index: 1; }
.sec4 .imgbox .imgsp img:nth-child(1){z-index: 2}
.sec4 .imgbox .imgsp1{ background: url(../../img/case/bioeast/5-2.jpg) no-repeat;background-position: 0% 89%; background-size: 300% auto; width:3.24rem;  }
.sec4 .imgbox .imgsp2{ background: url(../../img/case/bioeast/6-2.jpg) no-repeat; background-position: 100% -7%; background-size: 100% auto;  margin-left: 0.73rem; width:3.24rem;  }
.sec4 .imgbox img{ width:4.16rem; }

.sec4 .two .text{position: absolute; bottom: -2.9rem; left:0; z-index: 2;}
.sec4 .two .text_title{font-weight: bold;}
.sec4 .two .lt{text-align: left;margin-left: -0.6rem;}
.sec4 .two .text_title1{margin-bottom: 0.36rem; margin-top: 1rem;}
.sec4 .two .text .text_bref {line-height: 2.2}
.sec4 .three{align-items: flex-end; justify-content: space-between; padding-left: 1rem; padding-right: 0.84rem; box-sizing: border-box;}
.sec4 .three .img1{width:58.87%; height: 11rem;}
.sec4 .three .img2{margin-bottom: 1rem;display: flex;  flex-direction: column;  align-items: center;}
.sec4 .three .img2 p{font-size: 0.16rem; color: rgba(0,0,0,0.3); text-align:center; margin-top: 0.2rem;}
.sec4 .three .imgs1{width:3.63rem;}
.sec4 .three .imgs2{width:4.28rem; margin-top: 0.1rem;}
.sec4 .text2 {text-align: right; margin-right: 0.66rem; margin-top: 0.5rem;}
.sec4 .text2 .text_title{margin-bottom: 0.46rem;}
.sec4 .text2 .text_bref{line-height: 2.2;}
.sec5 {
    /*background: #00b8aa url('../../img/case/bioeast/13.jpg') no-repeat;*/
    background: #00b8aa;
    background-position: center bottom;
    background-size:100% auto;
    padding-bottom: 11.82rem;
    position: relative;
}
.sec5 .img1{
    position: absolute; top:-3.99rem; width: 100%; left:0; padding: 0 0.5rem; box-sizing: border-box; z-index: 3;
}
.sec5 .img1 .bjimg{
    padding-bottom: 6.7rem;
    background: url('../../img/case/bioeast/10.png') no-repeat;
    background-position: center bottom;
    background-size: 100% 100%;
}
.sec5 .video{ position: absolute; top:0.93rem; width: 50.66%; left:1.112rem; overflow: hidden; height: 5.13rem;border-bottom-left-radius: 0.22rem;}
.sec5 .video video{width: 100%;  height: 100%; object-fit: cover;}
.sec5 .imgbox{position: absolute; bottom: 1.98rem; left:0.8rem; z-index: 2;}
.sec5 .circleVideo{position: absolute; bottom: 0;  overflow-x: hidden;}
.sec5 .circleVideo video{width:171.6%}
.sec5 .imgbox img{width:4.02rem; height: 6.74rem; }
.sec6{position: relative; height:8.95rem;}
.sec6 .text{ position: absolute; top:0.6rem; right:0.52rem; text-align: right; }
.sec6 .text .p1{color: #ffffff; font-weight: bold; margin-bottom: 0.3rem;}
.sec6 .text .p2{color: rgba(255,255,255,0.6); line-height: 2.2}
.sec7{padding-top: 1.04rem; margin-bottom: 1.33rem; height:5.75rem;}
.sec7 .text_title{ margin-bottom: 0.2rem; }
.sec7 .block{ margin-top: 0.7rem;}
.sec7 .block .one{font-size: 0.14rem; color: #ffffff; text-align: right;}
.sec7 .block .one>div{ box-sizing: border-box;}
.sec7 .block .one .div1{ height: 2.34rem; width:71%;}
.sec7 .block .bj{width: 0%; height: 100%;text-align: right; }
.sec7 .block .bj span{margin-top: 0.14rem; margin-right: 0.2rem; display: inline-block; opacity: 0; }
.sec7 .block .one .div1 .bj{background: #00b8aa; }
.sec7 .block .one .div2{ height: 2.34rem;width:29%;}
.sec7 .block .one .div2 .bj{background: #ff8c3b; }
.sec7 .block .two .div1{ height: 1.6rem;width:39.27%;color: rgba(255,255,255,0.5);}
.sec7 .block .two .div1 .bj{background: #4b4d5b; }
.sec7 .block .two .div2{ height: 1.6rem;width:calc(100% - 39.27%);color: rgba(75,77,91,0.5);}
.sec7 .block .two .div2 .bj{background: #f6f6f6; }
.sec7 .block .three{height: 20px;}
.sec7 .block .three>div{width:calc(100% / 5);}
.sec7 .block .three .div1 .bj{background: #000000;}
.sec7 .block .three .div2 .bj{background: #212121;}
.sec7 .block .three .div3 .bj{background: #585858;}
.sec7 .block .three .div4 .bj{background: #acacac;}
.sec7 .block .three .div5 .bj{background: #ebebeb;}

.sec8 {height:12.41rem;}
.sec8 .text{text-align: right; margin-bottom: 1rem;}
.sec8 .text .text_title{font-weight: bold; margin-bottom: 0.3rem;}
.sec8 .mid{width: 80%; margin: 0 auto;}
.sec8 .bref{font-size: 0.16rem; color: rgba(0,0,0,0.3); margin-bottom: 0.3rem;}
.sec8 .bref2{ margin-top: 0.3rem;}
.sec8 .iconbox{display: flex; flex-wrap: wrap;}
.sec8 .iconbox .icon{margin-right: 22.5%; margin-bottom: 0.7rem; width: calc( (100% - 34%) / 3 ); margin-right: 17%; }
.sec8 .iconbox .icon:nth-child(3n){margin-right: 0;}
.sec8 .iconbox .icon1{/*width:2.37rem;*/}
.sec8 .iconbox .icon2{width: calc( (100% - 36%) / 3 ); }
.sec8 .iconbox .icon3{/*width:2.6rem; */height: 2.38rem;}
.sec8 .iconbox .icon4{width: calc( (100% - 24%) / 3 ); margin-right: 15%;}
.sec8 .iconbox .icon5{width: calc( (100% - 38%) / 3 );/*margin-right: 19.5%;*/}
.sec8 .iconbox .icon6{/*width:2.77rem;*/ }
.sec8 .iconbox2{/*display: flex; flex-wrap: wrap;*/ gap: 0.9rem 0.7rem; display: grid; grid-template-columns: auto auto auto auto auto auto auto auto;}
.sec8 .iconbox2 .icon{/*width:calc( (100% - 4.9rem) / 8 );*/ }
.sec8 .iconbox2 .icon img{transition:transform 0.5s ease; }
.sec8 .iconbox2 .icon:hover img{transform: rotateY(180deg);}
@keyframes icon_move1 {
    0%{transform: translate(0,-5px); }
    20%{transform: translate(5px,0); }
    40%{transform: translate(10px,10px); }
    60%{transform: translate(0px,10px); }
    80%{transform: translate(-5px,7px); }
    100%{transform: translate(0,7px); }
}
@keyframes icon_move2 {

    0%{transform: translate(5px,0); }
    20%{transform: translate(10px,10px); }
    40%{transform: translate(0px,10px); }
    60%{transform: translate(-5px,7px); }
    80%{transform: translate(0,7px); }
    100%{transform: translate(5px,0px); }
}

.sec9{background: #00b8aa; padding: 0.84rem 0 1.06rem; height:8.82rem;}
.sec9 .text{padding: 0 0.56rem; box-sizing: border-box; margin-bottom: 0.43rem;}
.sec9 .bigtext{font-size: 0.5rem; color: #fff; margin-bottom: 0.8rem; font-weight: bold;}
.sec9 .text_title{ margin-bottom: 0.3rem; color: #ffffff;}
.sec9 .text_bref{ color: #ffffff; line-height: 2.2}
.sec9 .imgbox .imgs{width:9.33rem; height: 4.94rem;overflow: hidden;border-radius: 0.24rem; padding: 5px;padding: 0.56rem; }
.sec9 .imgbox .imgs img{border-radius: 0.24rem; box-shadow: -1px 2px 70px -37px #2f2d2d;}
.sec10 { position: relative; height:8.72rem;}
.sec10 .text{ position: absolute; left:0.66rem; top:0.66rem; z-index: 4;}
.sec10 .text .p1{ font-size: 0.17rem; color: rgba(255,255,255,0.6); margin-bottom: 0.2rem;}
.sec10 .text .p2{ font-size: 0.25rem; color: #ffffff; }
#sec11 .sssd{ transition: transform 20s linear; }
#sec11.active .sssd{ transform: translateY(-12rem); }
@media all and (min-width: 1921px) {
    .sec1 .two .iconlist .pp3,
    .text_bref,
    .sec2 .p2 span,
    .sec3 .p3{font-size: 16px;}
    .sec1 .two .iconlist .pp2{font-size: 18px;}
}

.comPage .sec1 .two .iconlist .pp2{margin-bottom: 0.16rem;}
.comPage .sec2 .p1{font-size: 0.18rem;}

@media screen and (max-width: 767px) {
    .text_bref{font-size: 0.26rem; line-height: 1.66;}
    .text_bref br{display: none;}
    .text_title{font-size: 0.34rem;}
    .banner{height: auto;}
    .sec1 .one{flex-direction: column; text-align: left; align-items: flex-start; padding: 0.5rem 0.36rem;}
    .sec1 .one span{font-size: 0.48rem; margin-bottom: 0.4rem;}
    .sec1 .one .p1{font-size: 0.26rem;}
    .sec1 .two{padding-bottom: 0.9rem;}
    .sec1 .two .iconbox{padding-left: 0.36rem; padding-right: 0.36rem; padding-top: 2.2rem;}
    .sec1 .two .iconlist .icon1{}
    .sec1 .two .iconlist .pp1 {font-size: 0.3rem;}
    .sec1 .two .iconlist .pp2 {font-size: 0.24rem;}
    .sec1 .two .iconlist .pp3{display: none;}
    .sec1 .two .iconlist {width: 26%;}
    .sec1 .two .iconlist:nth-child(3) {width: 30%;}
    .sec1 .two .iconbox .posjt{font-size: 0.24rem; height: 1.5rem;}
    .sec1 .two .tagcloud a{font-size: 0.22rem;}
    .sec2{padding-right: 0; padding: 0.6rem 0.3rem 1.95rem; height: auto;}
    .sec2 .p1{font-size: 0.26rem;margin-bottom:0; line-height: 1.66;}
    .sec2 .p2 span {font-size: 0.24rem; height: 0.54rem; border-radius: 0.27rem; margin-bottom: 0.3rem;margin-left: 0;}
    .sec2 .textmt1 span:nth-child(2){margin-left: 0.3rem;}
    .sec2 .textmt2 span:nth-child(2){margin-left: 0.1rem;}
    .sec2 .textmt1,.sec2 .textmt2{flex-wrap: wrap; margin-bottom:0;}
    .sec2 .circle {justify-content: space-between; margin-top: 0.5rem;}
    .sec2 .circle .cir{width: 1.34rem; height: 1.34rem; margin-right: 0; font-size: 0.22rem; font-weight: bold; opacity: 1;  border-color: #fff;}
    .sec2 .circle .cir span{opacity: 1;}
    .sec2 .circle .cir svg{display: none;}
    .sec3 .text {margin-left: 0.7rem; margin-top: 0.44rem; margin-bottom: 0.44rem; width: 6rem; padding-bottom: 1rem;}
    .sec3 .p1 {font-size: 0.54rem;}
    .sec3 .p2 {font-size: 0.44rem;}
    .sec3 .p3 {font-size: 0.24rem;}
    .sec3 .p3 br{display: none;}
    .sec4 .one {padding: 1.1rem 0.3rem 1.6rem;}
    .sec4 .one .text_title1{font-size:0.48rem;}
    .sec4 .one .text_bref1{line-height: 1.66;}
    .sec4 .one .img1{margin-top: 0.9rem; height: 3.6rem;}
    .sec4 .one .img2{width: 5.59rem; height: 3.29rem; bottom: -2.3rem;}
    .sec4 .two {padding: 3rem 0 3.14rem;}
    .sec4 .two .midd{width: 6rem;}
    .sec4 .two .p1{margin-bottom: 0.6rem;}
    .sec4 .imgbox {margin-top: 0.9rem;}
    .sec4 .imgbox .imgsp{width: 2.29rem; height: 4.3rem; border-radius: 0.1rem 0.1rem;}
    .sec4 .imgbox .imgsp1{width: 2.29rem;}
    .sec4 .two .text{position: relative; bottom: auto; left:0;}
    .sec4 .two .text .text_bref{line-height: 1.66;}
    .sec4 .two .lt{margin-left: 0;}
    .sec4 .two .text_title1{margin-top: 1.6rem; margin-bottom: 0.2rem;}
    .sec4 .three{flex-direction: column; padding: 0 0.4rem; align-items: flex-start;}
    .sec4 .three .img1{width: 93%; margin-top: -2.6rem;}
    .sec4 .three .img2{width: 100%;}
    .sec4 .three .imgs1 {width: 4.63rem;}
    .sec4 .three .img2 p{font-size: 0.26rem;}
    .sec4 .three .imgs2 {margin-top: 0.8rem;}
    .sec4 .text2{padding: 0 0.34rem; margin-right:0;}
    .sec4 .text2 .text_bref{line-height: 1.66;}
    .sec4 .text2 .text_title{margin-bottom: 0.2rem;}
    .sec5 {padding-bottom: 6.52rem;}
    .sec5 .img1{padding: 0; top: -2.1rem;}
    .sec5 .video{ top: 0.5rem; width: 54.66%;left: 0.34rem; height: 2.76rem;}
    .sec5 .img1 .bjimg {padding-bottom: 3.6rem;}
    .sec5 .imgbox {right: 0.1rem; bottom:1rem; left:auto;}
    .sec5 .imgbox img {width: 2.16rem; height: 3.64rem;}
    .sec5 .circleVideo {overflow: hidden;}
    .sec5 .circleVideo video {width: 183%;margin-left: -18%;}
    .sec6{background: #0E1316; flex-direction: column; display: flex;height: 7rem; padding-top: 0.9rem; height: auto; }
    .sec6 .imgs1{ order:2;}
    .sec6 .text{position: unset; order:1; padding: 0 0.34rem; box-sizing: border-box;}
    .sec6 .text .p2{line-height: 1.66; color: #fff;}
    .sec6 .text .p1,.sec8 .text .text_title{margin-bottom: 0.2rem;}
    .sec7{padding-top: 0.8rem;}
    .sec7 .text_bref,.sec7 .text_title{box-sizing: border-box; padding: 0 0.34rem;}
    .sec7 .block .one{font-size: 0.2rem;}
    .sec7 .block .one .div1,.sec7 .block .one .div2{height: 1.6rem;}
    .sec7 .block .two .div1,.sec7 .block .two .div2{height: 1.23rem;}
    .sec7 .block .three{height: 0.4rem;}
    .sec8 .text,.sec8 .mid{padding: 0 0.34rem; box-sizing: border-box;}
    .sec8 .bref{font-size: 0.24rem; margin-bottom: 0.46rem;}
    .sec8 .mid{width: 100%; }
    .sec8 .iconbox{overflow-x: scroll; flex-wrap: nowrap; width: max-content;}
    .sec8 .iconbox .icon1, .sec8 .iconbox .icon2{width: 2.37rem; }
    .sec8 .iconbox .icon{margin-right: 1.3rem;}
    .sec8 .iconbox .icon:last-child{margin-right: 0;}
    .sec8 .iconbox .icon3{width: 2.6rem;  }
    .sec8 .iconbox .icon4{width: 2.9rem;  }
    .sec8 .iconbox .icon5{width: 2.46rem;  }
    .sec8 .iconbox .icon6{width: 2.76rem;  }
    .sec8 .lb1,.sec8 .lb2{overflow-x: auto; }

    .sec8 .iconbox2{width: 12.98rem; gap: 0.6rem 0.9rem; margin-bottom: 0.4rem;}
    .sec8 .iconbox2 .icon{width: 0.93rem; }
    .sec8 .bref2{margin:1rem 0 0.8rem }
    .sec9 {height: auto;}
    .sec9 .text_bref{line-height: 1.66;}
    .sec9 .text { padding: 0 0.34rem; margin-bottom:0.9rem;}
    .sec9 .text_title{margin-bottom: 0.2rem;}
    .sec9 .imgbox  {padding: 0 0.34rem; box-sizing: border-box;}
    .sec9 .imgbox .imgs {width: 4.82rem;height: 2.55rem; padding: 0;}
    .sec10{height: 6.64rem; background: #11151A;}
    .sec10 .img1{position: absolute; bottom: 0;}
    .sec10 .text .p1 {font-size: 0.26rem;}
    .sec10 .text .p2 {font-size: 0.32rem;}
    .sec10 .text{left:0.34rem;}
    .comPage .text_bref,
    .comPage .sec1 .one .p1,
    .comPage .sec4 .one .text_bref1,
    .comPage .sec6 .text .p2,
    .comPage .sec4 .two .text .text_bref,
    .comPage .sec4 .text2 .text_bref,
    .comPage .sec3 .p3{line-height: 1.4;}
    .comPage .sec2 .p2 span{height: auto; border-radius: 0.6rem; padding: 0.1rem 0.12rem;}
    .comPage .sec2 .p1{font-size: 0.26rem; line-height: 1.4;}
}