.about-wrap .sub_link_wrap{

    position: sticky;

    top: 80px;

    z-index: 99 ;

}



.section_1 {

    /* padding-top: 170px; */

    /* padding-bottom: 395px; */

    padding-top: calc(10px + 8.33vw);

    padding-bottom: calc(10px + 20.57vw);

    background: url("../images/about-section1-bg.jpg") no-repeat bottom #F5F6FA;

    ;

    background-size: cover;

}



.section_1 .under_txt {

    background: transparent;

    opacity: 1;

    color: rgba(255, 255, 255, .4);

    -webkit-text-fill-color: rgba(255, 255, 255, .4);

    bottom: 0;

    top: 50%;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    left: 0;



}



.section_1 .feature_title {

    margin-bottom: 3px;

}





.about-wrap .feature-top {

    margin-top: calc(10px + 1.04vw);

}



.about-wrap .feature-top p {

    font-size: var(--font-size24);

    color: var(--theme-color);

    margin-top: calc(10px + 0.52vw);

}





.about-wrap .section_about {

    /* margin-top: 96px; */

    margin-top: calc(10px + 4.47vw);

}







.about-wrap .section_about .feature {

    display: flex;

    align-items: flex-start;

    position: relative;

    z-index: 1;



}

.section_about .feature p,

.section_about .feature h2{

    padding-left: 54px;

}

.about-wrap .section_about .feature .icon_feature1{

    background: url("../images/icon_about1.png") no-repeat left 72%;

}

.about-wrap .section_about .feature .icon_feature2{

    background: url("../images/icon_about2.png") no-repeat left 73%;

}





.about-wrap .section_about .feature+.feature {

    margin-left: calc(10px + 3.64vw);

}



/* .about-wrap .section_about .feature .feature-icon {



    margin-right: 1rem;



    width: calc(20px + 0.83vw);





} */





.about-wrap .col-right {

    font-size: 1rem;

    color: #666;

    line-height: 1.75;

}



.about-wrap .col-right p+p {

    margin-top: 16px;

}



/* 2 */

.section_history {

    /* padding-top: 170px; */

    /* padding-bottom: 70px; */

    padding-top: calc(10px + 8.33vw);

    padding-bottom: calc(10px + 3.125vw);

    background: url("../images/about-history.jpg") no-repeat top;

}



.section_history .line {

    width: 100%;

    height: 2px;

    background-color: var(--theme-color);

    position: absolute;

    left: 0;

    top: 75px;

    opacity: .1;

}



.section_history .swiper {

    padding-bottom: 50px;



}



.section_history .swiper-slide {

    width: 400px;

}



.section_history .swiper-slide .date {

    font-size: 30px;

    font-family: "play_bold";

    color: var(--theme-color);

    /* padding: 0 30px; */

    display: block;

    text-align: center;

    display: flex;

    align-items: center;

    justify-content: center;

    flex-direction: column;

    width: 102px;

}





.section_history .swiper-slide .date i {

    display: block;

    width: 40px;

    height: 40px;

    background: #FFE7E5;

    border-radius: 50%;

    position: relative;

    margin-top: 17px;

}



.section_history .swiper-slide .date i::after {

    content: "";

    display: block;

    width: 16px;

    height: 16px;

    background: var(--theme-color);

    border-radius: 50%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate3d(-50%, -50%, 0);

    -webkit-transform: translate3d(-50%, -50%, 0);

    -moz-transform: translate3d(-50%, -50%, 0);

    -ms-transform: translate3d(-50%, -50%, 0);

    -o-transform: translate3d(-50%, -50%, 0);

}



.section_history .his-item-right::before,

.section_history .swiper-slide .date i::before{

    content: "";

    display: block;

    width: 2px;

    background-color: var(--theme-color);

    position: absolute;

    z-index: 1;



}



.section_history .his-item-right::before {

    left: 0px;

    top: 11px;

    height: calc(100% + 10px);



}



.section_history .swiper-slide .date i::before {

    height: calc(100% + 40px);

    top: 100%;

    left: 50%;

    margin-left: -1px;

}





.section_history .his-con .date {

    margin: 0 30px 30px;

}



.section_history .his-con .date p {

    height: 38px;

}



.section_history .his-con .his-items {

    background: #FFFFFF;

    padding: 30px 40px 30px 30px;

    box-shadow: 0px 20px 50px 0px rgba(0, 15, 91, 0.06);





}



.section_history .his-item {

    display: flex;

    font-size: 1rem;

    color: #666;

    line-height: 1.75;

    align-items: flex-start;

}



/* .section_history .his-item+.his-item .month,

.section_history .his-item+.his-item p{

    padding-top: 17px;

} */



.section_history .his-item span {

    flex-shrink: 0;

    position: relative;



}



.section_history .his-item span::after {

    content: "";

    margin-left: 22px;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

}



.section_history .his-item p {

    position: relative;



}





.section_history .month {

    width: 50px;

}



.section_history .his-item-right {

    position: relative;

    padding-left: 26px;



}

.section_history .his-item-right,

.section_history .month{

    margin-top: 10px;



}





.section_history .his-item:last-child .his-item-right::before {

    display: none;

}



.section_history .his-item-right .circle {

    display: inline-block;

    width: 12px;

    height: 12px;

    background: #FFFFFF;

    border-radius: 50%;

    border: 2px solid #D8281D;

    position: absolute;

    left: -5px;

    top: 8px;

    z-index: 3;

}







.section_organization {

    padding-top: calc(10px + 5.72vw);

    padding-bottom: calc(10px + 6.77vw);

    background: url("../images/about-section_organization-bg.jpg") no-repeat bottom #f5f6f9;

    background-size: cover;

}



.section_organization .under_txt {

    top: 0;



}









.section_culture {

    /* padding-top: 160px; */

    padding-top: calc(10px + 7.8vw);

}





.section_history .feature,

.section_culture .feature {

    position: relative;

}





.section_history .under_txt,

.section_culture .under_txt {

    top: 50%;



    left: 50%;

    transform: translate3d(-50%, -50%, 0);

    -webkit-transform: translate3d(-50%, -50%, 0);

    -moz-transform: translate3d(-50%, -50%, 0);

    -ms-transform: translate3d(-50%, -50%, 0);

    -o-transform: translate3d(-50%, -50%, 0);

}



.swiper-culture-thumbs {

    margin-bottom: calc(10px + 2.6vw);



}



.swiper-culture-thumbs .swiper-slide {

    font-size: var(--font-size20);

    color: #666666;

    margin: 0 calc(10px + 0.78vw);

}



.swiper-culture-thumbs .swiper-slide p {

    padding-bottom: 4px;

    cursor: pointer;

}



.swiper-culture-thumbs .swiper-slide p::after {

    content: "";

    width: 100%;

    height: 2px;

    background-color: var(--theme-color);

    position: absolute;

    left: 0;

    bottom: 0;

    transform: scaleX(0);

    -webkit-transform: scaleX(0);

    -moz-transform: scaleX(0);

    -ms-transform: scaleX(0);

    -o-transform: scaleX(0);

    transition: all .35s ease;

    -webkit-transition: all .35s ease;

    -moz-transition: all .35s ease;

    -ms-transition: all .35s ease;

    -o-transition: all .35s ease;



}



.swiper-culture-thumbs .swiper-slide-thumb-active p::after {

    transform: scaleX(100%);

    -webkit-transform: scaleX(100%);

    -moz-transform: scaleX(100%);

    -ms-transform: scaleX(100%);

    -o-transform: scaleX(100%);

}



.swiper-culture-thumbs .swiper-slide-thumb-active {

    color: var(--theme-color);

}







.section_culture .swiper-culture .swiper-slide {

    width: 60%;

    position: relative;

}



.section_culture .img-box {

    position: relative;

}

.section_culture .img-box img{

    width: 100%;

}

.section_culture .img-box::after {

    content: "";

    background-color: #fff;

    opacity: 0.2;

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;



}



.section_culture .swiper-culture .swiper-slide-active .img-box::after {

    opacity: 0;

}





.section_culture .text-box {

    position: absolute;

    left: 0;

    /* left: calc(10px + 5.9vw); */

    top: 50%;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);



    max-width: 940px;



    padding: 0 calc(10px + 5.9vw);

    ;

}



.section_culture .text-box h3 {

    color: #fff;

    font-size: var(--font-size24);

    margin-bottom: calc(10px + 0.88vw);

}



.section_culture .text-box p {

    color: #fff;

    font-size: var(--font-size30);

    line-height: 1.5;

}



.swiper-culture-thumbs .swiper-wrapper {

    text-align: center;

    justify-content: center;



}



.swiper-culture-thumbs .swiper-slide {

    width: auto;

}





.section_culture .swiper-button-container {

    height: 31px;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate3d(-50%, -50%, 0);

    -webkit-transform: translate3d(-50%, -50%, 0);

    -moz-transform: translate3d(-50%, -50%, 0);

    -ms-transform: translate3d(-50%, -50%, 0);

    -o-transform: translate3d(-50%, -50%, 0);

}



.section_culture .swiper-button-container .swiper-button-prev,

.section_culture .swiper-button-container .swiper-button-next {

    top: 0;



}



.section_culture .swiper-button-container .swiper-button-prev i::before,

.section_culture .swiper-button-container .swiper-button-next i::before {

    color: #999;

}



.section_culture .swiper-button-container .swiper-button-prev i::after,

.section_culture .swiper-button-container .swiper-button-next i::after {

    background: #FFFFFF;

    border: 1px solid #FFFFFF;

}



.section_culture .swiper-button-container .swiper-button-prev:hover i::after,

.section_culture .swiper-button-container .swiper-button-next:hover i::after {

    background: var(--theme-color);

    border-color: var(--theme-color);

}



.section_culture .swiper-button-container .swiper-button-prev:hover i::before,

.section_culture .swiper-button-container .swiper-button-next:hover i::before {

    color: #fff;

}



.section_culture .swiper-button-container .swiper-button-prev {

    left: -46px;

}



.section_culture .swiper-button-container .swiper-button-next {

    right: -46px;

}



.section_organization,

.section_honor {

    position: relative;

}



.section_honor {

    padding-bottom: calc(10px + 5.72vw);

    padding-top: calc(10px + 5.72vw);



}

.section_honor .swiper-pagination{

    display: none;

}

.section_honor>.container {

    position: relative;

}



.section_honor .swiper-slide {



    text-align: center;

}



.section_honor .swiper-slide .img-box {

    padding: calc(10px + 1.04vw);

    background-color: #f5f6f9;

    border: 1px solid rgba(30, 42, 102, .1);

    position: relative;

}



.section_honor .swiper-slide .img-box::before {

    content: "";

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    z-index: 2;

    background: url("../images/honor-bg.png") no-repeat;

    background-size: cover;

    opacity: 0;

    transition: all .35s ease;

    -webkit-transition: all .35s ease;

    -moz-transition: all .35s ease;

    -ms-transition: all .35s ease;

    -o-transition: all .35s ease;

}



.section_honor .swiper-slide:hover .img-box::before {

    opacity: 1;

}







.section_honor .swiper-slide .img-box .img {

    padding-top: 139%;

    overflow: hidden;

    height: 0;

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

}



.section_honor .swiper-slide .img-box img {

    position: absolute;

    left: 50%;

    top: 50%;

    max-width: 100%;

    transform: translate3d(-50%, -50%, 0);

    -webkit-transform: translate3d(-50%, -50%, 0);

    -moz-transform: translate3d(-50%, -50%, 0);

    -ms-transform: translate3d(-50%, -50%, 0);

    -o-transform: translate3d(-50%, -50%, 0);

    transition: all .35s ease;

    -webkit-transition: all .35s ease;

    -moz-transition: all .35s ease;

    -ms-transition: all .35s ease;

    -o-transition: all .35s ease;

}



.section_honor .swiper-slide .img-box:hover img{

    transform: translate3d(-50%, -50%, 0) scale(1.05);

    -webkit-transform: translate3d(-50%, -50%, 0) scale(1.05);

    -moz-transform: translate3d(-50%, -50%, 0) scale(1.05);

    -ms-transform: translate3d(-50%, -50%, 0) scale(1.05);

    -o-transform: translate3d(-50%, -50%, 0) scale(1.05);

}



.section_honor .swiper-slide .honor-item p {

    font-size: var(--font-size18);

    color: #333;

    font-family: "misans_medium";

    padding-top: 25px;



}



.section_honor .swiper-button-prev {

    left: -70px;

}



.section_honor .swiper-button-next {

    right: -70px;

}



.section_honor .swiper-button-prev,

.section_honor .swiper-button-next {

    top: calc(50% - 40px);

}



.feature_title {

    margin-bottom: calc(10px + 2.08vw);

}





.under_txt.under_txt_tobottom {

    background: linear-gradient(to bottom, #D8281D, rgba(216, 40, 29, 0.08));

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}





@media (max-width: 1600px) {

    .section_about .feature p, .section_about .feature h2{

        padding-left: 44px;

    }

    .about-wrap .section_about .feature .icon_feature2,

    .about-wrap .section_about .feature .icon_feature1{

        background-size: 30px auto;

    }

}

@media (max-width: 1380px) {

    .section_about .feature p, .section_about .feature h2{

        padding-left: 39px;

    }

    .about-wrap .section_about .feature .icon_feature2,

    .about-wrap .section_about .feature .icon_feature1{

        background-size: 25px auto;

    }

    

}



@media (max-width: 1200px) {

    .section_1 {

        background-size: contain;

    }

    .section_culture .swiper-button-container .swiper-button-next{

        right: 1rem;

    }

    .section_culture .swiper-button-container .swiper-button-prev{

        left: 1rem;

    }

}



@media (max-width: 1130px) {

    .section_honor .swiper-button-prev,

    .section_honor .swiper-button-next{

        display: none;

    }

    .section_honor .swiper-pagination{

        display: block;

        margin-top: 1rem;

    }

    .section_honor .swiper-slide .honor-item p{

        padding-top: 1rem;

    }

}



@media (max-width:1024px) {

    .section_about .feature p, .section_about .feature h2{

        padding-left: 32px;

    }

    .about-wrap .section_about .feature .icon_feature2,

    .about-wrap .section_about .feature .icon_feature1{

        background-size: 20px auto;

    }

    

    .about-wrap .section_1{

        margin-top: 0;

        padding-top: 1.5rem;

    }

    .about-wrap .sub_link_wrap{

        top: 60px;

    }

   

}



@media (max-width: 991px) {

    .section_culture .text-box p {

        font-size: var(--font-size24);

    }



    .section_culture .text-box h3 {

        font-size: var(--font-size18);

        ;

    }



    .section_culture .text-box {

        padding-left: 2rem;

        padding-right: 2rem;

    }



    .section_1 .col {

        flex: 0 0 auto;

    }



    .about-wrap .section_1 .col-right {

        margin-top: 1rem;





    }



    .about-wrap .col-right p+p {

        margin-top: 10px;

    }



    

    .section_history .swiper-slide .date {

        font-size: 20px;

        margin-bottom: 1rem;

    }



    .section_history .swiper-slide .date p {

        height: 28px;

    }

    .section_history .swiper-slide .date i{

        width: 28px;

        height: 28px;

        margin-top: 12px;

    }

    .section_history .swiper-slide .date i::after{

        width: 12px;

        height: 12px;

    }

    .section_history .line{

        height: 1px;

        top: 69px;

    }



    .section_history .swiper-slide .date{

        padding: 1rem;

    }

    .section_history .his-con .his-items{

        padding: 1rem;

    }

    .section_history .his-con .date{

        margin-left: 1rem;

        margin-right: 1rem;

    }

    .section_history .his-item-right .circle{

        width: 10px;

        height: 10px;

        left: -4px;

    }

    .section_history .his-item{

        line-height: 1.6;

    }

    .section_history{

        padding-bottom: .2rem;



    }

    .about-wrap .feature-top p{

        font-size: var(--font-size20);

    }

}



@media (max-width: 767px) {

    .sub_link.container a {

        padding-left: 5px;

        padding-right: 5px;

    }

    .section_history .swiper-slide{

        width: 280px;

    }

}

@media (max-width: 575px) {
 
    .sub_link a.btn-skew span, .btn-skew span{
        font-size: 13px;

    }
    .section_culture .swiper-culture .swiper-slide {

        width: 80%;

    }



    .about-wrap .col-right p+p {

        margin-top: 6px;

        line-height: 1.6;

    }



    .section_honor .swiper-slide .img-box img {

        max-width: 80%;

    }

    .section_about .feature p, .section_about .feature h2{

        padding-left: 22px;

    }

    .about-wrap .section_about .feature .icon_feature2,

    .about-wrap .section_about .feature .icon_feature1{

        background-size: 16px auto;

        background-position: left center;



    }



    .section_culture .text-box p{

        font-size: var(--font-size18);

    }

}