.mobile {
    display: none;
}
.pcpages #top {
    color: rgb(0,0,0,0.1);
    max-width: 100% !important;
    
}
#top .content {
    min-width: 1400px
}
.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;
    }
.product-list-in-img img{
    width:100%;
}
.products-list-txt .ico {
    display: block;
    width: 50px;
    height: 50px;
    float: right;
    background-position: -390px -222px;
}
#my-video {
    width: 100%;
    height: 100%;
}
@media (max-width: 541px) {
    .pcpages {
        display:none;
    }
    .mobile {
        display:block;
    }
    .index-video {
        width:100%;
        height:auto;
    }
    #my-video {
        width: 100%;
        height: 100%;
    }

    .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;
    }

    .wrap, .container, .index-container {
        width: 100vw;
    }

    .wrap {
        transition: all 900ms cubic-bezier(.9, 0, .33, 1);
    }

    .wrapFiX {
        transform: translateX(100vw);
    }

    /* BANNER.区域 */
    .index-banner, #index-banner, #index-banner img {
        width: 100vw;
        height: 100vh;
    }

    .index-banner, #index-banner {
        overflow: hidden;
    }

    .index-banner {
        position: relative;
    }

    #index-banner img {
        object-fit: cover;
    }
    /* BANNER.按钮 */
    #pagenavi {
        position: absolute;
        bottom: 54px;
        left: 0;
        right: 0;
        height: 1vw;
        text-align: center;
        vertical-align: top;
    }

        #pagenavi a {
            margin: 0 .5vw;
            display: inline-block;
            width: 6.4vw;
            height: .5vw;
            line-height: .5vw;
            text-indent: 6.4vw;
            overflow: hidden;
            background-color: #FFF;
            font-size: 0;
            transition: all 500ms cubic-bezier(.8,0,.33,1);
        }

            #pagenavi a.active {
                height: 1vw;
                background-color: #EE1D25;
            }

    .copy-right {
        padding: 2.75vw 2.75vw 15.5vw;
        text-align: center;
        font-size: 2.75vw;
        color: #abaaab;
    }

    .inner-footer {
        background-color: #555;
        color: #FFF;
    }

        .inner-footer .copy-right {
            color: #FFF;
        }
    .mobile .swiper.mySwiper {
        
    }

    .mobile .swiper-slide img {
        width: 100vw;
        height: 100vh;
        object-fit: cover;
    }

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





    .index-sub-brand {
        height: 96vw;
        background: #FFF url(../img/index-sub-brand_bg.jpg) bottom center no-repeat;
        background-size: cover;
    }







    .index-container {
        overflow: hidden;
    }

        .index-container h3 {
            line-height: 8vw;
            font-size: 5vw;
            font-weight: normal;
        }

            .index-container h3 em {
                display: block;
                line-height: 4.8vw;
                font-size: 2.75vw;
                color: #ABABAB;
                text-transform: uppercase;
            }

    .index-sub-brand {
        height: 96vw;
        background: #FFF url(../img/index-sub-brand_bg.jpg) bottom center no-repeat;
        background-size: cover;
    }

        .index-sub-brand h3 {
            margin-top: 7.2vw;
            text-align: center;
        }

        .index-sub-brand .more {
            margin: 3.2vw auto;
            display: block;
            width: 23.5vw;
            height: 8.4vw;
            line-height: 8.4vw;
            text-align: center;
            font-size: 2.667vw;
            color: #FFF;
            background-color: #EE1D25;
            border-radius: 4.2vw;
        }

            .index-sub-brand .more:hover {
                background-color: #BF8A44;
                color: #FFF;
                /* -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: pulse;
  animation-name: pulse; */
            }

    @keyframes pulse {
        from {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
        }

        50% {
            -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05);
        }

        to {
            -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
        }
    }
    /* 子品牌标识 */
    .index-sbList {
        text-align: center;
    }

        .index-sbList li {
            margin: 1vw 8vw;
            display: inline-block;
        }

            .index-sbList li, .index-sbList li a, .index-sbList li img {
                width: 16vw;
                height: 12.8vw;
            }

                .index-sbList li a {
                    display: block;
                }

    /* 产品类型 */
    .index-ptList {
        width: 100vw;
        height: auto;
        overflow: hidden;
    }

        .index-ptList li, .index-ptList li a, .index-ptList li img {
            width: 50vw;
            height: 50vw;
        }

        .index-ptList li {
            float: left;
            position: relative;
        }

            .index-ptList li a {
                z-index: 6;
                position: absolute;
                top: 0;
                left: 0;
                display: block;
                height: 45.2vw;
                padding-top: 4.8vw;
                line-height: 7.2vw;
                text-align: center;
                font-size: 4.8vw;
            }

                .index-ptList li a em {
                    display: block;
                    line-height: 3.2vw;
                    font-size: 2.75vw;
                    color: #ABABAB;
                    text-transform: uppercase;
                }

                .index-ptList li a:hover, .index-ptList li a:hover em {
                    text-decoration: none;
                    color: #EE1D25;
                }

            .index-ptList li img {
                object-fit: cover;
            }

            .index-ptList li:nth-child(1), .index-ptList li:nth-child(4) {
                background-color: #F1F1F1;
            }

            .index-ptList li:nth-child(2), .index-ptList li:nth-child(3) {
                background-color: #FFF;
            }

    /* 视频 */
    .index-video video {
        width: 100vw;
        height: 96vw;
        object-fit: cover;
        vertical-align: top;
    }

    /* 了解*/
    .index-about {
        box-sizing: border-box;
        padding: 0 8.6vw;
        height: 96vw;
       /* background: #EE1D25 url(img/indexBg-2.jpg) 50% 50% no-repeat;*/
        background-size: cover;
    }

        .index-about, .index-about h3, .index-about h3 em {
            color: #FFF;
        }

            .index-about h3 {
                margin: 8.5vw 0 7.2vw;
                font-size: 5.33vw;
            }

                .index-about h3 em {
                    font-size: 2.667vw;
                }

            .index-about p {
                line-height: 4.8vw;
                font-size: 2.75vw;
            }

    .about-link {
        clear: both;
        overflow: hidden;
        margin-top: 8vw;
    }

        .about-link li, .about-link a {
            float: left;
        }

        .about-link li {
            margin-right: 10.66vw;
        }

        .about-link a, .about-link i {
            display: block;
            text-align: center;
        }

        .about-link a {
            font-size: 2.75vw;
            color: #FFF;
        }

        .about-link i {
            margin-bottom: 1.333vw;
        }

        .about-link li img {
            height: 6.4vw;
            width: 6.4vw;
        }

    .about-more {
        clear: both;
        margin-top: 11.2vw;
        display: block;
        width: 21.33vw;
        height: 6.4vw;
        line-height: 6.4vw;
        text-align: center;
        font-size: 2.75vw;
        color: #EE1D25;
        background-color: #FFF;
        border-radius: 3.2vw;
    }

        .about-more:hover {
            background-color: #BF8A44;
            color: #FFF;
        }

    /* 新闻资讯 */
    .index-hot-news {
        box-sizing: border-box;
        min-height: 93vw;
        padding: 0 8.6vw;
        background-color: #F0F0F0;
    }

        .index-hot-news h3 {
            margin-top: 6.667vw;
        }

        .index-hot-news .news-more {
            margin-top: 1.333vw;
            float: right;
            display: block;
            width: 19.6vw;
            height: 6.4vw;
            line-height: 6.4vw;
            text-align: center;
            font-size: 2.75vw;
            color: #818181;
            background-color: #FFF;
            border-radius: 3.2vw;
        }

            .index-hot-news .news-more:hover {
                color: #FFF;
                background-color: #EE1D25;
            }

    .news-top, .news-top dt, .news-top dd, .news-top img {
        width: 100%;
    }

    .news-top {
        margin: 2vw 0 4.5vw;
    }

        .news-top dt {
            margin: 3vw 0 2.5vw;
            font-size: 3.25vw;
            font-weight: bold;
        }

        .news-top dd {
            margin-bottom: 2.5vw;
            line-height: 4.8vw;
            font-size: 2.75vw;
            color: #818181;
        }

        .news-top img {
            height: 38vw;
            object-fit: cover;
            vertical-align: top;
        }

        .news-top .news-top-time {
            font-size: 4vw;
            color: #333;
        }

    /* 新闻2 */
    .news-hot, .news-hot .news-hot-dl, .news-hot img {
        height: 50vw;
    }

        .news-hot .news-hot-dl, .news-hot img {
            width: 50vw;
        }

        .news-hot .news-hot-dl {
            float: left;
        }

        .news-hot:nth-child(even) dl {
            background-color: #F6F6F6;
        }

        .news-hot img {
            object-fit: cover;
        }

        .news-hot:nth-child(odd) img {
            float: right;
        }

        .news-hot:nth-child(even) img {
            float: left;
        }

        .news-hot .news-hot-dl {
            position: relative;
            box-sizing: border-box;
            padding-left: 4.4vw;
            padding-right: 4.4vw;
            background-color: #FFF;
        }

            .news-hot .news-hot-dl::before {
                z-index: 9;
                position: absolute;
                top: 20.2vw;
                content: "";
                display: block;
                width: 0;
                height: 0;
                border-style: solid;
            }

        .news-hot:nth-child(odd) .news-hot-dl::before {
            right: -4.75vw;
            border-width: 4.8vw 0 4.8vw 4.8vw;
            border-color: transparent transparent transparent #FFF;
        }

        .news-hot:nth-child(even) .news-hot-dl::before {
            left: -4.75vw;
            border-width: 4.8vw 4.8vw 4.8vw 0;
            border-color: transparent #FFF transparent transparent;
        }

        .news-hot dt, .news-hot dd {
            margin-bottom: 2.6vw;
        }

        .news-hot .news-hot-time {
            margin-top: 6vw;
            font-size: 5.25vw;
            color: #333;
        }

        .news-hot dt {
            font-size: 3.25vw;
            font-weight: bold;
        }

        .news-hot dd {
            font-size: 2.75vw;
            color: #818181;
        }

    /* 联系我们 */
    .index-contact {
        box-sizing: border-box;
        padding: 0 8.6vw;
        background-color: #FFF;
    }

        .index-contact h3 {
            margin-top: 6.667vw;
        }

    .contact-info {
        margin-top: 8vw;
        overflow: hidden;
    }

        .contact-info dt {
            margin-bottom: 3vw;
            font-size: 3.25vw;
        }

        .contact-info dd {
            margin-bottom: .5vw;
            box-sizing: border-box;
            min-height: 5vw;
            font-size: 2.75vw;
        }

    .stores {
        margin: 8vw 0 8vw;
        overflow: hidden;
        width: 92vw;
        margin-left: -4.6vw;
        margin-right: -4.6vw;
    }

        .stores li, .stores a {
            float: left;
            width: 23vw;
            overflow: hidden;
            text-align: center;
            vertical-align: top;
            font-size: 2.75vw;
        }

            .stores li em {
                width: 20vw;
                margin: 0 1.5vw;
            }

        .stores .icon, .stores .icon img {
            width: 12vw;
            height: 12vw;
        }

        .stores .icon {
            margin: 0 auto 1.5vw;
            display: block;
        }

            .stores .icon img {
                object-fit: cover;
            }
    .index-container.index-product-type,.index-container.index-sub-brand, .index-container.index-about, .index-container.index-hot-news, .index-container.index-news, .index-container.index-contact, .index-container.footer {
        min-width: auto;
    }
    .index-container.index-sub-brand {
        text-align:center;
    }
    .index-container h3 {
        text-align: inherit;
    }
    .news-hot dt, .news-hot dd {
        width:100%;
    }
    .index-container.footer {
        height:100px;
    }
}