#ProductService .home-headline i {
    width: 10.42vw;
}

.banners {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pics_wrap .font-box {
    width: calc(100% - 7.29vw);
    height: calc(100% - 5.21vw);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

    .pics_wrap .font-box .container {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
    }

    .pics_wrap .font-box .imgbox {
        position: absolute;
        right: 0;
    }

.html5zoo-slider-0 {
    min-height: 10.42vw;
}

.html5zoo-box-0 {
    min-height: 10.42vw;
}

.html5zoo-swipe-box-0 {
    min-height: 10.42vw;
}

.html5zoo-space-0 {
    min-height: 10.42vw;
}

.html5zoo-img-box-0 {
    min-height: 10.42vw;
}

.html5zoo-img-0 {
    min-height: 10.42vw;
}

    .html5zoo-img-0 img {
        min-height: 10.42vw;
    }

.html5zoo-space-0 img {
    min-height: 10.42vw;
}

.pics_wrap .font-box .font1 {
    font-family: 微软雅黑;
    font-size: 2.24vw;
}

.pics_wrap .font-box .font2 {
    font-family: 微软雅黑;
    font-size: 0.73vw;
    line-height: 1.5;
}

.pics_wrap .font-box .font1 i {
    background-color: #fff;
    width: 100%;
    height: 0.03vw;
    display: block;
}

@media(min-width:992px) {
    .pics_wrap .font-box .imgbox img {
        max-width: 22.92vw;
    }

    .pics_wrap .font-box .font1 .title {
        font-size: 2.19vw;
        font-weight: bold;
        line-height: 1.2;
        margin: 0.52vw 0;
    }

        .pics_wrap .font-box .font1 .title .p1 {
            letter-spacing: 3.02vw;
            padding-left: 1.98vw;
        }

        .pics_wrap .font-box .font1 .title .p2 {
            letter-spacing: 1.04vw;
        }

        .pics_wrap .font-box .font1 .title .p3 {
            letter-spacing: 0.31vw;
        }

    .pics_wrap .font-box .font2 {
        font-size: 1.04vw;
        line-height: 2;
        margin: 1.04vw 0 0 1.04vw;
        letter-spacing: 2.08vw;
    }
}

@media(max-width:992px) {
    .pics_wrap .font-box .imgbox img {
        max-width: 7.81vw;
    }

    .pics_wrap .font-box .container {
        justify-content: center;
    }

    .pics_wrap .font-box .font1 .title {
        font-size: 1.67vw;
        font-weight: normal;
        line-height: 1.2;
        margin: 0.52vw 0;
    }

    .pics_wrap .font-box .font2 {
        padding-top: 0.52vw;
        font-size: 1.04vw;
    }

    .pics_wrap .font-box .font1 .title .p1 {
        letter-spacing: 0.94vw;
        padding-left: 0.47vw;
    }

    .pics_wrap .font-box .font1 .title .p2 {
        letter-spacing: 0.26vw;
    }
}

@media(max-width:468px) {
    .pics_wrap .font-box {
        position: absolute;
        top: 62%;
        left: 50%;
    }

        .pics_wrap .font-box .imgbox img {
            display: none;
        }

    .pics_wrap .font-box {
        width: 100%;
    }

        .pics_wrap .font-box .font1 .title {
            font-size: 0.73vw;
            font-weight: normal;
            line-height: 1;
            margin: 0.42vw 0;
        }

            .pics_wrap .font-box .font1 .title .p1 {
                letter-spacing: 0.42vw;
                padding-left: 0.21vw;
            }

            .pics_wrap .font-box .font1 .title .p2 {
                letter-spacing: 0.10vw;
            }

        .pics_wrap .font-box .font2 {
            padding-top: 0.31vw;
            font-size: 0.68vw;
        }

    .pics_wrap .html5zoo-nav-0 {
        display: none !important;
    }

    .pics_wrap .font-box .container {
        justify-content: center;
    }
}

.newswiper-container {
    width: 100%;
    position: relative;
    overflow: hidden;
    border: 0.05vw solid #ddd;
}

    .newswiper-container .swiper-slide {
        text-align: center;
        font-size: 0.94vw;
        background: #fff; /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

        .newswiper-container .swiper-slide .inner {
            width: 100%;
        }

        .newswiper-container .swiper-slide img {
            display: block;
            height: auto;
            width: 100%;
            margin: 0 auto;
        }

    .newswiper-container.swiper-container-horizontal > .swiper-pagination-bullets {
        bottom: 0.73vw;
    }

    .newswiper-container .swiper-pagination {
        text-align: right;
    }

    .newswiper-container .swiper-pagination-bullet {
        width: 0.52vw;
        height: 0.52vw;
        text-align: right;
        opacity: .5;
        background: #fff;
    }

    .newswiper-container .swiper-pagination-bullet-active {
        color: #fff;
        opacity: 1;
    }

    .newswiper-container .title {
        width: 100%;
        background: rgba(0, 0, 0, 0.66);
        font-size: 0.83vw;
        color: #fff;
        line-height: 3;
        text-align: left;
        padding-left: 0.52vw;
        position: absolute;
        bottom: 0;
        left: 0;
        display: block; /*内联对象需加*/
        word-break: keep-all; /* 不换行 */
        white-space: nowrap; /* 不换行 */
        overflow: hidden; /* 内容超出宽度时隐藏超出部分的内容 */
        text-overflow: ellipsis;
        padding-right: 3.54vw;
    }

.swiper-button-next, .swiper-button-prev {
    background-size: 1.04vw 1.04vw;
    background-color: rgba(225,225,225,.54);
    opacity: 0.9;
}

.newswiper-container .swiper-slide a img {
    width: 100%;
}

@media (min-width:1000px) {
    .newswiper-container .swiper-slide a img {
        height: 20.83vw;
    }
}

@media (max-width:1000px) {
    .newswiper-container {
        margin-bottom: 1.04vw;
    }
}

.aboutus-left {
    width: 100%;
}

.homecontact .title-h2 {
    color: #E1E1E1;
    font-size: 1.25vw;
    font-family: Arial;
    text-align: center;
}

.homecontact .title-h1 {
    font-size: 1.25vw;
    font-weight: bold;
    text-align: center;
}

.content-profile {
    padding-top: 3vw;
    width: 80%;
    margin: 0 auto;
}

.ctext {
    text-indent: 2em;
    line-height: 2vw;
    font-size: 1.042vw;
}

.homecontact .boxs {
    padding: 1.56vw 3vw 0 5vw;
    min-height: 20.31vw;
    background-color: #f4f4f4;
    padding-top: 4vw;
}

.companyprofile-litpic {
    margin-top: 3vw;
    text-align: center;
}

    .companyprofile-litpic img {
        width: 50vw;
        margin: 0 auto;
    }

.profile-gm {
    width: 80%;
    margin: 0 auto;
    padding-top: 2vw;
}

.profile-gm-w {
    margin: 0;
    padding: 0;
    width: 50%;
    height: 8.021vw;
    background: linear-gradient(to bottom, #1148A0 0%, #6A92D8 59%);
    float: left;
}

.profile-gm-z {
    padding: 0;
    width: 50%;
    height: 8.021vw;
    background: rgba(60,60,60,0.76);
    display: inline-block;
    float: right;
}

    .profile-gm-w .list-paddingleft-2, .profile-gm-z .list-paddingleft-2 {
        display: flex;
        color: #fff;
        justify-content: center;
        margin-top: 2.344vw;
        gap: 10vw;
    }

.gm-w-txt {
    font-size: 1.823vw;
    font-weight: bold;
}

.container-friendly {
    background: #f4f4f4;
    padding-bottom: 3.13vw;
}

    .container-friendly ul {
        display: flex;
        justify-content: center;
    }

        .container-friendly ul li {
            padding: 1.56vw;
            margin-left: 1.56vw;
            box-shadow: 0 0.52vw 0.83vw 0 rgba(0, 0, 0, 0.2), 0 0.31vw 1.04vw 0 rgba(0, 0, 0, 0.19) !important;
            font-size: 0.833vw;
        }

.home-headline {
    margin: 5.125vw 0 3.645vw 0;
}

.container-friendly .home-headline {
    margin: 3.385vw 0 3.645vw 0;
}

.homepro {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

    .homepro li {
        display: block;
        flex: 1;
        min-width: calc((100% - 0.42vw) / 2);
        max-width: calc((100% - 0.42vw) / 2);
        height: 25.579vw;
    }

        .homepro li a {
            display: block;
            margin: 0 auto;
            width: 100%;
            padding-bottom: 4vw;
            position: relative;
        }

            .homepro li a .product-detail {
                width: 32.291vw;
                margin: 0 auto;
            }

            .homepro li a h1 {
                margin: 4.166vw 0 1.645vw 0;
                font-size: 1.770vw;
            }

            .homepro li a p {
                margin-top: 1.56vw;
                font-size: 1.04vw;
                color: #817F7F;
                line-height: 1.875vw;
            }

        .homepro li:nth-child(2), .homepro li:nth-child(3), .homepro li:nth-child(6) {
            background: #ECEDEF;
        }

        .homepro li a span {
            margin-top: 2.083vw;
            width: 11.04vw;
            height: 2.71vw;
            display: block;
            border: solid 0.05vw #8C8C8C;
            border-radius: 2.60vw;
            line-height: 2.71vw;
            text-align: center;
            font-size: 1.04vw;
            color: #817F7F;
            background: url('/static/images/arrow-icon.png') no-repeat;
            background-position: 8.85vw 0.78vw;
        }

        .homepro li:nth-child(1), .homepro li:nth-child(4), .homepro li:nth-child(5) {
            background: #fff;
        }

        .homepro li:last-child a {
            width: 12.19vw;
            height: 12.19vw;
            position: relative;
            top: 50%;
            transform: translateY(-50%);
        }

            .homepro li:last-child a span {
                width: 8.333vw;
                height: 8.333vw;
                font-size: 1.458vw;
                border-radius: 8.333vw;
                background: #1148A0;
                line-height: 8.333vw;
                color: #fff;
            }

.home-headline {
    display: block;
}

#ProductService {
    display: none;
}

    #ProductService .home-headline span {
        font-size: 1.25vw;
    }

    #ProductService .home-headline h2 {
        color: #E1E1E1;
        font-size: 1.1458vw;
        font-family: Arial;
        text-align: center;
    }

.container-friendly .home-headline span {
    font-size: 1.1458vw;
}

.container-partner .home-headline h2 {
    color: #E1E1E1;
    font-size: 1.25vw;
    font-family: Arial;
    text-align: center;
}

.container-partner .home-headline span {
    font-size: 1.25vw;
}

.container-partner .home-headline h2 {
    color: #E1E1E1;
    font-size: 1.1458vw;
    font-family: Arial;
    text-align: center;
}

.container-friendly .home-headline h2 {
    color: #E1E1E1;
    font-size: 1.1458vw;
    font-family: Arial;
    text-align: center;
}

.litpic {
    position: absolute;
    z-index: -1;
    height: 25.579vw;
    width: 100%;
    top: -4.2vw;
    text-align: center;
}

    .litpic img {
        height: 25vw;
    }

.homepro li:nth-child(1) .litpic, .homepro li:nth-child(4) .litpic, .homepro li:nth-child(5) .litpic {
    background: #fff;
}

.homepro li:nth-child(2) .litpic, .homepro li:nth-child(3) .litpic, .homepro li:nth-child(6) .litpic {
    background: #ECEDEF;
}

.homepro li a:hover .litpic {
    z-index: 999;
}

.ev {
    width: 10.417vw;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.823vw;
    padding: 5px 20px;
    border: 1px solid #eee;
    height: auto;
}

@media (max-width:1000px) {
    #ProductService {
        display: block;
    }

        #ProductService .home-headline span {
            font-size: 20px;
        }

        #ProductService .home-headline h2 {
            color: #E1E1E1;
            font-size: 20px;
            font-family: Arial;
            text-align: center;
        }

    .homepro li a .product-detail span, .homepro li a .product-detail p {
        display: none;
    }

    .homepro li a .product-detail {
        width: 100%;
    }

    .home-headline {
        padding: 40px 0;
    }

    .aboutus-left, .aboutus-right {
        float: none;
        width: 100%;
    }

    .aboutus-right {
        padding: 10px;
    }

    .companyprofile {
        display: none;
    }

    .companyprofile-litpic img {
        width: 100%;
    }

    .title-h2, .title-h1 {
        text-align: center;
    }

    .title-h2 {
        font-size: 18px;
    }

    .homecontact .title-h1 {
        font-size: 20px;
        padding: 40px 0;
    }

    .content-profile {
        width: 100%;
        padding: 40px 0;
    }

        .content-profile .ctext {
            font-size: 16px;
            line-height: 2;
        }

    .profile-gm {
        width: 100%;
        display: flex;
    }

    .profile-gm-w, .profile-gm-z {
        width: 48vw;
        height: 60px;
    }

        .profile-gm-w .list-paddingleft-2, .profile-gm-z .list-paddingleft-2 {
            margin-top: 10px;
            gap: 30px;
        }

    .container-friendly .home-headline span {
        font-size: 20px;
    }

    .container-friendly .home-headline h2 {
        font-size: 20px;
    }

    .container-partner .home-headline span {
        font-size: 20px;
    }

    .container-partner .home-headline h2 {
        font-size: 20px;
    }

    .ev {
        width: calc(100% / 3);
        margin-bottom: 30px;
        padding: 0 10px;
    }

    .list-paddingleft-2 li p {
        font-size: 12px;
    }

    .gm-w-txt {
        font-size: 18px;
    }

    .pro-bg {
        margin-top: 0;
    }

    .homepro {
        display: block;
    }

        .homepro li {
            width: 100%;
            min-width: unset;
            max-width: unset;
            padding: 0;
            height: 400px;
        }

            .homepro li a h1 {
                margin:0;
                font-size: 20px;
            }

            .homepro li a {
                position: unset;
            }

                .homepro li a p {
                    font-size: 16px;
                    margin: 10px 0 20px 0;
                    text-align: left;
                    text-indent: 2em;
                }

                .homepro li a span {
                    width: 200px;
                    height: 35px;
                    border: solid 1px #8C8C8C;
                    font-size: 16px;
                    line-height: 30px;
                    background-position: 45px 7px;
                    margin: 0 auto;
                }

            .homepro li:last-child {
                width: 100%;
                height: 200px;
            }

                .homepro li:last-child a {
                    width: 100px;
                    height: 100px;
                }

                    .homepro li:last-child a span {
                        width: 120px;
                        height: 120px;
                        border-radius: 120px;
                        font-size: 16px;
                        line-height: 120px;
                    }

    .container-friendly {
        padding-bottom: 100px;
    }

        .container-friendly ul li {
            font-size: 16px;
        }

    .litpic {
        position: unset;
        z-index: 10;
        width: 80%;
        top: 0;
        margin: 0 auto;

        height: auto;
    }

        .litpic img {
            width: 100%;
            height: auto;
        }

    .homepro li:nth-child(1) .litpic, .homepro li:nth-child(3) .litpic, .homepro li:nth-child(5) .litpic {
        background: #fff;
    }

    .homepro li:nth-child(2) .litpic, .homepro li:nth-child(4) .litpic, .homepro li:nth-child(6) .litpic {
        background: #ECEDEF;
    }

    .homepro li:nth-child(1), .homepro li:nth-child(3), .homepro li:nth-child(5) {
        background: #fff;
    }

    .homepro li:nth-child(2), .homepro li:nth-child(4), .homepro li:nth-child(6) {
        background: #ECEDEF;
    }
}