.index05{
    background-color: #f2f3f4;
}
.index05 .content{
    padding: 8.5% 0 8.5%;
}
.index05 .list{
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
}
.index05 .list .item{
    display: flex;
    justify-content: space-between;
    width: 48.6%;
    margin-bottom: 2.8%;
}
.index05 .list .item:not(:nth-child(2n+1)){
    margin-left: 2.8%;
}
.index05 .item .left .imgbox{
    width: 100%;
    height: 100%;
}
.index05 .item .left img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.index05 .item .left{
    width: 48%;
    overflow: hidden;
}
.index05 .item .right{
    width: 52%;
    padding: 40px 40px 30px;
    background-color: #fff;
    position: relative;
}
.index05 .item .right::before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 4px;
    width: 100%;
    background-image: linear-gradient(to right, #3583f3 ,transparent);
    z-index: 2;
    width: 0;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.index05 .item .tit{
    font-size: 20px;
    color: #333;
    line-height: 1.5;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.index05 .item .desc{
    font-size: 14px;
    color: #333;
    margin: 20px 0 20px;
    font-family: "HarmonyOS_Sans_SC_Light";
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.71;
}
.index05 .item .more_link{
    display: flex;
}
.index05 .item .time{
    position: relative;
    background-image: url(../images/zhong.png);
    background-position: center left;
    padding-left: 25px;
    background-repeat: no-repeat;
    font-size: 14px;
    color: #333333;
    font-family: "HarmonyOS_Sans_SC_Light";
}
.index05 .item .more{
    font-size: 14px;
    color: #999999;
    margin-left: 20px;
    font-family: "HarmonyOS_Sans_SC_Light";
}
.index05 .item:hover .tit{
    color: #005bac;
}
.index05 .item:hover .more{
    color: #005bac;
}
.index05 .item:hover .right::before{
    width: 100%;
}
.index05 .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);
}
.index05 .morelink{
    width: 175px;
    line-height: 50px;
    text-align: center;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    background-image: linear-gradient(to right,#005bad,#1694d5);
    font-size: 16px;
    color: #ffffff;
    display: block;
    margin: 1% auto 0;
}


@media(max-width:1024px){
   
    .index05 .list{
        margin-top: 25px;
    }
}
@media(max-width:768px){
 
    .index05 .list .item{
        flex-wrap: wrap;
    }
    .index05 .item .left{
        width: 100%;
    }
    .index05 .item .right{
        width: 100%;
    }
    .index05 .morelink {
        width: 130px;
        line-height: 40px;
    }
 
    .index05 .item .right{
        padding: 20px;
    }
    .index05 .item .tit{
        font-size: 18px;
    }
  
}
@media(max-width:650px){
    .index05 .list{
        flex-wrap: wrap;
    }
    .index05 .list .item{
        width: 100%;
    }
    .index05 .list .item:not(:nth-child(2n+1)){
        margin-left: 0;
    }
    .index05 .item .left .imgbox{
        height: 200px;
    }
    .index05 .item .tit {
        font-size: 16px;
    }
    .index05 .item .desc{
        margin: 10px 0;
        font-size: 12px;
    }
    .index05 .item .more {
        font-size: 12px;
    }
    .index05 .morelink {
        width: 80px;
        line-height: 30px;
        font-size: 14px;
    }
}

/* 工业传感 */
.sen01{
    position: relative;
}
.sen01 .imgbox img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sen01 .wapr{
    position: relative;    
    padding-right: 140px;
}
.sen01 .main{
    position: absolute;
    top: 55%;
    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%);
    width: 100%;
    height: 60%;
}
.sen01 .main .wapr{
    height: 100%;
}
.sen01 .main .wapr .con_list{
    height: 100%;
}

.sen01 .main .tit{
    font-size: 64px;
    color: #fff;
    font-family: "HarmonyOS_Sans_SC_Medium";
    line-height: 1.5;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
.sen01 .main .desc{
    font-size: 18px;
    color: #fff;
    line-height: 1.66;
	font-family: "HarmonyOS_Sans_SC_Light";
    margin-top: 5%;
}
.sen01 .main .btn{
    margin-top: 14.8%;
    width: 165px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    background-image: linear-gradient(to right, #005cac , #1694d4);
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    color: #fff;
}
.sen01 .main .con{
    display: flex;
    position: relative;
    padding-left: 110px;
    align-items: center;
    height: 100%;
}
.sen01 .main .con .l_box {
    width: 55%;
}
.sen01 .main .con .text {
    flex: 1;
    width: 50%;
}

.sen01 .main .box1{
    position: relative;
}
.sen01 .main .box1>img{
    transform: translate(3%,-14%);
    -webkit-transform: translate(3%,-14%);
    -moz-transform: translate(3%,-14%);
    -ms-transform: translate(3%,-14%);
    -o-transform: translate(3%,-14%);
}
.sen01 .main .box2{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 220px;
    height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.sen01 .main .box2::before{
    content: '';
    display: block;
    position: absolute;
    left:50%;
    top: 50%;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(#475261, #b1bac3);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 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%);
}
.sen01 .main .box2::after{
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 110%;
    height: 110%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: rgba(255, 255, 255, .1);
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
.sen01 .main .box2 img{
    position: relative;
    z-index: 1;
}
.sen01 .main .right{
    position: absolute;
    right: 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%);
    width: 125px;
    height: 100%;
}
.sen01 .main .swiper-container{
    height: 100%;
}
.sen01 .main .pimg{
    position: relative;
    background-image: linear-gradient(#d1d8e0, #c5cbd0);
    height: 100%;
}
.sen01 .main .pimg::before{
    content: '';
    display: block;
    background-color: rgb(2, 10, 23);
    opacity: .7;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.sen01 .main .pimg img{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 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%);
}
.sen01 .main .on .pimg::before{
    display: none;
}



.sen01 .main .swiper_btn{
    width: 40px;
    height: 40px;
    border: 2px solid #828790;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    cursor: pointer;
    z-index: 2;
    position: absolute;
}
.sen01 .main .swiper_btn.prev{
    left: 45px;
    top: -60px;
}
.sen01 .main .swiper_btn.prev::before{
    content: '';
    display: block;
    position: absolute;
    top: 15px;
    border-bottom: 2px solid #828790;
    border-left: 2px solid #828790;
    right: 13px;
    width: 10px;
    height: 10px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}
.sen01 .main .swiper_btn.next{
    left: 45px;
    bottom: -60px;
}
.sen01 .main .swiper_btn.next::before{
    content: '';
    display: block;
    position: absolute;
    top: 11px;
    border-bottom: 2px solid #828790;
    border-left: 2px solid #828790;
    right: 13px;
    width: 10px;
    height: 10px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}

.sen02{
    padding-top: 150px;
    background-color: #f2f3f4;
    overflow: hidden;
}
.sen02 .title{
    font-size: 42px;
    color: #333333;
    font-family: "HarmonyOS_Sans_SC_Medium";
    line-height: 1.5;
}
.sen02 .ctit{
    font-size: 24px;
    line-height: 2;
    color: #333;
    margin-top: 66px;
}
.sen02 .desc{
    font-size: 16px;
    line-height: 1.875;
    font-family: "HarmonyOS_Sans_SC_Light";
    margin-top: 20px;
}
.sen02 .content{
    display: flex;
    justify-content: space-between;
    position: relative;
}

.sen02 .content .left{
    width: 100%;
}
.sen02 .content .text{
    padding-right: 5%;
    width: 50%; 
}
.sen02 .content .right{
    width: 50%;    
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}
.sen02 .right .imgbox{
    height: 100%;
}
.sen02 .right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sen02 .right video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sen02 .right .video_box {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.sen02 .right .open_video {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    background-image: url(../images/video_btn.png);
    width: 60px;
    height: 60px;
    background-size: contain;
}
.sen02 .list{
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
    padding: 0 58% 0 0;
    position: relative;
}
.sen02 .list::before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    width: 100000%;
    height: 100%;
    background-image: linear-gradient(#e5e7e9, #f6f7f8);
}
.sen02 .list .item{
    position: relative;
    width: 33.33%;
    padding: 40px 0;
}
.sen02 .list .item:not(:first-child){
    padding-left: 5%;
}
.sen02 .list .num{
    font-size: 32px;
    color: #333333;
    font-family: "HarmonyOS_Sans_SC_Medium";
    position: relative;
}
.sen02 .list .n_t{
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.875;
    color: #333;    
    position: relative;
}
.sen02 .list .item:hover::before{
    opacity: 1;
}
.sen02 .list .item::before{
    background-image: linear-gradient(#f7f8f8, #dcddde);
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
}


.sen03{
    padding: 120px 0 440px;
    position: relative;
}
.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;
}
.sen_desc *{
    white-space:unset !important;
}

.sen03 .swiper-slide .item {
    height: 100%;
    cursor: pointer;
}
.sen03 .swiper-slide {
    height: auto;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    width: 150px;
}
.sen03 .swiper-slide:nth-child(2n) .item {
    transform: translate(0,-40px);
    -webkit-transform: translate(0,-40px);
    -moz-transform: translate(0,-40px);
    -ms-transform: translate(0,-40px);
    -o-transform: translate(0,-40px);
}
.sen03 .swiper-slide .item .imgbox img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.sen03 .text {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    /* background-color: rgba(16, 26, 39, .8); */
    color: #fff;
    padding: 35px 30px 20px 30px;
    width: 100%;
    height: 100%;
    background-color: unset;
    align-items: center;
    justify-content: center;
}
.sen03 .ctit {
    text-align: center;
    font-size: 24px;
    line-height: 1.5;
    white-space: normal;
}
.sen03 .swiper-slide.cur .cdesc {
    display: block;
}
.sen03 .swiper-slide .cdesc {
    padding-left: 40px;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    display: none;
}
.sen03 .swiper-slide {
    height: 610px;
}
.sen03 .swiper-slide.cur{
    width: 62% !important;
}
.sen03 .swiper-slide .item .imgbox {
    height: 100%;
    position: relative;
}
.sen03 .swiper-slide.cur .ctit {
    width: auto;
    white-space: nowrap;
}
.sen03 .swiper-slide.cur .text {
    background-color: rgba(16, 26, 39, .8);
    height: auto;
    align-items: unset;
    justify-content: unset;
}

.sen03 .swiper-container {
    padding: 40px 0 0;
}

.sen03 .main {
    position: absolute;
    max-width: 1400px;
    margin: 0 auto;
    width: 100%;
    left: 50%;
    bottom: -265px;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    z-index: 1;
}
.sen03 .swiper_btn {
    height: 60%;
    width: 50px;
    background-color: rgba(192, 202, 211, .5);
    position: absolute;
    right: -60px;
    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%);
    z-index: 2;
    cursor: pointer;
}
.sen03 .swiper_btn::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    right: 22px;
    width: 10px;
    height: 10px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}

@media(max-width:1600px){
    .sen03 .main{
        padding-right: 50px;
    }
    .sen03 .swiper_btn{
        right: 0;
    }
}

@media(max-width:1024px){
    .sen03 .main {
        width: 100%;
        padding: 0 30px;
    }
    .sen03 {
        padding-bottom: 325px;
    }
    
    .sen03 .swiper-slide.swiper-slide-active{
        width: auto;
        height: auto;
    }
    .sen03 .swiper-slide{
        width: auto;
    }
    .sen03 .swiper-slide:nth-child(2n+1) .item{
        transform: unset;
        -webkit-transform: unset;
        -moz-transform: unset;
        -ms-transform: unset;
        -o-transform: unset;
    } 
}


@media(max-width:768px){
    .sen03 .mas_base .mas_m {
        text-align: left;
        padding-right: 0;
    }
    .sen03 .ctit {
        font-size: 16px;
    }
    
    .sen03 .text {
        padding: 15px;
    }
    
    .sen03 .swiper-slide .cdesc {
        padding-left: 15px;
    }
    .sen03 {
        padding-bottom: 180px;
    }
}
@media(max-width:480px){
    .sen03 .text {
        flex-wrap: wrap;
    }
    
    .sen03 .swiper-slide .cdesc {
        padding-left: 0;
        font-size: 12px;
        margin-top: 5px;
    }
    
    .sen03 .ctit {
        font-size: 14px;
    }
    
    .sen03 {
        padding-bottom: 20px;
    }
    .sen03 .swiper_btn {
        width: 30px;
        height: 50px;
        right: 10px;
        top: 58%;
    }
    
    .sen03 .swiper_btn::before {
        right: 10px;
        top: 40%;
    }
    .sen03 .main {
        position: static;
        transform: unset;
    }
}


.sen07{
   padding: 0 0 60px;
   position: relative;
}
.sen07 .ctop{
    transform: translate(0,-25px);
    -webkit-transform: translate(0,-25px);
    -moz-transform: translate(0,-25px);
    -ms-transform: translate(0,-25px);
    -o-transform: translate(0,-25px);
  
    position: relative;
    z-index: 1;
}
.sen07 .clist{
    display: flex;
    justify-content: space-between;
    box-shadow: 0 0 10px #dee0e3;
    background-color: #ffffff;
}
.sen07 .clist .citem{
    padding-bottom: 120px;
    position: relative;
    width: 20%;
    font-size: 28px;
    color: #333333;
    font-family: "HarmonyOS_Sans_SC_Medium";
}
.sen07 .clist .citem::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    height: 100%;
    background-color: #e6ecea;
}


.sen07 .clist .citem img,
.sen07 .clist .citem span{
    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%);
    max-height: 80%;
}
.sen07 .main{
    position: relative;
   overflow: hidden;
}
.sen07 .ctop .btn{
    width: 300px;
    line-height: 50px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    text-align: center;
    background-image: linear-gradient(to right, #005cac , #1694d4);
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    margin: 50px auto 65px;
}
.sen07 .ctop .btn a{
    color: #fff;
}
.sen07 .s1{
    padding: 50px 0 32px;
    position: relative;

}
.sen07 .s2{
    padding: 60px;
    position: relative;
}
.base_swiper .s2 .prev{
    left: 0;
}
.base_swiper .s2 .next{
    right: 0;
}
.sen07 .s1 .swiper-container{
    overflow:unset;
}
.sen07::before{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(transparent, #ffffff);
    opacity: .7;
}
.sen07 .item{
    padding-right: 90px;
    position: relative;
}
.sen07 .item:hover .text{
    background-image: linear-gradient(to right, #005cac , #1694d4);
}
.sen07 .item:hover .tit,
.sen07 .item:hover .ctit,
.sen07 .item:hover .state{
    color: #fff;
}
.sen07 .item .text{
    padding: 55px 120px 55px 80px;
    border-radius: 120px;
    -webkit-border-radius: 120px;
    -moz-border-radius: 120px;
    -ms-border-radius: 120px;
    -o-border-radius: 120px;
    box-shadow: 0 0 10px #fcfcfd;
    background-color: #fff;
}
.sen07 .item .tit{
    font-size: 28px;
    color: #333333;
    line-height: 1.5;
    font-family: "HarmonyOS_Sans_SC_Medium";
}
.sen07 .item .ctit{
    font-size: 18px;
    line-height: 1.66;
    color: #333333;
    font-family: "HarmonyOS_Sans_SC_Light";
    margin-top: 25px;
}
.sen07 .item .state{
    font-size: 18px;
    line-height: 1.66;
    color: #333333;
    font-family: "HarmonyOS_Sans_SC_Light";
   text-align: right;
   margin-top: 10px;
}
.sen07 .item .state span{
    position: relative;
    padding-left: 80px;
}
.sen07 .item .state span::before{
    display: block;
    content: '';
    width: 50px;
    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: #c1c4cb;
    height: 2px;
}
.sen07 .item .imgbox{
    position: absolute;
    right: 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%);
    border: 10px solid rgba(230, 232, 235, 0.5);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.sen07 .item .video_box{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    overflow: hidden;
}
.sen07 .item .video_box video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sen07 .item .open_video{
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    background-image: url(../images/video_btn1.png);
    width: 23px;
    height: 35px;
    background-size: contain;
    cursor: pointer;
}

.sen07 .s1 .swiper-pagination{
    position: absolute;
    bottom: 0;
    width: 100%;
}
.sen07 .s1 .swiper-slide{
    opacity: .5;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.sen07 .s1 .swiper-slide.swiper-slide-active{
    opacity: 1;
}
.sen07 .s1 .swiper-slide.swiper-slide-next{
    opacity: 1;
}
.sen07 .s1 .swiper-pagination .swiper-pagination-bullet{
    margin: 0 10px;
}

.sen07 .cimg{
    padding-bottom: 75px;
    position: relative;
}
.sen07 .cimg 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%);
    max-height: 80%;
}

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

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

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

}
.sen06 .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);
}
.sen06 .list{
    display: flex;
    margin-top: 120px;
}
.sen06 .list .item{
    width: 16.66%;
    text-align: center;
    padding: 20px 10px 80px;
    position: relative;
}
.sen06 .list .item .imgbox{
    padding-bottom: 60px;
    position: relative;
}
.sen06 .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%);
}
.sen06 .list .item .tit{
    font-size: 16px;
    color: #fff;
    margin-top: 20px;
}
.sen06 .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)
}
.sen06 .list .item .tit{
    font-size: 16px;
    color: #ffffff;
    margin-top: 25px;
}



.sen04{
    padding-top: 440px;
    position: relative;
}
.sen04::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background-image: linear-gradient(#ebecee, #f7f7f7);
    height: 100%;
    width: 100%;
}

.sen04 .main{
    padding-top: 50px;
}
.sen04 .main .ctit{
    font-size: 34px;
    color: #005bad;
    font-family: "HarmonyOS_Sans_SC_Medium";
    margin-top: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
.sen04 .main .desc{
    font-size: 18px;
    color: #333333;
    margin-top: 35px;
}
.sen04 .main .cdesc{
    font-size: 18px;
    color: #333333;
    margin-top: 20px;
}
.sen04 .main .num{
    margin-top: 50px;
    font-size: 20px;
    color: #999999;
}
.sen04 .main .num span{
    position: relative;
    line-height: 1.5;
}
.sen04 .main .num span::before{
    content: '';
    display: block;
    position: absolute;
    right:calc(100% + 20px);
    width: 50px;
    height: 2px;
    background-color: #dddddd;
    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%);
}
.sen04 .main .num span::after{
    content: '';
    display: block;
    position: absolute;
    left: calc(100% + 20px);
    top: 50%;
    width: 50px;
    height: 2px;
    background-color: #dddddd;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
}
.sen04 .item{
    position: relative;
    text-align: center;
    height: 100%;
}
.sen04 .swiper-slide::before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient( transparent , #fff);
    opacity: .5;
}
.sen04 .swiper-slide.swiper-slide-active .item .btn{
    opacity: 1;
}
.sen04 .item .btn {
    width: 170px;
    line-height: 50px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    text-align: center;
    background-image: linear-gradient(to right, #005cac , #1694d4);
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    margin: 20px auto 0;
    opacity: 0;
    display: block;
}
.sen04 .item .btn.btn1{
    background-image: unset;
    border: 2px solid hsl(222, 9%, 78%);
    color: #333;
    margin-bottom: 0;
}
.sen04 .item .btn.btn2{
    margin-top: 20px;
    margin-bottom: 0;
    display: none;
}
.sen04 .swiper-slide{
    padding-bottom: 30px;
    height: auto;
}

.sen04 .swiper-slide .imgbox{
    display: flex;
    align-items: flex-end;
    justify-content: center;
    height: 220px;
}
    .sen04 .swiper-slide .imgbox img.img1 {
        display: block;
        width: 60%;
    }
.sen04 .swiper-slide .imgbox img.img2{
    display: none;
}
.sen04 .item:hover img.img1{
    display: none;
}
.sen04 .item:hover img.img2{
    display: block;
}
.sen04 .item:hover{
    background-color: #fff;
    box-shadow: 0 0 25px #dbdee2;
    border: 2px solid #1795d5;
}
.sen04 .item:hover .btn{
    display: none;
}
.sen04 .item:hover .btn.btn2{
    display: block;
    opacity: 1;
}
.sen04 .item:hover .imgbox{
    padding-right: 10px;
}


@media(max-width:1700px){
    .sen01 .main .box1>img {
        width: 90%;
    }
    
    .sen01 .main .box2 {
        width: 160px;
        height: 160px;
    }
    
    .sen01 .main .box2 img {
        width: 80%;
    }
    
    .sen01 .main .tit {
        font-size: 48px;
    }
    .sen01 .imgbox img{
        min-height:700px;
    }
}
@media(max-width:1459px){
    .sen01 .main .tit {
        font-size: 36px;
    }
    .sen01 .main .con .l_box {
        width: 60%;
    }
    .sen01 .main .box2 {
        width: 150px;
        height: 150px;
    }
    .sen03 {
        padding: 80px 0 440px;
    }
    .sen03 .main {
        padding-right: 50px;
        padding-left: 20px;
    }
    .sen04 {
        padding-top: 340px;
    }
    .sen_title {
        font-size: 36px;
    }
    .sen06 {
        padding-top: 80px;
    }
    .sen06 .clist {
        padding: 60px 0 25px;
    }
    .sen06 .list {
        margin-top: 80px;
    }
    .sen06 .clist .ctit{
        height: 48px;
        line-height: 1.5;
    }
    .sen06 .clist .num span {
        font-size: 48px;
    }
    .index05 .content{
        padding: 40px 0;
    }
    .sen02 .title {
        font-size: 36px;
    }
    .sen02 .ctit{
        margin-top: 40px;
    }
}
@media(max-width:1366px){
    .sen06 .clist .citem{
        width: 33.33%;
    }
    .sen06 .list {
        margin-top: 60px;
    }
    .sen07 .item .text {
        padding: 35px 80px 35px 35px;
    }
    
    .sen07 .item .tit {
        font-size: 24px;
    }
    
    .sen07 .item .ctit {
        font-size: 16px;
    }
    
    .sen07 .item .state {
        font-size: 14px;
    }
    
    .sen07 .item .imgbox img {
        width: 140px;
    }
    
    .sen07 .s1 {
        padding: 20px 0;
    }
    
    .sen07 .s2 {
        padding: 30px 40px;
    }
    
    .sen07 {
        padding: 0 0 40px;
    }
    .sen02{
        padding-top: 80px;
    }
    .sen02 .ctit{
        margin-top: 30px;
        font-size: 20px;
    }
}
@media(max-width:1024px){
    .sen02 .title {
        font-size: 24px;
    }
    .sen01 .main .box2 {
        width: 100px;
        height: 100px;
    }
    .sen01 .main .tit {
        font-size: 24px;
    }
    .sen01 .main .swiper-slide {
        height: 80px;
    }
    .sen01 .main .con {
        padding-left: 30px;
    }
    .sen_title {
        font-size: 28px;
    }
    .sen06 {
        padding-top: 40px;
    }
    .sen06 .clist {
        padding: 40px 0 25px;
    }
    .sen06 .list {
        margin-top: 40px;
    }
    .sen06 .clist .num span {
        font-size: 36px;
    }
    
    .sen06 .clist .ctit {
        margin-top: 10px;
    }
    .sen06 .clist .cdesc {
        margin-top: 10px;
        padding-top: 10px;
        font-size: 16px;
    }
    .sen02 .ctit{
        margin-top: 20px;
        font-size: 16px;
    }
    .sen06 .list .item {
        padding: 20px 10px 50px;
    }
    .sen07 .clist .citem span{
        font-size: 24px;
        white-space: nowrap;
    }
    .sen07 .ctop .btn{
        margin: 30px auto;
    }
    .sen02{
        padding-top: 60px;
    }
    .sen02 .list .num {
        font-size: 24px;
    }
    
    .sen02 .list .item {
        padding: 10px 0;
    }
    
    .sen02 .list {
        margin-top: 20px;
        padding-right: 50%;
    }
    .sen03 {
        padding: 60px 0 40px;
    }
    
    .sen03 .main {
        position: relative;
        transform: unset;
        left: unset;
        top: unset;
        bottom: unset;
    }
    .sen04{
        padding-top: 20px;
    }
    .sen07 .item .tit {
        font-size: 20px;
    }
    
    .sen07 .item .ctit {
        font-size: 14px;
        margin-top: 5px;
    }
    
    .sen07 .item .text {
        padding: 20px 40px 20px 45px;
    }
    
    .sen07 .item .imgbox img {
        width: 100px;
    }
    
    .sen07 .item .open_video {
        width: 17px;
        height: 25px;
    }
    
    .sen07 .s2 {
        padding: 15px 20px;
    }
    .sen03 .swiper-slide:nth-child(2n) .item {
        transform: unset;
        -webkit-transform: unset;
        -moz-transform: unset;
        -ms-transform: unset;
        -o-transform: unset;
    }
    .index05 .content{
        padding: 30px 0;
    }
}
@media(max-width:768px){
    .index05 .content{
        padding: 20px 0;
    }
    .sen07 .clist .citem span{
        font-size: 20px;
    }
    .sen06 .clist .num span {
        font-size: 24px;
    }
    .sen_title {
        font-size: 24px;
    }
    .sen01 .main .right{
        position: absolute;
        right: 0;
        left: 0;
        bottom: 0;
        width: 100%;
    }
    .sen01 .main .right {
        height: auto;
        top: unset;
        padding: 0 50px;
    }
    .sen01 .main {
        height: 100%;
        top: 50%;
    }
    .sen01 .main .swiper_btn.prev {
        top: 18px;
        left: 10px;
    }
    .sen01 .main .swiper_btn.prev::before {
        border-right: 2px solid #828790;
        border-left: unset;
    }
    .sen01 .main .swiper_btn.next {
        top: 20px;
        left: unset;
        right: 10px;
    }
    .sen01 .main .swiper_btn.next::before {
        border-right: 2px solid #828790;
        top: 13px;
    }
    .sen01 .imgbox img {
        min-height: 600px;
    }
    .sen_desc{
        font-size: 14px;
        margin-top: 5px;
    }
    .sen06 {
        padding-top: 30px;
    }
    .sen06 .clist {
        padding: 30px 0 20px;
    }
    .sen06 .clist .citem{
        margin: 0 3%;
    }
    .sen02{
        padding-top: 40px;
    }
    .sen07 .clist .citem img {
        height: 49%;
    }
    .sen02 .content {
        flex-wrap: wrap;
    }
    
    .sen02 .content .left {
        width: 100%;
    }
    
    .sen02 .content .right {
        position: relative;
        width: 100%;
    }
    
    .sen02 .content .text {
        width: 100%;
    }
    .sen02 .list{
        padding-right: 0;
    }
    .sen03 {
        padding: 20px 0;
    }  
    .sen03 {
        padding: 20px 0;
    }
    
    .sen04 .main .ctit {
        font-size: 24px;
        margin-top: 10px;
    }
    
    .sen04 .main .desc {
        font-size: 16px;
        margin-top: 16px;
    }
    
    .sen04 .main .cdesc {
        margin-top: 10px;
        font-size: 14px;
    }
    
    .sen04 .main .num {
        font-size: 18px;
        margin-top: 20px;
    }
    
    .sen04 .item .btn {
        width: 100px;
        line-height: 35px;
    }
    
    .sen06 .list .item img {
        width: 30px;
    }
    
    .sen06 .list .item .imgbox {
        padding-bottom: 50px;
    }
    
    .sen06 .list .item .tit {
        margin-top: 10px;
    }  
    .sen02 .title{
        font-size: 20px;
    }
    .sen01 .wapr{
        padding-right: 20px;
    }
    .sen01 .main{
        padding-top: 120px;
    }
    .sen01 .main .con {flex-wrap: wrap;height: auto;}

    .sen01 .main .con .l_box {
        width: 100%;
    }
    .sen01 .main .right{
        height: auto;
    }
    .sen01 .main .tit {
        margin-top: 10px;
        font-size: 18px;
    }
    
    .sen01 .main .desc {
        font-size: 14px;
        margin-top: 5px;
    }
    
    .sen01 .main .btn {
        width: 100px;
        font-size: 14px;
        line-height: 35px;
    }
    .sen01 .main .wapr{
        padding-bottom: 100px;
    }
    .sen01 .main .box1>img {
        width: 60%;
    }
    
    .sen01 .main .box2 {
        position: relative;
        transform: unset;
        left: unset;
        bottom: unset;
    }
    
    .sen01 .main .box1 {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: center;
    }
}
@media(max-width:480px){
    .sen01 .imgbox img {
        min-height: 490px;
    }
    .sen01 .wapr{
        padding-right: 0;
    }
    .sen02 .title{
        font-size: 18px;
    }
    .sen_title {
        font-size: 18px;
    }
    .sen06 {
        padding-top: 20px;
    }
    .sen06 .clist {
        padding: 20px 0;
    }
    .sen06 .list {
        margin-top: 20px;
    }
    .sen06 .clist .num span {
        font-size: 20px;
    }
    .sen02{
        padding-top: 20px;
    }
    .sen02 .right .open_video{
        width: 40px;
        height: 40px;
    }
    .sen04 .main .ctit {
        font-size: 18px;
    }
    
    .sen04 .main .desc {
        font-size: 14px;
    }
    
    .sen04 .main .cdesc {
        font-size: 14px;
    }
    
    .sen04 .main .num {
        font-size: 14px;
    }
    
    .sen04 .item .btn {
        width: 90px;
        line-height: 30px;
        font-size: 12px;
    }
    
    .sen06 .clist {
        flex-wrap: wrap;
    }
    
    .sen06 .clist .citem {
        width: 100%;
        padding: 20px 0;
        border-bottom: 1px solid #eee;
        text-align: left;
    }
    
    .sen06 .clist .cdesc {
        border-top: unset;
    }
    
    .sen06 .list {
        flex-wrap: wrap;
    }
    
    .sen06 .list .item {
        width: 33.33%;
        padding: 10px 0 0;
    }
    
    .sen06 .list .item .tit {
        font-size: 12px;
    }
    
    .sen06 .list {
        padding-bottom: 50px;
    }
    
    .sen07 .clist {
        flex-wrap: wrap;
    }
    
    .sen07 .clist .citem {
        width: 49%;
        padding-bottom: 60px;
    }
    
    .sen07 .clist .citem:not(:nth-child(2n+1)) {
        margin-left: 2%;
    }
    
    .sen07 .clist .citem img {
        height: 80%;
    }
    
    .sen07 .ctop .btn {
        margin: 20px auto;
        width: 100px;
        line-height: 35px;
        font-size: 14px;
    }
    
    .sen07 .item .tit {
        font-size: 16px;
    }
    
    .sen07 .item .ctit {
        font-size: 12px;
    }
    
    .sen07 .item {
        padding-right: 60px;
    }
    
    .sen07 .item .imgbox img {
        width: 80px;
    }
    
    .sen07 {
        padding: 0 0 20px;
    }
    .sen06 .clist .ctit{
        height: auto;
    }
}


/* 产品中心 */
.proct01{
    padding: 40px 0 70px;
}
.proct01 .tit{
    font-size: 24px;
    color: #333333;
    line-height: 1.5;
}
.proct01 .main{
    padding-top: 35px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.proct01 .list{
    display: flex;
}
.proct01 .item{
    line-height: 38px;
    margin-left: 20px;
    padding: 0 10px 0 25px;
    position: relative;
    border-bottom: 1px solid #cacdd3;
    width: 220px;
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 20px;
}
.proct01 .item:nth-child(2){
    background-image: url(../images/proct01_icon01.png);
}
.proct01 .item:nth-child(3){
    background-image: url(../images/proct01_icon02.png);
}
.proct01 .item:nth-child(4){
    background-image: url(../images/proct01_icon03.png);
}
.proct01 .item:nth-child(5){
    background-image: url(../images/proct01_icon04.png);
}

.proct01 .item .i_tit{
    line-height: 38px;
    cursor: pointer;
    position: relative;
    z-index: 3;
    font-size: 14px;
}
.proct01 .item .i_tit::before{
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    border-top: 1px solid #989ca7;
    border-right: 1px solid #989ca7;
    right: 0;
    width: 10px;
    height: 10px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}

.proct01 .item1,
.proct01 .more{
    background-image: linear-gradient(to right, #005cac , #1694d4);
    width: 125px;
    line-height: 40px;
    color: #fff;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    text-align: center;
}
.proct01 .more{
    line-height: 50px;
    width: 170px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    cursor: pointer;
}
.proct01 .item.cur{
    border: none;
}
.proct01 .item .clist{
    position: absolute;
    top: 0;
    padding: 40px 0 0;
    width: 100%;
    left: 0;
    z-index: 2;
    box-shadow: 0 0 10px #edeeef;
    border-radius:20px ;
    -webkit-border-radius:20px ;
    -moz-border-radius:20px ;
    -ms-border-radius:20px ;
    -o-border-radius:20px ;
    overflow: hidden;
    display: none;
}
.proct01 .item .citem{
    padding: 15px 20px;
    background-color: #fff;
    cursor: pointer;
}
.proct01 .item .citem br{
    display: none;
}
.proct01 .item .citem:nth-child(2n+1){
    background-color: #f7f8f8;
}

.pduct02{
    padding: 0 0 70px;
}
.pduct02 .list{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 55px;
}
.pduct02 .list .item{
    width: calc(50% - 10px);
    background-color: #fff;
    padding: 30px 70px 65px;
    margin-top: 20px;
}
.pduct02 .list .item .imgbox{
    text-align: center;
}
.pduct02 .list .item:not(:nth-child(2n+1)){
    margin-left: 20px;
}
.pduct02 .item .imgbox{
    padding-bottom: 280px;
    position: relative;
}
.pduct02 .item .imgbox img{
    position: absolute;
    bottom: 0;
    left: 50%;
    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: 80%;
}
.pduct02 .item .tit{
    font-size: 30px;
    line-height: 1.33;
    color: #333;
    margin-top:50px ;
}
.pduct02 .item .clist{
    display: flex;
    border-bottom: 1px solid #eeeeee;
    padding: 15px 0;
}
.pduct02 .item .citem{
    display: flex;
}
.pduct02 .item .ctit{
    font-size: 18px;
    color: #333;
    font-family: "HarmonyOS_Sans_SC_Light";
    line-height: 1.5;
    white-space: nowrap;
}
.pduct02 .item .num{
    font-size: 18px;
    color: #333;
    line-height: 1.5;
    margin-left: 20px;
    flex: 1;
}
.pduct02 .item .clist:nth-child(2) .citem:not(:first-child){
    margin-left: 90px;
}
.pduct02 .item .clist:nth-child(3) .citem:not(:first-child){
    margin-left: 60px;
}
.pduct02 .item .btns{
    display: flex;
    align-items: center;
    margin-top: 20px;
}
.pduct02 .item .btn1{
    color: #fff;
    text-align: center;
    background-image: linear-gradient(to right, #005cac , #1694d4);
    width: 170px;
    line-height: 50px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    cursor: pointer;
}
.pduct02 .item .btn2{
    font-size: 16px;
    color: #666666;
    font-family: "HarmonyOS_Sans_SC_Medium";
    line-height: 1.875;
    margin-left: 20px;
    border: 2px solid transparent;
    text-align: center;
    line-height: 50px;
    width: 170px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    position: relative;
    padding-right: 20px;
    color: #c1c4cb;
    cursor: pointer;
}
.pduct02 .item .btn2::before{
    content: '';
    display: block;
    position: absolute;
    top: 20px;
    border-top: 2px solid #c1c4cb;
    border-left: 2px solid #c1c4cb;
    right: 30px;
    width: 10px;
    height: 10px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}
.pduct02 .item .btn2:hover{
    border-color:#c1c4cb;
}

.trast{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .3);
    z-index: 9999;
    display: none;
}
.trast .main{
    height: 100%;
    display: flex;
    align-items: flex-end;
}
.trast .content{
    background-color: #fff;
    width: 100%;
    padding: 30px 0 35px;
}
.trast .ctop{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: "HarmonyOS_Sans_SC_Medium";
    font-size: 18px;
}
.trast .ctop .title{
    line-height: 1.66;
    color: #333;
}
.trast .ctop .ptit{
    color: #999999;
    line-height: 1.66;
    position: relative;
    padding-left: 15px;
    cursor: pointer;
}
.trast .ctop .ptit::before{
    width: 10px;
    display: block;
    content: '';
    position: absolute;
    top: 13px;
    left: 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    background-color: #c1c4cb;
    height: 2px;
}
.trast .ctop .ptit::after{
    width: 10px;
    display: block;
    content: '';
    position: absolute;
    top: 13px;
    left: 0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    background-color: #c1c4cb;
    height: 2px;
}

.trast .list{
    display: flex;
    align-items: flex-start;
    position: relative;
}
.trast .getbtn{
    position: absolute;
    right: 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-image: linear-gradient(to right, #005cac , #1694d4);
    width: 150px;
    line-height: 50px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
}

.trast .list .item{
    width: 180px;
    text-align: center;
    padding-top: 30px;
}
.trast .list .item:not(:first-child){
    margin-left: 100px;
}
.trast .list .item .imgbox{
    padding-bottom: 180px;
    position: relative;
}
.trast .list .item .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: 80%;
}
.trast .list .item .tit{
    font-size: 16px;
    color: #333333;
    font-family: "HarmonyOS_Sans_SC_Bold";
    margin-top: 35px;
}
.trast .list .item .desc{
    margin-top: 15px;
    font-family: "HarmonyOS_Sans_SC_Light";
    font-size: 14px;
    line-height: 1.875;
    color: #333333;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.trast .list .item .close{
    width: 30px;
    height: 30px;
    display: inline-block;
    position: relative;
    border: 2px solid #c1c4cb;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin-top: 30px;
    cursor: pointer;
}
.trast .list .item .close::before{
    width: 80%;
    display: block;
    content: '';
    position: absolute;
    top: 11px;
    left: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    background-color: #c1c4cb;
    height: 2px;
}
.trast .list .item .close::after{
    width: 80%;
    display: block;
    content: '';
    position: absolute;
    top: 11px;
    left: 2px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    background-color: #c1c4cb;
    height: 2px;
}
.trast .list .t_box{
    padding-top: 30px;
    text-align: center;
    margin-left: 100px;
}
.trast .list .t_box .imgbox{
    width: 180px;
    height: 180px;
    background-color: #f3f3f5;
    position: relative;
}
.trast .list .t_box .tit{
    text-align: center;
    font-size: 14px;
    color: #999999;
    font-family: "HarmonyOS_Sans_SC_Light";
    margin-top: 20px;
}
.trast .list .t_box .pclose{
    width:50px;
    height: 50px;
    display: inline-block;
    position: absolute;
    border: 2px solid #c1c4cb;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    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%);
}
.trast .list .t_box .pclose::after{
    width: 60%;
    display: block;
    content: '';
    position: absolute;
    top: 22px;
    left:9px;
    background-color: #c1c4cb;
    height: 2px;
}

.trast .list .t_box .pclose::before{
    width: 60%;
    display: block;
    content: '';
    position: absolute;
    top: 21px;
    left: 9px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    background-color: #c1c4cb;
    height: 2px;
}


.trast01{
    /* background-color: #f7f8f8; */
}
.trast01 .main{
    overflow: hidden;
}
.trast01 .content{
    padding-bottom: 60px;
}
.trast01 .ctop{
    background-color: #fff;
}
.trast01 .ctop .wapr{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
}
.trast01 .ctop .return{
    font-size: 18px;
    line-height: 1.5;
    position: relative;
    padding-left: 10px;
    color: #333333;
    cursor: pointer;
}
.trast01 .ctop .return::before{
    content: '';
    display: block;
    position: absolute;
    top: 8px;
    border-bottom: 2px solid #818181;
    border-right: 2px solid #818181;
    left: 0;
    width: 10px;
    height: 10px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}

.trast01 .ctop .btn{
    font-size: 16px;
    line-height:50px;
    width: 160px;
    color: #fff;
    background-image: linear-gradient(to right, #005cac , #1694d4);
    text-align: center;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    cursor: pointer;
}

.trast01 .main .wapr{
    display: flex;
    justify-content: space-between;
}

.trast01 .left{
    width: 25%;
    min-width: 300px;
}
.trast01 .right{
    flex: 1;
    position: relative;
}
.trast01 .left .item{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.trast01 .left .item .ctit{
    font-size: 18px;
    line-height: 1.66;
    color: #333;
    width: 140px;
    text-align: left;
}

.trast01 .left .item:nth-child(1){
    position: relative;
    display: flex;
    align-items: center;
}

.trast01 .left .item:nth-child(2){
    padding:50px 0;
    position: relative;
}
.trast01 .left .item:nth-child(1)::before{
    top: 0;
    bottom: 0;
    position: absolute;
    content: '';
    display: block;
    height: 100%;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    width: 100000%;
    background-color: #f7f8f8;
}
.trast01 .left .item:nth-child(2){
    padding: 60px 0;
    position: relative;
}
.trast01 .left .item:nth-child(2)::before,
.trast01 .left .item:nth-child(3)::before,
.trast01 .left .item:nth-child(4)::before{
    content: '';
    display: block;
    height: 10px;
    background-color: #f7f8f8;
    width: 1000000%;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
}
.trast01 .left .item:nth-child(3){
    position: relative;
}
.trast01 .left .item:nth-child(4){
    padding: 60px 0 50px;
    position: relative;
}
.trast01 .left .item:nth-child(5){
    padding: 60px 0 50px;
    position: relative;
}
.trast01 .left .item .tit{
    position: relative;
    font-size: 20px;
    color: #333;
    line-height: 1.5;
}

.trast01 .left .item:not(:first-child){
    background-color: #fff;
}


.trast01 .right .clist{
    display: flex;
    justify-content: space-between;
}
.trast01 .right .clist .citem{
    width: 33.33%;
}
.trast01 .right .citem .imgbox{
    text-align: center;
    padding-bottom: 325px;
    position: relative;
}
.trast01 .right .citem .imgbox 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: 80%;
}
.trast01 .right .select_box{
    position: relative;
    margin-left: 70px;
}
.trast01 .right .select_box .s_tit{
    position: relative;
    background-color: #fff;
    font-size: 18px;
    line-height: 60px;
    z-index: 3;
    cursor: pointer;
    padding: 0 30px;
}
.trast01 .right .select_box .s_tit::before{
    content: '';
    display: block;
    position: absolute;
    top: 22px;
    border-top: 1px solid #252a33;
    border-right: 1px solid #252a33;
    right: 30px;
    width: 10px;
    height: 10px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    z-index: 1;
}
.trast01 .right .select_box .s_list{
    position: absolute;
    top: 0;
    width: 110%;
    left: 50%;
    background-color: #ffffff;
    box-shadow: 0 0 10px #eceded;
    padding-top: 60px;
    display: none;
    z-index: 2;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
}
.trast01 .right .select_box .s_list tr{
    border: 1px solid #eeeeee;
}
.trast01 .right .select_box table{
    width: 100%;
}
.trast01 .right .select_box td{
    padding: 10px;
    text-align: center;
}

.trast01 .right .select_box thead td{
    color: #005bac;
    font-family: "HarmonyOS_Sans_SC_Light";
}

.trast01 .right .select_box .btn{
    background-color: #0078c3;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    color: #fff;
    text-align: center;
    display: inline-block;
    padding: 10px;
}
.trast01 .right .p_top1{
    padding: 60px 0 ;
    position: relative;
}
.trast01 .right .p_top1::before,
.trast01 .right .p_top2::before,
.trast01 .right .p_top3::before,
.trast01 .right .p_top4::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 1px;
    background-image: linear-gradient(transparent,#e0e0e0,transparent);
}




.trast01 .right .p_top1 .t01{
    font-size: 18px;
    line-height: 1.66;
    color: #333;
    text-align: left;
    font-family: "HarmonyOS_Sans_SC_Light";

}
.trast01 .right .p_top2 .t01,
.trast01 .right .p_top3 .t01,
.trast01 .right .p_top4 .t01{
    font-size: 18px;
    line-height: 1.66;
    color: #333;
}
.trast01 .right .p_top3 .t01:not(:first-child){
    margin-top: 35px;
}
.trast01 .right .p_top4 .t01:not(:first-child){
    margin-top: 40px;
}


.trast01 .right .p_top4,
.trast01 .left .item:nth-child(5){
    height: auto;
    padding: 60px 0 50px;
    margin-bottom: 100px;
}
.trast01 .right .p_top3 .t01:first-child,
.trast01 .left .item:nth-child(4) .ctit:first-child{
    height: 60px;
}
.trast01 .right .p_top3,
.trast01 .left .item:nth-child(4){
    height: 210px;
    padding: 60px 0 50px;
}
.trast01 .right .p_top2,
.trast01 .left .item:nth-child(3){
    height: 140px;
    padding: 60px 0 50px;
}
.trast01 .right .p_top1 .t01:not(:first-child),
.trast01 .left .item .ctit:not(:first-child){
    margin-top: 35px;
}

.trast01 .right .p_top1 .t01:first-child,
.trast01 .left .item:nth-child(2) .ctit:first-child{
    height: 85px;
}
.trast01 .right .p_top1,
.trast01 .left .item:nth-child(2){
    height: 490px;
}
.trast01 .right .p_top,
.trast01 .left .item:nth-child(1){
    height: 450px;
}

.trast01 .right .p_top1,
.trast01 .right .p_top2,
.trast01 .right .p_top3,
.trast01 .right .p_top4{
    padding-left: 70px;
    position: relative;
    padding-right: 15px;
}

.trast01 .right .p_btn{
    position: absolute;
    bottom: 0;
    display: block;
    width: 170px;
    line-height: 55px;
    border: 2px solid #c1c4cb;
    text-align: center;
    font-size: 16px;
    color: #666666;
    font-family: "HarmonyOS_Sans_SC_Medium";
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    margin-left: 70px;
}

@media(max-width:1459px){
    .pduct02 .list .item {
        padding: 30px;
    }
    .pduct02 .item .clist:nth-child(2) .citem:not(:first-child) {
        margin-left: 50px;
    }
    .pduct02 .item .clist:nth-child(3) .citem:not(:first-child) {
        margin-left: 40px;
    }
    .pduct02 .item .imgbox {
        padding-bottom: 250px;
    }
    .pduct02 {
        padding-bottom: 40px;
    }
    .trast01 .right .select_box .s_list{
        width: 140%;
    }
}




@media(max-width:1366px){
    .proct01 .item {
        width: 150px;
        margin-left: 10px;
    }
    .proct01 {
        padding: 25px 0;
    }
    .proct01 .main {
        padding-top: 20px;
    }
}
@media(max-width:1200px){
    .pduct02 .item .imgbox {
        padding-bottom: 200px;
    }
    
    .pduct02 .item .num {
        font-size: 14px;
    }
    
    .pduct02 .item .ctit {
        font-size: 16px;
    }
    
    .pduct02 .item .tit {
        font-size: 24px;
    }
    
    .pduct02 .item .btn1 {
        width: 120px;
        line-height: 35px;
    }
    
    .pduct02 .item .btn2 {
        width: 120px;
        line-height: 35px;
    }
    
    .pduct02 .item .btn2::before {
        top: 13px;
        right: 17px;
    }

    .trast01 .right .p_top, .trast01 .left .item:nth-child(1) {
        height: 300px;
    }
    
    .trast01 .right .citem .imgbox {
        padding-bottom: 200px;
    }
    
    .trast01 .right .select_box .s_tit {
        line-height: 50px;
    }
    
    .trast01 .right .select_box .s_tit::before {
        top: 18px;
    }
    
    .trast01 .right .p_top1, .trast01 .left .item:nth-child(2) {
        padding: 40px 30px;
    }
    
    .trast01 .right .select_box {
        margin: 0 auto;
        width: 80%;
    }
    
    .trast01 .right .p_top1 .t01:not(:first-child), .trast01 .left .item .ctit:not(:first-child) {
        margin-top: 20px;
    }
    
    .trast01 .right .p_top1, .trast01 .left .item:nth-child(2) {
        height: 420px;
    }
    
    .trast01 .left .item .ctit {
        font-size: 16px;
    }
    
    .trast01 .right .p_top1 .t01 {
        font-size: 16px;
    }
    
    .trast01 .right .p_top2 .t01, .trast01 .right .p_top3 .t01, .trast01 .right .p_top4 .t01 {
        font-size: 16px;
    }
    
    .trast01 .right .p_top2, .trast01 .left .item:nth-child(3) {
        height: 90px;
        padding: 30px 0 40px 30px;
    }
    
    .trast01 .left .item .tit {
        font-size: 18px;
    }
    
    .trast01 .right .p_top1, .trast01 .right .p_top2, .trast01 .right .p_top3, .trast01 .right .p_top4 {
        padding-left: 30px;
    }
    
    .trast01 .right .p_top3 .t01:not(:first-child) {
        margin-top: 20px;
    }
    
    .trast01 .right .p_top4, .trast01 .left .item:nth-child(5) {
        padding: 30px 30px;
    }
    
    .trast01 .right .p_btn {
        margin-left: 30px;
        width: 120px;
        line-height: 35px;
    }
    
    .trast01 .right .p_top4, .trast01 .left .item:nth-child(5) {
        margin-bottom: 50px;
    }


}
@media(max-width:1024px){
    .trast .getbtn {
        position: absolute;
        top:calc(100% - 20px);
        width: 90px;
        font-size: 14px;
        line-height: 35px;
        transform: unset;
    }
    .trast .list .item .imgbox {
        padding-bottom: 100px;
    }
    .trast .list {
        padding-bottom: 30px;
    }
    .proct01 .list {
        flex-wrap: wrap;
        width: 100%;
    }
    .proct01 .item {
        width: calc((100% - 165px)/4);
        margin-bottom: 10px;
    }
    .proct01 .item1 {
        margin-bottom: 10px;
    }
    .proct01 .main {
        flex-wrap: wrap;
    }
    .pduct02 .item .imgbox {
        padding-bottom: 200px;
    }
    
    .pduct02 .item .num {
        font-size: 14px;
    }
    
    .pduct02 .item .ctit {
        font-size: 16px;
    }
    
    .pduct02 .item .tit {
        font-size: 24px;
    }
    
    .pduct02 .item .btn1 {
        width: 120px;
        line-height: 35px;
    }
    
    .pduct02 .item .btn2 {
        width: 120px;
        line-height: 35px;
    }
    
    .pduct02 .item .btn2::before {
        top: 13px;
        right: 17px;
    }
    
    .pduct02 .item .clist {
        flex-wrap: wrap;
    }
    
    .pduct02 .item .citem {
        width: 100%;
        /* margin-left: 0; */
    }
    
    .pduct02 .item .clist:nth-child(2) .citem:not(:first-child) {
        margin-left: 0;
    }
    
    .pduct02 .item .clist:nth-child(3) .citem:not(:first-child) {
        margin-left: 0;
    }
    
    .pduct02 .item .tit {
        font-size: 20px;
        margin-top: 30px;
    }
    .trast01 .right{
        overflow-y: auto;
    }
    .trast01 .right .clist {
        width: 850px;
    }
    .trast .list .item:not(:first-child) {
        margin-left: 50px;
    }

}

@media(max-width:768px){
    .trast .list .item:not(:first-child) {
        margin-left: 10px;
    }

    .trast .list .item .imgbox {
        padding-bottom: 80px;
    }
    .pduct02 .item .imgbox {
        padding-bottom: 150px;
    }
    .proct01 .list {
        flex-wrap: wrap;
        width: 100%;
    }
    .proct01 .more{
        line-height: 40px;
    }
    .proct01 .item {
        width: calc((100% - 165px)/4);
        margin-bottom: 10px;
    }
    
    .proct01 .item1 {
        margin-bottom: 10px;
        width: 100%;
    }
    
    .proct01 .main {flex-wrap: wrap;}
    
    .proct01 .item {
        width: 49%;
        margin-left: 0;
    }
    
    .proct01 .item:not(:nth-child(2n)) {
        margin-left: 2%;
    }
    .proct01 .item .i_tit {
        z-index: 1;
    }
    .proct01 .tit{
        font-size: 20px;
    }
    .pduct02 .list .item {
        padding: 20px;
    }


}

@media(max-width:480px){
    .trast .ctop .ptit{
        font-size: 14px;
    }
    .trast .list .t_box {
        margin-left: 0;
        position: absolute;
        bottom: -30px;
        display: flex;
        padding-top: 0;
    }
    
    .trast .list .t_box .imgbox {
        width: 50px;
        height: 50px;
    }
    
    .trast .list .t_box .pclose {
        height: 30px;
        width: 30px;
    }
    
    .trast .list .t_box .pclose::before {
        top: 11px;
        left: 5px;
    }
    
    .trast .list .t_box .pclose::after {
        top: 12px;
        left: 5px;
    }
    .proct01 .tit{
        font-size: 18px;
    }
    .proct01 .item .i_tit {
        line-height: 28px;
        font-size: 12px;
    }
    
    .proct01 .item .i_tit::before {
        width: 6px;
        height: 6px;
    }
    .proct01 {
        padding: 20px 0;
    }
    .proct01 .item .clist {
        padding-top: 30px;
    }
    
    .proct01 .item .citem {
        padding: 10px 20px;
        font-size: 12px;
    }
    .pduct02 .item .imgbox {
        padding-bottom: 150px;
    }
    
    .pduct02 .list .item {
        width: 100%;
    }
    
    .pduct02 .list .item:not(:nth-child(2n+1)) {
        margin-left: 0;
    }
    
    .pduct02 .list .item .imgbox {
        padding-bottom: 100px;
    }
    
    .pduct02 .item .btn1 {
        font-size: 12px;
        width: 100px;
        line-height: 30px;
    }
    
    .pduct02 .item .btn2 {
        width: 100px;
        line-height: 30px;
        font-size: 12px;
    }
    
    .pduct02 .item .btn2::before {
        top: 10px;
    }
    .trast01 .ctop .btn {
        width: 100px;
        line-height: 30px;
        font-size: 14px;
    }
    
    .trast01 .ctop .return {
        font-size: 16px;
    }
    
    .trast01 .ctop .wapr {
        padding: 20px 15px;
    }
    .trast01 .ctop .btn {
        width: 100px;
        line-height: 30px;
        font-size: 14px;
    }
    
    .trast01 .ctop .return {
        font-size: 16px;
    }
    
    .trast01 .ctop .wapr {
        padding: 20px 15px;
    }
    
    .trast01 .left {
        min-width: 140px;
        /* min-width: unset; */
    }
    .trast01 .left .item .tit {
        font-size: 14px;
        /* white-space: nowrap; */
        width: 40px;
    }
    
    .trast01 .right .p_top1, .trast01 .left .item:nth-child(2) {
        padding: 10px;
    }
    
    .trast01 .left .item .ctit {
        font-size: 14px;
    }
    
    .trast01 .left .item .text {
        /* flex: 1; */
        width: 70px;
    }
    
    .trast01 .right .p_top2, .trast01 .left .item:nth-child(3) {
        height: 81px;
        padding: 18px 0 12px 10px;
    }
    
    .trast01 .right .p_top2 .t01, .trast01 .right .p_top3 .t01, .trast01 .right .p_top4 .t01 {
        font-size: 14px;
    }
    
    .trast01 .left .item .ctit {
        width: auto;
    }
    
    .trast01 .right .p_top4, .trast01 .left .item:nth-child(5) {
        padding: 10px 10px;
    }
    
    .trast01 .right .p_btn {
        width: 100px;
        font-size: 12px;
        line-height: 30px;
    }
    
    .trast01 .right .p_top4 .t01:not(:first-child) {
        margin-top: 25px;
    }
    
    .trast01 .right .p_top1 .t01,
    .trast01 .right .p_top1 .t02,
    .trast01 .right .p_top1 .t03,
    .trast01 .right .p_top1 .t04{
        font-size: 14px;
    }
    .trast01 .right .select_box .s_tit {
        line-height: 35px;
        font-size: 16px;
    }
    
    .trast01 .right .select_box .s_tit::before {
        top: 10px;
    }
}




/* 测试 */
.apply01{
    padding: 80px 0 40px;
    position: relative;
}
.apply01 .right{
    width: 100%;
}
.apply01 .right{
    display: flex;
    justify-content: flex-end;
}
.apply01 .right .list{
    width: 70%;
}
.apply01 .item{
    position: relative;
    margin-bottom: 40px;
}
.apply01 .item .text{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    display: flex;
    padding: 0 115px 55px 40px;
}
.apply01 .item .tit{
    white-space: nowrap;
    font-size: 24px;
    color: #ffffff;
    line-height: 2;
}
.apply01 .item .desc{
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #fff;
    margin-left: 50px;
    padding-top: 5px;
}

.apply01 .left{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 31.2%;
    background-color: #fff;
}
.apply01 .left .app_nav{
    padding: 55px 0 0;
}
.apply01 .left .ap_tit{
    padding: 25px 15px 25px 95px;
    border-bottom: 1px solid #f2f2f2;
    position: relative;
    font-size: 20px;
    color: #333333;
    font-family: "HarmonyOS_Sans_SC_Medium";
    cursor: pointer;
}
.apply01 .left .ap_tit::before{
    content: '';
    display: block;
    position: absolute;
    width: 10px;
    height: 2px;
    background-color: #525252;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    top: 32px;
    left: 40px;
}
.apply01 .left .ap_tit::after{
    content: '';
    display: block;
    position: absolute;
    width: 2px;
    height: 10px;
    background-color: #525252;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    top: 28px;
    left: 44px;
}
.apply01 .left .ap_tit.cur::before{
    display: none;
}
.apply01 .left .ap_tit.cur::after{
    background-color: #266ab3;
}
.apply01 .left .ap_tit.cur{
    color: #266ab3;
}
.apply01 .left .ap_clist{
    display: none;
    padding-left: 55px;
}
.apply01 .left .ap_clist .c_item{
    display: block;
    padding: 25px 15px 25px 40px;
    position: relative;
    color: #333333;
    /* color: #1a66b1; */
    border-bottom: 1px solid #f2f2f2;
    font-size: 18px;
    margin:0 100px 0 40px;
}
.apply01 .left .ap_clist .c_item::before{
    content: '';
    display: block;
    position: absolute;
    top: 29px;
    border-top: 1px solid #aaadb2;
    border-right: 1px solid #aaadb2;
    left: 0;
    width: 8px;
    height: 8px;
    transform: rotate(135deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}
.apply01 .left .ap_clist .c_item:hover{
    color: #1a66b1;
}
.apply01 .left .ap_clist .c_item:hover::before{
    border-color: #1a66b1;
}
@media(max-width:1645px){
    .apply01 .left .app_nav {
        padding-top: 35px;
    }
    .apply01 {
        padding-top: 60px;
    }
    .apply01 .left{
        width: 28%;
    }
}
@media(max-width:1459px){
    .apply01 .left .ap_clist .c_item {
        margin-left: 0;
        margin-right: 0;
    }
    .apply01 .item .text {
        padding: 0 30px 30px;
    }
}
@media(max-width:1024px){
    .apply01 .item .text {
        padding: 0 20px 20px;
    }
    .apply01 .item .tit {
        font-size: 20px;
    }
    .apply01 .right .list {
        width: 60%;
    }
    .apply01 .left {
        width: 35%;
    }
    .apply01 .left .ap_tit {
        padding: 15px 15px 15px 30px;
        font-size: 16px;
    }
    .apply01 .left .ap_tit::before {
        left: 10px;
        top: 21px;
    }
    .apply01 .left .ap_tit::after {
        left: 14px;
        top: 17px;
    }
    .apply01 .left .ap_clist {
        padding-left: 20px;
    }
    .apply01 .left .ap_clist .c_item {
        padding-left: 20px;
        font-size: 14px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .apply01 .left .ap_clist .c_item::before {
        top: 13px;
    }
    .apply01 {
        padding-top: 50px;
    }
}
@media(max-width:768px){
    .apply01 .item .tit{
        font-size: 18px;
    }
    .apply01 .item .desc{
        margin-left: 20px;
    }
    .apply01 .item{
        margin-bottom: 20px;
    }
}
@media(max-width:480px){
    .apply01 .left {
        position: static;
        width: 100%;
    }
    .apply01 .left .app_nav {
        padding-top: 0;
    }
    .apply01 .right .list {
        width: 100%;
    }
    .apply01 .right {
        margin-top: 20px;
    }
    .apply01 {
        padding: 30px 0;
    }
    .apply01 .item .text {
        flex-wrap: wrap;
        padding: 0 10px 10px;
    }
    .apply01 .item .desc {
        margin-left: 0;
        font-size: 12px;
        margin-top: 0;
    }
    .apply01 .item .tit {
        font-size: 16px;
        line-height: 1.5;
    }
    .apply01{
        padding-bottom: 0;
    }
}

/* wiki社区 */
.wiki01{
    padding:25px 0 ;
    background-color: #ffffff;
}
.wiki01 .content{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.wiki01 .content .tit{
    font-size: 24px;
    color: #333333;
}
.wiki01 .content .search_box{
    border: 1px solid #ededed;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 330px;
    line-height: 40px;
    padding: 0 20px;
    background-color: #f3f3f5;
    overflow: hidden;
}
.wiki01 .content input{
    font-size: 16px;
    line-height: 1.875;
    color: #999999;
}
.wiki01 .content input::placeholder{
    color: #999999;
}
.wiki01 .content .btn{
    background-image: url(../images/icon20.png);
    width: 18px;
    height: 18px;
    cursor: pointer;
}
.wiki02 {
    padding: 40px 0 60px;
}

.wiki02 .content{
    display: flex;
    justify-content: space-between;
}
.wiki02 .content .left{
    width: 21.5%;
    background-color: #fff;
    min-width: 220px;
}
.wiki02 .content .right{
    flex: 1;
    margin-left: 3%;
    background-color: #fff;
    padding: 30px 60px 30px 60px;
}

.wiki02 .m_tit{
    font-size: 16px;
    line-height: 1.875;
    padding: 20px 20px 20px 30px;
    position: relative;
}
.wiki02 .m_tit::before{
    content: '';
    display: block;
    position: absolute;
    top: 28px;
    border-top: 2px solid #343434;
    border-right: 2px solid #343434;
    right: 15px;
    width: 10px;
    height: 10px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}
.wiki02 .tit{
    cursor: pointer;
}
.wiki02 .left>.list>.tit{
    background-color: #1a1f27;
    color: #fff;
    line-height: 1.25;
    font-size: 24px;
}
.wiki02 .left>.list .tit{
    padding: 20px 20px 20px 30px;
    border-bottom: 1px solid #e5e7e9;
    line-height: 1.5;
}
.wiki02 .left>.list>.list>.item>.tit{
    font-size: 16px;
    color: #333333;
}
.wiki02 .left>.list>.list>.item>.list>.item>.tit{
    font-size: 16px;
    color: #333333;
    font-family: "HarmonyOS_Sans_SC_Light";
}
.wiki02 .left>.list>.list>.item>.list>.item>.list>.item{
    font-size: 16px;
    color: #333333;
    font-family: "HarmonyOS_Sans_SC_Light";
    padding: 20px 20px 20px 60px;
    cursor: pointer;
    border-bottom: 1px solid #e5e7e9;
    position: relative;
    display: block;
}    
.wiki02 .left>.list>.list .list{
    display: none;
}
.wiki02 .left>.list>.list>.item>.tit:hover{
    background-color: #475463;
    color: #fff;
}
.wiki02 .left>.list>.list>.item>.list>.item>.list>.item:hover{
    color: #fff;
    background-image: linear-gradient(to right, #005cac , #1694d4);
}
.wiki02 .left>.list>.list>.item>.list>.item>.list>.item.cur{
    color: #fff;
    background-image: linear-gradient(to right, #005cac , #1694d4);
}
.wiki02 .left .item.cur>.tit{
    position: relative;
}
.wiki02 .left .item.cur>.tit::before{
    width: 13px;
    height: 2px;
    position: absolute;
    right: 15px;
    top: 50%;
    display: block;
    content: '';
    background-color: #aaaaaa;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
}
.wiki02 .left .item.cur>.tit::after{
    width: 2px;
    height: 13px;
    position: absolute;
    right: 20px;
    top: 50%;
    display: block;
    content: '';
    background-color: #aaaaaa;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
}
.wiki02 .left>.list>.list>.item>.tit:hover::before,
.wiki02 .left>.list>.list>.item>.tit:hover::after{
    background-color: #fff;
}
.wiki02 .left>.list>.list>.item>.tit.cur{
    background-color: #475463;
    color: #fff ;
}
.wiki02 .left>.list>.list>.item>.tit.cur::before,
.wiki02 .left>.list>.list>.item>.tit.cur::after{
    background-color: #fff;
}
.wiki02 .left>.list>.list>.item>.tit.cur::after{
    display: none;
}
.wiki02 .left>.list>.list>.item>.list>.item>.tit.cur::after{
    display: none;
}
.wiki02 .left>.list>.list>.item>.list>.item>.list>.item:hover::before,
.wiki02 .left>.list>.list>.item>.list>.item>.list>.item.cur::before{
    content: '';
    display: block;
    position: absolute;
    top: 21px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    right: 15px;
    width: 10px;
    height: 10px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}
.wiki02 .right{
    padding: 30px 60px 35px 60px;
}
.wiki02 .home{
    display: flex;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e7e9;
}
.wiki02 .home img{
    margin-top: -2px;
    margin-right: 5px;
}
.wiki02 .home span,
.wiki02 .home a{
    margin: 0 5px;
}
.wiki02 .main{
    padding: 35px 0 50px;
}
.wiki02 .home span{
    color: #999;
}
.wiki02 .main .title{
    font-size: 30px;
    color: #333333;
    line-height: 1.5;
}
.wiki02 .main p{
    font-size: 16px;
    line-height: 1.5;
}
.wiki02 .right .paging{
    display: flex;
    justify-content: space-between;
    padding-top: 30px;
    border-top: 1px solid #e5e7e9;
}
.wiki02 .right .page_btn{
    width: 120px;
    line-height: 40px;
    border: 2px solid #e5e7e9;
    text-align: center;
    font-size: 14px;
    color: #333333;
    text-align: center;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    position: relative;
}
.wiki02 .right .page_btn::before{
    content: '';
    display: block;
    position: absolute;
    top: 15px;
    border-top: 1px solid #bebebe;
    border-right: 1px solid #bebebe;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.wiki02 .right .prev::before{
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    left: 22px;
}
.wiki02 .right .next::before{
    right: 18px;
}

@media(max-width:1459px){
    .wiki02 .content .right {
        padding: 30px;
    }
}
@media(max-width:1024px){
    .wiki02 .content .right {
        padding: 20px 20px;
    }
    .wiki02 .content .right {
        padding: 20px 20px;
    }
    
    .wiki02 .left>.list>.tit {
        font-size: 20px;
    }
    
    .wiki02 .left>.list .tit {
        padding: 15px;
    }
    
    .wiki02 .left>.list>.list>.item>.list>.item>.list>.item {
        padding: 10px 10px 10px 30px;
        font-size: 14px;
    }
    
    .wiki02 .left>.list>.list>.item>.list>.item>.list>.item:hover::before {
        top: 12px;
        width: 10px;
        height: 10px;
    }
    .wiki02 .main .title {
        font-size: 24px;
    }
    .wiki02 .m_tit{
        padding: 10px 10px 10px 30px;
    }
    .wiki02 .m_tit::before {
        top: 18px;
        right: 15px;
    }
}
@media(max-width:768px){
    .wiki02 .content {
        flex-wrap: wrap;
    }
    
    .wiki02 .content .left {
        width: 100%;
    }
    
    .wiki02 .content .right {
        margin-left: 0;
        margin-top: 10px;
    }
    .wiki02 .main .title {
        font-size: 20px;
    }
    .wiki01 .content .tit {
        font-size: 20px;
    }
    .wiki01 .content .tit {
        font-size: 20px;
    }
    
    .wiki01 .content .search_box {
        width: 200px;
        padding: 0 10px;
    }
    
    .wiki01 .content input {
        font-size: 14px;
        /* flex: 1; */
        width: calc(100% - 18px);
    }
    
    .wiki01 .content .btn {
        min-width: 18px;
    }
    .wiki02 {
        padding: 30px 0;
    }
    .wiki01{
        padding: 20px 0;    
    }
    .wiki02 .m_tit {
        padding: 10px 10px 10px 10px;
    }
}
@media(max-width:480px){
    .wiki02 {
        padding: 20px 0;
    }
    .wiki02 .left>.list .tit{
        padding: 10px;
    }
}


/* 知识普及 */
.wiki03 {
    padding: 40px 0 60px;
}

.wiki03 .content{
    display: flex;
    justify-content: space-between;
}
.wiki03 .content .left{
    width: 21.5%;
    background-color: #fff;
    min-width: 220px;
}
.wiki03 .content .right{
    flex: 1;
    margin-left: 3%;
    background-color: #fff;
    padding: 30px 60px 30px 60px;
}

.wiki03 .m_tit{
    font-size: 16px;
    line-height: 1.875;
    padding: 20px 20px 20px 30px;
    position: relative;
}
.wiki03 .m_tit::before{
    content: '';
    display: block;
    position: absolute;
    top: 28px;
    border-top: 2px solid #343434;
    border-right: 2px solid #343434;
    right: 15px;
    width: 10px;
    height: 10px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}
.wiki03 .tit{
    cursor: pointer;
}
.wiki03 .left>.list>.tit{
    background-color: #1a1f27;
    color: #fff;
    line-height: 1.25;
    font-size: 24px;
}
.wiki03 .left>.list .tit{
    padding: 20px 20px 20px 30px;
    border-bottom: 1px solid #e5e7e9;
    line-height: 1.5;
}
.wiki03 .left>.list>.list>.item>.tit{
    font-size: 16px;
    color: #333333;
}
.wiki03 .left>.list>.list>.item>.list>.item>.tit{
    font-size: 16px;
    color: #333333;
    font-family: "HarmonyOS_Sans_SC_Light";
}
.wiki03 .left>.list>.list>.item>.list>.item>.tit::before{
    content: '';
    display: block;
    position: absolute;
    top: 28px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    right: 15px;
    width: 10px;
    height: 10px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);     
    display: none;
}
.wiki03 .left>.list>.list>.item>.list>.item>.tit:hover{
    color: #fff;
    background-image: linear-gradient(to right, #005cac , #1694d4);
}
.wiki03 .left>.list>.list>.item>.list>.item>.tit:hover::before{
    display: block;    
}
.wiki03 .left>.list>.list>.item>.list>.item>.tit.cur{
    color: #fff;
    background-image: linear-gradient(to right, #005cac , #1694d4);
}
.wiki03 .left>.list>.list>.item>.list>.item>.tit::before{
    display: block;
}

.wiki03 .left>.list>.list>.item>.list>.item>.list>.item{
    font-size: 16px;
    color: #333333;
    font-family: "HarmonyOS_Sans_SC_Light";
    padding: 20px 20px 20px 60px;
    cursor: pointer;
    border-bottom: 1px solid #e5e7e9;
    position: relative;
    display: block;
}    
.wiki03 .left>.list>.list .list{
    display: none;
}
.wiki03 .left>.list>.list>.item>.tit:hover{
    background-color: #475463;
    color: #fff;
}

.wiki03 .left>.list>.list>.item>.tit:hover::before,
.wiki03 .left>.list>.list>.item>.tit:hover::after{
    background-color: #fff;
}

.wiki03 .left .item.cur>.tit{
    position: relative;
}
.wiki03 .left>.list>.list>.item.cur>.tit::before{
    width: 13px;
    height: 2px;
    position: absolute;
    right: 15px;
    top: 50%;
    display: block;
    content: '';
    background-color: #aaaaaa;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);

}
.wiki03 .left>.list>.list>.item.cur>.tit::after{
    width: 2px;
    height: 13px;
    position: absolute;
    right: 20px;
    top: 50%;
    display: block;
    content: '';
    background-color: #aaaaaa;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
}



.wiki03 .left>.list>.list>.item>.tit.cur{
    background-color: #475463;
    color: #fff ;
}
.wiki03 .left>.list>.list>.item>.tit.cur::before,
.wiki03 .left>.list>.list>.item>.tit.cur::after{
    background-color: #fff;
}
.wiki03 .left>.list>.list>.item>.tit.cur::after{
    display: none;
}
.wiki03 .left>.list>.list>.item>.list>.item>.tit.cur::after{
    display: none;
}
.wiki03 .right{
    padding: 30px 60px 35px 60px;
}
.wiki03 .home{
    display: flex;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e7e9;
}
.wiki03 .home img{
    margin-top: -2px;
    margin-right: 5px;
}
.wiki03 .home span,
.wiki03 .home a{
    margin: 0 5px;
}
.wiki03 .main{
    padding: 35px 0 50px;
}
.wiki03 .home span{
    color: #999;
}
.wiki03 .main .title{
    font-size: 30px;
    color: #333333;
    line-height: 1.5;
}
.wiki03 .main p{
    font-size: 16px;
    line-height: 1.5;
}
.wiki03 .right .paging{
    display: flex;
    justify-content: space-between;
    padding-top: 30px;
    border-top: 1px solid #e5e7e9;
}
.wiki03 .right .page_btn{
    width: 120px;
    line-height: 40px;
    border: 2px solid #e5e7e9;
    text-align: center;
    font-size: 14px;
    color: #333333;
    text-align: center;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    position: relative;
}
.wiki03 .right .page_btn::before{
    content: '';
    display: block;
    position: absolute;
    top: 15px;
    border-top: 1px solid #bebebe;
    border-right: 1px solid #bebebe;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.wiki03 .right .prev::before{
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    left: 22px;
}
.wiki03 .right .next::before{
    right: 18px;
}
@media(max-width:1459px){
    .wiki03 .content .right {
        padding: 30px;
    }
}
@media(max-width:1024px){
    .wiki03 .content .right {
        padding: 20px 20px;
    }
    .wiki03 .content .right {
        padding: 20px 20px;
    }
    
    .wiki03 .left>.list>.tit {
        font-size: 20px;
    }
    
    .wiki03 .left>.list .tit {
        padding: 15px;
    }
    
    .wiki03 .left>.list>.list>.item>.list>.item>.list>.item {
        padding: 10px 10px 10px 30px;
        font-size: 14px;
    }
    
    
    .wiki03 .main .title {
        font-size: 24px;
    }
    .wiki03 .m_tit{
        padding: 10px 10px 10px 30px;
    }
    .wiki03 .m_tit::before {
        top: 18px;
        right: 15px;
    }
    .wiki03 .left>.list>.list>.item>.list>.item>.tit::before{
        top: 20px;    
    }
}
@media(max-width:768px){
    .wiki03 .content {
        flex-wrap: wrap;
    }
    
    .wiki03 .content .left {
        width: 100%;
    }
    
    .wiki03 .content .right {
        margin-left: 0;
        margin-top: 10px;
    }
    .wiki03 .main .title {
        font-size: 20px;
    }
    .wiki03 {
        padding: 30px 0;
    }
    .wiki03 .m_tit {
        padding: 10px 10px 10px 10px;
    }
}
@media(max-width:480px){
    .wiki03 {
        padding: 20px 0;
    }
    .wiki03 .left>.list .tit{
        padding: 10px;
    }
}



/*资料下载*/
.load01{
    padding: 60px 0 90px;
}
.load01 .content{
    display: flex;
    justify-content: space-between;
}
.load01 .content .left{
    width: 25%;
    background-color: #fff;
}
.load01 .content .right{
    margin-left: 20px;
    flex: 1;
    background-color: #fff;
    padding: 60px 65px 40px;
}

.load01 .search_box{
    padding: 25px;
}
.load01 .search_b{
    background-color: #f8f9fa;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}
.load01 .search_b{
    display: flex;
    align-items: center;
    padding: 15px 20px;
    justify-content: space-between;
}
.load01 .search_b input{
    color: #333;
    font-size: 14px;
    color: #666666;
    font-family: "HarmonyOS_Sans_SC_Light";
}
.load01 .search_b .btn{
    min-width: 18px;
    width: 18px;
    height: 18px;
    background-image: url(../images/sousuo1.png);
}

.load01 .list{
    padding-top: 10px;
    position: relative;
}
.load01 .list::before{
    content: '';
    display: block;
    height: 10px;
    background-color: #e5e7e9;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.load01 .list .clist{
    display: none;
}
.load01 .list .tit{
    font-size: 20px;
    line-height: 1.5;
    color: #333333;
    font-family: "HarmonyOS_Sans_SC_Medium";
    position: relative;
    padding: 35px 45px;
}
.load01 .list .tit::before {
    width: 15px;
    height: 2px;
    position: absolute;
    right: 25px;
    top: 50%;
    display: block;
    content: '';
    background-color: #333333;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
}
.load01 .list .tit::after {
    width: 2px;
    height: 15px;
    position: absolute;
    right: 31px;
    top: 50%;
    display: block;
    content: '';
    background-color: #333333;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
}
.load01 .list .tit.cur::after{
    display: none;
}
.load01 .list .citem{
    font-size: 16px;
    color: #333333;    
    font-family: "HarmonyOS_Sans_SC_Light";
    padding: 22.5px 45px;
    position: relative;
    display: block;
}
.load01 .list .citem::before{
    content: '';
    display: block;
    position: absolute;
    top: 21px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    right: 15px;
    width: 10px;
    height: 10px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}
.load01 .list .citem.cur::before,
.load01 .list .citem:hover::before {
    content: '';
    display: block;
    position: absolute;
    top: 27px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    right: 30px;
    width: 10px;
    height: 10px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}
.load01 .list .citem:hover,
.load01 .list .citem.cur{
    color: #005bac;
}
.load01 .list .citem:hover::before{
    border-color: #005bac;
}

.load01 .right .imgbox{
    text-align: center;
}
.load01 .right .t_tit{
    font-size: 18px;
    color: #333;
    line-height: 1.5;
}
.load01 .right .ctit{
    font-size: 22px;
    color: #333;
    line-height: 1.5;
    margin:35px 0 15px;
}
.load01 .right .pitem{
    margin-top: 10px;
    background-color: #f8f9fa;
    display: flex;
    align-items: center;
    padding: 25px 100px 20px 30px;
    position: relative;
}
.load01 .right .pitem.cur span::before{
    display: block;
}
.load01 .right .pitem span{
    width: 15px;
    height: 15px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    background-color: #fff;
    border: 1px solid #dedede;
    position: relative;
}
.load01 .right .pitem span::before{
    content: '';
    display: none;
    position: absolute;
    top: 2px;
    border-top: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
    right: 2px;
    width: 9px;
    height: 5px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}
.load01 .right .ptit{
    font-size: 16px;
    color: #333;
    line-height: 1.875;
    margin-left: 20px;
}
.load01 .right .d_tit{
    position: absolute;
    right: 30px;
    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%);
    font-size: 16px;
    color: #333333;
    line-height: 1.875;
    padding-left: 30px;
    background-image: url(../images/icon21.png);
    background-repeat: no-repeat;
    background-position: center left;
}
.load01 .right .more_btn{
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border: 1px solid #1367b2;
    background-color: transparent;
    font-size: 14px;
    color: #005bac;
    width: 200px;
    line-height: 40px;
    text-align: center;
    margin: 40px auto 0;
    cursor: pointer;
}

@media(max-width:1459px){
    .load01 .content .right {
        padding: 30px;
    }
    
    .load01 .search_box {
        padding: 15px;
    }
    
    .load01 .list .tit {
        padding: 15px 30px;
        font-size: 18px;
    }
    .load01 .list .citem{
        padding: 15px 30px;
    }
}
@media(max-width:1024px){
    .load01 .content .left{
        min-width: 250px;
    }
    .load01 .right .ctit{
        font-size: 20px;
    }
    .load01 .right .pitem {
        padding: 15px 100px 15px 20px;
    }
    .load01 {
        padding: 40px 0 ;
    }
}
@media(max-width:680px){
    .load01 .content {
        flex-wrap: wrap;
    }
    
    .load01 .content .left {
        width: 100%;
        min-width: unset;
    }
    
    .load01 .content .right {
        width: 100%;
        margin-left: 0;
        margin-top: 15PX;
    }
    .load01 .right .d_tit {
        right: 15px;
        font-size: 14px;
    }
    .load01 .right .more_btn{
        margin-top: 20px;
    }
    .load01 {
        padding: 30px 0 ;
    }
}
@media(max-width:480px){
    .load01 .list .tit {
        font-size: 16px;
        padding: 15px 20px;
    }
    
    .load01 .list .citem {
        font-size: 14px;
        padding: 10px 20px;
    }
    
    .load01 .search_b {
        padding: 15px 10px;
    }
    
    .load01 .content .right {
        padding: 30px 15px 15px;
    }
    
    .load01 .right .ctit {
        font-size: 16px;
        margin: 20px 0 10px;
    }
    
    .load01 .right .pitem {
        padding: 15px 15px 40px 15px;
    }
    
    .load01 .right .d_tit {
        right: 15px;
        bottom: 5px;
        top: unset;
        transform: unset;
        font-size: 12px;
        background-size: 12px;
        padding-left: 20px;
    }
    
    .load01 .right .ptit {
        font-size: 14px;
    }
    .load01 {
        padding: 20px 0 ;
    }
    .load01 .right .more_btn {
        width: 100px;
        line-height: 30px;
        font-size: 12px;
    }
}

/* 频道页 */
.natural01{
    padding: 95px 0;
}

.natural01 .base_title .en{
    color: rgba(240, 241, 242, .5);
}
.natural01 .list{
    margin-top: 75px;
    display: flex;
    flex-wrap: wrap;
}
.natural01 .item{
    width: 31.33%;
    background-color: #fff;
    position: relative;
    margin-bottom: 3%;
}
.natural01 .item .imgbox{
    padding-bottom: 73%;
    position: relative;
}
.natural01 .item .imgbox img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
}
.natural01 .item::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 5px;
    background-image: linear-gradient(to right, #3683f2 ,transparent);
    z-index: 2;
}
.natural01 .item:not(:nth-child(3n+1)){
    margin-left: 3%;
}
.natural01 .item .text{
    padding: 40px;
    box-shadow: 0 0 10px #f0f1f2;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.natural01 .item .text .cimg{
    max-width: 45px;
}
.natural01 .item .tit{
    font-size: 20px;
    line-height: 1.5;
    color: #333333;
    text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}
.natural01 .item .desc{
    font-size: 16px;
    color: #999999;
    line-height: 1.5;
    margin-top: 10px;
    text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}
.natural01 .item:hover .text{
    box-shadow: 0 12px 24px #bfb8b8;
    background-image: linear-gradient(to right, #005cac , #1694d4);
}
.natural01 .item:hover .tit{
    color: #fff;
}
.natural01 .item:hover .desc{
    color: rgba(255, 255, 255, .4);
}
.natural01 .item .img1{
    display: block;
}
.natural01 .item .img2{
    display: none;
}
.natural01 .item:hover .img1{
    display: none;
}
.natural01 .item:hover .img2{
    display: block;
}

@media(max-width:1459px){
    .natural01 {
        padding: 60px 0;
    }
}
@media(max-width:1024px){
    .natural01 {
        padding: 40px 0;
    }
    .natural01 .list {
        margin-top: 45px;
    }
    .natural01 .item .text{
        padding: 20px;
    }
    .natural01 .item .cimg img{
        width: 35px;
    }
    .natural01 .item .desc {
        font-size: 14px;
    }
    .natural01 .item .tit {
        font-size: 18px;
    }
}
@media(max-width:768px){
    .natural01 {
        padding: 30px 0;
    }
    .natural01 .list {
        margin-top: 25px;
    }
}
@media(max-width:640px){
    .natural01 {
        padding: 20px 0;
    }
    .natural01 .item {
        width: 100%;
        margin-bottom: 15px;
    }
    
    .natural01 .item:not(:nth-child(3n+1)) {
        margin-left: 0;
    }
}


/* 应用中心 */

.appk01 .ctext{
    position: absolute;
    top: 58%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    left: 50%;
}
.appk01 .ctext .ctit{
    font-size: 40px;
    color: #ffffff;
    font-family: "HarmonyOS_Sans_SC_Medium";
    line-height: 1.8;
    text-align: center;
}
.appk01 .list{
    display: flex;
    justify-content: space-between;
    padding: 0 6.5%;
    margin-top: 5.72%;
}
.appk01 .item{
    width: 15%;
    background-color: rgba(0, 0, 0, .2);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    padding: 40px 15px;
    text-align: center;
}
.appk01 .item .tit{
    font-size: 18px;
    font-family: "HarmonyOS_Sans_SC_Light";
    line-height: 1.5;
    margin-top: 16px;
    color: #fff;
}

.appk01 .list .item:not(:nth-child(6n+1)){
    margin-left: 2%;
}

.appk02 .list{
    display: flex;
    flex-wrap: wrap;
    padding-top: 40px;
}

.appk02 .item{
    width: calc(50% - 20px);
    margin-bottom: 40px;
    position: relative;
}
.appk02 .item:not(:nth-child(2n+1)){
    margin-left: 40px;
}
.appk02 .item .text{
    position: absolute;
    bottom: 50px;
    left: 55px;
    right: 35px;
}
.appk02 .item .tit{
    font-size: 24px;
    color: #fff;
    line-height: 1.5;
}
.appk02 .item .desc{
    font-size: 16px;
    line-height: 1.5;
    margin-top: 20px;
    color: #fff;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
@media(max-width:1459px){
    .appk01 .item{
        padding: 20px 15px
    }
    .appk01 .ctext .ctit {
        font-size: 36px;
    }
    .appk01 .item .tit {
        font-size: 16px;
    }
    .appk01 .list {
        margin-top: 4%;
    }
    .appk02 .item .text {
        bottom: 40px;
        left: 40px;
        right: 30px;
    }
}
@media(max-width:1024px){
    .appk01 .list {
        padding: 0;
    }
    .appk01 .list img {
        height: 35px;
    }
    .appk01 .ctext .ctit {
        font-size: 24px;
    }
    .appk02 .item .tit {
        font-size: 20px;
    }
    .appk02 .item .desc {
        font-size: 14px;
    }
    .appk02 .item .text {
        bottom: 20px;
        left: 20px;
        right: 20px;
    }
}
@media(max-width:768px){
    .appk02 .item {
        width: calc(50% - 10px);
        margin-bottom: 20px;
    }
    .appk02 .item:not(:nth-child(2n+1)) {
        margin-left: 20px;
    }
    .appk02 .list {
        padding-bottom: 20px;
    }
    .appk02 .item {
        width: calc(50% - 10px);
        margin-bottom: 20px;
    }
    .appk02 .item:not(:nth-child(2n+1)) {
        margin-left: 20px;
    }
    .appk02 .list {
        padding-bottom: 20px;
    }
    .appk01 .item {
        width: 32.33%;
        margin-bottom: 1.5%;
    }
    .appk01 .list .item:not(:nth-child(3n+1)) {
        margin-left: 1.5%;
    }
    .appk01 .list .item:not(:nth-child(6n+1)) {
        margin-left: 0;
    }
    .appk01 .list {
        flex-wrap: wrap;
    }
    .appk01 .ctext .ctit{
        font-size: 20px;
    }
    .appk01 .item .tit{
        font-size: 14px;
    }
}
@media(max-width:480px){
    .appk01 .ctext .ctit {
        font-size: 18px;
    }
    .appk01 .item {
        padding: 10px;
    }
    .appk01 .list img {
        height: 20px;
    }
    .appk01 .item .tit {
        font-size: 12px;
    }
    .appk02 .item {
        width: 100%;
    }
    .appk02 .item:not(:nth-child(2n+1)) {
        margin-left: 0;
    }
    .appk02 .item .desc {
        margin-top: 10px;
        font-size: 12px;
    }
    .appk02 .item .tit {
        font-size: 16px;
    }
    .appk02 .item .text {
        left: 10px;
        bottom: 10px;
        right: 10px;
    }
    .appk02 .list {
        padding: 20px 0 0;
    }
    .appk01 .ctext {
        top: 62%;
    }
}


/* 应用无人机 */

.drone01{
    background-color: #e9ebed;
}
.drone01 .ctop .clist{
    display: flex;
    justify-content: space-between;
    max-width: 900px;
    box-shadow: 0 7px 10px #e2e4e5;
    margin: 0 auto;
    transform: translate(0,-40px);
    -webkit-transform: translate(0,-40px);
    -moz-transform: translate(0,-40px);
    -ms-transform: translate(0,-40px);
    -o-transform: translate(0,-40px);
    background-color: #fff;
}
.drone01 .ctop .citem{
    width: 33%;
    text-align: center;
    padding: 30px 0;
}
.drone01 .ctop .ctit{
    font-size: 20px;
    line-height: 1.5;
    color: #333333;
    margin-top: 10px;
}
.drone01 .ctop .imgbox{
    padding-bottom: 60px;
    position: relative;
}
.drone01 .ctop .imgbox img{
    position: absolute;
    bottom: 0;
    left: 50%;
    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: 90%;
}

.drone01 .main{
    padding: 90px 0 160px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.drone01 .main .left{
    width: 48.5%;
}   
.drone01 .left .title{
    font-size: 42px;
    color: #333333;
    line-height: 1.42;
    font-family: "HarmonyOS_Sans_SC_Medium";
    position: relative;
}
.drone01 .left .title span{
    position: relative;
    z-index: 2;
}
.drone01 .left .title::before{
    content: '“';
    position: absolute;
    left: -27px;
    top: 0px;
    color: #e2e5e7;
    font-size: 120px;
    z-index: 2;
    line-height: 1;
}
.drone01 .left .ctit{
    font-size: 24px;
    color: #333333;
    line-height: 1.5;
    margin-top: 40px;
}
.drone01 .left .desc{
    font-size: 18px;
    color: #333333;
    line-height: 1.5;
    font-family: "HarmonyOS_Sans_SC_Light";
    margin-top: 5px;
}
.drone01 .main .right{
    width: 42.85%;
}
.drone01 .right .imgbox{
    height: 100%;
    width: 100%;
}
.drone01 .right .imgbox img{
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.drone02{
    padding: 6.31% 0 8.95%;
    background-size: cover;
    background-repeat: no-repeat;
}
.drone02 .title{
    font-size: 42px;
    color: #ffffff;
    font-family: "HarmonyOS_Sans_SC_Medium";
    text-align: center;
}
.drone02 .list{
    display: flex;
    padding-top: 8.58%;
}
.drone02 .list .item{
    width: 20.5%;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    padding-bottom: 6.08%;
}
.drone02 .list .item:not(:nth-child(4n+1)){
    margin-left: 6%;
}
.drone02 .item .imgbox{
    width: 150px;
    height: 150px;
    position: relative;
    margin: 0 auto;
}
.drone02 .item .imgbox::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-image: linear-gradient(#fff 60%, transparent);
    opacity: .2;
}
.drone02 .item .imgbox 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%);
    z-index: 2;
    max-height: 90%;
}
.drone02 .item .tit{
    font-size: 18px;
    line-height: 1.875;
    color: #ffffff;
    margin-top: 30px;
    height: 101px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}



.drone03{
    background-color: #f1f1f3;
    padding: 120px 0 160px;
    overflow: hidden;
    position: relative;
}
.drone03 .main{
    position: relative;
    margin-top: 70px;
}
.drone03 .item{
    padding: 0 35px 50px;
    background-image: linear-gradient(transparent,#fff);
    text-align: center;
    height: 100%;
}
.drone03 .item .imgbox{
    height: 280px;
    position: relative;
}
.drone03 .item .imgbox 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%);
    z-index: 2;
    max-height: 90%;
}
.drone03 .title{
    font-size: 30px;
    color: #005bad;
    line-height: 1.2;
    text-align: center;
}
.drone03 .desc{
    font-size: 18px;
    color: #333333;
    font-family: "HarmonyOS_Sans_SC_Light";
    text-align: center;
    margin-top: 40px;
    line-height: 1.5;
}
.drone03 .imgbox{
    padding:  60px 0;
}
.drone03 .tit{
    font-size: 30px;
    color: #005bad;
    line-height: 1.2;
    height: 108px;
}
.drone03 .ctit{
    margin-top: 50px;
    font-size: 18px;
    color: #333333;
}
.drone03 .swiper-container{
    overflow: unset;
}
.drone03 .swiper-slide{
    height: auto;
}
.drone03 .main::before{
    content: '';
    display: block;
    position: absolute;
    left:100%;
    bottom: 0;
    height: 100%;
    background-image: url(../images/icon22.png);
    background-repeat: no-repeat;
    z-index: 2;
    width: 40%;
    background-size: cover;
}
.drone03 .swiper-scrollbar-drag {
    background-color: #eaedf1;
    background-image: url(../images/swiper_icon.png);
    background-repeat: no-repeat;
}
.drone03 .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: #ced2d7;
    width: 100%;
    height: 5px;
}
.drone03 .swiper-scrollbar {
    height: 10px;
    position: absolute;
    bottom: -75px;
    width: 100%;
    background-color: unset;
}

.drone04,
.drone05{
    padding: 100px 0;
}
.drone04 .title,
.drone05 .title{
    font-size: 42px;
    color: #333333;
    font-family: "HarmonyOS_Sans_SC_Medium";
    text-align: center;
    line-height: 1.5;
}
.drone04 .main,
.drone05 .main{
    margin-top: 60px;
    position: relative;
}

.drone04 .swiper-slide{
    height: auto;
}
.drone04 .item{
    position: relative;
    height: 100%;
}
.drone04 .item .imgbox{
    height: 100%;
}
.drone04 .item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.drone04 .item::before{
    content: '';
    display: block;
    height: 80px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(transparent, #041024);
    opacity: .9;
}
.drone04 .item .tit{
    position: absolute;
    bottom: 15px;
    left: 15px;
    font-size: 18px;
    color: #ffffff;
    ;line-height: 1.5;
}
.drone04 .swiper_btn:hover,
.drone04 .swiper_btn:hover::before{
    border-color: #005bac;
}
.drone04 .swiper_btn,
.drone04 .swiper_btn::before{
    border-color: #c5c8ce;
}
.drone04.base_swiper .prev{
    left: -70px;
}
.drone04.base_swiper .next{
    right: -70px;
}

.drone05 .list{
    display: flex;
}

.drone05 .item{
    width:48.6%;
    box-shadow: 0 5px 10px #f2f3f4;
    display: flex;
    justify-content: center;
    padding: 50px 0 25px;
    background-color: #fff;
    align-items: center;
}
.drone05 .item .imgbox{
    position: relative;
    width: 50%;
    padding-bottom: 46%;
}
.drone05 .item .text{
    flex: 50;
}
.drone05 .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%);
    max-width: 90%;
}
.drone05 .item:not(:nth-child(2n+1)){
    margin-left: 2.8%;
}
.drone05 .item .t01{
    font-size: 30px;
    color: #333333;
    font-family: "HarmonyOS_Sans_SC_Medium";
    line-height: 1.5;
}
.drone05 .item .t02 span:first-child{
    font-size: 16px;
    color: #333;
    line-height: 1.875;
    font-family: "HarmonyOS_Sans_SC_Light";
}
.drone05 .item .t02 span:last-child{
    font-size: 16px;
    color: #333333;
    line-height: 1.875;
    display: inline-block;
    margin-left: 30px;
}
.drone05 .item .t02{
    margin-top: 25px;
}

.drone05 .item .btn{
    text-align: center;
    background-image: linear-gradient(to right, #005cac , #1694d4);
    line-height: 40px;
    width: 120px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    font-size: 16px;
    color: #fff;
    margin-top: 40px;
    opacity: 0;
    display: inline-block;
}

.drone05 .item:hover{
    box-shadow: 0 10px 10px #d9dcdf;
}
.drone05 .item:hover .btn{
    opacity: 1;
}
@media(max-width:1560px){
    .drone04.base_swiper .next {
        right: 0;
    }
    .drone04.base_swiper .prev {
        left: 0;
    }
}
@media(max-width:1459px){
    .drone04.base_swiper .next {
        right: 0;
    }
    
    .drone04.base_swiper .prev {
        left: 0;
    }
    
    .drone01 .main {
        padding: 50px 0 100px;
    }
    
    .drone01 .ctop .citem {
        padding: 20px 0;
    }
    
    .drone03 {
        padding: 80px 0 100px;
    }
    
    .drone03 .main {
        margin-top: 40px;
    }
    
    .drone03 .item .imgbox {
        padding: 30px;
        height: 240px;
    }
    
    .drone03 .tit {
        font-size: 28px;
        height: 100px;
    }
    
    .drone03 .ctit {
        margin-top: 30px;
    }
    
    .drone04 .main, .drone05 .main {
        margin-top: 40px;
    }
    
    .drone04 .title, .drone05 .title {
        font-size: 36px;
    }
    
    .drone04, .drone05 {
        padding: 60px 0;
    }
    .drone02 .title,
    .drone01 .left .title{
        font-size: 36px;
    }
}

@media(max-width:1024px){
    .drone05 .item {
        flex-wrap: wrap;
    }
    
    .drone05 .item .text {
        width: 100%;
        flex: unset;
        padding: 15px;
    }
    
    .drone04, .drone05 {
        padding: 40px 0;
    }
    
    .drone05 .item img {
        max-height: 90%;
        top: unset;
        transform: translate(-50%,-5%);
        bottom: 0;
    }
    
    .drone05 .item .t02 {
        margin-top: 10px;
    }
    
    .drone05 .item .btn {
        margin-top: 20px;
        font-size: 14px;
        width: 100px;
        line-height: 30px;
    }
    
    .drone05 .item .t01 {
        font-size: 24px;
    }
    
    .drone04 .title, .drone05 .title {
        font-size: 24px;
    }
    
    .drone04 .item .tit {
        font-size: 14px;
    }
    
    .drone04 .main, .drone05 .main {
        margin-top: 20px;
    }
    
    .drone03 .desc {
        font-size: 16px;
        margin-top: 20px;
    }
    
    .drone03 .title {
        font-size: 24px;
    }
    
    .drone03 {
        padding: 60px 0;
    }
    
    .drone02 {
        padding: 60px 0;
    }
    
    .drone02 .item .tit {
        font-size: 16px;
        height: 85px;
    }
    
    .drone02 .item .imgbox {
        width: 100px;
        height: 100px;
    }
    
    .drone02 .item .imgbox img {
        max-height: 50%;
    }
    
    .drone02 .title {
        font-size: 24px;
    }
    
    .drone01 .left .title {
        font-size: 24px;
    }
    
    .drone01 .left .ctit {
        font-size: 20px;
        margin-top: 20px;
    }
    
    .drone01 .left .desc {
        font-size: 14px;
    }
    
    .drone01 .main {
        padding: 30px 0 30px;
    }
    
    .drone01 .ctop .ctit {
        font-size: 16px;
    }
    .drone02 .list .item{
        padding-bottom: 30px;
    }
   
    .drone03 .tit {
        font-size: 20px;
        height: 48px;
    }
    .drone03 .ctit {
        margin-top: 20px;
        font-size: 16px;
    }
}

@media(max-width:768px){
    .drone02,
    .drone03{
        padding: 40px 0;
    }

    .drone03 .item {
        padding: 0 20px 20px;
    }
    .drone04 .title, .drone05 .title {
        font-size: 20px;
    }

    .drone03 .title {
        font-size: 20px;
    }

    .drone05 .item {
        padding: 30px 0;
    }

    .drone05 .item .imgbox {
        padding-bottom: 36%;
    }

    .drone02 .item .tit {
        font-size: 14px;
        height: auto;
        margin-top: 10px;
    }

    .drone02 .list .item {
        padding-bottom: 15px;
    }

    .drone02 .list {
        padding-top: 40px;
    }
    .drone05 .item .t01 {
        font-size: 20px;
    }
    .drone02 .title{
        font-size: 20px;
    }
    .drone01 .left .title {
        font-size: 20px;
    }
    .drone01 .left .ctit {
        font-size: 16px;
    }
}


@media(max-width:480px){
    .drone05 .item {
        width: 100%;
    }
    
    .drone05 .list {
        flex-wrap: wrap;
    }
    
    .drone05 .item:not(:nth-child(2n+1)) {
        margin-left: 0;
        margin-top: 20px;
    }
    
    .drone05 .item {
        padding: 0;
    }
    
    
    .drone04, .drone05 {
        padding: 20px 0;
    }
    
    .drone03 .desc {
        margin-top: 10px;
        font-size: 14px;
    }
    
    .drone03 .title {
        font-size: 18px;
    }
    
    .drone02 .item .imgbox {
        width: 80px;
        height: 80px;
    }
    
    .drone02 .list .item {
        width: 49%;
        margin-bottom: 15px;
        padding: 0 10px 10px;
    }
    
    .drone02 .list .item:not(:nth-child(4n+1)) {
        margin-left: 0;
    }
    
    .drone02 .list .item:not(:nth-child(2n+1)) {
        margin-left: 2%;
    }
    
    .drone02 .list {
        flex-wrap: wrap;
        padding-top: 20px;
    }
    
    .drone02 .item .tit {
        font-size: 12px;
    }
    
    .drone02 .title {
        font-size: 18px;
    }
    
    .drone01 .main {
        flex-wrap: wrap;
        padding: 0 0 10px;
    }
    
    .drone01 .main .left {
        width: 100%;
    }
    
    .drone01 .main .right {
        width: 100%;
        margin-top: 10px;
    }
    
    .drone01 .left .title {
        font-size: 18px;
    }
    
    .drone01 .left .ctit {
        font-size: 14px;
    }
    
    .drone01 .left .desc {
        font-size: 12px;
    }
    
    .drone01 .ctop .imgbox {
        padding-bottom: 40px;
    }
    
    .drone01 .ctop .ctit {
        font-size: 14px;
    }
    
    .drone01 .ctop .citem {
        padding: 10px 0;
    }
    .drone03 .tit {
        font-size: 16px;
    }
    .drone03 .ctit {
        font-size: 14px;
        margin-top: 10px;
    }
    .drone03 .item .imgbox {
        height: 150px;
    }
    .drone04 .title, .drone05 .title{
        font-size: 18px;
    }
}


/* 应用中心智慧交通 */


.intel01{
    background-color: #f7f8f8;
    padding-top: 100px;
}
.intel01 .title{
    font-size: 40px;
    color: #333333;
    line-height: 1.5;
    text-align: center;
}
.intel01 .tit{
    font-size: 30px;
    color: #333333;
    line-height: 1.42;
    position: relative;
}
.intel01 .tit::before {
    content: '“';
    position: absolute;
    left: -27px;
    top: -26px;
    color: #f2f2f2;
    font-size: 150px;
    z-index: 2;
    line-height: 1;
}
.intel01 .tit span {
    position: relative;
    z-index: 2;
    font-family: "HarmonyOS_Sans_SC_Medium";
}
.intel01 .main1{
    display: flex;
    align-items: center;
    padding: 50px 0;
    justify-content: space-between;
}
.intel01 .main1 .left{
    width: 47.8%;
}
.intel01 .main1 .right{
    width: 42.8%;
}
.intel01 .main1 .desc{
    font-size: 16px;
    line-height: 1.875;
    margin-top: 40px;
}

.intel01 .main2{
    padding-bottom: 65px;
}
.intel01 .main2 .list{
    display: flex;
    margin-top: 30px;
}
.intel01 .main2 .imgbox{
    position: relative;
    padding-bottom: 60px;
}
.intel01 .main2 .imgbox 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%);
    max-height: 50%;
}
.intel01 .main2 .item{
    width: 15.83%;
    box-shadow: 0 0 10px #eeefef;
    padding: 30px 0 35px;
    text-align: center;
    background-color: #fff;
    cursor: pointer;
}
.intel01 .main2 .item .l_tit{
    font-size: 18px;
    color: #333;
    margin-top: 18px;
}
.intel01 .main2 .item:not(:nth-child(6n+1)){
    margin-left: 1%;
}
.intel01 .main2 .item:hover{
    background-image: linear-gradient(to right, #005cac , #1694d4);
}
.intel01 .main2 .item:hover .img1{
    display: none;
}
.intel01 .main2 .item:hover .img2{
    display: block;
}
.intel01 .main2 .item:hover .l_tit{
    color: #fff;
}
.intel01 .main2 .img1{
    display: block;
}
.intel01 .main2 .img2{
    display: none;
}
.intel01 .main3{
    padding-bottom: 65px;
}
.intel01 .main3 .ctop{
    display: flex;
    justify-content: space-between;
}
.intel01 .main3 .con{
    padding-top: 30px;
}
.intel01 .main3 .swiper_box{
    width: 100px;
    display: flex;
    justify-content: space-between;
}
.intel01 .main3 .swiper_box .swiper_btn{
    position: relative;
    transform: unset;
    -webkit-transform: unset;
    -moz-transform: unset;
    -ms-transform: unset;
    -o-transform: unset;
    left: unset;
    right: unset;
}

.intel01 .main3 .swiper_btn:hover,
.intel01 .main3 .swiper_btn:hover::before{
    border-color: #fff;
}
.intel01 .main3 .swiper_btn:hover{
    background-color: #005bac;
}
.intel01 .main3 .swiper_btn,
.intel01 .main3 .swiper_btn::before{
    border-color: #c5c8ce;
}
.intel01 .main3 .item{
    position: relative;
    cursor: pointer;
}
.intel01 .main3 .item .text{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 30px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.intel01 .main3 .item .t01{
    font-size: 18px;
    color: #fff;
    line-height: 1.5;
    text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}
.intel01 .main3 .item .cdesc{
    font-size: 16px;
    line-height: 1.5;
    color: #fff;
    font-family: "HarmonyOS_Sans_SC_Light";
    margin-top: 15px;
    opacity: 0;
    height: 1px;
    overflow: hidden;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.intel01 .main3 .item:hover .text{
    background-color: rgba(0, 91, 172, .7);
}
.intel01 .main3 .item:hover .cdesc{
    opacity: 1;
    height: auto;
}
.intel02{
    padding:130px 0 140px;
}
.intel02.intel01 .main2 .item{
    width: 19.2%;
}
.intel01 .main2 .item:not(:nth-child(6n+1)) {
    margin-left: 0;
}
.intel01 .main2 .item:not(:nth-child(6n+1)) {
    margin-left: 1%;
}

@media(max-width:1459px){
    .intel01 {
        padding-top: 80px;
    }
    .intel02{
        padding: 80px 0;
    }
    .intel01 .title {
        font-size: 36px;
    }
    
    .intel01 .main1 {
        padding: 40px 0;
    }
    
    .intel01 .main1 .desc {
        margin-top: 30px;
    }
    
    .intel01 .main2 {
        padding-bottom: 40px;
    }
    
    .intel01 .tit {
        font-size: 24px;
    }
    
    .intel01 .main3 .item .text {
        padding: 20px;
    }
    .intel01 .main3{
        padding-bottom: 40px;
    }
}
@media(max-width:1024px){
    .intel01 .main3{
        padding-bottom: 30px;
    }
    .intel01 {
        padding-top: 60px;
    }
    .intel02{
        padding: 60px 0;
    }

    .intel01 .title {
        font-size: 24px;
    }
    
    .intel01 .main1 {
        padding:20px 0;
    }
    
    .intel01 .main1 .desc {
        margin-top: 20px;
    }
    
    .intel01 .main2 {
        padding-bottom: 40px;
    }
    
    .intel01 .tit {
        font-size: 20px;
    }
    
    .intel01 .main3 .item .text {
        padding: 10px;
    }
    .intel01 .main2 .item {
        padding: 20px 0;
    }
    
    .intel01 .main2 .item .l_tit {
        font-size: 16px;
        margin-top: 10px;
    }
}
@media(max-width:768px){
    .intel01 {
        padding-top: 40px;
    }
    .intel02{
        padding: 40px 0;
    }
    .intel01 .main3 .item .t01 {
        font-size: 16px;
    }
    
    .intel01 .main3 .item .cdesc {
        font-size: 14px;
        margin-top: 5px;
    }
    .intel01 .title{
        font-size: 20px;
    }
    .intel01 .tit{
        font-size: 18px;
    }
    .intel01 .main3{
        padding-bottom: 30px;
    }
}
@media(max-width:480px){
    .intel01 .main3{
        padding-bottom: 20px;
    }
    .intel01 {
        padding-top: 20px;
    }
    .intel02{
        padding: 20px 0;
    }
    .intel01 .title{
        font-size: 18px;
    }
    .intel01 .tit{
        font-size: 16px;
    }
    .intel01 .main1 .desc {
        font-size: 14px;
    }
    .intel01 .main1 {
        flex-wrap: wrap;
    }
    
    .intel01 .main1 .left {
        width: 100%;
    }
    
    .intel01 .main1 .right {
        width: 100%;
        margin-top: 15px;
    }
    .intel01 .tit::before {
        font-size: 51px;
        left: -10px;
        top: -2px;
    }
    .intel01 .main1 {
        flex-wrap: wrap;
    }
    
    .intel01 .main1 .left {
        width: 100%;
    }
    
    .intel01 .main1 .right {
        width: 100%;
        margin-top: 15px;
    }
    
    .intel01 .tit::before {
        font-size: 51px;
        left: -10px;
        top: -2px;
    }
    
    .intel01 .main2 .item {
        width: 32.33%;
        margin-bottom: 1.5%;
        padding: 10px 0;
    }
    
    .intel01 .main2 .list {
        flex-wrap: wrap;
    }
    
    .intel01 .main2 .item:not(:nth-child(6n+1)) {
        margin-left: 0;
    }
    
    .intel01 .main2 .item:not(:nth-child(3n+1)) {
        margin-left: 1.5%;
    }
    
    .intel01 .main2 .imgbox {
        padding-bottom: 40px;
    }
    
    .intel01 .main2 .item .l_tit {
        font-size: 12px;
        margin-top: 5px;
    }
    
    .intel01 .main2 {
        padding-bottom: 20px;
    }
    
    .intel01 .main2 .list {
        margin-top: 20px;
    }
    .intel02.intel01 .main2 .item {
        width: 32.33%;
    }
    .intel01 .main3 .item .t01{
        font-size: 14px;
    }
    .intel01 .main3 .item .cdesc{
        font-size: 12px;
    }
}


/* 代理商 */
.ag_tit{
    font-size: 42px;
    color: #333333;
    font-family: "HarmonyOS_Sans_SC_Medium";
    line-height: 1.42;
    text-align: center;
}
.ag_desc{
    font-size: 18px;
    color: #333333;
    font-family: "HarmonyOS_Sans_SC_Light";
    line-height: 1.66;
    margin-top: 30px;
    text-align: center;
}
.agent01{
    padding: 100px 0;
    background-color: #f2f3f4;
}
.agent01 .list{
    padding-top: 70px;
}
.agent01 .item{
    display: flex;
    justify-content: space-between;
    background-color: #ffffff;
}
.agent01 .item .imgbox{
    width: 50%;
}
.agent01 .item .imgbox img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.agent01 .item .text{
    padding: 0  calc(7.5% + 160px) 0 7.5%;
    display: flex;
    align-items: center;
    width: 50%;
    position: relative;
}
.agent01 .item .text .icon{
    min-width: 52px;
}
.agent01 .item .text img{
    width: 100%;
}
.agent01 .item .ctext{
    padding-left: 35px;
    position: relative;
    z-index: 2;
    width: calc(100% - 52px);
}
.agent01 .item .t01{
    font-size: 20px;
    line-height: 1.5;
    font-family: "HarmonyOS_Sans_SC_Medium";
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
.agent01 .item .t02{
    font-size: 16px;
    line-height: 1.875;
    color: #333;
    margin-top: 10px;
    font-family: "HarmonyOS_Sans_SC_Light";
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.agent01 .item .num{
    font-size: 150px;
    font-family: "HarmonyOS_Sans_SC_Thin";
    color: rgba(242, 243, 244, .8);
    position: absolute;
    right: 5%;
    top: 50%;
    transform: translate(0,-50%);
}
.agent01 .item:nth-child(2n){
    flex-direction: row-reverse;
}


.agent02{
    padding: 90px 0 120px;
}
.agent02 .item .imgbox{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.agent02 .item .imgbox::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50%;
    background-image: linear-gradient(transparent,#041024);
}
.agent02 .item img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.agent02 .main{
    margin-top: 50px;
}
.agent02 .list{
    padding-bottom: 40%;
    position: relative;
}
.agent02 .item{
    position: absolute;
}
.agent02 .item .text{
    position: absolute;
    bottom: 20px;
    left: 20px;
    color: #fff;
    font-size: 18px;
}
.agent02 .item:nth-child(1){
    width: 19%;
    left: 0;
    top: 0;
    height: 32%;
}
.agent02 .item:nth-child(2){
    width: 29.5%;
    left: 20%;
    top: 0;
    height: 49%;
}
.agent02 .item:nth-child(3){
    width: 19%;
    left: 50.5%;
    top: 0;
    height: 32%;
}
.agent02 .item:nth-child(4){
    width: 29.5%;
    left:70.5%;
    top: 0;
    height: 49%;
}
.agent02 .item:nth-child(5){
    width: 19%;
    left: 0;
    top: 34%;
    height: 32%;
}
.agent02 .item:nth-child(6){
    width: 19%;
    top: 34%;
    left: 50.5%;
    height: 32%;
}
.agent02 .item:nth-child(7){
    width: 19%;
    left: 0;
    top: 68%;
    height: 32%;
}
.agent02 .item:nth-child(8){
    width: 29.5%;
    left: 20%;
    top: 51%;
    height: 49%;
}
.agent02 .item:nth-child(9){
    width: 19%;
    top: 68%;
    left: 50.5%;
    height: 32%;
}
.agent02 .item:nth-child(10){
    width: 29.5%;
    top: 51%;
    left: 70.5%;
    height: 49%;
}


.agent03{
    padding: 80px 0 90px;
    background-color: #f2f3f4;
    position: relative;
}
.agent03 .content{
    max-width:722px;
    margin: 0 auto;
}
.agent03 .main{
    padding-top: 50px;
}
.agent03 .list{
    display: flex;
    flex-wrap: wrap;
}
.agent03 .list .item{
    width: 48%;
    border-radius: 23px;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    -ms-border-radius: 23px;
    -o-border-radius: 23px;
    background-color: #fff;
    height: 50px;
    display: flex;
    align-items: center;
    position: relative;
    padding: 10px 30px;
    flex-wrap: wrap;
    margin-bottom: 25px;
}
.agent03 .list .item:not(:nth-child(2n+1)){
    margin-left: 4%;
}
.agent03 .list .item input{
    flex: 1;
    margin-left: 10px;
}


.agent03 .list .item1.item{
    height: auto;
}
.agent03 .list  textarea{
    resize: none;
    height: 70px;
    width: 100%;
    margin-top: 5px;
    border: none;
}
.agent03 .list  select{
    appearance: none;
    border: none;
    width: 100%;
}
.agent03 .list .f_btn{
    position: absolute;
    top: 140%;
    left: 20px;
    display: flex;
    align-items: center;
}

.agent03 .f_btn span {
    width: 15px;
    height: 15px;
    border: 1px solid #aaaaaa;
    position: relative;
}
.agent03 .f_btn.cur span::before {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    border-top: 1px solid #aaaaaa;
    border-right: 1px solid #aaaaaa;
    right: 1px;
    width: 10px;
    height: 6px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}
.agent03 .f_btn .f_tt {
    font-size: 14px;
    color: #999;
    line-height: 1.875;
    margin-left: 10px;
    font-family: "HarmonyOS_Sans_SC_Light";
}
.agent03 .item_btn{
    text-align: center;
    width: 100%;
    margin-top: 25px;
}
.agent03 .item_btn input{
    width: 200px;
    height: 50px;
    background-image: linear-gradient(to right, #005cac , #1694d4);
    text-align: center;
    color: #fff;
    font-size: 16px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    display: inline-block;
}





.agent04{
    padding: 90px 0 75px;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
}
.agent04 .nav_list{
    display: flex;
    justify-content: center;
    padding: 40px 0 70px;
}
.agent04 .nav_list .nav_item{
    width: 110px;
    text-align: center;
    line-height: 40px;
    margin: 0 5px;
    font-size: 16px;
    color: #333333;
    border: 1px solid #d2d4d7;
    background-color: #edeeef;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    cursor: pointer;
}
.agent04 .nav_list .nav_item.cur{
    border-color:transparent ;
    background-image: linear-gradient(to right, #005cac , #1694d4);
    color: #fff;
}
.agent04 .con{
    position: relative;
}
.agent04 .con .imgbox{
    padding-bottom: 100px;
    position: relative;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    background-color: #ffffff;
}
.agent04 .con .imgbox .tit{
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 6px 0  6px 0;
    -webkit-border-radius: 6px 0  6px 0;
    -moz-border-radius: 6px 0  6px 0;
    -ms-border-radius: 6px 0  6px 0;
    -o-border-radius: 6px 0  6px 0;
    background-image: linear-gradient(to right, #ff7800 , #ffad00);
    padding: 3px;
    font-size: 14px;
    color: #fff;
}
.agent04 .con .imgbox 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%);
    max-height: 80%;
}
.agent04 .con.base_swiper .prev{
    left: -70px;
}
.agent04 .con.base_swiper .next{
    right: -70px;
}
.agent04 .con .swiper_btn:hover{
    border-color: #005bac;
}
.agent04 .con .swiper_btn:hover::before{
    border-color: #fff;
}
.agent04 .con .swiper_btn:hover{
    background-color: #005bac;
}
.agent04 .con .swiper_btn,
.agent04 .con .swiper_btn::before{
    border-color: #c5c8ce;
}

.agent04 .more_btn{
    width: 170px;
    line-height: 50px;
    text-align: center;
    background-image: linear-gradient(to right, #005cac , #1694d4);
    text-align: center;
    font-size: 16px;
    color: #fff;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    margin: 70px auto 0;
    display: block;
}


@media(max-width:1560px){
    .agent04 .con.base_swiper .prev{
        left: 0;
    }
    .agent04 .con.base_swiper .next {
        right: 0;
    }
}

@media(max-width:1459px){
    .ag_tit{
        font-size: 36px;
    }
    .agent03,
    .agent02,
    .agent01,
    .agent04{
        padding: 60px 0;
    }
    .agent01 .item .num {
        font-size: 120px;
    }
    .agent01 .item .text {
        padding: 0 calc(5% + 120px) 0 5%;
    }
    .agent01 .item .text img {
        width: 40px;
    }
}
@media(max-width:1024px){
    .ag_tit{
        font-size: 24px;
    }
    .agent03,
    .agent02,
    .agent01,
    .agent04{
        padding: 40px 0;
    }
    .agent01 .item .num {
        font-size: 80px;
    }
    .agent01 .item .text {
        padding: 0 calc(4% + 100px) 0 4%;
    }
    .agent01 .item .text img {
        width: 35px;
    }
    .agent02 .item .text {
        font-size: 14px;
        left: 10px;
        bottom: 10px;
    }
    .agent04 .nav_list {
        padding: 30px 0 40px;
    }
    .agent03 .item_btn input {
        width: 150px;
        height: 35px;
        font-size: 14px;
    }
    .agent01 .list {
        padding-top: 40px;
    }
    .agent04 .nav_list .nav_item{
        width: auto;
        padding: 0 15px;
        line-height: 35px;
        font-size: 14px;
    }
    .agent04 .more_btn{
        width: 150px;
        line-height: 35px;
        font-size: 14px;
        margin-top: 50px;
    }
}
@media(max-width:768px){
    .ag_tit{
        font-size: 20px;
    }
    .agent03,
    .agent02,
    .agent01,
    .agent04{
        padding: 30px 0;
    }
    .agent04 .nav_list {
        padding: 15px 0;
        flex-wrap: wrap;
    }
    .agent02 .item {
        position: relative;
        height: 150px !important;
        width: 49% !important;
        left: unset !important;
        top: unset !important;
        margin-bottom: 2%;
    }
    .agent02 .list {
        padding-bottom: unset;
        display: flex;
        flex-wrap: wrap;
    }
    .agent02 .item:not(:nth-child(2n+1)) {
        margin-left: 2% !important;
    }
    .agent01 .item .num {
        font-size: 40px;
    }
    .agent01 .item .text {
        padding: 0 30px;
    }
    .agent01 .list {
        padding-top: 30px;
    }
    .ag_desc {
        font-size: 16px;
    }
    .agent03 .main {
        padding-top: 40px;
    }
    .agent03 .list .item{
        margin-bottom: 15px;
    }
    .agent04 .con .imgbox .tit{
        font-size: 12px;    
    }
    .agent04 .nav_list .nav_item{
        margin-bottom: 10px;
    }
    .agent04 .more_btn{
        margin-top: 30px;
    }
}
@media(max-width:480px){
    .agent04 .more_btn{
        width: 100px;
        line-height: 30px;
        font-size: 12px;
        margin-top: 20px;
    }
    .ag_tit{
        font-size: 18px;
    }
    .agent03,
    .agent02,
    .agent01,
    .agent04{
        padding: 20px 0;
    }
    .agent01 .list {
        padding-top: 20px;
    }
    .agent01 .item {
        flex-wrap: wrap;
    }
    .agent01 .item .imgbox {
        width: 100%;
    }
    .agent01 .item .text {
        width: 100%;
        padding: 15px;
    }
    .agent01 .item .t01 {
        font-size: 18px;
    }
    .agent01 .item .t02 {
        font-size: 14px;
        margin-top: 5px;
    }
    .ag_desc {
        font-size: 12px;
    }
    .agent03 .list .item {
        padding: 10px;
        width: 100%;
    }
    .agent03 .list .item:not(:nth-child(2n+1)) {
        margin-left: 0;
    }
    .agent04 .con .imgbox img{
        max-height: 50%;
    }
    .agent03 .main {
        padding-top: 30px;
    }
    .agent03 .list .f_btn {
        top: calc(100% + 10px);
    }
    .agent03 .item_btn input {
        width: 100px;
        height: 30px;
        font-size: 12px;
    }
}


/* 搜索结果页 */
.search01{
    background-color: #f2f3f4;
    padding: 60px;
}
.search01 .content{
    background-color: #fff;
    padding: 45px 70px 0;
}
.search01 .s_01{
    max-width: 600px;
    margin: 0 auto;
}
.search01 .s_01 .search_box{
    height: 50px;
    display: flex;
    align-items: center;
    padding: 0 20px;
    border: 2px solid #000000;
    justify-content: space-between;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
}

.search01 .s_01 input,
.search01 .s_01 input::placeholder{
    font-size: 14px;
    color: #666666;
}
.search01 .s_01 .sear_btn{
    background-image: url(../images/sousuo1.png);
    width: 18px;
    height: 18px;
    cursor: pointer;
}
.search01 .s_01 .search_tit{
    padding: 20px 0 0 20px;
    color: #666666;
    font-size: 14px;
    line-height: 1.5;
}

.search01 .s_tit{
    font-size: 22px;
    line-height: 1.3;
    color: #333333;
}
.search01 .main1{
    padding: 45px 0 105px;
}

.search01 .main1 .list{
    padding-top: 30px;
}
.search01 .main1 .item{
    display: flex;
    align-items: center;
    background-color: #f8f9fa;
    padding: 15px 20px;
    font-size: 16px;
    margin-bottom: 10px;
}
.search01 .main1 .imgbox{
   width: 50px;
    text-align: center;
}
.search01 .main1 .imgbox img{
    width: 100%;
}
.search01 .main1 .t01{
    font-size: 16px;
    color: #333333;
    line-height: 1.875;
    margin-left: 5%;
    width: 100px;
}
.search01 .main1 .t02{
    color: #333333;
    line-height: 1.875;
    font-family: "HarmonyOS_Sans_SC_Light";
    margin-left: 5%;
    width: 200px;
}
.search01 .main1 .t03{
    font-family: "HarmonyOS_Sans_SC_Light";
    margin-left: 5%;
    width: 370px;
    line-height: 1.875;
}
.search01 .main1 .t04{
    font-family: "HarmonyOS_Sans_SC_Light";
    margin-left: 5%;
    line-height: 1.875;
}
.search01 .main2{
    padding-bottom: 100px;
}
.search01 .main2 .list{
    padding-top: 30px;
}
.search01 .main2 .item{
    background-color: #f8f9fa;  
    padding: 30px 45px;  
    margin-bottom: 10px;
    font-size: 16px;
    color: #333333;
    display: block;
    font-family: "HarmonyOS_Sans_SC_Light";
}


.search01 .main3{
    padding-bottom: 100px;
}
.search01 .main3 .list{
    padding-top: 30px;
}
.search01 .main3 .item{
    background-color: #f8f9fa;  
    padding: 30px 45px;  
    margin-bottom: 10px;
    font-size: 16px;
    color: #333333;
    font-family: "HarmonyOS_Sans_SC_Light";
    display: flex;
    justify-content: space-between;
}
.search01 .main3 .btn{
    font-size: 16px;
    padding-left: 30px;
    background-image: url(../images/icon21.png);
    background-repeat: no-repeat;
    background-position: center left;
}

.search01 .main4{
    padding-bottom: 100px;
}
.search01 .main4 .list{
    padding-top: 30px;
}
.search01 .main4 .item{
    background-color: #f8f9fa;  
    padding: 30px 45px;  
    margin-bottom: 10px;
    font-size: 16px;
    color: #333333;
    font-family: "HarmonyOS_Sans_SC_Light";
    display: flex;
    justify-content: space-between;
    font-size: 16px;
}
.search01 .main4 .item .time{
    color: #999999;
    line-height: 1.5;
}
.search01 .main4 .item .tit{
    color: #999999;
    line-height: 1.5;
}


@media(max-width:1459px){
    .search01 .content {
        padding: 35px 50px 0;
    }
    
    .search01 {
        padding: 50px;
    }
    
    .search01 .main1 {
        padding: 30px 0 80px;
    }
    
    .search01 .main2,
    .search01 .main3,
    .search01 .main4{
        padding-bottom: 80px;
    }
    .search01 .main1 .item{
        font-size: 14px;
    }
}
@media(max-width:1024px){
    .search01 .content {
        padding: 25px 40px 0;
    }
    
    .search01 {
        padding: 30px;
    }
    
    .search01 .main1 {
        padding: 30px 0 60px;
    }
    
    .search01 .main2,
    .search01 .main3,
    .search01 .main4{
        padding-bottom: 60px;
    }
    .search01 .main4 .item,
    .search01 .main3 .item,
    .search01 .main2 .item {
        padding: 25px;
    }
    .search01 .s_tit{
        font-size: 20px;
    }
    .search01 .main1 .item {
        flex-wrap: wrap;
    }
    
    .search01 .main1 .t01 {
        width: 30%;
    }
    
    .search01 .main1 .t02 {
        width: 30%;
    }
    
    .search01 .main1 .t03 {
        width: 100%;
        margin-top: 20px;
        margin-left: 0;
    }
    
    .search01 .main1 .t04 {
        width: 100%;
        margin-top: 20px;
        margin-left: 0;
    }



}
@media(max-width:768px){
    .search01 .content {
        padding: 20px 30px 0;
    }
    
    .search01 {
        padding: 20px;
    }
    
    .search01 .main1 {
        padding: 30px 0;
    }
    
    .search01 .main2,
    .search01 .main3,
    .search01 .main4{
        padding-bottom: 30px;
    }
    .search01 .s_tit{
        font-size: 18px;
    }
    .search01 .main1 .t02 {
        width: 100%;
        margin-top: 20px;
        margin-left: 0;
    }
    .search01 .s_01 .search_tit {
        font-size: 12px;
        padding: 10px;
    }
}
@media(max-width:480px){
    .search01 .content {
        padding: 15px 20px 0;
    }
    
    .search01 {
        padding: 15px;
    }
    
    .search01 .main1 {
        padding: 20px 0 20px;
    }
    
    .search01 .main2,
    .search01 .main3,
    .search01 .main4{
        padding-bottom:20px;
    }
    .search01 .main1 .list {
        padding-top: 20px;
    }
    .search01 .main1 .t02,
    .search01 .main1 .t04,
    .search01 .main1 .t03{
        margin-top: 10px;
    }
    .search01 .main4 .item, .search01 .main3 .item, .search01 .main2 .item{
        padding: 15px;
    }
    .search01 .main2 .item {
        font-size: 14px;
    }
    .search01 .main3 .btn {
        font-size: 12px;
        padding-left: 20px;
        background-size: 12px;
    }
    .search01 .main3 .item,
    .search01 .main4 .item{
        font-size: 14px;
    }
    .search01 .main4 .item{
        flex-wrap: wrap;
    }
    .search01 .main4 .item .tit{
        width: 100%;
        margin-bottom: 10px;
    }
    .search01 .main2 .list,
    .search01 .main3 .list,
    .search01 .main4 .list{
        padding-top: 10px;
    }
    .search01 .s_tit{
        font-size: 16px;
    }
    .search01 .s_01 .search_box {
        height: 40px;
    }
}


/* 关于我们活动 */


.activ01{
    background-color: #f2f3f4;
    padding: 70px 0 100px;
}
.activ01 .nav_list{
    display: flex;
    justify-content: center;
}

.activ01 .nav_list .nav_item{
    margin: 0 10px;
    padding: 15px 25px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    box-shadow: 0 0 10px #f2f3f4;
    background-color: #ffffff;
    cursor: pointer;
}

.activ01 .nav_list .nav_item.cur{
    color: #fff;
    background-image: linear-gradient(to right, #005cac , #1694d4);
}

.activ01 .list{
    display: flex;
    flex-wrap: wrap;
    padding-top: 40px;

}
.activ01 .list .item{
    width: 31.46%;
    background-color: #fff;
    margin-bottom: 2.8%;
}
.activ01 .list .item .imgbox{
    position: relative;
    padding-bottom: 69%;
}
.activ01 .list .item img{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    object-fit: cover;
}
.activ01 .list .item:not(:nth-child(3n+1)){
    margin-left: 2.8%;
}
.activ01 .list .text{
    padding: 30px 30px 40px;
}
.activ01 .list .tit{
    display: inline-block;
    position: relative;
    font-size: 20px;
    line-height: 1.5;
    color: #333;
    margin-right: 95px;
    
}
.activ01 .list .tit .state{
    position: absolute;
    left: calc(100% + 15px);
    top: 0;
    white-space: nowrap;
    font-size: 16px;
    font-family: "HarmonyOS_Sans_SC_Light";
    width: 80px;
    text-align: center;
    padding: 5px 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    color: #fff;
}
.activ01 .list .tit .state::before{
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 7px solid transparent;
  
    z-index: 1;
    bottom: 0;
    left: -7px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
.activ01 .list .tit .state.state1::before{
    border-top: 10px solid #005cac;
}
.activ01 .list .tit .state.state1{
    background-image: linear-gradient(to right, #005cac , #1694d4);
}
.activ01 .list .tit .state.state2{
    background-color: #acaeb2;
}
.activ01 .list .tit .state.state2::before{
    border-top: 10px solid #acaeb2;
}

.activ01 .list .time{
    position: relative;
    background-image: url(../images/zhong.png);
    background-position: center left;
    padding-left: 25px;
    background-repeat: no-repeat;
    font-size: 14px;
    color: #333333;
    font-family: "HarmonyOS_Sans_SC_Light";
    margin-top: 20px;
    background-size: 14px;
}

@media(max-width:1459px){
    .activ01{
        padding:70px 0 30px;
    }
    .activ01 .list .text{
        padding: 25px 25px 35px;
    }
}
@media(max-width:1366px){
    .activ01 .list .tit {
        font-size: 16px;
    }
    
    .activ01 .list .tit .state {
        font-size: 14px;
    }
    
    .activ01 .list {
        padding-top: 20px;
    }
    
    .activ01 {
        padding: 40px 0 10px;
    }
}
@media(max-width:1024px){
    .activ01 .list .item {
        width: 49%;
        margin-bottom: 2%;
    }
    .activ01 .list .item:not(:nth-child(3n+1)) {
        margin-left: 0;
    }
    .activ01 .list .item:not(:nth-child(2n+1)) {
        margin-left: 2%;
    }
}
@media(max-width:768px){
    .activ01 .nav_list .nav_item {
        padding: 10px;
    }
    .activ01 {
        padding: 20px 0 10px;
    }
    .activ01 .list .text {
        padding: 15px;
    }
    .activ01 .list .tit .state{
        font-size: 12px;
    }
}
@media(max-width:640px){
    .activ01 .nav_list .nav_item {
        font-size: 12px;
    }
    .activ01 .list .item {
        width: 100%;
    }
    .activ01 .list .item:not(:nth-child(2n+1)) {
        margin-left: 0;
    }
}


/* 关于我们新闻 */
.abn01{
    padding: 70px 0 50px;
    background-color: #f2f3f4;
}
.abn01 .item{
    display: flex;
    background-color: #ffffff;
}
.abn01 .item .imgbox{
    width: 50%;
}
.abn01 .item .imgbox img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.abn01 .item .text{
    width: 50%;
    padding: 15px 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.abn01 .item .imgbox img{
    width: 100%;
}
.abn01 .item .time{
    font-size: 18px;
    color: #666666;
}
.abn01 .item .tit{
    font-size: 26px;
    color: #333333;
    line-height:1.3;
    margin-top: 35px;
}
.abn01 .item .desc{
    margin-top: 35px;
    font-size: 16px;
    color: #666666;
    font-family: "HarmonyOS_Sans_SC_Light";
    line-height: 1.875;
}
.abn01 .item .btn{
    margin-top: 20px;
    font-size: 14px;
    color: #666;
    font-family: "HarmonyOS_Sans_SC_Light";
}
.abn02{
    padding: 0 0 120px;
    background-color: #f2f3f4;
}
.abn02 .list{
    padding-bottom: 10px;
}
.abn02 .item{
    display: flex;
    align-items: center;
    margin-bottom: 40px;
    background-color: #fff;
}
.abn02 .item .imgbox{
    width: 25.7%;
}
.abn02 .item .imgbox img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.abn02 .item .text{
    width: 74.3%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 70px;
}
.abn02 .item .tl{
    width: calc(100% - 220px);
    padding-right: 70px;
}
.abn02 .item .tit{
    font-size: 22px;
    color: #333333;
    line-height: 1.5;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
.abn02 .item .desc{
    font-size: 16px;
    color: #666666;
    line-height: 1.875;
    margin-top: 30px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.abn02 .item .tr{
    padding: 0 75px;
    border-left:1px solid #e1e1e1 ;
    width: 220px;
}
.abn02 .item .month{
    font-size: 60px;
    line-height: 1.2;
    text-align: center;
}
.abn02 .item .year{
    font-size: 16px;
    line-height: 1.5;
    margin-top: 10px;
    text-align: center;
}

@media(max-width:1459px){
    .abn01 {
        padding: 50px 0 35px;
    }
    
    .abn02 .item {
        margin-bottom: 35px;
    }
    
    .abn02 .item .month {
        font-size: 48px;
    }
    
    .abn02 .item .tr {
        width: 155px;
        padding: 0 40px;
    }
    .abn02 .item .tl {
        width: calc(100% - 155px);
        padding-right: 40px;
    }
    .abn02 .item .text {
        padding-left: 50px;
    }
    
    .abn01 .item .text {
        padding: 15px 45px;
    }
    
    .abn01 .item .tit {
        font-size: 24px;
        margin-top: 25px;
    }
    
    .abn01 .item .desc {
        margin-top: 30px;
        font-size: 14px;
    }
    
    .abn02 {
        padding-bottom: 100px;
    }
}
@media(max-width:1366px){

}
@media(max-width:1024px){
    .abn01 {
        padding:30px 0 25px;
    }
    
    .abn02 .item {
        margin-bottom: 25px;
    }
    
    .abn02 .item .month {
        font-size: 36px;
    }
    
    .abn02 .item .tr {
        padding: 0 20px;
        width: 105px;
    }
    .abn02 .item .tl {
        width: calc(100% - 105px);
    }
    
    .abn02 .item .text {
        padding-left: 30px;
    }
    
    .abn01 .item .text {
        padding: 15px 30px;
    }
    
    .abn01 .item .tit {
        font-size: 20px;
        margin-top: 25px;
    }
    
    .abn01 .item .desc {
        margin-top: 20px;
    }
    
    .abn02 {
        padding-bottom: 60px;
    }
    .abn02 .item .tit {
        font-size: 20px;
    }
    .abn02 .item .desc{
        font-size: 14px;
        margin-top: 20px;
    }
    
}
@media(max-width:768px){
    .abn02 .item .month {
        font-size: 24px;
    }
    
    .abn02 .item .year {
        font-size: 14px;
        margin-top: 5px;
    }
    
    .abn02 .item .tr {
        padding: 0 10px;
        width: 80px;
    }  
    .abn02 .item .tl {
        width: calc(100% - 80px);
    } 
    .abn02 .item .desc {
        margin-top: 5px;
        font-size: 12px;
    }
    
    .abn02 .item .tit {
        font-size: 18px;
    }
    .abn01 .item {
        flex-wrap: wrap;
    }
    
    .abn01 .item .imgbox {
        width: 100%;
    }
    
    .abn01 .item .text {
        width: 100%;
    }
    .abn02 .item {
        margin-bottom: 15px;
    }
    .abn02 .item .text {
        padding-left: 15px;
    }
    .abn02 {
        padding-bottom: 40px;
    }
}
@media(max-width:480px){
    .abn02 {
        padding-bottom: 20px;
    }
    .abn01 .item {
        flex-wrap: wrap;
    }
    .abn01 .item .imgbox {
        width: 100%;
    }
    .abn01 .item .text {
        width: 100%;
    }
    .abn02 .item {
        flex-wrap: wrap;
    }
    .abn02 .item .imgbox {
        width: 100%;
    }
    .abn02 .item .text {
        flex-direction: column-reverse;
        align-items: flex-start;
        width: 100%;
        padding: 15px;
    }
    .abn02 .item .tl {
        width: 100%;
        margin-top: 10px;
    }
    .abn02 .item .tr {
        padding: 0;
        border: none;
    }
}


/* 产品详情 */




.nect01{
    padding: 130px 0 120px;
    background-color: #fff;
    overflow: hidden;
}
.nect01 .main{
    position: relative;
    padding: 80px 0;
}
.nect01 .swiper-container{
    overflow: unset;
}
.nect01 .item {
    padding-right: 90px;
    position: relative;
}
.nect01 .item .text {
    padding: 55px 120px 55px 80px;
    border-radius: 120px;
    -webkit-border-radius: 120px;
    -moz-border-radius: 120px;
    -ms-border-radius: 120px;
    -o-border-radius: 120px;
    box-shadow: 0 0 10px #fcfcfd;
    background-color: #fff;
}
.nect01 .item .tit {
    font-size: 28px;
    color: #333333;
    line-height: 1.5;
    font-family: "HarmonyOS_Sans_SC_Medium";
}
.nect01 .item .ctit {
    font-size: 18px;
    line-height: 1.66;
    color: #333333;
    font-family: "HarmonyOS_Sans_SC_Light";
    margin-top: 25px;
}
.nect01 .item:hover .text {
    background-image: linear-gradient(to right, #005cac , #1694d4);
}
.nect01 .item:hover .tit, .nect01 .item:hover .ctit, .nect01 .item:hover .state {
    color: #fff;
}
.nect01 .item .open_video {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    background-image: url(../images/video_btn1.png);
    width: 23px;
    height: 35px;
    background-size: contain;
    cursor: pointer;
}
.nect01 .item .video_box {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
}
.nect01 .item .video_box video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.nect01 .item .imgbox {
    position: absolute;
    right: 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%);
    border: 10px solid rgba(230, 232, 235, 0.5);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.nect01 .swiper-pagination .swiper-pagination-bullet {
    margin: 0 10px;
}
.nect01 .swiper-pagination{
    position: absolute;
    bottom: 0;
    width: 100%;
}
.nect01 .item .state{
    font-size: 18px;
    line-height: 1.66;
    color: #333333;
    font-family: "HarmonyOS_Sans_SC_Light";
   text-align: right;
   margin-top: 10px;
}
.nect01 .item .state span {
    position: relative;
    padding-left: 80px;
}
.nect01 .item .state span::before {
    display: block;
    content: '';
    width: 50px;
    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: #c1c4cb;
    height: 2px;
}

.detals01{
    overflow: hidden;
    position: relative;
}

.detals01 .container{
    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%);
    width: 100%;
}
.detals01 .text{
    display: flex;
    justify-content: space-between;
}
.detals01 .text .cimg{
    position: relative;
}
.detals01 .text .cimg img{
    position: relative;
    z-index: 2;
}
.detals01 .text .cimg::before{
    content: '';
    display: block;
    width: 130%;
    height: 130%;
    position: absolute;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-image: url(../images/icon26.png);
    background-size: cover;
    z-index: 1;
    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%);
}
.detals01 .text .left{
    width: 37%;
    overflow: hidden;
}
.detals01 .text .right{
    width: 40%;
}
.detals01 .text .tit{
    font-size: 42px;
    color: #ffffff;
    font-family: "HarmonyOS_Sans_SC_Bold";
    line-height: 1.5;
}
.detals01 .text .ctit{
    font-size: 30px;
    color: #ffffff;
    line-height: 1.5;
    margin-top: 5px;
    font-family: "HarmonyOS_Sans_SC_Medium";
    margin-top: 20px;
}
.detals01 .text .ctit span{
    background-image: linear-gradient(to right, #005cac , #1694d4);
 background-clip: text;
 -webkit-background-clip: text;
 color: transparent;
}
.detals01 .text .list{
    display: flex;
    padding-top: 45px;
}
.detals01 .text .item{
    margin: 0 25px;
}
.detals01 .text .item:first-child{
    margin-left: 0;
}
.detals01 .text .pimg{
    border: 1px solid #3f4045;
    width: 60px;
    height: 60px;
    position: relative;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}
.detals01 .text .pimg 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%);
}
.detals01 .text .ptit{
    font-size: 16px;
    color: #666666;
    line-height: 1.875;
    margin-top: 15px;
    text-align: center;
}
.detals01 .text .btns{
    display: flex;
    justify-content: space-between;
    padding-top: 80px;
}
.detals01 .text .btn{
    width: 31.33%;
    border: 1px solid #464445;
    color: #fff;
    text-align: center;
    padding: 15px 0 15px 20px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    position: relative;
}
.detals01 .text .btn::before{
    content: '';
    display: block;
    position: absolute;
    left: 22%;
    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-repeat: no-repeat;
    background-position: center;
}
.detals01 .text .btn:nth-child(1)::before{
    width: 20px;
    height: 20px;
    background-image: url(../images/icon23.png);
}
.detals01 .text .btn:nth-child(2)::before{
    width: 18px;
    height: 22px;
    background-image: url(../images/icon24.png);
}
.detals01 .text .btn:nth-child(3)::before{
    width: 20px;
    height: 18px;
    background-image: url(../images/icon25.png);
}
.detals01 .text .btn:hover,
.detals01 .text .btn.btn1{
    background-image: linear-gradient(to right, #005cac , #1694d4);
}

.detals02{
    background-color: #f0f0f0;
    padding: 185px 0 160px;
}

.detals02 .content{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.detals02 .left{
    width: 40%;
}
.detals02 .right{
    width: 50%;
   text-align: right;
}
.detals02 .right .imgbox{
    display: inline-block;
}
.detals02 .tit{
    font-size: 50px;
    color: #333333;
    font-family: "HarmonyOS_Sans_SC_Medium";
}
.detals02 .ctit{
    font-size: 24px;
    color: #333333;
    font-family: "HarmonyOS_Sans_SC_Medium";
    margin-top: 30px;
}
.detals02 .desc{
    font-size: 18px;
    line-height: 1.5;
    color: #333;
    margin-top: 50px;
    font-family: "HarmonyOS_Sans_SC_Light";
}
.detals02 .list{
    display: flex;
    margin-top: 40px;
}
.detals02 .list .item{
    border: 1px solid #dddddd;
    padding: 25px 30px;
    position: relative;
    display: flex;
    align-items: center;
}

.detals02 .video_btn{
    font-size: 16px;
    color: #333333;
    font-family: "HarmonyOS_Sans_SC_Medium";
    padding-left: 60px;
    margin-top: 50px;
    position: relative;
}
.detals02 .video_btn::before{
    content: '';
    display: block;
    background-image: url(../images/icon27.png);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: contain;
    width: 40px;
    height: 41px;
    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%);
}

.detals03{

}
.detals03 .item{
    display: flex;
}
.detals03 .item .left{
    width: 50%;
    background-image: url(../images/icon28.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.detals03 .item .left::before{
    content: '';
    display: block;
    background-image: url(../images/icon29.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
    height: 93px;
    right: -8px;
    position: absolute;
    bottom: 14%;
}
/* .detals03 .item .imgbox{
    
} */
.detals03 .item .left img{
    position: absolute;
    left: 50%;
    top: 50%;
    margin: auto;
    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: 70%;
    max-width: 70%;
}
.detals03 .item .right{
    width: 50%;
    padding:9.5% 5.8% 22.1% 5.58%;
    display: flex;
    flex-direction: row-reverse;
}
.detals03 .item .r_top{
    font-family: "HarmonyOS_Sans_SC_Medium";
}
.detals03 .item .tit{
    font-size: 36px;
    color: #333;
    line-height: 1.2;
    font-family: "HarmonyOS_Sans_SC_Bold";
}
.detals03 .item .num{
    font-size: 24px;
    color: #333333;
}
.detals03 .item .desc{
    font-size: 16px;
    line-height: 1.875;
    margin-top: 4.2%;
    padding-right: 19.1%;
}
.detals03 .item .clist{
    display: flex;
    margin-top: 48px;
}
.detals03 .item .citem{
    text-align: center;
}
.detals03 .item .citem .pimg{
    width: 90px;
    height: 90px;
    position: relative;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border: 1px solid #dedede;
}
.detals03 .item .citem 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%);
}
.detals03 .item .citem:not(:first-child){
    margin-left: 40px;
}
.detals03 .item .citem .ptit{
    font-size: 14px;
    color: #333;
    margin-top: 15px;
    text-align: center;
    font-family: "HarmonyOS_Sans_SC_Light";
}

.detals04{
    padding: 125px 0;
    background-color: #f7f8f8;
}
.detals04 .main{
    margin-top: 60px;
    position: relative;
}
.detals04 .item{
    position: relative;
}
.detals04 .item .text{
    position: absolute;
    bottom: 60px;
    left: 70px;
    right: 50px;
}
.detals04 .item img{
    width: 100%;
}
.detals04 .item .tit{
    font-size: 24px;
    color: #fff;
}
.detals04 .item .desc{
    font-size: 16px;
    line-height: 1.5;
    color: #ffffff;
    font-family: "HarmonyOS_Sans_SC_Light";
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 10px;
}


.detals04 .base_swiper .prev{
    left: 100px;
}
.detals04 .base_swiper .next{
    right: 100px;
}
.detals04 .base_swiper .swiper_btn:hover{
    background-color: #005bac;
    border-color: #005bac;  
}






@media(max-width:1459px){
    .nect01 {
        padding: 80px 0;
    }
    .detals01 .text .tit {
        font-size: 36px;
    }
    
    .detals01 .text .ctit {
        font-size: 24px;
    }
    
    .detals01 .text .list {
        padding-top: 25px;
    }
    
    .detals01 .text .btns {
        padding-top: 50px;
    }
    
    .detals02 .tit {
        font-size: 36px;
    }
    
    .detals02 .ctit {
        font-size: 20px;
        margin-top: 20px;
    }
    
    .detals02 .desc {
        font-size: 16px;
        margin-top: 30px;
    }
    
    .detals02 .list .item {
        padding: 15px 30px;
    }
    
    .detals02 .video_btn::before {
        width: 30px;
        height: 31px;
    }
    
    .detals02 .video_btn {
        padding-left: 40px;
        font-size: 14px;
    }
    
    .detals02 {
        padding: 100px 0;
    }
    
    .detals03 .item .tit {
        font-size: 32px;
    }
    
    .detals04 .item .text {
        border: 30px;
        left: 30px;
        bottom: 30px;
    }
    
    .detals04 {
        padding: 80px 0;
    }
    
    .detals04 .main {
        margin-top: 40px;
    }
}


@media(max-width:1400px){
    .detals01 .container{
        width: 95%;
        top: 42%;
    }
}
@media(max-width:1366px){
    .nect01 .item .tit {
        font-size: 24px;
    }
    .nect01 .item .ctit {
        font-size: 16px;
    }
    .nect01 .item .text {
        padding: 35px 80px 35px 35px;
    }
    .nect01 .item .state {
        font-size: 14px;
    }
    .nect01 .item .imgbox img {
        width: 140px;
    }
    .nect01 {
        padding: 60px 0;
    }
    .nect01 .main{
        padding: 60px 0;
    }
}
@media(max-width:1280px){
    .detals01 .text .left {
        width: 25%;
    }
    
    .detals01 .text .btns {
        padding-top: 20px;
    }
    
    .detals01 .text .right {
        width: 45%;
    }
    
    .detals01 .text .btn {
        font-size: 12px;
    }
    
    .detals01 .text .btn::before {
        background-size: 12px;
    }
    
    .detals01 .text .tit {
        font-size: 32px;
    }
    
    .detals01 .text .ctit {
        font-size: 20px;
        margin-top: 10px;
    }
    
    .detals01 .imgbox img {
        min-height: 520px;
    }
    
    .detals01 .text .pimg {
        height: 40px;
        width: 40px;
    }
    
    .detals01 .text .pimg img {
        max-height: 60%;
    }
    .detals01 .text .left {
        width: 25%;
    }
    
    .detals01 .text .btns {
        padding-top: 20px;
    }
    
    .detals01 .text .right {
        width: 45%;
    }
    
    .detals01 .text .btn {
        font-size: 12px;
        /* width: 126px; */
    }
    
    .detals01 .text .btn::before {
        background-size: 12px;
    }
    
    .detals01 .text .tit {
        font-size: 32px;
    }
    
    .detals01 .text .ctit {
        font-size: 20px;
        margin-top: 10px;
    }
    
    .detals01 .imgbox img {
        min-height: 520px;
    }
    
    .detals01 .text .pimg {
        height: 40px;
        width: 40px;
    }
    
    .detals01 .text .pimg img {
        max-height: 60%;
    }
    
    .detals02 {
        padding: 70px 0;
    }
    
    .detals02 .desc {
        margin-top: 20px;
    }
    
    .detals02 .list {
        margin-top: 20px;
    }
    
    .detals02 .video_btn {
        margin-top: 30px;
    }
    
    .detals03 .item .desc {
        font-size: 14px;
        padding-right: 5%;
    }
    
    .detals03 .item .tit {
        font-size: 28px;
    }
    .detals03 .item .citem .pimg {
        width: 60px;
        height: 60px;
    }
    
    .detals03 .item .citem .pimg img {
        max-width: 30px;
    }
    .detals03 .item .right {
        padding: 8% 5.8% 8% 5.58%;
    }
}
@media(max-width:1024px){
    .detals03 .item .num{
        font-size: 20px;
    }
    .nect01 .item .text {
        padding: 20px 40px 20px 45px;
    }
    .nect01 .item .tit {
        font-size: 20px;
    }
    .nect01 .item .ctit {
        font-size: 14px;
        margin-top: 5px;
    }
    .nect01 .item .imgbox img {
        width: 100px;
    }
    .nect01 {
        padding: 40px 0;
    }
    .nect01 .main{
        padding: 40px 0;
    }
    .detals04 .base_swiper .prev {
        left: 20px;
    }
    
    .detals04 .base_swiper .next {
        right: 20px;
    }
    
    .detals04 .item .text {
        left: 15px;
        bottom: 15px;
        right: 15px;
    }
    
    .detals04 .item .tit {
        font-size: 20px;
    }
    
    .detals04 .item .desc {
        font-size: 14px;
    }
    
    .detals04 {
        padding: 40px 0;
    }
    
    .detals04 .main {
        margin-top: 20px;
    }
    
    .detals03 .item .tit {
        font-size: 20px;
    }
    
    .detals03 .item .clist {
        margin-top: 20px;
    }
    
    .detals03 .item .citem .ptit {
        font-size: 12px;
    }
    
    .detals03 .item .citem .pimg {
        width: 40px;
        height: 40px;
    }
    
    .detals03 .item .citem .pimg img {
        max-width: 20px;
    }
    
    .detals02 {
        padding: 40px 0;
    }
    
    .detals02 .tit {
        font-size: 24px;
    }
    
    .detals02 .ctit {
        font-size: 18px;
    }
    
    .detals02 .desc {
        font-size: 14px;
    }
    
    .detals02 .list .item {
        padding: 10px;
    }
    
    .detals01 .container {
        top: 60%;
    }
    .detals01 .text .tit{
        font-size: 24px;
    }
    .detals01 .text .ctit{
        font-size: 18px;
    }
    .detals01 .text .ptit {
        font-size: 14px;
        margin-top: 10px;
    }
    .detals01 .text .btn {
        padding: 10px 0 10px 20px;
    }
    .detals01 .text .btn::before {
        left: 10px;
    }
    .detals01 .imgbox img {
        min-height: 450px;
    }
    
}
@media(max-width:768px){
    .nect01 {
        padding: 30px 0;
    }
    .nect01 .main{
        padding: 30px 0;
    }
    .detals03 .item .desc {
        font-size: 12px;
    }
    
    .detals03 .item .right {
        padding: 20px;
    }
    
    .detals03 .item .tit {
        font-size: 16px;
    }
    
    .detals03 .item .citem:not(:first-child) {
        margin-left: 20px;
    }
    .detals04 .item .tit{
        font-size: 18px;
    }
    .detals04 .item .desc{
        font-size: 12px;
    }
    .detals01 .text .ptit{
        font-size: 12px;
        margin-top: 5px;
    }
}
@media(max-width:640px){
    .nect01 .item .tit {
        font-size: 14px;
    }
    .nect01 .item .ctit {
        font-size: 12px;
    }
    .nect01 .item .state {
        font-size: 12px;
    }
    .nect01 .item .imgbox img {
        width: 80px;
    }
    .nect01 {
        padding: 20px 0;
    }
    .nect01 .main{
        padding: 20px 0;
    }
    .detals01 .text {
        flex-wrap: wrap;
    }
    
    .detals01 .text .left {
        width: 100%;
    }
    
    .detals01 .text .right {
        width: 100%;
    }
    
    .detals01 .text .cimg img {
        height: 60px;
    }
    
    .detals01 .text .tit {
        font-size: 18px;
    }
    
    .detals01 .text .ctit {
        font-size: 14px;
        margin-top: 5px;
    }
    
    .detals01 .text .item {
        margin: 0 10px;
    }
    
    .detals02 .content {
        flex-wrap: wrap;
    }
    
    .detals02 .left {
        width: 100%;
    }
    
    .detals02 .right {
        width: 100%;
    }
    
    .detals02 {
        padding: 20px 0;
    }
    
    .detals03 .item {
        flex-wrap: wrap;
    }
    
    .detals03 .item .left {
        width: 100%;
        padding-bottom: 250px;
    }
    
    .detals03 .item .right {
        width: 100%;
    }
    
    .detals04 {
        padding: 20px 0;
    }
    .detals03 .item .left::before {
        right: 50%;
        transform: translate(50%,0);
        bottom: -22px;
        height: 51px;
    }
}


/* 详情2 */
.detals02.pro1 .ctop{
    display: flex;

}
.detals02.pro1 .ctop .ctit{
    margin-top: 0;    
    margin-left: 40px;
}
.detals02.pro1 .list{
    flex-wrap: wrap;
    width: 100%;
    max-width: 400px;
}
.detals02.pro1 .item{
    justify-content: center;
}
.detals02.pro1 .item:nth-child(1),
.detals02.pro1 .item:nth-child(2),
.detals02.pro1 .item:nth-child(3),
.detals02.pro1 .item:nth-child(4),
.detals02.pro1 .item:nth-child(5),
.detals02.pro1 .item:nth-child(6){
    width: 25%;
}
.detals02.pro1 .item:nth-child(7){
    width: 50%;
}

.pro2.detals03 .item .right{
    flex-direction: unset;
}
.pro2.detals03 .item{
    flex-direction: row-reverse;
}
.pro2.detals03 .item .r_top{
    margin-left: 12%;
    max-width: 550px;
}
.pro2.detals03 .plist{
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    margin-top: 40px;
}
.pro2.detals03 .plist .pitem{
    text-align: center;
    padding: 35px 0;
    position: relative;
    cursor: pointer;
}
.pro2.detals03 .plist .ptit{
    font-size: 18px;
    color: #333333;
    line-height: 1.5;
    font-family: "HarmonyOS_Sans_SC_Medium";
}
.pro2.detals03 .plist span{
    font-size: 30px;
    font-family: "HarmonyOS_Sans_SC_Medium";
}
.pro2.detals03 .plist .pdesc{
    font-size: 16px;
    color: #333;
    margin-top: 10px;
    line-height: 1.875;
}

.pro2.detals03 .plist .pitem.cur::before,
.pro2.detals03 .plist .pitem:hover::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background-color: #005bac;
}


.pro2.detals03 .item .left::before{
    left: -8px;
    right: unset;
}

@media(max-width:1459px){
    .pro0.detals01 .container {
        top: 58%;
    }
    .pro0.detals01 .text .item {
        margin: 0 10px;
    }
    .pro2.detals03 .plist .pdesc {
        font-size: 14px;
    }
    
    .pro2.detals03 .plist span {
        font-size: 20px;
    }
}
@media(max-width:1024px){
    .pro0.detals01 .text .list{
        flex-wrap: wrap;
    }
    .pro2.detals03 .plist .pdesc {
        font-size: 12px;
    }
    
    .pro2.detals03 .plist span {
        font-size: 16px;
    }
    
    .pro2.detals03 .plist .ptit {
        font-size: 14px;
    }
}
@media(max-width:768px){
    .pro2.detals03 .plist .pitem {
        padding: 20px 0;
    }
    .pro2.detals03 .plist .pdesc{
        margin-top: 5px;    
    }
    .pro2.detals03 .item .r_top{
        margin-left: 15px;
    }
    .pro0.detals01 .text .item {
        width: 16.66%;
        margin: 0;
    }
    .detals01 .text .pimg {
        margin: 0 auto;
    }
}
@media(max-width:640px){
    .pro2.detals03 .item .left::before{
        left: 50%;
    }
    .pro2.detals03 .plist span {
        font-size: 14px;
    }
    
    .pro2.detals03 .plist .ptit {
        font-size: 12px;
    }
    
    .pro2.detals03 .plist .pdesc {
        font-size: 12px;
    }
    .pro2.detals03 .item .right {
        flex-wrap: wrap;
    }
    
    .pro2.detals03 .item .r_top {
        margin-left: 0;
        margin-top: 10px;
    }
    .pro2.detals03 .plist .pitem {
        padding: 10px 0;
    }
}


/* 详情3 */
.mat01{
    background-color: #d9d9d9;
    padding-top: 110px;
}
.mat01 .title{
    font-size: 42px;
    color: #333;
    line-height: 1.5;
    font-family: "HarmonyOS_Sans_SC_Bold";
    text-align: center;
}
.mat01 .desc{
    font-size: 16px;
    color: #333;
    line-height: 1.5;
    font-family: "HarmonyOS_Sans_SC_Light";
    text-align: center;
    margin-top: 50px;
}
.mat01 .title span{
    background-image: linear-gradient(to right, #005cac , #1694d4);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}
.mat01 .btns {
    display: flex;
    justify-content: space-between;
    padding-top: 80px;
    max-width: 555px;
    margin: 0 auto;
    width: 100%;
}
.mat01 .btns .btn {
    width: 31.33%;
    color: #fff;
    text-align: center;
    padding: 15px 0 15px 20px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    position: relative;
    border: 1px solid #bfd4e3;
    color: #0972bc;
    font-family: "HarmonyOS_Sans_SC_Medium";
}
.mat01 .btns .btn::before {
    content: '';
    display: block;
    position: absolute;
    left: 22%;
    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-repeat: no-repeat;
    background-position: center;
}
.mat01 .btns .btn:nth-child(1)::before{
    width: 20px;
    height: 20px;
    background-image: url(../images/icon231.png);
}
.mat01 .btns .btn:nth-child(2)::before{
    width: 18px;
    height: 22px;
    background-image: url(../images/icon241.png);
}
.mat01 .btns .btn:nth-child(3)::before{
    width: 20px;
    height: 18px;
    background-image: url(../images/icon251.png);
}
.mat01 .btns .btn:hover,
.mat01 .btns .btn.btn1{
    background-image: linear-gradient(to right, #005cac , #1694d4);
    color: #fff;
}
.mat01 .btns .btn:nth-child(1).btn1::before,
.mat01 .btns .btn:nth-child(1):hover::before{
    background-image: url(../images/icon23.png);
}
.mat01 .btns .btn:nth-child(2).btn1::before,
.mat01 .btns .btn:nth-child(2):hover::before{
    background-image: url(../images/icon24.png);
}
.mat01 .btns .btn:nth-child(3).btn1::before,
.mat01 .btns .btn:nth-child(3):hover::before{
    background-image: url(../images/icon25.png);
}
.mat01 .video_btn{
    background-image: url(../images/icon30.png);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: contain;
    width: 40px;
    height: 41px;
    margin: 40px auto;
}
.mat01 .imgbox{
    width: 100%;
    text-align: center;
}


.mat02{

}
.mat02 .imgbox img{
    width: 100%;
}
.mat02 .item{
    position: relative;
}
.mat02 .item .container{
    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%);
}
.mat02 .item .content{
    display: flex;
    background-repeat: no-repeat;
    background-size: cover;

}
.mat02 .item .num{
    font-size: 24px;
    color: #333;
    line-height: 1.5;
}
.mat02 .item .tit{
    font-size: 50px;
    color: #333;
    line-height: 1.5;
    margin-top: 8.5%;
}
.mat02 .item .desc{
    font-size: 18px;
    color: #333;
    line-height: 1.5;
    margin-top: 6.8%;
    font-family: "HarmonyOS_Sans_SC_Light";
}
.mat02 .item .citem{
    display: flex;
    align-items: center;
    padding-top: 8.5%;
}
.mat02 .item .citem .text{
    padding-left: 35px;
}
.mat02 .item .citem .t01{
    font-size: 22px;
    line-height: 1.4;
    color: #333333;
}
.mat02 .item .citem .ctit{
    font-size: 18px;
    color: #666666;
    line-height: 1.875;
}

.mat02 .item .container{
    position: absolute;
    right: 0;
}

.mat02 .item:nth-child(2n) .content{
    justify-content: flex-end;
    text-align: right;
}

.mat02 .item.item1 .num,
.mat02 .item.item1 .tit,
.mat02 .item.item1 .desc{
    color: #fff;
}


@media(max-width:1459px){
    .mat01 .title {
        font-size: 36px;
    }
    
    .mat01 .desc {
        margin-top: 20px;
    }
    
    .mat01 .btns {
        padding-top: 50px;
    }
    
    .mat01 .video_btn {
        margin: 20px auto;
    }
    
    .mat02 .item .tit {
        font-size: 36px;
        margin-top: 2%;
    }
    
    .mat02 .item .desc {
        margin-top: 20px;
    }
    
    .mat02 .item .citem {
        padding-top: 5%;
    }
    
    .mat02 .item .citem .text {
        padding-left: 30px;
    }
}
@media(max-width:1024px){
   
    .mat02 .item .tit {
        margin-top: 10px;
        font-size: 24px;
    }
    
    .mat02 .item .desc {
        font-size: 16px;
        margin-top: 10px;
    }
    
    .mat02 .item .citem .t01 {
        font-size: 18px;
    }
    
    .mat02 .item .citem .ctit {
        font-size: 14px;
    }
    .mat01 .title {
        font-size: 24px;
    }
}
@media(max-width:900px){
    
    .mat02 .item .citem img {
        width: 30px;
    }
    
    .mat02 .item .citem .text {
        padding-left: 15px;
    }
    
    .mat02 .item .citem .t01 {
        font-size: 16px;
    }
    
    .mat02 .item .citem {
        padding-top: 10px;
    }
    .mat01 .desc{
        font-size: 14px;
    }
}
@media(max-width:768px){
    .mat01 .title {
        font-size: 20px;
    }
   
    .mat01 .btns {
        padding-top: 20px;
    }
    .mat02 .item .tit{
        font-size: 20px;
    }
    .mat02 .imgbox img{
        height: 350px;
        object-fit: cover;
    }
    .mat01 .btns .btn {
        font-size: 12px;
        padding: 10px 10px 10px 30px;
    }
    
    .mat01 .btns .btn::before {
        background-size: 10px;
        left: 13px;
    }
}
@media(max-width:480px){
    .mat01 .title {
        font-size: 18px;
    }
    .mat02 .item .container {
        position: static;
        transform: unset;
    }
    
    .mat02 .imgbox img {
        height: auto;
    }
    
    .mat02 .item {
        background: #d9d9d9;
    }
    
    .mat02 .item .content {
        padding: 15px 0;
    }
    
    .mat02 .item:nth-child(2n) .content {
        justify-content: flex-start;
        text-align: left;
    }
    
    .mat02 .item .tit {
        font-size: 18px;
    }
    
    .mat02 .item .desc {
        font-size: 14px;
    }
    
    .mat02 .item .num {
        font-size: 20px;
    }
    
    .mat02 .item .citem {
        flex-wrap: wrap;
    }
    
    .mat02 .item .citem .text {
        padding: 10px 0 0;
        width: 100%;
    }
    .mat01 .desc{
        font-size: 12px;
    }
}




/* 详情4 */

.pro01.detals01 .text .tit{
    color: #333;
}
.pro01.detals01 .text .ctit{
    color: #333;
}
.pro01.detals01 .btns .btn{
    border: 1px solid #cee1ef;
    color: #005cac;
}


.pro01.detals01 .btns .btn:hover,
.pro01.detals01 .btns .btn.btn1{
    background-image: linear-gradient(to right, #005cac , #1694d4);
    color: #fff;
}
.pro01.detals01 .btns .btn:nth-child(1)::before {
    width: 20px;
    height: 22px;
    background-image: url(../images/icon231.png);
}
.pro01.detals01 .btns .btn:nth-child(2)::before {
    width: 18px;
    height: 22px;
    background-image: url(../images/icon241.png);
}
.pro01.detals01 .btns .btn:nth-child(3)::before {
    width: 20px;
    height: 18px;
    background-image: url(../images/icon251.png);
}
.pro01.detals01 .btns .btn:nth-child(1):hover::before,
.pro01.detals01 .btns .btn.btn1::before
{
    background-image: url(../images/icon23.png);  
}
.pro01.detals01 .btns .btn:nth-child(2):hover::before,
.pro01.detals01 .btns .btn:nth-child(2).btn1::before{
    background-image: url(../images/icon24.png);  
}
.pro01.detals01 .btns .btn:nth-child(3):hover::before,
.pro01.detals01 .btns .btn:nth-child(3).btn1::before{
    background-image: url(../images/icon25.png);  
}

/* 详情模板6 */

.detals01.info06 .text{
    align-items: center;
}
.pro3.detals03 .item {
    flex-direction: row;
}
.pro3.detals03 .item .right {
    flex-direction: row-reverse;
}

/* 详情模板7 */

.info07.mat01{
    position: relative;
    padding-top: 0;
}
.info07.mat01 .container{
    position: absolute;
    top: 31%;
    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%);
    width: 100%;
}

.info07.mat01 .title,
.info07.mat01 .desc{
    color: #fff;
}
.info07.mat01 .btns .btn{
    border-color: #404143;
    color: #fff;
}

.info07.mat01.info07 .btns .btn:nth-child(1)::before{
    background-image: url(../images/icon23.png);
}
.info07.mat01.info07 .btns .btn:nth-child(2)::before{
    background-image: url(../images/icon24.png);
}
.info07.mat01 .btns .btn:nth-child(3)::before{
    background-image: url(../images/icon25.png);
}
.info07.mat01 .video_btn{
    background-image: url(../images/icon31.png);
}

.info08.mat02 .plist {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}
.info08.mat02 .plist .pitem {
    text-align: center;
    padding: 35px 0;
    position: relative;
    cursor: pointer;
}
.info08.mat02 .plist .ptit {
    font-size: 18px;
    color: #333333;
    line-height: 1.5;
    font-family: "HarmonyOS_Sans_SC_Medium";
}
.info08.mat02 .plist .pdesc {
    font-size: 16px;
    color: #333;
    margin-top: 10px;
    line-height: 1.875;
}
.info08.mat02 .plist span {
    font-size: 30px;
    font-family: "HarmonyOS_Sans_SC_Medium";
}
.info08.mat02 .item .left{
    max-width: 745px;
}


.info08.mat02 .item .olist {
    display: flex;
    margin-top: 48px;
    justify-content: flex-end;
}
.info08.mat02 .item .oitem {
    text-align: center;
}
.info08.mat02 .item .oitem .pimg {
    width: 90px;
    height: 90px;
    position: relative;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border: 1px solid #454648;
}
.info08.mat02 .item .oitem .ptit {
    font-size: 14px;
    color: #fff;
    margin-top: 15px;
    text-align: center;
    font-family: "HarmonyOS_Sans_SC_Light";
}
.info08.mat02 .item .oitem 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%);
}
.info08.mat02 .oitem:not(:first-child) {
    margin-left: 40px;
}

@media(max-width:1459px){
    .info08.mat02 .plist span {
        font-size: 24px;
    }
    
    .info08.mat02 .plist .pdesc {
        font-size: 14px;
    }
    
    .info08.mat02 .plist {
        margin-top: 20px;
    }
    
    .info08.mat02 .item .left {
        max-width: 50%;
    }

    .info08.mat02 .item .oitem .pimg {
        width: 60px;
        height: 60px;
    }
}
@media(max-width:1200px){
    .info07.mat01 .container{
        top: 50%;
    }
}
@media(max-width:1024px){
    .info08.mat02 .plist .pitem {
        padding: 20px 0;
    }
    
    .info08.mat02 .plist .pdesc {
        font-size: 12px;
    }
    
    .info08.mat02 .plist .ptit {
        font-size: 14px;
    }
    
    .info08.mat02 .plist span {
        font-size: 20px;
    }
    .info08.mat02 .item .olist {
        margin-top: 20px;
    }

    .info08.mat02 .item .oitem img {
        max-height: 30px;
    }

    .info08.mat02 .item .oitem .pimg {
        height: 40px;
        width: 40px;
    }

    .info08.mat02 .oitem:not(:first-child) {
        margin-left: 20px;
    }
}

@media(max-width:900px){
    .info08.mat02 .item .left {
        max-width: 60%;
    }
}
@media(max-width:768px){
    .info08.mat02 .item .left {
        max-width: 80%;
    }
    
}
@media(max-width:640px){
    .info07.mat01 .cimg img{
        height: 280px;
    }
}
@media(max-width:480px){
    .info08.mat02 .plist .pitem {
        width: 33.33%;
        padding: 10px 0 0;
    }
    
    .info08.mat02 .plist {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    
    .info08.mat02 .plist .pdesc {
        margin-top: 5px;
    }
    .info08.mat02 .item .olist{
        justify-content: flex-start;
    }
    .info08.mat02 .item .container{
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2;
    }
    .info08.mat02 .imgbox img {
        height: 350px;
    }
    .info08.mat02 .item .imgbox{
        position: relative;
    }
    .info08.mat02 .item .imgbox::before{
        content: '';
        display:block;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, .2);
        z-index: 1;
    }
    .info08.mat01 .video_btn{
        width: 30px;
        height: 30px;
    }
    .info08.mat02 .item .left {
        max-width: 100%;
    }
}



/* 详情8 */

.info09.detals02 .left {
    width: 43%;
}
.info09.detals02 .list {
    flex-wrap: unset;
    max-width: unset;
}
.info09.detals02 .item{
    flex: 1;
}

.info10.detals03 .item .desc{
    padding-right: 0;
}

@media (max-width: 640px){
    .info09.detals02 .left {
        width: 100%;
    }
}


.mat01.info11.info07 .container{
    top: 50%;
}

/* 详情10 */
.info12.detals02 .content{
    flex-direction: row-reverse;
}
.info12.detals02 .list .item:not(:first-child){
    margin-left: 50px;
}


.info12 .qlist{
    font-size: 16px;
    color: #333;
    padding-top: 50px;
}
.info12 .qlist .qitem{
    position: relative;
    padding-left: 18px;
    margin-top: 15px;
    line-height: 1.875;
    font-family: "HarmonyOS_Sans_SC_Light";
}
.info12 .qlist .qitem::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 14px;
    width: 5px;
    height: 5px;
    background-image: linear-gradient(to right, #1795d5 , #0567b4);
    
}


.info12.detals02 .tit{
    font-size: 42px;
    color: #333;    
}
.detals02.info12 .wlist {
    display: flex;
    padding-top: 45px;
}

.detals02.info12 .witem {
    margin: 0 25px;
}
.detals02.info12 .witem:first-child {
    margin-left: 0;
}
.detals02.info12 .witem .pimg {
    border: 1px solid #3f4045;
    width: 60px;
    height: 60px;
    position: relative;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}
.detals02.info12 .witem  .ptit {
    font-size: 16px;
    color: #666666;
    line-height: 1.875;
    margin-top: 15px;
    text-align: center;
}
.detals02.info12 .witem .pimg 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%);
}
@media (max-width: 1459px){
    .info12.detals02 .tit {
        font-size: 36px;
    }
    .detals02.info12 .wlist {
        padding-top: 25px;
    }
    .detals02.info12 .wlist .witem{
        margin: 0 10px;
    }
}
@media (max-width: 1024px){
    .info12.detals02 .tit {
        font-size: 24px;
    }
    .detals02.info12 .wlist {
        flex-wrap: wrap;
    }
    .detals02.info12 .witem .pimg {
        height: 40px;
        width: 40px;
    }
    .detals02.info12 .witem .pimg img {
        max-height: 60%;
    }
}
@media (max-width: 768px){
    .info12.detals02 .tit {
        font-size: 20px;
    }
    .detals02.info12 .wlist .witem {
        width: 16.66%;
        margin: 0;
    }
}
@media (max-width: 640px){
    .info12 .qlist .qitem{
        margin-top: 10px;
        font-size: 14px;
    }
    .info12.detals02 .tit {
        font-size: 18px;
    }
}


/* 06 */
.info00{
    
}
.info00.mat02 .left{
    max-width: 620px;
    width: 50%;
}

.info00.mat02 .item .desc{
    color: #666;
}
.info00.mat02 .witem .pimg{
    margin: 0 auto;
}
.info00.mat02 .witem .pimg 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%);
}
.info00.mat02  .witem .ptit {
    font-size: 16px;
    color: #666666;
    line-height: 1.875;
    margin-top: 15px;
    text-align: center;
}
.info00.mat02  .witem .pimg {
    border: 1px solid #3f4045;
    width: 60px;
    height: 60px;
    position: relative;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}
.info00.mat02 .witem:first-child {
    margin-left: 0;
}
.info00.mat02 .witem {
    margin: 0 25px;
}
.info00.mat02 .wlist {
    display: flex;
    padding-top: 45px;
}
@media(max-width:1459px){
    .info00.mat02 .witem .pimg {
        width: 40px;
        height: 40px;
    }
    
    .info00.mat02 .witem .pimg img {
        max-width: 30px;
    }
    
    .info00.mat02 .witem .ptit {
        font-size: 14px;
        margin-top: 5px;
    }
    
    .info00.mat02 .wlist {
        padding-top: 30px;
    }
}
@media(max-width:1024px){
    .info00.mat02 .witem {
        margin: 0 15px;
    }
}
@media(max-width:768px){
    .info00.mat02 .witem {
        margin: 0 10px;
    }
}
@media(max-width:480px){
    .info00.mat02 .item:nth-child(2n) .content {
        justify-content: flex-end;
        text-align: right;
    }
    .info00.mat02 .item{
        margin-top: 15px;
    }
    .info00.mat02 .item .container {
        position: absolute;
        left: 0;
        top: 0;
    }
    .info00.mat02 .imgbox {
        position: relative;
    }
    .info00.mat02 .imgbox img {
        height: 250px;
    }
    .info00.mat02 .imgbox img {
        height: 350px;
    }
    .info00.mat02 .item .imgbox{
        position: relative;
    }
    .info00.mat02 .item .imgbox::before{
        content: '';
        display:block;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, .2);
        z-index: 1;
    }
    .info00.mat02 .left{
        width: 60%;
    }
}
.info07.mat01 .cimg img {
    width: 100%;
}




/* 详情 */
.subord .title {
    text-align: center;
    font-size: 48px;
}

.subord .edit {
    padding-top: 55px;
    font-size: 16px;
    line-height: 1.875;
}

@media (max-width: 1459px) {
    .subord .edit {
        padding-top: 45px;
    }
    .subord .title {
        font-size: 36px;
    }
}

@media (max-width: 1024px) {
    .subord .edit {
        padding-top: 35px;
    }
    .subord .title {
        font-size:24px;
    }
}

@media (max-width: 768px) {
    .subord .edit {
        padding-top: 15px;
        font-size: 14px;
    }
    .subord .title {
        font-size: 18px;
    }
}


/* 产品中心 */
.pduct03{
    padding: 50px 0 50px;
}
.pduct03 .list{
    display: flex;
    flex-wrap: wrap;
}
.pduct03 .list .item{
    width: 49%;
    display: flex;
    padding: 65px 0;
    background-color: #fff;
    justify-content: center;
    align-items: center;
    margin-bottom: 3%;
}
.pduct03 .list .item:not(:nth-child(2n+1)){
    margin-left: 2%;
}
.pduct03 .text{
    padding-left: 5%;
    width: 45%;
}
.pduct03 .tit{
    font-size: 30px;
    line-height: 1.3;
    color: #333333;
    font-family: "HarmonyOS_Sans_SC_Medium";
}
.pduct03 .clist{
    padding-top: 40px;
}
.pduct03 .citem{
    padding: 10px 0;
    border-bottom: 1px solid #eeeeee;
    padding-right: 5%;
    display: flex;
    justify-content: space-between;
    
}
.pduct03 .ctit{
    font-size: 18px;
    line-height: 1.5;
    color: #333333;
    font-family: "HarmonyOS_Sans_SC_Light";
}
.pduct03 .num{
    font-size: 19px;
    line-height: 1.5;
    color: #333333;
    max-width: calc(100% - 45px);
    word-break: break-all;
    text-align: right;
}
.pduct03 .btns{
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
}
.pduct03 .btn{
    width: 49%;
    line-height: 50px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    text-align: center;
    background-image: linear-gradient(to right, #005cac , #1694d4);
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    font-family: "HarmonyOS_Sans_SC_Medium";
}
.pduct03 .btn.btn1{
    background-image: unset;
    border: 1px solid #c1c4cb;
    color: #666666;
}

@media(max-width:1459px){
    .pduct03 .list .item {
        padding: 35px 2%;
    }
    .pduct03 .tit {
        font-size: 28px;
    }
    .pduct03 .clist {
        padding-top: 30px;
    }
    .pduct03 .ctit {
        font-size: 16px;
    }
    .pduct03 .num {
        font-size: 18px;
    }
}
@media(max-width:1024px){
    .pduct03 .list .item {
        flex-wrap: wrap;
        padding: 20px;
    }
    
    .pduct03 .text {
        margin-top: 20px;
        padding-left: 0;
        width: 100%;
    }
    
    .pduct03 .tit {
        font-size: 24px;
    }
    
    .pduct03 .clist {
        padding-top: 20px;
    }
    
    .pduct03 .list .item img {
        width: 280px;
    }
}
@media(max-width:768px){
    .pduct03 .tit{
        font-size: 20px;
    }
    .pduct03 .citem {
        padding: 5px 0;
    }
    .pduct03 .ctit {
        font-size: 14px;
    }
    .pduct03 .num {
        font-size: 16px;
    }
    .pduct03 .citem {
        padding: 5px 0;
    }
    
    .pduct03 .btn {
        line-height: 35px;
        font-size: 14px;
    }
    
    .pduct03 .btns {
        margin-top: 20px;
    }
    .pduct03 .list .item {
        padding: 15px;
    }
    .pduct03 {
        padding: 30px 0 0;
    }
}
@media(max-width:480px){
    .pduct03 .list .item {
        width: 100%;
        margin-bottom: 0;
    }
    .pduct03 .list .item:not(:last-child){
        margin-bottom: 20px;
    }
    
    .pduct03 .list .item:not(:nth-child(2n+1)) {
        margin-left: 0;
    }
    .pduct03 .list .item img {
        width: 200px;
    }
    .pduct03 {
        padding: 20px 0 ;
    }
}



.pro09.detals01 .text .left,
.pro05.detals01 .text .left{
    width: 55%;    
}
.pro09.detals01 .text .cimg::before,
.pro04.detals01 .text .cimg::before,
.pro05.detals01 .text .cimg::before,
.pro07.detals01 .text .cimg::before{
    display: none;
}
.pro09.detals01 .text .cimg{
    display: flex;
    align-items: center;
    height: 100%;
}
.pro05.detals01 .text{
    align-items: center;
}
.location .content,
.subord .edit {
    max-width: 950px;
    margin: 0 auto;
}
.subord .title p{
    font-size:16px;
    margin-top:15px;
}

.base_padding{
    position: relative;
}
.base_padding .location{
    position: absolute;
    top: 80px;
    width: 100%;
}

.detals03 .item .left img{
    transition: all 1s;
}
.detals03 .item .left .on2{
    opacity: 0;
}
.detals03 .item.kx_on .left .on1{
   opacity: 0;
}
.detals03 .item.kx_on .left .on2{
   opacity: 1;
}
.sen01 .imgbox a{
    display: none;
}
.sen01 .imgbox a.on{
    display: block;
    width: 100%;
    height: 100%;
}
.sen01 .wapr {
    padding-right: 0;
}
.sen01 .main {
    left: auto;
    transform: translate(-66%,-50%);
    -webkit-transform: translate(-66%,-50%);
    -moz-transform: translate(-66%,-50%);
    -ms-transform: translate(-66%,-50%);
    -o-transform: translate(-66%,-50%);
    width: 140px;
    right: 0;
}
@media(max-width:500px){
    .base_padding {
        padding: 60px 0;
    }
    .base_padding .location {
        top: 25px;
    }
    .subord .title{
        margin-top: 30px;
    }
}

/* 2023/3/28 */
img[src="/bxbjgz202208184643/uploadfiles/"],img:not([src]){
    opacity:0;
}
.nect01 .item .imgbox img{
    max-width: 150px;
}

.sen07 .item .imgbox img{
    max-width: 150px;
}
.trast01 .right .p_top1 .t01{
    overflow: hidden;
}
.pduct03 .list .item .imgbox{
    width: 43%;
}
@media (max-width: 1024px){
    .pduct03 .list .item .imgbox{
        width: auto;
    }
}
.agent03 .item_btn input {
    cursor: pointer;
}
.proct01 .item1,
.trast .getbtn {
    cursor: pointer;
}


.natural01 .base_title .en{
    color: #020a16;
}