.text_title{ font-size: 0.44rem; color: #282828;  line-height: 1; font-weight: bold;}
.text_bref{ font-size: 0.16rem; color: #5C5E5E; line-height: 1.5}
video{width:100%; vertical-align: middle; object-fit: cover;}

.bannerText{position: absolute; left:1.66rem; top:2.98rem; font-size: 0.62rem; color: #0F3E75; font-weight: bold }
.bannerText span{font-size: 0.47rem;}

.sec1 .img{position: relative; height: 5.76rem;}
.sec1 .text1{font-size: 0.60rem; color: #0F3E75; font-weight: bold; position: absolute; right: 0.64rem; bottom: 1.32rem; z-index: 2;}

.sec1 .bref{font-size: 0.24rem; color: #fff}
.sec1 .text{position: absolute; top:1.35rem; width: 100%;}
.sec1 .box2{position: relative; padding-bottom: 4.6rem;}
.sec1 .box2 .text2{margin-top:0.7rem; text-align: right; font-size: 0.22rem; color: #000000; line-height: 2; }
.sec1 .box2 .img2{width:4rem; position: absolute; left:0.98rem; top:-4.9rem; }

.sec2 {background: linear-gradient(to top,#EDEDED,#ffffff)}
.jtText .span2{font-size: 0.36rem; }
.jtText .jtSvg{width: 1.18rem; transform: scaleX(-1); margin-left:0.3rem; margin-right: 0.4rem; }
.sec2 .text_bref{margin-top: 0.4rem; line-height: 1.8; }
.sec2 .headimg{width: 0.92rem; height: 0.92rem; border-radius: 50%; transform: scale(0); opacity: 0; }
.sec2 .chatBox{padding-bottom: 6.28rem; position: relative;}
.sec2 .cont{border-radius: 6px; font-size: 0.16rem; padding:0.2rem 0.2rem; padding-right: 0.1rem; line-height: 1.6; box-sizing: border-box; position: relative; }
.sec2 .cont.black{background: #272629; color: #fff;}
.sec2 .cont.gray{background: #E6E5EA; color: #000;}
.sec2 .person{position: absolute;}
.sec2 .person1{top:2.08rem; left:1.4rem;}
.sec2 .person2{bottom:1.47rem; left:1.82rem;}
.sec2 .person3{top:1rem; left:50%;}
.sec2 .person4{top:2.2rem; right:2.2rem;}
.sec2 .person5{bottom:1.79rem; right:3.3rem;}
.sec2 .person1 .headimg,.sec2 .person3 .headimg{ position: absolute; left:-0.98rem; bottom:-0.96rem; }
.sec2 .person2 .headimg,.sec2 .person4 .headimg,.sec2 .person5 .headimg{ position: absolute; right:-0.98rem; bottom:-0.96rem; }
.sec2 .person1 .cont,.sec2 .person4 .cont{width: 3.6rem;}
.sec2 .person2 .cont{width: 2.95rem; }
.sec2 .person3 .cont{width: 3.65rem;  }
.sec2 .person5 .cont{width: 3.05rem; }
.sec2 .person1 .cont,.sec2 .person3 .cont{transform: scale(0); transform-origin: left bottom;}
.sec2 .person2 .cont,.sec2 .person4 .cont,.sec2 .person5 .cont{transform: scale(0); transform-origin: right bottom;}

.sec2 .cont .jt{width: 0.19rem; position: absolute; right:-0.04rem;bottom: -1px;}
.sec2 .person1 .jt,.sec2 .person3 .jt{ left:-0.04rem; right:unset;}
.sec2 .person3 .jt,.sec2 .person4 .jt,.sec2 .person5 .jt{transform: scaleX(-1);}

.sec3 {background: #272629; padding: 0.86rem 0 0;}
.sec3 .oneBox{color: #fff; padding-left:0.48rem; padding-right: 0.78rem; box-sizing: border-box; position: relative;}
.sec3 .p1{font-size: 0.24rem; line-height:1.8;}
.sec3 .p3,.sec3 .circle{font-size: 0.16rem; }
.sec3 .p2{width: 7.9rem; position: relative; display: flex; align-items: center; margin: 0.28rem 0 0.34rem;}
.sec3 .p2 .line{width: 0%; background: #fff; height: 2px; }
.sec3  .p2 .jt{width: 15px; position: absolute; right: -3px; opacity: 0; }
.sec3 .circleBox{position: absolute; right: 0.78rem; top:0.06rem; }
.sec3 .circle{background: #1555A0; width: 1.82rem; height: 1.82rem; border-radius: 50%; opacity: 0; }
.sec3 .circle1{transform: translateX(0.9rem);}
.sec3 .circle2{margin-left: -0.22rem; transform: translateX(-0.7rem);}
.sec3 {margin-bottom: 6.7%;}
.sec3 .textBox{position: relative; padding-bottom: 5.62rem;}
.sec3 .textBox .text{border-radius: 0.1rem; background: #fff; padding: 0.46rem 0.3rem 0.46rem 0.48rem; box-sizing: border-box; position: absolute;}
.sec3 .textBox .text p{font-size: 0.16rem; color: #000; margin-bottom: 0.12rem; }
.sec3 .textBox .text .title{font-size: 0.21rem; margin-bottom: 0.34rem;}
.sec3 .textBox .text1 {width: 4.4rem; left: 1.38rem; bottom: 1.58rem; }
.sec3 .textBox .text3 {width: 3.5rem;  right: 1.9rem; bottom: 1.2rem;}
.sec3 .textBox .text2 {background: #1555A0;width: 3.8rem;  left:50%; transform: translateX(calc(-50% - 0.4rem)); bottom:0.6rem; z-index: 3; }
.sec3 .textBox .text2 p{color: #fff;}
.sec3 .textBox .text .shortLine{padding-left: 17px; position: relative; display: flex; align-items: center; }
 .shortLine:before{content: ''; display: block;  background: #000; position: absolute; left:0; }
.sec3 .textBox .text2 .shortLine:before{background: #fff;}
.sec3 .textBox .text .shortLine:before{ width: 4px; height: 1.4px; }
.sec3 .textBox .rightMore{ position: absolute; right: 0.1rem; top:0.1rem; width: 0.44rem;  }
.sec3 .textBox .rightMore span{ width: 0.08rem; height: 0.08rem; border-radius: 50%; background: #000;}
.sec4 .p1{justify-content: flex-end;}
.sec4 .p2{margin:0.38rem 0 1.2rem}
.sec4 .img{height: 4.27rem;}
.text-right{text-align: right;}
.sec5{height: 4.36rem;}
.sec6 {background: #e5e5e5; padding-bottom: 0.83rem;}
.sec6 .shortLine{width: 32px; height: 4px; position: relative}
.sec6 .shortLine:before{background: #fff; width: 100%; height:100%;}
.sec6 .text{background: #1555A0; padding: 0.58rem 0.3rem 0.46rem 0.58rem; box-sizing: border-box;}
.sec6 .text .p1{position: relative; margin-bottom: 0.32rem;}
.sec6 .text .p2{font-size: 0.18rem; color: #fff; margin-bottom: 0.2rem;}
.sec6 .video{margin: 0 auto;height: 6.3rem;width: 82%;}
.sec6 .imgbox{display: flex; justify-content: flex-end; background: #e5e5e5; margin-top: -2px; position: relative; z-index: 2;}
.sec6 .imgbox img{width: 3.22rem; height:2.42rem; }
.sec6 .imgbox .img2{margin-left: 0.78rem; margin-right: 0.58rem; }

.sec7 .one{position: relative; height: 7.32rem; padding-bottom: 4.87rem;}
.sec7 .one .text{position: absolute; top:1.3rem; left:0.6rem;}
.sec7 .one .p1{font-size: 0.36rem; color: #0F3E75; font-weight: 700;}
.sec7 .one .p2{font-size: 0.46rem; margin-top: 0.46rem; color: #0F3E75; font-weight: bold;}
.sec7 .midimg {width: 76.6%; overflow: hidden; position: absolute; left:50%; transform: translateX(-50%); top:3.94rem; border-radius: 0.28rem;}
.sec7 .swiper-slide {width: 5.7rem; height: 4.5rem; }

.secb7 .p1 {font-size: 0.18rem; color: #5C5E5E; line-height: 2; margin-bottom: 0.46rem;}
.secb7 .video {position: relative; height: 11.4rem; overflow: hidden;}
.secb7 .ui {position: absolute; font-size: 0.28rem; color: #000000; top:0.56rem; left:0.62rem;z-index: 2;}

.sec8 .color {font-size: 0.24rem; color: #5C5E5E; margin-bottom: 0.36rem; }
.sec8 .topk {height: 3.3rem; }
.sec8 .topk .bgk{width:2.88rem; height: 100%; position: relative; transform: scaleX(0);transform-origin: left; }
.sec8 .topk .div4{width:1.9rem; }
.sec8 .topk .div5{width:1.88rem; }
.sec8 .topk .text{position: absolute; bottom: 0.06rem; left:0.1rem; opacity:0; transform: translateY(-50px)}
.sec8 .topk .text p{font-size: 0.19rem; margin-bottom: 0.2rem; color: #3D3D3D;}
.sec8 .topk .div1 .text p,.sec8 .topk .div5 .text p{color: #fff;}
.sec8 .btk{background: #27569B; height: 0.24rem; width: calc(100% / 9)}
.sec8 .rtk{width: 0.5rem; height: calc(100% / 4); transform: translateX(100%); opacity: 0;}
.sec9 {height: 7.67rem;}
.sec9 .text{position: absolute; top:0.38rem; left:0.6rem;}
.sec9 .text p{color: #fff}
.sec9 .text .p1{font-size: 0.26rem; margin-bottom: 0.16rem;}
.sec10 .img{height: 6.94rem; }
.sec10 .text { margin-bottom: 0.5rem;}
.sec10 .text .p1{font-size: 0.36rem; color: #0F3E75; margin-bottom: 0.5rem;}
.sec10 .text .p2{ color: #282828; font-size: 0.18rem; }


@media screen and (min-width: 1921px) {
    .sec2 .cont{font-size: 16px;}
    .sec1 .box2 .text2{font-size: 22px;}
    .text_title,.sec7 .one .p2{font-size: 44px;}
    .text_bref,.sec3 .textBox .text p{font-size: 17px;}
    .jtText .span2{font-size: 32px;}
    .sec6 .text .p2,.secb7 .p1{font-size: 18px;}
    .sec10 .text .p1,.sec7 .one .p1{font-size: 36px;}
    .sec1 .text1{font-size: 60px;}
    .sec4 .p2{margin-bottom: 120px}
}
.comPage .sec2 .text1{width: 50%;}
.comPage .shortLine:before{top: 8px;}

@media screen and (min-width: 768px) {
    .comPage .sec3 .textBox .text1{padding-right: 1rem;}
    .comPage .sec3 .textBox .text2{width: 3.2rem; transform: translateX(calc(-50% - 0.1rem));}
}

@media screen and (max-width: 767px) {
    .detailImg{margin-bottom: 0.5rem;}
    .text_bref{font-size: 0.26rem; line-height: 1.66}
    .text_title{font-size: 0.34rem;}
    .bannerText{display: none;}
    .sec1 .text1{font-size: 0.4rem; bottom: 0.4rem; text-align: right;}
    .sec1 .box2 .img2 {width: 2.6rem; top: -2.6rem; left: 0.28rem;}
    .sec1 .box2{justify-content: flex-end; display: flex; padding-bottom: 2.1rem;}
    .sec1 .img{height: 2.96rem; }
    .sec1 .box2 .text2{width: 100%; font-size: 0.26rem; padding: 0 0.4rem; box-sizing: border-box;  margin-top: 4.3rem; text-align: left; line-height: 1.66;}
    .sec1 .box2 .text2 br{display: none;}
    .sec2 .text1{padding: 0 0.3rem; box-sizing: border-box; }
    .sec2 .p1 .text_title{font-size: 0.4rem;}
    .sec2 .jtText .span2{font-size: 0.28rem;}
    .sec2 .jtText .jtSvg {width: 0.94rem;}
    .sec2 .text1 br{display: none;}
    .sec2 .person{position: relative !important; left:unset; top:unset; bottom:unset;right:unset; display: flex; margin-bottom: 1.5rem;}
    .sec2 .person1,.sec2 .person3,.sec2 .person5{justify-content: flex-end;}
    .sec2 .person1 .headimg, .sec2 .person3 .headimg{left:0; }
    .sec2 .person2 .headimg, .sec2 .person4 .headimg, .sec2 .person5 .headimg{right: 0;}
    .sec2 .headimg{width: 1.24rem; height: 1.24rem; bottom: -1rem; opacity: 1; transform: translate(0px, 0px);}
    .sec2 .person5 .headimg{left:0; right: unset; }
    .sec2 .person5 .jt {left: -0.04rem;right: unset; transform: unset;}
    .sec2 .person .cont{font-size: 0.24rem; width: 4.7rem;  border-radius: 0.2rem; opacity: 1; transform: translate(0px, 0px);}
    .sec2 .person2 .headimg,.sec2 .person4 .headimg{order: 2;}
    .sec2 .headimg{margin-right: 0.1rem;}
    .sec2 .chatBox {padding: 0.6rem 0.4rem 0.3rem; box-sizing: border-box;}
    .sec3  {margin-bottom: 1.4rem;}
    .sec3 .p1 { font-size: 0.4rem; line-height: 1.6;}
    .sec3 .p2{width: 100%}
    .sec3 .p2 .line{height: 1px;}
    .sec3 .p2 .jt {width: 9px;}
    .sec3 .p3, .sec3 .circle{font-size: 0.24rem; }
    .sec3 .oneBox{padding: 0 0.4rem;}
    .sec3 .circle{ text-align: center; width: 2.22rem; height: 2.22rem;  }
    .sec3 .circleBox{right: 0.2rem; position: unset; justify-content: flex-end; margin-top: 0.1rem;}
    .sec3 .textBox{padding: 0 0.4rem; box-sizing: border-box; margin-top: 0.8rem; padding-bottom: 0.4rem; }
    .sec3 .textBox .text{position: unset;  transform:unset; }
    .sec3 .textBox .text .title{font-size: 0.26rem;}
    .sec3 .textBox .text p{font-size: 0.24rem;}
    .sec3 .textBox .rightMore{right: 0.5rem;top: 0.2rem;}
    .sec3 .textBox .text1{margin-left: 0.3rem; width: 5.42rem !important; }
    .sec3 .textBox .text1 .rightMore{display: none; }
    .sec3 .textBox .text2{ position: relative !important; right: 0;left: 1.1rem; bottom: auto;top: -0.4rem; width: 4.95rem !important;}
    .sec3 .textBox .text3{ position: relative; top: -0.8rem;z-index: 3;left: 0; width: 5.22rem !important;}

    .jtText .span2{font-size: 0.32rem;}
    .sec4,.sec5 {margin-bottom: 1rem;}
    .sec4 .text1{padding: 0 0.4rem; box-sizing: border-box; }
    .sec4 .img {height: 2.27rem;}
    .sec4 .p2{margin: 0.68rem 0;}
    .sec4 .jtSvg{ width: 1rem}
    .sec5 li img{width: 119%; margin-left: -7%;}
    .sec6 .text {padding: 0.72rem 0.34rem 0.66rem; line-height: 1.6;}
    .sec6 .text .p2{font-size: 0.26rem;}
    .sec6 .video{width: 100%; height: 4.3rem;}
    .sec6 .imgbox img{width: 2.8rem; }
    .sec6 .imgbox .img2{margin-right: 0.4rem; margin-left: 0.48rem;}
    .sec6 .imgbox img {width: 2.82rem;height: 2.2rem;}
    .sec6 .shortLine {width: 21px;height: 2px;}
    .sec6 .text .p1{margin-bottom: 0.42rem;}
    .sec6 .p2 br{ display: none;}
    .sec6 .imgbox img {width: 1.97rem;height: 1.46rem;}
    .sec7{margin-bottom: 0.7rem;}
    .sec7 .one .text{  text-align: center; top: 1rem; left:0; width: 100%; padding: 0 0.4rem; box-sizing: border-box;}
    .sec7 .one .p1 {font-size: 0.26rem !important; }
    .sec7 .one .p2 { margin-top: 0.16rem; font-size: 0.34rem !important; }
    .sec7 .midimg{ top: 2.6rem;}
    .sec7 .one{height: 3.82rem; padding-bottom: 3.58rem;}
    .sec7 .swiper-slide {width: 2.99rem;height: 2.25rem;}
    .secb7{margin-bottom: 0.6rem;}
    .secb7 .p1{font-size: 0.26rem; padding: 0 0.3rem; box-sizing: border-box; margin-bottom: 0.7rem;}
    .secb7 .p1 br{display: none;}
    .secb7 .video{height: 6rem; overflow:unset;}
    .secb7 .ui{font-size: 0.32rem; top: 0.12rem; left:0.4rem;}
    .sec8 .topk {height: 2.3rem;}
    .sec8 .color {font-size: 0.34rem; margin-left: 0.3rem; width: 0.8rem; }
    .sec8 .topk .text p:nth-child(1){width: 0.7rem;}
    .sec8 .topk .text p{font-size: 0.22rem;}
    .sec8 .topk .bgk { width: 19% !important;}
    .sec8 .topk .div1{width: 24% !important;}
    .sec8 .flex-just-between>div:nth-child(1){width: calc(100% - 0.5rem)}
    .sec9 {padding-top: 2rem;height: 3.97rem; margin-bottom: 1.6rem; }
    .sec9 .text {left: 0.3rem; top: 0.6rem;}
    .sec9 .text p {color: #595959;}
    .sec9 .text .p1 {font-size: 0.3rem;}
    .sec10 .text{padding:0 0.3rem; box-sizing: border-box;   margin-bottom: 0.4rem;}
    .sec10 .text .p1 {font-size: 0.34rem; margin-bottom: 0.3rem;}
    .sec10 .text .p2{font-size: 0.28rem; line-height: 1.4}
    .sec10 .img {height: 3.64rem;}
    .comPage .sec2 .text1{width: 100%;}
    .comPage .sec9{padding-top: 2.3rem;}
    .comPage .text_bref,
    .comPage .sec6 .text,
    .comPage .secb7 .p1,
    .comPage .sec1 .box2 .text2{line-height: 1.4;}
    .comPage .sec2 .cont{line-height: 1.2;}


}