.text_title{ font-size: 0.16rem; color: #646464;  line-height: 1; font-weight: 700;}
.text_bref{ font-size: 0.16rem; color: #646464; line-height: 1.6}
.pos{position: absolute; width: 100%;}
.detailText .warning{ margin-top: 0.32rem; }
.ward_logo{width: 1.2rem;}
.ward_logo img{width: 100%;}
.sec1{height: 2.8rem;}
.sec1 .text{position: absolute; left:0.88rem; top:0.94rem;}
.sec1 .text .text_bref{margin-top: 0.3rem;line-height: 1.8;}
.sec2{height: 6.9rem;}
.sec3{height: 8.7rem;}
.sec3 .img2{width: 8.04rem; height: 4.2rem;}
.sec3 .text{width: 2.8rem;}
.sec3 .text .p2{margin: 0.4rem 0;}
.sec3 .pos{width: 100%; left:0; top:1.97rem; padding: 0 0.9rem; box-sizing: border-box;}
.sec4{height: 4.98rem; }
.sec4 .page{position: absolute;left:0; width: 100%; top:50%;transform: translateY(-50%) ; z-index: 2; }
.sec4 .page .lbJt{width: 0.3rem; max-width: 30px;  position: unset; height: 0.5rem; max-height: 50px;cursor: pointer; transition: opacity 0.3s ease }
.sec4 .page .lbJt:hover{opacity: 0.8;}
.sec4 .page .prev{transform: scaleX(-1) ;margin-left:0.34rem;  }
.sec4 .page .next{margin-right:0.34rem; }
.sec4 .swiper{height:100%;  }
.sec4 .swiper-slide{height:100%; overflow: hidden; position: relative;}
.sec4 video{object-fit: cover; position: absolute; left:0; top:50%; transform: translateY(-50%);}

.sec5 .text_bref{margin-top: 0.34rem;}
.sec5 .img1{height: 6.4rem;}
.sec5 .text{text-align: center; top:0.96rem;}
.sec5 .img2{width: 86.7%; left: 50%; transform: translateX(-50%); bottom: -2.08rem; z-index: 3;}

.sec6{height: 5.08rem;}
.sec6 .text {z-index: 2; bottom: 1.07rem;}
.sec6 .text p,.sec7 .text p{color: #fff;}
.sec6 .text .text_bref{margin-top: 0.3rem;}

.sec7 {height: 8.76rem; background: #0B0A0B;}
.sec7 .text{left:0;padding-left: 24%; box-sizing: border-box; bottom: 0.96rem;}
.sec7 .text_bref{margin-top: 0.34rem;}
.sec7 .jt{position: absolute;top:0;left:50%; z-index: 3; display: flex; align-items: flex-end;}
.sec7 .jt span{font-size: 0.2rem; color: #FFFFFF;  display: inline-block; line-height: 1; margin: 0 10px;}
.sec7 .jt1 span{margin-bottom: -0.05rem;}
.sec7 .jt svg{fill: none;stroke: #fff;  stroke-miterlimit: 10; stroke-width: 1.42px;}
.sec7 .jt .svg1{width: 2.28rem;}
.sec7 .jt .svg1 .path{stroke-dasharray: 280; stroke-dashoffset: 280;}
.sec7 .jt .svg2{width: 2.38rem;}
.sec7 .jt .svg2 .path{stroke-dasharray: 290; stroke-dashoffset: 290;}
.sec7 .jt .jtd{opacity: 0;}
.sec7 .jt1{left:.9rem; top:2.98rem;}
.sec7 .jt2{transform: translateX(2.4rem); top:1.7rem;}

.sec8{height: 4.1rem;}
.sec8 .img2{width: 86.7%; left: 50%; transform: translateX(-50%); bottom: -2.16rem; z-index: 2;}
.sec9 {background: #E2E1E1; padding: 3.04rem 0 0.96rem;}
.sec9 .p1{margin-bottom: 0.3rem;}
.sec9 .p2{margin-bottom: 0.16rem;}
.sec9 .imgbox{width: 86.7%;margin: 1.1rem auto 0; }
.sec9 .imgbox .img1{width: 3.67rem; height: 4.09rem;}
.sec9 .imgbox .img2{width: 7.65rem;}
.sec9 .imgbox .img3{margin-top: 0.15rem; height: 4.09rem;}

/**
*小语种
*/
.dePage .sec1 .text{ top: 0.74rem }
.dePage .sec6 .text{ bottom: 0.8rem; }
.comPage .sec3 .text{ width: 3.4rem; }
.comPage .sec3 .pos{ padding-right: 0.6rem; }

@media screen and (max-width: 767px) {
    .ward_logo{margin-bottom: 0.5rem; width: 2.4rem;}
    .text_title{font-size: 0.36rem;}
    .text_bref {font-size: 0.28rem;}
    .sec1{height: auto; overflow: hidden;}
    .sec1 .text {left: 0;top: 0.8rem; padding: 0 0.3rem; box-sizing: border-box;}
    .sec2{height: auto;}
    .sec3{overflow: hidden;}
    .sec3 .pos{width: 100%;padding:0; flex-direction: column; align-items: center;top: 0.9rem;}
    .sec3 .img2{width: 6.24rem; text-align: center; height: 3.2rem;}
    .sec3 .text{width: 100%; padding: 0 0.3rem; box-sizing: border-box; margin-top: 0.8rem; }
    .sec3 .text .p2 {margin: 0.2rem 0;}
    .sec4{height: 2.6rem; }
    .sec5 .text{padding: 0 0.3rem; box-sizing: border-box; top: 0.8rem;}
    .sec5 .text .text_bref br{ display: none; }
    .sec5 .text_bref{margin-top: 0.2rem;}
    .sec5 .img1 {height: 4.8rem;}
    .sec5 .img1 img{width: 145%; margin-left: -9%;}

    .sec6{height: auto; overflow: hidden;}
    .sec6 img{width: 218%; margin-left: -36%;}
    .sec5 .img2 {width: 6.24rem;bottom: -1.8rem;}
    .sec6 .text{ padding: 0 0.3rem; box-sizing: border-box; top:2.6rem; }
    .sec7{height: auto; background: none;}
    .sec7 .jt2{top: 1.2rem; left: 27%;}
    .sec7 .jt{display: block;}
    .sec7 .jt .svg1,.sec7 .jt .svg2  {width: 1.3rem;}
    .sec7 .jt1 {left: 0.1rem;top: 1.98rem}
    .sec7 .jt span{margin: 0;}
    .sec7 .text{ padding: 0 0.8rem; box-sizing: border-box; bottom: 0.6rem; }
    .sec7 .text_bref{margin-top: 0.2rem;}
    .sec7 .jt .svg1{transform: rotateY(180deg); margin-left: -0.3rem;}
    .sec8 {height: 2.1rem; margin-top: -1px;}
    .sec8 .img2{width: 6.24rem; bottom: -1.16rem;}
    .sec9{padding: 2.14rem 0 0.6rem;}
    .sec9 .text{padding: 0 0.3rem; box-sizing: border-box;}
    .sec9 .text p{text-align: left !important;}
    .sec9 .p1{margin-bottom: 0.2rem;}
    .text_bref br{display: none !important;}
    .sec9 .imgbox .img1,.sec9 .imgbox .img3{height: auto;}
    .sec9 .imgbox{margin-top: 0.8rem; padding: 0 0.3rem; box-sizing: border-box; width: 100%;}
    .sec9 .imgbox .img1{width: 2rem;}
    .sec9 .imgbox .img2{width: 4.03rem;}
    .sec9 .imgbox .img2 img{height: 100%;}
    .sec9 .imgbox .img3{margin-top: 0.2rem;}

    .comPage .text_title{line-height: 1.2;}
    .comPage .text_bref,
    .comPage .sec1 .text .text_bref{line-height: 1.4;}
    .comPage .sec1 img{width: 132%;}
    .comPage .sec3 {height: 9.7rem}
    .comPage .sec3 .img1{width: 104%;}
    .comPage .sec3 .text{width: 100%;}
    .comPage .sec3 .pos{padding-right: 0;}
    .comPage .sec5 .img1{overflow-x: hidden; height: 5.6rem;}
    .comPage .sec5 .img1 img{width: 169%;}
    .comPage .sec6 img {width: 289%;}
    .dePage .sec3 {height: 9.7rem;}
    .dePage .sec6 img {width: 316%;}

}
