.mobile {
    display: none;
}

#top {
    color: rgb(0,0,0,0.1);
    max-width: 100% !important;
    padding: 10px 25px 7px;
}
.content-nav {
    min-width:1350px;
}

.pcpages .swiper.mySwiper {
    height: 100%;
}

.pcpages .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pcpages .swiper-pagination-bullet {
    width: 50px;
    border-radius: 0;
}

.pcpages .page {
    height: calc(100% - 73px) !important;
    margin-top: 73px;
}

.pcpages #pages .col-md-4 {
    margin: 0;
    padding: 0;
}

    .pcpages #pages .col-md-4 img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
.timeLine li i, .timeLine .sPrev, .timeLine .sNext, .culture-card .icon, .certify-page li, .product-info .product-info-storeLink a, .more-product li i, .products-list-txt .ico, .bsPN, .news-row .go, .news-video-row .go, .job-search button {
    background-image: url(../img/about.png);
    background-repeat: no-repeat;
}

@media (max-width: 1199px) {
    .pcpages {
        display: none;
    }

    .mobile {
        display: block;
    }



    .top {
        z-index: 99;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        padding: 2.25vw 0;
    }

    .logo, .logo img {
        max-height: 8.8vw;
        width: auto;
    }

    .logo {
        margin-left: 2.25vw;
        float: left;
    }

        .logo a {
            display: block;
            height: 0
        }

        .logo img {
            object-fit: cover;
        }
    /* 导航.开关 */
    .menu-btn {
        margin-top: .2vw;
        margin-right: 2.25vw;
        float: right;
        width: 8.5vw;
        padding: .5vw 0;
        cursor: pointer;
        background-color: #EE1D25;
        border-radius: 1vw;
    }

        .menu-btn .line {
            margin: 1.5vw 1.85vw;
            width: 4.8vw;
            height: 2px;
            background: #fff;
            transition: all 700ms cubic-bezier(.9, 0, .33, 1);
        }

            .menu-btn .line.line--1 {
                transform: rotate(0) translateY(0);
            }

    .nav-open .line.line--1 {
        transform: rotate(45deg) translateX(1.3vw) translateY(1.3vw);
    }

    .menu-btn .line.line--2 {
        transform: translateX(0);
    }

    .nav-open .line.line--2 {
        opacity: 0;
        transform: translate(8vw);
    }

    .menu-btn .line.line--3 {
        transform: rotate(0) translateY(0);
    }

    .nav-open .line.line--3 {
        transform: rotate(-45deg) translateX(1.3vw) translateY(-1.3vw);
    }

    /* 导航 */
    .nav-links {
        z-index: 96;
        position: fixed;
        left: 0;
        top: 0;
        width: 100vw;
        height: 92.5vh;
        overflow-x: hidden;
        padding-top: 7.5vh;
        /* display:flex;justify-content:center;flex-direction:column;align-items:center; */
        transform: translateX(-100vw);
        transition: all 900ms cubic-bezier(.9, 0, .33, 1);
        height: 100%;
    }

        .nav-links > ul {
            height: 85vh;
            padding-bottom: 7.5vh;
            overflow-y: scroll;
        }

    nav.nav-open {
        transform: translateX(0vw);
        background: rgba(255,255,255,1);
    }

    .nav-links.fade-in {
        transform: translateX(0vw);
    }

    .nav-links li {
        position: relative;
        margin: 0 8vw;
    }

        .nav-links li a, .nav-links li .havSub, .nav-links li .noSub {
            height: 15vw;
            line-height: 15vw;
        }

        .nav-links li .havSub, .nav-links li .noSub {
            display: block;
            width: 15vw;
            text-align: center;
            font-size: 4vw;
            color: #666;
            font-weight: normal;
            position: absolute;
            top: 0;
            right: 0;
            background-color: rgba(255,255,255,0);
            transition: all 300ms cubic-bezier(.9, 0, .33, 1);
        }

        .nav-links li .havSub {
            z-index: 9;
        }

        .nav-links li .noSub {
            z-index: 3;
        }

            .nav-links li .havSub::before, .nav-links li .havSub::after,
            .nav-links li .noSub::before, .nav-links li .noSub::after {
                content: "";
                display: block;
                background-color: #707070;
                position: absolute;
                transition: all 300ms cubic-bezier(.9, 0, .33, 1);
            }

            .nav-links li .noSub::before, .nav-links li .noSub::after {
                background-color: #E3E3E3;
            }

        .nav-links li .havSub::before {
            width: 3.8vw;
            height: .5vw;
            left: 5.6vw;
            top: 7.25vw;
        }

        .nav-links li .havSub::after {
            width: .5vw;
            height: 3.8vw;
            left: 7.25vw;
            top: 5.6vw;
        }

        .nav-links li .subOn::before {
            transform: rotate(45deg) translateX(0) translateY(1.7vw);
        }

        .nav-links li .subOn::after {
            transform: rotate(45deg) translateX(1.7vw) translateY(0);
        }

        .nav-links li .noSub::before {
            width: 3.8vw;
            height: .5vw;
            left: 5.6vw;
            top: 7.25vw;
            transform: rotate(45deg) translateX(0) translateY(-1.7vw);
        }

        .nav-links li .noSub::after {
            width: .5vw;
            height: 3.8vw;
            left: 7.25vw;
            top: 5.6vw;
            transform: rotate(45deg) translateX(1.7vw) translateY(0);
        }

    .nav-links a {
        z-index: 6;
        position: relative;
        display: block;
        width: 100%;
        font-size: 4vw;
        color: #333;
        border-bottom: solid .1vw #D7D7D7;
        transition: all 300ms cubic-bezier(.9, 0, .33, 1);
    }

        .nav-links a:hover {
            color: #EE1D25;
            border-color: rgba(238,30,38,.8);
            text-decoration: none;
        }

    .nav-links li ul {
        visibility: hidden;
        height: 0;
        overflow: hidden;
        margin-bottom: 0;
        transition: all 400ms cubic-bezier(.9, 0, .33, 1);
    }

        .nav-links li ul.subOpen {
            visibility: visible;
            height: auto;
        }

        .nav-links li ul a {
            color: #555;
            border-color: #E9E9E9;
        }

            .nav-links li ul a:hover {
                color: #EE1D25;
            }

        .nav-links li ul li, .nav-links li ul a {
            height: 12vw;
            line-height: 12vw;
        }

    .nav-links ul li {
        margin: 0 4vw;
    }
}
.footer-area {
    margin-top:30px;
}