
.about_one{
    width: 100%;
    height: 48.9583rem;
    background: url('../images/about/about_head_bg.png') no-repeat;
    background-size: cover;
    position: relative;
}
/* .about_one{
   
} */
.ao_top{
    padding: 13.17rem 12rem 0;
}
.ao_text_one{
    font-size: 3.125rem;
    border-bottom: 1px solid rgb(178,176,183);
    line-height: 4.375rem;
    height: 4.375rem;
    width: 28.5rem;
}
.ao_text_two{
    margin-top: 1.254rem;
    font-size: 1.25rem;
    /* line-height: 1rem; */
}
.about_one .ad_type{
    /* float: right; */
    /* right: 0; */
    position: absolute;
    right: 12rem;
    top: 13.17rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}


.code_text p{
    transform: rotate(90deg) translateX(3rem);
    /* transform: translateY(1rem); */
    font-size: .7rem;
    color: rgb(208,205,205);

}
.one_bottom{
    height: 10rem;
    width: 100%;
    /* background: rgb(141,12,12); */
    position: absolute;
    /* bottom: 13.5rem; */
    display: flex;
    justify-content: space-between;
    left: 0;
    bottom: 1rem;
    /* padding: 0 12rem; */
}
.one_item{
    display: flex;
    align-items: center;
    text-align: center;
}
.one_item p{
    font-size: 2.5rem;
    height: 2.8151rem;
    line-height: 2.8151rem;
}
.one_item span{
    font-size: .9rem;
    color: rgb(232,206,206);
}
.one_item:first-child{
    padding-left: 12rem;
}
.one_item:last-child{
    padding-right: 12rem;
}
.one_item>div{
    margin-left: 18px;
}
.introdution_bg{
    width: 100%;
    height: 43.75rem;
    background: url('../images/about/about_intrudution.png')  no-repeat;
    background-size: 100% 100%;
}
.title_logo>div{
    display: flex;
    align-items: center;
}
.title_logo span{
    font-size: 1.875rem;
    color: black;
    margin: 0 .3rem;
    /* font-weight: 600; */
}
.title_logo p{
    font-size: .9375rem;
    color: rgb(128,128,128);
    width: 11.875rem;
}
.content_left{
    /* margin-top: 1.125rem; */
    width: 28rem;
}
.content_left>p{
    font-size: 1.25rem;
    color: black;
    border-bottom: 1px solid rgb(207,207,207);
    padding-bottom: 1.4333rem;
    font-family: 'sycn_regular';
    line-height: 1.8rem;
    height: 2.5rem;
}
.content_left>.content_text{
    text-align: justify;
    margin-top: 1.1rem;
    font-size: .8rem;
    font-family: 'sycn_regular';
}
.content_left>.content_text>p{
    margin-bottom: .9rem;
    color:rgb(128,128,128);
    line-height: 1.566rem;
}
.about_three{
    width: 100%;
    height: 43.75rem;
    background: url('../images/about/about_three_bg.png')  no-repeat;
    background-size: 100% 100%;
    display: flex;
    /* padding-top: 5.21rem; */
}
.three_item_one{
    background: url('../images/about/cision_icon.png') no-repeat center;
    background-size: 100% 100%;

}
.three_item_two{
    background: url('../images/about/mission_icon.png') no-repeat center;
    background-size: 100% 100%;

}
.three_item_three{
    background: url('../images/about/values_icon.png') no-repeat center;
    background-size: 100% 100%;

}
.three_item_one:hover{
    background: url('../images/about/light_cision_icon.png') no-repeat;
    background-size: 100% 100%;
    color: white;
}
.three_item_one:hover .ti_content,.three_item_two:hover .ti_content,.three_item_three:hover .ti_content{
    color: white;
}
.three_item_two:hover{
    background: url('../images/about/light_mission_icon.png') no-repeat;
    background-size: 100% 100%;
    color: white;

}
.three_item_three:hover{
    background: url('../images/about/light_values_icon.png') no-repeat;
    background-size: 100% 100%;
    color: white;

}
.three_item{
    /* width: 33.3%; */
    padding-top: 5.2rem;
    padding-left: 5.7rem;
    /* background-size: 100% 100%; */
    position: relative;
}
.ti_title>p{
    font-size: 1.875rem;
    font-weight: 600;
}
.ti_title>span{
    font-size: .8333rem;
    color: rgb(205,205,205);
}
.ti_content{
    position: absolute;
    top: 36.3rem;
    font-size: 1.25rem;
    color: rgb(183,183,183);
    font-family: 'sycn_regular';
}
.about_four{
    width: 100%;
    height: 43.75rem;
    background: url('../images/about/about_four_bg.png') no-repeat;
    background-size: 100% 100%;
    position: relative;
}
.swiper_position{
    width: 100%;
    position: absolute;
    left: 0;
    /* bottom:14rem; */
} 
.swiper_slide_img{
    width: 44.2rem;
    height: 24.7rem;
}
.swiper_culture{
    /* position: relative; */
}
.swiper_culture .swiper-slide{
    /* background: red; */
    transform: scale(.6);
}
.swiper_culture .swiper-slide-prev{
    transform:scale(.6) translateX(-14rem);
}
.swiper_culture .swiper-slide-active{
    transform:scale(.8) translateX(-7rem);
}
.swiper-button-next{
    width: 2.86rem;
    height: 2.5rem;
    background: url('../images/about/left_button.png') no-repeat;
    background-size: 100% 100%;

}
.swiper-button-next:hover{
    background: url('../images/about/light_left_button.png') no-repeat;
    background-size: 100% 100%;

}
.swiper-button-next:focus{
    outline: none;
}
.swiper-button-prev:focus{
    outline: none;
}
.swiper-button-prev{
    width: 2.86rem;
    height: 2.5rem;
    background: url('../images/about/right_button.png') no-repeat;
    background-size: 100% 100%;

}
.swiper-button-prev:hover{
    background: url('../images/about/light_right_button.png') no-repeat;
    background-size: 100% 100%;

}
#footer{
    height: 24rem;
}
.bs_seven{
    width: 100%;
    height: 62.5rem;
    background: url('../images/business/bs_seven_bg.png') no-repeat;
    background-size: 100% 100%;
}
.seven_content_title{
    width: 25.5vw;
    border-bottom: 1px solid rgb(200,200,200);
    font-size: 1.25rem;
    padding-bottom: 1rem;
    margin-top: 3.9rem;
    color: black;
}
.swiper_resources{
    margin-top: 2.6rem;
}
.swiper_resources .swiper-slide{
    width: 9rem;
}
.resources_bg{
    width: 9rem;
    height: 9rem;
    background: url('../images/business/oval_bg.png') no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.82rem;
}
.resources_bg img{
    width: 7.375rem;
    height: 7.375rem;
}
.swiper-button-prev1{
    width: 2.864rem;
    height: 2.5rem;
    position: relative;
    background: url('../images/about/left_button.png') no-repeat;
    background-size: 100% 100%;
    left: -6rem;
    top: -20rem;
    z-index: 99;
}
.swiper-button-next1{
    width: 2.864rem;
    height: 2.5rem;
    position: relative;
    background: url('../images/about/right_button.png') no-repeat;
    background-size: 100% 100%;
    right: -78rem;
    top: -22.5rem;
    z-index: 99;

}
.swiper-button-prev1:hover{
    background: url('../images/business/bs_wl_left_button.png') no-repeat;
    background-size: 100% 100%;

}
.swiper-button-next1:hover{
    background: url('../images/business/bs_wl_right_button.png') no-repeat;
    background-size: 100% 100%;

}
.swiper-button-prev1:focus,.swiper-button-next1:focus,.swiper-button-prev2:focus,.swiper-button-next2:focus{
    outline: none;
}
/* 企业大事记 */
.about_bigevent{
    height: 43.75rem;
    background: url('../images/about/bigevent.png') no-repeat;
    background-size: 100% 100%;
    position: relative;
}
.about_bigevent_top{
    display: flex;
    align-items: center;
    font-size: 1.875rem;
}
.about_bigevent_top p{
    margin: 0 .3rem;
}
.about_bigevent_bottom{
    /* margin-top: .6rem; */
    font-size: .9rem;
    color: rgb(127,127,127);
}
.big_content{
    position: absolute;
    top: 50%;
    left: 50%;
    color: white;
    transform: translate(-50%,-50%);
    display: flex;
}
.big_content_detail{
    height: 7rem;
    width: 13rem;
    background: url('../images/about/event_left.png') no-repeat;
    padding-left: 1.2rem;
    /* background-size: 100% 100%; */
    /* position: absolute; */
    /* margin-top: -1.33rem; */
}
.big_content_detail>p{
    font-size: 1rem;
    color: white;
    font-weight: 550;
}
.big_content_detail>span{
    font-size: .8rem;
    color: rgb(182,182,184);
    font-family: 'sycn_regular';

}
.big_content_detail1{

    height: 7rem;
    width: 13rem;
    background: url('../images/about/event_right.png') no-repeat;
    padding-left: 1.2rem;
    /* background-size: 100% 100%; */
    /* position: absolute; */
    display: flex;
    flex-direction: column;

    justify-content: flex-end;
}
.big_content_detail1>p{
    font-size: 1rem;
    color: white;
    font-weight: 550;
}
.big_content_detail1>span{
    font-size: .8rem;
    color: rgb(182,182,184);
    font-family: 'sycn_regular';
}
.time{
    /* background: url('../images/about/arrow.png') no-repeat;
    background-position: center right; */
    /* background-color: black; */
}
.time:hover{
    cursor: pointer;
    font-weight: 700;
}
.bs_six{
    width: 100%;
    height: 43.75rem;
    background: url('../images/business/bs_six_bg.png') no-repeat;
    background-size: 100% 100%;
}
.six_swiper{
    height: 24rem;
    width: 17.1875rem;
    background: rgb(141,12,12);
    border-radius: 1.5rem;
    margin-top: 2.2rem;
}
.six_swiper img{
    height: 16rem;
    width: 100%;
    border-radius: 1.5rem 1.5rem 0 0;

}
.six_swiper p{
    margin: 0 auto;
    border-bottom: 1px solid rgb(231,231,231);
    color: white;
   width: 14.5rem;
   text-align: center;
   padding: .8rem 0 .52rem;
   font-size: 1rem;
   font-weight: 600;
}
.swiper-button-next2{
    width: 2.864rem;
    height: 2.5rem;
    margin-right: -1rem;
    background: url('../images/about/right_button.png') no-repeat center;
    background-size: 100% 100%;

    

}
.swiper-button-next2:hover{
    background: url('../images/about/light_right_button.png') no-repeat;
    background-size: 100% 100%;


}
.swiper-button-prev2{
    width: 2.864rem;
    height: 2.5rem;
    margin-left: 1rem;
    background: url('../images/about/left_button.png') no-repeat center;
    background-size: 100% 100%;

}
.swiper-button-prev2:hover{
    background: url('../images/about/light_left_button.png') no-repeat;
    background-size: 100% 100%;
    
}