.text_title{ font-size: 0.22rem; color: #727171;   line-height: 1; font-weight: 700; margin-bottom: 0.4rem;}
.text_bref{ font-size: 0.16rem; color: #727171; line-height: 1.7}
.pos{position: absolute; width: 100%; z-index: 2}
.detailImg .mid{width: 86.85%; margin: 0 auto;}
div{box-sizing: border-box;}
.pmt-1{margin-top: 0.16rem;}
.sec1{height: 8.1rem;  }
.sec1 .text{width: 5.06rem; bottom: 0.4rem; right: 0.7rem;}
.sec2 {background: #EFEFEF; padding-top: 0.5rem;}
.sec2 .tbox{height: 0.4rem; background: #B5B5B6; color: #FFFFFF; font-size: 0.16rem; line-height: 0.4rem; text-align: center;}
.sec2 .imgbox{padding: 0 0.45rem; height: 2.7rem; align-items: flex-end; margin-bottom: 0.68rem;  }
.sec2 .img{width: 1rem; margin-right: 0.54rem; transform: translateY(-100px); opacity: 0; display: flex
;
    align-items: center;
    flex-direction: column;}
.sec2 .img1{width: 0.845rem;margin-bottom: -0.2rem;}
.cnPage .sec2 .img1{margin-bottom: 0;}
.sec2 .img p{ line-height: 1.2; margin: 0.3rem 0 0; color: #727171;  text-align: center; white-space: nowrap; font-size: 0.15rem;}
.sec2 .img6{width: 0.55rem; margin-right: 0.6rem;  margin-left: 0.6rem; }
.sec2 .img5{margin-right: 0.4rem;}
.sec2 .img7{margin-right: 0;}
.sec2 .swiper2 {width: 3.44rem;  margin-right: 0; margin-left: 0;}
.sec2 .swiper2 .swiper-slide {}
.sec2 .txt1{width: calc(100% - 5.8rem);}
.sec2 .txt2{width: 3.12rem; background: url('../../img/case/exlab/3.jpg') no-repeat; background-size: cover;}
.sec2 .txt3{width: 2.68rem}
.sec3 {background: #F9F9F9; padding-bottom: 4.08rem; }
.sec3 .one{height: 10.7rem; overflow: hidden;}
.sec3 .one video{width: 102%;margin-left: -1%;margin-top: -1%;}
.sec3 .oneb{height: 14.37rem;  position: relative;}
.sec3 .oneb .jt3{width: 3.4rem; top:-1rem; left:4rem; clip-path: inset(100% 0% 0% 0%);}
.sec3 .oneb .jt4{width: 2.4rem; bottom: 1.8rem; left:5.4rem; z-index: 3; clip-path: inset(0% 0% 100% 0%);}
.sec3 .two{position: absolute; bottom: 0;left:0; z-index: 2; align-items: flex-end; }
.sec3 .two .leftimg{width: 6.5rem; display: flex; flex-direction: column; justify-content: space-between; height: 6.08rem; }
.sec3 .two .text{width: calc(100% - 6.5rem); padding-left:0.8rem; padding-right: 0.7rem;  margin-bottom: 1rem; }
.sec4{padding: 1.2rem 0 0.5rem; background: #F9F9F9;}
.sec4 .text_title{margin-bottom: 0.7rem;}
.sec4 .box1 {height: 3.14rem;}
.sec4 .li{ transform: translateY(-100px); opacity: 0;}
.sec4 .box2 {height: 4.5rem;}
.sec4 .imgbox{padding: 0 0.44rem;}
.sec4 .imgbox .title{ margin-bottom: 0.1rem; font-size: 0.14rem;}
.sec4 .imgbox .box2{ margin-top: 0.96rem;}
.sec4 .li1 {width: 1.59rem; margin-right: 0.3rem; }
.sec4 .li2 {width: 1.86rem;margin-right: 0.3rem; }
.sec4 .li3 {width: 2.28rem;margin-right: 0.3rem; }
.sec4 .li4 {width: 3.36rem; }
.sec4 .li5 {width: 3.27rem; position: relative;margin-top: 0.36rem; }
.sec4 .li5 p{position: absolute; top: 0.56rem;z-index: 2; }
.sec4 .li6 {width: 2.92rem; }
.sec4 .li7 {width: 3.6rem; }
.sec5 { height: 9.2rem; }
.sec5 .text{ left:0.46rem; top:0.6rem; width: 5.9rem; }
.sec6{padding-top: 1rem;}
.sec6 .swiper1{ margin-top: 1.2rem; }
.sec6 .swiper1 .swiper-wrapper{ display: flex; align-items: flex-end }
.sec6 .swiper-scrollbar{ margin-top: 0.5rem; height: 1px }
.sec6 .swiper-scrollbar .swiper-scrollbar-drag{  height: 4px; background: #231815; top:-2px;}
.sec7{ display: flex; flex-wrap: wrap; margin-top: 1.2rem; }
.sec7 .img{ width: 50%; height: 4.14rem; overflow: hidden; }

.sec8 .text{margin-left: 0.46rem; width: 8rem; padding: 1rem 0;}
.sec8 .img1{height: 7.44rem}
.sec8 .jt2{width: 2.25rem; left:32.8%; bottom:5.2rem}

@media screen and (max-width: 767px) {
    .text_bref{font-size: 0.26rem; line-height: 1.66}
    .text_title{font-size: 0.34rem;  line-height: 1.4; margin-bottom: 0.2rem;}
    .comPage .text_bref {line-height: 1.4;}
    .sec1 {height: auto}
    .sec1 .img1{overflow: hidden; height: 4.58rem;}
    .sec1 .img1 img{width: 108%; margin-left: -4%;}
    .sec1 .text{position: unset; width: 100%; padding: 0 0.3rem 0.3rem; margin-top: 0.4rem;}
    .sec1 .text .text_title{position: absolute;  right: 0.3rem; top: -1.5rem;text-align: right;}
    .sec2{overflow-x: auto; padding-top: 1rem;}
    .sec2 .imgbox,.sec2 .tbox{width: 255%}
    .sec2 .img1{width: 1.24rem; margin-bottom: -0.3rem;}
    .sec2 .img{width: 1.55rem; margin-right: 0.8rem;}
    .sec2 .img6 {width: 0.83rem; margin-left:0;}
    .sec2 .img7 {margin-right:0;}
    .sec2 .img p{white-space: nowrap; font-size: 0.26rem}
    .sec2 .swiper2 {width: 4.22rem;}
    .sec2 .imgbox{height: 4rem; padding-bottom: 0.4rem;}
    .sec2 .tbox{font-size: 0.26rem; height: 0.6rem; line-height: 0.6rem;}
    .sec3  {padding-bottom: 0;}
    .sec3 .one {height: 5.54rem;}
    .sec3 .oneb {height: 7.5rem;}
    .sec3 .oneb .jt3 {width: 2.07rem;top: -1rem;left: 1.9rem;}
    .sec3 .two{flex-direction: column; position: unset; align-items: flex-start;}
    .sec3 .two .leftimg{width: 4.42rem; height: 4.16rem; margin-top: -1.6rem;}
    .sec3 .two .text{width: 100%; padding: 0.6rem 0.3rem 0; margin-bottom: 0.7rem;}
    .sec3 .oneb .jt4{width: 1.6rem; left:2.6rem; bottom: 0.4rem;}
    .sec4 .li img{width: 100%;}
    .sec4 .imgbox .title{font-size: 0.24rem;}
    .sec4 .li{transform: translate(0)}
    .sec4 .li1{width: 2.38rem; margin-right: 0.7rem;}
    .sec4 .li2{width: 2.79rem; margin-right: 2.88rem;}
    .sec4 .li2 p{white-space: nowrap;}
    .sec4 .li3{width: 3.46rem; position: absolute; left:0; bottom: 1rem;}
    .sec4 .li4{width: 5.05rem; position: absolute; right:0; top: 0;}
    .sec4 .li5{width: 4.9rem; position: absolute; left:-7rem; bottom: 1rem;}
    .sec4 .li6{width: 4.38rem; position: absolute; left:0; bottom: 1rem;}
    .sec4 .li7{width: 5.4rem; position: absolute; right:1.2rem; top: 0;}
    .sec4 .spbox{overflow-x: auto; overflow-y: hidden;}
    .sec4 .imgbox{display: flex;width: 360%; height: 10.7rem;}
    .sec4 .box1,.sec4 .box2{height:auto;position: relative;  justify-content:unset;}
    .sec4 .box1{width: 14rem; }
    .sec4 .box2{width: 12rem; }

    .sec6 .text{text-align: left; padding: 0 0.3rem;}
    .sec6 .swiper1{padding: 0 0.3rem; margin-top: 0.6rem;}
    .sec7 .img{height: 2.17rem; overflow: hidden;}
    .sec8 .text{width: 100%; margin: 0.8rem 0;}
    .sec8 .img1,.sec8 .text{ padding: 0 0.3rem; }
    .sec8 .img1{height: 3.53rem;}
    .sec8 .jt2{width: 1.4rem; left: 33.8%; bottom: 2.2rem;}
}