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

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




/* 头部 */ 
.header{
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    right: 0;
    transition: all .5S;
    -webkit-transition: all .5S;
    -moz-transition: all .5S;
    -ms-transition: all .5S;
    -o-transition: all .5S;
    background-color: rgba(0, 0, 0, .4);
}
.top_main{
    display: flex;
    align-items: center;
    height: 90px;
    justify-content: center;
    position: relative;
}
.top_main .logo{
    position: absolute;
    left: 49%;
    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: 0;
}
.top_main .logo img{
    height: 23px;
}
.head_list{
    display: flex;
}
.head_list .cpt{
    color: #fff;
    line-height: 90px;
}

.head_list .header_item{
    padding: 0 2.5vw;
    position: relative;
}
.head_list .header_item:nth-child(4){
    margin-left: 17.8vw;
}

.nav_box{
    position: absolute;
    top: 100%;
    padding: 20px 0;
    display: none;
    width: 100%;
    left: 50%;
    transform: translate(-50%,0);
    z-index: 2;
    background-color: rgba(0,0,0,.5);
}
.plist .pitem{
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.plist .pitem::before,
.plist .pitem::after{
    content: '';
    display: block;
    width: 7px;
    height: 2px;
    background-color: #fff;
    opacity: 0;
}
.plist .pat{
    color: #fff;
    margin: 0 9px;
}
.plist .pitem:hover::before,
.plist .pitem:hover::after{
    opacity: 1;
}

.other{
    position: absolute;
    right: 55px;
    display: flex;
    align-items: center;
    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%);
}
.search{
    width: 20px;
    height: 20px;
    position: relative; 
    background-image: url(../images/icon02.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.search .input_box{
    position: absolute;
    top: 100%;
    padding-top: 15px;
    display: none;
    right: 0;
}
.search .input_box.cur{
    display: block;
}
.search .input_main{
    padding: 5px 10px;
    background-color: #fff;
    display: flex; 
}

.search .input_main .input_btn{
    width: 30px;
    background-image: url(../images/icon03.svg);
    background-position: center;
    background-repeat: no-repeat;
}

.langs{
    margin-left: 20px;
    position: relative;
}
.langs .lang{
    padding-left: 28px;
    position: relative;
    background-image: url(../images/icon01.svg);
    background-repeat: no-repeat;
    background-position: center left;
    background-size: contain;
    color: #fff;
    cursor: pointer;
}

.side{
    position: fixed;
    right: 20px;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    z-index: 3;
}
.side .item{
    display: flex;
    align-items: center;
    margin-bottom: 3px;
    justify-content: flex-end;
    cursor:pointer;
}
.side .icon{
    width: 50px;
    height: 50px;
    position: relative;
    background-color: #000;
}
.side .icon img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    max-height: 50%;
}
.side .item .text_box{
    width: 0;
    overflow: hidden;
    height: 50px;
    display: flex;
    align-items: center;
}
.side .item:hover .text_box{
    padding: 0 25px 0 15px;
    width: auto;
    flex: 1;
    background-color: #000;
}
.side .tit{
    color: #fff;
}



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

/* 底部 */
.footer{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 5.2%;
}
.footer .footer_main{
    display: flex;
}
.footer .left{
    width: 92%;
    padding-right: 3%;
    display: flex;
}
.footer .right{
    width: 8%;
}
.footer_main .fnavs{
    width: 38.5%;
}
.footer_main .ftab{
    width: 61.5%;
    text-align: right;
    padding-left: 2%;
}
.ftab .ftab_box{
    display: inline-block;
    text-align: left;
}
.fnavs{
    display: flex;
    flex-wrap: wrap;    
}
.fnavs .fnav{
    margin-bottom: 11%;
    width: 22%;
}
.fnavs .fnav:not(:nth-child(3n+1)){
    margin-left: 17%;
}
.fnavs .fcpt{
    color: #fff;
}
.fnavs .flist{
    padding-top: 25px;
}
.fnavs .flist .fitem{
    color: #999;
    margin-bottom: 15px;
    display: block;
}

.footer_b{
    padding: 75px 0 80px;
}
.footer_b{
    display: flex;
    align-items: center;
    padding: 2.2% 0;
    justify-content: space-between;
    flex-wrap: wrap;
}
.footer_b .copy_right,
.footer_b .copy_right * {
    color: rgba(255, 255, 255, .6);
}
.footer_b .copy_right a:hover{
    color: #fff;
} 
.links{
    display: flex;
    align-items: center;
}
.links .link{
    color: rgba(255, 255, 255, .6);
    padding: 0 15px;
    position: relative;
}
.links .link:first-child{
    padding-left: 0;
}
.links .link + .link::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    width: 2px;
    height: 2px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color:rgba(255, 255, 255, .6);
}
.links .link:hover,
.fnavs .flist .fitem:hover{
    color: #fff;
}
.ftab .ftit{
    color: #fff;
}
.list5{
    padding-bottom: 11.2%;
}
.list5 .item{
    margin-top: 25px;
}
.list5 .ot{
    color: #555;
}
.list5 .oc{
    color: #999;
    margin-top: 5px;
}
.flinks{
    display: flex;
    align-items: center;
    margin-top: 15px;
    flex-wrap: wrap;
}
.flinks .flink{
    display: flex;
    align-items: center;
    margin-right: 30px;
    position: relative;
    cursor: pointer;
    padding: 5px 0;
}
.flinks .icon{
    height: 15px;
    font-size: 0;
}
.flinks .icon img{
    opacity: .3;
}
.flinks .fti{
    color: #999;
    margin-left: 10px;
}
.flinks .wximg{
    position: absolute;
    bottom: 150%;
    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: 0;
    overflow: hidden;
    background-color: #fff;
}
.flinks .wximg img{
    width: 100%;
}
.flinks .flink:hover .wximg{
    opacity: 1;
    width: 135px;
    padding: 10px;
    overflow: unset;
}
/* 调整头部 */
@media (max-width: 1280px){ 
    .nav_height,
    .top_main {
        height: 65px;
    }
    .head_list .cpt{
        line-height: 65px;
    }
    .top_main {
        margin-right: 100px;
    }
    .nav_box {
        padding: 10px 0;
    }
    .plist .pitem {
        padding: 5px 0;
    }
    .flinks .flink{
        margin-right: 15px;
    }
    .side .icon {
        width: 40px;
        height: 40px;
    }
    .side .item .text_box{
        height: 40px;
    }
    
}
@media (max-width: 1024px){ 
    .head_list .header_item {
        padding: 0 1.5vw;
        position: relative;
    }
    .top_main .logo img {
        height: 18px;
    }
    .nav_box {
        width: 120%;
    } 
    .fnavs .flist {
        padding-top: 15px;
    }
    .list5 .item {
        margin-top: 15px;
    }
    .flinks {
        margin-top: 15px;
    }
}
@media (max-width: 900px){ 
    .head_main{
        display: none;
    }
    .head_list .header_item:nth-child(4) {
        margin-left: 0;
    }
    .top_main .logo {
        position: static;
        transform: unset;
    }
    .top_main {
        margin-right: 0;
        height: 45px;
        justify-content: flex-start;
    }
    .open_menu{
        display: block;
    }
    .other{
        right: 15px;
    }

    .header .head_list{
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        display: block;
        background-color: #fff;
    }
    .head_list .cpt {
        color: #333;
        line-height: 35px;
        display: inline-block;
    }
    .nav_box{
        width: 100%;
        position: static;
        transform: unset;
        -webkit-transform: unset;
        -moz-transform: unset;
        -ms-transform: unset;
        -o-transform: unset;
        background-color: transparent;
    }
    .plist{
        display: flex;
        flex-wrap: wrap;
    }
    .plist .pitem{
        padding: 0 5px;
        margin: 0 10px;
    }
    .plist .pat{
        color: #131211;
    }
    .plist .pitem::before, .plist .pitem::after{
        opacity: 1;    
        background-color: #131211;
    }
    .footer .left {
        width: 100%;
        padding: 0;
    }
    .side .icon {
        width: 30px;
        height: 30px;
    }
    .side .item .text_box{
        height: 30px;
    }
    .side .item:hover .text_box {
        padding: 0 10px 0 10px;
    }
    .side{
        right: 10px;
        transform: unset;
        -webkit-transform: unset;
        -moz-transform: unset;
        -ms-transform: unset;
        -o-transform: unset;
        bottom: 2%;
        top: unset;
    }
}

@media (max-width: 768px){ 
    .footer_main .fnavs {
        width: 100%;
    }
    
    .footer .left {
        flex-wrap: wrap;
        margin-top: 15px;
    }
    
    .footer_main .ftab {
        width: 100%;
        text-align: left;
        padding-left: 0;
    }
    
    .footer .footer_main {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    
    .fnavs .fnav {
        margin-bottom: 15px;
    }
    
    .list5 {
        padding-bottom: 15px;
    }
    
    .footer .right {
        margin: 0 auto;
        width: 30%;
    }
    
    .fnavs .flist .fitem {
        margin-bottom: 5px;
    }
    .fnavs .flist {
        padding-top: 10px;
    }
}


/* 首页 */
.fp-tableCell{
    position: relative;
}
.index_box{
    height: 100%;
}
.index_box .index_main{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 80px 0 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.index_box .index_main.no{
    padding: 0;
    display: block;
}
.index_box .index_main_padding {
    padding-top: 90px;
}
.index_bgs{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.index_bgs .index_bg{
    width: 100%;
    height: 100%;
    position: relative;
}
.index_bgs .index_bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}

.banner{
    position: relative;
}
.banner .video_box{
    width: 100%;
}
.banner .imgbox{
    height: 100vh;
    position: relative;
    overflow: hidden;
}
.banner .video_box{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.banner .imgbox img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.banner .video_box video{
    width: 100%;
    height: 100%; 
    object-fit: cover;
}
.banner .swiper_box{
    display: flex;
    align-items: center;
    width: 210px;
    bottom: 5%;
    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;
    position: absolute;
}
.banner .num1{
    color: #fff;
}
.banner .num2{
    color: rgba(255, 255, 255, .5);
}
.banner .swiper-pagination{
    flex: 1;
    position: relative;
    margin: 0 20px;
    height: 2px;
    background-color: rgba(255, 255, 255, .2);
}
.banner .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    background-color: #fff;
}


.hbox1{
    padding: 6.3% 0;
}
.hbox1 .tit{
    color: #131211;
    text-align: center;
}
.hbox1 .ctit{
    color: #777777;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}
.hbox1 .ctit span{
    margin:0 20px;
}
.hbox1 .ctit::before,
.hbox1 .ctit::after{
    content: '';
    display: block;
    width: 30px;
    height: 2px;
    background-color: #cccccc;
}
.hbox1 .desc{
    color: #777777;
    margin-top: 20px;
    text-align: center;
}
.index04{
    width: 100%;
    height: 100%;
}
.index04_swiper,
.index04_swiper .swiper-container,
.index04_swiper .item{
    height: 100%;
}
.index04_swiper .item{
    display: flex;
    align-items: center;
    justify-content: center;
}
.index04_swiper .bg_img{
    padding-bottom: 100vh;
}
.index04_swiper .bg_img img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.index04_swiper .swiper-slide-active img{
    animation: myscale 5s infinite;
    -webkit-animation: myscale 5s infinite;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
}

.list2_swiper{
    position: absolute;
    bottom: 3.5%;
    left: 50%;
    z-index: 3;
    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: 80%;
    max-width: 650px;
}
.list2_swiper .icon{
    width: 50px;
    height: 50px;
    position: relative;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin: 0 auto;
}
.list2_swiper .icon::before{
    content: '';
    display: block;
    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: 6px;
    height: 6px;
    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, .5);
}
.list2_swiper .icon img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    max-height: 50%;
    opacity: 0;
}
.list2_swiper .tit{
    color: #fff;
    margin-top: 10px;
    opacity: 0;
    height: 20px;
    overflow: hidden;
}
.list2_swiper .item{
    cursor: pointer;
    text-align: center;
}
.list2_swiper .swiper-slide-thumb-active .item .icon{
    border: 2px solid rgba(255, 255, 255, .5);
}
.list2_swiper .swiper-slide-thumb-active .item img{
    opacity: 1;
}
.list2_swiper .swiper-slide-thumb-active .item .tit{
    opacity: 1;
}




.hbox2{
    position: relative;
    z-index: 2;
    text-align: center;
}
.hbox2 .tit{
    color: #ffffff;
}
.hbox2 .ctit{
    color: #fff;
    margin-top: 15px;
}
.hbox2 .more1{
    margin-top: 10.8%;
}

.index03{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
.hbox3{
    position: relative;
    z-index: 2;
    width: 100%;
}

.hbox3 .la{
    color: rgba(255, 255, 255, .6);
}
.hbox3 .tit{
    color: #fff;
    margin-top: 25px;
}
.hbox3 .editor{
    color: #ffffff;
    padding: 3.8% 0;
}
.hbox3 .editor ul li{
    margin-bottom: 10px;
}
.list1{
    display: flex;
    flex-wrap: wrap;
    max-width: 40%;
}
.list1 .item{
    position: relative;
    cursor: pointer;
    width: 30%;
}
.list1 .item:not(:nth-child(3n+1)){
    margin-left: 5%;
}
.list1 .imgbox{
    padding-bottom: 105%;   
    position: relative; 
}
.list1 .imgbox::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(97, 97, 97, .9);
    opacity: 0;
    z-index: 2;
}

.list1 .imgbox img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .8;
}
.list1 .text_box{
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 20px;
    z-index: 2;
}
.list1 .ctit{
    color: #fff;
}
.list1 .cdesc{
    color: rgba(255, 255, 255, .8);
    line-height: 1.5;
    height: 0;
    overflow: hidden;
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
}
.list1 .item:hover .cdesc{
    margin-top: 10px;
    height: auto;
}
.list1 .item:hover img{
    opacity: 1;
}
.list1 .item:hover .imgbox::before{
    opacity: 1;
}

.index05{
    width: 100%;
    height: 100%;
}
.index05_swiper{
    width: 100%;
    height: 100%;    
}
.index05_swiper .item{
    width: 100%;
    height: 100%;
}
.index05_swiper .imgbox{
    padding-bottom: 100vh;
    position: relative;
}
.index05_swiper .imgbox img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.index05_swiper .swiper-container{
    height: 100%;
}
.index05_swiper .swiper-pagination {
    position: absolute;
    bottom: 11%;
}
.index05_swiper .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    margin: 0 14px;
    opacity: 1;
    background-color: transparent;
    position: relative;
}
.index05_swiper .swiper-pagination-bullet::before{
    content: '';
    display: block;
    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: 6px;
    height: 6px;
    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, .5);
}
.index05_swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{
    border: 2px solid #fff;
    background-color: transparent;
}
.index05_swiper .swiper-pagination-bullet.swiper-pagination-bullet-active::before{
    opacity: 0;
}
.index05_swiper .text_box{
    position: absolute;
    bottom: 11%;
    color: #fff;
}
.index05_swiper .name{
    margin-top: 15px;
}

.index05_swiper .text_box .tit{
    transform: translate(0,-50px);
    -webkit-transform: translate(0,-50px);
    -moz-transform: translate(0,-50px);
    -ms-transform: translate(0,-50px);
    -o-transform: translate(0,-50px);
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
}
.index05_swiper .name{
    transform: translate(0,50px);
    -webkit-transform: translate(0,50px);
    -moz-transform: translate(0,50px);
    -ms-transform: translate(0,50px);
    -o-transform: translate(0,50px);
    transition: all 1.2s;
    -webkit-transition: all 1.2s;
    -moz-transition: all 1.2s;
    -ms-transition: all 1.2s;
    -o-transition: all 1.2s;
}
.index05_swiper .swiper-slide-active .text_box .tit,
.index05_swiper .swiper-slide-active .name{
    transform: unset;
    -webkit-transform: unset;
    -moz-transform: unset;
    -ms-transform: unset;
    -o-transform: unset;
}

@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);
    }
}
.index05_swiper .swiper-slide-active img{
    animation: myscale 5s infinite;
    -webkit-animation: myscale 5s infinite;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
}





.hbox4{
    padding: 6.3% 0 3.5%;
}
.hbox4 .tit{
    text-align: center;
}
.list3 .item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5.65%;
}
.list3 .text_box{
    width: 40%;
}
.list3 .imgbox{
    width: 31.25%;
    padding-bottom: 17.5%;
    position: relative;
    overflow: hidden;
}
.list3 .imgbox img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.list3 .time{
    color: #999999;
    line-height: 1.7;
}
.list3 .tit{
    color: #131211;
    margin-top: 20px;
}
.list3 .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);
}
.list3 .item:hover .more2{
    background-color: #000;
    border-color: #000;
    color: #fff;
}
.list3 .more2{
    margin-top: 14.2%;
}
.index08{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hbox5{
    position: relative;
    z-index: 2;
    text-align: center;
    width: 70%;
}
.hbox5 .tit{
    color: #ffffff;
}
.list4{
    display: flex;
    margin: 0 auto;
    padding: 6% 0;
    justify-content: space-between;
}
.list4 .ctit{
    color: #ffffff;
}
.list4 .num{
    color: #ffffff;
    margin: 20px 0;
    line-height: .8;
}
.list4 .pt{
    color: #fff;
} 

#fullpage .section:not(.indexNews){
    opacity: .8;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
#fullpage .active.section{
    opacity: 1;
}



/* 首页响应式 */
@media (max-width: 1024px){
    .list1 {
        max-width: 50%;
    }
    .hbox3 .editor {
        padding: 2% 0;
    }
    .list2_swiper .icon {
        width: 40px;
        height: 40px;
    }
}
@media (max-width: 768px){
    .index_box .index_main{
        position: relative;
    }
    .banner .imgbox{
        height: 60vh;
    }
    #fullpage .section:not(.indexNews){
        opacity: 1;
    }
    .index_box .index_main_padding{
        padding: 0;
    }
    .index02 {
        padding: 35px 0;
    }
    .index04_swiper .bg_img {
        padding-bottom: 50%;
    } 
    .index04_swiper .item .hbox2 {
        padding-bottom: 5%;
    }
    .hbox3 {
        padding: 35px 0;
    }
    .hbox3 {
        padding: 35px 0;
    }
    
    .index05_swiper .imgbox {
        padding-bottom: 50%;
    }
    .hbox5 {
        padding: 35px;
        width: 100%;
    }
    .index04_swiper .item .hbox2{
        padding-bottom: 25%;
    }
}
@media (max-width: 640px){
    .hbox5 {
        padding: 35px 15px;
    }
    .list4 .num{
        margin: 10px 0;
    }
    .index04_swiper .bg_img {
        padding-bottom: 50vh;
    } 
    .list1 {
        max-width: 100%;
    }
    .index05_swiper .name {
        margin-top: 5px;
    }
    .list3 .item {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    
    .list3 .text_box {
        width: 100%;
        padding: 15px 0;
    }
    
    .list3 .imgbox {
        width: 100%;
        padding-bottom: 56%;
    }
    
    .list3 .more2 {
        margin-top: 15px;
    }
    
    .list3 .tit {
        margin-top: 10px;
    }   
}

/* 产品 */
.base_banner{
    position: relative;
}
.base_banner img {
    animation: myscale 5s infinite;
    -webkit-animation: myscale 5s infinite;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
}
.base_banner .imgbox{
    padding-bottom: 36.8%;
    position: relative;
    overflow: hidden;
}
.base_banner .imgbox img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.base_banner .text_box{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    color: #fff;
    text-align: center;
}
.base_banner .base_cn,
.base_banner .base_en{
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
}
.product01{
    padding: 5.3% 4.2% 7.4%;
    background-repeat: no-repeat;
    background-position: center top -150px;
    background-size: contain;
}

.hbox7{
    display: flex;
}
.hbox7 .left{
    flex: 1;
    display: flex;
    align-items: flex-start;
}
.search2{
    width: 220px;
    padding: 15px 0;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #cccccc;
}
.search2 .input{
    flex: 1;
}
.search2 .input input{
    color: #999999;
    background-color: transparent;    
}
.search2 .index_box{
    width: 20px;
    height: 20px;
 
}
.search2 .input input::placeholder{
    color: #999;
}
.search2 .input_btn{
    min-width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 0;
    background-image: url(../images/icon04.svg);
}
.hbox7 .tit{
    color: #121212;
    white-space: nowrap;
    padding-right: 30px;
    margin-top: 17px;
    margin-right: 35px;
    border-right: 1px solid #cccccc;
}
.list6{
    display: flex;
    flex-wrap: wrap;
}
.list6 .item{
    margin: 0 50px;
    color: #121212;
    padding: 10px 13px;
    margin: 5px 0;
    margin-right: 55px;
    cursor: pointer;
}
.list6 .item.cur,
.list6 .item:hover{
    background-color: #000;
    color: #fff;
}

.list7{
    display: flex;
    flex-wrap: wrap;
    padding: 3.7% 0 0;
}
.list7 .item{
    width: 30.33%;
    display: flex;
    flex-direction: column;
    margin-bottom: 4.5%;
}
.list7 .item:not(:nth-child(3n+1)){
    margin-left: 4.5%;
}
.list7 .imgbox{
    padding-bottom: 68.2%;
    position: relative;
    overflow: hidden;
}
.list7 .imgbox img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.list7 .text_box{
    flex: 1;
    padding: 7.6% 0;
    border-bottom: 1px solid #ccc;
}
.list7 .text_t{
    display: flex;
    align-items: center;    
    justify-content: space-between;
}
.list7 .tit{
    color: #121212;
}
.list7 .ctit{
    color: #121212;
}
.list7 .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);
}

@keyframes rotate {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
}
.show_more{
    text-align: center;
}
.show_more .show_img{
    cursor: pointer;
}
.show_more .show_img img{
    height: 45px;
    animation: rotate 2s linear infinite;
}

@media (max-width: 1024px){
    .list6 .item {
        margin-right: 30px;
    }
    .product01 {
        padding: 25px 4%;
    }
    .list7 .item {
        margin-bottom: 15px;
    }
}
@media (max-width: 768px){
    .hbox7 {
        flex-wrap: wrap;
    }
    .hbox7 .left {
        width: 100%;
        flex: unset;
    }
    .search2 {
        width: 100%;
    }
    .hbox7 .right {
        width: 100%;
    }
    .list6 .item {
        margin-right: 20px;
        padding: 5px 10px;
    }
    .show_more .show_img img{
        height: 30px;
    }
}
@media (max-width: 640px){
    .hbox7 .tit {
        padding-right: 15px;
        margin-right: 15px;
        margin-top: 9px;
    }
    
    .search2 {
        padding: 10px 0;
    }
    
    .list7 .item {
        width: 49%;
    }
    
    .list7 .item:not(:nth-child(3n+1)) {
        margin-left: 0;
    }
    
    .list7 .item:not(:nth-child(2n+1)) {
        margin-left: 2%;
    }
    .base_banner .imgbox{
        padding-bottom: 50%;
    }
}
/* 产品详情 */
.pro01{
    position: relative;
}
.pro01 .imgbox{
    padding-bottom: 50.5%;
    position: relative;
}
.pro01 .imgbox img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.pro01 .text_box{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    width: 100%;
    text-align: center;
    color: #fff;
    z-index: 2;
}
.pro01 .ctit{
    margin-top: 20px;
}
.pro01 .more3{
    margin-top: 50px;
}
.hbox8{
    padding: 5% 0 2.9%;
    background-repeat: no-repeat;
    background-size: cover;
}
.base_tit{
    color: #131211;
    text-align: center;
}
.base_ctit{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}
.base_ctit::before,
.base_ctit::after{
    content: '';
    display: block;
    width: 30px;
    height: 1px;
    background-color: #cccccc;
}
.base_ctit span{
    margin: 0 18px;
    line-height: 1.5;
}

.list8 .item{
    position: relative;
}
.list8 .imgbox{
    padding-bottom: 50.5%;
    position: relative;
}
.list8 .imgbox img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.list8 .text_box{
    color: #fff;
    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%;
    z-index: 2;
}
.list8 .ctit{
    margin-top: 30px;
}
.list8 .item:nth-child(2n) .text_box{
    text-align: right;
}

.pro3{
    padding: 5.3% 0 3.7%;
}
.pro3 .hbox9_swiper{
    margin-top: 50px;
}
.hbox9_swiper .item{
    display: block;
}
.hbox9_swiper .imgbox{
    padding-bottom: 66.7%;
    position: relative;
    overflow: hidden;
}
.hbox9_swiper .imgbox img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.hbox9_swiper .text_box{
    padding: 25px 0;    
}
.hbox9_swiper .tit{
    color: #121212;
    text-align: center;
}
.hbox9_swiper.base_swiper .prev{
    left: -5%;
}
.hbox9_swiper.base_swiper .next{
    right: -5%;
}

.hbox9_swiper.base_swiper .swiper_btn::before{
    border-color: #121212;
}
.hbox9_swiper.base_swiper .swiper_btn{
    top: 36%;
}
.hbox9_swiper .item:hover img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

@media (max-width: 1680px){
    .hbox9_swiper.base_swiper .prev{
        left: 0;
    }
    .hbox9_swiper.base_swiper .next{
        right: 0;
    }
}

@media (max-width: 1280px){
    .pro01 .more3 {
        margin-top: 30px;
    }
    .pro3 .hbox9_swiper {
        margin-top: 30px;
    }
}
@media (max-width: 1024px){
    .pro01 .more3 {
        margin-top: 15px;
    }
    .pro3 .hbox9_swiper {
        margin-top: 25px;
    }
}
@media (max-width: 768px){
    .pro3,
    .hbox8{
        padding: 25px 0;    
    }
    .list8 .ctit{
        margin-top: 15px;
    }
    .pro01 .ctit {
        margin-top: 10px;
    }
}
@media (max-width: 640px){
    .pro01 .imgbox {
        padding-bottom: 250px;
    }
    .hbox9_swiper .text_box {
        padding: 15px 0;
    }
}

/* 案例 */
.case01 .imgbox{
    padding-bottom: 36.8%;
}

.list9{
    display: flex;
    flex-wrap: wrap;
}
.list9 .item{
    width: 47.5%;
    margin-bottom: 5%;
}
.list9 .item:not(:nth-child(2n+1)){
    margin-left: 5%;
}
.list9 .text_box{
    padding: 40px 0 0;
}
.list9 .tit{
    color: #121212;
}
.list9 .more2{
    margin-top: 20px;
}
.list9 .imgbox{
    padding-bottom: 61%;
    position: relative;
}
.list9 .imgbox img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.list9 .item:hover .more2{
    background-color: #000000;
    color: #fff;
    border-color: #000000;
}

.hbox10{
    display: flex;
    margin-bottom: 50px;
}
.hbox10 .tit{
    color: #121212;
    white-space: nowrap;
    padding-right: 30px;
    margin-right: 35px;
    display: flex;
    align-items: center;
    position: relative;
}
.hbox10 .tit::before{
    content: '';
    display: block;
    width: 1px;
    height: 30px;
    background-color: #cccccc;
    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%);
}
.product01 .list9{
    margin-top: 35px;
}
.hbox10.cur .list6_box{
    height: 54px;
    overflow: hidden;    
    position: relative;
}
.hbox10.cur .list6_more{
    position: absolute;
    right: 30px;
    top: 18px;
    width: 17px;
    height: 17px;
    cursor: pointer;
}
.hbox10.cur .list6_more::before{
    content: '';
    display: block;
    position: absolute;
    top: 1px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    right: 4px;
    width: 8px;
    height: 8px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}
@media (max-width: 1280px){
    .hbox10{
        margin-bottom: 25px;
    }
}
@media (max-width: 768px){
    .hbox10.cur .list6_box {
        height: 45px;
    }
    .hbox10.cur .list6_more {
        right: 10px;
        top: 11px;
    }
}

@media (max-width: 640px){
    .hbox10 .tit {
        padding-right: 10px;
        margin-right: 15px;
        margin-top: 10px;
    }
    
    .hbox10 {
        margin-bottom: 10px;
        align-items: flex-start;
    }
    
    .hbox10.cur .list6_box {
        width: 100%;
        margin-top: 10px;
    }
    
    .hbox10 .tit:before {
        display:none;
    }
    .list9 .text_box {
        padding: 20px 0 0;
    }
    .product01 .list9 {
        margin-top: 15px;
    }
}

/* 案例详情 */
.case02{
    padding: 5.2% 0 0;
}
.case02 .hbox11_swiper{
    margin-top: 3%;
}
.hbox11_swiper .item{
    position: relative;
}
.hbox11_swiper .imgbox{
    padding-bottom: 51%;
    position: relative;
    overflow: hidden;
}
.hbox11_swiper .imgbox img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hbox11_swiper .item:hover img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.hbox11_swiper .text_box{
    position: absolute;
    left: 50%;
    top: 45%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    color: #fff;
    left: 7.5%;
    right: 7.5%;
}
.hbox11_swiper .ctit{
    margin-top: 30px;
}
.hbox11_swiper .swiper_box{
    position: absolute;
    bottom: 13%;
    left: 14%;
    z-index: 2;
    display: flex;
    align-items: center;
}
.hbox11_swiper.base_swiper .swiper_btn{
    position: relative;
    transform: unset;
    -webkit-transform: unset;
    -moz-transform: unset;
    -ms-transform: unset;
    -o-transform: unset;
    left: unset !important;
    right: unset !important;
}
@media (max-width: 768px){
    .hbox11_swiper .ctit{
        margin-top: 15px;
    }
}
@media (max-width: 640px){
    .hbox11_swiper .ctit {
        font-size: 14px;
    }
    .hbox11_swiper .swiper_box {
        bottom: 10px;
    }
    .hbox11_swiper .imgbox{
        padding-bottom: 65%;
    }
}
/* 品牌故事 */
.brand01{
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 6.3% 0 3.5%;
}

.list10 .item{
    display: flex; 
    margin-bottom: 8.57%;
}

.list10 .tit{
    color: #121212;
    line-height: 1.1;
}
.list10 .editor{
    color: #121212;
    line-height: 1.77;
}
.list10 .text_box{
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    padding-bottom: 3.1%;
}
.list10 .imgbox{
    width: 50%;
    padding-bottom: 29.5%;
    position: relative;   
    overflow: hidden; 
}
.list10 .imgbox img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.list10 .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);
}
.list10 .year{
    color: #121212;
    position: absolute;
    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%);
    z-index: 2;
}
.list10 .item:nth-child(2n){
    flex-direction: row-reverse;
}
.list10 .item:nth-child(2n+1) .year{
    right: -11%;
}
.list10 .item:nth-child(2n) .year{
    left: -11%;
}
.list10 .item:nth-child(2n) .tit{
    text-align: right;
}
.list10 .item:nth-child(2n+1)  .text_box{
    padding-right: 10.5%;    
}
.list10 .item:nth-child(2n)  .text_box{
    padding-left: 10.5%;    
}

@media (max-width: 640px){
    .list10 .item:nth-child(2n+1)  .text_box{
        padding-right: 0;    
    }
    .list10 .item:nth-child(2n)  .text_box{
        padding-left: 0;    
    }
    .list10 .editor{
        margin-top: 15px;
    }
    .list10 .text_box {
        padding-bottom: 0;
    }
    .list10 .year {
        top: 0;
        transform: unset;
    }
    .list10 .item {
        flex-wrap: wrap;
        margin-bottom: 15px;
    }
    
    .list10 .text_box {
        width: 100%;
    }
    
    .list10 .imgbox {
        width: 100%;
        padding-bottom: 55%;
        margin-top: 10px;
    }
    .list10 .year {
        position: static;
        padding-bottom: 10px;
    }
    .list10 .item:nth-child(2n) .tit{
        text-align: left;
    }
}
/* 探索品牌资讯 */
.brand02{
    position: relative;
    padding: 5.2% 0 7%;
    overflow: hidden;
}
.brand02::before{
    content: '';
    display: block;
    position: absolute;
    background-image: url(../images/icon06.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 158vh;
    height: 144vh;
    left: 50%;
    top: -5%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
}
.brand02 .list11{
    margin-top: 6.2%;
}
.list11 .item{
    margin-bottom: 6.3%;
    display: flex;
    align-items: center;
}
.list11 .left{
    width: 50%;
}
.list11 .right{
    width: 50%;
}
.list11 .imgbox{
    width: 100%;
    padding-bottom: 68.2%;
    position: relative;
    overflow: hidden;
}
.list11 .imgbox img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.list11 .item:nth-child(2n+1) .text_box{
    padding-left: 15.1%;
}
.list11 .item:nth-child(2n) .text_box{
    padding-right: 15.1%;
}
.list11 .time{
    color: #121212;
}
.list11 .tit{
    margin-top: 6.7%;
    color: #121212;
}
.list11 .desc{
    color: #999999;
    line-height: 1.875;
    margin-top: 35px;
}

.list11 .more4{
    margin-top: 15%;
}
.list11 .item:nth-child(2n){
    flex-direction:row-reverse;
}
@media (max-width: 768px){
    .list11 .more4 {
        margin-top: 15px;
    }
    .list11 .item:nth-child(2n+1) .text_box{
        padding-left: 25px;
    }
    .list11 .item:nth-child(2n) .text_box{
        padding-right: 25px;
    }
    .brand02 {
        padding: 25px 0;
    }
    .list11 .desc{
        margin-top: 15px;
    }
    .list11 .tit{
        margin-top: 10px;
    }
    .brand02 .list11 {
        margin-top: 20px;
    }
}
@media (max-width: 640px){
    .list11 .item:nth-child(2n+1) .text_box{
        padding-left: 0;
    }
    .list11 .item:nth-child(2n) .text_box{
        padding-right: 0;
    }
    .list11 .item {
        flex-wrap: wrap;
        margin-bottom: 15px;
    }
    
    .list11 .left {
        width: 100%;
    }
    
    .list11 .right {
        width: 100%;
        margin-top: 15px;
    }
    
    .list11 .item:nth-child(2n) {
        flex-direction: row;
    }
    
}
/* 品牌详情 */
.new01{
    padding: 6.3% 0 5.8%;
}
.hbox13{
    display: flex;
}
.hbox13 .left{
    flex: 1;
    padding-right: 7%;
}
.hbox13 .right{
    width: 28%;
}
.relate{
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    padding-top: 13.5%;
}
.relate .relate_tit{
    padding: 0 11.3% 0;
}
.list12 .item{
    padding: 10.2% 11.3%;
    display: block;
    border-bottom: 1px solid #e5e5e5;
}
.list12 .tit{
    color: #121212;
}
.list12 .time{
    color: #999999;
    margin-top: 35px;
}
.section1{
    border-bottom: 1px solid #ccc;
}
.section1 .tit{
    color: #121212;
    line-height: 1.33;
    font-weight: 400;
}
.other1{
    display: flex;
    align-items: center;
    padding: 4.4% 0;
}
.other1 .source{
    margin-left: 50px;
}

.hbox13 .editor{
    color: #121212;
    line-height: 1.875;
    padding: 5% 0;
}
.hbox13 .editor *{
    font-family: "HarmonyLight";
}


.new01 .new_go{
    position: relative;
    padding: 30px 180px 30px 0;
    border-top: 1px solid #ccc;
}
.new01 .new_go .new_goit{
    display: flex;
}
.new01 .new_go .new_goit:not(:first-child) {
    margin-top: 20px;
} 
.new01 .new_go .new_goit a {
    color: #121212;
    display: inline-block;
}  
.new01 .more4{
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    right: 0;
}
@media (max-width: 1459px){

}
@media (max-width: 1280px){
    .new01 .new_go {
        padding: 30px 120px 30px 0;
    }
}
@media (max-width: 1024px){
    .list12 .time{
        margin-top: 15px;
    }
    .other1{
        padding: 15px 0;
    }
}
@media (max-width: 768px){
    .new01{
        padding: 25px 0;
    }
    .relate {
        padding-top: 25px;
    }
    .list12 .item {
        padding: 15px;
    }
    
    .relate .relate_tit {
        padding: 0 15px;
    }
}
@media (max-width: 640px){
    .relate {
        padding-top: 25px;
    }
    
    .new01 .new_go {
        padding-right: 0;
    }
    
    .new01 .new_go .new_goit:not(:first-child) {
        margin-top: 10px;
    }
    
    .new01 .more4 {
        position: static;
        transform: unset;
        margin-top: 15px;
    }
    
   
    .hbox13 {
        flex-wrap: wrap;
    }
    
    .hbox13 .left {
        flex: unset;
        width: 100%;
        padding: 0;
    }
    
    .hbox13 .right {
        width: 100%;
        margin-top: 15px;
    }
}
/* 联系我们 */
.contact01{
    padding: 6.3% 0 6%;
    position: relative;
    overflow: hidden;
}
.contact01::before {
    content: '';
    display: block;
    position: absolute;
    background-image: url(../images/icon06.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 158vh;
    height: 144vh;
    left: 50%;
    top: -5%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
}
.search3{
    display: flex;
    justify-content: center;
    margin-top: 50px;
}
.search3 .item{
    min-width: 220px;
    margin-right: 30px;
}
.search3 .input{
    border: 1px solid #000;
    position: relative;
    height: 58px;
}
.search3 .input::before{
    content: '';
    display: block;
    position: absolute;
    top: 22px;
    border-top: 2px solid #121212;
    border-right: 2px solid #121212;
    right: 18px;
    width: 8px;
    height: 8px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}
.search3 select{
    padding:  0 35px 0 20px;
    width: 100%;
    height: 100%;
}
.search3 .input_btn{
    background-color: #000;
    color: #fff;
    padding: 0 35px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.other2{
    text-align: center;
    margin-top: 60px;
}
.other2 .tel{
    display: inline-block;
    padding-left: 70px;
    position: relative;
}
.other2 .tel::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    background-image: url(../images/icon07.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 50px;
    height: 50px;
}
.list13{
    display: flex;
    flex-wrap: wrap;
    padding-top: 45px;
}
.list13 .item{
    width: 31.33%;
    display: flex;
    flex-direction: column;
    box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    margin-bottom: 3%;
    cursor: pointer;
}
.list13 .item:not(:nth-child(3n+1)){
    margin-left: 3%;
}
.list13 .imgbox{
    padding-bottom: 60.5%;
    position: relative;
    overflow: hidden;
}
.list13 .imgbox img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.list13 .text_box{
    flex: 1;
    padding: 10.1%;
    background-color: #fff;
}
.list13 .tit{
    color: #131211;
}
.list13 .address{
    color: #131211;
    margin-top: 15px;
    line-height: 1.5;
}
.list13 .more4{
    margin-top: 45px;
}
.list13 .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);
}
.list13 .item:hover .more4{
    background-color: #000000;
    color: #fff;
    border-color: #000000;
}
@media (max-width: 1280px){
    .search3 .input {
        height: 40px;
    }
    .search3 .input::before {
        top: 13px;
    }
    .other2 .tel::before {
        width: 35px;
        height: 35px;
    }
    
    .other2 .tel {
        padding-left: 45px;
    }
}
@media (max-width: 1024px){
    .list13 .more4 {
        margin-top: 25px;
    }
}
@media (max-width: 768px){
    .list13{
        padding-top: 25px;
    }
    .other2 {
        margin-top: 30px;
    }
    .search3 {
        margin-top: 20px;
    }
}
@media (max-width: 640px){
    .search3 .item {
        min-width: unset;
        width: 49%;
        margin-right: 0;
    }
    
    .search3 {
        flex-wrap: wrap;
    }
    
    .search3 .item:nth-child(2) {
        margin-left: 2%;
    }
    
    .search3 .input_btn {
        height: 30px;
        margin-top: 15px;
    }
    
    .search3 .input {
        height: 35px;
    }
    
    .search3 .input::before {
        top: 11px;
        right: 10px;
    }
    
    
    .list13 .item {
        width: 49%;
    }
    
    .list13 .item:not(:nth-child(3n+1)) {
        margin-left: 0;
    }
    
    .list13 .item:not(:nth-child(2n+1)) {
        margin-left: 2%;
    }
    
    .list13 .text_box {
        padding: 15px 10px;
    }
    
    .list13 .address {
        margin-top: 5px;
    }
    
    .list13 .more4 {
        margin-top: 15px;
    }
    .search3 select {
        padding: 0 30px 0 15px;
    }
    .other2 .tel::before {
        width: 25px;
        height: 25px;
    }
    
    .other2 .tel {
        padding-left: 30px;
    }
    
    .other2 {
        margin-top: 20px;
    }
}
/* 成为伙伴 */
.partner01{
    position: relative;
}
.partner01 .imgbox {
    padding-bottom: 50.5%;
    position: relative;
}
.partner01 .imgbox img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.partner01 .text_box {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    color: #fff;
    z-index: 2;
}
.partner01 .ctit{
    margin-top: 50px;
}
.partner01 .ptit{
    margin-top: 15px;
}

.hbox15{
    padding: 5% 0 2.9%;
    background-repeat: no-repeat;
    background-size: cover; 
    text-align: center;
}
.hbox15 .desc{
    color: #777777;
}
.hbox15 .tit{
    margin-top: 20px;
}
.partner03{
    position: relative;
    padding: 10.4% 0 8.5%;
}
.hbox16{
    position: relative;
    z-index: 2;
}
.hbox16 .text_box{
    width: 55%;
}
.hbox16 .tit{
    color: #ffffff;
}
.hbox16 .hbox16_swiper{
    margin-top: 17%;
}
.hbox16_swiper .item{
    padding-bottom: 15.1%;
    position: relative;
    height: 100%;
}
.hbox16_swiper .item::before{
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 2px;
    background-color: rgba(255, 255, 255, .5);
}
.hbox16_swiper .icon{
    padding-bottom: 40px;
    position: relative;
}
.hbox16_swiper .icon img{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    opacity: .5;
    max-height: 100%;
}
.hbox16_swiper .ctit{
    margin-top: 30%;
    color: rgba(255, 255, 255, .5);
    line-height: 1.27;
}
.hbox16_swiper .desc{
    margin-top: 30px;
    color: rgba(255, 255, 255, .5);
    line-height: 1.33;
}

.hbox16_swiper .swiper-slide{
    cursor: pointer;
    height: auto;
}
.hbox16_swiper .swiper-slide.cur .ctit,
.hbox16_swiper .swiper-slide.cur .desc{
    color: #fff;
}
.hbox16_swiper .swiper-slide.cur img{
    opacity: 1;
}
.hbox16_swiper .swiper-slide.cur .item::before{
    background-color: #fff;
}

.hbox17{
    padding: 5% 0 5%;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.hbox17 .ptit{
    color: #131211;
}
.hbox17 .list14{
    margin-top: 5.3%;
}
 
.list14{
    display: flex;
}
.list14 .item{
    width: 33%;
    position: relative;
}
.list14 .item:not(:nth-child(3n+1)){
    margin-left: 0.5%;
}
.list14 .imgbox{
    padding-bottom: 120.5%;
    position: relative;
    overflow: hidden;
}
.list14 .imgbox img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    filter: grayscale(100%);
}
.list14 .text_box{
    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: 90%;
    text-align: center;
}
.list14 .tit{
    color: #fff;
}
.list14 .year{
    color: #fff;
}
.list14 .num{
    line-height: .8;
}
.list14 .year_tit{
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin: 10px 0;
}
.list14 .item:hover img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    filter: unset;
    -webkit-filter: unset;
}
.list15{
    padding-bottom: 51%;
    position: relative;
}
.list15 .item{
    position: absolute;
}
.list15 .item:nth-child(1){
    width: 50%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
}
.list15 .item:nth-child(2){
    width: 50%;
    height: 50%;
    right: 0;
    top: 0;
}
.list15 .item:nth-child(3){
    width: 50%;
    height: 50%;
    right: 0;
    bottom: 0;
}
.list15 .bg_img{
    width: 100%;
    height: 100%;
}
.list15 .bg_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.list15 .text_box{
    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%);
    color: #fff; 
}
.list15 .item:nth-child(1) .text_box{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding-left: 16.7%;
    padding-top: 23%;
    padding-bottom: 21%;
}
.list15 .num{
    line-height: .8;
    margin: 15px 0 10px;
}

.partner06{
    position: relative;
    padding: 7.3% 0 21%;
}
.partner06 .bg_img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.hbox20{
    position: relative;
    z-index: 2;
}
.tabs1{
    display: flex;
    align-items: center;
    justify-content: center;
}
.tabs1 .tab{
    color: #ffffff;
    padding-bottom: 30px;
    position: relative;
    margin: 0 60px;
    cursor: pointer;
}
.tabs1 .tab.cur::before{
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #fff;
}
.partner06 .bg_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hbox20 .hbox20_main{
    padding-top: 10.5%;
}
.list16{
    display: flex;
    align-items: center;
    justify-content: center;
}
.list16 .item{
    margin: 0 60px;
    text-align: center;
}
.list16 .icon{
    width: 75px;
    height: 75px;
    position: relative;
    border: 1px solid #fff;
    display: inline-block;
}
.list16 .icon .i{
    width: 6px;
    height: 6px;
    background-color: #fff;
    position: absolute;
}
.list16 .icon .i.i1{
    left: -3px;
    top: -3px;
}
.list16 .icon .i.i2{
    right: -3px;
    top: -3px;
}
.list16 .icon .i.i3{
    left: -3px;
    bottom: -3px;
}
.list16 .icon .i.i4{
    right: -3px;
    bottom: -3px;
}
.list16 .icon img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    max-height: 60%;
    z-index: 2;
}
.list16 .tit{
    color: #fff;
    margin-top: 25px;
}

.partner07{
    padding: 4.8% 0;
    background-repeat: no-repeat;
    background-size: cover;
}
.hbox21 .tit{
    text-align: center;
    color: #131211;
}
.hbox21 .desc{
    text-align: center;
    color: #131211;
    margin-top: 15px;
}

.form2{
    width: 100%;
    max-width: 840px;
    margin: 10px auto 0;
}
.form2 .sheet_list .sheet_item{
    margin-bottom: 30px;
}
.form2 .sheet_list .sheet_item.w50{
    width: 48%;
}
.form2 .sheet_list .sheet_item.margin_l {
    margin-left: 4%;
}

@media (max-width: 1459px){
    .list15 .item:nth-child(1) .text_box{
        padding-left: 15%;
    }
}
@media (max-width: 1280px){
    .list15 .item:nth-child(1) .text_box{
        padding-left: 10%;
    }
}
@media (max-width: 1024px){
    .list15 .item:nth-child(1) .text_box{
        padding-left: 15px;
    }
    .list16 .icon {
        width: 50px;
        height: 50px;
    }
    .list16 .item{
        margin: 0 25px;
    }
}
@media (max-width: 768px){
    .list15 .item:nth-child(1) .text_box{
        padding-left: 10px;
    }
    .form2 .sheet_list .sheet_item{
        margin-bottom: 15px;
    }
    .form2 {
        margin:10px auto 0;
    }
    .list16 .tit{
        margin-top: 10px;
    }
    .tabs1 .tab{
        padding-bottom: 15px;
        margin: 0 20px;
    }
    .hbox16_swiper .icon {
        padding-bottom: 20px;
    }
    
    .hbox16_swiper .ctit {
        margin-top: 30px;
    }
    
    .hbox16_swiper .desc {
        margin-top: 10px;
    }
    
    .hbox16_swiper .item {
        padding-bottom: 15px;
    }
    .hbox17 .list14 {
        margin-top: 25px;
    }
    .hbox15,
    .hbox17,
    .partner06{
        padding: 25px 0;
    }
    .partner01 .ctit{
        margin-top: 15px;
    }
   
}
@media (max-width: 640px){
    .partner01 .imgbox{
        padding-bottom: 250px;
    }
    .hbox16 .text_box {
        width: 100%;
    }
    .list14 .imgbox {
        padding-bottom: 250px;
    }
    
    .list14 .item {
        width: 100%;
    }
    
    .list14 .item:not(:nth-child(3n+1)) {
        margin-left: 0;
    }
    
    .list14 {
        flex-wrap: wrap;
    }
    
    .list15 {
        display: flex;
        flex-wrap: wrap;
        padding: 0;
    }
    
    .list15 .item {
        position: relative;
        width: 100% !important;
        height: auto !important;
        top: unset !important;
        left: unset !important;
        right: unset !important;
        bottom: unset !important;
    }
    
    .list15 .item:nth-child(1) .text_box {
        align-items: center;
        padding-left: 0 !important;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    
    .list15 .bg_img {
        padding-bottom: 57%;
        position: relative;
    }
    
    .list15 .bg_img img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .list16 .icon {
        width: 35px;
        height: 35px;
    }
    
    .list16 .item {
        margin: 0 15px;
    }
    
    
    .hbox20 .hbox20_main {
        margin-top: 15px;
    }
}

/* 立即预约 */
.order01{
    position: relative;
    padding: 230px 0 160px;
}
.order01 .bg_img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.order01 .bg_img img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hbox22{
    display: flex;
    align-items: center; 
    z-index: 2;
    position: relative;
}
.hbox22 .left{
    flex: 1;
}
.hbox22 .text_box{
    width: 50%;    
}
.hbox22 .tit{
    color: #fff;
}
.hbox22 .desc{
    color: #fff;
    margin-top: 35px;
    line-height: 1.5;
}
.hbox22 .right{
    width: 37.9%;
    min-width: 600px;
}
.form3{
    background-color: rgba(255, 255, 255, .9);
    padding: 10% 13.4%;
}
.order02{
    position: relative;
}
.order02_swiper .swiper-slide{
    height: auto;
}
.order02_swiper .item{
    position: relative;    
}
.order02_swiper .imgbox{
    padding-bottom: 51%;
    overflow: hidden;
    position: relative;
}
.order02_swiper .imgbox img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.order02_swiper .swiper-slide-active img{
    animation: myscale 5s infinite;
    -webkit-animation: myscale 5s infinite;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
}
.order02_swiper .text_box{
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    width: 100%;
    top: 15%;
    z-index: 2;
    text-align: center;

}
.order02_swiper .tit{
    line-height: 1.3;
    color: rgba(255, 255, 255, .6);
}
.order02_swiper .ctit{
    margin-top: 25px;
    color: #fff;
    line-height: 1.3;
}

.order02_main{
    position: absolute;
    bottom: 7.5%;
    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;
    width: 100%;
}
.order02_small .item{
    text-align: center;
    cursor: pointer;
    padding-bottom: 35px;
    position: relative;
}
.order02_small .item::before{
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
}
.order02_small .icon{
    padding-bottom: 35px;
    position: relative;
}
.order02_small .icon img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    max-height: 100%;
}
.order02_small .tit{
    color: #fff;
    margin-top: 20px;
}
.order02_small .swiper-container::before{
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, .4);
    height: 2px;
}
.order02_small .swiper-slide-thumb-active.swiper-slide .item::before{
    opacity: 1;
}
.order04{
    padding: 11.6% 0 16.9%;
}
.order04 .list17{
    margin-top: 4.2%;
}
.hbox23{
    text-align: center;
}
.hbox23 .tit{
    color: #ffffff;
    line-height: 1.3;
}
.hbox23 .desc{
    color: #fff;
    margin-top: 25px;
    line-height: 1.3;
}
.list17{
    display: flex;
    justify-content: center;
}
.list17 .item{
    margin-bottom: 40px;
    text-align: center;
    color: #fff;
}
.list17 .num{
    margin-top: 15px;
    line-height: .8;
}
.order05{
    padding: 6.5% 0 6.2%;
    background-repeat: no-repeat;
    background-size: cover;
}
.hbox24{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.hbox24 .left{
    width: 35%;
}
.hbox24 .right{
    width: 50%;
}
.hbox24 .tit{
    color: #131211;
    line-height: 1.3;
}
.hbox24 .desc{
    color: #131211;
    margin-top: 20px;
    line-height: 1.3;
}
.hbox24 .imgbox{
    margin-top: 20%;
}
.order06{
    padding:20% 0;
    background-repeat: no-repeat;
    background-size: cover;
}
.hbox25 .tit{
    color: #fff;
    line-height: 1.3;
}
.hbox25 .desc{
    color: #fff;
    margin-top: 20px;
}
.order03{
    background-repeat: no-repeat;
    background-size: cover;
    padding: 6.3% 0 7.5%;
}
.hbox26{
    text-align: center;
}
@media (max-width: 1459px){
    
}
@media (max-width: 1280px){
    .order02_small .item{
        padding-bottom: 25px;
    }
}
@media (max-width: 1024px){
    .order02_small .item{
        padding-bottom: 15px;
    }
    .order02_small .tit {
        margin-top: 10px;
    }
    .order01 {
        padding: 100px 0;
    }
}
@media (max-width: 768px){

    .order01 {
        padding: 100px 0 50px;
    }
    
    .hbox22 {
        flex-wrap: wrap;
    }
    
    .hbox22 .left {
        flex: unset;
        width: 100%;
    }
    
    .hbox22 .right {
        margin: 15px auto 0;
        min-width: unset;
        width: 100%;
    }
    
    .hbox22 .text_box {
        width: 100%;
        text-align: center;
    }
    
    .hbox22 .desc {
        margin-top: 15px;
    }
    
    .form3 {
        padding: 35px;
    }
    .order04 {
        padding: 25px 0;
    }
    
    .list17 .item {
        margin-bottom: 20px;
    }
}
@media (max-width: 640px){
    .order02_small .item{
        padding-bottom: 10px;
    }
    .form3 {
        padding: 15px;
    }
    .order01{
        padding-top: 80px;
    }
    .order02_small .icon {
        padding-bottom: 20px;
    }
    
    .order02_small .tit {
        margin-top: 5px;
    }
    
    .order02_swiper .ctit {
        margin-top: 15px;
    }
    .hbox24 {
        flex-wrap: wrap;
    }
    
    .hbox24 .left {
        width: 100%;
        text-align: center;
    }
    
    .hbox24 .imgbox {
        width: 50%;
        margin: 15px auto;
    }
    
    .hbox24 .right {
        margin: 0 auto;
    }
}


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

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


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


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