/*banner*/
/*@font-face {*/
    /*font-family: 'AdobeHeitiStd-Regular';*/
    /*src: url('AdobeHeitiStd-Regular.otf');*/
    /*src: local('AdobeHeitiStd Regular'),*/
    /*local('AdobeHeitiStd');*/
    /*!*url('fontName.woff') format('woff'),*!*/
    /*!*url('fontName.ttf') format('truetype'),*!*/
    /*!*url('fontName.svg#fontName') format('svg');*!*/
/*}*/
/**{font-family: AdobeHeitiStd-Regular;}*/
#content .swiper-slide img{width: 100%;height: auto;}
#content .pagination{position: absolute;bottom: 0;z-index: 99;text-align: center;}
#content .swiper-pagination-bullet{border-radius: 0;opacity: 1;background-color: #fff;width: 10%;height: 5px;}
#content .pagination .swiper-pagination-bullet-active{background-color: red;}
.header-navbar{opacity: .8}
.swiper-info{position: absolute;left: 20%;top: 23.5%;font-size: 21px;color: #e2e2e2;text-align: left;height: 35px;
    line-height: 35px; width: 50%;max-width: 400px;}
.swiper-info .chinese{font-size: 24px;}
.swiper-info .log{text-align: left;font-size: 16px;font-style: italic;  padding-left:50%;box-sizing:border-box; }
/*我们的客户*/
.our-partner{margin: 80px 0;}
.our-other-partner{padding-top: 40px;}
.our-partner .container{width: 1300px;}
.our-partner h2{text-align: center;}
.our-partner ul li{float: left;height:100px;min-width:11%;text-align: center;margin: 25px auto;
    -webkit-transform: translateY(80px);
    -ms-transform: translateY(80px);
    transform: translateY(80px);
    opacity: 0;
    -webkit-transition: all ease-in 0.4s;
    transition: all ease-in 0.4s;
}
.our-partner ul li.active{
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.our-partner ul a{color: #333333;}
.our-partner ul li span{display: block;}
h2 span{font-size: 18px;letter-spacing: 0px;}
/*用数字说话*/
.num-info{padding: 80px 0;background-color: #000000;}
.num-info h2{color: #ffffff;}
.num-info p{color: #ffffff;font-size: 18px;text-align: center;letter-spacing: 4px;margin: 10px;}
.num-info .num-div{margin-top: 100px;}
.num-info .num-div>div{float: left;min-width: 33%;}
.num-info .num-div .red-span{font-size: 20px;color: #ff3e02;text-align: center;display: block;margin-top: 10px;font-family: "MS Office Symbol Regular";}
.num-info .num-div .num-span{font-size: 48px;color: #ffffff;text-align: center;display: block;width: 100%;font-family: Arial;letter-spacing: 8px;}

/*我们的产品*/
.product-lists{background-color: #ffffff;}
.product-lists section[data-id='1'] .left{display: none!important;}
.product-lists section[data-id='3'] .left{display: none!important;}
.product-lists .product{position: relative;}
.product-lists .product[data-id='1']{padding-top: 30px;}
.product-lists .product .we{font-size: 24px;color: #bfbfbf;position: absolute;left: 5%}
.product-lists .product h2{margin: 0;font-size: 32px;font-weight: 600;}
.product-lists .product .intro{font-size: 22px;font-weight: 600;margin: 20px 0;letter-spacing: 3px;}
.product-lists .product .content{font-size: 16px;color: #a0a0a0;height: 30px;line-height: 30px;letter-spacing: 2px;}

.product-lists .product[data-id='1'] p{text-align: center;}
.product-lists .product[data-id='1'] .product-info{position: relative;}
.product-lists .product[data-id='1'] .container img{ display: block;margin: 40px auto;}
.product-lists .product[data-id='1'] .btn-box{width: 100%;margin-bottom: 60px;text-align: center;}

.product-lists .product[data-id='3'] {padding: 160px 0;}
.product-lists .product[data-id='3'] .container{margin: 0;padding: 0;max-width: 50%;}
.product-lists .product[data-id='3'] .product-info{position: absolute;right: 5%;width: 45%;}
.product-lists .product[data-id='3'] .product-info>*{text-align: left;}
.product-lists .product[data-id='3'] .we{top: 8%;z-index: 999;}
.product-lists .product[data-id='3'] .btn-box{position: absolute;right: 20%;bottom: 10%;}

.product-lists .product[data-id='2'] .container{position: relative;margin: 0;padding: 0;width: 100%;padding-left: 40%;background-color: #EBECEB;overflow: hidden;}
.product-lists .product[data-id='2'] .product-info{position: absolute;top: 22%;z-index: 9999;left: 5%;}
.product-lists .product[data-id='2'] .product-info>*{text-align: left;}
.product-lists .product[data-id='2'] .product-info p:nth-of-type(2){margin: 20px 0;}
.product-lists .product[data-id='2'] .we{z-index: 9999;top: 10%;}
.product-lists .product[data-id='2'] .btn-box{position: absolute;bottom: 20%;left: 15%;}

.product-lists .product[data-id='5'] .container{position: relative;margin: 0;padding: 0;width: 100%;padding-left: 40%;background-color: #EBECEB;overflow: hidden;}
.product-lists .product[data-id='5'] .product-info{position: absolute;top: 20%;z-index: 9999;left: 5%;}
.product-lists .product[data-id='5'] .product-info>*{text-align: left;}
.product-lists .product[data-id='5'] .product-info p:nth-of-type(2){margin: 20px 0;}
.product-lists .product[data-id='5'] .we{z-index: 9999;top: 10%;}
.product-lists .product[data-id='5'] .btn-box{position: absolute;bottom: 10%;left: 15%;}

.product-lists .product[data-id='4'] .container{position: relative;margin: 0;padding: 0;width: 100%;padding-left: 40%;background-color: #EBECEB;overflow: hidden;}
.product-lists .product[data-id='4'] .product-info{position: absolute;top: 20%;z-index: 9999;left: 10%;width: 45%;}
/*.product-lists .product[data-id='4'] .product-info .intro{display: none;}*/
.product-lists .product[data-id='4'] .product-info>*{text-align: left;}
.product-lists .product[data-id='4'] .product-info p:nth-of-type(2){margin: 20px 0;}
.product-lists .product[data-id='4'] .we{z-index: 9999;top: 10%;}
.product-lists .product[data-id='4'] .btn-box{position: absolute;bottom: 20%;left: 15%;}

.product-lists .product[data-id='6'] .container{position: relative;margin: 0;padding: 0;width: 100%;padding-left: 35%;background-color: #EBECEB;overflow: hidden;}
.product-lists .product[data-id='6'] .product-info{position: absolute;top: 30%;z-index: 9999;left: 5%;}
.product-lists .product[data-id='6'] .product-info>*{text-align: left;}
.product-lists .product[data-id='6'] .product-info p:nth-of-type(2){margin: 20px 0;width: 480px;}
.product-lists .product[data-id='6'] .we{z-index: 9999;top: 8%;}
.product-lists .product[data-id='6'] .btn-box{position: absolute;bottom: 10%;left: 5%;}

.product-lists .product[data-id='7'] {padding: 160px 0;}
.product-lists .product[data-id='7'] .container{margin: 0;padding: 0;max-width: 50%;}
.product-lists .product[data-id='7'] .product-info{position: absolute;right: 5%;width: 45%;}
.product-lists .product[data-id='7'] .product-info>*{text-align: left;}
.product-lists .product[data-id='7'] .we{top: 8%;z-index: 999;}
.product-lists .product[data-id='7'] .btn-box{position: absolute;right: 20%;bottom: 10%;}

.product-lists .product[data-id='8'] .container{position: relative;margin: 0;padding: 0;width: 100%;padding-left: 40%;background-color: #EBECEB;overflow: hidden;}
.product-lists .product[data-id='8'] .product-info{position: absolute;top: 20%;z-index: 9999;left: 5%;}
.product-lists .product[data-id='8'] .product-info>*{text-align: left;}
.product-lists .product[data-id='8'] .product-info p:nth-of-type(2){margin: 20px 0;}
.product-lists .product[data-id='8'] .we{z-index: 9999;top: 10%;}
.product-lists .product[data-id='8'] .btn-box{position: absolute;bottom: 10%;left: 15%;}

.product .product-info{
    -webkit-transform: translateY(80px);
    -ms-transform: translateY(80px);
    transform: translateY(80px);
    opacity: 0;
    -webkit-transition: all ease-in 0.4s;
    transition: all ease-in 0.4s;
}
.product .product-info.active{
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.product .btn-box{z-index: 99;}
.product-lists .product[data-id='2']:before,
.product-lists .product[data-id='4']:before{content: " ";width: 100%;background-color: #EBECEB;
    height: 100%;display: block;position: absolute;z-index: 99;
    transform: skewX(-27deg);
    left: -60%;
    -webkit-transition: all ease-in 0.4s;
    transition: all ease-in 0.4s;
}

.product-lists .product[data-id='2'].active:before,
.product-lists .product[data-id='4'].active:before{left: -43%;
    -webkit-transition: all ease-in 0.4s;
    transition: all ease-in 0.4s;
}
/*关于我们*/
.about-us{padding: 80px 0;background-color: #000000;}
.about-us h2{color: #ffffff;}
.about-us p{font-size: 16px;color: #ffffff;text-align: left;
    /*margin: 50px auto;*/
    line-height: 30px;text-indent: 32px;}
/*.about-us p:nth-of-type(1){margin-bottom: 0;}*/
/*.about-us p:nth-of-type(2){margin-top: 30px;}*/
.about-us ul{margin-top: 70px;}
.about-us ul li{float: left;display: block;min-width: 33%;margin: 20px auto;}
.about-us li{
    -webkit-transform: translateY(80px);
    -ms-transform: translateY(80px);
    transform: translateY(80px);
    opacity: 0;
    -webkit-transition: all ease-in 0.4s;
    transition: all ease-in 0.4s;
}
.about-us li.active{
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
/*我们在现场*/
.scene-in{background-color: #000000;padding: 80px 0;}
.scene-in h2{font-size: 30px;color: #ffffff;}
.scene-in img{width: 100%;}
/*加入我们*/
.join-us{padding-bottom: 100px;background-color: #000000;}
.join-us h2{color: #ffffff;}
.join-us p{color: #fff;text-align: center;margin: 40px;font-size: 16px;line-height: 30px;    margin-bottom: 0;}
.join-us ul li{float: left;display: block;min-width: 24%;height: 156px;color: #eeeeee;font-size: 24px;text-align: center;padding-top: 50px;margin-bottom: 50px}
/*.join-us ul li:hover{background-color: #ffffff; color: #333333;}*/
.join-us p.red-span{color: #ff3e02;font-size: 18px;}

/*联系我们*/
.contact-us{padding: 80px 0;margin-bottom: 100px;}
.contact-us ul li{float: left;min-width: 33%;}
.contact-us ul li span{line-height: 65px;font-size: 16px;height: 65px;font-family: "MS Office Symbol Regular";padding-left: 10px;font-weight: bold;}
#scene-in{display: table;}
#scene-in ul{display: table;}
#scene-in ul:after{clear: both;content: ' ';display: block;}
#scene-in .item{position: relative;overflow: hidden;float: left;}
#scene-in .item img{width: 100%;}
#scene-in .item:after{
    position:absolute;
    left: 0;
    top:0;
    display: block;
    width:100%;
    height: 100%;
    background-color: rgba(255, 62, 2, 0.5);
    content: attr(data-text);
    transition:all 1s ease;
    transform: translateY(-100%);
    color: #FFF;
    text-align: center;
    padding-top: 30%;
    font-size: 20px;
}
#scene-in .item:hover:after{
    transform: translateY(0);
}

#scene-in li:nth-of-type(1){width: 35%;}
#scene-in .tog{width: 20%;display: inline-block;float: left;}
#scene-in .tog1{width: 15%;display: inline-block;float: left;}
#scene-in .tog2{width: 18%;display: inline-block;float: left;}

#scene-in .tog>div{width: 100%;}
/*#scene-in li:nth-of-type(2){width: 100%;}*/
/*#scene-in li:nth-of-type(3){width: 100%;}*/
#scene-in li:nth-of-type(2){width: 30%;}
#scene-in li:nth-of-type(5){width: 15%;}
#scene-in li:nth-of-type(6){width: 15%;}
#scene-in li[rel='p9']{width: 20%;display: inline-block;float: left;}
#scene-in li[rel='p12']{width: 42%;display: inline-block;float: left;}

@media (max-width: 768px) {
    html{font-size: 100px;}
    .swiper-info{left: 2%;}
    #content .product .product-info{display: block;width: 100%;left: 0;top:0;}
    .header-navbar{opacity: 1;}
    .swiper-info{width: 70%;}
    .our-partner{margin: 10px 0;}
    .our-other-partner{padding-top: 10px;}
    #our-partner h2,#num-info h2{margin-bottom: 15px;}

    h2{letter-spacing: 3px!important;margin-top: 10px;font-size: 16px;}
    h2 span{font-size: 14px;}

    /*margin-bottom: 15px!important;*/
    .product-lists .product h2{font-size: 16px;}
    p{font-size: 12px;line-height: 20px;}
    .swiper-info .chinese{font-size: 14px;}
    #content p,span{letter-spacing: 0px;margin: 0;font-size: 12px;line-height: normal;}
    .our-partner h2{font-weight: 600;color: #070707;}
    .our-partner .container{width: auto;}
    .our-partner ul li{width: 24%;margin:10px auto;}
    .our-partner ul li img{width: 70%;}

    #content .product-lists .btn-box{text-align: center;position: relative;left: 0;bottom: 0;margin: 0;}
    #content .product-lists .btn-box a{font-size: 12px;}
    /*#content .product-lists{margin-top: 20px;}*/
    #content .product-lists .product{padding: 0;padding-bottom: 15px;position: relative;overflow: hidden;background-color: #EBECEB;}
    #content .product-lists .product[data-id='1']{padding-top: 15px;}
    .product-lists .product .we{font-size: 14px;}
    /*.product-lists .product p{font-size: 14px;}*/
    /*#content .product-lists .product p{margin: 0;}*/
    .product-lists .product .intro{margin: 0;font-size: 14px;padding: 5px 0;}
    .product-lists .product .content{font-size: 12px;height: auto;line-height: normal;}

    .product-lists .product[data-id='1'] .container img{margin: 15px auto;}

    #content .product-lists .product .product-info{display: inline-table;bottom: 0;padding-bottom: 20px;}
    #content .product-lists .product[data-id='2'] .container{padding-left: 0;    padding-bottom: 25%;}
    #content .product-lists .product[data-id='2'] .product-info{top: auto;    bottom: 11%;}
    #content .product-lists .product[data-id='2'] .btn-box{margin-bottom: 20px;}

    #content .product-lists .product[data-id='5'] .container{padding-left: 0;    padding-bottom: 40%;}
    #content .product-lists .product[data-id='5'] .product-info{top: auto;    bottom: 8%;}

    #content .product-lists .product[data-id='8'] .container{padding-left: 0;    padding-bottom: 40%;}
    #content .product-lists .product[data-id='8'] .product-info{top: auto;    bottom: 8%;}

    #content .product-lists .product[data-id='6'] .container{padding-left: 0;    padding-bottom: 25%;}
    #content .product-lists .product[data-id='6'] .product-info{top: auto;    bottom: 8%;}
    .product-lists .product[data-id='6'] .product-info p:nth-of-type(2){width: 100%;text-align: center;}


    #content .product-lists .product[data-id='4'] .container{padding-left: 0;padding-bottom: 25%;}
    #content .product-lists .product[data-id='4'] .product-info{top: auto;    bottom: 11%;}
    #content .product-lists .product[data-id='4'] .btn-box{margin-bottom: 20px;}
    #content .product-lists .product[data-id='4']{margin-bottom: 0;}

    #content .product[data-id='2']:before,
    #content .product[data-id='4']:before{content: " ";width: 100%;background-color: #EBECEB;
        height: 100%;display: block;position: absolute;z-index: 99;
        transform: skewY(12deg);
        left:auto;
        bottom: -100%;
        -webkit-transition: all ease-in 0.4s;
        transition: all ease-in 0.4s;
    }
    #content .product[data-id='2'].active:before,
    #content .product[data-id='4'].active:before{
        left: auto;
        bottom: -58%;
        -webkit-transition: all ease-in 0.4s;
        transition: all ease-in 0.4s;
    }

    #content .product-lists .product[data-id='3'] .product-info{position: relative;}
    #content .product-lists .product[data-id='3'] .product-info>*{text-align: center;}
    #content .product-lists .product[data-id='3'] .product-info .content{padding: 0 10px;margin-bottom: 25px;}
    #content .product-lists .product[data-id='3'] .btn-box{position: absolute;left: auto;right: 10%;bottom: 25%;}

    #content .product-lists .product[data-id='7'] .product-info{position: relative;}
    #content .product-lists .product[data-id='7'] .product-info>*{text-align: center;}
    #content .product-lists .product[data-id='7'] .product-info .content{padding: 0 10px;margin-bottom: 25px;}
    #content .product-lists .product[data-id='7'] .btn-box{position: absolute;left: auto;right: 10%;bottom: 25%;}

    #content .product-lists .product .product-info h2,
    #content .product-lists .product .product-info p,
    #content .product-lists .product .product-info span{text-align: center;}
    .num-info{padding: 10px 0;}
    .num-info p{font-size: 12px;}
    .num-info .num-div{margin-top: 10px;}
    .num-info .num-div>div{width: 100%;text-align: center;}
    .num-info .num-div .num-span{font-size: 30px;margin-top: 10px;}
    .num-info .num-div .red-span{font-size: 14px;}
    .btn-product{font-size: 16px;width: 120px;padding: 3px;}
    .product-lists .we{display: none;}
    .contact-us{padding: 10px 0;margin-bottom: 0;}
    .join-us p{clear: both;}
    .join-us ul li{width: 40%;}
    .join-us{padding-bottom: 10px;}
    .scene-in{padding: 10px 0;}
    .about-us{padding: 10px 0;}
    #content .join-us ul li{height: auto;    font-size: 14px;    padding-top: 10px;margin: 10px;}
    #content .join-us p{margin: 20px auto;}
    #content .join-us .red-span{padding-top: 10px;}
    .about-us ul{margin-top: 10px;}
    .about-us li.active{text-align: center;width: 45%;margin: 10px 5px;
        height: 50px;}
    #scene-in .item:after{content: " "}
    .scene-in h2{font-size: 16px;padding-bottom: 10px;}
    #content h2{font-weight: 600!important;margin-bottom: 10px;clear: both;}
    #content .product-info h2{margin-bottom: 1px;}
    #content .product-info p[class='intro']{margin-bottom: 10px;}
}