.view_more {
    width: 10rem;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    background: var(--comcolor);
    color:#fff;
}
.view_more a{
    color:#fff;
}


.ab1 {width:100%;padding:12rem 0 5rem;background-image: url('../images/company.jpg');background-size: cover;position: relative;overflow: hidden; }
.ab1 .title {margin-bottom: 8rem;}
.ab1 .title .en { font-size: 3.5rem;font-weight: 800;color:var(--comcolor);}
.ab1 .title .line {
    width: 20rem;
    height: 3px;
    position: relative;
    margin: 0.6rem 0;
    background: #d5d4d4;
}
.ab1 .title .line::before {
    content: '';
    width: 30%;
    height: 3px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background: var(--comcolor);
}
.ab1 .box1 { padding:2rem;background: #fff;display: flex;justify-content: space-between;align-items: center;}
.ab1 .box1 .left {width: 25%;}
.ab1 .box1 .left .tit {text-align: center;font-size: 2rem;color: #9b9b9b;}
.ab1 .box1 .right {width: 70%;font-size: 1rem;line-height: 2rem;}

@media  screen and (max-width: 1000px){
    .ab1 { padding:3rem 0;}
    .ab1 .title .en { font-size: 2.5rem; }
    .ab1 .title { position: relative;top:0;left: 0; transform: translateX(0);margin-bottom: 2rem;}
    .ab1 .box1 {position: relative;top:0;left: 0; transform: translateX(0);display: block;padding:1rem;background: #ffffffc2;}
    .ab1 .box1 .left {width: 100%;margin-bottom: 1rem;}
    .ab1 .box1 .right {width: 100%;}
}



.ab_technology {width: 100%; height:100vh;position: relative;overflow: hidden; }
.ab_technology .list { position: absolute;bottom:5%; left:50%;transform: translateX(-50%);display: flex;z-index: 9;}
.ab_technology .list .item {width:18rem;padding:1rem;background: #e7e7e7;}
.ab_technology .list .item.cur { background: var(--comcolor); }
.ab_technology .list .tit {font-size: 1rem;}
.ab_technology .list .item.cur .tit { color: #fff; }
.ab_technology .list .line{position: relative;height: 2px;width: 100%;margin: 1rem 0;background: #cbcbcb;}
.ab_technology .list .line::before {content: '';width: 0;height: 2px;position: absolute;left: 0;top: 0;z-index: 11;transition:all .4s ease;background: #fff;}
.ab_technology .list .item.cur .line::before {width: 30%;}

.ab_technology .technology_swiper {height:100vh;}
.ab_technology .swiper-slide img {width: 100%;height:100%;object-fit: cover;}
.ab_technology .swiper-slide .text { position: absolute;top:30%;left:50%;transform: translateX(-50%);}

.ab_technology .swiper-slide .text h3 { font-size:3rem;font-weight: 800;margin-bottom: 1rem;color:#fff;}
.ab_technology .swiper-slide .text .intro { font-size: 1.6rem;line-height:3rem; color:#fff;}
.ab_technology .swiper-slide .text .view_more {
    margin: 2rem 0;
}

@media  screen and (max-width: 1000px){
    .ab_technology {height:85vh;}
    .ab_technology .technology_swiper {height:100%;}
    .ab_technology .list { flex-wrap: wrap;}
    .ab_technology .list .item { width: 50%;}
    .ab_technology .swiper-slide .text { top:10%;}
    .ab_technology .swiper-slide .text h3 { font-size:2rem;}
    .ab_technology .swiper-slide .text .intro { font-size: 1rem;line-height:2rem;}
}




.ab_history {width:100%;padding:6rem 0;background-image: url('../images/history.jpg');background-size: cover;position: relative;overflow: hidden; }
.ab_history .title { margin-bottom: 5rem;}
.ab_history .title .name { font-size: 3.5rem;font-weight: 800;color:var(--comcolor);}
.ab_history .title .line {
    width: 20rem;
    height: 3px;
    position: relative;
    margin: 0.6rem 0;
    background: #d5d4d4;
}
.ab_history .title .line::before {
    content: '';
    width: 30%;
    height: 3px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background: var(--comcolor);
}

.ab_history .list-top { margin-bottom: 5rem;min-height: 20rem;overflow: hidden;}
.ab_history .list-top .data { font-size: 3.5rem;color:#fff;margin-bottom: 2rem;}
.ab_history .list-top .text { font-size: 1.5rem;color:#fff;}

.ab_history .list-bottom .swiper-slide { text-align: center;padding-top: 3rem;}
.ab_history .list-bottom .swiper-slide:after {
    content: '';
    position: absolute;
    left:0;
    width: 100%;
    height:1px;
    background: #9f9f9f;
    top:3.7rem;
}
.ab_history .list-bottom .data { font-size: 1.5rem;color:#fff;margin-bottom: 2rem;}
.ab_history .list-bottom .point {margin-bottom: 3rem;position: relative;font-size: 1.5rem;color:#fff;z-index: 9;}
.ab_history .list-bottom .point i{display: block;margin: auto;width: 1.5rem;height: 1.5rem;border-radius: 100%;background: #a9a9a9;border: 0.3rem solid #e0e0e0;}
.ab_history .list-bottom .point::after {content: '';width: 4rem;height: 4rem;border-radius: 100%;border: 1px solid #fff;position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%);box-sizing: border-box;display: none;}
.ab_history .list-bottom .swiper-slide-thumb-active .point::after{display: block;}
.ab_history .list-bottom .swiper-slide-thumb-active .point i{background: #229093;border: 0.3rem solid #fff;}

@media  screen and (max-width: 1000px){
    .ab_history .title .name { font-size: 2.5rem;}
}


.ab_business {width:100%;padding:10rem 0;background:#000;position: relative;overflow: hidden; }
.ab_business .title { margin-bottom: 10rem;}
.ab_business .title .name { font-size: 3.5rem;font-weight: 800;color:var(--comcolor);}
.ab_business .title .line {
    width: 20rem;
    height: 3px;
    position: relative;
    margin: 0.6rem 0;
    background: #d5d4d4;
}
.ab_business .title .line::before {
    content: '';
    width: 30%;
    height: 3px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background: var(--comcolor);
}
.ab_business .title .text { font-size: 1.5rem;font-weight: 800;color:#fff;}
.ab_business .list { margin: 0 auto }
.ab_business .list .pics { position: relative; overflow: hidden; padding: 0; margin: 0;}
.ab_business .list .bd ul {
    overflow: hidden;
}
.ab_business .list ul li {
    width: 32%;
    margin-right: 2rem;
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
}
.ab_business .list .bd ul li img {
    width: 100%;
    display: block;
}

.ab_business .map { position: absolute;right:10%;bottom:0;}



@media  screen and (max-width: 1000px){
    .ab_business {padding:5rem 0;}
    .ab_business .title .name { font-size: 2.5rem;}
    .ab_business .list ul li {
        width: 48%;
    }
}




.ab_environment {width:100%;padding:10rem 0;background:#4f4f4f;position: relative;overflow: hidden; }
.ab_environment .title { margin-bottom: 3rem;}
.ab_environment .title .name { font-size: 3.5rem;font-weight: 800;color:var(--comcolor);}
.ab_environment .title .line {
    width: 20rem;
    height: 3px;
    position: relative;
    margin: 0.6rem 0 1rem;
    background: #d5d4d4;

}
.ab_environment .title .line::before {
    content: '';
    width: 30%;
    height: 3px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background: var(--comcolor);
}

@media  screen and (max-width: 1000px){
    .ab_environment {padding:3rem 0;}
    .ab_environment .title .name { font-size: 2.5rem;}
}