/* 字体 */
/* @font-face{font-family:"HarmonyRegular";src:url(../fonts/HarmonyOS_Sans_SC_Regular.ttf);}
@font-face{font-family:"HarmonyMedium";src:url(../fonts/HarmonyOS_Sans_SC_Medium.ttf);}
@font-face{font-family:"HarmonyBold";src:url(../fonts/HarmonyOS_Sans_SC_Bold.ttf);}
@font-face{font-family:"HarmonyLight";src:url(../fonts/HarmonyOS_Sans_SC_Light.ttf);} */
/* @font-face{font-family:"PoppinsMedium";src:url(../fonts/Poppins-Medium.ttf);} */
.harmos-r{font-family:"HarmonyRegular";font-weight: initial;}
.harmos-b{font-family:"HarmonyBold";}
.harmos-m{font-family:"HarmonyMedium";}
.harmos-l{font-family:"HarmonyLight";}

*{outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;font-family:"HarmonyRegular";}
body{padding:0;margin:0 auto;color:#333;background-color:#fff;font-family:'Arial';-webkit-text-size-adjust:none;-webkit-tap-highlight:rgba(0,0,0,0);
/*-webkit-user-select:none;-ms-user-select:none;-moz-user-select:none;-khtml-user-select:none;user-select:none;*/
}
ul,ol,li{list-style:none;list-style-type:none;}
a,a:link,a:visited{text-decoration:none;}
a{color: #333;}
ul,li,ol{list-style-type:none;}
img{max-width:100%;vertical-align:middle;outline:none;border:none;}
input{border: none;}
select{appearance: none;}
table{border-collapse:collapse;border-spacing:0}
table td{border-collapse:collapse;}
img{border:none;max-width:100%;vertical-align:middle;}
a{
    color: #333;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    /*-webkit-user-select: none;
    -moz-user-focus: none;
    -moz-user-select: none;*/
}
.clear{clear:both;height:0px;overflow:hidden;zoom:0;}
.fl{float:left;}
.fr{float:right;}
.clearfix{zoom: 1;}
.overscroll{height:100%;overflow:auto;width:100%;}
.overscroll::-webkit-scrollbar{width:4px;height:2px;}
.overscroll::-webkit-scrollbar-thumb{border-radius:4px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.1);background:#01007b;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;}
.overscroll::-webkit-scrollbar-track{border-radius:10px;background:#dfe5f0;}
/*IE/7/6*/
.clearfix:after{content:'';display:block;height:0;clear:both;}
.dot{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.dot2,.dot3,.dot4{display:-webkit-box;display:box;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;}
.dot2{-webkit-line-clamp:2;}
.dot3{-webkit-line-clamp:3;}
.dot4{-webkit-line-clamp:4;}
.dis_pc{
    display: block;
}
.dis_mb{
    display: none;
}
@media (max-width: 768px){
    .dis_pc{
        display: none;
    }
    .dis_mb{
        display: block;
    }
}
.wrp{
    width: 92%;
    margin: 0 auto;
    position: relative;
}
.inner{
    width: 75.7%;
    margin: 0 auto;
    position: relative;
} 
.w1200{
    width: 60%;
    margin: 0 auto;
}
.w1080{
    width: 56.8%;
    margin: 0 auto;
}
.post_l{
    left: 12.15% !important;
}
.post_r{
    right: 12.15%!important;
}
.padding_l{
    padding-left: 8.35%!important;
}
.padding_r{
    padding-right:8.35%!important;
}


@media (max-width: 1890px){
    .wrp{
        width: 95%;
    } 
} 
@media (max-width: 1680px){ 
    
    .inner{
        width: 85%;
    } 
    .w1200{
        width: 80%;
    }
    .post_l{
        left: 7.5% !important;
    }
    .post_r{
        right: 7.5%!important;
    }
    .padding_l{
        padding-left: 7.5%!important;
    }
    .padding_r{
        padding-right:7.5%!important;
    }
    .w1080{
        width: 70%;
    }
} 
@media (max-width: 1280px){
    .inner,
    .w1200{
        width: 90%;
    } 
    .w1080{
        width: 80%;
    }
    .post_l{
        left: 7.5%  !important;
    }
    .post_r{
        right: 7.5%  !important;
    }
    .padding_l{
        padding-left: 7.5%  !important;
    }
    .padding_r{
        padding-right: 7.5%  !important;
    }
}
@media (max-width: 1200px){
    .inner{
        width:80%;
    }
    .post_l{
        left: 10%  !important;
    }
    .post_r{
        right: 10%  !important;
    }
    .padding_l{
        padding-left: 10%  !important;
    }
    .padding_r{
        padding-right: 10%  !important;
    }
    .w1080{
        width: 75%;
    }
}

@media (max-width: 1024px){
    .wrp,
    .inner,
    .w1200,
    .w1080{
        width: 100%;
        padding: 0 15px;
    }
    .post_l{
        left: 15px  !important;
    }
    .post_r{
        right: 15px  !important;
    }
    .padding_l{
        padding-left: 15px  !important;
    }
    .padding_r{
        padding-right: 15px  !important;
    } 
}
@media (max-width: 768px){
    .wrp,
    .inner,
    .w1200,
    .w1080{
        padding: 0 10px;
    }
    .post_l{
        left: 10px  !important;
    }
    .post_r{
        right: 10px  !important;
    }
    .padding_l{
        padding-left: 10px  !important;
    }
    .padding_r{
        padding-right: 10px !important;
    }
}




/* 头部 */ 
.header{
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    right: 0;
    transition: all .5S;
    -webkit-transition: all .5S;
    -moz-transition: all .5S;
    -ms-transition: all .5S;
    -o-transition: all .5S;
}
.top_main{
    display: flex;
    align-items: center;
    height: 115px;
    justify-content: space-between;
    position: relative;
}
.nav_height{
    height: 115px;
}
.top_main .logo{
    font-size: 0;
}
.top_main .logo img{
    height: 60px;
}
.top_main .logo .img1{
    display: block;
}
.top_main .logo .img2{
    display: none;
}
.head_list {
    display: flex;
}
.head_list .header_item {
    padding: 0 1vw;
    position: relative;
}
.head_list .cpt {
    color: #fff;
    line-height: 115px;
}

.nav_box{
    position: absolute;
    top: 100%;
    padding: 20px 0;
    display: none;
    width: 140%;
    left: 50%;
    transform: translate(-50%,0);
    z-index: 2;
    background-color: rgba(0,0,0,.5);
}
.plist .pitem{
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.plist .pitem::before,
.plist .pitem::after{
    content: '';
    display: block;
    width: 7px;
    height: 2px;
    background-color: #fff;
    opacity: 0;
}
.plist .pat{
    color: #fff;
    margin: 0 9px;
}
.plist .pitem:hover::before,
.plist .pitem:hover::after{
    opacity: 1;
}
.other{
    display: flex;
    align-items: center;
}
.search{
    position: relative; 
    cursor: pointer;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    width: 340px;
    overflow: hidden;
    margin-left: .5vw;
}
.search .input_main{
    background-color: #fff;
    display: flex; 
    height: 60px;
    justify-content: space-between;
}
.search .input_main .input{
    flex: 1;
    padding: 0 30px;
    background-color: #f2f2f2;
}
.search .input_main input{
    width: 100%;
    height: 100%;
    background-color: transparent;
    color: #0d0c2a;
}

.search .input_main .input_btn{ 
    background-color: #0d0c2a;
    color: #fff;
    display: flex;
    align-items: center;
    padding: 0 16px;
}
.search .input_main .input_btn span{
    padding-left: 28px;
    background-image: url(../images/icon01.svg);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: 16px;
}

/* 底部 */
.footer{
    background-color: #0d0c2a;
}
.footer_top{
    display: flex;
    padding: 2.82% 0 2.13%;
    border-bottom: 1px solid #ffffff;
    justify-content: space-between;
}
.footer_top .flogo img{
    height: 65px;
}
.footer_main{
    display: flex;
    padding: 3.5% 0 15px;
}
.footer_main .left{
    width: 45%;
}
.footer_main .right{
    flex: 1;
}
.footer_main .fnavs{
    width: 100%;
}
.footer_main .editor{
    color: #fff;
    line-height: 2;
}
.fnavs{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;    
}
.fnavs .fnav{
    margin-bottom: 10px;
    margin-left: 120px;
}
.fnavs .fnav:not(:nth-child(3n+1)){
    margin-left: 17%;
}
.fnavs .fcpt{
    color: #fff;
}
.fnavs .flist{
    padding-top: 25px;
}
.fnavs .flist .fitem{
    color: rgba(255, 255, 255, .18);
    margin-bottom: 15px;
    display: block;
}
.fnavs .flist .fitem:hover{
    color: #fff;
}
.list1{
    display: flex;
    align-items: center;
}
.list1 .item:not(:first-child){
    margin-left: 100px;
}
.list1 .tit{
    color: #fff;
}
.list1 .ctit{
    color: #fff;
    margin-top: 10px;
}

.footer_b{
    display: flex;
    align-items: center;
    padding: 1.5% 0;
    justify-content: space-between;
    flex-wrap: wrap;
}
.footer_b .copy_right{
    padding: 5px 0;
}
.footer_b .copy_right,
.footer_b .copy_right * {
    color: #fff;
}
.footer_b .copy_right a:hover{
    color: #fff;
} 
.links{
    display: flex;
    align-items: center;
}
.links .link{
    color: #fff;
    padding: 0 15px;
    position: relative;
}
.links .link:first-child{
    padding-left: 0;
}
.links .link + .link::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%);
    width: 2px;
    height: 2px;
    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, .6);
} 


/* 头部和底部响应式 */
.open_menu {
    width: 25px;
    height: 20px; 
    display: none;
    cursor: pointer;
    position: relative;
    margin-left: 15px;
}
.open_menu i {
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #fff;
    left: 0;
    top: 10px;
    margin-top: -1.5px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}
.open_menu i:nth-child(1) {
    margin-top: -8px;
}
.open_menu i:nth-child(3) {
    margin-top: 6px;
}
.open_menu.cur i:nth-child(2) {
    display: none;
}
.open_menu.cur i:nth-child(3) {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    margin: 0;
}
.open_menu.cur i:nth-child(1) {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    margin: 0;
}

/* 交互 */
.header.white,
.white .header{
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
}
.white .header .head_list .cpt,
.header.white .head_list .cpt{
    color: #0d0c2a;
}
.white .header .search,
.header.white .search{
    background-image: url(../images/icon02.svg);
}
.header.white .open_menu i,
.white .header .open_menu i{
    background-color: #0d0c2a;
}

.header.white .top_main .logo .img1,
.white .header .top_main .logo .img1{
    display: none;
}
.header.white .top_main .logo .img2,
.white .header .top_main .logo .img2{
    display: block;
}

@media (max-width: 1890px){
   
    .top_main .logo img {
        height: 45px;
    }
} 
@media (max-width: 1600px){
.top_main .logo img {
        height: 40px;
    }
}
@media (max-width: 1459px){
    .top_main{
        height: 90px;
    }
    .nav_height{
        height: 90px;
    }
    .top_main .logo img {
        height: 35px;
    }
    .head_list .cpt{
        line-height: 90px;
    }
    .search .input_main {
        height: 45px;
    }
    .head_list .cpt {
        font-size: 18px;
    }
}
@media (max-width: 1400px){
.head_list .cpt {
        font-size: 16px;
    }
}
@media (max-width: 1280px){
    
    .top_main {
        height:70px;
    }
    .nav_height{
        height: 70px;
    }
    .head_list .cpt{
        line-height: 70px;
    }
    .search {
        width: 250px;
    }
    
    .search .input_main .input {
        padding: 0 10px;
    }
    
    .search .input_main .input_btn {
        padding: 0 10px;
    }
    
    .search .input_main .input_btn span {
        padding-left: 20px;
    }
}

@media (max-width: 1180px){
    .nav_box{
        width: 100%;
    }
    .header .inner{
        position: static;
    }
    .top_main{
        position: static;
    }
    .open_menu {
        display: block;
    }
    .head_main {
        display: none;
    }
    .head_list {
        position: absolute;
        top: 100%;
        right: 0;
        display: block;
        background-color: #fff;
        width: 80%;
    }
    .head_list .header_item {
        padding: 0 1.5vw;
        position: relative;
    }
    .head_list .cpt {
        color: #333;
        line-height: 35px;
        display: inline-block;
    }
    .footer_top .flogo img{
        height: 35px;
    }
    .search .input_main {
        height: 35px;
    }
}
@media (max-width: 1024px){
    .footer_top .flogo img{
        height: 45px;
    }
    .head_list .cpt{
        font-size: 16px;
    }
    .head_list .header_item {
        padding: 0 .8vw;
    }
}

@media (max-width: 768px){
    .head_list .cpt{
        font-size: 14px;
    }
    .top_main .logo img {
        height: 25px;
    }
    .search .input_main {
        height: 25px;
    }
    .top_main {
        height: 45px;
    }
    .nav_height{
        height: 45px;
    }
    .footer_main {
        flex-wrap: wrap;
    }
    .footer_main .left {
        width: 100%;
    }
    .fnavs {
        justify-content: flex-start;
    }
    .fnavs .fnav {
        margin-left: 0;
    }
    .footer_main .right {
        padding: 15px 0 0;
    }
    .list1 .item:not(:first-child) {
        margin-left: 50px;
    }
    .footer_top{
        padding-bottom: 15px;
    }
    .fnavs .flist {
        padding-top: 15px;
    }
    
    .fnavs .flist .fitem {
        margin-bottom: 10px;
    }
    .footer_top .flogo img{
        height: 30px;
    }
    .search {
        width: 25px;
        height: 25px;
        background-image: url(../images/icon01.svg);
        background-position: center left;
        background-repeat: no-repeat;
        background-size: 16px;
        overflow: unset;
    }
    .search:hover  .input_main{
        display: flex;
    }
    .search .input_main {
        position: absolute;
        top: 100%;
        width: 200px;
        right: 0;
        display: none;
    }
}

/* 首页 */
.banner{
    position: relative;
}
.banner .imgbox{
    position: relative;
    padding-bottom: 100vh;
}
.banner .imgbox img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.banner .text_box{
    position: absolute;
    bottom: 17%;
    width: 100%;
    color: #ffffff;
}
.banner .tit{ 
    line-height: 1.3;
}
.banner .ctit{
    line-height: 1.3;
    margin-top: 60px;
}

.banner .swiper-pagination{
    bottom: 50px;
    text-align: center;
    width: 100%;
}
.banner .swiper-pagination .swiper-pagination-bullet{
    width: 24px;
    height: 24px;
    border: 2px solid transparent;
    position: relative;
    background-color: transparent;
    margin: 0 20px;
    opacity: 1;
}
.banner .swiper-pagination .swiper-pagination-bullet::before{
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: #fff;
    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%);
}
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    border: 2px solid #fff;
}
.index01{
    padding:3% 0;
    background-repeat: no-repeat;
    background-size: cover;
}
.hbox1{
    display: flex;
    justify-content: space-between;
}
.hbox1 .left{
    width: 56%;
}
.hbox1 .left .editor {
    margin-top: 30px;
    line-height: 1.875;
    color:#0d0c2a;
}
.hbox1 .left .editor_tit {
    color: #0d0c2a;
}
.hbox1 .right{
    width: 32%;
}
.hbox1 .text_box .tit{
    color: #01007b;
}
.hbox1 .text_box .desc{
    color: #0d0c2a;
    margin-top: 25px;
    line-height: 1.5;
}
.list2{
    display: flex;
    flex-wrap: wrap;
}
.list2 .item{
    width: 28.66%;
    padding:56px 0;
    border-bottom: 1px solid rgba(237, 6, 86, .1);
}
.list2 .item:not(:nth-child(3n+1)){
    margin-left: 7%;
}
.list2 .num_top{
    display: flex;
    align-items: flex-end;
}
.list2 .num{
    line-height: .8;
    color: #0d0c2a;
}
.list2 .num_ti{
    color: #0d0c2a;
    margin-left: 15px;
}
.list2 .ctit{
    color: rgba(13, 12, 42, .5);
    margin-top: 10px;
    display:inline-block;
}
.hbox1 .base_more{
    margin-top: 115px;
}
.hbox1 .pt{
    color: #0d0c2a;
}
.hbox1 .right{
    display: flex;
    flex-direction: column;
}
.hbox1 .right .list3{
    flex: 1;
}
.list3{
    padding-top: 45px;
}
.list3 .item{
    box-shadow: 0 0 25px rgba(0, 0, 0, .05);
    padding:50px 40px;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
} 
.list3 .ot{
    color: #0d0c2a;
    line-height: 2;
}
.list3 .icon{
    padding-bottom: 70px;
    width: 70px;
    position: relative;
}
.list3 .icon img{
    position: absolute;
    left: 50%;
    top: 50%;
    max-height: 100%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
.list3 .img1{
    display: block;
}
.list3 .img2{
    display: none;
}
.list3 .item:hover,
.list3 .item.cur{
    background-image: url(../images/icon03.jpg);
}
.list3 .item:hover .img1,
.list3 .item.cur .img1{
    display: none;
}
.list3 .item:hover .img2,
.list3 .item.cur .img2{
    display: block;
}
.list3 .item:hover .ot,
.list3 .item.cur .ot{
    color: #fff;
}

.index03{
    padding: 3% 0;
}
.hbox2{
    text-align: center;
}
.hbox2 .tit{
    color: #01007b;
}
.hbox2 .desc{
    margin-top: 30px;
    color: #0d0c2a;
    line-height: 1.5;
}

.index03 .hbox2_swiper{
    margin-top: 45px;
    position: relative;
}
.hbox2_swiper .swiper_btn{
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    z-index: 2;
    display: none;
}
.hbox2_swiper .swiper_btn.prev{
    left: 0;    
}
.hbox2_swiper .swiper_btn.next{
    right: 0;
}
.hbox2_swiper .swiper-container{
    padding: 1.5%;
}
.hbox2_swiper .item{
    padding: 55px 40px;
    background-image: url(../images/icon04.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    overflow: hidden;
    display: block;
}
.hbox2_swiper .icon{
    padding-bottom:95px;
    position: relative;
}
.hbox2_swiper .icon img{
    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%);
    max-height: 100%;
}
.hbox2_swiper .tit{
    color: #0d0c2a;
    padding:40px 0 35px;
    border-bottom: 1px solid rgba(244, 245, 246, .1);
}
.hbox2_swiper .desc{
    color: rgba(35,31,32,.8);
    padding-top: 30px;
    line-height: 1.5;
}
.hbox2_swiper .base_more{
    margin-top: 10%;
    font-size: .94vw;
}

.index05{
    padding: 3.3% 0;
    background-repeat: no-repeat;
    background-size: cover;
}
.hbox3{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.hbox3 .left{
    width: 53%;
}
.hbox3 .tit{
    color: #01007b;
}
.hbox3 .desc{
    color: #0d0c2a;
    line-height: 1.8;
    margin: 30px 0 10px;
}
.index05 .hbox3_swiper{
    margin-top: 50px;
}
.hbox3_swiper .item{
    display: flex;
    align-items: center;
    padding: 10.3% 0;
    border-bottom: 1px solid rgba(3, 12, 42, .1);
}

.hbox3_swiper .icon img{
    height: 45px;
}
.hbox3_swiper .tit{
    color: #0d0c2a;
    margin-left: 30px;
}

.index02{
    padding: 4.3% 0 6%;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}
.hbox4{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.hbox4 .tit{
    color: #01007b;
}
.hbox4 .swiper_box{
    display: flex;
    align-items: center;
}
.hbox4 .swiper_box .swiper_btn.next{
    margin-left: 30px;
}
.index02 .hbox4_swiper{
    margin-top: 4%;
}
.hbox4_swiper{
    position: relative;
}
.hbox4_swiper .swiper-slide{
    height: auto;  
}
.hbox4_swiper .swiper-container{
    overflow: unset;
}
.hbox4_swiper .item{
    display: flex;
    align-items: center;
    height: 100%;
    cursor: pointer;
}
.hbox4_swiper .icon .img{
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    width: 200px;
    min-width: 200px;
    height: 200px;
    position: relative;
    z-index: 2;
    overflow: hidden;
}
.hbox4_swiper .text_box{
    position: relative;
    z-index: 2;
    opacity: 0;
    width: 0;
    height: 0;
    overflow: hidden;
}
.hbox4_swiper .swiper-slide-active .text_box{
    margin-left: 55px;
    opacity: 1;
    width: auto;
    height: auto;
}
.hbox4_swiper .swiper-slide .icon{
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    position: relative;
}
.hbox4_swiper .swiper-slide-active .icon{
    border: 10px solid transparent;
}
.hbox4_swiper .swiper-slide-active:hover .icon{
    border: 10px solid #ed0656;
}
.hbox4_swiper .swiper-slide-active .icon .img{
    min-width: 470px;
    width: 470px;
    height: 470px; 
    overflow: hidden;
} 
.hbox4_swiper .swiper-slide-active{
    /* width: 127vh !important; */
    width: 83.3% !important;
}
.hbox4_swiper .swiper-slide-active .item::before{
    content: '';
    display: block;
    width: 80%;
    height: 80%;
    background-color: #fff;
    background-image: url(../images/icon05.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    position: absolute;
    left: 20%;
    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-radius: 0 220px 220px 0;
    -webkit-border-radius: 0 220px 220px 0;
    -moz-border-radius: 0 220px 220px 0;
    -ms-border-radius: 0 220px 220px 0;
    -o-border-radius: 0 220px 220px 0;
}
.hbox4_swiper .tit{
    color: #01007b;
}
.hbox4_swiper .desc{
    color: #231f20;
    margin-top: 20px;
}
.hbox4_swiper .base_more{
    margin-top: 21%;
    width: fit-content;
}

@keyframes rotate{
    to{
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
    }
} 

.index04{
    padding: 15px 0 0;
}
.hbox5 .tit{
    text-align: center;
    line-height: 1.3;
    color: #01007b;
}

.hbox5_swiper .imgbox{
    border-radius: 20px 20px 0 0;
    -webkit-border-radius: 20px 20px 0 0;
    -moz-border-radius: 20px 20px 0 0;
    -ms-border-radius: 20px 20px 0 0;
    -o-border-radius: 20px 20px 0 0;
    overflow: hidden;
    position: relative;
    padding-bottom: 66.2%;
}
.hbox5_swiper .imgbox img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hbox5_swiper .imgbox::before{
    content: '';
    display: block;
    background-image: url(../images/icon11.png);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-size: cover;
}
.hbox5_swiper .date {
    position: absolute;
    bottom: 25px;
    left: 25px;
    z-index: 3;
    color: #fff;
    padding-left: 35px;
    background-image: url(../images/icon24.png);
    background-repeat: no-repeat;
    background-position: center left;
}
.hbox5_swiper .text_box{
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    padding: 30px;
    border-radius: 0 0 30px 30px;
    -webkit-border-radius: 0 0 30px 30px;
    -moz-border-radius: 0 0 30px 30px;
    -ms-border-radius: 0 0 30px 30px;
    -o-border-radius: 0 0 30px 30px;
}
.hbox5_swiper .title{
    color: #0d0c2a;
    line-height: 1.5;
    height: 3em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.hbox5_swiper .desc{
    color: rgba(35, 31, 32, .8);
    line-height: 1.5;
    margin-top: 15px;
}
.hbox5_swiper .swiper-container{
    padding: 3% 1%;
}
.hbox5_swiper .hbox5_btn{
    background-image: url(../images/right_hover.svg);
    padding-left: 35px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center left;
    color: #01007b;
    font-family: "HarmonyMedium";
    margin-top: 30px;
    line-height: 35px;
}

.hbox5_text{
    font-size: 0;
}
.hbox5_text .tit{
    color: #0d0c2a;
    line-height: 1.3;
}
.hbox5_text .desc{
    color: #231f20;
    line-height: 1.5;
    margin-top: 25px;
}
.hbox5_text .base_more{
    margin-top: 50px;
} 


@media (max-width: 1459px){
    .hbox5_swiper .imgbox {
        padding-bottom: 58.2%;
    }
    .hbox4_swiper .swiper-slide-active .icon .img{
        min-width: 360px;
        height: 360px; 
        width: 360px;
    }
    .list3 .item {
        padding: 35px;
    }
  
    .list2 .item {
        padding:30px 0;
    }
    .hbox1 .base_more{
        margin-top: 60px;
    }
    .banner .swiper-pagination{
        bottom: 35px;
    }
    .hbox2_swiper .item{
        padding:35px;
    }
    .hbox2_swiper .tit{
        padding:30px 0 25px;
    }
    .hbox2_swiper .icon{
        padding-bottom:70px;
    }
    .index05 .hbox3_swiper {
        margin-top: 30px;
    }
    .hbox5_swiper .text_box{
        padding: 25px;
    }
    .list3 {
        padding-top: 35px;
    }
}
@media (max-width: 1280px){
    .hbox3_swiper .icon img {
        height: 35px;
    }
    .hbox4_swiper .swiper-slide-active .icon .img{
        min-width: 260px;
        height: 260px; 
        width: 260px;
    }
    .list3 .item {
        padding: 25px;
    }
    .list2 .item {
        padding:25px 0;
    }
    .hbox1 .base_more{
        margin-top: 60px;
    }
    .banner .swiper-pagination{
        bottom: 25px;
    }
    .hbox2_swiper .item{
        padding:25px;
    }
    .hbox2_swiper .tit{
        padding:20px 0 15px;
    }
    .hbox2_swiper .desc{
        padding-top: 20px;
    }
    .list3 .icon {
        padding-bottom: 50px;
        width: 50px;
    }
    .list3 {
        padding-top: 25px;
    }
}
@media (max-width: 1024px){
    .hbox3_swiper .icon img {
        height: 25px;
    }
    .list3 {
        padding-top: 25px;
    }
    
    .list2 .item {
        padding:20px 0;
    }
    .hbox5_swiper .text_box{
        padding: 15px;
    }
    .hbox5_swiper .hbox5_btn{
        margin-top: 20px;
    }
    .hbox4_swiper .swiper-slide-active .icon .img{
        min-width: 120px;
        height: 120px; 
        width: 120px;
    }
    .hbox2_swiper .desc {
        padding-top: 20px;
    }
    .index04 .hbox5_swiper {
        margin-top: 20px;
    } 
    .list3 .icon {
        padding-bottom: 40px;
        width: 40px;
    }
    .list3 .item {
        padding: 15px;
    }
    .hbox1 .base_more{
        margin-top: 40px;
    }
    .hbox2_swiper .icon{
        padding-bottom:65px;
    }
}
@media (max-width: 768px){
    .hbox5_swiper .hbox5_btn {
        display: block;
        margin-top: 25px;
        width: fit-content;
        padding-left: 30px;
        line-height: 30px;
    }

    .hbox5_text .base_more {
        margin-top: 15px;
    }
    .hbox5_text .desc{
        margin-top: 15px;
    } 
    .hbox3_swiper .item{
        padding: 25px 0;
    }
    .index05 {
        padding: 25px 0;
    }
    
    .hbox3 .desc {
        margin-top: 10px;
    }
    
    .index05 .hbox3_swiper {
        margin-top: 25px;
    }
    
    .index04,
    .index02,
    .index01,
    .index03{
        padding: 25px 0;
    }
    
    .hbox5_swiper .swiper-container {
        padding: 3% 0;
    }
    .index03 .hbox2_swiper {
        margin-top: 25px;
    }
    .hbox2 .desc{
        margin-top: 15px;
    }
    .hbox4_swiper .swiper-slide-active{
        width: unset !important;
    }
    .hbox4_swiper .swiper-slide-active .icon .img {
        min-width: 100px;
        height: 100px;
        width: 100px;
    }
    
    .hbox4_swiper .swiper-slide-active .text_box {
        margin-left: 15px;
    }
    
    .hbox4_swiper .base_more {
        margin-top: 10px;
    }
    .hbox4_swiper .swiper-slide-active {
        width: 60vh !important;
    }
    .hbox4_swiper .swiper-slide-active .icon {
        padding: 4px;
    }
    .list3 .icon {
        padding-bottom: 25px;
        width: 25px;
    }
    .list2 .item {
        padding: 15px 0;
    }
    .list2{
        padding-top: 25px;
    }
    .list3 .icon {
        padding-bottom: 40px;
        width: 40px;
    }
    
    .list2 .item {
        padding: 15px 0;
    }
    
    .hbox1 .base_more {
        display: block;
        margin: 25px auto 0;
        width: fit-content;
    }
    .banner .ctit {
        margin-top: 10px;
    }
    .hbox3_swiper .tit{
        margin-left: 15px;
    }
    .banner .imgbox{
        padding-bottom: 46%;
    }
    .banner .swiper-pagination{
        bottom: 15px;
    }
    .hbox2_swiper .item{
        padding:20px;
    }
    .hbox2_swiper .icon{
        padding-bottom:45px;
    }
}
@media (max-width: 640px){
    .banner .imgbox {
        padding-bottom: 550px;
    }
    .banner .text_box *{
        font-size: 16px !important;
    }
    .banner .text_box {
        bottom: 50%;
        text-align: center;
        transform: translate(0, 50%);
    }
    
    .banner .swiper-pagination .swiper-pagination-bullet {
        width: 16px;
        height: 16px;
        margin: 0 5px;
    }
    
    .hbox1 {
        flex-wrap: wrap;
    }
    
    .hbox1 .left {
        width: 100%;
    }
    .hbox1 .left .editor {
        margin-top: 15px;
    }
    
    .hbox1 .text_box .desc {
        margin-top: 15px;
    }
    
    .hbox1 .right {
        width: 100%;
        margin-top: 15px;
    }
    
    .list2 .item {
        width: 49%;
    }
    
    .list2 .item:not(:nth-child(3n+1)) {
        margin-left: 0;
    }
    
    .list2 .item:not(:nth-child(2n+1)) {
        margin-left: 2%;
    }
    
    .list2 .num_ti {
        margin-left: 5px;
    }
    .list3 .item {
        padding: 15px;
    }
    
    .list3 {
        padding-top: 10px;
    }
    .hbox4_swiper .swiper-slide-active{
        width: 100% !important;
    }
    .hbox4_swiper .icon .img {
        width: 100px;
        height: 100px;
    }
    
    .hbox4_swiper .swiper-slide-active .icon .img {
        min-width: 100px;
        height: 100px;
        width: 100px;
    }
    .hbox4_swiper .swiper-slide .icon{
        overflow: unset;
    }
    
    
    .hbox4_swiper .swiper-slide-active .item::before {
        opacity: 0;
    }
    
    .hbox4_swiper .swiper-slide-active .text_box {
        background-color: #fff;
        width: 100%;
        padding: 15px;
        margin: 15px 0;
    }
    
    .hbox4_swiper .swiper-slide-active .icon {
        margin: 0 auto;
    }
    
    .hbox4_swiper .base_more {
        margin-top: 15px;
    }
    .hbox2_swiper .swiper_btn{
        display: block;
    }
    .hbox2_swiper .item {
        padding: 15px;
        text-align: center;
    }
    
    .hbox2_swiper .icon {
        padding-bottom: 30px;
    }
    
    .hbox2_swiper .tit {
        padding: 15px 0;
        text-align: left;
    }
    .hbox2_swiper .desc{
        text-align: left;
    }
    
    .hbox2_swiper .base_more {
        margin:15px auto 0;
    } 
    .hbox3_swiper .item{
        padding: 15px 0;
    }
    .hbox3 .right{
        text-align: center;
        width: 100%;
    }
    .hbox2_swiper .base_more{
        font-size: 12px;
    }
}

/* 核心团队 */
.core01{
    padding: 3.3% 0;
}
.tabs1{
    display: flex;
    flex-wrap: wrap;
}
.tabs1 .tab{
    width: 15.5%;
    color: rgba(35, 31, 32, .8);
    border: 2px solid rgba(229, 229, 229, .8);
    padding: 15px 5px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    margin: 15px 0;
}
.tabs1 .tab:not(:nth-child(6n+1)){
    margin-left: 1.4%;
}
.tabs1 .tab.cur,
.tabs1 .tab:hover{
    border-color: #01007b;
    color: #fff;
    background-color: #01007b;
}

.tabs2{
    padding: 1% 0;
}
.tabs2 .tab{
    text-align: center;
}
.tabs2 .tit{
    color: #01007b;
}
.tabs2 .desc{
    color: #231f20;
    margin-top: 15px;
}
.tabs2 .list4{
    margin-top: 4.2%;
}
.list4{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.list4 .item{
    width: 31.33%;
    margin-bottom: 3%;
    padding: 20px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    display: flex;
    align-items: center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.list4 .item:not(:nth-child(3n+1)){
    margin-left: 3%;
}
.list4 .imgbox{
    width: 120px;
    height: 120px;
    position: relative;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    overflow: hidden;
}
.list4 .imgbox img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.list4 .text_box{
    flex: 1;
    padding-left: 30px;
}
.list4 .pt{
    color: #0d0c2a;
    padding-bottom: 10px;
}
.list4 .pdesc{
    line-height: 1.5;
    color: #231f20;
}
.list4 .more1{
    margin-top: 25px;
}
.list4 .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);
}
.list4 .item:hover{
    background-image: url(../images/icon03.jpg);
}
.list4 .item:hover .pt,
.list4 .item:hover .pdesc,
.list4 .item:hover .more1{
    color: #fff;
}
.list4.nocenter{
    justify-content: flex-start;
}
.list4.cur .item{
    width: 31.73%;
}
.list4.cur .item:not(:nth-child(2n+1)){
    margin-left: 0;
}
.list4.cur .item:not(:nth-child(3n+1)){
    margin-left: 2.4%;
}
.base_fixed{
    position: relative;
}
.base_ding{
    position: absolute;
    top: -180px;
}
.base_ding0{
    position: absolute;
    top: -200px;
}
@media (max-width: 1280px){
    .list4 .text_box{
        padding-left: 25px;
    }
}
@media (max-width: 768px){
    .list4 .more1 {
        margin-top: 10px;
    }
    .tabs2{
        padding: 25px 0;
    }
    .list4 .item{
        padding: 10px;
    }
    .tabs1 .tab{
        padding: 10px 5px;
        width: 23.5%;
        margin: 1% 0;
    }
    .tabs1 .tab:not(:nth-child(6n+1)){
        margin-left: 0;
    }
    .tabs1 .tab:not(:nth-child(4n+1)){
        margin-left: 2%;
    }
}
@media (max-width: 640px){
    .tabs1 .tab{
        width:49%;
    }
    .tabs1 .tab:not(:nth-child(4n+1)){
        margin-left: 0;
    }
    .tabs1 .tab:not(:nth-child(2n+1)){
        margin-left:2%;
    }
    .list4 .item {
        width: 100% !important;
    }
    
    .list4 .item:not(:nth-child(2n+1)) {
        margin-left: 0;
    }
}

/* 关于我们_核心团队详情 */
.core02{
    padding: 3.3% 0;
}

.hbox7_main{
    display: flex;
}
.hbox7 .person_img{
    flex: 1;
    margin-left: 10.5%;
    padding-bottom: 37%;
    position: relative;
    border-radius: 20px;
}
.hbox7 .person_img img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hbox7 .left{
    width: 55.55%;
}
.hbox7 .tit{
    color: #01007b;
}
.hbox7 .desc{
    color: #231f20;
    line-height: 1.5;
    margin-top: 20px;
}
.hbox7 .text_box{
    padding-bottom: 3.3%;
    border-bottom: 1px solid #e5e5e5;
}
.lump01{
    padding-top: 50px;
}
.lump01 .title{
    color: #0d0c2a;
}
.lump01 .editor{
    color: rgba(35, 31, 32, .8);
    line-height: 1.8;
    margin-top: 20px;
}
.hbox7 .moretext{
    text-align: center;
    padding: 4% 0;
    border-bottom: 1px solid #e5e5e5;
}

.hbox8{
    padding: 5% 0 0;
}
.hbox8 .hbox8_swiper{
    margin-top: 40px;
}
.hbox8_swiper .swiper-container{
    padding: 1% 0;
}

.hbox8_swiper .item{
    padding: 20px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    display: flex;
    align-items: center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
} 
.hbox8_swiper .imgbox{
    width: 30.2%;
    padding-bottom: 34.8%;
    position: relative;
    border-radius: inherit;
    -webkit-border-radius: inherit;
    -moz-border-radius: inherit;
    -ms-border-radius: inherit;
    -o-border-radius: inherit;
    overflow: hidden;
}
.hbox8_swiper .imgbox img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.hbox8_swiper .text_box{
    flex: 1;
    padding:0 8%;
}
.hbox8_swiper .pt{
    color: #0d0c2a;
    padding-bottom: 10px;
}
.hbox8_swiper .pdesc{
    line-height: 1.5;
    color: #231f20;
}
.hbox8_swiper .more1{
    margin-top: 25px;
}
.hbox8_swiper .item:hover img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.hbox8_swiper .item:hover{
    background-image: url(../images/icon03.jpg);
}
.hbox8_swiper .item:hover .pt,
.hbox8_swiper .item:hover .pdesc,
.hbox8_swiper .item:hover .more1{
    color: #fff;
}


@media (max-width: 1280px){
    .lump01 {
        padding-top: 25px;
    }
}
@media (max-width: 1024px){
    .hbox7 .desc {
        margin-top: 10px;
    }
    .hbox7 .text_box {
        padding-bottom: 15px;
    }
    .hbox8 .hbox8_swiper {
        margin-top: 20px;
    }
}
@media (max-width: 768px){
    .hbox8_swiper .more1{
        margin-top: 10px;
    }
    .hbox8_swiper .item{
        padding: 10px;
    }
    .core02{
        padding: 25px 0;
    }
    .hbox8{
        padding: 25px 0 0;
    }
}
@media (max-width: 640px){
    .hbox7_main {
        flex-wrap: wrap;
    }
    .hbox7 .left {
        width: 100%;
    }
    .hbox7 .person_img {
        flex: unset;
        margin: 15px auto 0;
        padding-bottom: 108%;
        width: 100%;
    }
}
/* 关于我们_合作机构 */
.partner01{
    padding: 3.3% 0 3%;
}
.hbox9{
    text-align: center;
}
.hbox9 .tit{
    color: #01007b;
}
.hbox9 .desc{
    color: #0d0c2a;
    margin-top: 30px;
}


.partner01 .tabs1{
    justify-content: center; 
}
.tabs3 .tab{
    padding: 3.5% 0;
}

.tabs3 .text_box{
    text-align: center;
}
.tabs3 .title{
    color: #0d0c2a;
    line-height: 1.3;
}
.tabs3 .list5{
    margin-top: 50px;
}

.list5{  

}
/* .list5.cur{
    justify-content: center;
} */
.list5 .items{
    display: flex;
    width: 100%;
    justify-content: center;
}
.list5 .item{
    width: 23.875%;
    padding: 2.3% 3.1% 4%;
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    text-align: center;
    margin-bottom: 2%;
    cursor: pointer;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    position: relative;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    height: 425px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.list5 .item.cur{
    width:49.25%;
}
.list5 .item.ucur {
    width: 23.875%;
}

.list5 .item:not(:nth-child(3n+1)){
    margin-left: 1.5%;
}

.list5 .text_main{
    margin-top: 40px;
}
.list5 .tit{
    color: #0d0c2a;
    height: 3em;
    font-size: 1.35vw;
}

.list5 .icon{
    padding-bottom: 135px;
    position: relative;
}
.list5 .icon 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: 100%;
}

.list5 .hover_text{
    background-image: url(../images/icon10.png);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
    padding: 15px 35px;
    z-index: 2;
    text-align: left;
    background-repeat: no-repeat;
    background-size: cover;
    display: none;
    flex-direction: column;
    justify-content: center;
}
.list5 .pbox{
    color: #fff;
}
.list5 .hover_text .pbox:not(:first-child){
    margin-top: 30px;
}
.list5 .pbox .pt{
    line-height: 1.3;
}
.list5 .pbox .pdesc{
    line-height: 1.8;
    margin-top: 10px;
}
.list5 .item:hover .hover_text{
    display: flex;
}
/*.list5 .item:nth-child(3n+3) .hover_text{
    right: 0;
    left: unset;
}*/

.partner02{
   
}
.partner02_main{
    padding: 3.3% 0;
    border-top: 1px solid #e5e5e5;
}
.partner02_main.cur{
    border-top: none;
}
.partner02 .list6{
    margin-top: 50px;
}
.list6{
    display: flex;
    flex-wrap: wrap;
}
.list6 .item{
    width: 48.6%;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    overflow: hidden;
    background-image: url(../images/icon05.png);
    background-repeat: no-repeat;
    background-position: bottom -41px right -30px;
    padding: 3.5% 3.9%;
    background-size: 27%;
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}
.list6 .item:not(:nth-child(2n+1)){
    margin-left: 2.8%;
}
.list6 .icon{
    min-width: 90px;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    overflow: hidden;
    background-color: #01007b;
    position: relative;
}
.list6 .icon 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: 40%;
}
.list6 .text_box{
    padding-left: 35px;
}
.list6 .tit{
    color: #0d0c2a;
}
.list6 .desc{
    color: #231f20;
    margin-top: 10px;
}
@media (max-width: 1459px){
    .list5 .icon {
        padding-bottom: 80px;
    }
}
@media (max-width: 1024px){
    .list5 .text_main {
        margin-top: 20px;
    }
    .list5 .icon {
        padding-bottom: 60px;
    }
    .list6 .icon {
        min-width: 60px;
        width: 60px;
        height: 60px;
    }
}
@media (max-width: 768px){
    .partner02_main{
        padding: 25px 0;
    }
    .list6 .icon { 
        min-width: 45px;
        width: 45px;
        height: 45px;
    }
    .list6 .text_box{
        padding-left: 20px;
    }
    .partner02_main .list6 {
        margin-top: 20px;
    }
    .tabs3 .tab {
        padding: 25px 0;
    }
    
    .tabs3 .list5 {
        margin-top: 25px;
    }
    .list5 .items{
        flex-wrap: wrap;
    }
}
@media (max-width: 640px){
    .list6 .icon {
        min-width: 30px;
        width: 30px;
        height: 30px;
    }
    .list6 .item {
        width: 100%;
        padding: 15px;
    }
    
    .list6 .item:not(:nth-child(2n+1)) {
        margin-left: 0;
    }
    .list5 .items{
        flex-wrap: wrap;
    }
    .list5 .item.cur{
        width:100%;
    }
    .list5 .item.ucur {
        width: 100%;
    }
    .list5 .item {
        padding: 15px 0;
        margin-bottom: 15px;
        flex-direction: unset;
        display: block;
        width: 100%;
        flex: unset;
        height: auto;
    }
    .list5 .item:hover{
        flex: unset;
    }
    
    
    .list5 .hover_text {
        display: block;
        position: static;
        margin-top: 15px;
        width: 100%;
        height: auto;
        padding: 15px;
        transform: unset;
    }
    .list5 .tit{
        font-size: 14px;
        height: auto;
    }
}
/* 发展历程 */
.deve01{
    padding: 3.3% 0;
}
.hbox10{
    text-align: center;
}
.hbox10 .tit{
    color: #01007b;
}
.hbox10 .desc{
    color: #0d0c2a;
    line-height: 1.8;
    margin-top: 35px;
}
.hbox10 .ctit{
    color: #0d0c2a;
    background-color: #f4f5f6;
    padding: 2.8%;
    text-align: center;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
    margin-top: 3.5%;
}
.hbox10_main{
    /* padding: 5% 0 0; */
}
.hbox10_main .title{
    text-align: center;
}
.hbox10_main .hbox10_swiper{
    margin-top: 50px;
    position: relative;
}
.hbox10_swiper .item{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.hbox10_swiper.base_swiper .swiper_btn{
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    z-index: 2;
}
.hbox10_swiper.base_swiper .swiper_btn.prev{
    left: -10%;
}
.hbox10_swiper.base_swiper .swiper_btn.next{
    right: -10%;
}
.hbox10_swiper .year{
    width: 110px;
    height: 110px;
    color: #01007b;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 10px solid #01007b;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hbox10_swiper .day{
    color: #0d0c2a;
    text-align: center;
    padding-bottom: 30px;
    position: relative;
}
.hbox10_swiper .day::before{
    content: '';
    display: block;
    width: 50px;
    height: 5px;
    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);
}
.hbox10_swiper .desc{
    color: #231f20;
    line-height: 1.8;
    margin-top: 10px;
}

.hbox10_swiper .i_t,
.hbox10_swiper .i_b{
    height: 210px;
}

.hbox10_swiper .i_t{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.hbox10_swiper .item .bar{
    content: '';
    display: block;
    width: 100%;
    height: 20px;
    position: relative;
}
.hbox10_swiper .swiper-slide:nth-child(2n) .bar{
    background-color: #eeeefa;
}
.hbox10_swiper .swiper-slide:nth-child(2n) .bar::before{
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom: 13px solid #eeeefa;
    border-top: 0;
    bottom: -13px;
    z-index: 1;
    left: 50%;
    transform: translate(-50%,0) rotate(180deg);
    -webkit-transform: translate(-50%,0) rotate(180deg);
    -moz-transform: translate(-50%,0) rotate(180deg);
    -ms-transform: translate(-50%,0) rotate(180deg);
    -o-transform: translate(-50%,0) rotate(180deg);
}

.hbox10_swiper .swiper-slide:nth-child(2n) .i_t::after{
    content: '';
    display: block;
    flex: 1;
    background-color: #eeeefa;
    width: 5px;
}
.hbox10_swiper .swiper-slide:nth-child(2n) .i_b{
    padding-top: 50px;
}
.hbox10_swiper .swiper-slide:nth-child(2n) .day::before{
    background-color: #01007b;
}

.hbox10_swiper .swiper-slide:nth-child(2n+1) .i_b{
    padding-bottom: 50px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.hbox10_swiper .swiper-slide:nth-child(2n+1) .bar{
    background-color: #faf3f6;
}
.hbox10_swiper .swiper-slide:nth-child(2n+1) .bar::before{
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom: 13px solid #faf3f6;
    border-top: 0;
    top: -13px;
    z-index: 1;
    left: 50%;
    transform: translate(-50%,0) ;
    -moz-transform: translate(-50%,0) ;
    -ms-transform: translate(-50%,0) ;
    -o-transform: translate(-50%,0) ;
    -webkit-transform: translate(-50%,0) ;
}
.hbox10_swiper .swiper-slide:nth-child(2n+1) .i_t::before{
    content: '';
    display: block;
    flex: 1;
    background-color: #faf3f6;
    width: 5px;
}
.hbox10_swiper .swiper-slide:nth-child(2n+1) .day::before{
    background-color: #ed0656;
}
.hbox10_swiper .swiper-slide:nth-child(2n+1) .item{
    flex-direction: column-reverse;
}
.hbox10_swiper .swiper-slide:nth-child(2n+1) .year{
    border-color: #ed0656;
    color: #ed0656;
}


.deve02_main{
    background-repeat: no-repeat;
    background-size: cover;
    padding: 5.6% 5% 0;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}
.hbox11 .tit{
    color: #0d0c2a;
    text-align: center;
}
.deve02 .list7{
    margin-top: 5.2%;
}
.list7 .item{
    display: flex;
    padding-bottom: 120px;
    align-items: flex-start;
}
.list7 .icon_main{
    display: flex;
    align-items: center;
    width: 30%;
}
.list7 .img{
    min-width: 120px;
    width: 120px;
    height: 120px;
    background-color: #01007b;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    position: relative;
}
.list7 .img .bar{
    width: 0px;
    border-left: 1px dashed #d9dadc;
    position: absolute;
    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);
    height: 120px;
    top: 100%;
}
.list7 .img .bar::before{
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-90deg);
    -webkit-transform: translate(-50%, -50%) rotate(-90deg);
    -moz-transform: translate(-50%, -50%) rotate(-90deg);
    -ms-transform: translate(-50%, -50%) rotate(-90deg);
    -o-transform: translate(-50%, -50%) rotate(-90deg);
    background-image: url(../images/left_hover.svg);
    width: 11px;
    height: 17px;
}
.list7 .img 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: 35%;
}
.list7 .tit{
    margin-left: 35px;
    max-width: 250px;
    padding-right: 5%;
    color: #01007b;
}
.list7 .text_box{
    flex: 1;
    padding-top: 2%;
}
.olist .oitem{
    display: flex;
    align-items: center;
}
.olist .time{
    color: #231f20;
    padding-right: 30px;
    border-right: 1px solid #d5d5d6;
    width: 240px;
    min-width: 240px;
    text-align: right;
    line-height: 1.8;
    padding-top: 10px;
    padding-bottom: 10px;

}
.olist .desc{
    color: rgba(32, 31, 32, .8);
    padding-left: 30px;
    line-height: 1.8;
}
.list7 .item:last-child .bar{
    display: none;
}
.partner02.cur{
    background-color: #fff;
}

@media (max-width: 1459px){
    .hbox10_swiper.base_swiper .swiper_btn.prev{
        left: 0;
    }
    .hbox10_swiper.base_swiper .swiper_btn.next{
        right: 0;
    }
    .list7 .img{
        min-width: 100px;
        width: 100px;
        height: 100px;
    }
}
@media (max-width: 1280px){
    .list7 .img{
        min-width: 60px;
        width: 60px;
        height: 60px;
    }
}
@media (max-width: 1024px){
    .hbox10_swiper .year {
        width: 80px;
        height: 80px;
    }
    .list7 .text_box {
        padding-top: 0;
    }
    .list7 .item {
        padding-bottom: 60px;
    }
    
    .list7 .img .bar {
        height: 60px;
    }
    .olist .time {
        padding-right: 25px;
    }
    
    .olist .desc {
        padding-left: 25px;
    }
    .hbox10_swiper .day {
        padding-bottom: 20px;
    }
    .hbox10_swiper .swiper-slide:nth-child(2n) .i_b{
        padding-top: 20px;
    }
    .hbox10_swiper .swiper-slide:nth-child(2n+1) .i_b{
        padding-bottom: 20px;
    }
}
@media (max-width: 768px){
    .list7 .img{
        min-width: 40px;
        width: 40px;
        height: 40px;
    }
    .hbox10 .desc {
        margin-top: 15px;
    }
    
    .hbox10_main {
        padding-top: 25px;
    }
    
    .list7 .tit {
        margin-left: 25px;
    }
    .deve02_main {
        padding: 25px 15px 0;
    }
}
@media (max-width: 640px){
    .list7 .item {
        flex-wrap: wrap;
        padding-bottom: 15px;
    }
    
    .list7 .icon_main {
        width: 100%;
        padding-bottom: 40px;
    }
    
    .list7 .text_box {
        flex: unset;
        width: 100%;
    }
    .list7 .item:last-child .bar{
        display: block;
    }
    .olist .oitem {
        flex-wrap: wrap;
    }
    
    .olist .time {
        border: none;
        text-align: left;
        min-width: unset;
        display: block;
        width: auto;
    }
    
    .olist .desc {
        padding-left: 0;
        width: 100%;
    }
    
    .list7 .img .bar {
        height: 40px;
    }
    .hbox10_swiper .i_t, .hbox10_swiper .i_b {
        height: 150px;
    }
    .hbox10_swiper .item .bar {
        height: 10px;
    }
    
}
/* 合作项目_科研项目 */
.keyan01{
    padding: 3.3% 0 4%;
}

.hbox12 .tit{
    color: #01007b;
    text-align: center;
}
.hbox12 .desc{
    color: #0d0c2a;
    text-align: left;
    line-height: 1.8;
    margin-top: 15px;
}
.keyan01 .list8{
    margin-top: 60px;
}
.list8{
    display: flex;
    flex-wrap: wrap;
}
.list8 .item{
    width: 31.66%;
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    overflow: hidden;
    padding: 40px 25px 150px;
    display: block;
    background-image: url(../images/icon05.png);
    background-repeat: no-repeat;
    background-position: bottom -41px right -30px;
    position: relative;
}
.list8 .item:not(:nth-child(3n+1)){
    margin-left: 2.5%;
} 
.list8 .tit{
    color: #0d0c2a;
    line-height: 1.5; 
    font-weight:700;
}
.list8 .desc{
    color: #0d0c2a;
    margin-top: 20px;
    padding-bottom: 30px;
    border-bottom: 1px solid #f4f5f6;
}
.list8 .editor{
    padding: 25px 0;
}
.list8 .editor ul li{
    padding-left: 25px;
    position: relative;    
    margin-bottom: 20px;
    color: rgba(35, 31, 32, .8);
}
.list8 .editor ul li::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 10px;
    background-color: #01007b;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
} 
.list8 .base_more{
    position: absolute;
    bottom: 80px;
}

@media (max-width: 1459px){
    .list8 .desc{
        margin-top:10px ;
        padding-bottom: 15px;
    }
}
@media (max-width: 1280px){
    .list8 .editor ul li {
        margin-bottom: 10px;
    }
    .keyan01 .list8 {
        margin-top: 40px;
    }
    .list8 .item{
        padding: 20px 20px 80px;
    }
    .list8 .base_more{
        bottom: 30px;
    }
}
@media (max-width: 768px){
    .list8 .editor ul li{
        padding-left: 15px;
    }
    .keyan01 .list8 {
        margin-top: 20px;
    }
    .list8 .item {
        padding: 15px 15px 70px;
    }
    
    .list8 .base_more {
        bottom: 20px;
    }
    
    .list8 .desc {
        margin-top: 10px;
    }
    
    .list8 .editor {
        padding: 15px 0;
    }
}
@media (max-width: 640px){
    .list8 .item {
        margin-top: 25px;
        width: 100%;
    }
    .list8 .item:not(:nth-child(3n+1)) {
        margin-left: 0;
    }
    
    .list8 .imgbox {
        width: 100%;
        padding-bottom: 75%;
    }
    
    .list8 .text_box {
        width: 100%;
        margin-top: 15px;
    }
    
    .list8 .desc {
        margin-top: 10px;
        padding-bottom: 15px;
    }
    
    .list8 .editor {
        padding: 15px 0;
    }
}
/* Pci详情 */
.hbox13{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap; 
    padding: 4.8% 0; 
    border-bottom: 1px solid #e5e5e5;
}
.hbox13.cur{
    padding: 6.2% 0;
}
.hbox13.noborder{
    border-bottom: none;
}
.hbox13 .left{
    padding-right: 5%;
}
.hbox13 .tit{
    color: #0d0c2a;
}
.hbox13 .desc{
    color: #231f20;
    margin-top: 20px;
}
.hbox13 .right .base_more{
    white-space: nowrap;
    margin: 10px 0;
}

.teach02.cur{
    padding-top: 50px;
}
.teach02{
    padding: 25px 0;
}
.hbox14 .title{
    text-align: center;
    color: #01007b;
}
.hbox14 .list9,
.hbox14 .list10{
    margin-top: 3.82%;
}
.list9{
    display: flex;
    flex-wrap: wrap;
}
.list9 .item{
    width: 48.7%;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    box-shadow: 0 0 30px rgba(13, 12, 42, .08);
    padding: 4.2% 3.5%;
    margin-bottom: 2.6%;
}
.list9 .item:not(:nth-child(2n+1)){
    margin-left: 2.6%;
}
.list9 .tit{
    color: #0d0c2a;
    line-height: 1.3;
}
.list9 .desc{
    color: rgba(35, 31, 32, .8);
    line-height: 1.8;
    margin-top: 15px;
}
.list10{
    display: flex;
    flex-wrap: wrap;
}
.list10 .item{
    width: 31.6%;
    padding: 3.5%;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    background-color: #ffffff;
    margin-bottom: 2.6%;
    box-shadow: 0 0 30px rgba(13, 12, 42, .08);
}
.list10 .item:not(:nth-child(3n+1)){
    margin-left: 2.6%;
}
.list10 .tit{
    color: #0d0c2a;
    line-height: 1.3;
}
.list10 .desc{
    color: rgba(35, 31, 32, .8);
    line-height: 1.8;
    margin-top: 15px;
}

.list10 .desc span{
    color: #ed0656;
    font-family:"HarmonyBold";
}


.list10.cur .item{
    box-shadow: 0 0 30px rgba(13, 12, 42, .08);
}

.teach03{
    padding: 25px 0 50px;
}
.hbox15 .title{
    text-align: center;
    color: #01007b;
}
.hbox15 .list11{
    margin-top: 3.5%;    
}
.list11{
    display: flex;
    flex-wrap: wrap;
}
.list11 .item{
    width: 31.6%;
    padding: 4.2% 3.5%;
    box-shadow: 0 0 30px rgba(13, 12, 42, .08);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    background-image: url(../images/icon05.png);
    background-repeat: no-repeat;
    background-position: top -41px right -30px;
    background-size: 50%;
    margin-bottom: 2.6%;
}
.list11 .item:not(:nth-child(3n+1)) {
    margin-left: 2.6%;
}
.list11 .icon img{
    height: 90px;
}
.list11 .text_box{
    padding-top: 17%;
}
.list11 .tit{
    color: #0d0c2a;
    line-height: 1.3;
}
.list11 .desc{
    color: #231f20;
    line-height: 1.8;
    margin-top: 15px;
}


.hbox14 .list12{
    margin-top: 3.5%;    
}
.list12{
    display: flex;
    flex-wrap: wrap;
}
.list12 .item{
    width: 23.05%;
    padding: 4.5% 3.5%;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    background-color: #ffffff;
    margin-bottom: 2.6%;
    box-shadow: 0 0 30px rgba(13, 12, 42, .08);
}
.list12 .item:not(:nth-child(4n+1)){
    margin-left: 2.6%;
}
.list12 .tit{
    color: #0d0c2a;
    line-height: 1.3;
}
.list12 .desc{
    color: rgba(35, 31, 32, .8);
    line-height: 1.8;
    margin-top: 15px;
}


.hbox15 .list13{
    margin-top: 3.5%;
}
.list13{
    display: flex;
    flex-wrap: wrap;
}
.list13 .item{
    width: 48.7%;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    box-shadow: 0 0 30px rgba(13, 12, 42, .08);
    padding: 4.2% 3.5%;
    margin-bottom: 2.6%;
    display: flex;
    align-items: center;
    background-image: url(../images/icon05.png);
    background-repeat: no-repeat;
    background-position: bottom -41px right -30px;
    background-size: 35%;
}
.list13 .item:not(:nth-child(2n+1)){
    margin-left: 2.6%;
}
.list13 .icon{
    width: 90px;
    min-width: 90px;
}
.list13 .text_box{
    margin-left: 35px;
}
.list13 .tit{
    color: #0d0c2a;
}
.list13 .desc{
    color: #231f20;
    margin-top: 15px;
}



@media (max-width: 1280px){
    .list11 .icon img {
        height: 60px;
    }
    .list13 .icon {
        width: 60px;
        min-width: 60px;
    }
} 
@media (max-width: 768px){
    .list11 .icon img {
        height: 45px;
    }
    .list13 .icon {
        width: 45px;
        min-width: 45px;
    }
    .list13 .text_box {
        margin-left: 20px;
    }
    .teach02,
    .teach03{
        padding: 25px 0 15px;
    }
    .hbox14 .list9, .hbox14 .list10,
    .hbox15 .list11{
        margin-top: 15px;
    }
    .list11 .text_box {
        padding-top: 35px;
    }
}
@media (max-width: 640px){
    .list13 .item {
        width: 100%;
    }
    
    .list13 .item:not(:nth-child(2n+1)) {
        margin-left: 0;
    }
    
    .list13 .desc {
        margin-top: 10px;
    }
    .list13 .icon {
        width: 30px;
        min-width: 30px;
    }
    .list11 .icon img {
        height: 30px;
    }
    .list9 .item {
        width: 100%;
        padding: 15px;
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -ms-border-radius: 15px;
        -o-border-radius: 15px;
        margin-bottom: 10px;
    }
    
    .list9 .item:not(:nth-child(2n+1)) {
        margin-left: 0;
    }
    
    .list9 .desc {
        margin-top: 10px;
    }
    
    .list10 .item {
        width: 100%;
        padding: 15px;
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -ms-border-radius: 15px;
        -o-border-radius: 15px;
        margin-bottom: 10px;
    }
    
    .list10 .item:not(:nth-child(3n+1)) {
        margin-left: 0;
    }
    
    .list10 .desc {
        margin-top: 10px;
    }
    
    .list11 .item {
        width: 100%;
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -ms-border-radius: 15px;
        -o-border-radius: 15px;
        margin-bottom: 10px;
    }
    
    .list11 .item:not(:nth-child(3n+1)) {
        margin-left: 0;
    }
    
    .list11 .text_box {
        padding-top: 15px;
    }
    .list12 .item {
        width: 100%;
        padding: 15px;
        border-radius: 15px;
    }
    
    .list12 .item:not(:nth-child(4n+1)) {
        margin-left: 0;
    }
    
    .list12 .desc {
        margin-top: 10px;
    }
    .hbox13{
        padding: 25px 0;
    }
}

/* 合作项目_患者服务 */
.patient01{
    padding: 3.3% 0;
}
.hbox16 .title{
    text-align: center;
    color: #01007b;
    line-height: 1.3;
}
.hbox16 .desc{
    color: #0d0c2a;
    line-height: 1.8;
    /* margin-top: 30px; */
    text-align: center;
}

.list14{
    padding-top: 15px;
}
.list14 .item{
    margin-top: 30px;
    display: block;
    position: relative;
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.list14 .imgbox{
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    padding-bottom: 28%;
    position: relative;
    overflow: hidden;
    z-index: 1;
} 
.list14 .imgbox::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/icon11.png);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 2;
    background-position: bottom;
}
.list14 .imgbox img{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.list14 .text_box{
    padding: 2.8% 5.6% 4.9%; 
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
}
.list14 .tit{
    color: #ffffff;
}
.list14 .desc{
    color: #fff;
    line-height: 1.8;
    margin-top: 10px;
}
.list14 .text_main{
    position: relative;
    z-index: 4;
    margin-top: -30px;
}
.list14 .text_box1{
    background-color: #fff;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    padding: 2.5% 5.21% 1.5%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.list14 .text_box1 .base_more:last-child{
    margin-left: 30px;
}
.list14 .text_box1 .editor{
    color: #231f20;
}
.list14 .text_box1 .editor ul li{
    padding-left: 30px;
    position: relative;
    margin-bottom: 25px;
    color: #231f20;
}
.list14 .text_box1 .editor ul li::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 12px;
    width: 3px;
    height: 3px;
    background-color: #0d0c81;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.list14 .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);
}

@media (max-width: 1280px){
    .list14 .text_box1 .editor ul li {
        margin-bottom: 15px;
        padding-left: 20px;
    }
    
    .list14 .text_box1 .editor ul li::before {
        top: 10px;
    }
    .list14 .desc{
        margin-top: 10px;
    }
    .hbox16 .desc {
        margin-top: 20px;
    }
}
@media (max-width: 1024px){
    .list14 {
        padding-top: 20px;
    }
}
@media (max-width: 768px){
    .list14 .item {
        margin-top: 15px;
    }
}
@media (max-width: 640px){
    .list14 .text_box1 {
        flex-wrap: wrap;
    }
    
    .list14 .text_box1 .left {
        width: 100%;
    }
    
    .list14 .text_box1 .right {
        width: 100%;
        text-align: center;
        margin-top: 15px;
    }
    
    .list14 .text_main {
        margin-top: -10px;
    }
    
    .list14 .text_box {
        padding: 15px 15px 30px;
    }
    .list14 .text_box1 .editor ul li {
        margin-bottom: 10px;
        padding-left: 10px;
    }
}
/* 合作项目患者服务详情 */
.patient02.cur1{
    padding:6.7% 0  3.7% ; 
}
.patient02{
    padding: 0 0 3.7%;
}
.hbox17 .imgbox{
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    padding-bottom: 37%;
    position: relative;
    overflow: hidden;
    z-index: 1;
} 
.hbox17 .imgbox::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/icon11.png);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 2;
}
.hbox17 .imgbox img{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.hbox17 .text_box{
    padding: 4.2% 5.21%; 
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
}
.hbox17 .tit{
    color: #ffffff;
}
.hbox17 .desc{
    color: #fff;
    line-height: 1.8;
    margin-top: 20px;
}
.patient02 .hbox14{
    margin-top: 8%;
}

.patient03{
    padding: 0 0 2.7%;
}
.hbox18 .title{
    text-align: center;
    color: #01007b;
}
.hbox18 .list15{
    margin-top: 3.5%;
}
.list15{
    display: flex;
    flex-wrap: wrap;
}
.list15 .imgbox{
    padding-bottom: 66%;
    position: relative;
    overflow: hidden;
}
.list15 .imgbox img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.list15 .item{
    width: 31.6%;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
    margin-bottom: 2.6%;
    cursor: pointer;
    display: flex;
    flex-direction: column;
}
.list15 .item:not(:nth-child(3n+1)) {
    margin-left: 2.6%;
}
.list15 .text_box{
    background-color: #fff;
    padding: 9% 10%;
    flex: 1;
}
.list15 .text_box .tit{
    color: rgba(35, 31, 32, .8);
    line-height: 1.8;
}
.list15 .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);
}


.patient04{
    padding: 0 0 3.3%;
}
.hbox19 .title{
    text-align: center;
    color: #01007b;
}
.hbox19 .list16{
    margin-top: 45px;
}
.list16{
    display: flex;
    flex-wrap: wrap;
    box-shadow: 0 0 15px rgba(0, 0, 0, .08);
}
.list16 .item{
    padding: 4.9% 4.9% 4.2%;
    text-align: center;
    width: 33.33%;
    background-color: #fff;
    position: relative;
}
.list16 .icon{
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    overflow: hidden;
    display: inline-block;
}
.list16 .icon img{
    height: 100px;
}
.list16 .item + .item::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #e5e5e5;
}
.list16 .tit{
    color: rgba(35, 31, 32, .8);
    line-height: 1.8;
    margin-top: 10.5%;
}

@media (max-width: 1280px){
    .list16 .icon img {
        height: 80px;
    }
}
@media (max-width: 1024px){
    .list16 .icon img {
        height: 60px;
    }
}
@media (max-width: 768px){
    .list16 .icon img {
        height:45px;
    }
}
@media (max-width: 640px){
    .list15 .item {
        width: 100%;
        border-radius: 15px;
    }
    
    .list15 .text_box {
        padding: 15px 0;
    }
    
    .list16 .item {
        width: 100%;
        margin-bottom: 10px;
        box-shadow: 0 0 15px rgba(0, 0, 0, .08);
    }
    
    .list16 {
        box-shadow: unset;
    }
    
    .list16 .tit {
        margin-top: 15px;
    }
    .hbox19 .list16{
        margin-top: 25px;
    }
    .hbox17 .desc{
        margin-top: 10px;
    }
}

/* 合作项目_患者服务_流程 */
.flow01{
    padding: 3.3% 0 0;
}
.hbox20{
    padding-bottom: 3.3%;
}
.hbox20 .title{
    text-align: center;
    color: #01007b;
    line-height: 1.3;
}
.hbox20 .list17{
    margin-top: 4.9%;
    counter-reset: section;  
} 
.list17 .item{
    display: flex;
    margin-bottom: 100px;
}
.list17 .text_box{
    margin-left: 45px;
}
.list17 .num_box{
    position: relative;
} 
.list17 .bar{
    width: 0px;
    border-left: 1px dashed #d9dadc;
    position: absolute;
    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);
    height: 100px;
    top: 100%;
}
.list17 .bar::before{
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-90deg);
    -webkit-transform: translate(-50%, -50%) rotate(-90deg);
    -moz-transform: translate(-50%, -50%) rotate(-90deg);
    -ms-transform: translate(-50%, -50%) rotate(-90deg);
    -o-transform: translate(-50%, -50%) rotate(-90deg);
    background-image: url(../images/left_hover.svg);
    width: 11px;
    height: 17px;
}
.list17 .num_box .num{ 
    width: 80px;
    height: 80px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 5px solid #01007b;
    position: relative;
}
.list17 .num_box .num::before{
    counter-increment: section;
    content: counter(section,decimal-leading-zero);
    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%);
}
.list17 .text_box{
    margin-left: 45px;
}
.list17 .tit{
    color: #0d0c2a;
    line-height: 1.3;
}
.list17 .desc{
    color: rgba(35, 31, 32, .8);
    line-height: 1.8;
    margin-top: 20px;
}
.list17 .item:last-child{
    margin-bottom: 0;
}
.list17 .item:last-child .bar{
    display: none;
}
.flow_main{
    padding: 5.5% 4.2%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}
.hbox21 .title{
    text-align: center;
    color: #01007b;
    line-height: 1.3;
}
.hbox21 .list18{
    margin-top: 10px;
}
.list18{
    counter-reset: section1;   
}
.list18 .item{
    padding: 4.2% 0;
    border-bottom: 1px solid #dbdcdd;
}
.list18 .num_box{
    display: flex;
    align-items: center;
}
.list18 .num{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: #ed0656;
    color: #fff;
    position: relative;
}
.list18 .num::before{
    counter-increment: section1;
    content: counter(section1,decimal-leading-zero);
    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%);
}
.list18 .tit{
    margin-left: 20px;
    color: #ed0656;
}
.tabs4 .tab{
    padding-top: 45px;
}
.tabs4 .tab_tit{
    color: #0d0c2a;
}
.tabs4 .tab_desc{
    color: rgba(35, 31, 32, .8);
    line-height: 1.8;
    margin-top: 10px;
}
.list18 .item:last-child{
    border-bottom: none;
}
.hbox21 .tishi,
.hbox20 .tishi{
    color: #0d0c2a;
    line-height: 1.5;
    margin-top: 40px;
}
@media (max-width: 1280px){
    .list17 .text_box {
        margin-left: 25px;
    }
    
    .list17 .desc {
        margin-top: 10px;
    }
    
    .list17 .num_box .num {
        width: 60px;
        height: 60px;
    } 
    .tabs4 .tab {
        padding-top: 25px;
    }
  
}
@media (max-width: 768px){
    .hbox20{
        padding-bottom: 25px;
    }
    .flow01{
        padding-top: 25px;
    }
    .flow02{
        padding: 25px 0;
    }
    .list18 .tit {
        margin-left: 10px;
    }
    .list18 .item{
        padding: 15px 0;
    }
    .hbox21 .tishi{
        margin-top: 20px;
    }
}
@media (max-width: 640px){
    .list17 .item{
        margin-bottom: 60px;
    }
    .list17 .bar{
        height: 60px;
    }
    .list17 .text_box {
        margin-left: 15px;
    }
    .tabs4 .tab {
        padding-top: 15px;
    }
}

/* 项目合作 */
.cooper01{
    padding: 3.3% 0 3.2%;
}
.hbox22 .imgbox{
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    padding-bottom: 37%;
    position: relative;
    overflow: hidden;
    z-index: 1;
} 
.hbox22 .imgbox::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/icon11.png);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 2;
}
.hbox22 .imgbox img{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.hbox22 .text_box{
    padding: 4.2% 5.21%; 
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
}
.hbox22 .tit{
    color: #ffffff;
}
.hbox22 .desc{
    color: #fff;
    line-height: 1.8;
    margin-top: 20px;
}
.hbox23{
    padding: 7% 0 0;
}
.hbox23 .list11{
    margin-top: 40px;
}

.hbox23 .title{
    text-align: center;
    color: #0d0c2a;
    line-height: 1.3;
}

.hbox24{
    padding: 140px 5% 90px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.hbox24 .small_swiper{
    max-width: 440px;
    width: 100%;
    margin-top: 3.7%;
}
.small_swiper .tit{
    line-height: 1.3;
    color: #0d0c2a;
}
.small_swiper .desc{
    color: #231f20;
    line-height: 1.8;
    margin-top: 15px;
}
.hbox24 .tab_swiper{
    max-width:640px;
    width: 100%;
    margin-top: 8.4%;
}
.tab_swiper .swiper-slide{
    width: auto;
}
.tab_swiper .swiper-container{
    border-bottom: 1px solid #dadbdc;
}
.tab_swiper .item{
    padding-bottom: 35px;
    position: relative;
    cursor: pointer;
}
.tab_swiper .swiper-slide-thumb-active .item::before{
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #01007b;
}
.tab_swiper .swiper-slide-thumb-active .item{
    color: #01007b;
}

.cooper03{
    padding: 6% 0;
}
.hbox25 .title{
    text-align: center;
    color: #0d0c2a;
    line-height: 1.3;
}
.cooper03 .hbox26{
    margin-top: 45px;
}
.hbox26{
    display: flex;
    box-shadow: 0 0 15px rgba(0, 0, 0, .08);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
}
.hbox26 .left{
    width: 53%;
    padding: 1.4% 3.82%;
}
.hbox26 .right{
    width: 47%;
}
.hbox26 .right .imgbox{
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
}
.hbox26 .right .imgbox img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.list19{
    display: flex;
    flex-direction: column;
    height: 100%;
}
.list19 .item{
    height: 33.33%;
    display: flex;
    align-items: center;
}
.list19 .tit{
    color: #0d0c2a;
}
.list19 .desc{
    color: #231f20;
    line-height: 1.8;
    margin-top: 5px;
}
.list19 .item:not(:first-child){
    border-top: 1px solid #e5e5e5;
}
.cooper04{
    padding: 0 0 4.2%;
}
.hbox27 .title{
    text-align: center;
    color: #01007b;
    line-height: 1.3;
}
.hbox27 .list20{
    margin-top: 4.2%;
}
.list20{
    display: flex;
    flex-wrap: wrap;
    counter-reset: section;  
}
.list20 .item{
    width: 19.75%;
    position: relative;
    display: flex;
    flex-direction: column;
    margin-bottom: 2%;
}
.list20 .item:not(:nth-child(4n+1)){
    margin-left: 7%;
}
.list20 .num{
    display: block;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin: 0 auto;
    color: #fff;
    position: relative;
}
.list20 .num::before{
    display: block;
    counter-increment: section;
    content: counter(section,decimal-leading-zero);
    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%);
}
.list20 .text_box{
    background-color: rgba(255, 255, 255, 0.5); /* 半透明的背景颜色 */
    backdrop-filter: blur(10px);
    margin-top: -15px;
    padding: 24.6% 14.1%;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    overflow: hidden;
    position: relative;
    z-index: 2; 
    flex: 1;
    box-shadow: 0 0 15px rgba(0, 0, 0, .08);
}
.list20 .tit{
    color: #0d0c2a;
    line-height: 1.3;
}
.list20 .desc{
    color: #231f20;
    line-height: 1.5;
    margin-top: 15px;
}
.list20 .item:nth-child(4n+2)::before,
.list20 .item:nth-child(4n+3)::before,
.list20 .item:nth-child(4n+4)::before{
    content: '';
    display: block;
    position: absolute;
    left: -20%;
    background-image: url(../images/right_hover.svg);
    top: 55%;
    width: 11px;
    height: 17px;
}
.list20 .item:nth-child(4n+1) .num,
.list20 .item:nth-child(4n+3) .num{
    background-color: #01007b; 
}
.list20 .item:nth-child(4n+2) .num,
.list20 .item:nth-child(4n+4) .num{
    background-color: #ed0656; 
}





@media (max-width: 1280px){
    .hbox24 .small_swiper {
        margin-top: 4.7%;
    }
    
    .hbox24 .tab_swiper {
        margin-top: 5.4%;
    }
    
    .tab_swiper .item {
        padding-bottom: 25px;
    }
}
@media (max-width: 768px){
    .hbox24{
        padding: 25px 0;
    }
    .cooper01,
    .cooper03{
        padding: 25px 0;
    }
    .tab_swiper .item {
        padding-bottom: 15px;
    }
    .hbox27 .list20{
        margin-top: 25px;
    }
    .list20 .num {
        width: 45px;
        height: 45px;
    }
    
    .list20 .text_box {
        margin-top: -10px;
        padding: 15px;
    }
    .list20 .desc {
        margin-top: 10px;
    }
    .cooper03 .hbox26,
    .hbox23 .list11{
        margin-top: 25px;
    }
    .hbox23{
        padding-top: 25px;
    }
    .hbox22 .desc{
        margin-top: 10px;
    }
}
@media (max-width: 640px){
    .small_swiper .desc{
        margin-top: 10px;
    }
    .hbox26 {
        flex-wrap: wrap;
    }
    
    .hbox26 .left {
        width: 100%;
        padding: 15px;
    }
    
    .hbox26 .right {
        width: 100%;
    }
    
    .list19 .item {
        height: auto;
        padding: 15px 0;
    }
    
    .list20 .item {
        width: 45%;
        margin-bottom: 2%;
    }
    
    .list20 .item:not(:nth-child(4n+1)) {
        margin-left: 0;
    }
    
    .list20 .item:not(:nth-child(2n+1)) {
        margin-left: 10%;
    }
    .list20 .item:nth-child(4n+3)::before{
        display:none;
    }
    .list20 .item:nth-child(4n+2)::before, .list20 .item:nth-child(4n+3)::before, .list20 .item:nth-child(4n+4)::before {
        left: -13%;
    }
}

/* 合作项目_项目合作_表单 */
.cooper05{
    padding: 2.3% 0;
}
.hbox28 .title{
    text-align: center;
    color: #0d0c2a;
}
.cooper06{
    padding: 5.3% 0;
}
.hbox29{
    box-shadow: 0 0 15px rgba(0, 0, 0, .08);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    padding: 4.52% 4.9%;
}
.hbox29_main{
    margin-bottom: 55px;
}
.hbox29_main .hbox29_tit{
    color: #01007b;
}
.hbox29_main .list21{
    margin-top: 40px;
}
.list21{
    display: flex;
    flex-wrap: wrap;
}
.list21 .item{
    display: flex;
    align-items: center;
    margin: 20px 70px 20px 0;
    /*cursor: pointer;*/
}
.list21 .act{
    width: 25px;
    height: 25px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    background-color: #eceeef;
}
.list21 .item.cur .act{
    background-image: url(../images/icon12.png);
    background-repeat: no-repeat;
    background-size: 14px;
    background-color: #01007b;
    background-position: center;
}
.list21 .act_tit{
    margin-left: 20px;
}
.hbox29_form .input.textarea{
    width: 100%;
    height: 150px;
    border: 1px solid #eceeef;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    padding: 20px;
    margin-top: 10px;
}
.hbox29_form .input.textarea textarea{
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    resize: none;
}
.hbox29_main .form_list{
    margin-top: 35px;
}
.form_list{
    display: flex;
    flex-wrap: wrap;
}
.form_list .form_item{
    margin-bottom: 40px;    
}
.form_list .form_item.w33{
    width: 30%;
}
.form_list .form_item.w100{
    width: 100%;
}
.form_list .form_item.margin_l{
    margin-left: 5%;
}
.form_list .form_tit{
    color: #0d0c2a; 
    line-height: 1.3;   
}
.form_list .form_tit i{
    color:#ff0006;
    margin-right: 5px;
}
.form_list .input{
    margin-top: 20px;
    border: 1px solid #edeeef;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    padding: 20px;
}
.form_list .input input{
    color: rgba(13, 12, 42, .5);
}
.form_list .input textarea{
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    resize: none;
}

.agree_box{
    display: flex;
    align-items: center;
    justify-content: center;
}
.agree_box .agree_item{
    display: flex;
    align-items: center;
    cursor: pointer;
}
.agree_box .act{
    width: 25px;
    height: 25px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    background-color: #eceeef;
}
.agree_box .agree_item.cur .act{
    background-image: url(../images/icon12.png);
    background-repeat: no-repeat;
    background-size: 14px;
    background-color: #01007b;
    background-position: center;
}
.agree_box .agree_tit{
    color: #0d0c2a;
    margin-left: 20px;    
}
.agree_box .agree_item:last-child{
    margin-left: 50px;
}
.hbox29 .form_btn{
    text-align: center;
    padding-top: 100px;
}

@media (max-width: 1280px){
    .list21 .item {
        margin: 10px 40px 10px 0;
    }
    .list21 .act_tit {
        margin-left: 10px;
    }
    .hbox29_main {
        margin-bottom: 35px;
    }
    .form_list .form_item {
        margin-bottom: 20px;
    }
    
    .form_list .input {
        padding: 10px 15px;
    }
    .hbox29 .form_btn {
        padding-top: 60px;
    }
}
@media (max-width: 1024px){
    .hbox29_main {
        margin-bottom: 25px;
    }
    .hbox29 .form_btn {
        padding-top: 40px;
    }
}
@media (max-width: 768px){
    .list21 .act {
        width: 18px;
        height: 18px;
    }
    
    .list21 .item.cur .act {
        background-size: 10px;
    }
    
    .hbox29_main .list21 {
        margin-top: 20px;
    }
    
    .hbox29_main .form_list {
        margin-top: 15px;
    }
    
    .hbox29_form .input.textarea {
        height: 150px;
    }
    
    .form_list .input {
        margin-top: 10px;
    }
    .agree_box .agree_item:last-child {
        margin-left: 20px;
    }
    .agree_box .agree_tit{
        margin-left: 10px;    
    }
}
@media (max-width: 640px){
    .agree_box .act,
    .list21 .act {
        width: 18px;
        height: 18px;
    }
    
    .agree_box .agree_item.cur .act,
    .list21 .item.cur .act{
        background-size: 10px;
    }
    
    .hbox29_main .list21 {
        margin-top: 20px;
    }
    
    .hbox29_main .form_list {
        margin-top: 15px;
    }
    
    .hbox29_form .input.textarea {
        height: 100px;
        padding: 10px;
    }
    
    .form_list .input {
        margin-top: 10px;
    }
    
    .hbox29 {
        border-radius: 15px;
        padding: 15px;
    }
    
    .form_list .form_item.w33 {
        width: 100%;
    }
    
    .form_list .form_item.margin_l {
        margin-left: 0;
    }
    
    .form_list .form_item {
        margin-bottom: 10px;
    }
    .agree_box {
        flex-wrap: wrap;
    }
    
    .agree_box .agree_item {
        width: 100%;
    }
    
    .agree_box .agree_item:last-child {
        margin-left: 0;
        margin-top: 10px;
    }
    .hbox29 .form_btn {
        padding-top: 20px;
    }
    .hbox29_main {
        margin-bottom: 15px;
    }
}

/* 系统平台及工具 */
.plat01{
    padding: 3.3% 0 2%;
}
.hbox30 .title{
    text-align: center;
    color: #01007b;
    line-height: 1.3;
}
.hbox30 .desc{
    color: #0d0c2a;
    line-height: 1.8;
    margin-top: 25px;
    text-align: center;
}
.plat01 .list22{
    padding-top: 3.5%;
} 
.list22 .item{
    margin-bottom: 7%;
    display: flex;
    align-items: center;
    padding: 4.2% 5.9%;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .08);
    justify-content: space-between;
}
.list22 .imgbox{
    width: 42%;
}
.list22 .text_box{
    width: 52%;
}
.list22 .tit{
    color: #0d0c2a;
    line-height: 1.3;
}
.list22 .desc{
    color: #0d0c2a;
    line-height: 1.8;
    margin-top: 15px;
}
.list22 .lables{
    padding: 15px 0;
    margin-top: 30px;
    border-top: 1px solid #e5e5e5;
}
.list22 .item:nth-child(2n){
    flex-direction: row-reverse;
}
.good{
    background-color: #01007b;
    padding: 20px 35px 20px 70px;
    background-image: url(../images/icon15.png);
    background-position: center left 30px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    background-repeat: no-repeat;
}
.good .good_tit{
    color: #fff;
}
.lables{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.lables .lable{
    margin-right: 40px;
    padding-left: 25px;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
}
.lables .lable::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 12px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: #0d0c81;
}



.hbox31{
    /* margin-bottom: 7%; */
    display: flex;
    align-items: center;
    padding: 4.2% 5.9%;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .08);
    justify-content: space-between;
}

.hbox31 .tit{
    color: #0d0c2a;
    line-height: 1.3;
}
.hbox31 .desc{
    color: #0d0c2a;
    line-height: 1.8;
    margin-top: 15px;
}
.hbox31 .lables {
    padding: 15px 0;
    margin-top: 30px;
    border-top: 1px solid #e5e5e5;
}
.hbox31 .text_main{
    width: 41%;
    position: relative;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;

}
.hbox31 .pimg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.hbox31 .pimg img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hbox31 .ptit{
    padding: 105px 35px 45px;
    background-color: #010080;
   
    position: relative;
    z-index: 2;
    color: #fff;
    background-image: url(../images/icon15.png);
    background-repeat: no-repeat;
    background-position: center top 55px;
}
@media (max-width: 1459px){
    .good {
        padding: 14px 15px 15px 65px;
    }
}
@media (max-width: 1280px){
    .list22 .lables{
        margin-top: 20px;
    }
    .hbox31 .lables {
        margin-top: 20px;
    }
    .lables .lable::before {
        top: 9px;
    }
}
@media (max-width: 1024px){
    .lables .lable{
        padding-left: 15px;
    }
}
@media (max-width: 768px){
    .lables .lable::before {
        top: 7px;
    }
    .good {
        padding-left: 40px;
        background-position: center left 10px;
        background-size: 20px;
    }
    .plat01 .list22{
        padding-top: 25px;
    }
}
@media (max-width: 640px){
    .list22 .item ,
    .hbox31{
        flex-wrap: wrap;
    }
    
    .list22 .imgbox,
    .hbox31 .text_box{
        width: 100%;
    }
    
    .list22 .text_box,
    .hbox31 .text_main{
        width: 100%;
        margin-top: 15px;
    }
    
    .list22 .item:nth-child(2n) {
        flex-direction: row;
    }
    
    .list22 .desc {
        margin-top: 5px;
    }
    
    .list22 .lables {
        margin-top: 10px;
    }
    .hbox31 .lables {
        margin-top: 10px;
    }
    
    .lables .lable {
        margin-right: 20px;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .hbox31 .ptit {
        padding: 55px 15px 15px;
        background-position: center top 15px;
    }
}
/* 项目资源及成果 */
.plat02{
    padding: 3.3% 0 2%;
}
.hbox32 .title{
    text-align: center;
    color: #01007b;
}
/* .hbox32 .tabs5{
    margin-top: 4.9%;
} */
.tabs5{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.tabs5 .tab{
    border: 1px solid rgba(245, 245, 245, .8);
    color: rgba(35, 31, 32, .8);
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    padding: 16px 10px;
    text-align: center;
    min-width: 215px;
    margin: 10px 0;
}
.tabs5 .tab:not(:first-child){
    margin-left: 30px;
}
.tabs5 .tab.cur{
    border-color: #01007b;
    background-color: #01007b;
    color: #fff;
}
.hbox32_main{
    padding-top: 2.9%;
}
.hbox32_main .list23,
.hbox32_main .list25{
    margin-top: 4.2%;
}
.hbox32_main .tit{
    text-align: center;
    color: #0d0c2a;
}
.list23{
    display: flex;
    flex-wrap: wrap;
}
.list23 .item{
    width: 15%;
    padding: 5.2% 1.4%;
    box-shadow: 0 0 15px rgba(0, 0, 0, .08);
    background-color: #fff;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    margin-bottom: 2%;
}
.list23 .item:not(:nth-child(6n+1)){
    margin-left: 2%;
}
.list23 .icon{
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    overflow: hidden;
    height: 80px;
    width: 80px;
    margin: 0 auto;
}
.list23 .icon img{ 
    width: 100%;
    height: 100%;
}
.list23 .ctit{
    margin-top: 30px;
    color: #0d0c2a;
    line-height: 1.3;
    text-align: center;
}
.plat03{
    padding: 0 0 1.9%;
}
.hbox33 .title{
    text-align: center;
}
.hbox33 .list24{
    margin-top: 4.2%;
}
.list24{
    display: flex;
    flex-wrap: wrap;
}
.list24 .item{
    display: flex;
    width: 48%;
    margin-bottom: 4%;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    background-color: #fff;
    overflow: hidden;
    box-shadow: 0 0 15px rgba(0, 0, 0, .08);
}
.list24 .item:not(:nth-child(2n+1)){
    margin-left: 4%;
}
.list24 .imgbox{
    width: 40%;
    height: 100%;
}
.list24 .imgbox img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.list24 .text_box{
    flex: 1;
    padding: 2% 6.5%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.list24 .tit{
    color: #0d0c2a;
    line-height: 1.3;
}
.list24 .desc{
    color: rgba(35, 31, 32, .8);
    line-height: 1.8;
    margin-top: 15px;
}
.plat04{
    padding: 2% 0 3.3%;
}
.hbox34 .title{
    text-align: center;
    color: #0d0c2a;
}
.hbox34 .list10{
    margin-top: 50px;
}
.hbox35{
    padding: 5% 12% 3.3%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.hbox35 .title{
    text-align: center;
    color: #01007b;
}
.hbox35 .hbox35_swiper{
    margin-top: 9%;
}

.hbox35_swiper{
    position: relative;
}
.hbox35_swiper .swiper_btn{
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    z-index: 2;
}
.hbox35_swiper .swiper_btn.prev{
    left: -10%;
}
.hbox35_swiper .swiper_btn.next{
    right: -10%;
}
.hbox35_swiper .text_box{
    padding-top: 50px;
}
.hbox35_swiper .tit{
    color: #0d0c2a;
    text-align: center;
}
.hbox35_swiper .imgbox{
    position: relative;
    padding-bottom: 156%;
    background-color: #fff;
    overflow: hidden;
}
.hbox35_swiper .imgbox img{
    height: 93%;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.hbox35_swiper .swiper-slide .imgbox:hover img{
    transform: translate(-50%, -50%) scale(1.05);
}

.hbox35_swiper .imgbox img{
    position: absolute;
    left: 50%;
    top:50%;
    object-fit: cover;
    /*-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent) , to(rgba(250, 250, 250, 0.2)));*/
    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: 100%; 
    height: auto;
}
@media (max-width: 1459px){
    .hbox35_swiper .swiper_btn.prev{
        left: -5%;
    }
    .hbox35_swiper .swiper_btn.next{
        right: -5%;
    }
}
@media (max-width: 1280px){
    .list23 .ctit {
        margin-top: 15px;
    }
    .list23 .icon{
        height: 60px;
        width: 60px;
    }
}
@media (max-width: 1024px){
    .list23 .icon {
        height: 50px;
        width: 50px;
    }
}
@media (max-width: 768px){
    .hbox35{
        padding: 25px 35px;
    }
    .plat02,
    .plat03,
    .plat04{
        padding: 25px 0;
    }
    .hbox35 .hbox35_swiper {
        margin-top: 25px;
    }
    .hbox32 .tabs5 {
        margin-top: 20px;
    }
    
    .tabs5 .tab {
        padding: 10px;
    }
    
    .list23 .item {
        padding: 25px 0;
        width: 32.33%;
        margin-bottom: 1.5%;
    }
    
    .list23 .item:not(:nth-child(6n+1)) {
        margin-left: 0;
    }
    
    .list23 .item:not(:nth-child(3n+1)) {
        margin-left: 1.5%;
    }
    
    .hbox33 .list24 {
        margin-top: 20px;
    }
    
    .hbox34 .list10 {
        margin-top: 20px;
    }
    .hbox32_main{
        padding-top: 25px;
    }
}
@media (max-width: 640px){
    .tabs5 .tab {
        min-width: unset;
        padding: 5px 10px;
    }
    
    .list23 .item {
        padding: 10px 0;
        width: 49%;
        border-radius: 15px;
    }
    
    .list23 .item:not(:nth-child(3n+1)) {
        margin-left: 0;
    }
    
    .list23 .item:not(:nth-child(2n+1)) {
        margin-left: 2%;
    }
    
    .list24 .item {
        flex-wrap: wrap;
        width: 100%;
    }
    
    .list24 .imgbox {
        width: 100%;
        height: auto;
    }
    
    .list24 .item:not(:nth-child(2n+1)) {
        margin-left: 0;
    }
    
    .list24 .text_box {
        margin-top: 15px;
        padding: 15px;
    }
    
    .list24 .imgbox img {
        height: 200px;
    }
    
    .hbox35_swiper .text_box {
        padding-top: 20px;
    }
}

/* 科研资源_项目资源及成果_sop */

.list25{
    display: flex;
    flex-wrap: wrap;
}
.list25 .item{
    width: 18.4%;
    padding: 5.2% 1.4%;
    box-shadow: 0 0 15px rgba(0, 0, 0, .08);
    background-color: #fff;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    margin-bottom: 2%;
}
.list25 .item:not(:nth-child(5n+1)){
    margin-left: 2%;
}
.list25 .icon{
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    overflow: hidden;
    height: 80px;
    width: 80px;
    margin: 0 auto;
}
.list25 .icon img{ 
    width: 100%;
    height: 100%;
}
.list25 .ctit{
    margin-top: 30px;
    color: #0d0c2a;
    line-height: 1.3;
    text-align: center;
}




.plat06{
    padding: 0 0 4.2%;
}
.hbox36 .title {
    text-align: center;
    color: #0d0c2a;
    line-height: 1.3;
}
.hbox36 .list26 {
    margin-top: 4.2%;
}


.list26{
    display: flex;
    flex-wrap: wrap;
    counter-reset: section;  
}
.list26 .item{
    width: 16.8%;
    position: relative;
    display: flex;
    flex-direction: column;
}
.list26 .item:not(:nth-child(5n+1)){
    margin-left: 4%;
}
.list26 .num{
    display: block;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin: 0 auto;
    color: #fff;
    position: relative;
}
.list26 .num::before{
    display: block;
    counter-increment: section;
    content: counter(section,decimal-leading-zero);
    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%);
}
.list26 .text_box{
    background-color: rgba(255, 255, 255, 0.5); /* 半透明的背景颜色 */
    backdrop-filter: blur(10px);
    margin-top: -15px;
    padding: 24.6% 14.1%;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    overflow: hidden;
    position: relative;
    z-index: 2; 
    flex: 1;
    box-shadow: 0 0 15px rgba(0, 0, 0, .08);
}
.list26 .tit{
    color: #0d0c2a;
    line-height: 1.3;
}
.list26 .desc{
    color: #231f20;
    line-height: 1.5;
    margin-top: 15px;
}
.list26 .item:nth-child(5n+2)::before,
.list26 .item:nth-child(5n+3)::before,
.list26 .item:nth-child(5n+4)::before,
.list26 .item:nth-child(5n+5)::before{
    content: '';
    display: block;
    position: absolute;
    left: -15%;
    background-image: url(../images/right_hover.svg);
    top: 55%;
    width: 11px;
    height: 17px;
}
.list26 .item:nth-child(5n+1) .num,
.list26 .item:nth-child(5n+3) .num,
.list26 .item:nth-child(5n+5) .num{
    background-color: #01007b; 
}
.list26 .item:nth-child(5n+2) .num,
.list26 .item:nth-child(5n+4) .num{
    background-color: #ed0656; 
}


.plat07{
    padding: 0 0 4%;
}
.hbox37 .title {
    text-align: center;
    color: #0d0c2a;
    line-height: 1.3;
}
.hbox37 .list27 {
    margin-top: 4.2%;
}
.list27{
    display: flex;
    flex-wrap: wrap;
}
.list27 .item{
    width: 23.2%;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 0 15px rgba(0, 0, 0, .08);
    margin-bottom: 2.4%;
}
.list27 .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);
}
.list27 .text_box{
    padding: 10.5%;
    background-color: #fff;
}
.list27 .tit{
    color: #0d0c2a;
    line-height: 1.3;
}
.list27 .desc{
    color: rgba(32, 31, 32, .8);    
    line-height: 1.8;
    margin-top: 10px;
}
.list27 .item:not(:nth-child(4n+1)){
    margin-left: 2.4%;
}
.list27 .imgbox{
    padding-bottom: 67.5%;
    position: relative;
    overflow: hidden;
}
.list27 .imgbox img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.hbox38{
    padding:5% 0 3.4%;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}
.hbox38 .title {
    text-align: center;
    color: #0d0c2a;
    line-height: 1.3;
}
.hbox38 .list28 {
    margin-top: 4.9%;
}
.list28{
    display: flex;
    flex-wrap: wrap;
    padding: 0 9.7%;
}
.list28 .item{
    width: 44%;
    margin-bottom: 60px;
}
.list28 .item:not(:nth-child(2n+1)){
    margin-left: 12%;
}
.hbox38_main .ctit{
    text-align: center;
    color: #0d0c2a;
    line-height: 1.3;
}
.plat09{
    padding: 2.2% 0 0;
}
.hbox39 .title {
    text-align: center;
    color: #0d0c2a;
    line-height: 1.3;
}
.hbox39 .cdesc{
    color: #0d0c2a;
    margin-top: 15px;
    line-height: 1.8;
    text-align: center;
}
.hbox39 .list29{
    margin-top: 3.8%;
}
.list29{
    display: flex;
    flex-wrap: wrap;
}
.list29 .item{
    width: 48%;
    margin-bottom: 4%;
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    padding: 70px;
}
.list29 .item:not(:nth-child(2n+1)){
    margin-left: 4%;
}
.list29 .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);
}
.list29 .imgbox{
    padding-bottom: 66%;
    position: relative;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 0 15px rgba(0, 0, 0, .08);
}
.list29 .imgbox img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.list29 .text_box{
    /* padding: 9.4% 0 0; */
}
.list29 .tit{
    color: #0d0c2a;
    line-height: 1.3;
}
.list29 .desc{
    color: rgba(35, 31, 32, .8);
    line-height: 1.8;
    margin-top: 30px;
}
.list29 .base_more{
    margin-top: 55px;    
}
@media (max-width: 1459px){

}
@media (max-width: 1280px){
    .list28 .item{
        margin-bottom: 40px;
    }
    .list25 .icon {
        height: 60px;
        width: 60px;
    }
    .list29 .item{
        padding: 35px;
    }
}

@media (max-width: 1024px){
    .list25 .icon {
        height: 50px;
        width: 50px;
    }
    .list29 .item{
        padding: 25px;
    }
}
@media (max-width: 768px){
    .hbox36 .list26{
        margin-top: 25px;
    }
    .list26 .num {
        width: 45px;
        height: 45px;
    }
    .list26 .text_box {
        margin-top: -10px;
        padding: 15px;
    }
    .list26 .desc {
        margin-top: 10px;
    } 

    .list29 .base_more {
        margin-top: 25px;
    }
    
    .list29 .desc {
        margin-top: 15px;
    }
    .list29 .item{
        padding: 15px;
    }
    /* .list29 .text_box {
        padding-top: 25px;
    } */
    
    .hbox39 .list29 {
        margin-top: 25px;
    }
    
    .plat06,
    .plat07,
    .plat08,
    .plat09 {
        padding: 25px 0;
    }
    .list28 .item{
        margin-bottom: 20px;
    }
    .list25 .ctit {
        margin-top: 15px;
    }
}
@media (max-width: 640px){
   
    
    .list26 .item {
        width: 45%;
        margin-bottom: 2%;
    }
    
    .list26 .item:not(:nth-child(5n+1)) {
        margin-left: 0;
    }
    
    .list26 .item:not(:nth-child(2n+1)) {
        margin-left: 10%;
    } 
    .list26 .item::before{
        display: none !important;
    }
    .list26 .item:nth-child(2n)::before{
        content: '';
        display: block;
        position: absolute;
        left: -13%;
        background-image: url(../images/right_hover.svg);
        top: 55%;
        width: 11px;
        height: 17px;
        display: block !important;
    }
    .list25 .item {
        width: 49%;
        padding: 10px 0;
        border-radius: 15px;
    }
    
    .list25 .item:not(:nth-child(5n+1)) {
        margin-left: 0;
    }
    
    .list25 .item:not(:nth-child(2n+1)) {
        margin-left: 2%;
    }
    
    .list25 .ctit {
        margin-top: 15px;
    }
    
    .list27 .item {
        width: 49%;
        border-radius: 15px;
    }
    
    .list27 .item:not(:nth-child(4n+1)) {
        margin-left: 0;
    }
    
    .list27 .item:not(:nth-child(2n+1)) {
        margin-left: 2%;
    }
    
    .list28 {
        padding: 0;
    }
    
    .list29 .base_more {
        margin-top: 15px;
    }
}

/* 科研资源_项目资源及成果_sop详情 */
.gain01{
    padding: 2.1% 0 0;
}

.list30 .item{
    padding: 60px 0;
    border-bottom: 1px solid #e5e5e5;
}
.list30 .num_box{
    display: flex;
    align-items: center;
}
.list30 .num_box .num_icon{
    width: 45px;
    height: 45px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.list30 .num_box .num_icon img{
    width: 100%;
    height: 100%;
}
.list30 .num_box .tit{
    margin-left: 25px;
    color: #01007b;
}
.list30 .tabs6{
    padding-top: 25px;    
}

.tabs6 .tab{
    padding-top: 30px;
}
.tabs6 .tab_tit{
    color: #0d0c2a;
}
.tabs6 .tab_desc{
    color: rgba(35, 31, 32, .8);
    line-height: 1.8;
    margin-top: 10px;
}
@media (max-width: 1280px){
    .list30 .item{
        padding: 40px 0;
    }
}
@media (max-width: 1024px){
    .list30 .item{
        padding: 35px 0;
    }
    .list30 .tabs6 {
        padding-top: 0;
    }
}
@media (max-width: 768px){
    .list30 .item{
        padding: 15px 0;
    }
    .tabs6 .tab {
        padding-top: 20px;
    }
    .list30 .num_box .tit {
        margin-left: 15px;
    }
    .gain01{
        padding: 25px 0;
    }
    .list30 .num_box .num_icon {
        width: 35px;
        height: 35px;
    }
}

/* 科研资源_患者数据和生物样本_患者数据 */
.pati01{
    padding: 3.3% 0 5%;
}
.hbox40 .title{
    text-align: center;
    color: #01007b;
    line-height: 1.3;
}
.hbox40 .desc{
    text-align: center;
    line-height: 1.8;
    margin-top: 30px;
} 
.hbox40 .ctit{
    color: #0d0c2a;
    line-height: 1.3;
    background-color: #f4f5f6;
    padding: 35px 25px;
    text-align: center;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    margin-top: 60px;
}
.hbox40 .ctit span{
    color: #ed0656;
    font-family:"HarmonyBold";
}

.hbox41{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.hbox41 .left{
    width: 38.2%;
}
.hbox41 .right{
    flex: 1;
    max-width: 680px;
}
.hbox41 .title{
    color: #0d0c2a;
    line-height: 1.3;
}
.list31 .item{
    margin-top: 70px;
}
.list31 .num_box{
    display: flex;
    align-items: center;
}
.list31 .num_box .act{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.list31 .num_box .ctit{
    margin-left: 15px;
    color: #0d0c2a;
}
.list31 .desc{
    color: rgba(32, 31, 32, .8);
    line-height: 1.8;
    margin-top: 15px;
}

.chart_map{
    position: relative;
}
.chart_map .chart_item{
    display: flex;
    align-items: center;

}
.chart_map .num{
    width: 100px;
    white-space: nowrap;
    text-align: right;
}
.chart_map .chart_item{
    height: 80px;
}
.chart_map .chart_item::after{
    flex: 1;
    margin-left: 20px;
    content: '';
    display: block;
    height: 1px;
    background-color: #e5e5e5;
}

.chart_dings{
    position: absolute;
    bottom:0;
    left: 120px;
    right: 30px;
    top: 0;
}

.chart_ding{
    position: absolute;
    bottom:  -40px;
    display: flex;
    flex-direction: column;
    height: 100%;
} 
.chart_ding .bar{
    flex: 1;
    background-color: rgba(228, 230, 234, .5);
    border-radius: 45px;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    -ms-border-radius: 45px;
    -o-border-radius: 45px;
    position: relative;
}
.chart_ding .bar .span{
    width: 100%;
    border-radius: inherit;
    -webkit-border-radius: inherit;
    -moz-border-radius: inherit;
    -ms-border-radius: inherit;
    -o-border-radius: inherit;
    position: absolute;
    bottom: 0;
    height: 0;
    overflow: unset !important;
}
.chart_ding .bar .span span {
    position: absolute;
    bottom: 100%;
    text-align: center;
    width: 100%;
}
.chart_ding .tit{
    color: #0d0c2a;
    white-space: nowrap;
    text-align: center;
    /* margin-top: 16px; */
    line-height: 1;
    font-size: 1.25vw;
    height: 80px;
    padding-top: 15px;
}

.pati03{
    padding: 5% 0 3.3%;
}
.hbox42{
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
    position: relative;
}

.hbox42 .imgbox{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.hbox42 .imgbox img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}
.hbox42 .text_box{
    padding: 9.8% 6.6%;
    position: relative;
    z-index: 2;
    width: 53%;
}
.hbox42 .tit{
    color: #0d0c2a;
}
.hbox42 .desc{
    color: #0d0c2a;
    line-height: 1.8;
    margin-top: 30px;
}
.hbox42 .base_more{
    margin-top: 45px;
}
@media (max-width: 1280px){
    .chart_map .chart_item{
        height: 60px;
    } 
    .list31 .item {
        margin-top: 50px;
    } 
    .chart_ding{
        bottom:  -30px; 
    }
    .chart_ding .tit{ 
        height: 60px; 
    }
}
@media (max-width: 1024px){
    .list31 .item {
        margin-top: 30px;
    }
    .hbox40 .ctit {
        padding: 15px 15px;
        margin-top: 40px;
    }
    .hbox40 .desc{
        margin-top: 20px;
    }
}
@media (max-width: 768px){
    .list31 .item {
        margin-top: 20px;
    }
    .pati01{
        padding: 25px 0;
    }
    .hbox40 .ctit {
        margin-top: 20px;
    } 
}
@media (max-width: 640px){
    .hbox41 {
        flex-wrap: wrap;
    }
    
    .hbox41 .left {
        width: 100%;
    }
    
    .hbox41 .right {
        width: 100%;
        margin-top: 25px;
    }
    
    .hbox42 .base_more {
        margin-top: 25px;
    }
    
    .hbox42 .text_box {
        width: 80%;
        padding: 25px;
    }
    
    .hbox42 .desc {
        margin-top: 15px;
    }
    .chart_map .chart_item {
        height: 40px;
    }
    .chart_ding{
        bottom:  -20px; 
    }
    .chart_ding .tit{ 
        height: 40px; 
    }
    
    .chart_ding .tit {
        font-size: 12px;
    }
    .chart_map .num {
        width: 60px;
    }
    .chart_dings {
        left: 80px;
    }
}

/* 新闻列表 */
.news01{
    padding: 3.3% 0;
}
.hbox43 .title{
    text-align: center;
    color: #01007b;
    line-height: 1.3;
}

.hbox43 .list32{
    padding-bottom: 35px;
}
.list32 .item{
    display: flex;
    align-items: center;
    padding: 6.6% 0;
    border-bottom: 1px solid #e5e5e5;
}   

.list32 .left{
    width: 37.5%;
}
.list32 .imgbox{
    padding-bottom: 75%;
    position: relative;
}
.list32 .imgbox img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.list32 .right{
    width: 62.5%;
    padding-left: 4.8%;
}
.list32 .base_more{
    margin-top: 100px;
}
.list32 .tit{
    color: #0d0c2a;
    line-height: 1.3;
}
.list32 .desc{
    color: rgba(35, 31, 32, .8);
    line-height: 1.8;
    margin-top: 30px;
}
.list32 .other1{
    margin-top: 20px;
}
.other1{
    display: flex;
    flex-wrap: wrap;
}
.other1>div{
    margin: 15px 0;
    color: #231f20;
    position: relative;
    padding-left: 30px;
    background-size: contain;
    background-position: center left;
    background-repeat: no-repeat;
}
.other1 .time{
   background-image: url(../images/icon16.png);
   margin-right: 35px;
}
.other1 .address{
    background-image: url(../images/icon17.png);
    margin-right: 35px;
}
 .other1 .person{
    background-image: url(../images/icon18.png);
}
@media (max-width: 1459px){
    .list32 .item{
        padding: 5% 0;
    }
    .list32 .base_more {
        margin-top: 40px;
    }
}
@media (max-width: 1280px){
    .list32 .item{
        padding: 3.5% 0;
    }
    .list32 .base_more {
        margin-top: 30px;
    }
}
@media (max-width: 1024px){
    .list32 .base_more {
        margin-top: 20px;
    }
    .list32 .base_more {
        margin-top: 40px;
    }
    
    .other1 .time,
    .other1 .address{
        margin-right: 25px;
    } 
    
    .list32 .desc {
        margin-top: 15px;
    }
    .other1>div{
        margin: 10px 0;    
    }
}
@media (max-width:768px){
    .list32 .item{
        padding: 25px 0;
    }
    .news01{
        padding: 25px 0;
    }
}
@media (max-width: 640px){
    .list32 .item {
        flex-wrap: wrap;
    }
    
    .list32 .left {
        width: 100%;
    }
    
    .list32 .right {
        width: 100%;
        padding: 15px 0 0;
    }
    
    .list32 .other1 {
        margin-top: 10px;
    }
    .hbox43 .list32 {
        padding-bottom: 25px;
    }
}

/* 科研资源_患者数据和生物样本_生物样本库 */
.list33 .item{
    margin-top: 7%;
    display: flex;
    background-color: #f4f5f6;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.list33 .item:nth-child(2n){
    flex-direction: row-reverse;
}
.list33 .imgbox{
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
}

.list33 .left{
    width: 48%;
}
.list33 .right{
    width: 52%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2% 6.6%;
}
.list33 .icon{
    width: 90px;
    height: 90px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.list33 .icon img{
    width: 100%;
    height: 100%;
}
.list33 .tit{
    color: #0d0c2a;
    line-height: 1.3;
}
.list33 .text_main{
    padding-top: 50px;
}
.list33 .desc{
    color: rgba(35, 31, 32, .8);
    line-height: 1.8;
    margin-top: 25px;
}


.list34 .item{
    margin-top: 100px;
    position: relative;
    padding: 90px 180px 135px 100px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .08);
    background-image: url(../images/icon05.png);
    background-repeat: no-repeat;
    background-position: bottom -41px right -30px;
    background-size: 27%;
}
.list34 .alb{
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0 20px 0 20px;
    -webkit-border-radius: 0 20px 0 20px;
    -moz-border-radius: 0 20px 0 20px;
    -ms-border-radius: 0 20px 0 20px;
    -o-border-radius: 0 20px 0 20px;
    background-color: #01007b;
    padding: 2.1% 4.2%;
    color: #fff;
}


.move01 .move_item{
    display: flex;
    align-items: center;
    margin-top:45px;
}
.move01 .tit{
    width: 110px;
}
.move01 .pdesc{
    position: relative;
    padding-left: 60px;
    flex: 1;
}
.move01 .move_width{
    position: relative;
}
.move01 .bar{
    height: 50px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px; 
    position: relative;
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
}
.move01 .cdesc{
    padding-left: 25px;
    position: absolute;
    left: 100%;
    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%);
    display: flex;
    align-items: flex-end;
}
.move01 .ct{
    line-height: .8;
}
.move01 .cp{
    margin-left: 15px;
}

.ocharts{
    padding-left: 170px;
    margin-top: 30px;
}
.ocharts .ochart_main{
    display: flex;
    align-items: center;
}
.ocharts .ochart{
    flex: 1;
    position: relative;
    height: 20px;
    border-bottom: 1px solid #e7e7e7;
    font-size: 0;
}
.ocharts .ochart::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    height: 100%;
    background-color: #e7e7e7;
}
.ocharts .ochart::after{
    content: '';
    display: block;
    position: absolute;
    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);
    bottom: 0;
    width: 1px;
    height: 100%;
    background-color: #e7e7e7;
}
.ocharts .ochart:last-child::after{
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    height: 100%;
    background-color: #e7e7e7;
}
.ocharts .ochart:last-child{
    width: 0;
    flex: unset;
}


.ocharts span{
    position: absolute;
    left: -1.5vw;
    top: 200%;
    width: 3vw;
    text-align: center;
    font-size: 1.25vw;
    color: rgba(13, 12, 42, .5);
} 
@media (max-width: 1459px){
    .list34 .item {
        margin-top: 60px;
        position: relative;
        padding: 60px 120px 100px 60px;
    }
    .list33 .icon {
        width: 65px;
        height: 65px;
    }
}
@media (max-width: 1280px){
    .move01 .move_item {
        margin-top: 25px;
    }
    
    .move01 .bar {
        height: 35px;
    }
    .move01 .pdesc {
        padding-left: 20px;
    }
    
    .move01 .tit {
        width: 80px;
    }
    
    .ocharts {
        padding-left: 100px;
    }
    .ocharts .ochart {
        height: 15px;
    }
}
@media (max-width: 1024px){
    .list34 .item {
        margin-top: 35px;
        padding: 35px 100px 35px 35px;
    }
    .list33 .text_main {
        padding-top: 30px;
    }
}
@media (max-width: 768px){
    .list34 .item {
        margin-top: 20px;
    }
    .list34 .alb{
        padding: 15px;
    }
    .list33 .text_main {
        padding-top: 20px;
    }
    .list33 .desc{
        margin-top: 15px;
    }
    .list33 .item {
        margin-top: 15px;
    }
    .list33 .icon {
        width: 45px;
        height: 45px;
    }
    .move01 .bar {
        height: 25px;
    }
}
@media (max-width: 640px){
    .list33 .item {
        flex-wrap: wrap;
    }
    
    .list33 .left {
        width: 100%;
    }
    
    .list33 .right {
        width: 100%;
        padding: 15px;
    }
    
    .list33 .item:nth-child(2n) {
        flex-direction: row;
    }
    .move01 .bar {
        height: 15px;
    }
    .ocharts span {
        font-size: 10px;
        top: 120%;
    }
    .move01 .move_item {
        margin-top: 10px;
    }
    .move01 .move_item {
        flex-wrap: wrap;
    }
    
    .move01 .tit {
        width: 100%;
    }
    
    .move01 .pdesc {
        padding-left: 0;
        width: 100%;
        flex: unset;
        margin-top: 10px;
    }
    .ocharts{
        padding-left: 0;
    }
    .list34 .item {
        padding: 15px 80px 45px 15px;
    }
    
    .move01 .cdesc {
        padding-left: 5px;
    }
    
    .move01 .cp {
        margin-left: 2px;
    }
    .list34 .alb {
        padding: 10px;
    }
    .list34 .item {
        margin-top: 15px;
    }
    .list33 .text_main {
        padding-top: 15px;
    }
}


/* 单篇 */
.single{
    padding: 3.3% 0;
}
.single .tit_box{
    text-align: center;
}
.single .editor{
    color: #001520;
    line-height: 1.77;
}
@media (max-width:768px){
    .single{
        padding: 25px 0;
    } 
}


/* 网站地图 */
.site01 {
    padding: 3.3% 0;
}
.site01 .list100 {
    display: flex;
    flex-wrap: wrap;
}
.site01 .item{
    width: 20%;
    margin-bottom: 2%;
}
.site01 .item .ctit {
    position: relative;
    padding-bottom: 20px;
}
.site01 .item .ctit a {
    color: #333;
}
.site01 .item .clist100 .citem {
    margin-top: 25px;
}
.site01 .item .citem a {
    font-size: 16px;
    color: #555;
}
.site01 .item .ctit::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 25px;
    height: 2px;
    background-color: #001520;
}
.site01 .item .citem a:hover{
    color: #333ba0;
}

@media(max-width:768px){
    .site01 .list100{
        flex-wrap: wrap;
    }
    .site01 .item .ctit{
        display: inline-block;
    }
    .site01 .list100 .item{
        width: 33.33%;
        margin-bottom: 15px;
        text-align: center;
    }
}
@media(max-width:480px){
    .site01 .list100 .item{
        width: 50%;
    }
    .site01 .item .clist100 .citem {
        margin-top: 10px;
    }
    .site01 .item .ctit {
        padding-bottom: 10px;
    }
}






/* 新闻详情 */
.news05{
    padding: 3.3% 0;
}
.hbox44 .title{
    text-align: center;
    color: #001520;
}
.hbox44 .other2{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 25px;
    margin-left: 25px;
}
.other2{
    display: flex;
    align-items: center;
}
.hbox44 .time{
    color: #999;
}
.hbox44 .editor{
    padding: 4.87% 0;
    border-bottom: 1px solid #e5e7e8;
    line-height: 1.787;
    color: rgba(35, 31, 32, .8);
}
.hbox44 .editor img{
    width: 100%;
}
.new_go{
    position: relative;
    padding-right: 220px;
    padding-top: 4.6%;
    padding-bottom: 4.6%;
}
.new_go .new_goit{
    display: flex;
}
.new_go .new_goit:not(:first-child) {
    margin-top: 15px;
}
.new_go .new_goit span {
    color: #999999;
    white-space: nowrap;
}
.new_go .new_goit a {
    color:rgba(35, 31, 32, .8);
    margin-left: 20px;
    display: inline-block;
}
.new_go .new_goit a:hover{
    color: #0d0c2a;
}
.goback1{
    line-height: 48px;
    text-align: center;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    right: 0;
    padding: 0 50px;
    display: inline-block;
    border: 1px solid #0d0c2a;
}
.goback1 span{
    color: #0d0c2a;
}
@media (max-width: 1459px) {
    .goback1 {
        padding: 0 40px;
    } 
    .new_go {
        padding-right: 150px;
    }
}
@media (max-width: 1280px) {
   
    .goback1 {
        padding: 0 25px;
        line-height: 40px;
    }
}
@media(max-width:768px){
    .hbox44 .editor,
    .news05{
        padding: 25px 0;
    }
    .hbox44 .other2 {
        margin-top: 15px;
    }
}
@media(max-width:640px){
    .new_go{
        padding-right: 0;
    }
    .goback1{
        position: relative;
        line-height: 30px;
        transform: unset;
        top: unset;
        margin-top: 15px;
    }
    .new_go .new_goit a {
        margin-left: 15px;
    }
}


/* 搜索结果页 */
.single02{
    padding: 3.3% 0;
}
.single02 .list25{
    padding-bottom: 20px;
}
.searchlist .capt{
    display: flex;
    align-items: center;
}
.searchlist .tit{
    color: #333333;
    flex: 1;
}
.searchlist .time{
    color: #666666;
    white-space: nowrap;
    margin-left: 15px;
}
.searchlist .item{
    margin-bottom: 20px;
    padding: 30px 40px;
    display: block;
    background-color: #fff;
    box-shadow: 0 0 15px rgba(24, 94, 126, .16);
}
@media (max-width: 1459px){
    .searchlist .item {
        padding: 25px 30px;
    } 
}
@media (max-width: 1280px){
    .searchlist .item {
        padding: 20px;
    } 
} 
@media (max-width: 768px){
    .report02 {
        padding: 25px 0;
    }
    .searchlist .item{
        padding: 15px;
        margin-bottom: 15px;
    }
    .searchlist .capt {
        flex-wrap: wrap;
    }
    .searchlist .tit {
        width: 100%;
        flex: unset;
    }
    .searchlist .time {
        margin: 10px 0 0;
    }
}


/* 弹窗 */
.partner_pop{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0,.1);
    z-index: 999;
}
.partner_pop .content{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.partner_pop .main{
    max-width: 700px;
    width: 90%;
    background-color: #fff;
    position: relative;
    padding:60px 30px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    background-image: url(../images/icon10.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.partner_pop .close{
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 2;
}
.partner_pop .pbox{
    color:#fff;
}
.partner_pop .pbox .pt {
    line-height: 1.3;
}
.partner_pop .pbox .pdesc {
    line-height: 1.8;
    margin-top: 10px;
}
.partner_pop .pbox2{
    margin-top: 30px;
}
.partner_pop .close::before,
.partner_pop .close::after{
    background-color: #fff;
} 
@media (max-width: 768px){
    .partner_pop .main{
        padding: 15px;
    }
    .partner_pop .pbox2 {
        margin-top: 15px;
    }
}



.returngo{
    position: fixed;
    right: 10px;
    bottom: 15%;
    z-index: 99;
    width: 50px;
    height: 50px;
    background-color: #fff;
    color: #01007b;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 6px;
    cursor: pointer;
    box-shadow: 0 10px 15px rgba(0, 0, 0, .1);
}
.returngo:hover{
    background-color: #01007b;
    color: #fff;
}



.index_navs{
    position: fixed;
    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: 99;
    right: 15px;
}
.index_navs .index_nav{
    width: 10px;
    height: 10px;
    background-color: #ccc;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    cursor: pointer;
    margin: 15px 0;
    display: block;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
    position:relative;
}
.index_navs .index_nav.cur{
    background-color: #01007b;
}
.index_navs .index_nav .index_cpt {
    position: absolute;
    right: 18px;
    white-space: nowrap;
    top: 50%;
    transform: translate(0, -50%);
}
.index_navs .index_nav.cur .index_cpt{
    color:#01007b;
}
@media (max-width: 640px){
    .index_navs .index_nav .index_cpt{
        display:none;
    }
}


.index_box{
    height: 100%;
}
.index_box .index_main{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; 
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.index_box .index_main_padding{
    padding-top: 110px;
}
.banner,
.index01,
.index03,
.index04,
.index05{
    width: 100%;
    height: 100%;
}



@media (max-width: 1459px) {
    .index_box .index_main_padding {
        padding-top: 90px;
    }
}
@media (max-width: 1280px) {
    .index_box .index_main_padding {
        padding-top: 70px;
    }
} 
@media (max-width: 768px){
    .index_box{
        height: auto;
    }
    .index_box .index_main{
        position: static;
        display: block;
    }
    .index_box .index_main_padding {
        padding-top: 0;
    }
    .banner{
        height: auto;
    }
    .index01,
    .index03,
    .index04,
    .index05{ 
        height: auto;
        padding: 25px 0;
    }
   
}


.fixed1{
    position: fixed;
    right: calc(100% - 12.15%);
    bottom: 11%;
    z-index: 99;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
}
.fixed1.fixed2{
    left: unset;
    right: 35px;
}
.fixeds{
   
}
.fixeds .fixed{
    padding: 16px;
    border-bottom: 1px solid #fff;
    color: #333;
    max-width: 160px;
    line-height: 1.5;
    cursor: pointer;
    display: block;
}
.fixeds .fixed.cur{
    background-image: url(../images/icon10.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: #02017b;
    color: #fff;
}

@media (max-width: 1680px) {
    .fixed1{
        left: calc(100% - 7.5%);
    }
}
@media (max-width: 1280px) {
    .fixed1{
        left: calc(100% - 5%);
    }
}
@media (max-width: 1200px) {
    .fixed1{
        left: calc(100% - 10%);
    }
}
@media (max-width: 1024px) {
    .fixed1{
        left: calc(100% - 15px);
    }
}
@media (max-width: 768px) {
    .fixed1{
        left: calc(100% - 10px);
    }
}


@media (max-width: 768px){
    .fixeds .fixed {
        padding: 3px 5px;
        font-size: 12px;
        max-width: 90px;
    }
    .fixed1 {
        left: calc(100% - 10px);
        border-radius: 10px;
    }
    .fixed1.fixed2{
        left: unset;
        right: 35px;
    }
}



.hbox45{
    display: flex;
    padding: 5% 0;
}
.hbox45 .left{
    width: 300px;
}
.hbox45 .right{
    flex: 1;
    padding-left: 65px;
}

.tabs7{
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    box-shadow: 0 0 15px rgba(0,0,0,.05);
    overflow: hidden;
    position: sticky;
    top: 135px;
}
.tabs7 .tab{
    padding: 25px 20px 25px 20px;
    position: relative;
    display: block;
}

.tabs7 .tab span{
    display: inline-block;
    position: relative;
    padding-right: 35px;
}
.tabs7.cur .tab span{
      display: block;
}
.tabs7 .tab span::before{
    content: '';
    display: block;
    position: absolute;
    right: 0;
    background-image:url(../images/right_hover.svg);
    width: 11px;
    height: 17px;
    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%);
}
.tabs7 .tab.cur{
    background-image: url(../images/icon10.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: #02017b;
    color: #fff;
}

.list35 .item{
    margin-bottom: 35px;
}
.list35 .tit{
    color: #01007b;
    font-weight: 700;
    padding-bottom: 10px;
}
.list35 .desc_item{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    line-height: 1.3;
    margin-top: 10px;
}
.list35 .ctit{
    color: #0d0c2a;
    font-weight: 700;
}
.list35 .cdesc{
    color: #231f20;
}

.hbox43 .list36{
    padding: 5% 0;
}
.list36 .item{
    display: flex;
    align-items: center;
    padding: 35px 0;
    border-bottom: 1px solid #e5e5e5;
}
.list36 .tit{
    color: #0d0c2a;
    flex: 1;
    padding-right: 15px;
}
.list36 .time{
    color: #231f20;
    padding-left: 40px;
    line-height: 1;
    background-image: url(../images/icon16.png);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: contain;
}




@media (max-width: 1459px){
    .hbox45 .right {
        padding-left: 45px;
    }
    .list36 .time {
        padding-left: 30px;
    }
    .list36 .item {
        padding: 25px 0;
    }
    .tabs7{
        top: 100px;
    }
}
@media (max-width: 1280px){
    .tabs7{
        top: 80px;
    }
}
@media (max-width: 1024px){
    .hbox45 .left {
        width: auto;
    }
    .tabs7 .tab {
        padding: 25px 25px 25px 30px;
    } 
    .list36 .time {
        padding-left: 25px;
    }
    .list36 .item {
        padding: 15px 0;
    }
}
@media (max-width: 768px){
    .hbox45 {
        padding: 25px 0;
    }
    .hbox43 .list36{
        padding: 25px 0;
    }
    .tabs7{
        top: 55px;
    }
}
@media (max-width: 640px){
    .hbox45 {
        flex-wrap: wrap;
    }
    
    .hbox45 .left {
        width: 100%;
    }
    
    .hbox45 .right {
        width: 100%;
        padding: 15px 0 0;
    }
    
    .tabs7 .tab {
        padding: 20px 20px 20px 30px;
    }
    .list35 .item {
        margin-bottom: 15px;
    }
    .list36 .item {
        flex-wrap: wrap;
    }
    
    .list36 .tit {
        flex: unset;
        width: 100%;
    }
    
    .list36 .time {
        margin-top: 10px;
    }
}



.list37{
    display: flex;
    flex-wrap: wrap;
}
.list37 .item{
    width: 48.5%;
    padding: 40px 50px;
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    display: flex;
    flex-wrap: wrap;
    flex-wrap: wrap;
    flex-direction: column;
}
.list37 .item:not(:nth-child(2n+1)){
    margin-left: 3%;
}

.list37 .item_title{
    padding-left: 25px;
    color: #01007b;
}
.list37 .list37_main{
    margin-top: 20px; 
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
    flex: 1;
}
.list37 .list37_map{
    position: relative;
}
.chart_items37{
    position: relative;
    overflow: hidden;
}
.chart_items37 .chart_item{
    height: 40px;
    display: flex;
    align-items: center;
}
.chart_items37 .num {
    width: 80px;
    min-width: 80px;
    white-space: nowrap;
    text-align: right;
    color: rgba(13, 12, 42, .5);
    padding-right: 5px;
}
.chart_items37 .chart_item::after {
    flex: 1;
    margin-left: 20px;
    content: '';
    display: block;
    height: 1px;
    background-color: #e5e5e5;
}
.chart_items37 .chart_item:last-child::after{
    background-color: #000000;
}
.chart_items37::before{
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    left: 100px;
    bottom: 20px;
    background-color: #000;
}
.chart_dings37 {
    position: absolute;
    bottom: 0;
    left: 100px;
    right: 30px;
    top: 0;
}
.chart_dings37 .chart_ding1 {
    position: absolute;
    bottom: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 20%;
}
.chart_dings37 .bar {
    flex: 1;
    background-color: rgba(228, 230, 234, .5);
    border-radius: 45px;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    -ms-border-radius: 45px;
    -o-border-radius: 45px;
    position: relative;
    margin-top: 20px;
}
.chart_dings37 .bar .span {
    width: 100%;
    border-radius: inherit;
    -webkit-border-radius: inherit;
    -moz-border-radius: inherit;
    -ms-border-radius: inherit;
    -o-border-radius: inherit;
    position: absolute;
    bottom: 0;
    height: 15%;
    overflow:  unset !important;
}
.chart_dings37 .tit {
    color: #0d0c2a;
    white-space: nowrap;
    text-align: center;
    /*margin-top: 16px;
    */line-height: 1;
    font-size: 1vw;
    height: 20px;
    transform: translate(0,10px);
    -webkit-transform: translate(0,10px);
    -moz-transform: translate(0,10px);
    -ms-transform: translate(0,10px);
    -o-transform: translate(0,10px);
}

.chart_dings37 .cdesc{
    position: absolute;
    left: 50%;
    display: flex;
    align-items: flex-end;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    bottom: 100%;
    padding-bottom: 15px;
    line-height: 1;
}
.chart_dings37 .ct{
    line-height: .8;
}
.chart_dings37 .cp{
    margin-left: 10px;
}
@media (max-width: 1459px){
    .list37 .item{
        padding: 35px;
    }
}
@media (max-width: 1280px){
    .list37 .item{
        padding: 25px;
    }
}
@media (max-width: 1024px){
    .chart_items37 .num {
        width: 60px;
        min-width: 60px;
    }
    
    .chart_dings37 {
        left: 80px;
    }
    
    .chart_items37::before {
        left: 80px;
    }
    .chart_dings37 .cp {
        margin-left: 5px;
    }
    
}
@media (max-width: 640px){
    .list37 .item {
        padding: 15px;
        width: 100%;
    }
    
    .list37 .item:not(:nth-child(2n+1)) {
        margin-left: 0;
        margin-top: 15px;
    }
    .chart_dings37 .tit {
        font-size: 10px;
    }
    .chart_dings37{
        right: 15px;
    }
    .chart_items37 .num {
        width: 40px;
        min-width: 40px;
    }

    .chart_items37::before {
        left: 60px;
        bottom:10px;
    }
    .chart_items37 .chart_item {
        height: 20px;
    }
    .chart_dings37{
        bottom: -10px;
    }
    .chart_dings37 .bar{
        margin-top: 10px;
    }
}

/*20241226*/
.list14 .text_box.s2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.list14 .text_box.s2 .tl {
    flex: 1 1 auto;
    padding-right: 20px;
    overflow: hidden;
}

.list14 .text_box.s2 .tr {
    flex: 0 0 auto;
}

.list14 .text_box.s2 .base_more {
    border-color: #fff;
}

.list14 .text_box.s2 .base_more span {
    color: #fff;
}

.list14 .text_box.s2 .base_more:hover {
    border-color: #01007b;
}
.hbox29_main .form_list {
    justify-content: space-between;
}

/*2024.1.7*/
.head_list .header_item:last-child .nav_box{
    display:none !important;
}