
.about-global {background:#121416;padding:100px 0;max-width:1920px;margin:0 auto}

.about-global .main-href {margin-top:40px;}
.about-global .main-href a {display:inline-block;padding:15px 30px;font-family:var(--font-family);background:var(--color-primary);border:1px solid var(--color-primary);color:#fff;font-size:15px;letter-spacing:1px;border-radius:var(--button-radius);}
.about-global .main-href a:hover {background:none;color:var(--color-primary);}
.about-global .main-href a i {margin-left:10px;font-size:12px;}

.about-global .title h1,.about-global .title p,.about-global .title h3 {color:#fff;}
.about-global .title {width:95%;margin:0 auto;text-align:center;}
.about-global .title h3 {font-size:40px;color:var(--color-primary)}
.about-global .title b {display:block;margin-bottom:8px;font-weight:600;color:var(--color-primary);font-size:17px;font-family:var(--font-family);letter-spacing:0;}
.about-global .title p {margin-top:20px;}

.about-mcon {position:relative;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;flex-wrap:wrap;}
.about-maps {position:relative;width:100%;}
.about-maps img {width:100%;}

.about-num h3 {position:relative;z-index:1;margin-top:30px;font-size:24px;color:var(--color-primary);line-height:46px;letter-spacing:1px;text-align:center;}
.about-num .main-href {margin-top:40px;text-align:left;}
.about-num::before {content:"";position:absolute;left:10px;top:0;font-size:166px;color:#121416;text-shadow:-1px -1px 0 #565757,1px -1px 0 #565757,-1px 1px 0 #565757,1px 1px 0 #565757;z-index:0;font-family:var(--font-family);line-height:124px;}

.about-num {position:absolute;top:50px;left:50%;width:50%;transform:translateX(-50%);}

.about-num .swiper-slide {display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;background:rgb(255 255 255 / 20%);}
.about-num .swiper-slide span {font-size:30px;font-weight:bold;color:var(--color-primary)}
.about-num .swiper-slide p {margin-top:10px;color:#fff;text-align:center;}
.about-num .swiper-slide p em {padding-left:10px;color:var(--color-primary);font-weight:bold;}
.goods-send {width:70%;margin:25px auto 0;position:relative;}
.goods-send .wpb {display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;}
.goods-send .crmFormVali-error {display:block;right:80px;}
.goods-send input {width:100%;height:40px;padding-left:10px;font-size:17px;color:#fff;font-family:var(--font-family);border:1px solid #ccc;border-radius:20px;background:none;outline:none;}
.goods-send input::placeholder {color:#f2f2f2;}
.goods-send button {position:absolute;top:-2px;right:40px;width:10%;height:40px;font-size:30px;color:var(--color-primary);background:0 0;text-align:right;outline:none;}


@media screen and (max-width:1680px) {
.about-maps {width:90%;margin:0 auto;}

}

@media screen and (max-width:1550px) {
.about-global .title h3 {font-size:34px;}
.about-get p {font-size:28px;}
.about-num{width:60%;}
.about-maps {width:80%;}
.about-num h3 {font-size:27px;}
}

@media screen and (max-width:1400px) {
.about-maps {height:100%;}
.about-num::before {font-size:130px;}
.about-global .title h1,.about-global .title h1 a,.about-global .title h3,.about-global .title h3 a {font-size:32px;}
}

@media screen and (max-width:1280px) {
.about-global{padding:60px 0;}
.about-global .main-href a {padding:15px 26px;}
.about-num{width:80%;}
        .about-global p {        font-size: 15px;
        text-wrap: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;}
}

@media screen and (max-width:991px) {
.about-global .main-href a {font-size:14px;}
.about-global .title h1,.about-global .title h1 a,.about-global .title h3,.about-global .title h3 a {font-size:30px;}
.about-global p {        font-size: 15px;
        text-wrap: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;}
.about-maps,.about-num {width:100%;text-align:center;}
.about-num {margin-top:20px;}
.about-num::before {left:calc(50% + 25px);transform:translateX(-50%);}
.about-num .main-href {text-align:center;}
}

@media screen and (max-width:768px) {
.about-global{padding:30px 0;}
.about-maps{display:none;}
.about-num{position:static;width:100%;transform:none;}
.about-num .swiper-slide p{line-height:20px;height:40px;overflow:hidden;}
.about-num h3{margin-top:25px;font-size:22px;line-height:1.2;letter-spacing:0;}
.goods-send{width:80%;margin:25px auto 0;}


}

@media screen and (max-width:480px) {
.about-num h3 {font-size:20px;margin-top:20px;}
.about-num .swiper-slide p {display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
}
