.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.2rem; line-height: 1.2; color: #595757;}

.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;}
.innerb{ width:12.44rem; margin: 0 auto;  }
.sec03{  background: #2B2A2E;  }
.sec03 .one .p1{  font-size: 0.5rem; font-weight: bold; color: #fff; text-align: center; padding: 1.9rem 0 1.6rem; line-height: 1.2; }

.sec03 .two .ltimg{ width:6rem; }
.sec03 .two .rttext{ width:5.8rem; background: #FFFFFF; border-radius: 15px; padding:0.88rem 0.68rem 0.64rem; box-sizing: border-box;}
.sec03 .two .rttext .p1{ font-size: 0.36rem; color: #000; margin-bottom: 0.44rem; }
.sec03 .two .rttext .p2{ font-size: 0.18rem; color: #000; margin-bottom: 0.2rem; line-height: 1.3;}
.sec03 .two .rttext .p3{ font-size: 0.4rem; color: #EEAD3D; margin-top: 1.1rem;}
.sec03 .two .rttext .p3 span{ font-size: 0.7rem; }
.sec03 .two .rttext .p4{margin-top: 0.2rem;}
.sec03 .two .rttext .p4 span{ font-size: 0.16rem; color: #EEAD3D; border:1px solid #EEAD3D; height: 0.32rem; width:1.36rem; border-radius: 0.16rem;}
.sec03 .three{
    background: url('../../img/product/u3600/img12.jpg') no-repeat;
    background-size: 56.3% auto;
    background-position: left 6rem;
}
@media all and (min-width: 1921px) {
    .sec03 .three{
        background-position: left 30%;
    }
}
.sec03 .three .wca{position: relative; margin-top: 2.37rem; }
.sec03 .three .rtbox{ width:89.5%; height: 10.47rem; background: #F2F4F3; border-top-left-radius: 0.6rem; border-bottom-left-radius: 0.6rem; float: right;}

.sec03 .three .rtbox .inner{left:50%; transform: translateX(-50%); top:0; position: absolute;}
.sec03 .three .rtbox .text{text-align: right; margin-top: 1.4rem;}
.sec03 .three .rtbox .text .p1{font-size: 0.42rem; font-weight: bold; margin-bottom: 0.34rem;}
.sec03 .three .rtbox .text .p2{font-size: 0.22rem; margin-bottom: 0.14rem;}
.sec03 .three .rtbox .imgs{margin-top: 1rem; position: relative;}
.sec03 .three .rtbox .imgs .img1{width:5.08rem;}
.sec03 .three .rtbox .imgs .img2{width:7.63rem; margin-left: -0.2rem;}
.sec03 .three .rtbox .imgs .img3{width:4.74rem; position: absolute; right:0; top:0;}
.sec03 .three .yqbox{ clear: both; padding: 2rem 0 0; }
.sec03 .three .yqbox .text{ color: #FFA31D;}
.sec03 .three .yqbox .text .p1{ font-size: 0.42rem; font-weight: bold; margin-bottom: 0.37rem;}
.sec03 .three .yqbox .text .p2{ font-size: 0.22rem; margin-bottom: 0.18rem; }
.sec03 .three .yqbox .text .p2.small{ font-size: 0.14rem;  }
.sec03 .three .yqbox .aniimgbox{padding-bottom: 7.82rem; width: 110%; position: relative; margin-top: 1rem;margin-left: -8%; }
.sec03 .three .yqbox .aniimg{position: absolute; bottom: 1rem;}
.title50{
    font-size: 0.5rem; font-weight: bold; text-align: center;
}
.sec04{padding: 1.85rem 0 1.78rem;}
.sec04 .text{text-align: center;}
.sec04 .text .p1{ color: #000202; margin-bottom: 0.26rem; }
.sec04 .text .p2{ font-size: 0.2rem;  color: #595757; line-height: 1.5; }
.sec04 .imgb{padding: 2rem 1.34rem 0; box-sizing: border-box; align-items: flex-end; }
.sec04 .imgb .imgs{position: relative;}
.sec04 .imgb .p1{position: absolute; bottom: 0.68rem; width: 100%;}
.sec04 .imgb p{text-align: center; font-size:0.2rem; color: #595757; margin-top: 0.26rem; }
.sec05{
    background: url('../../img/product/u3600/en_img7.jpg') no-repeat;
    background-size: cover;
    background-position: center;
    padding: 2rem 0 2.32rem;
}
.sec05 .title{  color: #fff; line-height: 1.4; margin-bottom: 1.3rem;}
.sec05 .iconbox{padding: 0 0.36rem; box-sizing: border-box;}
.sec05 .iconbox .iconlist p{font-size: 0.2rem; color: #fff; text-align: center; margin-top: 0.4rem; line-height: 1.2;}
.sec05 .iconbox .iconlist .border{width:2.8rem; height:2.93rem; border-radius: 10px; border:2px solid rgba(232,184,99,0.9); background: #4F4F4F; overflow: hidden; margin: 0 auto;}
.sec05 .iconbox .iconlist .border img{transition:transform 2.5s ease; }
.sec05 .iconbox .iconlist .border1 img{width:1.47rem;}
.sec05 .iconbox .iconlist .border2 img{width:1.28rem;}
.sec05 .iconbox .iconlist .border3 img{width:0.93rem;}
.sec05 .iconbox .iconlist:hover img{ transform: scale(1.1);  }
.sec06 { background: #f4f8f9; padding:1.72rem 0 1rem;}
.sec06 .title50{line-height: 1.2;}
.sec06 .circle{ padding:0 0.26rem; box-sizing: border-box;}
.sec06 .circlelist{ width:2.76rem; height: 2.76rem; border-radius: 50%; border: 0.07rem solid #F4A525; box-sizing: border-box; flex-direction: column; margin-top: 1.38rem; cursor: pointer; transition:background 0.2s ease,opacity .8s ease-out, transform .6s ease-out; }
.sec06 .circlelist:hover,.sec06 .circlelist.on{ background: #F4A525; }
.sec06 .circlelist:hover p,.sec06 .circlelist.on p{ color: #000;}
.sec06 .circlelist p{ transition:color 0.2s ease; }
.sec06 .circlelist .p1{ font-size: 0.8rem; color: #F4A525; text-align: center; }
.sec06 .circlelist .p2{ font-size: 0.2rem; color: #F4A525; text-align: center;line-height: 1.2; margin-top: 0.1rem; }
.sec06 .circleSonBox{ background: linear-gradient(to top,#E5990B,#FFB73B); width:16rem; margin: 0 auto; height: 5rem; border-radius: 0.2rem; position: relative; margin-top: 1.3rem;}
.sec06 .circleSonBox .img{ position: absolute;  opacity: 0; visibility: hidden; transition:opacity 0.2s ease,visibility 0.2s ease; width:100%; height: 100%; }
.sec06 .circleSonBox .img1 img{ width:12.98rem}
.sec06 .circleSonBox .img2 img{ width:12.98rem}
.sec06 .circleSonBox .img3 img{ width:13.82rem}
.sec06 .circleSonBox .img.on{ opacity: 1; visibility: visible; }
.sec06 .circleSonBox .jt{display: block; width:0; border-bottom: 40px solid #FFB73B;  border-right: 30px solid transparent;  border-left: 30px solid transparent; position: absolute; left:50%; top:-39px;}
.sec06 .circleSonBox .img1 .jt{transform: translateX(calc(1.38rem - 5.95rem - 30px)); }
.sec06 .circleSonBox .img2 .jt{transform: translateX(-30px); }
.sec06 .circleSonBox .img3 .jt{transform: translateX(calc(5.95rem - 1.38rem  - 30px)); }
.sec07{
    background: url('../../img/product/u3600/en_img14.jpg') no-repeat;
    background-size: cover;
    background-position: center top;
   /* padding-bottom: 9.2rem;*/
    padding-bottom: 47.92%;
    position: relative;
}
.sec07 .bigimg{ position: absolute; width:13rem; top:50%; transform: translateY(-50%); }

@media all and (max-width: 1480px) {
    .sec02 .l3,
    .sec03 .two .rttext .p2,
    .sec04 .text .p2,
    .sec05 .iconbox .iconlist p
    {font-size: 13px}
}

@media all and (max-width: 767px) {
    .innerb{width:100%;}
    .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.24rem;
        line-height: 1.46;
        margin-bottom: 1.07vw;
    }

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

    .sec03 .one .p1{ padding: 1.25rem 0; }
    .sec03 .two .inner{ flex-wrap: wrap; justify-content: center; }
    .sec03 .two .ltimg{width:6.84rem;}
    .sec03 .two .rttext{width:6.84rem; padding: 0.92rem 0.8rem 0.66rem; margin-top: 0.9rem;}
    .sec03 .two .rttext .p2{font-size: 0.24rem;}
    .sec03 .two .rttext .p3{margin-top: 1.35rem; font-size: 0.54rem;}
    .sec03 .two .rttext .p3 span{font-size: 0.96rem;}
    .sec03 .two .rttext .p4 span{font-size: 0.22rem; width:1.87rem; height:0.42rem; border-radius: 0.21rem;}
    .sec03 .three{background-position: left 13.5rem;}
    .sec03 .three .rtbox{
        width:6.84rem; border-radius: 0.16rem; margin: 0 auto; float: none; height: auto; padding-bottom: 1rem;
    }
    .sec03 .three .wca{margin-top: 1.18rem;}
    .sec03 .three .rtbox .inner{position: unset;  transform:none;}
    .sec03 .three .rtbox .text{ text-align: left; padding: 1.06rem 0.7rem 0.9rem 0.8rem; box-sizing: border-box;}
    .sec03 .three .rtbox .text .p1{margin-bottom: 0.5rem; line-height: 1.3;}
    .sec03 .three .rtbox .text .p2{ line-height: 1.5; font-size: 0.24rem;}
    .sec03 .three .rtbox .imgs{
        margin-top: 0; display: block; text-align: center;
    }
    .sec03 .three .rtbox .imgs .img1{width:4.35rem; height: auto; margin: 0 auto;}
    .sec03 .three .rtbox .imgs .img3{width:4.1rem; margin: 0.6rem auto 0; height: auto; position: relative;}
    .sec03 .three .yqbox .text{padding: 0 0.4rem 0 0.7rem; box-sizing: border-box;}
    .sec03 .three .yqbox .text .p2{line-height: 1.5; font-size: 0.24rem;}
    .sec03 .three .yqbox .aniimgbox{ width: 6.8rem; margin: 0 auto; padding-bottom: 6rem;}
    .sec03 .three .yqbox .aniimg{bottom: 0.8rem;}

    .sec03 .three .yqbox .text .p1{line-height: 1.3;}

    .sec04 {
        padding: 1.4rem 0 1.4rem;
    }
    .sec04 .text .p1{font-size: 0.42rem; margin-bottom: 0.4rem;}
    .sec04 .text .p2{font-size: 0.24rem;}
    .sec04 .imgb{ padding: 0.96rem 0.76rem 0;}
    .sec04 .imgb .img1{ width:3.74rem;}
    .sec04 .imgb .img2{ width:1.78rem;}
    .sec04 .imgb p{font-size: 0.26rem;}
    .sec04 .imgb .p1{position: absolute; bottom: 0.62rem; width: 100%;}
    .sec05{padding: 1.3rem 0 1.98rem;}
    .sec05 .title{font-size: 0.42rem; margin-bottom: 1.1rem;}
    .sec05 .iconbox .iconlist .border{ width:1.74rem; height: 1.82rem; margin: 0 auto; }
    .sec05 .iconbox .iconlist .border1 img{width:0.87rem;}
    .sec05 .iconbox .iconlist .border2 img{width:0.8rem;}
    .sec05 .iconbox .iconlist .border3 img{width:0.58rem;}
    .sec05 .iconbox .iconlist p{font-size: 0.22rem; margin-top: 0.23rem;}
    .sec06{padding: 1.4rem 0 1rem;}
    .sec06 .title50{font-size: 0.42rem;}
    .sec06 .circle{padding: 0 0.56rem;}
    .sec06 .circlelist{width: 1.5rem; height: 1.5rem; position: relative; border: 0.03rem solid #F4A525;}
    .sec06 .circlelist .p1{font-size: 0.72rem;}
    .sec06 .circlelist2 .p1{font-size: 0.5rem;}
    .sec06 .circlelist3 .p1{font-size: 0.66rem;}
    .sec06 .circlelist .p2{ position: absolute;bottom: -0.8rem; white-space: nowrap; font-size: 0.24rem;}
    .sec06 .circleSonBox{ height: 9.5rem; width:6.84rem; }
    .sec06 .circleSonBox .jt{
        border-bottom: 20px solid #FFB73B;
        border-right: 20px solid transparent;
        border-left: 20px solid transparent;
        top: -19px;
    }
    .sec06 .circleSonBox .img img{max-width: 100%;}
    .sec06 .circleSonBox .img1 .jt{left: calc(0.95rem - 20px); transform:none;}
    .sec06 .circleSonBox .img2 .jt{transform:translateX(-20px);}
    .sec06 .circleSonBox .img3 .jt{transform: translateX(calc(20px - 0.95rem));  right: 0;  left: unset;}
    .sec06 .circleSonBox .img1 img{width:3.98rem;}
    .sec06 .circleSonBox .img2 img{width:2.81rem;}
    .sec06 .circleSonBox .img3 img{width:4.44rem;}
    .sec07{padding-bottom: 5.85rem;}
    .sec07 .bigimg{transform: translate(-5%,-56%); width:100%;}

}