.banner_bg img{
    width: 100%;
    /* height: 321px;
    background:url('../images/about/banner.jpg') no-repeat;
    background-size: cover; */
}
.about_tab{
    height: 40px;
    background:#efefef;
    border-top:1px solid #cacaca;
    border-bottom:1px solid #cacaca;
}
.a_list{
    display: flex;
    align-items: center;
}
.a_list li{
    border-left:1px solid #cacaca;
    width: 20%;
    height: 40px;
    text-align: center;
    line-height: inherit!important;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.about_tab .a_list li:last-child{
    border-right:none;
}
.a_list li a{
    display: block;
    font-size:12px;
    color:#333;
    position: relative;
}
.a_list li.active::after{
    content: "";
    height: 4px;
    background:#d03835;
    width:100%;
    position:absolute;
    bottom:0px;left:0;
}
.a_list li.active a::after{
    content: "";
    height: 4px;
    background:none;
    width:0;
    position:inherit;
    bottom:0px;left:0;
}
.sta_box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width:100%;
    margin:0 auto;
}
.sta_box .s_list{
    width:25%;
    text-align: center;
}
.sta_box .s_text1{
    font-size:14px;
}
.sta_box .s_text1 span{
    font-size:18px;
    color:#e6212a;
    padding-right:3px;    
}
.sta_box .s_text2{
    font-size:12px;
}
.content_box{
    /* display: flex; */
    

}
.content_box .right_bg{
    text-align: center;
}
.content_box .title_bg{
    width:100%;
    /* height:89px; */
    /* background:url('../images/about/bg1.png') no-repeat;
    background-size: contain; */
    text-align: left;
    font-size:28px;
    padding:13px 0 0 33px;
    font-weight: bold;
}
.content_box .title_bg .text1{
    color:#d13935;
}
.a_box1{
    padding:0 10px 50px;
}
.a_box1 .content_text1{
    /* display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    overflow: hidden; */
}
.a_box1 .content_text1, .a_box1 .content_text2{
    text-indent: 2em;
    font-size:14px;
    color:#666;
    line-height: 28px;
    text-align: justify;
    margin-top:10px;
}
.content_box .c_left{
    flex:1;
    margin-top:14px;
}
.content_box .right_bg img{
    width: 100%;
    max-width:626px;
   margin:20px auto 0;
}
.a_box1 .content_text2{
    margin-top:20px;
    padding-bottom:20px;
}
.a_box2{
    padding:0 20px 20px;
}
.h_title{
    position: relative;
    text-align: center;
    padding-bottom:20px;
}
.h_text1{
    font-size:22px;
    color:#dadada;
    font-weight: bold;
}
.h_text2{
    font-size:22px;
    font-weight: bold;
    position: absolute;
    top:16px;
    width:100%;
}
.a_box2 .con_box2{
    display: flex;
    margin-top:20px;
    position: relative;
    min-height:460px;
}
.a_box2 .left_date{
    position: absolute;
}
.a_box2 .year_box{
    position: relative;
    padding:15px 0;
    /* margin-right:50px; */
    overflow-x: auto;
    height: 100px;
    
}
.a_box2 .year_box::-webkit-scrollbar { width: 0 !important }

.a_box2 .year_box .row1, .a_box2 .year_box .row2{
    display: inline-block;
    width:10px;
    height:10px;
    border-radius:50%;
    background:#c8c8c8;
    position:absolute;
    left:50%;
    transform: translateX(-50%);
}
.a_box2 .year_box .row1{
    top:0;
}
.a_box2 .year_box .row2{
    bottom:0;
}
/* .a_box2 .year_box:after{
    content: "";
    width:1px;
    height: 100%;
    background:#c9c9c9;
    position: absolute;
    left:50%;top:0;
    transform: translateX(-50%);
} */
.a_box2 .mon_text{
    font-size:22px;
    color:#e6212a;
    padding-left:20px;
}
.a_box2 .y_item{
    display: block;
    font-size:12px;
    color:#666;
    margin:10px 0;
    position: relative;
    text-align: center;
    z-index: 1;
    padding:0 10px;
}
.a_box2 .y_item:hover{
    color:#666!important;
}   
.a_box2 .year_box .y_list{
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding:0 20px;
    position: relative;
    
}

.a_box2 .year_box .border{
    width:100%;
    height:2px;
    background:url('../images/border.png') no-repeat center center;
    background-size:100% 100%;
    position:absolute;
    left:0;
    bottom:-3px;
   
}
.a_box2 .y_item::after{
    content:'';
    width:14px;
    height:14px;
    background:url('../images/about/icon5_on.png') no-repeat;
    background-size:cover;
    position:absolute;
    left:50%;top:20px;
    transform: translateX(-50%);
}
.a_box2 .y_item:nth-child(even){
    position: relative;
    top:40px;
}
.a_box2 .y_item:nth-child(even)::after{
    top:-20px;
}
.a_box2 .y_item.active{
    font-size:14px;
    color:#e6212a;
}
.a_box2 .y_item.active:hover{
    color:#e6212a!important;
}
.a_box2 .y_item.active:after{
    content: "";
    background:url('../images/about/icon5.png') no-repeat;
    background-size:cover;
}
.a_box2 .right_content{
    /* flex:1; */
    min-height:300px;
    text-align: center;
    width: 100%;
}
.a_box2 .right_content .r_title{
    font-size:14px;
}
.a_box2 .right_content .r_title .t2{
    font-size:18px;
    margin-right:10px;
}
.a_box2 .right_content .img{
    margin-top:10px;
}
.a_box2 .right_content img{
    width: 100%;
    margin:10px 0;
}
.ry_bg{
    padding:0 0 60px;
    background:url('../images/about/bg2.jpg') no-repeat right bottom;
    background-size:180px 310px;
    min-height: 310px;
    /* -webkit-box-reflect: below 20px -webkit-linear-gradient(top,rgba(250,250,250,0),rgba(255,255,255,.0) 50%,rgba(255,255,255,0.3)); */
}
.ry_bg .a_box3{
    /* min-height: 410px; */
    overflow: hidden;
}
.rySwiper .swiper-slide-active, .rySwiper .swiper-slide-duplicate-active{
    transform: scale(1.2)!important;
    -webkit-transform: scale(1.2)!important;
    z-index: 10;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    /* margin-bottom:40px; */
}
.ry_box{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-top:30px;
}
.ry_box li{
    width: 33%;
    text-align: center;
    margin-bottom:15px;
}
.ry_box li img{
    width: 90%;
}
.ry_box li .title{
    font-size:14px;
    padding-bottom:10px;
    padding-top:4px;
    width:90%;
    margin:0 auto;
    text-align: left;
}








.wh_bg{
    background:url('../images/about/bg3.jpg') no-repeat bottom center;
    background-size:100%;
    padding-bottom:20px;
}
.wh_content{
    padding:40px 0;
}
.wh_content li{
    text-align: center;
    margin-bottom:15px;
}

.wh_content .img_bg{
    width:100%;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.wh_content .mask_bg{
    width:100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    position:absolute;
    top:0;left:0;
}
.wh_content .img_bg .icon{
    display: inline-block;
    width:122px;
    height:122px;
    position: relative;
    z-index: 1;
}
.wh_content .img_bg .icon1{
    background:url('../images/about/icon1.png') no-repeat;
    background-size:cover;
}
.wh_content .img_bg .icon2{
    background:url('../images/about/icon2.png') no-repeat;
    background-size:cover;
}
.wh_content .img_bg .icon3{
    background:url('../images/about/icon3.png') no-repeat;
    background-size:cover;
}
.wh_content .w_text1{
    font-size:18px;
    color:#e6212a;
    padding:10px 0 5px;
    font-weight: bold;
}
.wh_content .w_text2{
    font-size:12px;
    color:#313131;
    line-height: 24px;
    word-break: break-all;
    word-wrap: break-word;
}
.tx_content{
    display: flex;
    flex-wrap: wrap;
    margin-top:30px;
}
.tx_content li{
    margin-bottom:15px;
    width: 50%;
    text-align: center;
}
/* .tx_content li:nth-child(5n+0){
    margin-right: 0;
} */
.tx_content .zs_bg{
    width:150px;
    height:203px;
    background:url('../images/about/icon4.png') no-repeat;
    background-size:100% 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content:center;
    margin:0 auto;
}
.tx_content .zs_img{
    width:125px;
    height:177px;
}
.tx_content .zs_name{
    font-size:14px;
    word-break:break-all;
    word-wrap:break-word;
    width:150px;
    margin:10px auto 5px;
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-align: justify;
    /* height:57px; */
}
.ryNext{
    display: none!important;
}
.ryPrev{
    display: none!important;
}