.colorf8{color: #f8b73d;}
.sec01{background: #f8b73d;}

.sec01 .pic{left: 32.86%;}
.sec01 .icon{width:1.75rem;}
.sec01 .l1 {margin-bottom: 0.25rem;}
.sec01 .l2{margin-bottom: 0.13rem;}
.sec01 .l3{font-size: 0.24rem;}
.sec01 .text{padding: 1.02rem 0 0.54rem 1.1rem;}
.sec01 .text .lb3{margin-bottom: 0.34rem;}
.sec02 .pic {
    position: absolute;
    right: -19%;
    top: 0;
    margin-top: -14.36%;
    width: 100.71%;
}

.sec02 .text{padding: 1.13rem 0 1.3rem 1.1rem;}
.sec02 .bd {
    /*background: url(../img/product/u1600/img2.gif) no-repeat center;
    background-size: cover;*/
    background: #232325;
    padding: 0;

}
.sec02 #video2{width:45%;margin-left: -0.8rem; vertical-align: top;}
.sec02 .bd .inner{width:14rem;display: flex;justify-content: space-between; align-items: center;}
.sec02 .bd .rttext{width:62.85%; height:5rem; margin-right: -7%;}
.sec02 .bd .rttext .bgtitle{color: #f8b73d; text-align: center; margin-bottom: 1.38rem;}
.sec02 .bd .rttext ul{display: flex; justify-content: space-between;}
.sec02 .bd .rttext li{width:29.59%; margin:0;}
.sec02 .bd .rttext li img{width:8.75vw; max-width: 1.68rem;  margin-bottom: 0.45rem;}
.sec02 .bd .rttext li .tt{ color: #ffffff; line-height: 1.6; }
.sec03 .one{
    background:#f4f8f9 url(../img/product/u1600/bj1.jpg) no-repeat;
    background-position: center ;
    background-size: cover;
    padding:5.73% 0 5.6%;
}
.sec03 .one .inner{}
.sec03 .title1{font-size: 0.2rem; color: #353535; text-align: center; }
.sec03 .title2{color: #000202; text-align: center; padding-top:2.9%; padding-bottom: 9.37%;}
.sec03 .bgnum{font-size: 1.04rem;}
.sec03 .cirimg{width:98.42%; margin: 0 auto; position: relative;}
.sec03 .cirimg img{width:100%}
.sec03 .cirimg .posimg{position: absolute; width:100px;}
.sec03 .cirimg .img1{bottom: 17%;left: 9.8%; width:12.42%; animation: float1 6.5s linear 0s infinite;}
.sec03 .cirimg .img2{top: 16%;right: -1%; width:13.07%; animation: float1 6s linear 0s infinite;}
.sec03 .cirimg .img3{bottom: 22%;left: 46%; width:13.07%;animation: float2 8s linear 0s infinite;}
.sec03 .cirimg .img4{top: 7.92%;left: 8.5%; width:10.19%; animation: float1 7s linear 0s infinite;}
.sec03 .cirimg .img5{top: -5.08%;right: 14%; width:10.13%;animation: float2 5.5s linear 0s infinite;}
.sec03 .cirimg .posimg2{ position: absolute;left:0; top:0; animation: iconOpcity 10s linear 0s infinite }

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

@keyframes float1 {
    0% {transform: translate3d(0, 0, 0);}
    40% {transform: translate3d(10px,0, 0); }
    80% {transform: translate3d(-10px,0, 0); }
    100% {transform: translate3d(0, 0, 0);}
    20% {transform: translate3d(0, 7px, 0);}
    40% {transform: translate3d(-10px, 5px, 0); }
    60% {transform: translate3d(0, 10px, 0);}
    80% { transform: translate3d(5px, 5px, 0);}
    100% {transform: translate3d(0, 0, 0);}
}
@keyframes float2 {
    0% {transform: translate3d(0, 0, 0);}
    20% {transform: translate3d(-2px, -8px, 0);}
    40% {transform: translate3d(-10px, -3px, 0); }
    60% {transform: translate3d(0, 1px, 0);}
    80% { transform: translate3d(8px, -1px, 0);}
    100% {transform: translate3d(0, 0, 0);}
}
@keyframes float3{
    0% {transform: translate3d(0, 0, 0);}
    20% {transform: translate3d(2px, 4px, 0);}
    40% {transform: translate3d(-2px, 5px, 0); }
    60% {transform: translate3d(0px, -3px, 0);}
    80% { transform: translate3d(4px, 0px, 0);}
    100% {transform: translate3d(0, 0, 0);}
}


.sec03 .ftt{color: #353535; text-align: center; line-height: 1.7}
.sec03 .two{display: flex; background: #f4f8f9;}
.sec03 .two .ylleft{width:59.79%; background: #f5b63f; border-bottom-right-radius: 17px;border-top-right-radius: 17px;}
.sec03 .two .ylleft p{color: #1a1a1a; }
.sec03 .two .ylleft .p1{margin-top: 0.28rem; }
.sec03 .two .ylleft p span{display: inline-block;width:34.84%; height:1.04rem; line-height: 1.04rem; text-align: center; position: relative;transition: all 0.5s ease;cursor: pointer; }
.sec03 .two .ylleft p span:after{
    content: '';display: block; width:0; border-left:16px solid #1a1a1a;border-bottom:9px solid transparent; border-top:9px solid transparent; position: absolute; right:0.58rem;bottom: 50%; margin-bottom: -9px;
}
.sec03 .two .ylleft p.on span{color: #fff; background: #232226; }
.sec03 .two .ylleft p.on span:after{border-left:16px solid #fff;}
.sec03 .two .ylleft .lbimg{height:9.39rem; display: none; position: relative;}
.sec03 .two .ylleft .lbimg img{ position: absolute; left:50%; bottom:40%;transform: translate(-50%,40%); width:70%; /*max-width:7.6rem;*/ }
.sec03 .two .ylleft .lbimg.on{display: block}
.sec03 .two .ylleft .lbimg.on img:nth-child(2){display: block}
.sec03 .two .blkright{background: #232325; width:33.95%;margin: 1.5rem 0 0.74rem;border-bottom-right-radius: 17px;border-top-right-radius: 17px;}
.sec03 .two .blkright .mid{width:60.43%; margin-left:17.48%; display: none;}
.sec03 .two .blkright .mid.on{display: block;}
.sec03 .two .blkright .bgp{margin:1.2rem 0 1.37rem;}
.sec03 .two .blkright .nb{padding-bottom: 0.54rem;}
.sec03 .two .blkright .nb p{ color: #fff;}
.sec03 .two .blkright .nb .p1{font-size: 0.18rem;}
.sec03 .two .blkright .nb .p1 span{font-size: 0.72rem;}
.sec03 .two .blkright .nb .p2{height:0.09rem; background: #eeb03b; border-radius: 4.5px; margin:0.08rem 0 0.12rem; width:0; transition: width 1s ease;}
.sec03 .two .blkright .nb.visible .p2{width:100%;}
.sec03 .two .blkright .nb .p3{font-size: 0.18rem; text-align: right;}
.sec03 .two .blkright .bgy{background: #2e2e2e; width:100%; height:1.28rem; border-radius: 15px; display: flex; align-items: center; margin-top: 1.02rem;}
.sec03 .two .blkright img{width:0.88rem; margin:0 0.2rem;}
.sec03 .two .blkright .bgy p{font-size: 0.22rem; color: #f8b73d; line-height: 1.7;}
.sec03 .three {
    background: url(../img/product/u1600/bj3.jpg) no-repeat top;
    background-size: cover;
}
.sec03 .three .inner{ padding-top: 11.55%; position: relative; display: flex; justify-content: flex-end; align-items: center;}
.sec03 .three .text{left:6.5%; position: absolute; margin-top: -8%; width:32%;}
.sec03 .three .text .p1{color: #000202; margin-bottom: 0.84rem;}
.sec03 .three .text .p2{color: #595959; line-height: 1.4;}
.sec03 .three .text .pp2{margin-bottom: 0.14rem; }
.sec03 .three img{ width:62.42%;margin-right:5.5%; padding-bottom: 6%;margin-top: 0.4rem;}
.sec04 {
   position: relative;
}
.sec04 video{width:100%;vertical-align: top;}
.sec04 .text{position: absolute; top:0; left:0; width:100%;}
.sec04 p{text-align: center;}
.sec04 .p1{padding-top:8.17%;}
.sec04 .p2{padding-top:2.08%}

@media all and (max-width: 1480px) {
    .sec03 .ftt.fontsize16{font-size: 13px !important;}
    .sec03 .three .text .p2.fontsize16{font-size: 13px !important;}
}


@media all and (max-width: 767px) {
    .sec01 .text {
        padding: 8% 0 8.27% 0.91rem;
    }
    .sec01 .icon{}
    .sec01 .l1 {
        font-size: 3.47vw;
        margin-bottom: 5.01vw;
    }

    .sec01 .l2 {
        font-size: 0.73rem;
        margin-bottom: 0.18rem;
    }

    .sec01 .l3 {
        font-size: 0.3rem;
    }
    .sec01 .text .lb3{margin-bottom: 0.28rem;}
    .sec01 .pic {left: auto;right: 1rem; top: auto;bottom: 16.27vw;margin-top: 0;width: 20vw;}

    .sec02 {
        padding-top: 1.2rem;
        background: #f7f7f7;
    }

    .sec02 .text {
        padding: 0;
        text-align: center;
    }
    .sec02 .text .hd{margin-bottom: 1.2rem;}
    .sec02 .hd .l1 {
        font-size: 0.48rem;
        margin-bottom: 4.13vw;
    }

    .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 {
        padding-bottom: 0.5rem;
        position: static;
        margin: 0 auto;
        width: 100%;
        right:0;
    }
    .sec02 .pic img {
        width: 130%;
        margin-left: -23%;
    }

    .sec02 .bd {
        padding: 0;
    }
    .sec02 .bd .inner{height:8.78rem; position: relative; display: block; }
    .sec02 .bd .rttext .bgtitle{color: #fff;margin-bottom: 1.34rem;}
    .sec02 .bd .rttext{position: absolute; width:100%;top:1.3rem;}
    .sec02 .bd ul {
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .sec02 li {
        margin: 0 9.6vw 8.67vw;
        font-size: 3.2vw;
        width:2.27rem;
    }
    .sec02 .bd .rttext ul{margin: 0 0.32rem;}
    .sec02 .bd .rttext li img{width:1.7rem; border-radius: 50%;}
    .sec02 .bd .rttext li .tt{font-size: 0.2rem !important;}
    .sec03 .one{padding: 0.9rem 0 0.92rem; background: #f4f8f9 url(../img/product/u1600/sp_1.jpg) no-repeat;background-size: 100% 100%;}
    .sec03 .title1{font-size: 0.28rem;}
    .sec03 .title2{padding:0.4rem 0 0.8rem; font-size: 0.6rem !important;}
    .sec03 .bgnum{font-size: 1.15rem;}
    .sec03 .cirimg{width: 94.42%; margin-bottom: 1rem;}
    .sec03 .ftt.fontsize16{font-size: 0.26rem !important;}
    .sec03 .two{display: block; background: #f5b63f; padding-bottom: 0.75rem;}
    .sec03 .two .ylleft{width:100%; border-radius: 0;}
    .sec03 .two .ylleft .tabmain{width:100%; display: flex;}
    .sec03 .two .ylleft p{height:1.04rem; width:50%;}
    .sec03 .two .ylleft p span{width:100%;background:#f5b63f; color:#1a1a1a ;}
    .sec03 .two .ylleft p.on span{width:100%;background: #232226; color:#fff ;}
    .sec03 .two .ylleft .p1{margin-top: 0;}
    .sec03 .two .ylleft p span:after{transform: rotate(0deg); transition: all 0.5s ease; border-bottom: 6px solid transparent;
        border-top: 6px solid transparent;border-left: 12px solid #1a1a1a;margin-bottom: -5.5px;}
    .sec03 .two .ylleft p.on span:after{transform: rotate(90deg); border-left:12px solid #fff;}

    .sec03 .two .ylleft .lbimg{height: 7.64rem;}
    .sec03 .two .ylleft .lbimg img{width:90%;}
    .sec03 .two .blkright{margin: 0; width:7.17rem; height: 7.92rem; overflow: hidden;}
    .sec03 .two .blkright .mid{width:5.76rem; margin: 0 auto;}
    .sec03 .two .blkright .nb .p1{font-size: 0.24rem;}
    .sec03 .two .blkright .nb .p3{font-size: 0.26rem;}
    .sec03 .two .blkright .nb{padding-bottom: 0.5rem;}
    .sec03 .two .blkright .bgp{margin: 0.87rem 0 0.6rem;}
    .sec03 .two .blkright .bgy{margin-top: 0.4rem;}

    .sec03 .three {
        background: url(../img/product/u1600/sp_2.jpg) no-repeat top;
        background-size: cover;
        height: 10.54rem;
    }
    .sec03 .three .inner{display: block; padding-top:1.08rem;  }
    .sec03 .three .text{position: relative; width:100%; text-align: center;left:0;margin-top:0;}
    .sec03 .three .text .p1{margin-bottom: 0.48rem;}
    .sec03 .three .text .p2{font-size: 0.26rem !important;}
    .sec03 .two .blkright .bgy p{font-size: 0.26rem;}
    .sec03 .three img{margin-top: 1.63rem; width:117%; margin-left: -17%;}
    .sec04 .p1{padding-top: 1.72rem;}
    .sec04 .p2{font-size: 0.26rem !important;padding-top: 0.5rem; line-height: 1.7}
}