@charset "utf-8";

@font-face {
	font-family: "HarmonyOS_Sans_SC_Regular";
	src: url(../fonts/HarmonyOS_Sans_SC_Regular.ttf);
}
@font-face {
	font-family: "HarmonyOS_Sans_SC_Light";
	src: url(../fonts/HarmonyOS_Sans_SC_Light.ttf);
}
@font-face {
	font-family: "HarmonyOS_Sans_SC_Bold";
	src: url(../fonts/HarmonyOS_Sans_SC_Bold.ttf);
}
@font-face {
	font-family: "HarmonyOS_Sans_SC_Medium";
	src: url(../fonts/HarmonyOS_Sans_SC_Medium.ttf);
}
@font-face {
	font-family: "HarmonyOS_Sans_SC_Thin";
	src: url(../fonts/HarmonyOS_Sans_SC_Thin.ttf);
}
@font-face {
	
}


.honor .left .list .swiper-slide {
    width: 100% !important;
}

*{
    scroll-behavior: smooth;
    font-family: "HarmonyOS_Sans_SC_Regular";
}
.fd::after {
    content: " ";
    display: block;
    clear: both;
}
.fd {
    zoom: 1;
}
.container{
    max-width: 75%;
    margin: 0 auto;
    /* width: 100%; */
    width: 75%;
}
.wapr{
    width: 100%;
    margin: 0 auto;
    max-width: 1800px;
}
.app{
    display: none;
}
.pc{
    display: block;
}
.wimg{
    width: 100%;
}
@media(max-width:1800px){
    .wapr{
        width: 95%;
    }
}

@media(max-width:1440px){
    .container{
        max-width: unset;
        width: 95%;

    }
}

@media(max-width:1024px){
    .wapr,
    .container{
        width: 100%;
        padding: 0 30px;
    }
}

@media(max-width:768px){
    .wapr,
    .container{
        width: 100%;
        padding: 0 15px;
    }
    .app{
        display: block;
    }
    .pc{
        display: none;
    }
}

.hover_img{
    overflow: hidden;
}
.hover_img: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);
}
.hover_img img{
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
/* pager */

left_icon.png
.Pages{
    text-align: center;
}
.Pages .p_page{
    display: flex;
    justify-content: center;
}
.Pages .p_page a{
    width: 50px;
    text-align: center;
    line-height: 50px;
    position: relative;
    display: inline-block;
    font-style: initial;
    margin: 0 10px;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
}
.Pages .p_page .a_prev,.Pages .p_page .a_next{
    background-image: url(../images/left_icon.png);
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #e5e5e5;
    width: 85px;
}
.Pages .p_page .a_prev:hover,.Pages .p_page .a_next:hover{
    background-image: url(../images/left_icon1.png);
}
.Pages .p_page .a_prev:hover::before{
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
}
.Pages .p_page .a_next:hover::before{
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
}
.Pages .p_page a.a_cur{
    background-color: #1c3f9b;
    color: #fff;
}
.Pages .p_page a:hover{
    background-color: #1c3f9b;
    color: #fff;
}
@media (max-width: 1024px){
    .Pages .p_page a{
        width: 40px;
        line-height: 40px;
        height: 40px;
    }
    .Pages .p_page .a_prev, .Pages .p_page .a_next{
        width: 70px;
    }
}
@media (max-width: 768px){
    .Pages .p_page a {
        width: 30px;
        line-height: 30px;
        font-size: 14px;
        margin: 0 5px;
        height: 30px;
    }
    .Pages .p_page .a_prev, .Pages .p_page .a_next{
        width: 40px;
    }
}





/* 导航 */

.nav{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    transition:.6s;
}

.nav.nav2{
    background-color: #1c3f9b;
}

.nav .main{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 110px;
    transition:.6s;
}
.nav .main .con{
    display: flex;
    align-items: center;
}
.nav .main .nav_title{
    position: relative;
    padding: 15px 20px;
}
.nav .main .con .list{
    display: flex;
}
.nav .main .con .item{
    position: relative;
    }
.nav .main .con .list .ulist{
    /* display: block !important; */
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    width: 110%;
    text-align: center;
    font-size: 16px;
     background-color: rgb(255 255 255 / 83%);
    border-radius: 10px;    overflow: hidden;
}
.nav .main .con .list .uitem{
    padding: 5px 0;
}
.nav .main .con .list .uitem:hover{
    background-color: #1c3f9b;
}
.nav .main .con .list .uitem:hover a{
    color: #fff;
}
.nav .main .con .list .uitem a{
    color: #1c3f9b;
    font-size: 14px;
}

.nav .main a{
    color: #fff;
    font-size: 16px;
}
.nav .meau{
    display: block;
}
.open_menu{
    width: 30px;
    height: 20px;
    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:30px;
    display: none;
    cursor: pointer;
}
.open_menu i {
    position: absolute;
    width: 100%;
    height: 2px;
    background: #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: -10px;
}
.open_menu i:nth-child(3) {
    margin-top: 8px;
}
.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;
}

.nav .main .search{
    position: relative;
    padding-left: 30px;
}

.nav .main .searbox{
    position: absolute;
    right: 0;
    top: 100%;
    width: 0;
    background-color: #fff;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    height: 30px;
}
.nav .main .searbox input{
    width: 100%;
    height: 100%;
    font-size: 12px;
    padding: 5px;
}
.nav .main .serach_btn{
    background-image: url(../images/search.png);
    width:21px;
    height: 21px;
}
.nav .main .search:hover .searbox{
    width: 150px;
}
.nav .main .list .item label{
    width: 10px;
    height: 10px;
    position: absolute;
    right: 15px;
    top: 0;
    display: none;
    z-index: 3;
}
.nav .main .list .item label::before{
    content: '';
    display: block;
    position: absolute;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    width: 8px;
    height: 8px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}



/* 底部 */
.foot{
    background-color: #1c3f9b;
    padding-top: 115px;
    position: relative;
    overflow: hidden;
}
.foot::before{
    content: '';
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url(../images/footer_icon.png);
    background-repeat: no-repeat;
    width: 700px;
    height: 476px;
    top: 52%;
    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: 0;
}
.foot .main{
    display: flex;
    justify-content: space-between;
    padding-bottom: 60px;
    border-bottom: 1px solid rgba(255, 255, 255, .05);
    position: relative;
    z-index: 1;
}
.foot .main .uitem a:hover,
.foot .copy_right .right a:hover{
    opacity: 1;
}
.foot .main .footnav .list{
    display: flex;
}
.foot .main .item{
    padding: 0 20px;
}
.foot .main .nav_title{
    margin-bottom: 35px;
}
.foot .main .nav_title a{
    color: #fff;
    font-size: 18px;
}
.foot .main .uitem a{
    color: #fff;
    font-size: 16px;
    opacity: .4;
}
.foot .main .uitem {
    padding: 10px 0;
}
.foot .main .wx_box{
    text-align: center;
}
.foot .main .wx_box .imgbox{
    background-color: #fff;
    padding: 10px;
}
.foot .main .wx_box  .title{
    font-size: 16px;
    color: #fff;
    opacity: .4;
    margin-top: 20px;
}

.foot .logo a{
    margin-bottom: 75px;
    display:block;
}
.foot .logo .title{
    font-size: 18px;
    color: #ffffff;
    line-height: 1;
    margin-bottom: 25px;
}
.foot .logo .jubao{
    font-size: 18px;
    color: #ffffff;
    line-height: 1;
}
.foot .logo .jubao .t01{
    font-size: 16px;
    color: #fff;
    margin-bottom: 10px;
}
.foot .logo .jubao .tel{
    font-size: 30px;
    color: #fff;
    margin-bottom: 20px;
}
.foot .logo .jbmeall{
    font-size: 16px;
    color: #fff;
}
.foot .copy_right{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 35px 0;
}
.foot .copy_right .left{
    font-size: 14px;
    color: #fff;
    display: flex;
    align-items: center;
}
.foot .copy_right .left .title{
    opacity: .4;
}
.foot .copy_right .left .title p{
    display: flex;
}
.foot .copy_right .left a{
    opacity: 1;
    display: block;
    margin-left: 15px;
}
.foot .copy_right .right a {
    padding: 0 7.5px;
    position: relative;
    font-size: 14px;
    color: #fff;
    opacity: .4;
}
.foot .copy_right .right a + a::before{
    content: '';
    display: block;
    width: 2px;
    height: 60%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: #fff;
    opacity: .1;
    position: absolute;
    left: -3px;
    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%);
}

.base_right{
    position: fixed;
    right: 15px;
    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: 80px;
    z-index: 3;
}
.base_right .base_item{
    background-color: #1c3f9b;
    color: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    text-align: center;
    padding: 10px;
    margin-bottom: 5px;
    display: block;
}
.base_right .base_item .title{
    font-size: 18px;
    margin-top: 10px;
    line-height: 1;
}
@media (max-width: 1700px){
    .foot .main .item {
        padding: 0 30px;
    }
}
@media (max-width: 1600px){
.foot .main .item{
        padding: 0 20px;
    }
}
@media (max-width: 1459px){
    .foot .main .nav_title{
        margin-bottom: 20px;
    }
    
    .foot::before{
        top: 48.2%;
    }
    .foot{
        padding-top: 80px;
    }
}
@media (max-width: 1560px){
.foot .main .item {
    padding: 0 20px;
}
}
@media (max-width: 1250px){
    .foot .copy_right{
        flex-wrap: wrap;
        padding: 20px 0;
    }
    .foot .copy_right .left{
        width: 100%;
    }
    .foot .copy_right .right{
        width: 100%;
        margin-top: 10px;
    }
    .foot .copy_right .right a:first-child{
        padding-left: 0;
    }
    .nav .main .nav_title{
        padding: 0 15px;
    }
}
@media (max-width: 1180px){
    .foot .main .nav_title a{
        font-size: 16px;
    }
    .foot .main .uitem a{
        font-size: 14px;
    }
    .foot .main .wx_box .title{
        font-size: 14px;
    }
    .foot{
        padding-top: 50px;
    }
    .foot::before{
        top: 44%;
    }
    .foot .main .item{
        padding: 0 12px;
    }
    .foot .logo a{
        margin-bottom: 35px;
    }
    .foot .logo .title{
        font-size: 14px;
    }

}
@media (max-width: 1024px){
    .foot .logo .jubao .t01 {
        font-size: 14px;
    }

    .foot .logo .jubao .tel {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .foot .logo .jbmeall {
        font-size: 14px;
    }
    .foot .main .uitem{
        padding: 5px 0;
    }
    .foot .main .footnav{
        display: none;
    }
    .foot::before {
        width: 46%;
        height: 59%;
        background-size: contain;
    }
    .foot .main{
        padding-bottom: 30px;
    }
    .foot .copy_right .left a{
        min-width: 30px;
    }
    .nav .main .con .list .ulist{
        position: static;
        width: 100%;
        background-color: unset;
        transform: unset;
        -webkit-transform: unset;
        -moz-transform: unset;
        -ms-transform: unset;
        -o-transform: unset;
        text-align: unset;
        text-align: left;
    }
    .nav .main .con .list .uitem a{
        color: #fff;
    }
    .nav .meau{
        display: none;
        position: absolute;
        top: 100%;
        right: 0;
        background-color: #1c3f9b;
        padding: 15px 0 50px;
        width: 100%;
        max-width: 250px;
    }
    .nav .main .con{
        flex-wrap: wrap;
    }
    .nav .main{
        height: 70px;
    }
    .nav .main .search{
        width: 100%;
        display: flex;
        padding: 0 15px;
        align-items: center;
    }
    .open_menu{
        display: block;

    }
    .nav .main .con .list{
        display: block;
        width: 100%;
    }
    .nav .main .nav_title{
        padding: 0;
        margin-bottom: 10px;
    }
    .nav .main .searbox{
        right: 0;
        width: 100%;
        top: 30px;
        flex: 1;
        position: static;
        margin-right: 2%;
    }
    .nav .main .search:hover .searbox{
        width: unset;
    }
    .nav .main .con .list .item{
        padding:0 15px;
    }
    .nav .main .nav_title{
        border-bottom: 1px solid #fff;
        padding-bottom: 5px;
    }
    .nav .main .uitem a{
        font-size: 14px;
    }

    .nav .main .uitem{
        padding: 5px 0;
    }
    .nav .main .searbox{
        left: 15px;
        width: auto;
        right: 15px;
    }

    .nav .main .list .item label{
        display: block;
    }
    .base_right{
        right: 15px;
        bottom: 15px;
        transform: unset;
        -webkit-transform: unset;
        -moz-transform: unset;
        -ms-transform: unset;
        -o-transform: unset;
        top: unset;
        width: 65px;
    }
    .base_right .base_item .title{
        font-size: 14px;
    }
    .base_right .base_item img{
        max-width: 30px;
    }
}
@media (max-width: 768px){

    .foot .copy_right .left,
    .foot .copy_right .right a{
        font-size: 12px;
    }
    .nav .main a{
        font-size: 14px;
    }

    .nav .main .uitem a{
        font-size: 12px;
    }
    .nav .main .uitem{
        padding: 5px 0;
    }
    .nav .logo img{
        max-width: 150px;
    }
    .open_menu{
        right: 20px;
    }
    .nav .meau{
        max-width: unset;
    }
    .nav .main {
        height: 50px;
    }
}


/* banner */
@keyframes myscale{
    from{transform:scale(1.1);
        -webkit-transform:scale(1.1);
        -moz-transform:scale(1.1);
        -ms-transform:scale(1.1);
        -o-transform:scale(1.1);}
to{transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);}
}
.banner .swiper-slide.swiper-slide-active a{
    animation:myscale 5s infinite;
    -webkit-animation:myscale 5s infinite;
    animation-iteration-count:1;
    -webkit-animation-iteration-count:1;
}
.banner .swiper-slide{
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.banner .swiper-slide a{
    display: block;
}
.banner{
    position: relative;
}
.banner .title{
    position: absolute;
    top: 41%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    font-size: 72px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 35px;
    width: 100%;
    text-align: center;
}
.banner .swiper_box{
    position: absolute;
    bottom: 30px;
    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);
    z-index: 2;
}
.banner .swiper_box .content{
    display: flex;
    align-items: center;
}
.banner .swiper_btn{
    width: 40px;
    height: 40px;
    border: 1px dashed #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    position: relative;
    cursor: pointer;
}

.banner .swiper_btn.left_btn::before{
    content: '';
    display: block;
    position: absolute;
    top: 14px;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    right: 12px;
    width: 10px;
    height: 10px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}
.banner .swiper_btn.right_btn::before{
    content: '';
    display: block;
    position: absolute;
    top: 13px;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    right: 15px;
    width: 10px;
    height: 10px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}
.banner .swiper-pagination{
    position: relative;
    padding: 0 50px;
}
.banner .swiper-pagination span{
    margin: 0 5px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    background-color: #fff;
}
.banner .swiper-pagination span.swiper-pagination-bullet-active{
    width: 120px;
}

.index02{
    padding: 7.62% 0;
}
.index02 .top{
    display: flex;
    justify-content: space-between;
    margin-bottom:4.2%;
}
.index02 .top .title{
    font-size: 40px;
    color: #333333;
    font-family: "HarmonyOS_Sans_SC_Bold";
}
.index02 .top .desc{
    font-size: 18px;
    color: #333333;
    margin-top: 30px;
}
.index02 .top .tit01{
    font-size: 40px;
    font-family: "HarmonyOS_Sans_SC_Bold";
    font-style: oblique;
    color: #1c3f9b;
}

.index02 .top .tit01:first-child{
    padding-right:65px ;
}
.index02 .top .tit01:last-child{
    padding-left:65px ;
}
.index02 .list .item{
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.5%;
    position: relative;
}
.index02 .list .item .tbox{
    position: absolute;
    left: 0;
    right: 0;
    top:100%;
    bottom: 0;
    background-color: rgba(21,59,164,.8);
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    overflow: hidden;
    z-index: 2;
}
.index02 .list .item .tbox .t01{
    font-size: 30px;
    color: #fff;
    font-family: "HarmonyOS_Sans_SC_Bold";
}
.index02 .list .item .tbox .edit{
    font-size: 16px;
    color: #fff;
    font-family: "HarmonyOS_Sans_SC_Light";
    line-height: 1.875;
    margin: 55px 0 70px;
    max-width: 520px;
    width: 98%;
}
.index02 .list .item .tbox a{
    font-size: 30px;
    color: #fff;
    line-height: 55px;
    width: 180px;
    font-size: 16px;
    border: 2px solid #fff;
    border-radius: 27px;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    -ms-border-radius: 27px;
    -o-border-radius: 27px;
}
.index02 .list .item .tbox a:hover{
    background-color: #fff;
    color: #1c3f9b;
}
.index02 .list .item .ctit{
    position: absolute;
    left: -64px;
    bottom: -180px;
    width: 270px;
    height: 270px;
    background-image: linear-gradient(to bottom right, #fff, transparent);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    transform: rotate(73deg);
    -webkit-transform: rotate(73deg);
    -moz-transform: rotate(73deg);
    -ms-transform: rotate(73deg);
    -o-transform: rotate(73deg);
    opacity: .9;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.index02 .list .item .ctit span{
    transform: rotate(-73deg);
    -webkit-transform: rotate(-73deg);
    -moz-transform: rotate(-73deg);
    -ms-transform: rotate(-73deg);
    -o-transform: rotate(-73deg);
    display: inline-block;
    width: auto;
    position: absolute;
    left: -7%;
    top: 26%;
    font-size: 22px;
}
.index02 .list .item .pitem{
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.index02 .list .item .pitem img{
    width: 100%;
}
.index02 .list .item:nth-child(2n+1) .pitem:first-child{
    width: 66%;
}
.index02 .list .item:nth-child(2n+1) .pitem:last-child{
    width:32.5%;
}
.index02 .list .item:nth-child(2n) .pitem:first-child{
    width:32.5%;
}
.index02 .list .item:nth-child(2n) .pitem:last-child{
    width: 66%;
}

.index02 .list .item:nth-child(2n+1) .pitem:last-child .edit,
.index02 .list .item:nth-child(2n) .pitem:first-child .edit{
    width: 80%;
}
.index02 .list .item .pitem:hover .tbox{
    top: 0;
}
.index02 .list .item .pitem:hover .ctit{
    bottom: -150%;
}

.index03{
    background-repeat: no-repeat;
    background-size: cover;
}
.index03 .content{
    display: flex;
    justify-content: space-between;
    max-height: 1000px;
}
.index03 .content .left{
    border-left: 1px solid rgba(255, 255, 255, .1);
}
.index03 .content .left .item{
    padding-left: 55px;
    position: relative;
}
.index03 .content .left .item .title{
    font-size: 30px;
    color: #fff;
        max-width: 380px;
    display: -webkit-box;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.index03 .content .left .item .desc{
    font-size: 18px;
    color: #fff;
    font-family: "HarmonyOS_Sans_SC_Light";
    margin-top: 35px;
    max-width: 380px;
    line-height: 1.5;
    display: -webkit-box;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}
.index03 .content .left .item a{
    font-size: 16px;
    color: #f8f8f8;
    opacity: 0;
    display: inline-block;
    margin-top: 35px;
    background-image: url(../images/more1.png);
    background-repeat: no-repeat;
    padding-right: 30px;
    background-position: center right;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.index03 .content .left .swiper-slide.swiper-slide-active a{
    opacity: 1;
}
.index03 .content .left .swiper-slide{
    opacity: .5;
}
.index03 .content .left .swiper-slide.swiper-slide-active{
    opacity: 1;
}
.index03 .content .left .item::before{
    content: '';
    display: block;
    left: 0;
    width: 2px;
    height: 100%;
    background-color: #d71729;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
}
.index03 .content .left .swiper-slide.swiper-slide-active .item::before{
    opacity: 1;
}
.index03 .content .left .swiper-container{
    height: 100%;
}
.index03 .content .right{
    /* padding: 7.7% 0; */
    transform: translate(90px,0);
    -webkit-transform: translate(90px,0);
    -moz-transform: translate(90px,0);
    -ms-transform: translate(90px,0);
    -o-transform: translate(90px,0);
    display: flex;
    align-items: center;
    overflow: hidden;
    width: 57%;
    max-width: 800px;
}
@-webkit-keyframes changeright{

    0%{-webkit-transform:rotate(0deg);}

    50%{-webkit-transform:rotate(180deg);}

    100%{-webkit-transform:rotate(360deg);}
}
@-webkit-keyframes changeleft{

    0%{-webkit-transform:rotate(360deg);}

    50%{-webkit-transform:rotate(180deg);}

    100%{-webkit-transform:rotate(0deg);}
}
.index03 .content .main{
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-image: url(../images/index03_icon.png);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    -webkit-animation:changeright 15s linear infinite;
    background-size: contain;
}

.index03 .content .main .miten{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;

}
.index03 .content .main .miten img{
    -webkit-animation:changeleft 15s linear infinite;
}

.index04{
    padding:8.1% 0;
    position: relative;
    overflow: hidden;
}
.index04::before{
    content: '';
    display: block;
    position: absolute;
    left: 18%;
    top: 0;
    background-image: url(../images/index04_icon.png);
    width: 820px;
    height: 330px;
    z-index: -1;
}
.index04 .content{
    display: flex;
    justify-content: space-between;
}
.index04 .left{
    padding-top: 45px;
    width: 55.55%;
}
.index04 .title{
    font-size: 40px;
    color: #333333;
    margin-bottom: 30px;
}
.index04 .left .main{
    background-color: #f7f7f7;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    padding: 50px 50px;
    margin-top: 80px;
}
.index04 .left .ctop{
    display: flex;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
}
.index04 .left .ctop .citem{
    font-size: 24px;
    color: #333333;
    position: relative;
    padding-bottom: 30px;
    cursor: pointer;
}
.index04 .left .ctop .citem.cur{
    color: #d71729;
}
.index04 .left .ctop .citem.cur::before{
    content: '';
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    width: 100%;
    height: 3px;
    background-color: #d71729;
}
.index04 .left .ctop .citem:not(:first-child){
    margin-left: 60px;
}
.index04 .left .bpitem{
    padding: 15px 0;
}
.index04 .left .bpitem{
    border-bottom: 1px solid rgba(0, 0, 0, .08);
}
.index04 .left .bpitem:first-child{padding-top: 40px;}
.index04 .left .bpitem:last-child{
    padding-bottom: 0;
    border-bottom: none;
}
.index04 .left .bpitem{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.index04 .left .bpitem .imgbox{
    width: 34%;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    overflow: hidden;
}

.index04 .left .bpitem .bptxt{
    width: 63%;
}
.index04 .left .bpitem .bptxt span{max-width: 80%;display: inline-block;}
.index04 .left .bpitem .bptit{
    font-size: 22px;
    color: #333;
    line-height: 1.45;
    font-family: "HarmonyOS_Sans_SC_Light";
}
.index04 .left .bpitem:hover .bptit{
    color: #d71729;
}
.index04 .left .bpitem: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);
}
.index04 .left .bpitem .bpdesc {
    font-size: 16px;
    color: #666666;
    line-height: 1.45;
    font-family: "HarmonyOS_Sans_SC_Light";
    margin-top: 10px;
    /* height: 46px; */
    overflow: hidden;
    overflow: hidden;
    text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.index04 .right{
    width: 38%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.index04 .right a{
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
    display: block;
}
.index04 .right a img{
    width: 100%;
}
.index04 .right a:hover .rtit{
    color: #d71729;
}
.index04 .right .imgbox{
    position: relative;
        min-height: 40px;
}
.index04 .right .time{
    background-color: #d71729;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
    line-height: 40px;
    width: 100px;
    color: #fff;
}
.index04 .right .rtext{
    background-color: #f7f7f7;
    padding: 50px 60px;
}
.index04 .right .rtit{
    font-size: 24px;
    color: #333;
    line-height: 1.33;
}
.index04 .right .rdesc{
    font-size: 16px;
    color: #666;
    font-family: "HarmonyOS_Sans_SC_Light";
    line-height: 1.75;
    margin-top: 30px;
    overflow: hidden;
    overflow: hidden;
    text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.index04 .right .more{
    background-image: url(../images/more.png);
    background-repeat: no-repeat;
    width: 100px;
    background-position: center right;
    display: inline-block;
    margin-top: 30px;
    color: rgba(51, 51, 51, .6);
}
.index04 .right .swiper-pagination{
    position: absolute;
    bottom: 55px;
    right: 50px;
    text-align: right;
    width: auto;
}
.index04 .right .swiper-pagination-bullet{
    width: 15px;
    height: 2px;
    background-color: rgba(0, 0, 0, 1);
    border-radius: unset;
    -webkit-border-radius: unset;
    -moz-border-radius: unset;
    -ms-border-radius: unset;
    -o-border-radius: unset;
}
.index04 .right .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color: #d71729;
}
.index04 .right .link_to{
    line-height: 54px;
    border-radius: 27px;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    -ms-border-radius: 27px;
    -o-border-radius: 27px;
    font-size: 16px;
    display: inline-block;
    width: 180px;
    border: 2px solid #d71729;
    text-align: center;
    color: #d71729;
}
.index04 .right .link_to:hover{
    color: #1c3f9b;
    border-color: #1c3f9b;
}

.index05{
    background-repeat: no-repeat;
    background-size: cover;
    padding: 13.1% 0;
    overflow: hidden;
}

.index05 .content{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.index05 .left{

}
.index05 .left .title{
    font-size: 18px;
    color: #ffffff;
}
.index05 .left .desc{
    font-size: 40px;
    color: #fff;
    font-family: "HarmonyOS_Sans_SC_Bold";
    margin-top: 35px;
}
.index05 .left .edit{
    margin-top: 100px;
    font-size: 16px;
    color: #fff;
    line-height: 1.875;
    font-family: "HarmonyOS_Sans_SC_Light";
    max-width: 500px;
      display:-webkit-box;
  overflow:hidden;
  -webkit-line-clamp:8;
  -webkit-box-orient:vertical;
  text-overflow:ellipsis;

}
.index05 .left .more{
    margin-top: 115px;
    display: inline-block;
    width: 180px;
    line-height: 50px;
    border: 2px solid #fff;
    color: #fff;
    text-align: center;
    font-size: 16px;
    border-radius: 27px;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    -ms-border-radius: 27px;
    -o-border-radius: 27px;
}
.index05 .left .more:hover{
    background-color: #fff;
    color: #1c3f9b;
}
.index05 .right{
    display: flex;
    align-items: center;
}
.index05 .right .con{
    position: relative;
    -webkit-animation: changeright 45s linear infinite;
}
.index05 .right .main{
    position: relative;
    -webkit-animation: changeleft 45s linear infinite;
}
.index05 .right .rnitem{
    -webkit-animation: changeleft 45s linear infinite;
}
.index05 .right .ritem{
    position: relative;
}
.index05 .right .rnbox .rnitem{
    /* display: none; */
    position: absolute;
    text-align: right;

}

.index05 .right .rwbox .dian:nth-child(1){
    left: 16%;
    top: 9.2%;
}
.index05 .right .rwbox .dian:nth-child(2){
    left: 23%;
    top: 13.7%;
}
.index05 .right .rnbox .dian,
.index05 .right .rwbox .dian{
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 1px solid #fff;
    position: absolute;
}
.index05 .right .rnbox .dian::before,
.index05 .right .rwbox .dian::before{
    content: '';
    display: block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    width: 3px;
    height: 3px;
    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%);
}
.index05 .right .rwbox .dian{
    border: unset;
}
.index05 .right .rnbox .rnitem .time{
    font-size: 20px;
    color: #ffffff;
}
.index05 .right .rnbox .rnitem .time span{
    font-size: 65px;
    color: #ffffff;
    
}
.index05 .right .rnbox .rnitem .rdesc{
    color: #fff;
    font-size: 16px;
    max-width: 210px;
    text-align: right;
}
.index05 .right .rnbox .rnitem:nth-of-type(5){
    left: -26.5%;
    top: 33%;
}

.index05 .right .rnbox .rnitem:nth-of-type(6){
    right: 52%;
    top: 89%;
}

.index05 .right .rnbox .rnitem:nth-of-type(7){
    right: -20%;
    top: 27%;
    text-align: left;
}

.index05 .right .rnbox .rnitem:nth-of-type(8){
    right: 8%;
    top: -13%;
}

.index05 .right .rnbox .rnitem:nth-of-type(8) .rdesc{
    text-align: left;
}
.index05 .right .rnbox .dian:nth-child(1){
    right: 106%;
    top: 57%;
}
.index05 .right .rnbox .dian:nth-child(2){
    right: 45%;
    top: 97.5%;
}
.index05 .right .rnbox  .dian:nth-child(3){
    right: -2.5%;
    top: 47%;
}
.index05 .right .rnbox  .dian:nth-child(4){
    right: 49%;
    top: -2.5%;
}

.index05 .right .rnbox{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 122%;
    height: 122%;
    border: 1px dashed #fff;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
.index05 .right .rwbox{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 144%;
    height: 144%;
    border: 1px dashed #fff;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.index06{
    padding: 8.1% 0;
    background-color: #f7f7f7;
}
.index06 .dtit{
      background-image: url(../images/more1.png);
    background-position: center right;
    padding-right: 35px;
    position: absolute;
    right: 30px;
    bottom: 45px;
    background-repeat: no-repeat;
    color: #fff;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    width: 46%;
   // max-width: 45%;
    text-align: right;
}
.index06 .list .item img{
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    width: 100%;
}


.index06 .list .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);
}
.index06 .list{
    display: flex;
}
.index06 .list .item{
    overflow: hidden;
    width: 32%;
    position: relative;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.index06 .list .item:not(:last-child){
    margin-right: 2%;
}
.index06 .list .item .ctit {
    position: absolute;
    left: -44px;
    bottom: -132px;
    width: 210px;
    height: 210px;
    background-image: linear-gradient(to bottom right, #fff, transparent);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    transform: rotate(73deg);
    -webkit-transform: rotate(73deg);
    -moz-transform: rotate(73deg);
    -ms-transform: rotate(73deg);
    -o-transform: rotate(73deg);
    opacity: .9;
}
.index06 .list .item .ctit span {
    transform: rotate(-73deg);
    -webkit-transform: rotate(-73deg);
    -moz-transform: rotate(-73deg);
    -ms-transform: rotate(-73deg);
    -o-transform: rotate(-73deg);
    display: inline-block;
    width: auto;
    position: absolute;
    left: 0%;
    top: 27%;
    font-size: 22px;
    color: #333333;
        width: 88px;
    height: 30px;
    overflow: hidden;
}
.index07{
    padding: 50px 0;
}
.index07 .list{
    display: flex;
    justify-content: space-between;
    max-height: 90px;
}
.index07 .list .item{
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    max-width: 110px;
}
.index07 .list .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);
}
.index07 .list .item:last-child .cmore{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 1px solid #363636;
    position: relative;
    display: inline-block;
}
.index07 .list .item:last-child .cmore::before{
    content: '';
    display: block;
    width: 60%;
    height: 2px;
    background-color: #363636;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
.index07 .list .item:last-child .cmore::after{
    content: '';
    display: block;
    width: 2px;
    height: 60%;
    background-color: #363636;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
.index07 .list .item:last-child .tit{
    margin-top: 10px;
    font-size: 16px;
    color: #333;
}
.index07 .list .item:last-child:hover .cmore::after,
.index07 .list .item:last-child:hover .cmore::before{
    background-color: #1c3f9b;
}
.index07 .list .item:last-child:hover .tit{
    color: #1c3f9b;

}

/* 首页响应式 */
@media (max-width: 1720px){
    .index05 .right{
        padding-right: 5%;
    }
}
@media (max-width: 1680px){
    .index03 .content .main .miten img{
        width: 500px;
    }
    .index03 .content .main{
        width: 650px;
        height: 650px;
        background-size: contain;
    }
    .index03 .content .main .miten{
        padding: 17%;
    }
    .index03 .content .right{
        justify-content: flex-end;
        transform: unset;
        -webkit-transform: unset;
        -moz-transform: unset;
        -ms-transform: unset;
        -o-transform: unset;
    }
    .index05 .right .ritem img{
        max-width: 450px;
    }
    .index05{
        padding: 9.1% 0;
    }
    .index05 .left .edit{
        max-width:450px;
    }
    .index06 .dtit {
    padding-right: 35px;
    right: 14px;
    bottom: 30px;
    width: 44%;
    }
}
@media (max-width: 1550px){
    .index03 .content .main{
        width: 550px;
        height: 550px;
    }
    .index05 .right{
        padding-right: 8%;
    }
}
@media (max-width: 1459px){
    .banner .title,.index02 .top .title,
    .index02 .top .tit01, .index04 .title,
    .index02 .list .item .tbox .t01,
    .index05 .left .desc{
        font-size: 36px;
    }

    .banner .swiper-pagination {
        padding: 0 30px;
    }

    .index04 .right .rtext {
        padding: 30px;
    }

    .index04 .right .swiper-pagination {
        bottom: 34px;
    }
    .index02 .list .item .tbox .edit{
        margin: 45px 0;
    }
    .index02 .list .item .tbox a{
        line-height: 40px;
        width: 150px;
    }
    .index03 .content {
        max-height: 800px;
    }
    .index05 .right .rnbox .rnitem .time{
        font-size: 16px;
    }
    .index05 .right .rnbox .rnitem .rdesc{
        font-size: 14px;
    }

    .index05 .right .rnbox .rnitem .time span{
        font-size: 40px;
    }
    .index05 .right .ritem img{
        max-width: 350px;
    }
    .index05 .left .edit,.index05 .left .more{
        margin-top: 50px;
    }
    .index05 .left .more{
        width: 140px;
    }
    .index05 .right .rnbox .dian:nth-child(1){
        right: 105%;
    }
    .index05 .right .rnbox .dian:nth-child(2) {
        top: 96.5%;
    }
    .index05 .right .rnbox .dian:nth-child(3) {
        right: -3.5%;
    }
    .index05 .right .rnbox .dian:nth-child(4) {
        top: -3.5%;
    }
    .index05 .right .rwbox .dian:nth-child(1) {
        top: 8.2%;
    }
    .index05 .right .rwbox .dian:nth-child(2) {
        top: 11.7%;
    }
    .index03 .content .left .item .desc {
    -webkit-line-clamp: 3;
}
}
@media (max-width: 1280px){
    .index03 .content {
        max-height: 650px;
    }
    .index03 .content .left .item {
        padding-left: 20px;
    }

    .index03 .content .left .item .title {
        font-size: 24px;
    }

    .index03 .content .left .item .desc {
        font-size: 16px;
        margin-top: 15px;
    }
    .index03 .content .main {
        width: 450px;
        height: 450px;
    }
    .index05 .left .edit{
        max-width: 400px;
    }
    .index06 .dtit {
        top: 30px;
        bottom: unset;
        right: unset;
        left: 50%;
        transform: translate(-50%,0);
        -webkit-transform: translate(-50%,0);
        -moz-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
        -o-transform: translate(-50%,0);
        width: 69%;
        text-align: right;
    }
}
    .index04 .left .bpitem .bptxt2{width: 100%}
@media (max-width: 1024px){
    .index05 .left .edit {
        max-width: 350px;
        font-size: 14px;
    }
    .index04 .left .bpitem .bptxt span{max-width: 100%;width: 100%}
    .banner .title,.index02 .top .title,
    .index02 .top .tit01, .index04 .title,
    .index02 .list .item .tbox .t01,
    .index05 .left .desc{
        font-size: 24px;
    }
    .index06,.index04,.index02{
        padding: 30px 0;
    }
    .index04 .left .bpitem .bptit {
        font-size: 18px;
    }
    .index04 .left .bpitem .bpdesc {
        font-size: 12px;
    }
    .index04 .left .bpitem {
        padding: 15px 0;
    }
    .index04 .left .main {
        margin-top: 50px;
        padding: 30px 20px;
    }
    .index04 .right .rtit {
        font-size: 18px;
    }
    .index04 .right .rdesc {
        font-size: 14px;
        margin-top: 15px;
    }
    .index04 .right .more {
        margin-top: 20px;
    }
    .index04 .right .link_to {
        width: 100px;
        text-align: center;
        line-height: 35px;
    }
    .index02 .top .tit01{
        min-width: 240px;
    }
    .index02 .top .desc{
        margin-top: 20px;
    }
    .index02 .list .item .tbox .edit{
        margin: 25px 0;
    }
    .index02 .list .item .tbox a{
        line-height: 30px;
        width: 100px;
        font-size: 12px;
    }
    .index02 .list .item .tbox .edit{
        font-size: 14px;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        line-clamp: 3;
        -webkit-box-orient: vertical;
    }
    .index03 .content .left .item a{
        font-size: 14px;
        margin-top: 10px;
    }


    .index03 .content{
        max-height: 550px;
    }
    .index03 .content .main {
        width: 400px;
        height: 400px;
    }
    .index05 .left .edit, .index05 .left .more{
        margin-top: 20px;
    }
    .index05 .right .rnbox .rnitem .time span{
        font-size: 24px;
    }
    .index05 .right .ritem img{
        max-width: 280px;
    }

    .index05 .right .rnbox .dian:nth-child(1){
        right: 104%;
    }
    .index05 .right .rnbox .dian:nth-child(2) {
        top: 95.5%;
    }
    .index05 .right .rnbox .dian:nth-child(3) {
        right: -4.5%;
    }
    .index05 .right .rnbox .dian:nth-child(4) {
        top: -4.5%;
    }
    .index05 .right .rwbox .dian:nth-child(1) {
        top: 6.2%;
    }
    .index05 .right .rwbox .dian:nth-child(2) {
        top: 10.7%;
    }

    .index06 .list .item .ctit span{
        font-size: 18px;
    }
    .index06 .list .item .ctit{
        left: -62px;
        bottom: -156px;
    }
    .index06 .dtit{
           width: 57%;
    }


}
@media (max-width: 900px){
    .index03 .content{
        max-height: 450px;
    }
    .index03 .content .main {
        width: 350px;
        height: 350px;
    }
    .index05 .left .edit{
        max-width: 350px;
        font-size: 14px;
    }
    .index05 .right .ritem img {
        max-width: 250px;
    }
}
@media (max-width: 768px){
    .banner .swiper_btn {
        width: 30px;
        height: 30px;
    }

    .banner .swiper_btn.left_btn::before {
        top: 9px;
        right: 7px;
    }

    .banner .swiper_btn.right_btn::before {
        top: 9px;
        left: 7px;
    }

    .index04 .left {
        width: 100%;
    }

    .index04 .content {
        flex-wrap: wrap;
    }

    .index04 .right {
        width: 100%;
        margin-top: 20px;
    }

    .index04 .right .link_to {
        margin-top: 15px;
    }

    .index07 .list {
        max-height: unset;
        flex-wrap: wrap;
        justify-content: unset;
    }

    .index07 .list .item {
        width: 25%;
        text-align: center;
        margin-bottom: 20px;
            max-width: initial;
    }
    .banner .title, .index02 .top .title, .index02 .top .tit01, .index04 .title,
    .index02 .list .item .tbox .t01,
    .index05 .left .desc{
        font-size: 20px;
    }
    .index04 .left .ctop .citem{
        font-size: 18px;
        padding-bottom: 15px;
    }
    .index04 .title{
        margin-bottom: 10px;
    }
    .index04 .left .main{
        margin-top: 20px;
    }
    .index02 .list .item{
        flex-wrap: wrap;
    }
    .index02 .list .item .pitem{
        width: 100% !important;
        margin-bottom: 20px;
    }
    .index04 .left{
        padding-top: 0;
    }
    .index06, .index04, .index02{
        padding: 15px 0;
    }
    .banner .title{
        letter-spacing: 15px;
    }
    .index02 .list .item .tbox .edit {
        margin: 15px 0;
    }
    .index04::before{
        background-size: 100px;
        background-repeat: no-repeat;
        left: unset;
        right: 15px;
        width: 100px;
    }
    .index04 .right .rtit{
        font-size: 16px;
    }
    .index04 .right .rtext{
        padding: 15px;
    }
    .index06 .list .item .ctit span{
        font-size: 18px;
            width: 74px;
    height: 26px;
    }
  .index03{
        background-image: unset !important;
        background-color: #1c3f9b;
    }
    .index03 .content{
        flex-wrap: wrap;
        max-height: unset;
    }

    .index03 .content .left{
        width: 100%;
        height: auto;
        padding: 30px 0;
        border-left: unset;
    }
    .index03 .content .right{
        width: 100%;
        justify-content: center;
        padding: 15px 0;
    }
    .index03 .content .left .item .title{
        font-size: 20px;
    }
    .index03 .content .left .item .desc{
        font-size: 14px;
    }

    .index05 .left .edit{
        font-size: 12px;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        line-clamp: 3;
        -webkit-box-orient: vertical;
        max-width: 250px;
    }
    .index05 .left .more {
        width: 100px;
        line-height: 30px;
        font-size: 14px;
    }

    .index05 .right .rwbox .dian:nth-child(1) {
        top: 5.2%;
    }
    .index05 .right .rwbox .dian:nth-child(2) {
        top: 9.7%;
    }
    .index06 .dtit{
        bottom: 30px;
        top: unset;
    }

}

@media (max-width: 680px){
    .index05{
        background-color: #1c3f9b;
        background-image: unset !important;
    }
    .index05 .content{
        flex-wrap: wrap;
    }
    .index05 .left{
        width: 100%;
        margin-bottom: 80px;
        text-align: center;
    }
    .index05 .left .edit{
        max-width: unset;
        padding: 0 15px;
        -webkit-line-clamp:unset;
    }
    .index05 .right {
        width: 100%;
        justify-content: center;
        padding: 5% 0;
    }
    .index06 .list{
        flex-wrap: wrap;
    }
    .index06 .list .item{
        width: 100%;
        margin-bottom: 20px;
    }
    .index06 .list .item:not(:nth-child(3n+1)) {
        margin-left: 0;
    }
}
@media (max-width: 480px){
    .banner .title, .index02 .top .title, .index02 .top .tit01, .index04 .title,
    .index02 .list .item .tbox .t01,
    .index03 .content .left .item .title{
        font-size: 18px;
    }


    .index02 .top{
        flex-wrap: wrap;
    }
    .index02 .top .text{
        width: 100%;
        margin-bottom: 20px;
    }
    .index02 .top .tit{
        width: 100%;
    }
    .banner .title{
        font-size: 14px;
        letter-spacing: 5px;
    }
    .index02 .top .desc{
        font-size: 14px;
    }
    .index02 .list .item .ctit span{
        font-size: 16px;
    }
    .index02 .list .item .tbox .edit{
        font-size: 12px;
        width: 90%;
    }
    .index04 .left .ctop .citem{
        font-size: 16px;
    }
    .index04 .left .main{
        padding: 15px ;
    }
    .index07 .list .item img{
        height: 70px;
    }
    .index07 .list .item:last-child .cmore{
        width: 45px;
        height: 45px;
    }
    .index07 .list .item:last-child .tit{
        margin-top: 0;
        font-size: 14px
    }
    .index05 .right{
        padding-bottom: 30px;
    }
    .index05 .right .ritem img {
        max-width: 200px;
    }
    .index05 .right .rnbox .rnitem .rdesc{
        font-size: 12px;
        width: 150px;
    }
    .index06 .dtit {
        bottom: 18px;
        top: unset;
        right: 10px;
        left: unset;
        transform: unset;
    }
}


/* about */
.base_ban .imgbox{
    overflow: hidden;
}
.base_ban img{
    width: 100%;
    animation:myscale 5s infinite;
    -webkit-animation:myscale 5s infinite;
    animation-iteration-count:1;
    -webkit-animation-iteration-count:1;
}
.location{
    position: relative;
}
.location::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #e5e5e5;
}
.location .main{
    display: flex;
    justify-content: space-between;
}
.location .list{
    display: flex;
}

.location .list .item a{
    font-size: 18px;
    color: #333;
    display:block;
    padding: 30px 20px;
}
.location .list .item.cur{
    background-color: #1c3f9b;
}
.location .list .item.cur a{
    color: #fff;
}
.location .list .item:hover{
    background-color: #1c3f9b;
}
.location .list .item:hover a{
    color: #fff;
}
.location .main{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.location .main .loca{
    display: flex;
    align-items: center;
}
.location .main .loca a,.location .main .loca span{
    font-size: 16px;
    color: #666;
}
.location .main .loca img{
    margin-right: 10px;
}
@media (max-width: 1620px){
    .location .list .item a {
        font-size: 16px;
        padding: 15px;
    }

    .location .main .loca a, .location .main .loca span {
        font-size: 14px;
    }
}
@media (max-width: 1200px){
    .location .main .loca{
        display: none;
    }
}
@media (max-width: 1024px){
    .location .list .item a {
        font-size: 14px;
        padding: 10px;
    }
}
@media (max-width: 768px){
    .location .list{
        flex-wrap: wrap;
        width: 100%;
    }
}
@media (max-width: 640px){
    .location .list .item{
        width: 32.33%;
        text-align: center;
        margin-bottom: 1.5%;
    }
    .location .list .item:not(:nth-child(3n+1)){
        margin-left: 1.5%;
    }

}


.about01{
    padding:7.1% 0 4.73%;
}
.about01 .content{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.about01 .content  .title{
    font-size: 40px;
    color: #333333;
    font-family: "HarmonyOS_Sans_SC_Bold";
}
.about01 .content .edit{
    font-family: "HarmonyOS_Sans_SC_Light";
    max-width: 640px;
    font-size: 16px;
    color: #333333;
    line-height: 1.875;
}

.about02{
    position: relative;
    padding: 20% 0;
    background-size: contain;
    background-repeat: no-repeat;
}
.about02 .container{
    position: relative;
}
.about02 .edit{
    position: absolute;
    top: 50%;
    width: 50%;
    left: 0;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    font-size: 16px;
    line-height: 1.875;
    color: #fff;
}
.about03{
    padding: 6.31% 0 5.8%;
    background-size: contain;
    background-repeat: no-repeat;
}
.about03 .list{
    display: flex;
    justify-content: space-between;
    padding: 0 5%;
}
.about03 .list .item{

}
.about03 .item .title{
    font-size: 24px;
    color: #1c3f9b;
    font-family: "HarmonyOS_Sans_SC_Bold";
    line-height: 1;
}
.about03 .item .title span{
    font-size: 80px;
  
    font-weight: 700;
}
.about03 .item .desc{
    font-size: 16px;
    color: #333333;
    line-height: 1.5;
    margin-top: 25px;
    max-width: 210px;
    text-align: left;
}
.about04{
    padding: 7% 0;
    background-repeat: no-repeat;
}
.about04 .title{
    font-size: 40px;
    color: #fff;
    font-family: "HarmonyOS_Sans_SC_Bold";
    text-align: right;
}
.about04 .list{
    display: flex;
    flex-wrap: wrap;
    margin-top: 3.82%;
}
.about04 .list .item{
    width: 23.5%;
    margin-bottom: 2%;
    background-color: #fff;
    box-shadow: 0px 16px 20px rgb(0 0 0 / 20%);
    padding: 2.45%;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.about04 .list .item:hover{
    transform: translate(0,-20px);
    -webkit-transform: translate(0,-20px);
    -moz-transform: translate(0,-20px);
    -ms-transform: translate(0,-20px);
    -o-transform: translate(0,-20px);
}
.about04 .list .item img{
    height: 50px;
    transition:all .5s;
}
.about04 .list .item:hover img{
    transform:scale(1.1);
}
.about04 .list .item:not(:nth-child(4n+1)){
    margin-left: 2%;
}
.about04 .item .desc{
    margin-top: 14.955%;
    font-size: 24px;
    color: #333;
}

@media (max-width: 1459px){
    .about01 .content .title,.about04 .title{
        font-size: 36px;
    }
    .about03 .item .title span{
        font-size: 65px;
    }
    .about04 .item .desc {
        font-size: 20px;
    }
    .about02 .edit {
        font-size: 15px;
    }
}
@media (max-width: 1366px){
    .about02{
       height: 520px;
        background-size: 100% 100%;
        padding: 0;
    }
    .about02 .container{
        height: 100%;
    }

}
@media (max-width: 1024px){
    .about01 .content .title, .about04 .title{
        font-size: 24px;
    }
    .about01 .content .edit{
        font-size: 14px;
    }
    .about02 .edit{
        width: 52%;
        padding: 0 30px;
        height: 75%;
        overflow: hidden;
    }
    .about03 .item .title span {
        font-size: 36px;
    }

    .about03 .item .title {
        font-size: 18px;
    }

    .about03 .item .desc {
        font-size: 14px;
        margin-top: 10px;
    }
    .about04 .item .desc {
        font-size: 16px;
        margin-top: 20px;
    }
    .about04 .list .item img {
        height: 30px;
    }
}
@media (max-width: 768px){
    .about01 .content{
        flex-wrap: wrap;
    }
    .about01 .content .left{
        width: 100%;
        margin-bottom: 15px;
    }
    .about01 .content .right{
        width: 100%;
    }

    .about01 .content .title, .about04 .title{
        font-size: 18px;
    }
    .about01,.about03,.about04{
        padding: 20px 0;
    }
    .about01 .content .edit{
        max-width: unset;
    }
    .about02 {
        height: 420px;
    }
    .about04 .list .item{
        width: 32.33%;
    }
    .about04 .list .item:not(:nth-child(4n+1)) {
        margin-left: 0%;
    }
    .about04 .list .item:not(:nth-child(3n+1)) {
        margin-left: 1.5%;
    }
    .about04 .item .desc {
        font-size: 14px;
        margin-top: 10px;
    }
    .about03 .list .item{
        width: 50%;
        margin-bottom: 2%;
    }
    .about03 .list{
        flex-wrap: wrap;
        padding: 0;
    }
    .about03 .item .title span{
        font-size: 24px;
    }
    .about03 .item .title {
        font-size: 14px;
    }
    .about03 .item .desc {
        font-size: 12px;
        margin-top: 5px;
    }
}
@media (max-width: 640px){
    .about02{
        height: auto;
    }
    .about02 .edit{
        position: static;
        transform: unset;
        -webkit-transform: unset;
        -moz-transform: unset;
        -ms-transform: unset;
        -o-transform: unset;
        width: 100%;
        padding: 30px 15px;
    }
    .about02{
        background-size: cover;
    }
    .about02 .edit{
        font-size: 14px;
    }
    .about04 .list .item{
        width: 49%;
    }
    .about04 .list .item:not(:nth-child(3n+1)) {
        margin-left: 0;
    }
    .about04 .list .item:not(:nth-child(2n+1)) {
        margin-left: 2%;
    }
}

/* 董事长致辞 */
.dong01{
    padding-top: 140px;
}
.dong01 .content{
    display: flex;
    justify-content: space-between;
}
.dong01 .title{
    font-size: 40px;
    color: #333;
    font-family: "HarmonyOS_Sans_SC_Bold";
}
.dong01 .desc{
    font-size: 40px;
    color: #1c3f9b;
    font-family: "HarmonyOS_Sans_SC_Bold";
    font-style: oblique;
}
.dong01 .desc:first-child{
    padding-right: 260px;

}
.dong01 .desc:last-child{
    padding-left: 60px;
}
.dong02{
    margin-top: 40px;
}
.dong02 .content{
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
}
.dong02 .content .left{
    width:  29.16%;
    display: flex;

}
.dong02 .content .imgbox{
    height: 100%;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
}
.dong02 .content .left img{
    width: 100%;
    object-fit: cover;
    height: 100%;
}
.dong02 .content .right{
    flex: 1;
    padding-left: 8%;
    line-height: 1.875;
    font-family: "HarmonyOS_Sans_SC_Light";
}
.dong02 .content .editem{
    font-size: 16px;
}
.dong02 .content .editem:not(:first-child){
    margin-top: 4%;
}

.dong03{
    padding-bottom: 160px;
    overflow: hidden;
    padding-top: 60px;
}
.dong03 .content{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
}
.dong03 .content::before{
    content: '';
    display: block;
    position: absolute;
    right: 420px;
    width: 1000%;
    background-color: #000;
    opacity: .2;
    height: 2px;
}
.dong03 .content .title{
    margin-right: 30px;
    font-size: 20px;
}
@media (max-width: 1459px){
    .dong01 .desc,.dong01 .title{
        font-size: 36px;
    }
    .dong01{
        padding-top: 100px;
    }
    .dong03{
        padding-bottom: 100px;
    }
}
@media (max-width: 1280px){
    .dong02 .content .left {
        width: 39.16%;
    }
    .dong02 .content .right{
        padding-left: 3%;
    }
}
@media (max-width: 1024px){
    .dong01 .desc,.dong01 .title{
        font-size: 24px;
    }
    .dong02 .content{
        flex-wrap: wrap;
    }
    .dong02 .content .left{
        width: 100%;
        margin-bottom: 2%;
        height: 280px;
        justify-content: center;
    }
    .dong02 .content .right{
        padding-left: 0;
    }
    .dong01{
        padding-top: 50px;
    }
    .dong03{
        padding-bottom: 50px;
    }
}
@media (max-width: 768px){
    .dong01 .desc,.dong01 .title{
        font-size: 18px;
    }
    .dong01{
        padding-top: 30px;
    }
    .dong03{
        padding-bottom: 30px;
    }
    .dong01 .desc:first-child {
        padding-right: 50px;
    }
    .dong01 .desc:last-child {
        padding-left: 30px;
    }
    .dong02 .content .editem {
        font-size: 14px;
    }
    .dong03{
        padding-top: 30px;
    }
}
@media (max-width: 640px){
    .dong01 .content{
        flex-wrap: wrap;
    }
    .dong01 .content .left{
        width: 100%;
        margin-bottom: 2%;
    }
    .dong01 .content .right{
        width: 100%;
    }
    .dong03 .content::before{
        display: none;
    }
    .dong03 .content .title {
        font-size: 14px;
    }
    .dong01{
        padding-top: 20px;
    }
    .dong03{
        padding-bottom: 20px;
    }
    .dong03{
        padding-top: 20px;
    }
    .dong03 .content img{
        max-height: 50px;
    }
}

/* 公共字体 */
.fs40{
    font-size: 40px;
    font-family: "HarmonyOS_Sans_SC_Bold";
}
.fs38{
    font-size: 38px;
    font-family: "HarmonyOS_Sans_SC_Bold";
}
.fs32{
    font-size: 32px;
}
@media (max-width: 1459px){
    .fs40,.fs38{
        font-size: 36px;
    }
}
@media (max-width: 1024px){
    .fs40,.fs38{
        font-size: 24px;
    }
    .fs32{
        font-size: 20px;
    }
}
@media (max-width: 768px){
    .fs40,.fs38{
        font-size: 18px;
    }
    .fs32{
        font-size: 16px;
    }
}

.organ01{
    padding: 7.3% 0;
    background-image: url(../images/organ_icon.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
}
.organ01 .title{
    text-align: center;
    margin-bottom: 4.9%;
}
/* 发展历程 */
.deve01{
    padding: 7.3% 0;
}
.deve01 .content{
    position: relative;
}
.deve01 .title{
    color: #fff;
}
.deve01 .main{
    position: absolute;
    left: 10%;
    width: 51%;
    top: 55%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    height: 90%;
    overflow: hidden;
}
.deve01 .main .swiper-container{
    height: 110%;
}
.deve01 .main .time{
    color: #fff;
    display: inline-block;
    font-size: 28px;
    font-family: "HarmonyOS_Sans_SC_Bold";
    position: relative;
    padding-left: 20px;
    opacity: .6;
}

.deve01 .main .time::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;
    z-index: 2;
    position: absolute;
    left: 5px;
    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%);
}
.deve01 .main .time::after{
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    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, .3);
    z-index: 1;
    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%);
}
.deve01 .main .swiper_btn{
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    position: absolute;
    cursor: pointer;
    z-index: 2;
}
.deve01 .main .swiper_btn.left_btn{
    top: 5%;
}
.deve01 .main .swiper_btn.right_btn{
    bottom: 12%;
}
.deve01 .main .swiper_btn.left_btn::before{
    content: '';
    display: block;
    position: absolute;
    top: 16px;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    right: 14px;
    width: 10px;
    height: 10px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}
.deve01 .main .swiper_btn.right_btn::before{
    content: '';
    display: block;
    position: absolute;
    top: 13px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    right: 15px;
    width: 10px;
    height: 10px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}
.deve01 .main .swiper_btn:hover{background:#fff;}
.deve01 .main .swiper_btn:hover:before{border-color:#333;}
.deve01 .main .swiper-slide-active .time{
    opacity: 1;
}

.deve01 .main .swiper-slide{
    transition: all .5s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    cursor: pointer;
    padding-left: 30%;
    display: flex;
    align-items: center;
}
.deve01 .main .swiper-slide.cur01{
    padding-left: 16.1%;
}
.deve01 .main .swiper-slide.cur02{
    padding-left: 20.5%;
}
.deve01 .main .swiper-slide.cur03{
    padding-left: 25.6%;
}
.deve01 .main .swiper-slide.cur04{
    padding-left: 30.5%;
}
.deve01 .main .swiper-slide.cur05{
    padding-left: 31.3%;
}
.deve01 .main .swiper-slide.cur06{
    padding-left: 26.4%;
}

.deve01 .cmain{
    position: absolute;
    right: 0;
    width: 51%;
    top: 38%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
}
.deve01 .list{
    margin-top: 15px;
}
.deve01 .list .tit{
    font-size:66px;
    
    color: #fff;
}
.deve01 .list .tit span{
    font-size: 80px;
}
.deve01 .list .edit{
    max-width: 600px;
    color: #fff;
    margin-top:10.22%;
    width: 90%;
}
@media (max-width: 1459px){
    .deve01 .list .tit span {
        font-size: 68px;
    }

    .deve01 .list .tit {
        font-size: 42px;
    }
    .deve01 .main .time{
        font-size: 24px;
    }
}
@media (max-width: 1024px){
    .deve01 .list .tit span {
        font-size: 68px;
    }
    .deve01 .list .tit {
        font-size: 42px;
    }
    .deve01 .list .tit span {
        font-size: 36px;
    }
    .deve01 .list .tit {
        font-size: 28px;
    }
    .deve01 .main .time {
        font-size: 20px;
    }
    .deve01 .cmain{
        top: 50%;
    }
}
@media (max-width: 768px){
    .deve01 .main .time{
        font-size: 16px;
    }
    .deve01 .list .tit span {
        font-size: 24px;
    }
    .deve01 .list .tit {
        font-size: 18px;
    }
    .deve01 .list .edit{
        font-size: 12px;
    }
    .deve01 .main .swiper_btn{
        width: 25px;
        height: 25px;
    }
    .deve01 .main .swiper_btn.left_btn::before{
        top: 9px;
        right: 7px;
    }
    .deve01 .main .swiper_btn.right_btn::before{
        top: 5px;
        right: 7px;
    }
    .deve01 .main .swiper-container{
        height: 115%;
    }
}

@media (max-width: 640px){
    .deve01 .main .time{
        font-size: 12px;
    }
    .deve01 .main .time::before{
        width: 3px;
        height: 3px;
    }
    .deve01 .main .time::after{
        width: 10px;
        height: 10px;
    }
    .deve01 .main{
        left: 8%;
        width: 57%;
    }
    .deve01 .list .edit {
        height: 65px;
        overflow: hidden;
    }
    .deve01 .list .tit span {
        font-size: 20px;
    }
    .deve01 .list .tit {
        font-size: 14px;
    }
}

.belbig{
    background-image: url(../images/belong_icon.png);
    padding: 7.9% 0 7.4%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}


.belong01{
    position: relative;
}
.belong01 .content{
    overflow: hidden;
}

.belong01 .ctop{
    display: flex;
    justify-content: space-between;
}
.belong01 .ctop .left{
    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: 47%;
}
.belong01 .ctop .left .imgbox{
    border-radius: 0 20px 20px 0;
    -webkit-border-radius: 0 20px 20px 0;
    -moz-border-radius: 0 20px 20px 0;
    -ms-border-radius: 0 20px 20px 0;
    -o-border-radius: 0 20px 20px 0;
    overflow: hidden;
}
.belong01 .ctop .right{
    display: flex;
    justify-content: flex-end;
}
.belong01 .ctop .right .rbox{
    width: 45%;
}
.belong01 .ctop .title{
    margin-bottom: 70px;
}
.belong01 .ctop .edit{
    font-family: "HarmonyOS_Sans_SC_Light";
    font-size: 16px;
    line-height: 1.875;
}
.belong01 .ctop .left .imgbox img{
    width: 100%;
}
.belong02{
    padding-top: 7.4%;
}


.belong02 .title{
    text-align: center;
    margin-bottom: 70px;
}
.belong02 .list{
    display: flex;
    flex-wrap: wrap;
}
.belong02 .list .item {
    width: 32%;
    margin-bottom: 5%;
}
.belong02 .list .item:not(:nth-child(3n+1)) {
    margin-left: 2%;
}
.belong02 .list .item .imgbox{
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
    position: relative;
}
.belong02 .list .item .imgbox img{
    width: 100%;
}
.belong02 .list .item .ctit {
    position: absolute;
    left: -44px;
    bottom: -132px;
    width: 210px;
    height: 210px;
    background-image: linear-gradient(to bottom right, #fff, transparent);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    transform: rotate(73deg);
    -webkit-transform: rotate(73deg);
    -moz-transform: rotate(73deg);
    -ms-transform: rotate(73deg);
    -o-transform: rotate(73deg);
    opacity: .9;
}
.belong02 .list .item .ctit span {
    transform: rotate(-73deg);
    -webkit-transform: rotate(-73deg);
    -moz-transform: rotate(-73deg);
    -ms-transform: rotate(-73deg);
    -o-transform: rotate(-73deg);
    display: inline-block;
    width: 60%;
    height: 48px;
    text-align: center;
    position: absolute;
    left: -6%;
    top: 22%;
    font-size: 18px;
    color: #333333;
    max-width: 110px;
    overflow: hidden;
}
.belong02 .list .item  .dtit{
    font-size: 16px;
    color: #333;
    font-family: "HarmonyOS_Sans_SC_Light";
    margin-top: 40px;
    line-height: 1.875;
}

.belong03{
    overflow: hidden;
    position: relative;
}
.belong03 .container{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
.belong03 .title{
    color: #333;
    font-family: "HarmonyOS_Sans_SC_Bold";
}
.belong03 .content{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.belong03 .content .left{
    width: 40%;
}
.belong03 .content .left .title{
    margin-bottom: 75px;
}
.belong03 .content .left .desc{
    width:100%;
    padding-right:30px;
    height:576px;
    overflow-y:auto;
}
.belong03 .content .left .desc::-webkit-scrollbar {
    width: 3px;
    background-color: #fff;
    border-radius:50px;
}
.belong03 .content .left .desc::-webkit-scrollbar-thumb {
    border-radius: 50px;
    background-color: #d71729;
}
.belong03 .content .left .cp{
    position: relative;
    font-size: 24px;
    color: #333;
    line-height: 2;
    padding-left: 17px;
}
.belong03 .content .left .cp::before{
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-right: 10px solid #f00;
    bottom: 0;
    z-index: 1;
    left: 0;
    top: 15px;
    transform: translate(0,0) rotate(180deg);
    -webkit-transform: translate(0,0) rotate(180deg);
    -moz-transform: translate(0,0) rotate(180deg);
    -ms-transform: translate(0,0) rotate(180deg);
    -o-transform: translate(0,0) rotate(180deg);
}
.belong03 .content .right{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    transform: translate(50px,0);
    -webkit-transform: translate(50px,0);
    -moz-transform: translate(50px,0);
    -ms-transform: translate(50px,0);
    -o-transform: translate(50px,0);
    width: 50%;
}
.belong03 .content .right .main{
    animation: changeright 15s linear infinite;
    -webkit-animation: changeright 15s linear infinite;
}
.belong03 .content .right .main .imgbox::before{
    content: '';
    display: block;
    background-image: url(../images/index03_icon.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    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%);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    width: 140%;
    height: 140%;
}
.belong03 .content .right .main .imgbox{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.belong03 .content .right .main img{
    -webkit-animation: changeleft 15s linear infinite;
    max-height: 560px;
}

.belong04{
    padding: 7.4% 0;
    overflow: hidden;
}
.belong04 .content{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.belong04 .left{
    width: 46.5%;
}
.belong04 .left .imgbox{
    border-radius: 0 20px 20px 0;
    -webkit-border-radius: 0 20px 20px 0;
    -moz-border-radius: 0 20px 20px 0;
    -ms-border-radius: 0 20px 20px 0;
    -o-border-radius: 0 20px 20px 0;
    overflow: hidden;
}
.belong04 .right{
    width: 46.5%;
    padding-right: 15px;
}
.belong04 .right .wx_box{
    display: flex;
    margin: 5.66% 0;
}
.belong04 .right .wx_item .imgbox{
    padding: 15px;
    border: 1px solid #e4e4e4;
}
.belong04 .right .wx_box .wx_item{
    text-align: center;
        width: 180px;
}
.belong04 .right .wx_box .wx_item .tit{
    margin-top: 15px;
    font-size: 16px;
}
.belong04 .right .wx_box .wx_item:not(:first-child){
    margin-left: 35px;
}
.belong04 .right .edit{
    font-size: 18px;
    line-height: 2;
}
.belong04 .right .go{
    border: 2px solid #d71729;
    width: 180px;
    line-height: 55px;
    display: inline-block;
    text-align: center;
    border-radius: 27px;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    -ms-border-radius: 27px;
    -o-border-radius: 27px;
    color: #d71729;
    font-size: 16px;
    margin-top: 10.2%;
}
@media (max-width: 1800px){
    .belong03 .content .right .main img{
        max-width: 450px;
    }
    .belong03 .content .right{
        transform: translate(0);
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
    }
    .belong03 .content .left .cp {
    font-size: 20px;
}
.belong03 .content .left .desc {
    height: 480px;
}
.belong03 .content .left .title {
    margin-bottom: 20px;
}
.location .list .item a {
    font-size: 16px;
}
}
@media (max-width: 1640px){
    .belong03 .content .right .main img{
        max-width: 450px;
    }
}
@media (max-width: 1459px){
    .belong01 .ctop .title{
        margin-bottom: 40px;
    }
    .belong01 .ctop .edit{
        font-size: 14px;
    }
    .belong01 .ctop .right .rbox {
        width: 49%;
    }
    .belong03 .content .right .main img{
        max-width: 350px;
    }
    .belong03 .content .left .title {
        margin-bottom: 45px;
    }
    .belong03 .content .left .cp {
    font-size: 17px;
    padding-left: 15px;
}
.belong03 .content .left .cp::before {
    border: 4px solid transparent;
    border-right: 8px solid #f00;
    top: 13px;
    }
    .belong03 .content .left .desc {
    height: 408px;
}
.belong03 .content .left .title {
    margin-bottom: 15px;
}
}
@media (max-width: 1366px){
    .belong01 .ctop .title{
        font-size: 28px;
    }
    .belong01 .ctop .title{
        margin-bottom: 20px;
    }
}
@media (max-width: 1180px){
    .belong03 .content .right .main img{
        max-width: 300px;
    }
    .belong03 .cimg img{
        min-height: 500px;
        object-fit: cover;
    }
}
@media (max-width: 1024px){
    .belong01 .ctop .left{
        position: static;
        transform: unset;
        -webkit-transform: unset;
        -moz-transform: unset;
        -ms-transform: unset;
        -o-transform: unset;
        width: 100%;
    }

    .belong01 .ctop .left .imgbox{
        border-radius: unset;
        -webkit-border-radius: unset;
        -moz-border-radius: unset;
        -ms-border-radius: unset;
        -o-border-radius: unset;
    }
    .belong01 .ctop{
        flex-wrap: wrap;
    }
    .belong01 .ctop .right .rbox{
        width: 100%;
        margin-top: 20px;
    }
    .belong02 .list .item .ctit span{
        font-size: 16px;
            height: 40px;
    max-width: 100px;
    }
    .belong02 .list .item .ctit {
        left: -60px;
        bottom: -150px;
    }
    .belong02 .list .item .ctit span{
        left: -7%;
        top: 17%;
        font-size: 15px;
    }
    .belong02 .list .item .dtit{
        font-size: 14px;
        margin-top: 20px;
    }
    .belong04 .right .edit {
        font-size: 16px;
        line-height: 2;
    }
    .belong04 .right .wx_item .imgbox img{
        max-width: 100px;
    }
    .belong04 .right .go {
        width: 100px;
        line-height: 30px;
        margin-top: 20px;
    }
    .belong04 .right .wx_item .imgbox {
        padding: 10px;
    }
    .belong04 .right .wx_box .wx_item .tit {
        margin-top: 10px;
        font-size: 14px;
    }
    .belong02 .title{
        margin-bottom: 40px;
    }
    .belong03 .content .left .cp{
        font-size: 16px;
    }
    .belong03 .title{
        margin-bottom: 20px;
    }
    .belong03 .cimg img {
        min-height: 400px;
    }
    .belong03 .content .right .main img {
        max-width: 230px;
    }
    .belong03 .content .left .title {
        margin-bottom: 25px;
    }
    .belong03 .content .left {
    width: 44%;
}
.belong03 .content .left .cp {
    font-size: 14px;
    padding-left: 12px;
}
.belong03 .content .left .cp::before {
    border: 3px solid transparent;
    border-right: 6px solid #f00;
    top: 10px;
}
.belong03 .content .left .desc {
    height: 336px;
}
.belong03 .content .left .title {
    margin-bottom: 10px;
}
}
@media (max-width: 768px){
    .belong04 .content{
        flex-wrap: wrap;
    }
    .belong04 .left{
        width: 100%;
        margin-bottom: 20px;
    }
    .belong04 .right{
        width: 100%;
        padding: 0 15px;
    }
    .belong02 .list .item{
        width: 49%;
        margin-bottom: 2%;
    }
    .belong02 .list .item:not(:nth-child(3n+1)) {
        margin-left:0;
    }
    .belong02 .list .item:not(:nth-child(2n+1)) {
        margin-left: 2%;
    }
    .belong01 .ctop .title{
        font-size: 18px;
    }
    .belong02 .title{
        margin-bottom: 20px;
    }
    .belong04 .right .edit{
        font-size: 14px;
    }
}
@media (max-width: 640px){
    .belong02 .list .item{
        width: 100%;
    }
    .belong02 .list .item:not(:nth-child(2n+1)) {
        margin-left: 0;
    }
    .belong03 .content{
        flex-wrap: wrap;
    }
    .belong03 .content .left{
        width: 100%;
    }
    .belong03 .content .left .cp::before{
        top: 9px;
    }
    .belong03 .content .left .cp{
        font-size: 14px;
    }
    .belong03 .content .left .title{
    }
    .belong03 .content .right{
        width: 100%;
        margin-top: 70px;

    }
    .belong03 .cimg img{
        min-height: 500px;
    }
    .belong03 .container{
        width: 100%;
        height: 100%;
        padding: 15px;
    }
    .belong04 .right .wx_box .wx_item{
        width:32%;
    }
    .belong04 .right .wx_box .wx_item:not(:first-child) {
    margin-left: 2%;
}
.belong04 .right .wx_item .imgbox img {
    max-width: initial;
    width: 100%;
}
}


/* 企业文化 */
.culture01{
    padding: 140px 0;
}
.culture_base .ctop{
    display: flex;
    justify-content: space-between;
    margin-bottom: 95px;
}
.culture_base .ctop .edit{
    max-width: 720px;
    font-size: 16px;
    color: #333;
    font-family: "HarmonyOS_Sans_SC_Light";
    line-height: 1.875;
}
.culture01 .cbom{
    position: relative;
}
.culture01 .cbom .ctit{
    position: absolute;
    left: 50%;
    top: 25%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    font-size: 50px;
    color: #fff;
    letter-spacing: 15px;
    font-weight: 700;
}

.culture02 .title{
    background-image: url(../images/culture02_icon.png);
    padding-left: 55px;
    background-position: left top 5px;
    background-repeat: no-repeat;
    line-height: 1;
}
.culture02 .list{
    position: relative;
    overflow: hidden;
}

.culture02 .list .item{
    float: left;
    position: relative;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
}
.culture02 .list .item:first-child{
    width: 59.25%;
    padding-bottom: 44%;
    margin-right: 0.75%;
}
.culture02 .list .item:nth-of-type(2){
    width: 39.25%;
    padding-bottom:21.25%;
    margin-bottom: 0.75%;
    margin-left: 0.75%;
}
.culture02 .list .item:nth-of-type(3){
    width: 39.25%;
    padding-bottom:21.25%;
    margin-top: 0.75%;
    margin-left: 0.75%;
}
.culture02 .list .item .con{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;

}
.culture02 .list .item .con img{
    width: 100%;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.culture02 .list .item .ctit{
    position: absolute;
    left: -64px;
    bottom: -180px;
    width: 270px;
    height: 270px;
    background-image: linear-gradient(to bottom right, #fff, transparent);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    transform: rotate(73deg);
    -webkit-transform: rotate(73deg);
    -moz-transform: rotate(73deg);
    -ms-transform: rotate(73deg);
    -o-transform: rotate(73deg);
    opacity: .9;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.culture02 .list .item .ctit span {
    transform: rotate(-73deg);
    -webkit-transform: rotate(-73deg);
    -moz-transform: rotate(-73deg);
    -ms-transform: rotate(-73deg);
    -o-transform: rotate(-73deg);
    display: inline-block;
    width: auto;
    position: absolute;
    left: 4%;
    top: 26%;
    font-size: 22px;
        max-width: 90px;
    height: 58px;
    overflow: hidden;
}

.culture02 .list .item:hover .con 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);
}
.culture03 {
    padding: 140px 0;
    position: relative;
}

.culture03 .title{
    background-image: url(../images/culture03_icon.png);
    padding-left: 55px;
    background-position: left top 5px;
    background-repeat: no-repeat;
    line-height: 1;
}
.culture03 .swiper_box{
    position: absolute;
    bottom: 10%;
    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);
    z-index: 2;
}
.culture03 .swiper_box .content{
    display: flex;
    align-items: center;
}
.culture03 .swiper_btn{
    width: 40px;
    height: 40px;
    border: 1px solid #d71729;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    position: relative;
    cursor: pointer;
}

.culture03 .swiper_btn.left_btn::before{
    content: '';
    display: block;
    position: absolute;
    top: 14px;
    border-bottom: 1px solid #d71729;
    border-right: 1px solid #d71729;
    right: 12px;
    width: 10px;
    height: 10px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}
.culture03 .swiper_btn.right_btn::before{
    content: '';
    display: block;
    position: absolute;
    top: 13px;
    border-top: 1px solid #d71729;
    border-left: 1px solid #d71729;
    right: 15px;
    width: 10px;
    height: 10px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}
.culture03 .barbox{
    position: relative;
    padding: 0 50px;
    height: 2px;
    background-color: #e1e1e1;
    margin: 0 20px;
    width: 540px;
}
.culture03 .barbox .bar{
    position: absolute;
    left: 0;
    width: 10%;
    height: 2px;
    background-color: #d71729;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.culture03 .tit{
    font-size: 24px;
    color: #333;
    margin-top: 105px;
    text-align: center;
    position: absolute;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    opacity: 0;
}
.culture03 .swiper-container{
    padding:6% 0 9%;
}
.culture03 .swiper-slide{
    padding-bottom: 5%;
}
.culture03 .swiper-slide .ig{
           padding-bottom: 61%;
            position: relative;
}
.culture03 .swiper-slide img{
    width: 100%;
    height: 100%;
    object-fit: cover;
        position: absolute;
    top: 0;
    left: 0;
}
.culture03 .swiper-slide a{
    display: inline-block;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    width: 100%;
}
.culture03 .swiper-slide-active .tit{
    font-size: 24px;
    color: #333;
    text-align: center;
    position: absolute;
    width: 100%;
    opacity: 1;
    bottom: -10%;
}

.culture03 .swiper-slide-active{
   transform: scale(1.4);
   -webkit-transform: scale(1.4);
   -moz-transform: scale(1.4);
   -ms-transform: scale(1.4);
   -o-transform: scale(1.4);
}
.culture03 .swiper-slide-prev{
    transform: scale(.8) rotateY(25deg) translate(-20%,0);
    -webkit-transform: scale(.8) rotateY(25deg) translate(-20%,0);
    -moz-transform: scale(.8) rotateY(25deg) translate(-20%,0);
    -ms-transform: scale(.8) rotateY(25deg) translate(-20%,0);
    -o-transform: scale(.8) rotateY(25deg) translate(-20%,0);
    opacity: .5;
}
.culture03 .swiper-slide-prev img{

}
.culture03 .swiper-slide-next{
    transform: scale(.8) rotateY(25deg) translate(20%,0);
    -webkit-transform: scale(.8) rotateY(25deg) translate(20%,0);
    -moz-transform: scale(.8) rotateY(25deg) translate(20%,0);
    -ms-transform: scale(.8) rotateY(25deg) translate(20%,0);
    -o-transform: scale(.8) rotateY(25deg) translate(20%,0);
    opacity: .5;
}

.culture04{
    padding-bottom: 140px;
}
.culture04 .title{
    background-image: url(../images/culture04_icon.png);
    padding-left: 55px;
    background-position: left top 5px;
    background-repeat: no-repeat;
    line-height: 1;
}
.culture04 .ctop{
    border-top: 1px solid #e8ebf5;
    padding-top: 140px;
}
.culture04 .cbom{

}
.culture04 .cbom .item{
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.culture04 .cbom .item img{
    width: 100%;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.culture04 .cbom .item .cl:hover img,
.culture04 .cbom .item .cr: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);
}
.culture04 .cbom .item .cl{
    width: 39%;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
}
.culture04 .cbom .item .cr{
    width: 59%;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
}
@media (max-width: 1459px){
    .culture01,.culture03{
        padding: 80px 0;
    }
    .culture04{
        padding-bottom: 80px;
    }
    .culture_base .ctop{
        margin-bottom: 45px;
    }
    .culture01 .cbom .ctit{
        font-size: 38px;
    }
    .culture03 .swiper-slide-active .tit{
        font-size: 20px;
    }
    .culture04 .ctop{
        padding-top: 45px;
    }
}
@media (max-width: 1024px){
    .culture01,.culture03{
        padding: 40px 0;
    }
    .culture04{
        padding-bottom: 40px;
    }
    .culture_base .ctop{
        margin-bottom: 25px;
    }
    .culture01 .cbom .ctit{
        font-size: 24px;
    }
    .culture03 .swiper-slide-active .tit{
        font-size: 18px;
    }
    .culture04 .ctop{
        padding-top: 25px;
    }
    .culture_base .ctop{
        margin-bottom: 15px;
        flex-wrap: wrap;
    }
    .culture_base .ctop .edit{
        width: 100%;
        margin-top: 15px;
    }
    .culture02 .title,
    .culture03 .title,
    .culture04 .title{
        background-position: left top 2px;
        background-size: 20px;
        padding-left: 25px;
    }
}
@media (max-width: 768px){
    .culture01,.culture03{
        padding: 20px 0;
    }
    .culture04{
        padding-bottom: 20px;
    }

    .culture04 .ctop{
        padding-top: 15px;
    }
    .culture02 .list .item .ctit span{
        font-size: 14px;
        left: 5%;
        top: 16%;
            max-width: 60px;
    height: 40px;
    }
    .culture02 .list .item .ctit{
        left: -122px;
        bottom: -218px;
    }
    .culture01 .cbom .ctit{
        font-size: 18px;
    }

    .culture03 .swiper-slide-active {
        transform: scale(1.4);
        -webkit-transform: scale(1.4);
        -moz-transform: scale(1.4);
        -ms-transform: scale(1.4);
        -o-transform: scale(1.4);
    }
    .culture03 .swiper-slide-active .tit{
        font-size: 14px;
        bottom: -2%;
    }
    .culture03 .swiper-slide-active {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
    }
    .culture03 .swiper-container {
        padding: 6% 0 14%;
    }
}
@media (max-width: 640px){
    .culture03 .swiper-slide-active {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }
    .culture03 .swiper-slide-prev {
        transform: unset;
        -webkit-transform: unset;
        -moz-transform: unset;
        -ms-transform: unset;
        -o-transform: unset;
    }
    .culture03 .swiper-slide-next {
        transform: unset;
        -webkit-transform: unset;
        -moz-transform: unset;
        -ms-transform: unset;
        -o-transform: unset;

    }
    .culture03 .barbox{
        width: 200px;
    }
    .culture03 .swiper_box{
        bottom: 0;
    }
    .culture02 .list .item:first-child,
    .culture02 .list .item:nth-of-type(2),
    .culture02 .list .item:nth-of-type(3){
        width: 100%;
        margin: 0;
        height: 150px;
        margin-bottom: 10px;
    }
    .culture_base .ctop .edit{
        font-size: 14px;
    }
}

.partner{

}
.partner .title{
    text-align: center;
    margin-bottom: 70px;
}
.partner .list{
    display: flex;
    flex-wrap: wrap;
}
.partner .list .item{
    width: 18.4%;
    background-color: #f7f7f7;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    text-align: center;
    padding: 45px 15px ;
    margin-bottom: 2%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.partner .list .item img{
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
        width: auto;
    height: auto;
    max-width: 120px;
    max-height: 120px;
}
.partner .list .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);
}
.partner .list .item:not(:nth-child(5n+1)){
    margin-left: 2%;
}
.partner .more{
    margin-top: 45px;
    text-align: center;
    position: relative;
    font-size: 16px;
}
.partner .more a{
    display: inline-block;
    width: 180px;
    line-height: 55px;
    border-radius: 27px;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    -ms-border-radius: 27px;
    -o-border-radius: 27px;
    border: 2px solid #d71729;
    color: #d71729;
    text-align: center;
}
.partner .more .tishi{
    color: rgba(51, 51, 51, .7);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
}
.base_padding{
    padding: 140px 0;
}
@media (max-width: 1459px){
    .base_padding{
        padding: 80px 0;
    }
    .partner .title{
        margin-bottom: 40px;
    }
    .partner .list .item{
        padding: 35px 0;
    }
}
@media (max-width: 1024px){
    .base_padding{
        padding: 40px 0;
    }
    .partner .title{
        margin-bottom: 25px;
    }
    .partner .list .item{
        padding: 35px 0;
    }
    .partner .list .item{
        width: 23.5%;
    }
    .partner .list .item:not(:nth-child(5n+1)) {
        margin-left: 0;
    }
    .partner .list .item:not(:nth-child(4n+1)) {
        margin-left: 2%;
    }
    .partner .more a{
        width: 120px;
        line-height: 35px;
    }
}
@media (max-width: 768px){
    .base_padding{
        padding: 20px 0;
    }
    .partner .list .item{
        width: 32%;
        padding: 25px 0;
    }
    .partner .list .item:not(:nth-child(4n+1)) {
        margin-left: 0;
    }
    .partner .list .item:not(:nth-child(3n+1)) {
        margin-left: 2%;
    }
}
@media (max-width:640px){

    .partner .list .item{
        width: 49%;
        padding: 15px 0;
    }
    .partner .list .item:not(:nth-child(3n+1)) {
        margin-left: 0;
    }
    .partner .list .item:not(:nth-child(2n+1)) {
        margin-left: 2%;
    }
    .partner .list .item img{
        max-height: 65px;
    }
    .partner .more .tishi{
        font-size: 12px;
    }
    .partner .more{
        text-align: left;
    }
}

/* 品牌之声 */

.base_title{
    margin-bottom: 70px;
}
.base_btn{
    width: 180px;
    line-height: 55px;
    border: 2px solid #d71729;
    text-align: center;
    display: inline-block;
    border-radius: 27px;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    -ms-border-radius: 27px;
    -o-border-radius: 27px;
    color: #d71729;
    font-size: 16px;
}
@media (max-width: 1459px){
    .base_title{
        margin-bottom: 40px;
    }
}
@media (max-width: 1024px){
    .base_title{
        margin-bottom: 20px;
    }
    .base_btn{
        width: 120px;
        line-height: 40px;
        font-size: 16px;
    }
}
@media (max-width: 768px){
    .base_title{
        margin-bottom: 15px;
    }
    .base_btn{
        width: 100px;
        line-height: 35px;
        font-size: 14px;
    }
}
@media (max-width: 640px){
    .base_btn{
        width: 90px;
        line-height: 25px;
        font-size: 12px;
    }
}
.brand01{

}
.brand01 .title{
    text-align: center;
}
.brand01 .imgbox img{
    width: 100%;
}

.brand02{
    padding-bottom: 140px;
}
.brand02 .title{
    padding-left: 73px;
    background-image: url(../images/brand02_icon.png);
    background-position: top 3px left;
    background-repeat: no-repeat;
    padding-bottom: 20px;
    border-bottom: 1px solid #e8ebf5;
}
.brand02 .list .item{
    display: flex;
    justify-content: space-between;
}
.brand02 .list .item img{
    width: 100%;
}
.brand02 .list .item:nth-child(2n){
    flex-direction: row-reverse;
    align-items: center;
}
.brand02 .list .item .right{
    width: 40%;
}
.brand02 .list .item .left{
    width: 55%;
}
.brand02 .list .item:nth-child(2n) .left{
    width: 40%;
}
.brand02 .list .item:nth-child(2n) .right{
    width: 55%;
}
.brand02  .lcitem:not(:first-child){
    margin-top: 55px;
}

.brand02  .lcitem .tit{
    font-size: 28px;
    color: #333333;
    margin-bottom: 25px;
    position: relative;
    padding-left: 25px;
}
.brand02  .lcitem .tit::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: #d71729;
    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%);
}
.brand02  .lcitem .desc{
    font-size: 16px;
    padding-left: 25px;
}
.brand02  .lcitem .tit strong{
    font-weight:normal;
    color: #1c3f9b;
    padding-right:10px;
    font-family: "HarmonyOS_Sans_SC_Bold";
}


.brand03{
    background-image: url(../images/brand03_icon.png);
    background-size: contain;
    padding: 4% 0 8%;
    position: relative;
}
.brand03 .tishi{
    position: absolute;
    bottom: 35px;
    text-align: center;
    width: 100%;
    left: 0;
    right: 0;
    font-size: 16px;
    color: rgba(255, 255, 255, .5);
    font-family: "HarmonyOS_Sans_SC_Light";
}
.brand03 .list{
    display: flex;
    justify-content: space-between;
}
.brand03 .list .item{
    position: relative;max-width:270px;
}
.brand03 .list .item + .item::before{
    content: '';
    display: block;
    position: absolute;
    left: -5vw;
    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: 100%;
    background-color: rgba(255, 255, 255, .15);
}
.brand03 .tit{
    font-size: 20px;
    color: #fff;
    position: relative;
    display: inline-block;
}
.brand03 .tit::before{
    content: "";
    display: block;
    position: absolute;
    right: 0;
    background-image: url(../images/add.png);
    background-repeat: no-repeat;
    background-size: 6px;
    width: 6px;
    height: 6px;
    right: -9px;
    top: 64%;
}
.brand03 .tit span{
    font-size: 66px;
    word-wrap: break-word;
    word-break: normal;
}
.brand03 .tdesc{
    font-size: 18px;
    color: #fff;
    margin-top: 25px;word-wrap: break-word;
    word-break: normal;
}

.brand04{

}
.brand04 .ctop{
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
    border-bottom: 1px solid #e8ebf5;
    align-items: center;
}
.brand04 .title{
    padding-left: 73px;
    background-image: url(../images/brand04_icon.png);
    background-position: top 3px left;
    background-repeat: no-repeat;
}
.brand04 .main{
    display: flex;
    justify-content: space-between;
    padding: 85px 0 30px;
    align-items: center;
}
.brand04 .main .left{
    position: relative;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    width: 36.8%;
    border-radius: 20px;
    overflow: hidden;
}
.brand04 .main .left a{
    width: 180px;
    line-height: 55px;
    background-color:#1c3f9b;
    text-align: center;
    color: #fff;
    position: absolute;
    left: 50%;
    bottom: 20%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    border-radius: 27px;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    -ms-border-radius: 27px;
    -o-border-radius: 27px;
}
.brand04 .main .right{
    width: 54%;
}

.brand04 .main .edit{
    font-size: 16px;
    line-height: 1.775;
}
.brand04 .content .tishi{
    text-align: center;
    width: 36.8%;
    font-size: 16px;
    color: rgba(51, 51, 51, .3);
}
.brand04 .content .cedit{
    font-size: 16px;
    line-height: 1.875;
    color: #333333;
    margin-top: 85px;
}
@media (max-width: 1459px){
    .brand02 .list .item:nth-child(2n){
        margin-top: 10px;
    }
    .brand02 .lcitem .tit {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .brand02 .lcitem:not(:first-child) {
        margin-top: 40px;
    }

    .brand03 .tit span {
        font-size: 48px;
    }

    .brand04 .content .cedit {
        margin-top: 40px;
    }

    .brand04 .main {
        padding: 50px 0 30px;
    }
    .brand02{
        padding-bottom: 80px;
    }
}
@media (max-width: 1200px){
    .brand03 .list .item + .item::before{
        left: -84px;
    }
    .brand02{
        padding-bottom: 40px;
    }
}
@media (max-width: 1024px){
    .brand02{
        padding-bottom: 20px;
    }
    .brand03 .tit span {
        font-size: 36px;
    }

    .brand03 .tit {
        font-size: 14px;
    }

    .brand03 .tdesc {
        font-size: 14px;
        margin-top: 10px;
    }

    .brand04 .title {
        background-size: 30px;
        padding-left: 45px;
    }

    .brand02 .title {
        background-size: 30px;
        padding-left: 45px;
        padding-bottom: 10px;
    }

    .brand02 .lcitem .tit {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .brand02 .lcitem:not(:first-child) {
        margin-top: 20px;
    }

    .brand04 .main {
        flex-wrap: wrap;
    }

    .brand04 .main .left {
        width: 100%;
        max-width: 200px;
        margin: 0 auto;
    }

    .brand04 .main .right {
        width: 100%;
        margin-top: 20px;
    }

    .brand04 .content .tishi {
        width: 100%;
    }
    .brand03 .list .item + .item::before {
        left: -46%;
    }
}
@media (max-width: 768px){
    .brand02 .list .item {
        flex-wrap: wrap;
    }

    .brand02 .list .item .left {
        width: 100%;
        margin-bottom: 15px;
    }

    .brand02 .list .item .right {
        width: 100%;
        /* margin: 0 auto; */
    }

    .brand02 .list .item:nth-child(2n) {
        flex-direction: row;
        margin-top: 30px;
    }

    .brand02 .list .item:nth-child(2n) .left {
        width: 100%;
        margin-bottom: 15px;
    }

    .brand02 .list .item:nth-child(2n) .right {
        width: 100%;
    }
}
@media (max-width: 640px){
    .brand04 .main .edit{
        font-size: 14px;
    }
    .brand04 .ctop{
        flex-wrap: wrap;
    }
    .brand04 .title{
        width: 100%;
        margin-bottom: 10px;
    }
    .brand04 .title,.brand02 .title{
        background-size: 20px;
        padding-left: 25px;
    }
}



.report{

}
.report .title{
    text-align: center;
}
.report .list{
    display: flex;
    flex-wrap: wrap;
    padding: 5% 0 2%;
}
.report .list .item{
    width: 23.125%;
    background-color: #f7f7f7;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    margin-bottom: 2.5%;
    padding: 4% 2% 3%;
    cursor: pointer;
    display: block;
    position: relative;
    overflow: hidden;
}
.report .list .item a{
    position: absolute;
    left: 50%;
    top: 150%;
        /* 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%);
    font-size: 16px;
    background-color: #d71729;
    color: #fff;
    width: 180px;
    line-height: 55px;
    border-radius: 27px;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    -ms-border-radius: 27px;
    -o-border-radius: 27px;
    text-align: center;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.report .list .item:hover{
    box-shadow: 0 0 20px rgba(0, 0, 0, .5);
}
.report .list .item:hover a{
    top: 50%;
}
.report .list .item:not(:nth-child(4n+1)){
    margin-left: 2.5%;
}
.report .list .item .tit{
    margin-top: 60px;
    text-align: center;
    font-size: 20px;
    color: #333;
}
@media (max-width: 1459px){
    .report .list .item .tit {
        font-size: 18px;
        margin-top: 30px;
    }
}
@media (max-width: 1024px){
    .report .list .item a {
        width: 110px;
        line-height: 35px;
    }
    .report .list .item .tit {
        font-size: 16px;
        margin-top: 10px;
    }
}
@media (max-width: 768px){
    .report .list .item{
        width: 32.33%;
        margin-bottom: 1.5%;
    }
    .report .list .item:not(:nth-child(4n+1)) {
        margin-left:0%;
    }
    .report .list .item:not(:nth-child(3n+1)) {
        margin-left: 1.5%;
    }
    .report .list .item a{
        font-size: 14px;
    }
    .report .list .item .tit{
        font-size: 14px;
    }
}
@media (max-width: 640px){
    .report .list .item{
        width: 49%;
        margin-bottom: 2%;
    }
    .report .list .item:not(:nth-child(3n+1)) {
        margin-left:0%;
    }
    .report .list .item:not(:nth-child(2n+1)) {
        margin-left: 2%;
    }
    .report .list .item a {
        width: 90px;
        line-height: 30px;
        font-size: 12px;
    }
}

/* 集团荣誉 */
.honor{

}
.honor .content{
    display: flex;
    justify-content: space-between;
    background-image: url(../images/honr_icon.png);
    background-repeat: no-repeat;
    background-position:  center right;
    align-items: center;
    padding-right: 12.5%;
}
.honor .left{
    position: relative;
}
.honor .left .list{
    position: absolute;
    left: 76%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    width: 100%;
    text-align: center;
    overflow: hidden;
    max-width: 360px;
}
.honor .left .list .imgbox {
max-width: 348px;
    overflow: hidden;
    width: 100%;
}

.honor .left .list .iimg-pagination {
    overflow: hidden;
}




.honor .left .list .item{
    display: inline-block;
    max-width: 348px;
    overflow: hidden;
}
.honor .left .list .item img {
    max-width: 360px;
    max-height: 246px;    width: auto;
    height: auto;
}
.honor .right{
    width: 65.5%;
    position: relative;
}
.honor .right .ctop{
    display: flex;
    justify-content: space-between;
    border-bottom: 3px solid #e8ebf5;
    padding-bottom: 50px;
    /* padding-right: 17.5%; */
}

.honor .right .citem{
    font-size: 60px;
    color: #1c3f9b;
    max-width:200px;word-wrap: break-word;
    word-break: normal;
}
.honor .right .cmain{
    display: flex;
    justify-content: space-between;
    /* padding-right: 17.5%; */
    padding: 140px 0 140px 0;
}
.honor .cleft{
    width: 43%;
}
.honor .cright{
    width: 51.5%;
}
.honor .cright .swiper-container{padding-right:15px;}
.honor .cleft .mitem{

}
.honor .cleft .mitem .mtit{
    font-size: 16px;
    line-height: 1.875;
    position: relative;
    padding-left: 10px;
}
.honor .cleft .mitem .mtit::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 12px;
    width: 5px;
    height: 5px;
    background-color: #d71729;
}

/* .honor  */

.honor .swiper-slide .ritem{
    width: 100px;
    height: 100px;
    background-color: #1c3f9b;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;overflow:hidden;
    cursor:pointer;
}
.honor .swiper-slide-active .ritem {
    background-color: #3269f9;
}
.honor .swiper_btn{
    width: 40px;
    height: 40px;
    border: 1px solid #ccc;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    position: relative;
    cursor: pointer;
    z-index: 2;
}
.honor .swiper_box{
    position: absolute;
    bottom: -10%;
    left: 0;
    z-index: 2;
    width: 130px;
    display: flex;
    justify-content: space-between;
}
.honor .swiper_btn.left_btn:hover::before,
.honor .swiper_btn.right_btn:hover::before,
.honor .swiper_btn.left_btn:hover,
.honor .swiper_btn.right_btn:hover{
    border-color: #d71729;
}
.honor .swiper_btn.left_btn::before{
     content: '';
    display: block;
    position: absolute;
    top: 14px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    right: 15px;
    width: 10px;
    height: 10px;
    transform: rotate(135deg);
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}
.honor .swiper_btn.right_btn::before{
    content: '';
    display: block;
    position: absolute;
    top: 13px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    right: 12px;
    width: 10px;
    height: 10px;
    transform: rotate(135deg);
    -webkit-transform: rotate(316deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}
@media (max-width: 1760px){
    .honor .left .list {
        left: 62%;
    }
    .honor .swiper-slide .ritem {
        width: 90px;
        height: 90px;
    }
}
@media (max-width: 1600px){
    .honor .right{
        width: 62.5%;
    }
    .honor .swiper-slide .ritem {
        width: 70px;
        height: 70px;
    }
}
@media (max-width: 1459px){
    .honor .right .cmain{
        padding: 80px 0;
    }
    .honor .left .list{
        width: 60%;
    }
    .honor .right .citem{
        font-size: 36px;
    }
}
@media (max-width: 1440px){
    .honor .content{
        padding-right: 2.5%;
    }
    .honor .swiper-slide .ritem {
        width: 50px;
        height: 50px;
    }
}
@media (max-width: 1024px){
    .honor .right .cmain {
        padding: 40px 0;
    }
    .honor .right .ctop{
        padding-bottom: 20px;
    }
    .honor .right .citem {
        font-size: 24px;
    }
    .honor .cright {
        width: 36.5%;
    }
    .honor .cleft {
        width: 56%;
    }
    .honor .cleft .mitem .mtit{
        font-size: 14px;
    }
}
@media (max-width: 768px){
    .honor .left .cbimg img{
        height: 300px;
    }
    .honor .right {
        width: 70.5%;
    }

}
@media (max-width: 640px){
    .honor .left .cbimg img{
        height: 200px;
    }
    .honor .left .list .item img{
        height: 150px;
    }
    .honor .content{
        flex-wrap: wrap;
    }
    .honor .left{
        width: 100%;
        margin-bottom: 20px;
    }
    .honor .right{
        width: 100%;
    }
    .honor .right .cmain{
        flex-wrap: wrap;
    }
    .honor .cleft{
        width: 100%;
    }
    .honor .cright{
        margin-top: 20px;
        width: 100%;
    }
    .honor .content{
        padding: 0 15px;
    }
    .honor .right {
        padding: 0 0 3%;
    }
    .honor .swiper_box{
        bottom: 10px;
        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);
    }
    .honor .swiper-slide .ritem{
        margin: 0 auto;
    }
    .honor .right .cmain{
        padding: 20px 0 40px;
    }
    .honor .right .ctop {
        padding-bottom: 10px;
    }
    .honor .swiper_btn {
        width: 30px;
        height: 30px;
    }
    .honor .swiper_btn.right_btn::before {
        top: 9px;
        left: 7px;
    }
    .honor .swiper_btn.left_btn::before {
        top: 9px;
        right: 7px;
    }
}

.channel01{

}
.channel01 .title{
    text-align: center;
    margin-bottom: 25px;
}
.channel01 .desc{
    text-align: center;
    font-size: 18px;
}
.channel01 .list{
    padding: 6.3% 0;
    overflow: hidden;
}
.channel01 .list .item{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4.2% 0;
}
.channel01 .item .left{
    width: 50%;
    border-radius: 27px;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    -ms-border-radius: 27px;
    -o-border-radius: 27px;
    overflow: hidden;
}
.channel01 .item .right{
    width: 39%;
}
.channel01 .item .fs32{
    font-family: "HarmonyOS_Sans_SC_Bold";
}
.channel01 .item .tdesc{
    margin: 9% 0 12.5%;
    font-size: 16px;
    color: #333333;
    line-height:1.875;
    font-family: "HarmonyOS_Sans_SC_Light";
}
.channel01 .item:nth-child(2n){
    flex-direction: row-reverse;
}
@media (max-width: 1024px){
    .channel01 .item .tdesc{
        font-size: 14px;
    }
}
@media (max-width: 640px){
    .channel01 .list .item{
        flex-wrap: wrap;
    }
    .channel01 .item .left{
        width: 100%;
        margin-bottom: 2%;
        max-height: 400px;
    }
    .channel01 .item .left img{
        object-fit: cover;
    }
    .channel01 .item .right{
        width: 100%;
        margin-bottom: 2%;
    }
    .channel01 .item:nth-child(2n) {
        flex-direction: row;
    }
    .channel01 .item .tdesc{
        margin: 10px 0;
    }

}


.high01 .ctop{
    display: flex;
    justify-content: space-between;
    margin-bottom: 65px;
}
.high01 .ctop .edit{
    width: 45%;
    font-size: 16px;
    color: #333;
    font-family: "HarmonyOS_Sans_SC_Light";
    line-height: 1.875;
}
.base_high .list{
}
.base_high .item{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f7f7f7;
    border-radius: 20px 0 0 20px;
    -webkit-border-radius: 20px 0 0 20px;
    -moz-border-radius: 20px 0 0 20px;
    -ms-border-radius: 20px 0 0 20px;
    -o-border-radius: 20px 0 0 20px;
    overflow: hidden;
}
.base_high .item:nth-child(2n){
    flex-direction: row-reverse;
}
.base_high .item:not(:first-child){
    margin-top: 120px;
}
.base_high .item .edit{
    font-size: 16px;
    color: #333333;
    line-height: 1.875;
    font-family: "HarmonyOS_Sans_SC_Light";
    margin-top: 40px;
}5
.base_high .item:nth-child(2n){
    flex-direction: row-reverse;
}
.base_high .item .left{
    width: 50%;
}
.base_high .item .right{
    width: 50%;
    padding: 0 5%;
}






.base_zhuan{
    overflow: hidden;
    position: relative;
}
.base_zhuan .container{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
.base_zhuan .content{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.base_zhuan .left{
    width: 30%;
}
.base_zhuan .left .edit{
    color: #fff;
    font-size: 16px;
    font-family: "HarmonyOS_Sans_SC_Light";
    line-height: 1.875;
}
.base_zhuan .content .left .title{
    margin-bottom: 75px;
    color: #fff;
    font-family: "HarmonyOS_Sans_SC_Bold";
}
.base_zhuan .content .left .cp{
    position: relative;
    font-size: 24px;
    color: #333;
    line-height: 2;
    padding-left: 17px;
}
.base_zhuan .content .right{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    transform: translate(50px,0);
    -webkit-transform: translate(50px,0);
    -moz-transform: translate(50px,0);
    -ms-transform: translate(50px,0);
    -o-transform: translate(50px,0);
    width: 50%;
}
.base_zhuan .content .right .main{
    animation: changeright 15s linear infinite;
    -webkit-animation: changeright 15s linear infinite;
}
.base_zhuan .content .right .main .imgbox::before{
    content: '';
    display: block;
    background-image: url(../images/index03_icon.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    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%);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    width: 140%;
    height: 140%;
}
.base_zhuan .content .right .main .imgbox{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.base_zhuan .content .right .main img{
    -webkit-animation: changeleft 15s linear infinite;
    max-height: 560px;
}
@media (max-width: 1800px){
    .base_zhuan .content .right .main img{
        max-width: 450px;
    }
    .base_zhuan .content .right{
        transform: translate(0);
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
    }
}
@media (max-width: 1640px){
    .base_zhuan .content .right .main img{
        max-width: 450px;
    }
}
@media (max-width: 1459px){
    .base_zhuan .content .right .main img{
        max-width: 350px;
    }
    .base_zhuan .content .left .title {
        margin-bottom: 45px;
    }
}
@media (max-width: 1180px){
    .base_zhuan .content .right .main img{
        max-width: 300px;
    }
    .base_zhuan .cimg img{
        min-height: 500px;
        object-fit: cover;
    }
}
@media (max-width: 1024px){
    .base_zhuan .content .left .cp{
        font-size: 16px;
    }
    .base_zhuan .title{
        margin-bottom: 20px;
    }
    .base_zhuan .cimg img {
        min-height: 400px;
    }
    .base_zhuan .content .right .main img {
        max-width: 230px;
    }
    .base_zhuan .content .left .title {
        margin-bottom: 25px;
    }

}
@media (max-width: 640px){
    .base_zhuan .content{
        flex-wrap: wrap;
    }
    .base_zhuan .content .left{
        width: 100%;
    }
    .base_zhuan .content .left .cp::before{
        top: 9px;
    }
    .base_zhuan .content .left .cp{
        font-size: 14px;
    }
    .base_zhuan .content .right{
        width: 100%;
        margin-top: 70px;

    }
    .base_zhuan .cimg img{
        min-height: 550px;
    }
    .base_zhuan .container{
        width: 100%;
        height: 100%;
        padding: 15px;
    }
    .base_zhuan .content .left .title {
        margin-bottom: 15px;
    }
}

@media (max-width: 1459px){
    .high01 .ctop{
        margin-bottom: 45px;
    }
    .base_high .item:not(:first-child) {
        margin-top: 80px;
    }
}
@media (max-width: 1024px){
    .high01 .ctop{
        margin-bottom: 25px;
    }
    .base_high .item:not(:first-child) {
        margin-top: 40px;
    }
    .base_high .item .edit{
        margin-top: 20px;
    }
    .base_zhuan .left .edit{
        font-size: 14px;
    }
}
@media (max-width:768px){
    .base_zhuan .left {
        width: 35%;
    }
    .base_high .item .edit{
        font-size: 14px;
    }
    .base_high .item .right{
        padding: 3%;
    }
    .base_high .item:not(:first-child) {
        margin-top: 20px;
    }
    .high01 .ctop{
        flex-wrap: wrap;
    }
    .high01 .ctop .edit{
        width: 100%;
        margin-top: 15px;
        font-size: 14px;
    }
}
@media (max-width:640px){
    .base_high .item{
        flex-wrap: wrap;
    }
    .base_high .item:nth-child(2n){
        flex-direction: row;
    }
    .base_high .item .left{
        width: 100%;
    }
    .base_high .item .right{
        width: 100%;
    }
    .base_high .item{
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
    }
}


/* 派遣 */
.source01{

}

.source01 .ctop{
    display: flex;
    justify-content: space-between;
    margin-bottom: 65px;
}
.source01 .ctop .edit{
    width: 45%;
    font-size: 16px;
    color: #333;
    font-family: "HarmonyOS_Sans_SC_Light";
    line-height: 1.875;
}
.base_source .btop{
    display: flex;
    align-items: center;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    background-color: #f7f7f7;
}
.base_source .btop .bleft{
    width: 50%;
}
.base_source .btop .bright{
    width: 50%;
    padding: 5%;
}
.base_source .btop .edit{
    font-size: 16px;
    color: #333333;
    line-height: 1.875;
    margin-top: 12.2%;
}

.base_source .blist{
    display: flex;
    flex-wrap: wrap;
}
.base_source .blist .bitem{
    width: 49%;
}
.base_source .blist .bitem:not(:nth-child(2n+1)){
    margin-left: 2%;
}
.base_source .blist .bitem .tit{
    position: absolute;
    left: 30px;
    bottom: -45px;
    background-color: #1c3f9b;
    padding: 30px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    color: #fff;
    font-size: 32px;
}
.base_source .blist .bitem .bimg{
    position: relative;
}
.base_source .blist .bitem .cedit{
    margin-top: 90px;
    font-size: 16px;
    color: #333333;
    line-height: 1.875;
}

.source03{
    padding-bottom: 140px;
}
@media (max-width:1459px){
    .source03{
        padding-bottom: 80px;
    }
    .base_source .blist .bitem .tit{
        font-size: 26px;
    }
}
@media (max-width:1024px){
    .source03{
        padding-bottom: 40px;
    }
    .source01 .ctop{
        margin-bottom: 25px;
    }
    .base_source .blist .bitem .tit{
        font-size: 20px;
        padding: 15px;
    }
    .base_source .blist .bitem .cedit {
        margin-top: 70px;
    }
    .base_source .btop .edit{
        font-size: 14px;
        margin-top: 15px;
    }
    .base_source .blist .bitem .cedit{
        font-size: 14px;
    }
}
@media (max-width:768px){
    .source03{
        padding-bottom: 20px;
    }
    .source01 .ctop{
        flex-wrap: wrap;
    }
    .source01 .ctop .edit{
        width: 100%;
        margin-top: 10px;
        font-size: 14px;
    }
    .base_source .btop .edit{
        margin-top: 10px;
    }
    .base_source .blist .bitem .cedit {
        margin-top: 50px;
    }
    .base_source .blist .bitem .tit {
        font-size: 16px;
        padding: 10px;
        bottom: -20px;
        left: 10px;
    }
}
@media (max-width:640px){
    .base_source .btop{
        flex-wrap: wrap;
    }
    .base_source .btop .bright,
    .base_source .btop .bleft{
        width: 100%;
    }
    .base_source .blist .bitem{
        width: 100%;
        margin-bottom: 2%;
    }
    .base_source .blist .bitem:not(:nth-child(2n+1)) {
        margin-left: 0;
    }
    .base_source .blist .bitem .cedit {
        margin-top: 25px;
    }
}

/* 公共人才服務 */
.person01 .ctop{
    display: flex;
    justify-content: space-between;
    margin-bottom: 65px;
}
.person01 .ctop .edit{
    width: 45%;
    font-size: 16px;
    color: #333;
    font-family: "HarmonyOS_Sans_SC_Light";
    line-height: 1.875;
}

.person01 .main{
    position: relative;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
}
.person01 .main .ctit{
    font-size: 52px;
    color: #fff;
    position: absolute;
    left: 6%;
    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: inline-block;
    padding-bottom: 55px;
}
.person01 .main .ctit::before{
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100px;
    height: 4px;
    background-color: #1c3f9b;
}
.person02{
    padding-bottom: 120px;
}
.person02 .list{
    display: flex;
    flex-wrap: wrap;
}
.person02 .list .item{
    width: 49%;
    background-color: #f7f7f7;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    text-align: center;
    padding: 7%;
}
.person02 .list .item .imgbox{
    display: inline-block;
    width: 130px;
    background-color: #1c3f9b;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    text-align: center;
    line-height: 130px;
}
.person02 .list .item .tit{
    margin: 35px 0;
}
.person02 .list .item .edit{
    font-size: 16px;
    color: #333333;
    font-family: "HarmonyOS_Sans_SC_Light";
    line-height: 1.875;
}
.person02 .list .item:not(:nth-child(2n+1)){
    margin-left: 2%;
}

@media (max-width:1459px){
    .person02{
        padding-bottom: 80px;
    }
    .person01 .ctop{
        margin-bottom: 45px;
    }
    .person01 .main .ctit{
        font-size: 48px;
    }
}
@media (max-width:1024px){
    .person02{
        padding-bottom: 40px;
    }
    .person01 .ctop{
        margin-bottom: 25px;
    }
    .person01 .main .ctit{
        font-size: 36px;
        padding-bottom: 30px;
    }
    .person02 .list .item{
        padding: 5%;
    }
    .person02 .list .item .tit{
        margin: 25px 0;
    }
}
@media (max-width:768px){
    .person02{
        padding-bottom: 20px;
    }
    .person01 .ctop{
        flex-wrap: wrap;
    }
    .person01 .ctop .edit{
        width: 100%;
        margin-top: 10px;
        font-size: 14px;
    }
    .person01 .main .ctit {
        font-size: 24px;
        padding-bottom: 15px;
    }
    .person02 .list .item{
        padding: 3%;
    }
    .person02 .list .item .tit{
        margin: 15px 0;
    }
    .person02 .list .item .edit{
        font-size: 14px;
    }
    .person02 .list .item .imgbox{
        width: 80px;
        line-height: 80px;
    }
    .person02 .list .item .imgbox img{
        max-width: 30px;
    }
}
@media (max-width:640px){
    .person02 .list .item{
        width: 100%;
        margin-bottom: 2%;
    }
    .person02 .list .item:not(:nth-child(2n+1)) {
        margin-left: 0;
    }
    .person02 .list .item .imgbox{
        width: 50px;
        line-height: 50px;
    }
    .person02 .list .item .imgbox img{
        max-width: 20px;
    }
}


.scien01{
    padding-top: 140px;
}
.scien01 .ctop{
    display: flex;
    justify-content: space-between;
    margin-bottom: 65px;
}
.scien01 .ctop .edit{
    width: 45%;
    font-size: 16px;
    color: #333;
    font-family: "HarmonyOS_Sans_SC_Light";
    line-height: 1.875;
}
.scien01 .main{
    position: relative;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
}
.scien01 .main .ctext{
    color: #fff;
    position: absolute;
    left: 6%;
    top: 57%;
    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: inline-block;
}
.scien01 .main .cedit{
    font-size: 16px;
    color: #fff;
    font-family: "HarmonyOS_Sans_SC_Light";
    max-width: 430px;
    margin-top: 55px;
    line-height: 1.875;
}


.scien02 .list .item{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.scien02 .list .item:not(:first-child){
    margin-top: 7%;
}
.scien02 .list .item .cimg{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    width: 6.8vw;
    height: 6.8vw;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 20px rgba(28, 63, 655, .13);
    min-width: 90px;
    min-height: 90px;
}
.scien02 .list .item .edit{
    margin-top: 50px;
    font-size: 16px;
    line-height: 1.875;
    font-family: "HarmonyOS_Sans_SC_Light";
}
.scien02 .list .item .left{
    width: 50%;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
}
.scien02 .list .item .right{
    width: 37.5%;
}

.scien02 .list .item:nth-child(2n){
    flex-direction: row-reverse;
}
@media (max-width:1459px){
    .scien01 .main .cedit{
        margin-top: 35px;
    }

}
@media (max-width:1024px){
    .scien01 .main .cedit{
        margin-top: 25px;
    }
    .scien02 .list .item .edit{
        margin-top: 25px;
    }
}
@media (max-width:768px){
    .scien02 .list .item .cimg{
        min-width: 70px;
        min-height: 70px;
    }
    .scien02 .list .item .cimg img{
        max-width: 30px;
    }
    .scien02 .list .item .edit{
        font-size: 14px;
    }
    .scien02 .list .item .edit {
        margin-top: 15px;
    }
}
@media (max-width:640px){
    .scien02 .list .item{
        flex-wrap: wrap;
    }
    .scien02 .list .item .left{
        width: 100%;
        margin-bottom: 15px;
    }
    .scien02 .list .item .right{
        width: 100%;
    }
    .scien02 .list .item .cimg{
        left: 15px;
        top: 15px;
        transform:unset;
        -webkit-transform:unset;
        -moz-transform:unset;
        -ms-transform:unset;
        -o-transform:unset;
    }
    .scien02 .list .item .cimg {
        min-width: 50px;
        min-height: 50px;
    }
    .scien02 .list .item .cimg img {
        max-width: 25px;
    }
}


/* 案例 */
.cases01{}
.cases01 .title{
    text-align: center;
}
.cases01 .list{
    display: flex;
    flex-wrap: wrap;
    padding: 5% 0 2%;
}
.cases01 .list .item{
    width: 31.33%;
    background-color: #f7f7f7;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
    padding: 2.1% 2.1% 2.5% 2.1%;
    margin-bottom: 3%;
}
.cases01 .list .item img{
    width: 100%;
}
.cases01 .list .item:hover{
    box-shadow: 0 0 20px rgba(0,0,0,.2);
}
.cases01 .list .item:hover .cbox .go{
    background-image: url(../images/moreb.png);
    color: #1c3f9b;
}
.cases01 .list .item:hover .tit{
    color: #1c3f9b;
}
.cases01 .list .item:not(:nth-child(3n+1)){
    margin-left: 3%;
}
.cases01 .item .tit{
    font-size: 22px;
    margin-top: 10.5%;
    min-height: 58px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.cases01 .item .desc{
  margin: 55px 0 30px;
  font-size: 16px;
  color: #666666;
  font-family: "HarmonyOS_Sans_SC_Light";
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.cases01 .item .cbox{
    display: flex;
    justify-content: space-between;
    font-size: 16px;
}
.cases01 .item .cbox .go{
    background-image: url(../images/more.png);
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 30px;
}
.cases01 .item .cbox .time{
    color: #1c3f9b;
}
@media (max-width:1459px){
    .cases01 .item .desc {
        margin: 35px 0 30px;
    }
}
@media (max-width:1024px){
    .cases01 .item .tit{
        font-size: 18px;
    }
    .cases01 .item .desc {
        margin: 15px 0 20px;
    }
    .cases01 .list {
        padding: 3% 0 2%;
    }
}
@media (max-width:768px){
    .cases01 .list .item{
        width: 48.5%;
    }
    .cases01 .list .item:not(:nth-child(3n+1)) {
        margin-left: 0;
    }
    .cases01 .list .item:not(:nth-child(2n+1)) {
        margin-left: 3%;
    }

}
@media (max-width:640px){
    .cases01 .list .item{
        width: 100%;
    }
    .cases01 .list .item:not(:nth-child(2n+1)) {
        margin-left: 0;
    }
    .cases01 .item .tit{
        margin-top: 10px;
        min-height: auto;
        font-size: 16px;
    }
    .cases01 .item .desc,.cases01 .item .cbox{
        font-size: 14px;
    }

}


.info01 .content{
    display: flex;
    justify-content: space-between;
}

.info01 .content .left{
    flex: 1;
    padding-right: 6%;
}
.info01 .content .right{
    width: 350px;

}
.info01 .content .right .con{
    background-color: #f7f7f7;
    padding: 30px 30px 60px 30px;
}
.fxbox {
    margin: 30px 0;
    display: flex;
    align-items: center;
}
.info01 .left .time{
    font-size: 16px;
    color: #666;
    font-family: "HarmonyOS_Sans_SC_Light";
        margin-right: 20px
}
.info01 .left .edit{
    padding: 55px 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    font-size: 18px;
    color: #666666;
    font-family: "HarmonyOS_Sans_SC_Light";
}
.info01 .right .tit{
    margin-bottom: 30px;
}
.info01 .right .item{
    padding-bottom: 30px;
    border-bottom: 1px solid #dedede;
    display: block;
}
.info01 .right .item img{
    width: 100%;
}
.info01 .right .item .ctit{
    font-size: 20px;
    color: #333333;
    margin-top: 20px;
}
.info01 .right .item:not(:first-child){
    padding-top: 30px;
}
.info01 .right .more{
    color: #d71729;
    font-size: 16px;
    background-image: url(../images/morew.png);
    background-repeat: no-repeat;
    background-position: center right;
    display: inline-block;
    padding-right: 25px;
    margin-top: 50px;
}
.info01 .switch{
    position: relative;
    padding-top: 15px;
    padding-right: 120px;
}
.info01 .switch .prev,
.info01 .switch .next{
    display: block;
    font-size: 18px;
    color: #333333;
    font-family: "HarmonyOS_Sans_SC_Light";
    padding: 7.5px 0;
}
.info01 .switch .goback{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    width: 110px;
    line-height: 48px;
    border: 2px solid #1c3f9b;
    font-size: 18px;
    color: #1c3f9b;
    font-family: "HarmonyOS_Sans_SC_Light";
    text-align: center;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
}
@media (max-width:1024px){
    .info01 .left .time{
        padding: 20px 0;
    }
    .info01 .left .edit{
        padding: 25px 0;
    }
    .info01 .right .item .ctit{
        font-size: 16px;
    }
    .info01 .right .item{
        padding-bottom: 15px;
    }
    .info01 .right .item:not(:first-child) {
        padding-top: 15px;
    }
    .info01 .right .item .ctit{
        margin-top: 10px;
    }
    .info01 .content .right .con{
        padding: 15px 15px 40px 15px;
    }
    .info01 .right .more{
        margin-top: 20px;
    }
    .info01 .switch .prev, .info01 .switch .next{
        font-size: 14px;
    }
    .info01 .switch .goback {
        width: 90px;
        line-height: 30px;
        font-size: 14px;
    }
}
@media (max-width:768px){
    .info01 .content{
        flex-wrap: wrap;
    }
    .info01 .content .left{
        width: 100%;
        padding-right:0;
    }
    .info01 .content .right{
        width: 100%;
    }
    .info01 .right .list{
        display: flex;
        flex-wrap: wrap;
    }
    .info01 .right .item{
        width: 32.33%;
    }
    .info01 .right .item:not(:nth-child(3n+1)){
        margin-left: 1.5%;
    }
    .info01 .right .item:not(:first-child) {
        padding-top: 0;
    }
}
@media (max-width:640px){
    .info01 .right .item{
        width: 49%;
        margin-bottom: 2%;
    }
    .info01 .right .item:not(:nth-child(3n+1)){
        margin-left: 0%;
    }
    .info01 .right .item:not(:nth-child(2n+1)){
        margin-left: 2%;
    }
    .info01 .right .item .ctit{
        font-size: 14px;
    }
    .info01 .content .right .con{
        padding-bottom: 20px;
    }
    .info01 .switch{
        padding-right: 0;
    }
    .info01 .switch .goback{
        position: static;
        display: block;
        transform: unset;
        -webkit-transform: unset;
        -moz-transform: unset;
        -ms-transform: unset;
        -o-transform: unset;
        margin: 20px 0;
    }
}

/* 集团 */
.group01 .title{
    text-align: center;
    margin-bottom: 70px;
}
.group01 .content{

}
.group01 .ctop{
    padding: 30px;
    background-color: #f7f7f7;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
}
.group01 .ctop a{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.group01 .ctop .left{
    width: 47%;
}
.group01 .ctop .left .imgbox{
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
}
.group01 .ctop .left .imgbox img{
    width: 100%;
}
.group01 .ctop .right{
    flex: 1;
    padding-left: 5%;
}
.group01 .ctop .time{
    font-size: 16px;
    color: #1c3f9b;
}
.group01 .ctop .tit{
    margin-top: 25px;
    font-size: 24px;
    color: #2e312c;
}
.group01 .ctop .desc{
    margin: 7.6% 0 9.1%;
    font-size: 16px;
    color: #666666;
    line-height: 1.875;
}
.group01 .ctop .base_btn{
    font-family: "HarmonyOS_Sans_SC_Light";
    line-height: 50px;
}
.group01 .ctop .swiper-pagination{
    position: absolute;
    right: 0;
    width: auto;
    left: unset;
}
.group01 .ctop .swiper-pagination span{
    width: 15px;
    height: 2px;
    background-color: #dedede;
    margin: 0 8px;
    opacity: 1;
}

.group01 .ctop .swiper-pagination .swiper-pagination-bullet-active{
    background-color: #d71729;
}
.base_news  .clist{
    padding: 75px 0 85px;
}
.base_news  .clist .item{
    display: flex;
    position: relative;
    background-color: #f7f7f7;
    padding: 2.1% 14.72% 2.1% 2.1%;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    align-items: center;
    justify-content: space-between;
}
.base_news  .clist .item:not(:first-child){
    margin-top: 30px;
}
.base_news  .clist .item .imgbox{
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.base_news  .clist .item .more{
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    font-size: 16px;
    color: #333333;
    background-image: url(../images/more.png);
    background-position: center right;
    padding-right: 30px;
    background-repeat: no-repeat;
}
.base_news  .clist .cl{
    width: 23.8%;
}
.base_news  .clist .cen{
    padding-left: 5%;
    flex: 1;
}
.base_news  .clist .tit{
    font-size: 22px;
    color: #2e312c;
}
.base_news  .clist .time{
    font-size: 16px;
    color: #1c3f9b;
    margin: 20px 0 25px;
}
.base_news  .clist .desc{
    font-size: 16px;
    color: #666666;
    font-family: "HarmonyOS_Sans_SC_Light";
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.875;
}
.base_news  .clist .item img{
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    width: 100%;
}
.base_news  .clist .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);
}
.base_news  .clist .item:hover{
    box-shadow: 0 0 15px rgba(0, 0, 0, .2);
}
.base_news  .clist .item:hover .tit{
    color: #1c3f9b;
}
.base_news  .clist .item:hover .more{
    color: #1c3f9b;
    background-image: url(../images/moreb.png);
}

@media (max-width:1459px){
    .group01 .title {
        margin-bottom: 50px;
    }
}
@media (max-width:1024px){
    .group01 .title {
        margin-bottom: 20px;
    }
    .group01 .ctop .tit{
        font-size: 20px;
        margin-top: 15px;
    }
    .group01 .ctop .desc{
        font-size: 14px;
        margin: 10px 0;
    }
    .base_news  .clist {
        padding: 35px 0;
    }
}
@media (max-width:768px){
    .group01 .ctop .base_btn{
        line-height: 35px;
    }
    .group01 .ctop a{
        flex-wrap: wrap;
    }
    .group01 .ctop .left{
        width: 100%;
        margin-bottom: 15px;
    }
    .group01 .ctop .right{
        width: 100%;
        padding-left: 0;
    }
    .base_news  .clist .item{
        flex-wrap: wrap;
    }
    .base_news  .clist .cl{
        width: 100%;
        margin-bottom: 15px;
    }
    .base_news  .clist .cen{
        width: 100%;
        padding-left: 0;
    }
    .base_news  .clist .item,
    .group01 .ctop{
        padding:15px;
    }
    .base_news  .clist .time{
        margin: 5px 0 10px;
    }
    .base_news  .clist .tit{
        font-size: 18px;
    }
    .group01 .ctop .tit{
        font-size: 16px;
    }
    .group01 .title {
        margin-bottom: 10px;
    }
    .base_news .clist {
        padding: 20px 0;
    }
    .base_news .clist .item:not(:first-child) {
        margin-top: 20px;
    }
    .base_news .clist .item .more{
        left: 15px;
        bottom: 15px;
        top: unset;
        transform: unset;
        -webkit-transform: unset;
        -moz-transform: unset;
        -ms-transform: unset;
        -o-transform: unset;
        font-size: 14px;
        width: 80px;
        padding-right: 15px;
    }
    .base_news .clist .item{
        padding-bottom: 45px;
    }
}
@media (max-width:640px){
    .base_news  .clist .tit{
        font-size: 16px;
    }
    .group01 .ctop .base_btn {
        line-height: 25px;
    }
    .base_news  .clist .desc{
        font-size: 14px;
        overflow: unset;
        -webkit-line-clamp: unset;
    }
}

.media01 .title{
    text-align: center;
    margin-bottom: 70px;
}
.media01 .ctop .plist{
    display: flex;
    flex-wrap: wrap;
}
.media01 .ctop .plist .pitem{
    width: 31.66%;
    background-color: #f7f7f7;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    padding: 30px;
    display: block;
}
.media01 .ctop .plist .pitem:not(:nth-child(3n+1)){
    margin-left: 2.5%;
}
.media01 .pitem .imgbox{
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.media01 .pitem img{
    width: 100%;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.media01 .pitem .ptit{
    font-size: 22px;
    color: #2e312c;
    margin: 40px 0 25px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.media01 .pitem .pdesc{
    margin-bottom: 40px;
    font-size: 16px;
    color: #666666;
    font-family: "HarmonyOS_Sans_SC_Light";
    line-height: 1.875;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.media01 .pitem .cbox {
    display: flex;
    justify-content: space-between;
    font-size: 16px;
}
.media01 .pitem .cbox .go {
    background-image: url(../images/more.png);
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 30px;
}
.media01 .pitem .cbox .time {
    color: #1c3f9b;
}
.media01 .pitem: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);
}
.media01 .pitem:hover .ptit{
    color: #1c3f9b;
}
.media01 .pitem:hover {
    box-shadow: 0 0 20px rgb(0 0 0 / 20%);
}
.media01 .pitem:hover .cbox .go{
    background-image: url(../images/moreb.png);
    color: #1c3f9b;
}
@media (max-width:1459px){
    .media01 .pitem .ptit {
        margin: 30px 0 15px;
    }
    .media01 .title {
        margin-bottom: 40px;
    }
}
@media (max-width:1024px){
    .media01 .pitem .ptit {
        margin: 30px 0 15px;
    }
    .media01 .title {
        margin-bottom: 20px;
    }
    .media01 .pitem .ptit{
        font-size: 18px;
    }
    .media01 .pitem .pdesc{
        margin-bottom: 20px;
    }
    .media01 .ctop .plist .pitem {
        padding: 20px;
    }
}
@media (max-width:768px){
    .media01 .pitem .ptit {
        margin: 15px 0 10px;
    }
    .media01 .pitem .pdesc{
        line-height: 1.5;
        font-size: 14px;
    }
    .media01 .ctop .plist .pitem{
        width: 48.75%;
        margin-bottom: 2.5%;
    }
    .media01 .ctop .plist .pitem:not(:nth-child(3n+1)) {
        margin-left:0;
    }
    .media01 .ctop .plist .pitem:not(:nth-child(2n+1)) {
        margin-left: 2.5%;
    }
    .media01 .pitem .ptit{
        font-size: 16px;
    }
    .media01 .pitem .cbox{
        font-size: 14px;
    }
    .base_news .clist .time{
        font-size: 14px;
    }
}
@media (max-width:640px){
    .media01 .ctop .plist .pitem{
        width: 100%;
    }
    .media01 .ctop .plist .pitem:not(:nth-child(2n+1)) {
        margin-left:0;
    }
}

.notice{

}
.notice .title{
    margin-bottom: 70px;
    text-align: center;
}
.notice .list{
    background-color: #f7f7f7;
    overflow: hidden;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    margin-bottom: 80px;
    padding-bottom: 100px;
}
.notice .item{
    position: relative;
    border-bottom: 1px solid #e8e8e8;
    padding: 40px 275px 40px 30px;
    display: block;
}
.notice .item .tit{
    font-size: 22px;
    color: #333333;
    position: relative;
    padding-left: 25px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;

}
.notice .item .tit::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: 8px;
    height: 3px;
    background-color: #1c3f9b;
}

.notice .cbox{
    width: 230px;
    display: flex;
    justify-content: space-between;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    font-size: 16px;
}
.notice .item .cbox .go {
    background-image: url(../images/more.png);
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 20px;
}
.notice .item .cbox .time {
    color: #1c3f9b;
    position: relative;
}
.notice .item .cbox .time::before{
    content: '';
    display: block;
    position: absolute;
    right: -37%;
    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: 60%;
    background-color: #dadada;
}
.notice .item:hover{
    box-shadow: 0 0 20px rgb(0 0 0 / 20%);
}
.notice .item:hover .tit{
    color: #1c3f9b;
}
.notice .item:hover .cbox .go{
    background-image: url(../images/moreb.png);
    color: #1c3f9b;
}
.notice .item:hover .cbox{
    color: #1c3f9b;
}

@media (max-width:1459px){
    .notice .title{
        margin-bottom: 40px;
    }
    .notice .list{
        margin-bottom: 40px;
        padding-bottom: 80px;
    }
}
@media (max-width:1024px){
    .notice .title{
        margin-bottom: 20px;
    }
    .notice .item{
        padding: 20px 275px 20px 20px;
    }
    .notice .item .tit{
        font-size: 18px;
    }

    .notice .list{
        margin-bottom: 20px;
        padding-bottom: 40px;
    }
}
@media (max-width:768px){
    .notice .cbox{
        font-size: 14px;
    }
    .notice .cbox {
        width: 200px;
    }

}
@media (max-width:640px){
    .notice .item{
        padding: 20px 20px 35px;
    }
    .notice .cbox{
        position: absolute;
        bottom: 10px;
        right: 10px;
        top: unset;
        transform: unset;
        -webkit-transform: unset;
        -moz-transform: unset;
        -ms-transform: unset;
        -o-transform: unset;
    }
    .notice .item .tit {
        font-size: 16px;
    }
}


.build_base .ctop{
    display: flex;
    justify-content: space-between;
    margin-bottom: 95px;
}
.build_base .ctop .edit{
    max-width: 720px;
    font-size: 16px;
    color: #333;
    font-family: "HarmonyOS_Sans_SC_Light";
    line-height: 1.875;
}
.build01 .list{
    display: flex;
    flex-wrap: wrap;
}
.build01 .item{
    position: relative;
    width: 49%;
    overflow: hidden;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;    margin-bottom: 20px;
}
.build01 .item:not(:nth-child(2n+1)){
    margin-left: 2%;
}
.build01 .item .ctit {
    position: absolute;
    left: -44px;
    bottom: -132px;
    width: 210px;
    height: 210px;
    background-image: linear-gradient(to bottom right, #fff, transparent);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    transform: rotate(73deg);
    -webkit-transform: rotate(73deg);
    -moz-transform: rotate(73deg);
    -ms-transform: rotate(73deg);
    -o-transform: rotate(73deg);
    opacity: .9;
}
.build01 .item .ctit span {
    transform: rotate(-73deg);
    -webkit-transform: rotate(-73deg);
    -moz-transform: rotate(-73deg);
    -ms-transform: rotate(-73deg);
    -o-transform: rotate(-73deg);
    display: inline-block;
    width: auto;
    position: absolute;
    left: -1%;
    top: 17%;
    font-size: 22px;
    color: #333333;
    height: 58px;
    max-width: 100px;
    overflow: hidden;
}
.build01 .item img{
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.build01 .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);
}


.build02{

}
.build02 .list {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}
.build02 .list .item{
    float: left;
    position: relative;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
}
.build02 .list .item .imgbox{
    height: 100%;
}
.build02 .list .item:nth-of-type(1){
    width: 59.5%;
    padding-bottom: 44%;
    float: right;
    margin-left: 2%;
}
.build02 .list .item:nth-of-type(2){
    width: 38.5%;
    padding-bottom: 21%;
    margin-bottom: 1%;
}
.build02 .list .item:nth-of-type(3){
    width: 38.5%;
    padding-bottom: 21%;
    margin-top: 1%;
}

.build02{
    padding-bottom: 120px;
}
.build02 .list .item .con{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.build02 .list .item .con img{
    width: 100%;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    height: 100%;
}
.build02 .list .item .ctit{
    position: absolute;
    left: -95px;
    bottom: -190px;
    width: 270px;
    height: 270px;
    background-image: linear-gradient(to bottom right, #fff, transparent);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    transform: rotate(73deg);
    -webkit-transform: rotate(73deg);
    -moz-transform: rotate(73deg);
    -ms-transform: rotate(73deg);
    -o-transform: rotate(73deg);
    opacity: .9;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.build02 .list .item .ctit span {
    transform: rotate(-73deg);
    -webkit-transform: rotate(-73deg);
    -moz-transform: rotate(-73deg);
    -ms-transform: rotate(-73deg);
    -o-transform: rotate(-73deg);
    display: inline-block;
    width: auto;
    position: absolute;
    left: 4%;
    top: 15%;
    font-size: 22px;
    height: 58px;
    max-width: 100px;
    overflow: hidden;
}
.build02 .list .item:nth-of-type(1) .ctit span{
    left: 3%;
    top: 15%;
}

.build02 .list .item:hover .con 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:1459px){
    .build02{
        padding-bottom: 80px;
    }
    .build_base .ctop{
        margin-bottom: 60px;
    }
}
@media (max-width:1024px){
    .build02{
        padding-bottom: 40px;
    }
    .build_base .ctop{
        margin-bottom: 40px;
    }
    .build01 .item .ctit span{
        font-size: 16px;
            height: 40px;
    max-width: 80px;
    }
    .build02 .list .item .ctit span{
        font-size: 16px;
        height: 40px;
        max-width: 80px;
    }
    .build01 .item .ctit {
        left: -80px;
        bottom: -155px;
    }
    .build02 .list .item .ctit  span{
        font-size: 16px;
        left: 3%;
        top: 14%;
    }
    .build02 .list .item .ctit{
        left: -123px;
        bottom: -212px;
    }
    .build_base .ctop{
        margin-bottom: 15px;
        flex-wrap: wrap;
    }
    .build_base .ctop .edit {
        width: 100%;
        margin-top: 15px;
        font-size: 14px;
    }
}
@media (max-width:768px){
    .build02{
        padding-bottom: 20px;
    }

}
@media (max-width:640px){
    .build02{
        padding-bottom: 20px;
    }
    .build01 .item .ctit span {
        font-size: 12px;
        left: 1%;
        top: 9%;
            height: 30px;
    max-width: 50px;
    }
    .build01 .item .ctit {
        left: -113px;
        bottom: -174px;
    }
    .build02 .list .item .ctit span {
        font-size: 12px;
        left: 0%;
        top: 6%;
            height: 30px;
    max-width: 50px;
    }
    .build02 .list .item .ctit {
        left: -170px;
        bottom: -250px;
    }
    .build02 .list .item:nth-of-type(1) .ctit span {
        left: 0%;
        top: 6%;
    }
}


.corrup01 .title{
    text-align: center;
    margin-bottom: 70px;
}
.corrup01 .ctop .plist{
    display: flex;
    flex-wrap: wrap;
}
.corrup01 .ctop .plist .pitem{
    width: 31.66%;
    background-color: #f7f7f7;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    padding: 30px;
    display: block;
}
.corrup01 .ctop .plist .pitem:not(:nth-child(3n+1)){
    margin-left: 2.5%;
}
.corrup01 .pitem .imgbox{
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
.corrup01 .pitem img{
    width: 100%;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.corrup01 .pitem .ptit{
    font-size: 22px;
    color: #2e312c;
    margin: 40px 0 25px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.corrup01 .pitem .pdesc{
    margin-bottom: 40px;
    font-size: 16px;
    color: #666666;
    font-family: "HarmonyOS_Sans_SC_Light";
    line-height: 1.875;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.corrup01 .pitem .cbox {
    display: flex;
    justify-content: space-between;
    font-size: 16px;
}
.corrup01 .pitem .cbox .time {
    color: #1c3f9b;
}
.corrup01 .pitem: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);
}
.corrup01 .pitem:hover .ptit{
    color: #1c3f9b;
}
.corrup01 .pitem:hover {
    box-shadow: 0 0 20px rgb(0 0 0 / 20%);
}
.corrup01 .pitem:hover .cbox .go{
    background-image: url(../images/moreb.png);
    color: #1c3f9b;
}
.corrup01 .pitem .cbox .go {
    background-image: url(../images/more.png);
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 30px;
}
.corrup01 .clist{
    padding-top: 70px;
    padding-bottom: 60px;
}
.corrup01 .item{
    display: block;
    padding: 40px 0 60px;
    background-color: #f7f7f7;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    margin-bottom: 35px;
    display: flex;
    justify-content: space-between;
    padding-right: 130px;
    position: relative;
    align-items: center;
}
.corrup01 .item .more{
    position: absolute;
    right: 30px;
    top: 50%;
    width: 100px;
    background-image: url(../images/more.png);
    background-position: center right;
    background-repeat: no-repeat;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
}
.corrup01 .item .cl{
    width: 200px;
    padding-right: 65px;
    border-right: 1px solid #eee;
    padding-left: 70px;
}
.corrup01 .item  .day{
    font-size: 54px;
    font-weight: 700;
    line-height: 1;
    opacity: .5;
}
.corrup01 .item  .time{
    margin-top: 20px;
    font-size: 16px;
    color: #333333;
    line-height: 1;
    opacity: .5;
}
.corrup01 .item .cen{
    flex: 1;
    padding-left: 75px;
    padding-right: 15px;
}
.corrup01 .item .tit{
    font-size: 22px;
    color: #2e312c;
}
.corrup01 .item .desc{
    font-size: 16px;
    color: #666;
    font-family: "HarmonyOS_Sans_SC_Light";
    margin-top: 30px;
    max-width: 900px;

    display: -webkit-box;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.corrup01 .item:hover .more{
    background-image: url(../images/moreb.png);
    color: #1c3f9b;
}
.corrup01 .item:hover .day{
    color: #1c3f9b;
    opacity: 1;
}
.corrup01 .item:hover .time{
    color: #1c3f9b;
}
.corrup01 .item:hover .tit{
    color: #1c3f9b;
}
@media (max-width:1459px){
    .corrup01 .pitem .ptit {
        margin: 30px 0 15px;
    }
    .corrup01 .title {
        margin-bottom: 40px;
    }
    .corrup01 .item .cen{
        padding-left: 30px;
    }
    .corrup01 .item .cl{
        padding: 0 30px;
        width: auto;
    }
    .corrup01 .item .desc {
        margin-top: 10px;
    }
    .corrup01 .item .day {
        font-size: 48px;
    }
    .corrup01 .item .time {
        font-size: 14px;
        margin-top: 10px;
    }
    .corrup01 .item{
        padding: 30px 130px 40px 30px;
    }
}
@media (max-width:1024px){
    .corrup01 .pitem .ptit {
        margin: 30px 0 15px;
    }
    .corrup01 .title {
        margin-bottom: 20px;
    }
    .corrup01 .pitem .ptit{
        font-size: 18px;
    }
    .corrup01 .pitem .pdesc{
        margin-bottom: 20px;
    }
    .corrup01 .ctop .plist .pitem {
        padding: 20px;
    }
    .corrup01 .item .tit {
        font-size: 18px;
    }
    .corrup01 .item{
        padding: 20px 130px 20px 20px;
        margin-bottom: 20px;
    }
    .corrup01 .item .day {
        font-size: 36px;
    }
    .corrup01 .item .desc {
        font-size: 14px;
    }
    .corrup01 .clist {
        padding-top: 40px;
        padding-bottom: 30px;
    }
}
@media (max-width:768px){
    .corrup01 .pitem .ptit {
        margin: 15px 0 10px;
    }
    .corrup01 .pitem .pdesc{
        line-height: 1.5;
        font-size: 14px;
    }
    .corrup01 .ctop .plist .pitem{
        width: 48.75%;
        margin-bottom: 2.5%;
    }
    .corrup01 .ctop .plist .pitem:not(:nth-child(3n+1)) {
        margin-left:0;
    }
    .corrup01 .ctop .plist .pitem:not(:nth-child(2n+1)) {
        margin-left: 2.5%;
    }
    .corrup01 .pitem .ptit{
        font-size: 16px;
    }
    .corrup01 .pitem .cbox{
        font-size: 14px;
    }
    .corrup01 .clist .time{
        font-size: 14px;
    }
    .corrup01 .item{
        flex-wrap: wrap;
        padding: 15px 15px 40px 15px;
    }
    .corrup01 .item .cl{
        width: 100%;
        margin-bottom: 15px;
    }
    .corrup01 .item .cl{
        padding: 0;
    }
    .corrup01 .item .cen{
        padding: 0;
    }
    .corrup01 .item .more{
        position: absolute;
        bottom: 15px;
        right: 15px;
        top: unset;
        transform: unset;
        -webkit-transform: unset;
        -moz-transform: unset;
        -ms-transform: unset;
        -o-transform: unset;
    }
}
@media (max-width:640px){
    .corrup01 .ctop .plist .pitem{
        width: 100%;
    }
    .corrup01 .ctop .plist .pitem:not(:nth-child(2n+1)) {
        margin-left:0;
    }
    .corrup01 .item .tit {
        font-size: 16px;
    }
    .corrup01 .item .cl {
        display: flex;
        justify-content: space-between;
    }
}

.social01 .title{
    text-align: center;
}


.resp01 .title{
    text-align: center;
}
.resp01 .list{
    display: flex;
    flex-wrap: wrap;
    margin: 70px 0 40px;
}
.resp01 .item{
    width: 23.2%;
    background-color: #f7f7f7;
    padding: 50px 30px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    overflow: hidden;
    margin-bottom: 2.4%;
}
.resp01 .item:not(:nth-child(4n+1)){
    margin-left: 2.4%;
}
.resp01 .item .cbox {
    display: flex;
    justify-content: space-between;
    font-size: 16px;
}
.resp01 .item .cbox .go {
    background-image: url(../images/down_icon.png);
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 30px;
}
.resp01 .item .tit{
    font-size: 22px;
    color: #333;
    height: 55px;
    margin-bottom: 80px;
    overflow: hidden;
}
.resp01 .item:hover .go{
    background-image: url(../images/down_icon1.png);
}
.resp01 .item:hover{
    background-color: #1c3f9b;
}
.resp01 .item .time{
    color: #1c3f9b;
}
.resp01 .item:hover .tit,
.resp01 .item:hover .time,
.resp01 .item:hover .go{
    color: #fff;
}

@media (max-width:1459px){
    .resp01 .list{
        margin: 50px 0 30px;
    }
    .resp01 .item .tit{
        margin-bottom: 60px;
    }
    .resp01 .item{
        padding: 40px 25px;
    }
}
@media (max-width:1024px){
    .resp01 .list{
        margin: 30px 0 20px;
    }
    .resp01 .item{
        width: 31.73%;
    }
    .resp01 .item:not(:nth-child(4n+1)) {
        margin-left: 0;
    }
    .resp01 .item:not(:nth-child(3n+1)) {
        margin-left: 2.4%;
    }
    .resp01 .item .tit {
        margin-bottom: 30px;
        font-size: 20px;
        height: 50px;
    }
    .resp01 .item {
        padding: 20px;
    }
}
@media (max-width:768px){
    .resp01 .item{
        width: 48.8%;
    }
    .resp01 .item:not(:nth-child(3n+1)) {
        margin-left: 0;
    }
    .resp01 .item:not(:nth-child(2n+1)) {
        margin-left: 2.4%;
    }
    .resp01 .item .tit {
        margin-bottom: 20px;
        font-size: 18px;
    }
}
@media (max-width:640px){
    .resp01 .item{
        width: 100%;
    }
    .resp01 .item:not(:nth-child(2n+1)) {
        margin-left:0;
    }
    .resp01 .item .tit {
        margin-bottom: 10px;
        font-size: 16px;
        height: auto;
        overflow: unset;
    }
    .resp01 .item .cbox{
        font-size: 14px;
    }
}

/* 加入我们 */
.join01{

}
.join01 .content{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.join01 .content{
    width: 100%;
}
.join01 .left{
    position: absolute;
    left: 0;
    width: 45%;
}
.join01 .right{
    width: 47%;
    padding: 2.5% 0;
}
.join01 .right .title{
    font-size: 40px;
    color: #333333;
    font-weight: 700;
    margin-bottom: 20px;
}
.join01 .right .tit{
    font-size: 18px;
    color: #999999;
    line-height: 1;
}
.join01 .right .dec{
  font-size: 16px;
    
    margin-top: 5px;
    line-height: 1.5;
}
.join01 .right .plist{
    border-bottom: 1px solid #e6e6e6;
   margin-bottom: 25px;
    padding-bottom: 10px;
}
.join01 .right .pitem{
    margin-bottom: 20px;
}
.join01 .right .cbox{
    display: flex;
    align-items: center;
}
.join01 .right .cbox .ctit{
    margin-left: 20px;
    font-size: 16px;
    line-height: 1.625;
}

.join02{
    padding-bottom: 140px;
}
.join02 .content{
    background-color: #f7f7f7;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    padding: 80px;
}
.join02 .list{
    display: flex;
    flex-wrap: wrap;
}
.join02 .title{
    text-align: center;
    margin-bottom: 70px;
}
.join02 .item{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    width: 100%;
    height: 50px;
}
.join02 .item.w48{
    width: 48%;
}
.join02 .item.w48:not(:nth-child(2n+1)){
    margin-left: 4%;
}
.join02 .item label{
    width: 80px;
    font-size: 16px;
    color: #666666;
    font-family: "HarmonyOS_Sans_SC_Light";
    min-width: 80px;
}
.join02 .item input{
    flex: 1;
    border: 1px solid #dbdbdb;
    margin-left: 25px;
    height: 100%;
    padding-left: 15px;
}
.join02 .item.area{
    align-items: flex-start;
    height: auto;
}
.join02 .item textarea{
    flex: 1;
    border: 1px solid #dbdbdb;
    margin-left: 25px;
}
.join02 .item.btn{
    text-align: center;
    margin-top: 40px;
}
.join02 .item.btn input{
    width: 180px;
    background-color: #d71729;
    color: #fff;
    text-align: center;
    display: inline-block;
    flex: unset;
    margin: 0 auto;
    border-radius: 27px;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    -ms-border-radius: 27px;
    -o-border-radius: 27px;
    font-size: 18px;
    cursor:pointer;
}
@media (max-width:1459px){
    .join01 .right .title {
        margin-bottom: 15px;
        font-size: 36px;
    }

    .join01 .right .pitem {
        margin-bottom: 20px;
    }

    <!-- .join01 .right .plist {
        margin-bottom: 40px;
        padding-bottom: 20px;
    } -->
    .join02 .title {
        margin-bottom: 40px;
    }
    .join02 .content{
        padding: 60px;
    }
    .join02 {
        padding-bottom: 80px;
    }
}
@media (max-width:1024px){
    .join02 .title {
        margin-bottom: 20px;
    }
    .join02 .content{
        padding: 40px;
    }
    .join02 .item.btn {
        margin-top: 30px;
    }
    .join01 .right .title {
        margin-bottom: 15px;
        font-size: 24px;
    }
    .join01 .right .dec {
        font-size: 16px;
        margin-top: 10px;
    }
    .join01 .right .plist {
        margin-bottom: 20px;
        padding-bottom: 10px;
    }
    .join01 .right .cbox img{
        height: 80px;
    }
    .join02 {
        padding-bottom: 40px;
    }
}
@media (max-width:768px){
    .join02 .item {
        margin-bottom: 10px;
        height: 40px;
    }
    .join02 .item.w48:not(:nth-child(2n+1)) {
        margin-left: 0;
    }
    .join02 .item.w48{
        width: 100%;
    }
    .join01 .content{
        flex-wrap: wrap;
    }
    .join01 .left{
        position: static;
        width: 100%;
    }
    .join01 .right{
        width: 100%;
    }
    .join01 .left img {
        height: 350px;
        width: 100%;
        object-fit: cover;
    }
    .join02 {
        padding-bottom: 20px;
    }
    .join02 .content {
        padding: 20px;
    }
    .join02 .item label{
        font-size: 14px;
        width: 70px;
        min-width: 70px;
    }
    .join02 .item.btn {
        margin-top: 20px;
    }
}
@media (max-width:640px){
    .join02 .item {
        height: 30px;
    }
    .join02 .item.btn input{
        font-size: 14px;
        width: 100px;
    }
    .join01 .right .title {
        font-size: 20px;
    }
}


.jous01{

}
.jous01 .content{
    position: relative;
}
.jous01 .text{
    position: absolute;
    top: 50%;
    left: 100px;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
}
.jous01 .text .tit{
    font-size: 40px;
    color: #fdfffe;
    font-weight: 700;
}
.jous01 .text a{
    margin-top: 60px;
    display: inline-block;
    width: 180px;
    line-height: 55px;
    border: 2px solid #fff;
    border-radius: 27px;
    -webkit-border-radius: 27px;
    -moz-border-radius: 27px;
    -ms-border-radius: 27px;
    -o-border-radius: 27px;
    text-align: center;
    color: #fff;
}

.jous02{
    padding-bottom: 140px;
}
.jous02 .title{
    text-align: center;
}
.jous02 .list{
    margin: 80px 0 60px;
}
.jous02 .item .ctop{
    position: relative;
}
.jous02 .item .tit{
    font-size: 20px;
    color: #333333;
    position: relative;
    padding-left: 20px;
}
.jous02 .item .desc{
    padding-left: 20px;
    margin-top: 20px;
}
.jous02 .item .tit::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: 10px;
    height: 2px;
    background-color: #1c3f9b;
}
.jous02 .list .item{
    background-color: #f7f7f7;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    padding: 40px 35px;
    margin-bottom: 20px;
}
.jous02 .list .item:hover{
    box-shadow: 0px 0px 20px rgb(0 0 0 / 20%);
}
.jous02 .list .ditem{
    display: inline-block;
    color: #666666;
    font-family: "HarmonyOS_Sans_SC_Light";
    font-size: 16px;
}
.jous02 .list .ditem:not(:first-child){
    margin-left: 70px;
}

.jous02 .item .clink{
    position: absolute;cursor: pointer;
    right: 0;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    padding-right: 20px;
    background-image: url(../images/down.png);
    background-repeat: no-repeat;
    background-position: center right;
    color: rgba(51, 51, 51, .6);
    font-size: 16px;
}
.jous02 .item.cur .clink{
    background-image: url(../images/down1.png);
}
.jous02 .item.cur .clink{
    color: #1c3f9b;
}
.jous02 .item.cur .tit{
    color: #1c3f9b;
}
.jous02 .item .cbom{
    border-top: 1px solid #e3e3e3;
    margin-top: 40px;
    display: none;
}
.jous02 .item .citem{
    margin-top: 40px;
}
.jous02 .item  .edit{
    margin-top: 20px;
}
.jous02 .item .ctit{
    font-size: 18px;
    color: #333333;
    font-family: "HarmonyOS_Sans_SC_Medium";
}
.jous02 .item .edit{
    font-size: 16px;
    color: #666666;
    font-family: "HarmonyOS_Sans_SC_Light";
    line-height: 1.875;
}
.jous02 .item .goemail{
    font-size: 16px;
    color: #666666;
    line-height: 1.875;
    margin-top: 40px;
}
.jous02 .item .goemail a{
    color: #d71729;
}

@media (max-width:1459px){
    .jous01 .text .tit {
        font-size: 36px;
    }
    .jous01 .text a {
        margin-top: 40px;
    }
    .jous02 .list {
        margin: 60px 0 40px;
    }
    .jous02 {
        padding-bottom: 80px;
    }
}


@media (min-width:1024px){
.template {
    min-height: 100vh;
}
}
@media (max-width:1024px){
    .jous02 .list .item{
        padding: 25px;
    }
    .jous02 .item .cbom{
        margin-top: 20px;
    }
    .jous02 .list .ditem:not(:first-child) {
        margin-left: 30px;
    }
    .jous01 .text .tit {
        font-size: 24px;
    }
    .jous01 .text a {
        margin-top: 20px;
        width: 90px;
        line-height: 35px;
        font-size: 14px;
    }
    .jous01 .text {
        left: 20px;
    }
    .jous02 .list {
        margin: 20px 0 10px;
    }
    .jous02 {
        padding-bottom: 40px;
    }
}
@media (max-width:768px){
    .jous02 .list .item {
        padding: 15px;
    }
    .jous02 .item .tit,.jous02 .item .ctit{
        font-size: 16px;
    }
    .jous02 .list .ditem {
        font-size: 14px;
    }
    .jous02 .item .desc {
        margin-top: 15px;
    }
    .jous02 .item .clink{
        font-size: 14px;
    }
    .jous02 .item .edit{
        font-size: 14px;
    }
    .jous02 .item .citem {
        margin-top: 20px;
    }
    .jous02 {
        padding-bottom: 20px;
    }
}
@media (max-width:640px){
    .jous02 .item .clink{
        top: 5px;
        transform: unset;
        -webkit-transform: unset;
        -moz-transform: unset;
        -ms-transform: unset;
        -o-transform: unset;
    }
    .jous02 .list .ditem {
        font-size: 12px;
    }
    .jous02 .list .ditem:not(:first-child) {
        margin-left: 10px;
    }
    .jous02 .item .clink {
        font-size: 12px;
    }

    .noinfo01.info01 .content .left{
        padding-right: 0;
    }
}


.somap {
    padding-top: 0;
    background: transparent;
}

.somap a {
    color: #333 !important;
    text-align: left;
}

.somap .container {
    width: 100%;
    max-width: 100%;
}

.somap .nav_title {
    text-align: left;
}
@media(min-width:1024px){
    .nav.toDown {
    top: -110px;
}
.nav.nav2 .main{height:90px;}
}
.info01 .content .right .con {
    padding: 0;
    background: none;
}

.info01 .content .right .con .grayBox {
    padding: 30px 30px 60px 30px;
    background: #f7f7f7;
    border-radius: 15px;
}
.group01 .ctop .desc {
    max-height: 7.5em;
    overflow: hidden;
}
@media(max-width:480px){
   .index02 .list .item .pitem img {
    height: 240px;
    object-fit: cover;
}

.index02 .top .text {
    text-align: center;
}

.index02 .top .tit {
    text-align: center;
}

.index04 .tit {
    text-align: center;
}

.index04 .right .link_to {
    margin: 15px auto 0;
} 
.index04 .left .ctop {
    justify-content: space-between;
}

.index04 .left .ctop .citem:not(:first-child) {
    margin-left: 20px;
}
.banner .swiper-pagination span.swiper-pagination-bullet-active {
    width: 15px;
}

.banner .swiper_box {
    bottom: 10px;
        width: 90%;
    text-align: center;
}
.banner .swiper_box .content {
    justify-content: center;
}
.banner .swiper_btn{
    display:none;
}
.go_top{
    display:none;
}
}

/* 2022.12.9 */
.go_top{
    width: 50px;
    height: 50px;
    background-color: #1c3f9b;
    position: fixed;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    box-shadow: 0 0 2px 1px rgba(255,255,255,1);
    z-index: 2;
}
.go_top::before{
    content: '';
    display: block;
    position: absolute;
    top: 19px;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    right: 16px;
    width: 15px;
    height: 15px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}

.join01 .right .dec a{
    display: inline-block;
    width: 12px;
    height: 17px;
    background-image: url(http://test.shwhir.com/szsrcj202104159905/upload/cn/image/2022-12/1670566596936.png);
    background-size: 12px;
    background-repeat: no-repeat;
    margin-left: 7px;
    margin-bottom: -3px;
}
.bsBox, .bsBox *, .bsBox:before, .bsBox *:before, .bsBox:after, .bsBox *:after, .bd_weixin_popup, .bd_weixin_popup *, .bd_weixin_popup:before, .bd_weixin_popup *:before, .bd_weixin_popup:after, .bd_weixin_popup *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.about04 .list .item:hover .desc {
    color: #1c3f9b;
}

.nav .main .con .btn {
    margin-left: 30px;
}

.nav .main .con .btn a {
    display: block;
    width: 80px;
    text-align: center;
    line-height: 30px;
    border: 1px solid #fff;
    border-radius: 5px;
    font-size: 14px;
    transition: .3s;
}

.nav .main .con .btn a:hover {
    background: #1c3f9b;
    border-color: #1c3f9b;
}

.nav.nav2 .main .con .btn a:hover {
    border-color: #fff;
    background: #fff;
    color: #1c3f9b;
}

/* 2023.12.1 */

.nav .main .logo {
    max-width: 205px;
}
.open_menu i{
    background-color: #000;
}
.nav .main .logo .img1 {
    display: none;
}
.nav .main .logo .img2 {
    display: block;
}
.nav_height{
    height: 110px;
}
.nav .main a{
    color: #333;
}
.nav .main .con .list .uitem a{
    color: #333;
}
.nav .main .serach_btn{
    background-image: url(https://www.szhr.com/upload/cn/image/2023-12/1701429544782.png);
}

.nav.nav2 .open_menu i{
    background-color: #fff;
}
.nav.nav2 .main .logo .img1 {
    display: block;
}
.nav.nav2 .main .logo .img2 {
    display:none ;
}
.nav.nav2 .main a{
    color: #fff;
}
.nav.nav2 .main .serach_btn {
    background-image: url(../images/search.png);
}

@media (max-width: 1024px){
    .nav_height{
        height: 70px;
    }
}
@media (max-width: 768px){
    .nav_height{
        height: 50px;
    }
     .banner .swiper-slide a {
        padding-bottom: 50%;
    }
}
.banner .swiper-slide a {
    padding-bottom: 30%;
    position: relative;
    display: block;
    overflow: hidden;
}
.banner .swiper-slide a img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mainmenu:after { clear: both; content: " "; display: block; }

.mainmenu li{
     float:left;
     margin-left: 2.5%;
     margin-top: 2.5%;
     width: 30%;
     border-radius:3px;
     overflow:hidden;
}

.mainmenu li a{ display:block;  color:#FFF;   text-align:center }
.mainmenu li a b{
      display:block; height:80px;
}
.mainmenu li a img{
      margin: 15px auto 15px;
      width: 50px;
      height: 50px;
}

.mainmenu li a titles{ display:block; height:30px; line-height:30px;background-color:#f7f7f7; color: #999; font-size:14px; }

.mainmenu li:nth-child(8n+1) {background-color:#36A1DB}
.mainmenu li:nth-child(8n+2) {background-color:#678ce1}
.mainmenu li:nth-child(8n+3) {background-color:#8c67df}
.mainmenu li:nth-child(8n+4) {background-color:#84d018}
.mainmenu li:nth-child(8n+5) {background-color:#14c760}
.mainmenu li:nth-child(8n+6) {background-color:#f3b613}
.mainmenu li:nth-child(8n+7) {background-color:#ff8a4a}
.mainmenu li:nth-child(8n+8) {background-color:#fc5366}