.text_title{ font-size: 0.22rem; color: #727171;   line-height: 1; font-weight: 700;}
.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: 7.86rem; background: #D1D1D1; padding-top: 1rem;}
.sec1 .imgbox {padding: 0 1.6rem; justify-content: center;}
.sec1 .imgbox p{  text-align: center; line-height: 1.2 }
.sec1 .imgbox .p1{ margin-bottom: 0.1rem; margin-top: 0.4rem;}
.sec1 .imgbox .img{height: 5.1rem; display: flex; align-items: flex-end; position: relative;}
.sec1 .imgbox .img .on{ position: absolute; width: 100%; left:0; bottom:0; z-index: 2; opacity: 0;}
.sec1 .imgbox .li1 .img{ width: 1.86rem; }
.sec1 .imgbox .li2 .img{ width: 1.87rem; }
.sec1 .imgbox .li3 .img{ width: 3.14rem; }
.sec1 .imgbox .li1{transform: translateX(-1.5rem);margin-right: -0.012rem;}
/*.sec1 .imgbox .li2{margin: 0 0.1rem;}*/
.sec1 .imgbox .li3{transform: translateX(1.5rem);margin-left: -0.04rem;}

.sec2 {background: #D8DADF; padding: 1.6rem 0 1.18rem;}
.sec2 .text .text_title{margin-bottom: 0.5rem;}
.sec2 .li1 {justify-content: flex-end; height: 3.78rem;}
.sec2 .li1 .text{width: 5.15rem; margin-right: 0.5rem; }
.sec2 .li2 .text{width: 5.15rem; margin-left: 1.24rem; }
.sec2 .img {position: absolute; width: 6.74rem; }
.sec2 .li  { position: relative;}
.sec2 .li1 .img {left:-0.3rem; top:0; box-shadow: 15px 9px 20px 0px #B0B1B6}
.sec2 .li2 .img {right:-0.3rem; top: -3.6rem;box-shadow: -8px 9px 20px 0px #B0B1B6;}
.sec2 .li3 .img1 {width: 9.9rem;height: 6.1rem;}
.sec2 .li2 {margin-top: 3.4rem;}
.sec2 .li3 {margin-top: 0.42rem;}

.sec3 .img1 {height: 7.4rem;}
.sec3 .text_title {padding: 1.8rem 0 1rem; background: #f8f8f8;}
.sec4 .img1 {height: 1.67rem;}
.sec4 .text {margin: 1rem 0 0.4rem; padding-left:1.3rem; box-sizing: border-box;}
.sec4 .text_title {margin-bottom: 0.4rem;}

.sec5 { }
.sec5 .img1{width: 8.8rem; }
.sec5 .li1{padding-top: 1.74rem; background: #F8F8F8}
.sec5 .li1 .img1{height: 3.94rem;}
.sec5 .li2 .img1{height: 5.39rem; position: relative; }
.sec5 .text{width: calc(100% - 8.8rem); padding-right: 0.5rem;}
.sec5 .li2 {margin-top: 0.42rem; overflow: hidden}
.sec5 .li2 .jtimg{width: 5.06rem; left:-3.4rem; bottom: 1.1rem; clip-path: inset(0% 100% 0% 0%); }
.sec5 .li2 .img1 .img{transform: translateX(100%);}
.sec6 {margin-top: 1.3rem;}
.sec6 .li1{align-items: flex-end; margin-bottom: 0.4rem;}
.sec6 .li1 .img1{ height: 6.4rem;}
.sec6 .li2 .img1{ height: 4.5rem;width: 8rem;}

video::-webkit-media-controls-picture-in-picture-button {
    display: none !important;
}

.sec6 .li2 #dragBox{ width:8rem; }
.sec6 .li2 .text{ width:calc(100% -  8rem); padding: 0 0.5rem 0 0.6rem;}
.sec6 .li2 .text .text_title{ margin: 0.4rem 0;}
.sec7{ margin-top: 1.6rem;}
.sec7 .text_title{ margin-bottom:0.4rem;}
.sec7 .img1{ margin-top: 0.6rem; height: 7.4rem}
.sec8{ margin-top: 1.6rem; }
.sec8 .text{ margin-top: 1rem; width: 5rem; }
.sec8 .text .text_title{ margin-bottom:0.4rem; }
.sec8 .jt2{width: 1.56rem; left: 64%; top: -4.4rem;}
.swiper1 .swiper-slide{transform: scale(0.8); margin-top: 60px; margin-bottom: 60px; transition: transform 0.5s ease; box-shadow: 5px 3px 12px 0px #C4C1C0; }
.swiper1 .swiper-slide.swiper-slide-active{transform: scale(1.2); }
.sec9 {display: flex; justify-content: space-between; margin-top: 1.2rem; }
.sec9 .img1{width: 8.2rem; height: 3.96rem; }
.sec9 .text{width: 4rem; padding-right: 0.4rem;}
.sec9 .text .text_title{margin: 0.6rem 0 0.4rem;}

@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: 6.79rem; padding-top: 1.26rem;}
    .sec1 .imgbox {padding: 0 1.2rem; overflow: hidden}
    .sec1 .imgbox .li1 .img,.sec1 .imgbox .li2 .img {width: 1.2rem;}
    .sec1 .imgbox .img {height: 3.29rem;}
    .sec1 .imgbox .li3 .img {width: 2.03rem;}
    .sec1 .imgbox .li1  {transform: translateX(-3rem);}
    .sec1 .imgbox .li3  {transform: translateX(5rem);}
    .sec1 .imgbox .p2{font-size: 0.2rem;}
    .sec1 .imgbox .p1 {margin-bottom: 0.2rem;margin-top: 0.5rem;}
    .sec2{padding: 0.9rem 0 0;}
    .sec2 .li{flex-direction: column; height: auto;}
    .sec2 .img{position: unset;}
    .sec2 .li .img{height: 2.22rem; width: 4rem; }
    .sec2 .li1 .img{order:2;}
    .detailImg .text{ width: 100% !important; padding: 0 0.3rem;}
    .sec2 .li1 .text{ margin-bottom: 0.5rem; }
    .sec2 .text .text_title{margin-bottom: 0.2rem;}
    .sec2 .li2{align-items: flex-end; margin-top: -0.66rem;}
    .sec2 .li2 .text{margin-left: 0; margin-top: 0.56rem;}
    .sec2 .li3 {margin-top: 0;}
    .sec2 .li3 .img1{height: 6.85rem; width: 100%;}

    .sec3 .text_title {padding: 0.76rem 0;}
    .sec3 .img1 {height: 4.4rem;overflow: hidden;}
    .sec3 .img1 img{width: 114%; margin-left: -9%;}
    .sec4 .text{width: 100%; padding: 0 0.3rem; margin: 0.6rem 0;}
    .sec4 .text_title {margin-bottom: 0.2rem;}
    .sec5 {}
    .sec5 .li{flex-direction: column; }
    .sec5 .li,.sec6,.sec8{padding: 0 0.3rem;}
    .sec5 .li .text{padding: 0;}
    .sec5 .li1{padding-top: 0.6rem;}
    .sec5 .li1 .img1{width: 4.5rem; height: 2.47rem; overflow: hidden; margin-top: 0.58rem;}
    .sec5 .li1 .img1 img{width: 122%; margin-left: -22%;}
    .sec5 .li2 .img1 {height: 3.37rem; width: 5.5rem;}
    .sec5 .li2  {align-items: flex-end;}
    .sec5 .li2 .text {order:2; margin-top: 0.9rem;}
    .sec5 .li2 .jtimg{width: 2.32rem; left: -0.56rem;bottom: -0.8rem; clip-path: inset(0% 0% 100% 0%);}
    .sec6{margin-top: 0.6rem;}
    .sec6 .li1  {margin-bottom: 0;}
    .sec6 .li1 .img1 {height: 3.2rem;}
    .sec6 .li2  {flex-direction: column;}
    .sec6 .li2 .img1  {order:2; height: 3.55rem;}
    .sec6 .li2 .text{width: 100%; padding: 0; margin-bottom: 0.6rem;}
    .sec6 .li2 .text .text_title{margin: 0.6rem 0 0.2rem;}
    .sec6 .li2 #dragBox{width: 100%;}
    .sec7  {margin-top: 1rem;}
    .sec7 .text_title {margin-bottom: 0.2rem;}
    .sec7 .img1 {margin-top: 0.8rem; height: 3.85rem;}
    .sec8 {margin-top: 1.34rem;}
    .sec8 .text {padding: 0;}
    .sec9 .text .text_title,.sec8 .text .text_title{margin-bottom: 0.2rem}
    .swiper1 .swiper-slide{transform: scale(0.7);box-shadow:none; margin: 0; width: 4.57rem; height: 2.57rem;}
    .swiper1 .swiper-slide.swiper-slide-active{transform: scale(1); }
    .sec8 .jt2 {width: 1.78rem;left: 58%;top: -3rem;}
    .sec9{flex-direction: column;margin-top: 0.9rem;}
    .sec9 .img1 {width: 5rem;height: 2.86rem; overflow: hidden}
    .sec9 .img1 img{width: 118%; margin-left: -14%;}

}