﻿@charset "utf-8";
/* CSS Document */
.common-full {
    width: 100%;
    height: 100%;
    position: relative;
}

.delay {
    animation-duration: 1s;
    animation-delay: 0.1s;
    animation-fill-mode: forwards;
}

.fullpage-box {
    height: 100%;
    position: relative;
}

    .fullpage-box #fullpage-section1 {
        width:100%!important;
        height:100%!important;
        background-repeat: no-repeat!important;
        background-position: center center!important;
        background-size: cover!important;
    }

    .fullpage-box .common-full-pic {
        height: 100%;
        width: auto;
    }

    .fullpage-box #fullpage-section2 {
        width: 100%;
        height: 100%;
        position: relative;
    }

        .fullpage-box #fullpage-section2 .vertical-line1 {
            width: 1px;
            background-color: #afafaf;
            height: 1.36rem;
            margin: 0 auto 0.5rem;
        }

        .fullpage-box #fullpage-section2 .product-section2-txt {
            width: 14.86rem;
            height: auto;
            margin: 0 auto;
            padding-top: 2.5rem;
            text-align: center;
            font-size: 0.16rem;
            color: #000;
            opacity: 0;
        }

            .fullpage-box #fullpage-section2 .product-section2-txt img {
                max-width: 100%;
                height: auto;
                border: none;
            }

            .fullpage-box #fullpage-section2 .product-section2-txt > * {
                font-family: 'ali-light' !important;
            }

        .fullpage-box #fullpage-section2 .product-section2-title {
            font-size: 0.51rem;
        }

        .fullpage-box #fullpage-section2 .product-section2-para {
            margin-top: 0.66rem;
            line-height: 0.32rem;
            font-size: 0.16rem;
        }

        .fullpage-box #fullpage-section2 .vertical-line2 {
            width: 1px;
            background-color: #afafaf;
            height: 1.36rem;
            margin: 0.5rem auto 0;
        }

        .fullpage-box #fullpage-section2 .product-section2-subtitle {
            margin: 0 auto;
            text-align: center;
            font-size: 14px;
        }

    .fullpage-box #fullpage-section3 {
        width: 100%;
        height: auto;
        margin-bottom: 1.5rem;
    }

        .fullpage-box #fullpage-section3 .product-area-list {
            width: 14.86rem;
            margin: 0 auto;
            padding-top: 1.8rem;
        }

        .fullpage-box #fullpage-section3 .product-list-item {
            width: 4.84rem;
            height: 4.84rem;
            display: inline-block;
            position: relative;
            float: left;
            margin-left: 0.17rem;
            margin-bottom: 0.17rem;
        }

            .fullpage-box #fullpage-section3 .product-list-item:nth-child(3n+1) {
                margin-left: 0;
            }

        .fullpage-box #fullpage-section3 .product-list-pic {
            position: relative;
            z-index: 9;
            display: block;
            width: 100%;
            height: 100%;
        }

        .fullpage-box #fullpage-section3 .product-list-pic-hover {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 99;
            display: none;
        }

            .fullpage-box #fullpage-section3 .product-list-pic-hover img {
                width: 100%;
                height: 100%;
                border: none;
            }

            .fullpage-box #fullpage-section3 .product-list-pic-hover h2 {
                width: 100%;
                height: auto;
                display: inline-block;
                line-height: 1.5em;
                text-align: center;
                font-size: .35rem;
                font-family: 'flt-book';
                font-weight: normal;
                position: absolute;
                top: 42%;
                left: 0;
                color: #000;
            }

            .fullpage-box #fullpage-section3 .product-list-pic-hover p {
                width: 100%;
                height: auto;
                display: inline-block;
                line-height: 1.5em;
                text-align: center;
                font-size: 10px;
                font-family: 'flt-book';
                font-weight: normal;
                position: absolute;
                bottom: 42%;
                left: 0;
                color: #000;
            }

       /* .fullpage-box #fullpage-section3 .the-footer {
            margin-top: 1rem;
            padding: 0.8rem 0 0.73rem;
        }

            .fullpage-box #fullpage-section3 .the-footer .footer-statement .footer-statement-text {
                padding-top: 0.28rem;
            }*/

.product-detail-pic01 {
    width: 100%;
    height: auto;
}

    .product-detail-pic01 img {
        max-width: 100%;
        height: auto;
    }

.product-detail-main {
    width: 100%;
    height: auto;
    padding: 1.04rem 0 1.24rem;
}

.product-detail-left {
    float: left;
    padding-left: 1.04rem;
    font-size: 0.16rem;
    width: 6.05rem;
    box-sizing: border-box;
    float: left;
}

    .product-detail-left .product-detail-left-title {
        width: 100%;
        height: auto;
        line-height: 0.4rem;
    }

        .product-detail-left .product-detail-left-title a {
            font-size: 0.15rem;
            color: #000;
            font-family: 'ali-regular';
        }

    .product-detail-left .product-detail-left-des01 {
        width: 100%;
        height: auto;
        font-size: 0.31rem;
        padding-top: 0.43rem;
        padding-bottom: 0.27rem;
    }

    .product-detail-left .product-detail-left-des02 {
        width: 100%;
        height: auto;
        width: 0.22rem;
        height: 0.02rem;
        background-color: #bf0008;
        margin-bottom: 0.52rem;
    }

    .product-detail-left .product-detail-info {
        width: 100%;
        height: auto;
    }

        .product-detail-left .product-detail-info img {
            max-width: 100%;
            height: auto;
        }

    .product-detail-left .product-detail-left-key {
        color: #818181;
        font-size: 0.16rem;
    }

    .product-detail-left .product-detail-left-value {
        font-size: 0.16rem;
        padding-top: 0.15rem;
        padding-bottom: 0.42rem;
    }

    .product-detail-left .product-detail-left-size {
        margin-bottom: 0.38rem;
    }

    .product-detail-left .product-detail-left-size01 {
        width: 2.12rem;
        height: 0.34rem;
        border: 0.01rem solid #666666;
    }

    .product-detail-left .product-detail-left-size02 {
        width: 3.18rem;
        height: 0.38rem;
        border: 0.01rem solid #666666;
    }

    .product-detail-left .product-detail-left-sizetxt {
        margin: 0.1rem 0 0.3rem;
        font-size: 0.16rem;
    }

.product-detail-right {
    width: 11rem;
    height: auto;
    float: right;
    margin-right: 0.3rem;
}

    .product-detail-right .product-detail-banner-box {
        position: relative;
        width: 100%;
        height: auto;
    }

        .product-detail-right .product-detail-banner-box .swiper-big {
            width: 100%;
            height: auto;
        }

        .product-detail-right .product-detail-banner-box .swiper-big img{
            width: 100%;
            height: 6.85rem;
            border:none;
        }

        .product-detail-right .product-detail-banner-box .gallery-thumbs {
            width: 100%;
            height: auto;
            margin-top: 0.4rem;
        }

        .product-detail-right .product-detail-banner-box .swiper-slide {
            cursor: pointer;
        }

            .product-detail-right .product-detail-banner-box .swiper-slide .slide-bg {
                width: 100%;
                height: auto;
                position: relative;
            }

                .product-detail-right .product-detail-banner-box .swiper-slide .slide-bg img {
                    width:100%;
                    max-width: 100%;
                    height: auto;
                }

                .product-detail-right .product-detail-banner-box .swiper-slide .bg {
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    top: 0;
                    left: 0;
                    background: #000;
                    filter: alpha(opacity:0);
                    opacity: 0;
                    -moz-opacity: 0;
                    -khtml-opacity: 0;
                }

        .product-detail-right .product-detail-banner-box .swiper-slide-active .bg {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background: #000;
            filter: alpha(opacity:0);
            opacity: 0!;
            -moz-opacity: 0;
            -khtml-opacity: 0;
        }

        .product-detail-right .product-detail-banner-box .swiper-slide p {
            width: 100%;
            height: auto;
            font-size: 0.16rem;
            text-align: left;
            line-height: 1.5em;
            margin-top: 0.1rem;
            font-family: 'flt-book';
        }

        .product-detail-right .product-detail-banner-box .product-detail-right-arrow {
            width: 0.55rem;
            height: 0.3rem;
            margin-top: -0.15rem;
            cursor: pointer;
            z-index: 9;
        }

        .product-detail-right .product-detail-banner-box .product-banner-arrow-left {
            position: absolute;
            left: 0.15rem;
            top: 50%;
            background: url('/images/product-detail-arrow-left.png') center center no-repeat;
            background-size: contain;
        }

        .product-detail-right .product-detail-banner-box .product-banner-arrow-right {
            position: absolute;
            left: 10.23rem;
            top: 50%;
            background: url('/images/product-detail-arrow-right.png') center center no-repeat;
            background-size: contain;
        }

        .product-detail-right .product-detail-banner-box .product-detail-right-banner {
            position: absolute;
            left: 0;
            top: 0;
            opacity: 0;
        }

            .product-detail-right .product-detail-banner-box .product-detail-right-banner.in {
                animation: fadeIn 0.8s forwards;
            }

            .product-detail-right .product-detail-banner-box .product-detail-right-banner.out {
                animation: fadeOut 0.8s forwards;
            }

        .product-detail-right .product-detail-banner-box .product-detail-right-banner01 {
            width: 100%;
            height: 100%;
            background: url('/images/product-detail13.png') center center no-repeat;
            background-size: 100% auto;
        }

        .product-detail-right .product-detail-banner-box .product-detail-right-banner02 {
            width: 100%;
            height: 100%;
            background: url('/images/product-detail02.png') center center no-repeat;
            background-size: 100% auto;
        }

        .product-detail-right .product-detail-banner-box .product-detail-right-banner03 {
            width: 100%;
            height: 100%;
            background: url('/images/product-detail13.png') center center no-repeat;
            background-size: 100% auto;
        }

    .product-detail-right .product-detail-smbanner-box {
        width: 100%;
        margin: 0.5rem 0 1.3rem;
    }

    .product-detail-right .product-detail-right-smbanner {
        width: 3.56rem;
        height: 0.59rem;
        float: left;
    }

        .product-detail-right .product-detail-right-smbanner:nth-of-type(2n) {
            margin: 0 0.12rem;
        }

        .product-detail-right .product-detail-right-smbanner .product-detail-right-smbanner01 {
            width: 100%;
            height: 100%;
            background: url('/images/product-detail03.png') center center no-repeat;
            background-size: 100% auto;
        }

        .product-detail-right .product-detail-right-smbanner .product-detail-right-smbanner02 {
            width: 100%;
            height: 100%;
            background: url('/images/product-detail04.png') center center no-repeat;
            background-size: 100% auto;
        }

        .product-detail-right .product-detail-right-smbanner .product-detail-right-smbanner03 {
            width: 100%;
            height: 100%;
            background: url('/images/product-detail05.png') center center no-repeat;
            background-size: 100% auto;
        }

        .product-detail-right .product-detail-right-smbanner .product-detail-right-txt {
            font-size: 0.16rem;
            margin-top: 0.2rem;
        }

.product-detail-box {
    width: 100%;
    height: auto;
    margin-top: 1rem;
}

    .product-detail-box .detail-cont {
        width: 100%;
        height: auto;
    }

        .product-detail-box .detail-cont img {
            max-width: 100%;
            height: auto;
            border: none;
        }

    .product-detail-box .tech-params {
        width: 100%;
        height: auto;
        margin-top: 1rem;
    }

        .product-detail-box .tech-params .btn {
            width: 100%;
            height: auto;
            margin-bottom: 1rem;
            text-align: center;
        }

            .product-detail-box .tech-params .btn-a {
                width: 2rem;
                height: 0.5rem;
                display: inline-block;
                background: #b9b9b9;
                text-align: center;
                line-height: 0.5rem;
                position:relative;
                cursor:pointer;
            }

                .product-detail-box .tech-params .btn-a i {
                    width: 0.3rem;
                    height: 0.5rem;
                    display: inline-block;
                    line-height: 0.45rem;
                    font-size: 0.3rem;
                    font-style: normal;
                    color: #eee;
                    position: absolute;
                    top: 0;
                    left: 0.3rem;
                }

                .product-detail-box .tech-params .btn-a span {
                    width: auto;
                    height: 0.5rem;
                    display: inline-block;
                    line-height: 0.5rem;
                    font-size: 0.18rem;
                    font-style: normal;
                    color: #eee;
                    position: absolute;
                    top: 0;
                    right: 0.4rem;
                }

    .product-detail-box .parms-cont {
        width: 100%;
        height: auto;
        display:none;
    }

        .product-detail-box .parms-cont img {
            max-width: 100%;
            height: auto;
            border: none;
        }


.product-category-logo {
    background: url(/images/product-category-logo.png) no-repeat;
    background-size: auto 100%;
    position: absolute;
    width: 1.32rem;
    height: 1.12rem;
    left: 2.59rem;
    top: 1.44rem;
    z-index: 10;
}

.product-category-main {
    width: 14.86rem;
    height: auto;
    margin: 0 auto;
    padding-top: 3.1rem;
    padding-bottom: 1rem;
}

    .product-category-main .product-category-pic {
        width: 4.84rem;
        height: 4.84rem;
        display: inline-block;
        position: relative;
        float: left;
        margin-left: 0.17rem;
        margin-bottom: 0.17rem;
    }

        .product-category-main .product-category-pic img {
            display: block;
            width: 100%;
            height: 100%;
            border: none;
        }

        .product-category-main .product-category-pic:nth-child(3n+1) {
            margin-left: 0;
        }

.product-category-attach {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    animation-fill-mode: forwards;
    animation-duration: 0.8s;
}

.product-category-bg {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.55);
}

.product-category-show {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 29;
    padding: 3.7rem 0.42rem 0;
    left: 0;
    top: 0;
    box-sizing: border-box;
    color: #fff;
}

    .product-category-show .list-des-txt {
        float: left;
    }

        .product-category-show .list-des-txt .list-des-en {
            font-size: 0.34rem;
            font-family: 'flt-book';
        }

        .product-category-show .list-des-txt .list-des-cn {
            font-size: 0.36rem;
            margin-top: 0.4rem;
            font-family: 'flt-book';
        }

    .product-category-show .list-des-view {
        float: right;
        font-size: 12px;
        margin-top: 0.6rem;
    }

.news-area-bg {
    margin-left: 1.05rem;
    position: absolute;
    left: 0;
    top: 0;
    width: 18.15rem;
    height: 10.8rem;
    background-color: #cacaca;
    z-index: 1;
}

.news-area-main {
    position: relative;
    padding-top: 9.04rem;
    width: 11.28rem;
    margin: 0;
    z-index: 9;
}

@media screen and (max-width:1024px){
    .product-detail-left .product-detail-left-title a {/*面包屑*/
        font-size: 12px;
    }
    .product-detail-info span,.detail-cont span{/*详情介绍文字内容*/
        font-size: 12px!important;
    }
    .fullpage-box #fullpage-section2 .product-section2-txt {/*产品大系列简介*/
        padding-top: 3rem;
    }
    .product-detail-box .tech-params .btn-a {
        width: 3rem;
        height: 0.8rem;
        line-height: 0.8rem;
    }

        .product-detail-box .tech-params .btn-a i {
            line-height: 0.75rem;
        }

        .product-detail-box .tech-params .btn-a span {
            line-height: 0.8rem;
            font-size: 0.3rem;
        }
}

@media screen and (max-width:760px){
    .product-detail-left .product-detail-left-title a {/*面包屑*/
        font-size: 12px;
    }
    .product-detail-info span,.detail-cont span{/*详情介绍文字内容*/
        font-size: 9px!important;
    }
    .product-detail-right .product-detail-banner-box .swiper-slide p {
        font-size: 0.32rem;
    }
    .fullpage-box #fullpage-section2 .product-section2-txt {/*产品大系列简介*/
        padding-top: 3rem;
    }
    .fullpage-box #fullpage-section2 .product-section2-txt p{/*产品大系列简介文字*/
        font-size: 14px!important;
    }
    .fullpage-box #fullpage-section2 .product-section2-txt span{/*产品大系列简介文字*/
        font-size: 9px!important;
        line-height: 1.2!important;
    }
    .fullpage-box #fullpage-section3 .product-list-pic-hover p {
        font-size: 5px;
    }
    .fullpage-box #fullpage-section2 .product-section2-subtitle {
        font-size: 7px!important;
    }
        
}
