.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}
div{box-sizing: border-box;}

.sec1 .img1{height: 4.7rem;}
.sec2 {background: #D6DBDD;}
.sec2 .one{padding: 2.7rem 0 0.9rem; position: relative;}
.sec2 .one .text{width: 4.8rem; margin-left: 0.45rem; }
.sec2 .one .img1{width: 10.2rem;top: -2.62rem;right: -1rem;}
.sec2 .two .img1{ height: 5.97rem;}
.sec3 {background: #C8D1D7;}
.sec3 .img1 {height: 8.82rem; }
.sec3 .two {display: flex; justify-content: flex-end; padding: 1rem 0 2.46rem; position: relative; }
.sec3 .text {width: 3.6rem;  margin-right: 0.9rem; opacity: 0 }
.sec3 .two .img2 {width: 6.4rem;left: 0.8rem;top: -2.1rem;  transform: translateY(200px); opacity: 0; }
.sec3 .two .jt1 {width: 4rem;left: 59%;bottom: -0.6rem; clip-path: inset(0% 50% 100% 0%); }
.sec4 .img1{height: 8.35rem}
.sec5 {background: #D9E0E8; padding-bottom: 0.5rem; }
.sec5 .one { justify-content: flex-end; }
.sec5 .text { margin-right: 1.3rem; }
.sec5 .text1 { margin-top: 5.6rem;}
.sec5 .two{margin-top: 1.2rem;}
.sec5 .two .img1 {width: 9.1rem; margin-left: 0.6rem; height: 5.12rem; position: relative;}
.sec5  .text2 {display: flex; justify-content: flex-end; margin-top: 0.6rem; margin-bottom:  2.2rem}
.sec5  .text3{padding-left:0.6rem }
.sec5  .jt2{width: 2.2rem; bottom:-0.7rem; left:58%; clip-path: inset(0 0% 100% 0%);}
.sec5 .posimg{width:88%; left: 50%; height: 7.66rem; transform: translate(-50%,200px); top:-3rem; box-shadow: 7px 4px 23px 6px #9094A0; overflow: hidden;}
.sec6 .img1{height: 9.24rem}
.sec6 .jtbox{right: 3.2rem;bottom: 3rem;width: 3.7rem;height: 3.7rem;}
.sec6 .jt3{width: 1rem; left: -1.6rem;top: 0.2rem; clip-path: inset(0 0% 0% 100%);}
.sec6 .jt4{width: 1.9rem;bottom: -1.8rem;left: -0.3rem; clip-path: inset(0 0% 100% 0%);}
.sec6 .jtbox svg{ fill: none;stroke: #7d7c7d;stroke-dasharray: 0 13.96;stroke-linecap: round;stroke-linejoin: round;stroke-width: 7.49px;}
.sec6 .jtbox .circle2{ stroke-dasharray: 0;stroke: #fefefe;stroke-width: 8px; left:0; top:0;  stroke-dasharray: 1150; stroke-dashoffset: 0;}
.sec6 .text_bref{ bottom: 0.9rem;width: auto; right: 3rem;}
.sec7{justify-content: space-between;}
.sec7 .img{width: calc((100% - 0.1rem) / 2); height: 6.56rem; overflow: hidden;}
.onlyUpMove{transform: translateY(200px); opacity: 0;}


@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 .img1 {height: 3.28rem;overflow: hidden;}
    .sec1 .img1 img{width: 133%; margin-left: -12%;}
    .sec2 .one .text{margin-left: 0;}
    .sec2 .one .img1 {width: 100%;top: -1.88rem;right: 0; overflow: hidden;}
    .sec2 .one .img1 img {margin-left: 7%;}
    .sec2 .one {padding: 2.7rem 0 0.6rem;}
    .sec2 .two .img1 {  height: 3.1rem;}
    .sec3{margin-top: 0.3rem;}
    .sec3 .img1 {height: 4.5rem;}
    .sec3 .two .img2{width: 3.58rem; left:0.3rem; top:-1.9rem;}
    .text,.sec5 .text3{width: 100% !important; padding:0 0.3rem;}
    .sec3 .text{text-align: right; margin-right:0;}
    .sec3 .two{padding: 1.2rem 0 0.74rem;}
    .sec3 .two .jt1 {width: 3rem;left: 18%;bottom: -0.9rem;transform: rotate(17deg);}
    .sec4 .img1 {height: 4.33rem;}
    .sec5 .posimg {width: 90%; top:-1.37rem; height: auto}
    .sec5 .text{margin-right: 0;}
    .sec5 .text1 {margin-top: 3.28rem;text-align: right;}
    .sec5 .two .img1 {width: 4.41rem;height: 2.48rem; margin-left: 0.3rem;}
    .sec5 .text2{margin: 0.44rem 0 0.7rem !important; padding: 0 0.3rem; display: block; text-align: right; }
    .sec5 .jt2 {width: 1rem; bottom: -0.6rem; left: 31%;}
    .sec6 .img1 {height: 5.53rem;}
    .sec6 .jtbox {right: 1.6rem;bottom: 2.4rem;width: 1.74rem;height: 1.74rem;}
    .sec6 .jt3 {width: 0.8rem;left: -1rem;}
    .sec6 .jt4 {width: 2.45rem;bottom: -1.4rem;left: -1.7rem;}
    .sec6 .text_bref {bottom: 0.34rem;right: 0.3rem; text-align: right}
    .sec7  {margin-top: 0.3rem;}
    .sec7 .img {height: 3.42rem;}
}

