.ab_fill {width: 100%;height:calc(80px + 3.75rem);}

@media  screen and (max-width: 1000px){
    .ab_fill {display: none;}
}


.part_2 {position: relative;background: #fff;padding: 1rem 0;overflow: hidden;}
.part_2 .cont {display: flex;justify-content: space-between;align-items: center;padding: 5rem 0;}
.part_2 .title{margin-bottom: 2rem;}
.part_2 .tt{ padding-bottom: 1rem;border-bottom:1px solid #c7c7c7;position: relative;}
.part_2 .tt .cn{ font-size: 2rem; color: #404040; font-weight: bold;}
.part_2 .company {width:50%;}
.part_2 .company .intro{ color: #767676; line-height: 2rem;text-indent: 2rem;text-align: justify;}
.part_2 .company .intro p {font-size:1rem;}
.part_2 .company img{ width: 100%;}
.part_2 .video {width:50%;padding-left: 2%;}

@media  screen and (max-width: 1000px){
    .part_2 .cont {display: block;padding:2rem 0;}
    .part_2 .company {width:100%;margin-bottom: 2rem;}
    .part_2 .video {width:100%;padding: 0;}
}

.part_2 .thought{
    width:100%;
    overflow: hidden;
    font-size: 3rem;
    white-space: nowrap;
    display: flex;
    padding: 1rem 0;
    font-family: EUROSTILE-BOLDEXTENDEDTWO;
}
.part_2 .thought.pfu{
    z-index: 1;
}
.part_2 .thought .text01{
    animation: loop 30s linear infinite;

}
.part_2 .thought .text02{
    animation: loop 30s linear infinite;
}
.part_2  .thought .text01 span,.part_2 .thought .text02 span {
    text-transform: uppercase;
    color: transparent;
    -webkit-text-stroke-color: var(--comcolor);
    -webkit-text-stroke-width: 1px;
    position: relative;
    z-index: 1;
    opacity: .5;
}
.part_2 .thought.pfu .text01 span,.part_2 .thought.pfu .text02 span {
    color: rgba(26, 26, 26, 0);
    text-shadow: none;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
    font-weight: 700;
}
@keyframes loop {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
    to {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}



.about_title {
    position: relative;
    padding-top: 3rem;
    padding-bottom: 2rem;
}
.about_title .cn{
    font-size: 2.5rem;
    color: var(--comcolor);
    font-weight: bold;
    position: relative;
    z-index: 2;
    margin-bottom: 1rem;
}
.about_title .cn2{
    font-size: 1rem;
    color: #454545;
    position: relative;
    z-index: 2;
}
.about_title .en{
    font-size: 4rem;
    color: rgba(0, 88, 167, 0.1);
    line-height: 8rem;
    text-transform: uppercase;
    white-space: nowrap;
    position: absolute;
    left: -2rem;
    top: 0;
    z-index: 1;
    font-family: "Swis721BlkCnBT";
    width: 100%;
}

@media  screen and (max-width: 1000px){
    .about_title {
        padding: 0;
    }
    .about_title .cn{
        font-size: 2rem;
        margin-bottom: 0;
    }
    .about_title .en{
        font-size: 3rem;
        position: relative;
        left:0;
        line-height: normal;
    }
}






.ab_history {width:100%;position: relative;background:url(../images/h/bg.jpg);overflow: hidden;padding-top: 3rem;overflow: hidden;}
.ab_history .about_title .en {color:#ef820047}
.ab_history .about_title .cn {color:#fff;}
.ab_history .about_title .cn2 {color:#fff;}
.ab_history .history_swiper .swiper-slide {height:25rem;display: flex;padding:0 1rem;}
.ab_history .history_swiper .xian {
    width: 2px;
    height: 100%;
    background-color: var(--subcolor);
    display: inline-block;
    margin-right: 1rem;
    position: relative;
}
.ab_history .history_swiper .xian:before {
    content: "";
    width: 1rem;
    height: 1rem;
    display: block;
    position: absolute;
    top: 0;
    left: calc(-0.5rem + 1px);
    border-radius: 50%;
    background-color: var(--subcolor)
}
.ab_history .history_swiper .event {flex:1;}
.ab_history .history_swiper .year {font-size: 1.5rem;margin: 0.5rem 0 1rem 0;font-weight: bold;color:#fff;}
.ab_history .history_swiper .desc {height:15rem;overflow: auto;color:#fff;font-size: 1rem;line-height: 2rem;}

.ab_history .navigation {
    position: relative;
    margin-top: 2rem;
    height: 10rem;
}
.ab_history .navigation .prev,.ab_history .navigation .next {position:absolute;width:2.5rem;height:2.5rem;z-index:7;border-radius: 50%;
    border: 1px solid var(--subcolor);cursor: pointer;display: flex;align-items: center;justify-content: center;}
.ab_history .navigation .prev{left:0;}
.ab_history .navigation .next{right:0;}
.ab_history .navigation .prev .iconfont{color:var(--subcolor);font-size: 1rem;transform: rotate(180deg)}
.ab_history .navigation .next .iconfont{color:var(--subcolor);font-size: 1rem;}
.ab_history .navigation .prev:hover,.ab_history .navigation .next:hover {background: var(--subcolor)}
.ab_history .navigation .prev:hover .iconfont,.ab_history .navigation .next:hover .iconfont{color: #fff}

.history_bottom {position:relative;width: 100%;z-index:3;margin-top: -8rem;}

@media  screen and (min-width: 768px){
    .history_bottom img {display: block;object-fit: cover;max-width: none;height:inherit;}

}
@media  screen and (max-width: 768px){
    .history_bottom img {height:6rem;display: block;object-fit: cover;}
}




.ab_wenhua {width:100%;background:#fff;position: relative;padding:3rem 0;}

.ab_wenhua ul li {position: relative;border-radius: 1rem;}
.ab_wenhua ul li img{width:100%;height:100%;border-radius: 5px;max-width: fit-content;object-fit: cover;display: block;}
.ab_wenhua ul li .box{position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;display: flex;justify-content: center;z-index: 3}
.ab_wenhua ul li .tit {
    z-index: 2;color:#fff;font-size: 1.5rem;font-weight: 600;transition: 0.5s;
    writing-mode: vertical-rl;letter-spacing: 5px;
    display: flex;align-items: center;justify-content: center;
}
.ab_wenhua ul li .desc {visibility: hidden;color:#fff;transition: 0.5s;border-left: 1px solid #9e9e9e9e;padding-left: 3rem;display: none;}
.ab_wenhua ul li .desc p {
    font-size: 1rem;
    writing-mode: vertical-rl; /* 文字竖向排列（从右到左） */
    text-orientation: upright; /* 保持文字正立 */
    letter-spacing: 5px; /* 可选：调整字间距 */
    padding: 0.6rem; /* 可选：增加内边距 */
}
.ab_wenhua ul li::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 2;
}

@media  screen and (min-width: 1000px){
    .ab_wenhua ul {display: flex;height: 35rem;}
    .ab_wenhua ul li {width:23.5%;margin-right: 2%;position: relative;height:100%;overflow: hidden;transition: 0.5s;background: #6565652b;}
    .ab_wenhua ul li:last-child {margin-right: 0;}

    .ab_wenhua ul li.act {width:100%;}
    .ab_wenhua ul li.act .tit {font-size: 1.8rem;margin-right: 3rem;}
    .ab_wenhua ul li.act .desc {display: flex;visibility:visible;}
    .ab_wenhua ul li.act::before {
        background: rgba(0, 0, 0, 0.5);
    }
}
@media  screen and (max-width: 1000px){
    .ab_wenhua ul li .box {display: block;}
    .ab_wenhua ul li .tit {display: block;writing-mode:horizontal-tb;text-align: center;margin-bottom: 2rem;}
    .ab_wenhua ul li::before {
        background: rgba(0, 0, 0, 0.5);
    }
    .ab_wenhua ul li .desc {display: block;visibility:visible;padding-left: 0;}
    .ab_wenhua ul li .desc p {
        font-size: 0.9rem;
        writing-mode:horizontal-tb;
        text-align: center;
    }
}




.ab_schj {
    position: relative;
    width:100%;
    padding:3rem 0;
    background: #fff;
    z-index: 9;
    overflow: hidden;
}
.ab_schj .cont{
    margin-top: 1rem;
    position: relative;
    width:100%;
    height:90vh;
}
.ab_schj .schj_swiper1 {
    width: 100%;
    height:100%;
}
.ab_schj .schj_swiper1 .img {
    width:100%;
    height:100%;
    object-fit: cover;
}
.ab_schj .schj_swiper2 {
    width:22rem;
    height:100%;
    position: absolute;
    top:0;
    right:5%;
    transform: translateX(-50%);
    z-index: 99;
    background-color: hsla(0,0%,100%,.5);
    padding: 0 2rem;
    overflow: hidden;
}

.ab_schj .schj_swiper2 .swiper-slide {
    width:18rem;
    height: auto;
    cursor: pointer;
    position: relative
}
.ab_schj .schj_swiper2 .more {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%,-50%);
    width: 100%;
    color: #fff;
    text-align: center;
    opacity: 0;
    transition: opacity .3s,visibility .3s
}
.ab_schj .schj_swiper2 .more {
    display: block;
    width: 6rem;
    height:2rem;
    line-height: 2rem;
    color: #fff;
    background-color: #df5b11;
    font-size: 0.8rem;
}
.ab_schj .schj_swiper2 .swiper-slide:hover  .more {
    opacity: .9
}

@media screen and (max-width: 1000px) {
    .ab_schj {padding:1rem 0;}
    .ab_schj .cont{
        height:auto;
    }
    .ab_schj .schj_swiper2 {
        display: none;
    }
}





.ab_partner {position: relative;background:url(../images/hzhb_bg.jpg);background-size:cover;background-position:center center;padding: 3rem 0;width:100%;}
.ab_partner .about_title .en {color:#ef820047}
.ab_partner .about_title .cn {color:#fff;}
.ab_partner .about_title .cn2 {color:#fff;}
.ab_partner .cont {display: flex;justify-content: space-between;}
.ab_partner .left {width:48%;height: fit-content;
    position: sticky;
    top: 12rem;}
.ab_partner .left .desc {margin-bottom: 2rem;font-size: 1rem;line-height: 2rem;color:#fff;}
.ab_partner .right {width:48%;margin-top:10rem;}
.ab_partner .right .desc {margin-bottom: 4rem;}
.ab_partner .right .desc p{font-size: 2.5rem;line-height: 5rem;font-weight: bold;color:#fff;}
.ab_partner .right .hangye {margin-bottom: 2rem;padding-bottom:2rem;border-bottom: 1px solid #5b5b5b;}
.ab_partner .right .hangye .tit {display: flex;align-items: center;margin-bottom: 2rem;}
.ab_partner .right .hangye .tit h3 {font-size: 1.5rem;color:#fff;margin-left: 1rem;transition: text-shadow 0.3s ease;}
.ab_partner .right .hangye:hover .tit h3 {
    text-shadow: 0 0 1rem var(--subcolor);
}
.ab_partner .right .hangye .tit img {width:2.5rem;}
.ab_partner .right .hangye .link {width:100%;display: flex;justify-content: space-between;align-items: center;margin-bottom: 2rem;}
.ab_partner .right .hangye .link p {color:#fff;}
.ab_partner .right .hangye .link a {width:3rem;height: 3rem;border-radius:2.5rem;border: 1px solid #fff;display: flex;align-items: center;justify-content: center;}
.ab_partner .right .hangye a i {font-size: 2rem;color:#fff;}
.ab_partner .right .hangye .partner_swiper {
    width:100%;overflow: hidden;
}
.ab_partner .right .hangye .partner_swiper .swiper-wrapper{
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
}


@media  screen and (max-width: 1000px){
    .ab_partner {padding:2rem 0;}
    .ab_partner .cont {display: block;}
    .ab_partner .left {width:100%;position: relative;top:0;}
    .ab_partner .right {width:100%;margin-top:2rem;}
    .ab_partner .right .desc p {font-size: 1.8rem;line-height: 3rem;}
    .ab_partner .right .hangye .tit {margin-bottom: 1rem;}
    .ab_partner .right .hangye .tit img {width:2rem;}
    .ab_partner .right .hangye .tit h3 {font-size: 1.2rem;}
    .ab_partner .right .hangye .link a {width:2.2rem;height: 2.2rem;}
    .ab_partner .right .hangye a i {font-size: 1.5rem;}
}


.ab_distribution .about_title .en {color:#ef820047}
.ab_distribution .about_title .cn {color:#fff;}
.ab_distribution .about_title .cn2 {color:#fff;}
.ab_distribution {position: relative;background: #fff;padding: 1rem 0 2rem;width:100%;overflow: hidden;background: url(../images/ab_di.jpg?1.01)}
.ab_distribution .map {
    position: relative;
    display: inline-block;
    left: 50%;
    transform: translateX(-50%);
}
.ab_distribution .map>img{
    display: block;
}

.region{position:absolute;}

.region .area .dot{position:absolute;left:0;width:0.6rem;height:0.6rem;border-radius:50%;background:#a2a9b4;opacity:1;filter:alpha(opacity=100)}
.region .area .pulse{
    position:absolute;
    top:-1.45rem;left:-1.45rem;
    height:3.5rem;width:3.5rem;
    border:2px solid #b7b7b7;
    border-radius:3rem;
    box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;opacity:.12;filter:alpha(opacity=0);
    animation:warn 2s ease-out both;
    animation-iteration-count:infinite;background:0 0}
.region .area .delay-1{animation-delay:-.4s}
.region .area .delay-2{animation-delay:-.8s}
.region .area .delay-3{animation-delay:-1.2s}
.region.blue .area .dot{background:#009fd9}
.region.blue .area .pulse{border-color:#009fd9;box-shadow:0 0 12px #0080d9,0 0 20px #0080d9 inset}
.region.yellow .area .dot{background:#de8858}
.region.yellow .area .pulse{border-color: #de8858;box-shadow:0 0 12px #f36d23,0 0 20px #f36d23 inset}

.region .name{position:absolute;top:-0.3rem;left:1rem;color:#ccc;font-size: 0.8rem;white-space: nowrap;}

.region.pos1 {right: 17%; top: 57%;}
.region.pos2 {right: 14%; top: 66%;}
.region.pos3 {right: 17%; top: 78%;}
.region.pos4 {right: 23%; top: 70%;}
.region.pos5 {right: 26%; top: 86%;}
.region.pos5 .name{top:1.2rem;left:-3.5rem;}
.region.pos6 {right: 38%; top: 86%;}
.region.pos7 {right: 30%; top: 72%;}
.region.pos8 {right: 28%; top: 64%;}
.region.pos9 {right: 21%; top: 60%;}
.region.pos10 {left: 50%; top: 81%;}
.region.pos11 {right: 28%; top: 42%;}
.region.pos12 {right: 29%; top: 55%;}
.region.pos13 {right: 23%; top: 47%;}
.region.pos14 {right: 14%; top: 31%;}
.region.pos15 {left: 24%; top: 25%;}
.region.pos16 {left: 59%; top: 79%;}
.region.pos17 {left: 60%; top: 67%;}
.region.pos18 {left: 52%; top: 65%;}
.region.pos19 {left: 57%; top: 45%;}
.region.pos20 {left: 62%; top: 55%;}


.ab_distribution .text {display: none;}

@keyframes warn{
    0%{transform:scale(0);opacity:1}
    100%{transform:scale(1);opacity:0}
}

@media  screen and (max-width: 1000px){
    .ab_distribution {padding-top: 3rem;}
    .ab_distribution .text {display: block;color:#c7c7c7;}
    .region .name {display:none;}
}