.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: 7.42rem;}
.sec2 {padding: 0.96rem 0 1.6rem; background: #F8F8F8;}
.sec2 .one .img1{width: 6.87rem; height: 9.17rem;}
.sec2 .one .text{margin-top: 1rem; width: calc(100% - 6.87rem); padding-left:0.5rem; padding-right: 1rem; }
.sec2 .text .text_title{line-height: 1.1; }
.sec2 .text .p2{margin-top: 0.2rem; }
.sec2 .two .img1{width: 9.16rem; bottom: 0; right: 0; }
.sec2 .two .text{ width:calc(100% -  9.16rem) ;  padding-top: 1.44rem; padding-left:0.4rem; padding-right: 0.3rem;}
.sec2 .two .text .text_title{ margin-bottom: 0.3rem; }
.sec2 .three{margin-top: 1.2rem;}
.sec2 .three .img{width: calc(50% - 0.07rem); height: 3.76rem;}
.sec2 .jt1{width:5.49rem; bottom:-0.78rem; right: -0.5rem;z-index: 3;}
.sec3 {background: #F8F8F8;padding-bottom: 2rem;}
.sec3 .iconbox {background: #000000; width: 9.97rem; height: 1.7rem; border-radius: 0.85rem; margin: 1.1rem auto 0; align-items: center; justify-content: space-between; padding: 0 0.5rem;}
.sec3 .iconbox .svg{width:0.36rem;}
.sec3 .iconbox .svg svg{fill: #2ca6e0; transition: color 0.3s ease}
.sec3 .iconbox .li:nth-child(4) .svg{width:0.26rem;}
.sec3 .iconbox .li{text-align: center; display: flex;flex-direction: column; align-items:center; }
.sec3 .iconbox .li p{color: #2CA6E0; font-size: 0.16rem; transition: color 0.3s ease }
.sec3 .iconbox .li .p1{margin: 0.16rem 0 0.05rem; }
.sec3 .iconbox .li:hover p{color: #B1DBF4;}
.sec3 .iconbox .li:hover svg{fill: #B1DBF4;}

.sec4{display: flex; background: #EEEEEF; align-items: center; padding-bottom: 0.44rem;}
.sec4 .rtimg{width: 6.52rem; height: 9rem; position: relative}
.sec4 .jt3{width: 6.59rem;left: -3.6rem;z-index: 2;bottom: 1.8rem;}
.sec4 .left{width: calc(100% - 6.52rem); padding: 0 0.4rem;}
.sec4 .left .img1{margin-top: 1.8rem; width: 4.65rem;}

.sec5 {background: #EEEEEF; }
.sec5 .img1{height: 6.42rem;}
.sec5 .two{display: flex; justify-content: space-between; padding: 2.12rem 0 1rem; overflow: hidden;}
.sec5 .two .text{margin-top: 0.2rem; }
.sec5 .two .left{width: 5.3rem; margin-left: 1rem; }
.sec5 .two .left .img2{width: 4.74rem; margin-top: 1.6rem; }
.sec5 .two .left .img2 .xgimg{ transform: translateX(130%); opacity: 0; }
.sec5 .two .rtimg{width: 5.92rem;}
.sec5 .jt2{width: 4rem; right:-2rem; top:-1.37rem; opacity: 0;}
.sec6 .text1 {margin: 1.2rem 0 0.8rem;}
.sec6 .twobox{padding-bottom: 0.9rem; background: linear-gradient(90deg, #F8F8F8 0%, #E6E6E7 100%);}
.sec6 .twobox .leftimg{width: 6.22rem;}
.sec6 .twobox .rtbox{width: 6.64rem;}
.sec6 .twobox .rtbox .text2{padding: 1.2rem 0.6rem 0 0.7rem;}
.sec6 .twobox .img3{width: 9.45rem; height: 5.3rem; margin: 0.86rem auto 0; box-shadow: 5px 2px 12px 4px #D1D1D1;}
.sec7 .text{margin: 1.42rem 0 0.8rem;}
.sec7 .swiper1{height: 7.4rem;}
.cnPage .sec2 .text .text_title {line-height: 1.3;}


@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: 4rem; overflow: hidden}
    .sec1 .img1 img{width: 104%;}
    .sec2{padding: 0.9rem 0.3rem 0;}
    .sec2 .one,.sec2 .two{flex-direction: column;}
    .sec2 .one .text{ width: 100%; order:1; margin: 0 0 0.6rem; padding: 0;}
    .sec2 .text .text_title{line-height: 1.4;}
    .sec2 .one .img1{ order:2; width: 5.42rem; height: 6.37rem;}
    .sec2 .two .text{ width: 100%;  padding: 0; margin-top:1.52rem; }
    .sec2 .two .img1{width: 3.58rem; height: 2.05rem; bottom: auto; top:-1.55rem;}
    .sec2 .two .text .text_title{ margin-bottom: 0.2rem;}
    .sec2 .three{margin-top: 0.6rem;}
    .sec2 .three .img{height: 1.68rem; overflow: hidden;}
    .sec2 .jt1{width: 3.08rem;left: 0.5rem;bottom: 0.8rem;}
    .sec3{padding: 0 0.3rem; margin-top: 1rem; background: none;}
    .sec3 .iconbox{margin-top: 0.8rem; width: 100%; padding: 0 0.2rem; height: 1.04rem;}
    .sec3 .iconbox .svg {width: 0.26rem;line-height: 1;}
    .sec3 .iconbox .li:nth-child(4) .svg {width: 0.2rem;}
    .sec3 .iconbox .li p {font-size: 0.14rem;}
    .sec3 .iconbox .li .p1 {margin: 0.02rem 0 2px;}

    .sec4{flex-direction: column; margin-top: 2rem; padding-top: 1rem; background:#EEEEEF url("../../img/case/exi8000/sp_3.jpg") no-repeat; background-size: 100% auto; background-position: center bottom;}
    .sec4 .left{width: 100%; padding: 0 0.3rem;}
    .sec4 .left .img1 {margin-top: 0.6rem;  width: 5.38rem; height: 3rem;}
    .sec4 .rtimg{width: 100%; }

    .sec5 {padding-bottom: 1rem;}
    .sec5 .img1{width: 100%; height: 4.88rem; overflow: hidden;}
    .sec5 .img1 img{width: 148%;margin-left: -48%;}
    .sec5 .two{padding: 0 0.3rem; flex-direction: column; align-items: flex-end;}
    .sec5 .two .left{margin-left: 0; width: 100%;}
    .sec5 .two .rtimg {width: 3.8rem; margin-right: -0.3rem; margin-top: 0.6rem;}
    .sec5 .two .left .img2 {width: 2.7rem;margin-top: 2.4rem; position: absolute; }
    .sec5 .two .text {margin-top: 0.9rem;}
    .sec5 .jt2 {width: 2.4rem;right: -1rem;top: -1.2rem;}
    .sec6 .text1 {margin: 0.95rem 0.3rem 1rem;}
    .sec6 .twobox{padding:1rem 0.3rem ;}
    .sec6 .twobox .cont{flex-direction: column;}
    .sec6 .twobox .leftimg{width: 5.57rem; height: 4.13rem; overflow: hidden; align-self: flex-end; }
    .sec6 .twobox .rtbox{width: 100%; position: relative; top: -0.6rem; z-index: 2;}
    .sec6 .twobox .rtbox .img1{width: 4.32rem; height: 2.41rem; overflow: hidden; align-self: flex-start; }
    .sec6 .twobox .rtbox .text2 {padding: 0.5rem 0 0;}
    .sec6 .twobox .img3 {width: 100%;height: 3.4rem;margin: 0 auto;}
    .sec7{padding: 0 0.3rem;}
    .sec7 .text {margin: 0.9rem 0 0.6rem;}
    .sec7 .swiper1{height: 3.39rem;}
}