.nine_gallery{padding:0; position:relative; width:90%;max-width: 1350px;margin:0 auto;}
.nine_gallery .mc03_bg{position:absolute; top:0; right:calc(100%); z-index:2; width:100%; height:100%; background-color: #Fff;}
.nine_gallery .mc_title{display:flex; align-items:center; margin-bottom:45px}
.nine_gallery .mc_title .title{color:#fff; opacity:0; transform:translateX(20px); transition:0.8s}
.nine_gallery .mc_title .btn_view{margin-left:auto; border-bottom:2px solid #fff; opacity:0; transform:translateX(20px); transition:0.8s 0.6s}
.nine_gallery .mc_title .btn_view::before, .nine_gallery .mc_title .btn_view::after{background-color:#fff}
.nine_gallery .mc_title .btn_view span{color:#fff}

.nine_gallery .nine_content {display: flex;}
.nine_gallery .swiper-gallery-container{width: calc(100%);}
.nine_gallery .post-list{width:100%;}
.swiper-gallery-container .img-wrap{padding-bottom:100%; border-radius: 10px;}
.nine_gallery .post_content{position:relative;}
.nine_gallery .ca_name{position:absolute; top:-18px; left:0; padding:0 20px; background-color:#1e2432; font-weight:500; font-size:16px; line-height:36px; color:#fff}
.nine_gallery .ca_name.ca_blue{background-color:#105dd2}
.nine_gallery .ca_name.ca_orange{background-color:#f07425}
.nine_gallery .post_subject{overflow:hidden; height:72px; font-weight:500; font-size:24px; line-height:1.5; color:#222}
.nine_gallery .post_text{overflow:hidden; font-size:1rem; color:#777; margin-top: 25px; text-align:center;word-break:keep-all;}
.nine_gallery .post_text p{word-break:keep-all;}
.nine_gallery .gallery_btn_box{display:flex; margin:auto 0 10px 45px; opacity:0; transform:translateX(20px); transition:0.8s 0.3s}
.nine_gallery .gallery_btn_box a{display:block; position:relative; width:18px; height:24px}
.nine_gallery .gallery_btn_box .btn_next{margin-left:20px}
.nine_gallery .gallery_btn_box a::before, .nine_gallery .gallery_btn_box a::after{display:block; content:''; position:absolute; top:0; right:0; bottom:0; left:0; width:1px; height:10px; margin:auto; background-color:#fff}
.nine_gallery .gallery_btn_box .btn_prev::before{top:7px; transform:rotate(-45deg)}
.nine_gallery .gallery_btn_box .btn_prev::after{bottom:7px; transform:rotate(45deg)}
.nine_gallery .gallery_btn_box .btn_next::before{top:7px; transform:rotate(45deg)}
.nine_gallery .gallery_btn_box .btn_next::after{bottom:7px; transform:rotate(-45deg)}
.nine_gallery .gallery_scrollbar{height:3px !important; background-color: #efefef; bottom: -100px !important; left: 0; width: 100%;}
.nine_gallery .swiper-scrollbar-drag{background-color:#1ACCE0}

.nine_gallery.ani .mc_title .title{opacity:1; transform:translateX(0)}
.nine_gallery.ani .gallery_btn_box{opacity:1; transform:translateX(0)}
.nine_gallery.ani .mc_title .btn_view{opacity:1; transform:translateX(0)}
.nine_gallery.ani .nine_content{opacity:1; transform:translateX(0)}

@media (max-width:1024px){
    #nine_carousel{top:0;}
}
@media (max-width:991px){
    .nine_gallery .mc03_bg{display:none}
    .nine_gallery .nine_content{flex-direction: column;}
    .nine_gallery .swiper-gallery-container{width: 100%;}

    .nine_gallery .mc_title{align-items:flex-end; margin-bottom:30px}
    .nine_gallery .mc_title .btn_view{border:1px solid #fff}
    .nine_gallery .post_content{padding:1rem 0.6rem; background-color:#fff}
    .nine_gallery .ca_name{top:-14px; padding:0 15px; font-size:12px; line-height:28px}
    .nine_gallery .post_subject{height:44px; font-size:15px}
    .nine_gallery .post_text{font-size:0.8rem; margin-top: 0;}
    .nine_gallery .gallery_btn_box{display:none}
    .nine_gallery .gallery_scrollbar{margin-top:0px; height:2px; bottom: -45px !important; height: 1.5px !important;}

    .nine_gallery.ani .mc_title .btn_view{opacity:.5}
    .nine_gallery.ani .mc_title .btn_view:hover{opacity:1}
}