.text_title{ font-size: 0.24rem; color: #868686;   line-height: 1; font-weight: 700; margin-bottom: 0.3rem;}
.text_bref{ font-size: 0.16rem; color: #868686; line-height: 1.7}
.pos{position: absolute; width: 100%; z-index: 2}
div{box-sizing: border-box;}
.sec1 .img1{height: 7.4rem;}
.sec2 {background: #F8F8F8; padding:1.2rem 0;}
.sec2 .img1{width: 10.69rem; height: 6.37rem; margin: 0 auto;}
.sec2 .box2{padding-bottom: 6.4rem; margin-top: 1rem;}
.sec2 .box2 .text{width: calc(100% - 5.38rem); left:0; top:2.6rem;padding:0 0.96rem }
.sec2 .box2 .img2,.sec2 .box2 .img3{width: 5.38rem; right: 0; top:0; height: 5.35rem;}
.sec2 .box2 .img2{ z-index: 3;}
.sec2 .box2 .img3{top:auto; bottom: -4.98rem;}
.sec2 .box3 .img4{height: 28.4rem;}
.sec2 .box3 .text2{width: 4.6rem; right:0.8rem; top:6rem;}
.sec2 .box3 .text3{width: 4.9rem; left:1.14rem; bottom:2rem;}
.sec2 .svg1{width: 13.87rem; top:-7.9rem; left:0;}
.sec2 .svg1 .path{stroke-dasharray: 4000; stroke-dashoffset: 4000;}
.sec2 .svg1 .path,.sec2 .svg3  .path {fill: none;stroke: #fff;stroke-miterlimit: 10;stroke-width: 2.5px;}
.sec2 .svg2{width: 4.1rem;right: -0.48rem;bottom: -4.1rem;}
.sec2 .svg2 .path {fill: none;stroke: #fff;stroke-miterlimit: 10;stroke-width: 2px; stroke-dasharray: 900; stroke-dashoffset: 900;}
.sec2 .svg2 .path1 {stroke-width: 1.5px;}
.sec2 .svg3{width: 104%;  top:34%; left:-0.3rem;}
.sec2 .svg3 .path{stroke-dasharray: 1500; stroke-dashoffset: 1500;}
.sec4 {height: 7.13rem; }
.sec4 .text{ right:0.64rem; bottom: 0.94rem; width: auto; text-align: right;}
.sec4 .svg4{width: 104%;  top:40%; left:-0.3rem;}
.sec4 .svg4 .path {fill: none;stroke: #fff;stroke-miterlimit: 10;stroke-width: 1.5px; stroke-dasharray: 1500; stroke-dashoffset: 1500;}

.sec5{margin-bottom: 0.3rem;}
.sec5 .text_title{margin: 1.9rem 0 0.68rem}
.sec5 .img2{height: 6.2rem;}
.sec6 {background: #E5E5E5; padding: 1.16rem 0 1.58rem;}
.sec6 .text{width: 4.48rem; right:0.9rem; top:0.9rem;}
.sec6 .imgbox{ width: 100%; padding-left: 0.65rem;}
.sec6 .imgbox .img{width: 6.15rem; height:4.61rem;box-shadow: 5px 2px 10px 1px #959595; }
.sec6 .imgbox .img2{margin-top: 0.72rem; }
.sec6 .lbbox {padding: 0 0.65rem; margin: 1.28rem 0 0;}
.sec6 .swiper1{padding: 0.2rem 0;}
.sec6 .swiper1 .swiper-slide{width: 3.74rem; height: 2.8rem; box-shadow: 7px 3px 12px 0px #939393;}
.sec6 .swiper-scrollbar1{height: 0.15rem; max-height: 15px; width: 100%; border-radius: 0.75rem; margin-top: 0.58rem;}

@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;}
    .sec1 .img1 {height: 3.88rem;}
    .sec2{margin: 0.3rem 0.3rem 0; padding: 0; }
    .sec2 .img1{height: 4.41rem; overflow: hidden;}
    .sec2 .img1 img{width: 118%; margin-left: -11%;}
    .sec2 .img1,.sec2 .box2 .text{width: 100%;}
    .sec2 .svg1{width: 6.87rem;}
    .sec2 .box2 .img2,.sec2 .box2 .img3{width: 2.64rem; height: 2.62rem;}
    .sec2 .box2{margin-top: 0.5rem;padding-bottom: 2.3rem; z-index: 3;}
    .sec2 .box2 .text{position: unset; padding: 0 0.3rem; }
    .sec2 .box2 .img2{bottom: -1.29rem; top:auto;}
    .sec2 .box2 .img3{bottom: -4.32rem;}
    .sec2 .svg1 {top: -4.3rem;}
    .sec2 .svg2 {width: 2.2rem;right: -0.4rem;}
    .sec2 .svg3 {left: -0.1rem;}
    .sec2 .svg3 .path {stroke-dasharray: 800;stroke-dashoffset: 800;}
    .sec2 .box3 {overflow: hidden;}
    .sec2 .box3 .text{width: 100%; left:0; padding: 0 0.3rem;}
    .sec2 .box3 .text2{text-align: right; top:8.6rem;}
    .sec2 .box3 .text3{bottom: 0.8rem;}
    .sec2 .box3 .img4 {height: 23.3rem;}

    .sec4{height: 5.82rem; overflow: hidden; margin: 0.54rem 0.3rem 0;}
    .sec4 .text{width: 100%; padding: 0 0.3rem; right: 0; bottom: 0.8rem;}
    .sec4 .svg4 {left: -0.1rem; top: 21%;}

    .sec5{margin: 0 0.3rem 0.42rem;}
    .sec5 .img2{height: 4rem;}
    .sec5 .text_title {margin: 0.8rem 0 0.6rem;}
    .sec6 {padding: 2.8rem 0 0.5rem; position: relative; margin: 0 0.3rem;}
    .sec6 .imgbox{padding-left: 0.3rem; position: unset;}
    .sec6 .imgbox .img{width: 3.42rem; height: 2.56rem;}
    .sec6 .imgbox .img2 {margin-top: 0.3rem;}
    .sec6 .text{width: 100%; top:0.5rem; padding: 0 0.3rem; left:0; right:auto}
    .sec6 .lbbox{padding: 0 0.3rem; margin: 0.4rem 0 0}
    .sec6 .swiper1 .swiper-slide{width: 2.33rem; height: 1.74rem; box-shadow:none;}
    .sec6 .swiper-scrollbar1{margin-top: 0.3rem;}

    .dePage .sec6{padding-top: 3.4rem;}

}