.about_banner{
    height: 31.53rem;
    background-image: url('../images/e57b9c68715c0e25856c53411cb483d.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.about_context{
    background-color: rgba(20, 33, 51, .8);
    width: 100%;
    height: 100%;
    padding: 14.51rem 0 0 4.05rem;
    box-sizing: border-box;
    position: relative;
}

.about_context_title{
    font-size: 5.68rem;
    color: #fff;
    display: block;
    margin-bottom: 0.81rem;
}

.about_context_text{
    font-size: 1.68rem;
    color: #fff;
}

.about_banner_text_bg{
    position: absolute;
    left: 4.05rem;
    top: 12.51rem;
    color: #FFF;
    opacity: .5;
    font-size: 4.05rem;
}

.about_content_main{
    width: 100%;
    box-sizing: border-box;
    position: relative;
    padding-top: 5.89rem;
    padding-bottom: 8rem;
}

.about_content_box{
    width: 100%;
    display: flex;
    padding-right: 4.2rem;
    background-color: #121F32;
    /* height: 44.46rem; */
    position: relative;
}

.about_nav_box{
    position: absolute;
    padding-left: 4.2rem;
    padding-top: 5.89rem;
    z-index: 200;
}

.about_navs{
    height: 27.22rem;
    width: 21.86rem;
    border-top: 0.11rem solid #425166;
    border-bottom: 0.11rem solid #425166;
    position: absolute;
    top: 4.98rem;
    left: 4.2rem;
    z-index: 200;
}

.about_nav_list{
    height: 100%;
    display: flex;
    /* align-items: center; */
    justify-content: space-between;
    flex-direction: column;
    margin: 0;
    padding: 0;
    padding: 2.31rem 0;
    box-sizing: border-box;
    list-style-type: none;
}

.about_nav_item{
    cursor: pointer;
    position: relative;
}

.about_nav_item span{
    color: #748399;
    font-size: 1.05rem;
    margin-right: 2.94rem;
}

.about_nav_item .icon{
    width: 0.5rem;
    height: 0.84rem;
    fill: #748399;
}

.about_nav_items_icon{
    transition: all .2s;
    position: absolute;
    bottom: -0.58rem;
    display: block;
    height: 0.11rem;
    background-color: #fff;
    width: 0;
}

.about_nav_list .action span{
    color: #fff;
}

.about_nav_list .action .icon{
    fill: #fff;
}

.about_nav_list .action .about_nav_items_icon{
    width: 2.73rem;
}

.about_nav_item:hover span{
    color: #fff;
}

.about_nav_item:hover .icon{
    fill: #fff;
}

.about_nav_item:hover .about_nav_items_icon{
    width: 1.73rem;
}

.about_position_box{
    position: absolute;
    width: 100%;
    top: 0;
}

.about_position_box .introduction{
    height: 44.46rem;
}

.introduction{
    display: flex;
    justify-content: flex-end;
}

.introduction_content{
    width: 63.06rem;
    height: 100%;
    position: absolute;
    top: -6.24rem;
}

.introduction_top{
    width: 100%;
    height: 20.07rem;
    background-color: #212E42;
    padding: 3.05rem 1.68rem;
    box-sizing: border-box;
    line-height: 2.1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: #fff;
    position: relative;
    z-index: 100;
}

.introduction_top span,.introduction_top p{
    color: #fff;
    font-size: 0.84rem;
}

.introduction_bottom{
    padding-top: 3.78rem;
    overflow: hidden;
}

.introduction_bottom_item{
    width: 12.61rem;
    float: left;
    margin-right: 4.2rem;
    margin-bottom: 3.84rem;
}

.introduction_bottom_item:nth-of-type(4){
    margin-right: 0;
}

.in_bottom_item_top{
    padding-bottom: 0.84rem;
    border-bottom: 0.05rem solid #425166;
    margin-bottom: 0.84rem;
}

.in_bottom_item_top_year{
    font-size: 3.15rem;
    color: #fff;
}

.in_bottom_item_top_text{
    color: #fff;
    font-size: 0.84rem;
}

.in_bottom_item_bo{
    color: #A4B4CC;
    font-size: 0.84rem;
}

.course{
    height: 59.17rem !important;
    background-color: #212E42;
    justify-content: flex-end;
    padding-top: 9.25rem;
    padding-right: 0 !important;
    position: relative;
}

.position_bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url('../images/237c604a62ae477e5b0f9bff69ab007.jpg');
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    opacity: 0.1;
}

.course_box{
    width: 63.06rem;

}

.course_title{
    padding-left: 1rem;
    position: relative;
    display: flex;
    align-items: center;
    padding-bottom: 2.1rem;
}

.course_title::before{
    content: '';
    width: 0.11rem;
    height: 1.68rem;
    background-color: #E60D1E;
    position: absolute;
    left: 0;
}

.course_title span{
    color: #fff;
    font-size: 1.89rem;
    font-weight: bold;
}

.course_icon_box_over{
    padding-right: 4.2rem;
}

.course_icon_box{
    width: 100%;
    /* display: flex;
    justify-content: space-between; */
    /* position: relative; */
    overflow: hidden;
}

.course_icon_item_box{
    /* width: 10.93rem; */
    height: 10.93rem;
    overflow: hidden;
    display: flex;
}

.course_icon_items{
    width: 10.93rem;
    height: 10.93rem;
    float: left;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-right: 36.04rem;
}

.course_icon_items:nth-last-of-type(1){
    margin-right: 0;
}

.course_icon_num{
    color: #212E42;
    font-size: 3.78rem;
}

.course_icon_year{
    color: #212E42;
    font-size: 1.26rem;
}

.course_context{
    /* display: flex; */
    /* justify-content: space-between; */
    overflow: hidden;
    padding-top: 5.68rem;
}

.course_context_box{
    height: 10.51rem;
    width: 3000px;
}

.course_context_items{
    height: 10.51rem;
    border-right: 0.05rem solid #425166;
    padding-right: 2.1rem;
    padding-left: 1.58rem;
    box-sizing: border-box;
    float: left;
    user-select: none;
}

.course_context_items:nth-last-of-type(1){
    border: none;
}

.course_context_items_top span:nth-of-type(1){
    color: #fff;
    font-size: 2.52rem;
}

.course_context_items_top span:nth-of-type(2){
    color: #AFBBCC;
    font-size: 1.26rem;
}

.course_context_items_text{
    width: 13.87rem;
    padding-top: 0.79rem;
}

.course_context_items_text span{
    color: #AFBBCC;
    font-size: 0.84rem;
}

.course_scroll{
    padding-right: 4.2rem;
    padding-top: 5.68rem;
    padding-left: 1.58rem;
}

.course_scroll_box{
    width: 100%;
    height: 1.31rem;
    border-radius: 1rem;
    background-color: #425166;
    overflow: hidden;
    position: relative;
}

.course_scroll_icon{
    display: block;
    width: 6.99rem;
    height: 100%;
    border-radius: 1rem;
    background-color: #E60D1E;
    position: absolute;
    left: 0;
    top: 0;
}

.course_scroll_text{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 0.84rem;
}

.course_scroll_text span{
    color: #AFBBCC;
    font-size: 0.84rem;
    user-select: none;
}

.workfriend{
    width: 100%;
    display: flex;
    justify-content: flex-end;   
}

.service_work{
    /* height: 140.09rem !important; */
    display: block !important;
    /* padding-bottom: 9.3rem; */
}

.workfriend_box{
    width: 63.06rem;
    padding-top: 9.25rem;
}

.friends_box{
    overflow: hidden;
}

.friend_item{
    width: 15.76rem;
    height: 10.51rem;
    background-color: #212E42;
    border: 0.05rem solid #142133;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    float: left;
    padding: 30px;
}

.friend_item img{
    max-width: 100%;
    height: auto;
}

.work_total{
    width: 100%;
    padding-top: 9.25rem;
    position: relative;
    background-color: #121F32;
    overflow: hidden;
}

.work_intro_box{
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.work_total_left_bg{
    position: absolute;
    left: 0;
    top: 9.25rem;
    width: 43.72rem;
    height: 74.72rem;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.work_total_left_bg img{
    max-width: 100%;
    height: 100%;
    opacity: 0.1;
}

.work_total_content{
    width: 63.06rem;
    padding-top: 9.25rem;
}

.work_total_context{
    position: relative;
}

.work_total_text_item{
    height: 7.36rem;
    width: 100%;
    display: flex;
    align-items: center;
    border-bottom: 0.05rem solid #425166;
}

.work_total_text_item:nth-last-of-type(1){
    border: none;
}

.work_total_text_item_title{
    color: #fff;
    font-size: 2.1rem;
    margin-right: 2.52rem;
}

.work_total_text_content{
    font-size: 0.84rem;
    color: #AFBBCC;
}

.work_target{
    position: absolute;
    left: 0;
    top: 0;
    font-size: 15.76rem;
    color: #fff;
    opacity: 0.03;
}

.work_xi_item{
    display: flex;
    align-items: center;
    border-bottom: 0.05rem solid #425166;
    height: 8.09rem;
}

.work_xi_item:nth-last-of-type(1){
    border: none;
}

.work_xi_item_title{
    color: #fff;
    font-size: 2.1rem;
}

.work_xi_item_text{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    padding-left: 2.52rem;
    line-height: 2.52rem;
}

.work_xi_item_text span{
    color: #AFBBCC;
    font-size: 0.84rem;
}

.about_honor{
    /* height: 62.9rem; */
    background-color: #212E42;
    padding-top: 9.52rem;
    display: flex;
    justify-content: flex-end;
    padding-right: 4.2rem;
}

.about_honor_content{
    width: 63.06rem;
}

.honor_list{
    overflow: hidden;
    padding-top: 1.79rem;
}

.honor_item{
    float: left;
    position: relative;
    width: 14.66rem;
    height: 19.55rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1.47rem;
    overflow: hidden;
    cursor: pointer;
    margin-bottom: 1.05rem;
}

.honor_item:nth-of-type(4n+4){
    margin-right: 0;
}

.honor_item img{
    max-width: 100%;
    height: 100%;
    transform: scale(1.1);
}

.honor_item:hover .honor_item_title{
    opacity: 1;
}

.honor_item_title{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2.94rem;
    background-color: rgba(0, 0, 0, .5);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
}

.honor_item_title span{
    color: #fff;
    font-size: 0.84rem;
}

.about_corporate{
    width: 100%;
    height: 79.03rem;
    background-color: #121F32;
    /* padding-top: 15.5rem; */
    padding-top: 3rem;
}

.about_cor_content_top{
    width: 100%;
    padding-right: 4.2rem;
    display: flex;
    justify-content: flex-end;
}

.about_cor_content{
    width: 63.06rem;
}

.about_cor_nav{
    padding-top: 2.26rem;
    display: flex;
    padding-bottom: 2.1rem;
}

.about_cor_nav span{
    width: 7.15rem;
    height: 2.52rem;
    text-align: center;
    line-height: 2.52rem;
    font-size: 0.84rem;
    color: #748399;
    display: block;
    cursor: pointer;
    margin-right: 0.84rem;
}

.about_cor_nav span:hover{
    color: #fff;
    background-color: #425166;
}

.about_cor_nav .action{
    color: #fff;
    background-color: #425166;
}

.about_cor_bottom{
    display: flex;
    justify-content: flex-end;
}

.about_img_show_box{
    width: 67.26rem;
    /* height: 34.68rem; */
    position: relative;
    overflow: hidden;
}

.about_img_show_control{
    position: absolute;
    width: 57.17rem;
    height: 34.68rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    left: 0;
    top: 0;
}

.about_img_show_button{
    width: 4.2rem;
    height: 4.2rem;
    background-color: rgba(230,13,30,.5);;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    z-index: 99;
    display: none;
}

.about_img_show_button .icon{
    width: 1.26rem;
    height: 2.13rem;
    fill: #fff;
}

.about_img_show_list{
    /* width: 3000px; */
    height: 34.68rem;
    /* transition: all .5s; */
}

.about_img_show_item{
    width: 57.17rem;
    height: 34.68rem;
    display: flex;
    align-items: center;
    overflow: hidden;
    float: left;
    margin-right: 1.68rem;
}

.about_img_show_item img{
    width: 100%;
    height: auto;
}

.about_img_show_thind{
    width: 63rem;
    height: 5.62rem;
    margin-top: 2.31rem;
    overflow: hidden;
    padding-left: 1.94rem;
    position: relative;
}

.about_img_thind_list{
    transition: all .5s;
}

.about_thind_control{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    /* z-index: 99; */
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.about_thind_btn{
    width: 1.1rem;
    height: 5.62rem;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    z-index: 99;
}

.about_thind_btn .icon{
    width: 0.66rem;
    height: 1.12rem;
}

.about_img_thind_item{
    float: left;
    width: 7.57rem;
    height: 5.59rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.84rem;
    cursor: pointer;
}

.about_img_thind_list .action{
    border: 0.11rem solid #E60D1E;
    box-sizing: border-box;
}

.about_img_thind_item img{
    width: 100%;
    height: auto;
    transform: scale(1.1);
}

#pcFriends img{
    width: 100%;
}