.colorf8{color: #f8b73d;}

.sontitle{font-size:0.17rem;}
img{width:100%;}
.sec01{background: #f8b73d;}
.sec01 .icon{width:175px;}
.sec01 .l1{font-size: 0.21rem; margin-bottom: 0.25rem;}
.sec01 .l2{font-size: 0.75rem; margin-bottom: 0.12rem;}
.sec01 .l3{font-size: 0.27rem;}
.sec01 .text{padding: 1.48rem 0 0.75rem 1.1rem;}
.sec01 .pic{left: 3.86rem;}
.sec02 .l3{font-size: 0.22rem;}

.sec02 .pic {
    position: absolute;
    left: 5.8rem;
    top: 0;
    margin-top: -2.65rem;
    width: 10.5rem;
}
.sec02 .text{padding: 1.35rem 0 1.3rem 1.1rem;}
.secB02 .inner{ padding: 0.86rem 0 0.48rem; text-align: center;}
.secB02 .p1{ font-size:0.44rem; color: #000202; }
.secB02 .p2{ font-size:0.16rem; line-height: 1.6; margin-top: 0.22rem;}
.secB02 .img1{ width:9.46rem; margin-top: 0.94rem;}
.sec03 .one{position: relative;}
.sec03 .one .bjtwo{
    position: absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    animation: iconOpcity 10s linear 0s infinite
}



@media all and (min-width: 768px) {
    .sec03 .one{
        background: url(../img/product/u3600/img2.jpg) no-repeat bottom center;
        background-size: cover;
    }
    .sec03 .one .bjtwo{
        background: url(../img/product/u3600/img2-1.jpg) no-repeat bottom center;
        background-size: cover;
    }
}

@keyframes iconOpcity {
    0% {opacity: 1}
    40%{ opacity: 1 }
    50%{opacity: 0;}
    90%{opacity: 0}
    100%{opacity: 1}
}


.sec03 p{text-align: center;}
.sec03 .one .tp1{padding-top:4.1%; padding-bottom: 1.3%; }
.sec03 .one .tp2{padding-bottom:95.74%; line-height: 1.7; }
.sec03 .inner{display: flex; position: absolute; top:0; padding-top:17.86%;left:50%;transform: translate(-50%); }
.sec03 .kai{ height:6.77rem; border-radius: 0.2rem;}
.sec03 .left{background:#f8b73d;width:6rem; margin-right: 0.62rem;}
.sec03 .left .mid{/*padding:0.83rem 0.83rem 0.44rem;*/}
.sec03 .left .mid video{width:100%; border-radius: 0.2rem;}
.sec03 .right{background:#fff;width:5.84rem; }
.sec03 .right .mid{padding:1.23rem 0.7rem 0.72rem; }
.sec03 .right .mid p{text-align: left;}
.sec03 .right .mid .p1{font-size: 0.4rem;margin-bottom: 0.35rem;  }
.sec03 .right .mid .p2{line-height: 1.9  }
.sec03 .right .mid .p3{font-size: 0.31rem; margin:1.1rem 0 0.15rem;}
.sec03 .right .mid .p3 span{font-size:0.99rem;  }
.sec03 .right .mid .p4 span{border:1px solid #f8b73d; padding:0.06rem 0.15rem; border-radius: 0.15rem; }
.sec03 .two{background: #2a292e url(../img/product/u3600/img12.jpg) no-repeat bottom left;}
.sec03 .two .bgone{width:100%;  display: flex; justify-content: flex-end; margin-top: -1px; }
.sec03 .two .bgone .text{ padding-top: 12.69%;padding-bottom: 17.94%; margin-left: 8.37%;  }
.sec03 .two .bgone .p1{font-size: 0.53rem;text-align: left; margin-bottom: 0.5rem;}
.sec03 .two .bgone .p2{font-size: 0.19rem;text-align: left; line-height: 1.8}
.sec03 .two .bgone .rtimg{width:90.43%; border-bottom-left-radius: 0.3rem; border-top-left-radius: 0.3rem;background: url(../img/product/u3600/img4.jpg) no-repeat bottom center;  background-size: 100%; }


.sec03 .two .txtlist{display: flex; justify-content: space-between; width:11.48rem; margin:0 auto; padding: 1.72% 0 3.6%; }
.sec03 .two .txtlist .pp1{font-size: 0.4rem;}
.sec03 .two .txtlist .pp1 span{font-size: 0.9rem;}
.sec03 .two .txtlist .pp2{text-align: left; margin-top: 0.3rem;}
.sec03 .two .txtlist .pp2 span{font-size: 0.18rem; padding:0.09rem 0.14rem; border:1px solid #f8b73d; border-radius: 0.2rem;}
.sec03 .two .txtlist .pp2 .pspan1{margin-left: 0.15rem;}

.sec04 {
   /* background: url(../img/product/u3600/img6.jpg) no-repeat center;
    background-size: cover;*/
    position: relative;
    /*display: flex;
    justify-content: center;*/
    display: flex;
	align-items:flex-start;
}
.sec04 video{width:100%}
.sec04 .text{position: absolute; top:0; bottom: 0; width:100%; }
.sec04 p{text-align: center; color: #000;}
.sec04 .p1{padding-top:3.59%; font-size: 0.45rem;}
.sec04 .p2{padding:1.08% 0 52.44%; font-size: 0.19rem;}
.sec04 .p2 span{font-size: 0.45rem;}

.sec05{background-image: linear-gradient(#ebb14e,#e59908);}
.sec05 .mid{width:12.7rem; margin:0 auto; padding:2.135% 0 5.41%; }
.sec05 .mid .line{display: flex;align-items: center; margin-bottom: 0.19rem; position: relative;}
.sec05 .mid span{font-size: 0.2rem;   }
.sec05 .mid .span1{padding:0 0.15rem; height: 0.34rem; line-height: 0.34rem; border-radius: 0.17rem; text-align: center; background: #000;width: 0.8rem;
    display: flex;justify-content: space-between; margin-right: 0.22rem;}
.sec05 .mid .span1 a{color:#f8b73d;}
.sec05 .mid .line img{position: absolute;top: 0.08rem; left: 1.28rem;width: 11.55rem;}
.sec05 .mid .line:nth-child(1) img{width:3.55rem;}
.sec05 .mid .line:nth-child(2) img{width:9.26rem;}
.sec06 {
    background: url(../img/product/u3600/img10.jpg) no-repeat center;
    background-size: cover;
}
.sec06 .mid{width:13rem; margin:0 auto; display: flex; align-items: center;}
.sec06 .mid img{width:7.56rem; padding:14.23% 0 3.43%;margin-left: -7%; }
.sec06 .mid .text{margin-top: -1.2rem;margin-left: 0.6rem; }
.sec06 .mid .text .p1{font-size: 0.53rem; color: #000; margin-bottom: 0.48rem;}
.sec06 .mid .text .p2{font-size: 0.19rem; color: #595758; line-height: 2}

@media all and (max-width: 1480px) {
    .secB02 .p2,.sec03 .one .tp2,.sec03 .two .bgone .p2{font-size: 13px;}
    .sontitle{font-size: 12px;}
    .sec06 .mid .text .p2{font-size: 14px;}
}

@media all and (max-width: 767px) {
    .sec01 .text {
        padding: 8% 0 0.88rem 0.9rem;
    }

    .sec01 .l1 {
        font-size: 3.47vw;
        margin-bottom: 5.01vw;
    }

    .sec01 .l2 {
        font-size: 0.73rem;
        margin-bottom: 2.27vw;
    }
    .sec01 .icon{width:100%}
    .sec01 .l3 {
        font-size: 4vw;
    }

    .sec01 .pic {left: auto;right: 8.8vw; top: auto;bottom: 11.27vw;margin-top: 0;width: 1.76rem;}

    .sec02 {
        padding: 1.12rem 0 0.7rem;
        background: #f7f7f7;
    }

    .sec02 .text {
        padding: 0;
        text-align: center;
    }
    .sec02 .text .hd{margin-bottom: 2vw;}
    .sec02 .hd .l1 {
        font-size: 6vw;
        margin-bottom: 0.47rem;
    }
    .sec02 .hd .l2 {
        font-size: 3.73vw;
        margin-bottom: 2.13vw;
    }
    .sec02 .hd .l3 {
        font-size: 0.28rem;
        line-height: 1.46;
        margin-bottom: 1.07vw;
    }

    .sec02 .pic {
        position: static;
        margin: 0 auto;
        width: 100%;
        right:0;
    }
    .sec02 .pic img {
        width: 100%;
        margin-left: 0%;
    }

    .sec03 .one {
        background: url(../img/product/u3600/sp_2.jpg) no-repeat top center;
        background-size: 100% auto;
    }
    .sec03 .one .bjtwo{
        background: url(../img/product/u3600/sp_2-1.jpg) no-repeat top center;
        background-size: 100% auto;
    }


    .secB02 .inner{ padding: 0.86rem 0 0.88rem; }
    .secB02 .img1{width:100%;}
    .secB02 .p2{ font-size: 0.28rem;}
    .sec03 .one .tp1{padding: 1.88rem 0 0.47rem;}
    .sec03 .one .tp2{font-size: 0.26rem; padding-bottom: 1.29rem;}
    .sec03 .inner{position: relative;justify-content: center; padding-top: 0; padding-bottom: 7.39rem;}
    .sec03 .left{margin-right: 0.35rem;}
    .sec03 .kai{width:3.27rem; height: 6.4rem;}
    .sec03 .left img,.sec03 .left .mid{height:100%;}
    .sec03 .left img{border-radius: 0.18rem;}
    .sec03 .right .mid{padding:0.45rem 0.28rem 0.4rem; box-sizing: border-box; }
    .sec03 .right .mid .p1{font-size: 0.33rem;margin-bottom: 0.33rem;}
    .sec03 .right .mid .p2{font-size: 0.24rem;line-height: 1.4;}
    .sec03 .right .mid .p3{margin:0.4rem 0 0.16rem;}
    .sec03 .right .mid .p3 span{font-size: 0.7rem;}
    .sec03 .right .mid .p4 span{font-size: 0.24rem; padding: 0.03rem 0.19rem; border-radius: 0.16rem;}
    .sec03 .two{padding-bottom: 0.8rem; background: #2a292e url(../img/product/u3600/sp_3.jpg) no-repeat bottom left;}
    .sec03 .two .bgone .p1{font-size: 0.45rem;margin-bottom: 0.4rem;}
    .sec03 .two .bgone .rtimg{background: url(../img/product/u3600/sp_1.jpg) no-repeat top center; background-size: 100%; width:7.2rem; }
    .sec03 .two .bgone .text{padding:0.93rem 0 6.3rem;margin-left: 1.28rem;}
    .sec03 .two .bgone .p2{font-size: 0.26rem;line-height: 1.7;}
    .sec03 .two .txtlist{width:100%; padding: 0.75rem  0.31rem 0;box-sizing: border-box;}
    .sec03 .two .txtlist .pp1{font-size: 0.28rem; text-align: left;}
    .sec03 .two .txtlist .pp1 span{font-size: 0.7rem;}
    .sec03 .two .txtlist .pp2 span{font-size: 0.22rem;padding: 0.05rem 0.14rem;}
    .sec04 .p1{padding-top: 1.12rem;}
    .sec04 .p2{font-size: 0.26rem; padding: 0.3rem 0 6.4rem; line-height: 1.7;}
    .sec04 .p2 span{font-size: 0.26rem;}
    .sec06 {
        background: url(../img/product/u3600/sp_6.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    .sec06 .mid{width:100%; position: relative;}
    .sec06 .mid .text{position: absolute; top:0; margin-top: 0;margin-left: 0.92rem;}
    .sec06 .mid .text .p1{font-size: 0.45rem; padding: 0.94rem 0 0.3rem; margin-bottom:0;}
    .sec06 .mid .text .p2{font-size: 0.26rem; color: #353535;line-height: 1.7;}
    .sec06 .mid img{padding: 3.89rem 0 3.43%;}
}