html {
    scroll-padding-top: 120px;
    scroll-behavior: smooth;
}


.ab_top_box {position: relative;z-index: 9}
.ab_nav_box{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);background-image: linear-gradient(rgba(255,255,255,0.8), #ffffff);
    width: 60%;height:8vh;transition:all 0.5s;
}
.ab_nav_box.on{position: fixed;top: 50px;width: 100%;height:calc(28px + 2vw);background-color:#fff;border-bottom:1px solid rgba(0,0,0,0.08);}
.ab_nav {position: relative;display: flex;height:100%;}
.ab_nav li{width: 100%;text-align: center;height:100%;line-height: 28px;font-size: 16px;position: relative;transition:all 0.5s;display: flex;
    align-items: center;
    justify-content: center;}
.ab_nav li::before{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 18px;background-color: #949494;}
.ab_nav li:last-child::after{content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 18px;background-color: #949494;}
.ab_nav li a{color: #333333;}
.ab_nav li.on a{color: #b71d25;}
.ab_nav li:hover a{color: #b71d25;}
.ab_nav li i{
    position: absolute;
    width: 0;
    height: 3px;
    bottom: 0;
    left:15%;
    background: #b71d25;
    transition: 0.5s;
}
.ab_nav li.on i,.ab_nav li:hover i{
    width: 70%;
}




.ab_company {padding: 80px 0 30px;display: flex;align-items: center}
.ab_company .txt{margin-bottom: 30px;}
.ab_company .tt{ padding-bottom: 20px;margin-bottom:30px;border-bottom:1px solid #ffd3d3;}
.ab_company .tt p{ font-size: 32px; color: #b71d25;font-family: EUROSTILE-BOLDEXTENDEDTWO;text-transform: uppercase;}
.ab_company .tt p b{ color: #3d75c0;font-weight: 700;}
.ab_company .tt h3{ font-size: 35px; color: #272727; font-weight: bold; margin-bottom: 20px;}
.ab_company .con{ color: #767676; line-height: 30px;text-indent: 30px;text-align: justify;}
.ab_company .con p {font-size:15px;}
.ab_company img{ width: 100%;}



.ab_history{width:100%;height:90vh;position: relative; background: url(../images/history_bg.jpg);background-size: 100% 100%;}

.ab_history .arrow_box{ position: absolute;bottom:0;left:0;display: flex;z-index: 2;}
.ab_history .history_prev{border-radius:50%; cursor:pointer; width: 50px; height: 50px; background: url(../images/history_left_on.png) center no-repeat; background-size: contain !important; margin-right: .75rem;}
.ab_history .history_next{border-radius:50%; cursor:pointer; width: 50px; height: 50px; background: url(../images/history_right_on.png) center no-repeat; background-size: contain !important;}
.ab_history .history_prev:hover{ background: url(../images/history_left.png) center no-repeat; }
.ab_history .history_next:hover{ background: url(../images/history_right.png) center no-repeat; }

.history_line {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index:1
}
.history_line_mask{z-index:2; display: block; width:100%; height: 100%; position: absolute; left: 0; top: 0; background: #eff2f7;transition: all 2s ease-out;}
.history_line_mask{opacity:1;-webkit-transition-property:all;transition-property:all; left: 0;}


.history_box {
    width:100%;
    height: 60vh;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    cursor: pointer;
}
.history_swiper {
    width: 100%;
    height:100%;
    overflow: hidden;
}
.history_swiper .swiper-slide {
    padding-left: 50px;
}
.history_swiper .swiper-slide:nth-child(even) .item{
    position: absolute;
    bottom: 0;
}
.history_swiper .swiper-slide:nth-child(odd) i:before {
    content: '';
    position: absolute;
    left: 11.25px;
    top: 21px;
    z-index: 0;
    width: 2px;
    height: 30vh;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#b71d25), to(rgba(243, 151, 0, 0)));
    background-image: linear-gradient(to bottom, #b71d25, rgba(243, 151, 0, 0));
}
.history_swiper .swiper-slide:nth-child(odd) i:after {
    content: '';
    position: absolute;
    left: 5px;
    top: 6px;
    width:15px;
    height:15px;
    border-radius: 50%;
    border: 2px solid #b71d25;
}

.history_swiper .swiper-slide:nth-child(even) i:before {
    content: '';
    position: absolute;
    left: 11.25px;
    bottom: 21px;
    z-index: 0;
    width: 2px;
    height: 30vh;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#b71d25), to(rgba(243, 151, 0, 0)));
    background-image: linear-gradient(to top, #b71d25, rgba(243, 151, 0, 0));
}
.history_swiper .swiper-slide:nth-child(even) i:after {
    content: '';
    position: absolute;
    left: 5px;
    bottom: 6px;
    width:15px;
    height:15px;
    border-radius: 50%;
    border: 2px solid #b71d25;
}

.history_swiper .swiper-slide .year {
    padding-top: 20px;
    font-size: 30px;
    color:#b71d25;
    margin-bottom: 20px;
}
.history_swiper .swiper-slide .desc {
    font-size: 16px;
    color:#fff;
    line-height: 32px;
}











.ab_honor {position: relative;width: 100%;height: 100vh;overflow: hidden;}

.ab_honor .img {background: #4e4e4e;}

.honor_list_box  {position: absolute;width:70%;overflow: hidden;right:5%;bottom:15%;z-index: 2;text-align: center;}
.honor_swiper {position: relative;overflow: visible;}
.honor_swiper .swiper-slide::after {content: '';width: 388px;height: 214px;position: absolute;left:0px;top: 97%;background: url('../images/honordb.png') left top no-repeat;}
.honor_swiper .item {position: relative;width: 90%;margin-left: 1%;}
.honor_swiper .item a {display: block;overflow: hidden;}
.honor_swiper .item .pic{overflow: hidden;font-size: 0;position: relative;}
.honor_swiper .item .pic img {display: inline-block;max-width: 90%;max-height: 300px;}
.honor_swiper .swiper-slide:nth-child(odd) .item {margin-top: 70%;}

.ab_honor .swiper-slide {
    height: 100% !important;
}

.ab_honor  .img {
    width:100%;
    height:100%;
}

.ab_honor .title {bottom: 0;position: absolute;left: 0;z-index: 2;width: auto;color: #fff;}
.ab_honor .title .tit_line{width: 100%;height: 3px;position: relative;margin:10px 0;background: #fff;}
.ab_honor .title .tit_cn{font-size: 40px;line-height: 80px;}
.ab_honor .tit_btn {width: 100%;margin-top:10%;}
.ab_honor .tit_btn a{display: block;border: 1px solid #b71d25;color: #fff;text-align: center;padding:8px 6px;overflow: hidden;background: #b71d25;opacity: 1;font-size:16px;}
.ab_honor .title .tit_line::before {
    background: #b71d25;
    content: '';
    width: 30%;
    height: 3px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}







.ab_environment {position: relative;width: 100%;overflow: hidden;}
.ab_environment .title {bottom: 0;position: absolute;left: 5%;z-index: 2;width: auto;color: #fff;padding:20px 50px;background: rgba(0,0,0,.3)}
.ab_environment .title .tit_line{width: 100%;height: 3px;position: relative;margin:10px 0;background: #fff;}
.ab_environment .title .tit_cn{font-size: 40px;line-height: 80px;}
.ab_environment .tit_btn {width: 100%;margin-top:10%;}
.ab_environment .tit_btn a{display: block;border: 1px solid #b71d25;color: #fff;text-align: center;padding:8px 6px;overflow: hidden;background: #b71d25;opacity: 1;font-size:16px;}
.ab_environment .tit_btn a:hover{}
.ab_environment .title .tit_line::before {
    background: #b71d25;
    content: '';
    width: 30%;
    height: 3px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.environment_cont{padding: 30px 0;text-align: center;}
.environment_cont .environment_box{position: relative;width: 100%;}
.environment_cont .environment_box .environment_swiper{}
.environment_cont .environment_box .environment_swiper .swiper-slide{width: 100%;opacity: 0.3;}
.environment_cont .environment_box .environment_swiper .swiper-slide-active{opacity: 1;}
.environment_cont .environment_box .btbox{position: absolute;width: 100%;top: 50%;left: 0;z-index: 3;}
.environment_cont .environment_box .btbox .btn{transition: all .5s;width: 80px;height: 50px;background: #000;cursor: pointer;line-height: 50px;}
.environment_cont .environment_box .btbox .btn i{display: block;width: 100%;font-size: 30px;color:#fff;}
.environment_cont .environment_box .btbox .btn.prev2{float: left;margin-left: 5%;}
.environment_cont .environment_box .btbox .btn.next2{float: right;margin-right: 5%;}
.environment_cont .environment_box .btbox .btn:hover{background: #b71d25;}
.environment_cont .environment_box .btbox *{transition: all .5s;}




.ab_culture {
    width:100%;
    height:60vh;
    margin: 50px 0;
}
.culture_left {
    width:60%;
    height:100%;
}
.culture_left li {
    float: left;
    width:33.33%;
    height:30vh;
}
.culture_left li img{
    width:100%;
    height:100%;
}
.culture_left li:nth-child(odd) {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.culture_left li:nth-child(1) {
    background: #cb1e1e;
}
.culture_left li:nth-child(3) {
    background: #636363;
}
.culture_left li:nth-child(5) {
    background: #636363;
}
.culture_left li .tit{
    font-size: 24px;
    color:#fff;
    margin-bottom: 50px;
}
.culture_left li .desc p{
    font-size: 16px;
    line-height: 32px;
    color:#fff;
}
.culture_right {
    width:40%;
    height:100%;
    background: url(../images/culture.jpg);
    background-size: 100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.culture_right .title {z-index: 2;width: 50%;color: #fff;}
.culture_right .title .tit_line{width: 100%;height: 3px;position: relative;margin:10px 0;background: #fff;}
.culture_right .title .tit_cn{font-size: 40px;line-height: 80px;}
.culture_right .title .tit_line::before {
    background: #b71d25;
    content: '';
    width: 30%;
    height: 3px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}