header{
    position: fixed;
    color: #fff;
    background-color:transparent;
}
/*产品展示*/
.product {
    width: 100%;
    padding: 40px 0;
}

.product-top {
    width: 100%;

}

.product-top ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.product-top ul li .l {
    width: 55%;
    padding: 0 20px;
}

.product-top ul li .r {
    width: 45%;
}

.product-top ul li p.title-en {
    font-size: 20px;
    color: #666;
    padding-bottom: 20px;
}

.product-top ul li p.title {
    font-size: 36px;
    color: #1e1b16;
    padding-bottom: 10px;
    font-weight: bold;
}

.product-top ul li p.price {
    font-size: 22px;
    color: #1e1b16;
    padding-bottom: 20px;
    font-weight: bold;
}

.product-top ul li p.desc {
    font-size: 15px;
    text-align: justify;
    color: #999;
    padding: 10px 40px 40px 0;
    line-height: 25px;
}

.product-thumbs{
    padding: 20px 0;
}
.product-thumbs .swiper-slide {
    text-align: center;
    cursor: pointer;

}

.product-thumbs .swiper-slide .item {
    padding: 5px;
}

.product-thumbs .swiper-slide .item .title {
    font-size: 20px;
    color: #1e1b16;
    padding-top: 15px;
    padding-bottom: 5px;
}

.product-thumbs .swiper-slide .item .title-en {
    font-size: 12px;
    color: #b7b5b2;
    padding-bottom: 15px;
}

.product-thumbs .swiper-slide img {
    width: 100%;
    max-width: 100%;
}

.product-thumbs .swiper-slide.swiper-slide-thumb-active {
    box-shadow: 0px 0px 20px rgba(200, 200, 200, .5);
}


.product .swiper-button-next, .product .swiper-button-prev {
    top: auto;
    bottom: 20%;
    width: 54px;
    height: 54px;
}

.product .swiper-button-next {
    background-color: #ce131f;
    -webkit-background-size: 25%;
    background-size: 25%;
    border-radius: 50%;
    right: auto;
    left: 80px;
    top: auto;
    bottom: 20px;
}

.product .swiper-button-prev {
    background-color: #a7894d;
    opacity: 1;
    -webkit-background-size: 25%;
    background-size: 25%;
    border-radius: 50%;
    left:20px;
    top: auto;
    bottom: 20px;
}
.product .swiper-button-next:hover,.product .swiper-button-prev:hover{
    box-shadow: 0 0 10px #999;
}
.inner {
    position: relative;
}

i.play {
    width: 70px;
    height: 70px;
    background: rgba(255, 255, 255, .5) url(/theme/default/images/play.png) no-repeat center center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -35px 0 0 -35px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 2;
    transition: all .2s;
}

i.play:hover {
    background-color: rgba(255, 255, 255, .3);
}

.layui-layer-rim {
    border: 10px solid rgba(0, 0, 0, 0.72);
}
.pro-cate-list{
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 20;
    background-color: rgba(0,0,0,.8);
}
.pro-cate-list ul{
    align-items: stretch;
    padding: 40px 0;

}
.pro-cate-list li{
    width: 25%;
    margin: 0;
    text-align: center;
    padding: 0 20px;
    color: #fff;
}
.pro-cate-list li a{
    transition: all .3s;
}
.pro-cate-list li:hover{
    color: #a7894d;
}
.pro-cate-list li h3{
    font-size: 28px;
    margin-bottom: 15px;
}
.pro-cate-list ul li+li{
    border-left: 1px solid #666;
}
.pro-cate-list li span{
    font-size: 50px;
}
.pro-cate-list li a{
    color: inherit;
}
@media only screen and (max-width: 1024px) {
    #index-2 .more-link{
        margin-top: 10px;
    }
    #index-2 .content a.ax-btn{
        width: auto;
        padding: 0 15px;
        margin-right: 5px;
    }
    .pro-cate-list ul{
        padding: 20px 0;
    }
    .pro-cate-list li{
        padding: 5px;
    }

    .pro-cate-list li span{
        font-size: 24px;
    }
    .pro-cate-list li h3{
        font-size: 14px;
        margin-bottom: 0;
    }

    .nav-menu span{
        color: #fff;
    }
    .fix1 .nav-menu span{
        color: #333;
    }
    .product-top ul li{
        flex-wrap: wrap;
    }
    .product-top ul li .r{
        margin-top: 20px;
    }
    .product-top ul li .l,.product-top ul li .r{
        width: 100%;
        padding: 0;
    }
    .product-top ul li p.title{
        font-size: 24px;
    }
    .product-top ul li p.desc{
        padding: 10px 0;
        display: none;
    }
    .product-top ul li p.title-en{
        padding-bottom: 5px;
    }
    .product-thumbs .swiper-slide .item{
        padding: 0;
    }
    .product-thumbs .swiper-slide .item .title{
        font-size: 14px;
        line-height: 3;
        padding: 0;
    }
    .product-thumbs{
        padding: 10px 0;
    }
}