.dot{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.dot2,.dot3,.dot4{display:-webkit-box;display:box;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;}
.dot2{-webkit-line-clamp:2;}
.dot3{-webkit-line-clamp:3;}
.dot4{-webkit-line-clamp:4;}
.fs60{
    font-size: 60px;
}
.fs42{
    font-size: 42px;
}
.fs36{
    font-size: 36px;
}
.fs30{
    font-size: 30px;
}
.fs24{
    font-size: 24px;
}
.fs20{
    font-size: 20px;
}
.fs18{
    font-size: 18px;
}
.fs16{
    font-size: 16px;
}
@media(max-width:1280px){
    .fs60{
        font-size: 48px;
    }
    .fs42{
        font-size: 36px;
    }
    .fs36{
        font-size: 28px;
    }
    .fs30{
        font-size: 24px;
    }
    .fs24{
        font-size: 20px;
    }
    .fs20{
        font-size: 18px;
    }
}
@media(max-width:1024px){
    .fs60{
        font-size: 36px;
    }
    .fs42{
        font-size: 28px;
    }
    .fs36{
        font-size: 24px;
    }
    .fs30{
        font-size: 20px;
    }
    .fs24{
        font-size: 18px;
    }
}
@media(max-width:768px){
    .fs60{
        font-size: 28px;
    }
    .fs42{
        font-size: 24px;
    }
    .fs36{
        font-size: 20px;
    }
    .fs30{
        font-size: 18px;
    }
    .fs18{
        font-size: 16px;
    }
    .fs20{
        font-size: 14px;
    }
    .fs24{
        font-size: 16px;
    }
}
@media(max-width:640px){
    .fs60{
        font-size: 24px;
    }
    .fs42{
        font-size: 20px;
    }
    .fs36{
        font-size: 18px;
    }
    .fs16{
        font-size: 14px;
    }

}


.htranb01{
    position: relative;
}
.htranb01 .swiper-slide{
    height: auto;
}
.htranb01 .video_box{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.htranb01 .video_box video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.htranb01 img{
    width: 100%;
}
.htranb01 .text{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    width: 100%;
    text-align: center;
}
.htranb01 .title{
    color: #fff;
    line-height:1;
    letter-spacing: 5px;
}
.htranb01 .swiper-pagination{
    position: absolute;
    bottom: 50px;
    width: 100%;
}
.htranb01 .swiper-pagination .swiper-pagination-bullet{
    width: 8px;
    height: 8px;
    background-color: #ffffff;
    border: 2px solid #fff;
    margin: 0 10px;
    opacity: 1;
}

.htranb01 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color: #005bac;
    border-color: #005bac;
}

.htranb01 .htranb_prev{
    left: 5%;
}
.htranb01 .htranb_next{
    right: 5%;
}
.htranb01 .htranb_prev,
.htranb01 .htranb_next{
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
}

.htranb_prev,
.htranb_next{
    width: 40px;
    height: 40px;
    border: 2px solid #c0c4ca;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    z-index: 2;
    cursor: pointer;
}
.htranb_prev::before{
    content: '';
    display: block;
    position: absolute;
    top: 13px;
    border-bottom: 2px solid #c0c4ca;
    border-left: 2px solid #c0c4ca;
    right: 12px;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.htranb_next::before{
    content: '';
    display: block;
    position: absolute;
    top: 13px;
    border-top: 2px solid #c0c4ca;
    border-right: 2px solid #c0c4ca;
    right: 14px;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.htranb_prev:hover,
.htranb_next:hover{
    background-color: #005bac;
    border-color: #005bac;
}
.htranb_prev:hover::before,
.htranb_next:hover::before{
    border-color: #fff;
}
.htranb02{
    background-color: #f2f3f4;
    padding: 7.1% 0 3.4%;
}
.htranb02 .sbox2{
    margin-top: 3.6%;
}
.hxi{
    font-family: "HarmonyOS_Sans_SC_Light";
    padding:0 10px;
    line-height: 23px;
    white-space: nowrap;
    display: inline-block;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    border: 1px solid #005bad;
    color: #005bad;
}
.sbox1 .tit{
    color: #333333;
    font-family: "HarmonyOS_Sans_SC_Medium";
    text-align: center;
}
.sbox1 .editor{
    text-align: center;
    line-height: 2;
    font-family: "HarmonyOS_Sans_SC_Light";
    margin-top: 35px;
}
.sbox2{
    display: flex;
    padding: 2.5% 2.89%;
    background-color: #fff;
}
.sbox2 .left{
    width: 39%;
}
.sbox2 .left .imgbox{
    position: relative;
    padding: 0 50px;
    display: flex;
    align-items: center;
    height: 100%;
}
.sbox2 .left .hxi{
    position: absolute;
    left: 0;
    top: 0;
}

.sbox2 .right{
    width: 61%;
    padding-right: 3%;
    padding-left: 4%;
    padding-top: 20px;
}
.sbox2 .tit{
    color: #005bad;
    line-height: 1.3;
}
.sbox2 .desc{
    color: #333333;
    line-height: 2;
    font-family: "HarmonyOS_Sans_SC_Light";
    padding-bottom: 30px;
    border-bottom: 1px solid #ebebeb;
    margin-top: 15px;
}
.hother1{
    display: flex;
    padding: 35px 0;
    align-items: center;
}
.hother1 .editor ul li{
    position: relative;
    color: #333333;
    padding-left: 16px;
    margin-bottom: 20px;
	list-style: none;
}
.hother1 .editor ul li::before{
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: #005bad;
    position: absolute;
    left: 0;
    top: 15px;
}
.hother1 .hother1_l{
    flex: 1;
    padding-right: 40px;
}
.hother1 .hmore1{
    white-space: nowrap;
}

.hmore1{
    padding: 0 45px;
    background-image: linear-gradient(to right, #005bad, #1694d5);
    color: #fff;
    display: inline-block;
    line-height: 50px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
}
.htranb02 .sbox3{
    margin: 30px 0;
}
.sbox3{
    display: flex;
    justify-content: center;
}
.sbox3 .sbox3_item .sbox3_tit{
    padding: 0 35px;
    line-height: 38px;
    border: 1px solid #cbced3;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    min-width: 140px;
    text-align: center;
    cursor: pointer;
}
.sbox3 .sbox3_item:not(:first-child){
    margin-left: 20px;
}
.sbox3 .sbox3_item.cur .sbox3_tit,
.sbox3 .sbox3_item:hover .sbox3_tit{
    background-image: linear-gradient(to right, #005bad, #1694d5);
    color: #fff;
}

.sbox4{
    position: relative;
    padding-bottom: 70px;
}
.sbox4 .swiper-slide{
    height: auto;
}
.sbox4 .item{
    background-color: #fff;
    padding: 25px;
    display: block;
    position: relative;
	height: 100%;
}
.sbox4 .hxi{
    position: absolute;
    left: 0;
    top: 0;
}
.sbox4 .imgbox{
    padding-bottom: 60%;
    position: relative;
}
.sbox4 .imgbox img{
    position: absolute;
    left: 50%;
    bottom:0;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    max-height: 100%;
}
.sbox4 .text_box{
    padding-bottom: 60px;
    text-align: center;
}
.sbox4 .ctit{
    color: #005bad;
    font-family: "HarmonyOS_Sans_SC_Medium";
    margin-top: 35px;
    line-height: 1.3;
}
.sbox4 .desc{
    color: #333333;
    font-family: "HarmonyOS_Sans_SC_Light";
    margin-top: 30px;
}
.sbox4 .cdesc{
    color: #333333;
    font-family: "HarmonyOS_Sans_SC_Light";
    margin-top: 20px;
}
.sbox4 .num{
    margin-top: 30px;
    color: #999999;
    display: flex;
    align-items: center;
    padding: 15px 20%;
} 
.sbox4 .num::before{
    content: '';
    display: block;
    flex: 1;
    height: 2px;
    background-color: #dddddd;
}
.sbox4 .num::after{
    content: '';
    display: block;
    flex: 1;
    height: 2px;
    background-color: #dddddd;
}
.sbox4 .img1{
    display: block;
}
.sbox4 .img2{
    display: none;
}
.sbox4 .hmore1{
    margin-top: 35px;
    opacity: 0;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.sbox4 .item:hover .img1{
    display: none;
}
.sbox4 .item:hover .img2{
    display: block;
}
.sbox4 .item:hover .hmore1{ 
    opacity: 1;
}
.sbox4 .item::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: 2px solid #1795d5;
    opacity: 0;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    pointer-events: none;
}
.sbox4 .item:hover{
    box-shadow: 0 0 15px rgba(0, 0, 0, .5);
}
.sbox4 .item:hover::before{
    opacity: 1;
}
.sbox4 .swiper-scrollbar {
    height: 10px;
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: unset;
}
.sbox4 .swiper-scrollbar::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    background-color: #f6f7f8;
    width: 100%;
    height: 5px;
} 
.sbox4 .swiper-scrollbar-drag{
    background-color: #eaedf1;
    background-image: url(../images/swiper_icon.png);
    background-repeat: no-repeat;

}
.htranb03{
    padding: 6.3% 0 5.3%;
}
.htranb03 .slist_box{
    margin-top: 4.3%;
}

.htranb03 .klist1{
    margin-bottom: 1%;
}
.sbox5 .title{
    text-align: center;
}
.sbox5 .desc{
    text-align: center;
    font-family: "HarmonyOS_Sans_SC_Light";
    margin-top: 30px;
}
.klist1{
    padding-bottom: 56.5%;
    position: relative;
}
.klist1 .text_box{
    position: absolute;
    left: 30px;
    bottom: 35px;
    right: 15px;
}
.klist1 .text_box .tit{
    color: #fff;
}
.klist1 .item{
    position: absolute;
}
.klist1 .item .imgbox{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.klist1 .item .imgbox::before{
    content: '';
    height: 50%;
    background-image: linear-gradient(transparent, #000);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.klist1 .item .imgbox img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.klist1 .item:nth-child(1){
    left: 0;
    top: 0;
    width: 60.5%;
    height: 58%;
} 
.klist1 .item:nth-child(2){
    padding-bottom: 220px;
    right: 0;
    top: 0;
    width:38.5%;
    height:28.25%;
}
.klist1 .item:nth-child(3){
    right: 0;
    top:29.65%;
    width:38.5%;
    height: 28.25%;
}
.klist1 .item:nth-child(4){
    bottom: 0;
    left: 0;
    width: 32.66%;
    height: 40.5%; 
}
.klist1 .item:nth-child(5){
    bottom: 0;
    left: 33.66%;
    width: 32.66%;
    height: 40.5%; 
}
.klist1 .item:nth-child(6){
    right: 0;
    bottom: 0;
    width: 32.66%;
    height: 40.5%; 
}
.klist1 .item:hover img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.htranb04{
    padding: 6.3% 0;
    background-image: linear-gradient(#e5e7e9, #f5f6f7);
}
.htranb04 .sbox6_swiper{
    margin-top: 7%;
}
.sbox6 .tit{
    text-align: center;
    color: #333333;
    line-height: 1.42;
}
.sbox6_swiper{
    position: relative;
}
.sbox6_swiper .items{
    padding-bottom: 30%;
    position: relative;
}
.sbox6_swiper .items .item{
    position: absolute;
    width: 13.5%;
}
.sbox6_swiper .ico{
    padding-bottom: 50%;
    position: relative;
    background-color: #ffffff;
    width: 100%;
}
.sbox6_swiper .ico img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    max-height: 90%;
    max-width: 80%;
} 
.sbox6_swiper .items .item:nth-child(1){
    left: 0;
    top: 0;
}
.sbox6_swiper .items .item:nth-child(2){
    left: 14.4%;
    top: 0;
}
.sbox6_swiper .items .item:nth-child(3){
    left: 28.8%;
    top: 0;
}
.sbox6_swiper .items .item:nth-child(4){
    left: 57.6%;
    top: 0;
}
.sbox6_swiper .items .item:nth-child(5){
    left: 72%;
    top: 0;
}
.sbox6_swiper .items .item:nth-child(6){
    left:86.4%;
    top: 0;
}
.sbox6_swiper .items .item:nth-child(7){
    left: 0;
    top: 26%;
}
.sbox6_swiper .items .item:nth-child(8){
    left: 14.4%;
    top: 26%;
}
.sbox6_swiper .items .item:nth-child(9){
    left: 28.8%;
    top: 26%;
}
.sbox6_swiper .items .item:nth-child(10){
    left: 43.2%;
    top: 26%;
}
.sbox6_swiper .items .item:nth-child(11){
    left: 57.6%;
    top: 26%;
}
.sbox6_swiper .items .item:nth-child(12){
    left:72%;
    top: 26%;
}
.sbox6_swiper .items .item:nth-child(13){
    left:86.4%;
    top: 26%;
}
.sbox6_swiper .items .item:nth-child(14){
    left: 14.4%;
    top: 52%;
}
.sbox6_swiper .items .item:nth-child(15){
    left: 28.8%;
    top: 52%;
}
.sbox6_swiper .items .item:nth-child(16){

    left: 43.2%;
    top: 52%;
}
.sbox6_swiper .items .item:nth-child(17){
    left: 57.6%;
    top: 52%;
}
.sbox6_swiper .items .item:nth-child(18){
    left:72%;
    top: 52%;
}
.sbox6_swiper .items .item:nth-child(19){
    left: 14.4%;
    top: 77.3%;
}
.sbox6_swiper .items .item:nth-child(20){
    left: 28.8%;
    top: 77.3%;
}
.sbox6_swiper .items .item:nth-child(21){
    left: 57.6%;
    top: 77.3%;
}
.sbox6_swiper .items .item:nth-child(22){
    left:72%;
    top: 77.3%;
}

.sbox6_swiper .htranb_prev{
    left: 5%;
}
.sbox6_swiper .htranb_next{
    right: 5%;
}
.sbox6_swiper .htranb_prev,
.sbox6_swiper .htranb_next{
    position: absolute;
    bottom: 19%; 
}

.sbox7 .tit{
    text-align: center;
    color: #333333;
}
.htranb05{
    padding: 6.3% 0 5%;
    background-image: linear-gradient(#e5e7e9, #edeef0);
}
.htranb05 .sbox7_swiper{
    margin-top: 3.5%;
}
.sbox7_swiper .swiper-slide{
    height: auto;
}
.sbox7_swiper .item{
    display: flex;
    flex-direction: column;
    height: 100%;
}
.sbox7_swiper .imgbox{
    padding-bottom: 57%;
    position: relative;
    overflow: hidden;
}
.sbox7_swiper .imgbox img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.sbox7_swiper .text_box{
    background-color: #fff;
    padding: 8% 9.2%;
    flex: 1;
}
.sbox7_swiper .tit{
    color: #333333;
    line-height: 1.5;
}
.sbox7_swiper .desc{
    color: #333333;
    line-height: 1.71;
    margin-top: 10px;
}
.sbox7_swiper .hlink{
    margin-top: 20px;
}
.sbox7_swiper .item:hover img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.sbox7_swiper .item:hover .text_box::before {
    width: 100%;
}
.sbox7_swiper .item .text_box::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 0;
    height: 5px;
    background-image: linear-gradient(to right, #3683f2, transparent);
    z-index: 2;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
} 

.hlink{
    display: flex;
    align-items: center;
}
.sbox7_box {
    text-align: center;
    padding-top: 55px;
}
.hlink .time {
    position: relative;
    background-image: url(../images/hzhong.png);
    background-position: center left;
    padding-left: 25px;
    background-repeat: no-repeat;
    font-size: 14px;
    color: #333333;
    font-family: "HarmonyOS_Sans_SC_Light";
    background-size: 17px;
}
.hlink .more {
    font-size: 14px;
    color: #999999;
    margin-left: 20px;
    font-family: "HarmonyOS_Sans_SC_Light";
}
.htranb05 .sbox8{
    margin-top: 9.7%;
}
.sbox8{
    display: flex;
    justify-content: space-between;
}
.sbox8 .left{
    width: 370px;
}
.sbox8 .right{
    max-width: 960px;
    flex: 1;
    margin-left: 15px;
}
.sbox8 .tit{
    color: #333333;
    line-height: 3.52;
    text-align: end;
}
.sinput01{
    display: flex;
    border-radius: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    -o-border-radius: 35px;
    overflow: hidden;
    height: 70px;
    width: 100%;
    background-color: #fff;
}
.sinput01 .input{
    padding: 0 45px;
    flex: 1;
    display: flex;
    align-items: center;
}
.sinput01 .input input{
    width: 100%;
}

.sinput01 .input_btn{
    background-image: linear-gradient(to right, #005bad, #1694d5);
    border-radius: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    -o-border-radius: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 60px;
    color: #fff;
    cursor: pointer;
}


/* font-family: "HarmonyOS_Sans_SC_Light"; */
/* font-family: "HarmonyOS_Sans_SC_Medium"; */

.htranb06::before{
    background-image: linear-gradient( transparent,#34465f 20%);
    opacity: .8;
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.htranb06{
    padding-top: 140px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
}
.htranb06 .sen_title,.htranb06 .sen_desc{
    color: #fff;
}

.htranb06 .clist{
    display: flex;
    justify-content: center;
    padding: 80px 0 25px;
}
.htranb06 .clist .citem{
    margin: 0 5%;
    text-align: center;
    width: 18%;
}
.htranb06 .clist .num{
    font-size: 20px;
    position: relative;
    display: inline-block;
}
.htranb06 .clist .num i{
    position: absolute;
    right: -10px;
    top: 0;
    color: #fff;
    font-style: initial;

}
.htranb06 .clist .num span{
    font-size: 62px;
    color: #fff;
}
.htranb06 .clist .ctit{
    margin-top: 20px;
    font-size: 16px;
    line-height: 2;
    color: rgba(255, 255, 255, .7);

}
.htranb06 .clist .cdesc{
    font-size: 24px;
    color: #fff;
    line-height: 1.33;
    padding-top: 35px;
    margin-top: 30px;
    border-top: 1px solid rgba(255, 255, 255, .2);
}
.htranb06 .list{
    display: flex;
    margin-top: 120px;
}
.htranb06 .list .item{
    width: 16.66%;
    text-align: center;
    padding: 20px 10px 80px;
    position: relative;
}
.htranb06 .list .item .imgbox{
    padding-bottom: 60px;
    position: relative;
}
.htranb06 .list .item img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
.htranb06 .list .item .tit{
    font-size: 16px;
    color: #fff;
    margin-top: 20px;
}
.htranb06 .list .item:not(:first-child):before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 2px;
    height: 100%;
    background-image: linear-gradient(transparent, #596577)
}
.htranb06 .list .item .tit{
    font-size: 16px;
    color: #ffffff;
    margin-top: 25px;
}


.sen_title {
    font-size: 42px;
    color: #333333;
    font-family: "HarmonyOS_Sans_SC_Medium";
    line-height: 1.5;
    text-align: center;
    position: relative;
}
.sen_desc {
    font-size: 18px;
    line-height: 1.875;
    color: #333;
    margin-top: 20px;
    font-family: "HarmonyOS_Sans_SC_Light";
    text-align: center;
    position: relative;
}
@media(max-width:1459px){
    .sen_title {
        font-size: 36px;
    }
    .htranb06 {
        padding-top: 80px;
    }
    .htranb06 .clist {
        padding: 60px 0 25px;
    }
    .htranb06 .list {
        margin-top: 80px;
    }
    .htranb06 .clist .ctit{
        height: 48px;
        line-height: 1.5;
    }
    .htranb06 .clist .num span {
        font-size: 48px;
    }
    .sbox4 .hmore1 {
        margin-top: 15px;
    }
    .sbox4 .text_box {
        padding-bottom: 20px;
    }
    .hmore1{
        padding: 0 30px;
        line-height: 40px;
    }
}
@media(max-width:1366px){
    .htranb06 .clist .citem{
        width: 33.33%;
    }
    .htranb06 .list {
        margin-top: 60px;
    }
}
@media(max-width:1024px){
    
    .sen_title {
        font-size: 28px;
    }
    .htranb06 {
        padding-top: 40px;
    }
    .htranb06 .clist {
        padding: 40px 0 25px;
    }
    .htranb06 .list {
        margin-top: 40px;
    }
    .htranb06 .clist .num span {
        font-size: 36px;
    }
    
    .htranb06 .clist .ctit {
        margin-top: 10px;
    }
    .htranb06 .clist .cdesc {
        margin-top: 10px;
        padding-top: 10px;
        font-size: 16px;
    }
   
    .hother1 .editor ul li{
        margin-bottom: 10px;
    }
    .sbox2 .desc{
        padding-bottom: 15px;
    }
    .hother1{
        padding: 15px 0;
    }
    .sinput01 {
        height: 45px;
    }
    .sinput01 .input_btn{
        padding: 0 40px;
    }
}
@media(max-width:768px){
    .htranb06 .clist .num span {
        font-size: 24px;
    }
    .sen_title {
        font-size: 24px;
    }
    .htranb06 {
        padding-top: 30px;
    }
    .htranb06 .clist {
        padding: 30px 0 20px;
    }
    .htranb06 .clist .citem{
        margin: 0 3%;
    }
    .htranb06 .list .item img {
        width: 30px;
    }
    
    .htranb06 .list .item .imgbox {
        padding-bottom: 50px;
    }
    
    .htranb06 .list .item .tit {
        margin-top: 10px;
    }  
    .hmore1{
        padding: 0 15px;
        line-height: 30px;
    }
    .sbox3 .sbox3_item .sbox3_tit {
        padding: 0 20px;
    }
    .hlink .more{
        margin-left: 10px;
    }
    .sbox7_swiper .text_box{
        padding: 15px;
    }
    .htranb05 .sbox8{
        margin-top: 25px;
    }
    .sbox8 {
        flex-wrap: wrap;
    }
    
    .sbox8 .left {
        width: 100%;
    }
    
    .sbox8 .right {
        width: 100%;
        flex: unset;
        margin: 15px 0 0;
    }
    
    .sinput01 {
        height: 40px;
    }
    .htranb_prev, .htranb_next {
        width: 30px;
        height: 30px;
    }
    
    .htranb_prev::before {
        right: 6px;
        top: 8px;
    }
    
    .htranb_next::before {
        top: 8px;
        right: 10px;
    }
    .htranb04 .sbox6_swiper {
        margin-top: 20px;
    }
    .htranb02,
    .htranb03,
    .htranb04,
    .htranb05,
    .htranb06{
        padding: 25px 0;
    }
    .sbox2 {
        flex-wrap: wrap;
    }
    
    .sbox2 .left {
        width: 100%;
    }
    
    .sbox2 .right {
        width: 100%;
    }
    .hother1{
        flex-wrap: wrap;
    }
    .hother1 .hother1_l{
        flex: unset;
        width: 100%;
    } 
    .hother1 .hother1_r{
        width: 100%;
        padding-top: 15px;
    } 
    .sbox1 .editor{
        margin-top: 15px;
    }
    .htranb02 .sbox3{
        margin: 15px 0;
    }
    .sbox3{
        flex-wrap: wrap;
    }
    .klist1 .item {
        margin-bottom: 10px;
        position: relative !important;
        width: 100% !important;
        display: block;
        height: auto !important;
        padding: 0 !important;
        top: unset !important;
        left: unset !important;
        right: unset !important;
        bottom: unset !important;
    }
    
    .klist1 {
        padding-bottom: 0;
    }
    
    .klist1 .item .imgbox {
        height: auto;
        position: relative;
        left: unset;
        top: unset;
    }
    
    
    .klist1 .text_box {
        left: 15px;
        bottom: 15px;
    }
    .sbox6_swiper .htranb_prev, .sbox6_swiper .htranb_next {
        bottom: 6%;
    }
    
    .sbox6_swiper .htranb_prev {
        left: 3%;
    }
    
    .sbox6_swiper .htranb_next {
        right: 3%;
    }
    .sbox7_box{
        padding-top: 20px;
    }
}
@media(max-width:480px){
    .htranb06 {
        padding-top: 20px;
    }
    .htranb06 .clist {
        padding: 20px 0;
    }
    .htranb06 .list {
        margin-top: 20px;
    }
    .htranb06 .clist .num span {
        font-size: 20px;
    }
    
    .htranb06 .clist {
        flex-wrap: wrap;
    }
    
    .htranb06 .clist .citem {
        width: 100%;
        padding: 20px 0;
        border-bottom: 1px solid #eee;
        text-align: left;
    }
    
    .htranb06 .clist .cdesc {
        border-top: unset;
    }
    
    .htranb06 .list {
        flex-wrap: wrap;
    }
    
    .htranb06 .list .item {
        width: 33.33%;
        padding: 10px 0 0;
    }
    
    .htranb06 .list .item .tit {
        font-size: 12px;
    }
    
    .htranb06 .list {
        padding-bottom: 50px;
    }
    .htranb06 .clist .ctit{
        height: auto;
    }
}

.car05.index05 {
  display: none;
}
.mass03,
.mass04,
.mass05,
.mass07{
    display: none;
}
.mass06.grey {
    padding-top: 35px;
}

.mass06 .mas_tit::before {
    display: none;
}

/*20240902*/
.sbox8 {
    justify-content: center;
}

.sbox8 .left {
    flex: 0 0 auto;
    width: auto;
}