img{width: 100%;}
.sec01 .text {  padding: 0.8rem 0 0.54rem 1rem;  }
.sec01 .l2{font-size: 0.6rem;}
.sec02 .pic{width: 97%;}
.sec02 .text{padding: 0.87rem 0 2.3rem 1.1rem;}
.sec02 .blockListBox{padding: 1rem 0.8rem 1.6rem; box-sizing: border-box;}
.blockListBox{ align-items: flex-start;}
.blockListBox .li:first-child{ margin-top: -0.12rem;}
.blockListBox .li:last-child{ margin-top: -0.15rem;}
.blockListBox .li p{ font-size: 0.2rem; color: #595959; line-height: 1.3; margin-top: 0.3rem;}
.blockListBox .li:last-child p{ margin-top: 0.2rem;}
.blockListBox .li .img{ width: 1.4rem; font-size: 0.18rem; color: #eead3d;}
.blockListBox .li .img span{ font-size: 0.77rem;}
.sec02 .blockListBox .li p{line-height: 1.5;}

.sec03 .two{ background: #f5b63f;  }
.sec03 .two .ylleft{background: none;}
.sec03 .two .ylleft .lbimg img{ width:60%; }
.sec03 .two .ylleft .lbimg1 img{ bottom: 50%; }
.sec03 .two .blkright{border-radius: 17px; margin: 1.13rem 0 1.68rem;width:29.95%;}
.sec03 .two .blkright .mid{ padding-top:0.78rem; padding-bottom: 0.45rem; box-sizing: border-box; }
.sec03 .two .blkright .bgy{background: none; display: block; margin-top: 0; }
.sec03 .two .blkright img{width: 0.4rem;}
.sec03 .two .blkright .bgy p{font-size: 0.16rem;}
.sec03 .two .blkright .bgy .p1{margin-bottom: 0.14rem;}
.sec03 .two .blkright .bgy .img2{margin-left: 0.24rem;}
.sec03 .two .blkright .nb{padding-bottom: 0.65rem;}
.sec03 .two .ylleft .lbimg {  height: 8.46rem;}
.sec03 .two .blkright .lis {  display: flex; flex-direction: column; align-items: center; color: #f8b73d;}
.sec03 .two .blkright .lis2 { margin-left:0.46rem; margin-right: 0.34rem;}
.sec03 .two .blkright img{margin: 0.25rem 0 0.1rem;}
.sec03 .two .ylleft .p1{margin-top: 0.58rem;}
.sec03 .two .blkright .u1600 .bgy{margin-top: 2rem;}


.entwoa{padding: 1.8rem 0 0.72rem;}
.entwoa .title{ font-size:0.5rem; text-align: center; }
.entwoa .li .img{width: 0.9rem; }
.entwoa .li .p1{font-size: 0.24rem; font-weight: 700; color: #595757;  text-align: center;}
.entwoa .li .p2{font-size: 0.20rem;color: #595757; margin-top: 0.16rem;text-align: center;}
.entwoa .blockListBox{align-items: flex-end; margin-top: 1.18rem; padding: 0 0.8rem; box-sizing: border-box;}
.entwoa .blockListBox .li{display: flex; flex-direction: column; align-items: center;}
.entwoa .yqimg{width:16.84rem; margin: 0.7rem auto 0;}

.entwoa .cls-1 {  fill: #fff;  }
.entwoa .cls-2, .cls-4, .cls-5 {  fill: none;  }
.entwoa .cls-2, .cls-4, .cls-5, .cls-9 {  stroke: #eead3d;  stroke-linecap: round;  stroke-linejoin: round;  }
.entwoa .cls-3, .cls-4 {  opacity: 0.6;  }
.entwoa .cls-5 {  stroke-width: 2px;  }
.entwoa .cls-10, .cls-6 {  opacity: 0.6;  }
.entwoa .cls-6 {  fill: url(#未命名的渐变_19);  }
.entwoa .cls-13, .cls-7, .cls-8 {  fill: #f8b73d;  }
.entwoa .cls-8 {  font-size: 17.88px;  font-family: HelveticaNeueLTPro-Md, Helvetica Neue LT Pro;  font-weight: 500;  }
.entwoa .cls-9 {  fill: #fef3e0;  }
.entwoa .cls-10 {  fill: url(#未命名的渐变_2);  }
.entwoa .cls-11 {  fill: #f8b83d;  }
.entwoa .cls-12 {  fill: #eead3d;  }
.entwoa .cls-13 {  font-size: 13.81px;  font-family: SourceHanSansCN-Regular-GBpc-EUC-H, Source Han Sans CN;  }


.entwoa svg .line1{  stroke-dasharray: 100; stroke-dashoffset: 0;  }
.entwoa svg .line2{  stroke-dasharray: 50; stroke-dashoffset: 0;  }
.entwoa svg .line3{  stroke-dasharray: 60; stroke-dashoffset: 0;  }
.entwoa svg .line4{  stroke-dasharray: 100; stroke-dashoffset: 0;  }
.entwoa svg .line5{  stroke-dasharray: 20; stroke-dashoffset: 0;  }
.entwoa svg .line6{  stroke-dasharray: 100; stroke-dashoffset: 0;  }
.entwoa svg .line7{  stroke-dasharray: 50; stroke-dashoffset: 0;  }
.entwoa svg .line8{  stroke-dasharray: 100; stroke-dashoffset: 0;  }
.entwoa svg .line9{  stroke-dasharray: 50; stroke-dashoffset: 0;  }
.entwoa svg .line10{  stroke-dasharray: 100; stroke-dashoffset: 0;  }
.entwoa svg .line11{  stroke-dasharray: 100; stroke-dashoffset: 0;  }
.entwoa .yqimg.visible svg .line1{ animation: dashoffset 4s linear infinite running;}
.entwoa .yqimg.visible svg .line2{ animation: dashoffset 4s linear infinite running;}
.entwoa .yqimg.visible svg .line3{ animation: dashoffset 4s linear infinite running;}
.entwoa .yqimg.visible svg .line4{ animation: dashoffset2 4s linear infinite running;}
.entwoa .yqimg.visible svg .line5{ animation: dashoffset 10s linear infinite running;}
.entwoa .yqimg.visible svg .line6{ animation: dashoffset2 5s linear infinite running;}
.entwoa .yqimg.visible svg .line7{ animation: dashoffset 5s linear infinite running;}
.entwoa .yqimg.visible svg .line8{ animation: dashoffset2 5s linear infinite running;}
.entwoa .yqimg.visible svg .line9{ animation: dashoffset3 5s linear infinite running;}
.entwoa .yqimg.visible svg .line10{ animation: dashoffset2 5s linear infinite running;}
.entwoa .yqimg.visible svg .line11{ animation: dashoffset2 5s linear infinite running;}


@keyframes dashoffset {
    0%{ stroke-dashoffset:0; } 100%{ stroke-dashoffset:400; }
}
@keyframes dashoffset2 {
    0%{ stroke-dashoffset:0; } 100%{ stroke-dashoffset:600; }
}
@keyframes dashoffset3 {
    0%{ stroke-dashoffset:0; } 100%{ stroke-dashoffset:-300; }
}
.ensec04{  background: #2B2A2E;  }
.ensec04 .one .p1{  font-size: 0.5rem; font-weight: bold; color: #fff; text-align: center; padding: 1.9rem 0 1.6rem; line-height: 1.2; }
.ensec04 .two .ltimg{ width:6rem; }
.ensec04 .two .rttext{ width:5.8rem; background: #FFFFFF; border-radius: 15px; padding:0.88rem 0.68rem 0.64rem; box-sizing: border-box; font-size: 0.18rem;}
.ensec04 .two .rttext .p1{ font-size: 0.36rem; color: #000; margin-bottom: 0.44rem; }
.ensec04 .two .rttext .p2{ font-size: 0.18rem; color: #000; margin-bottom: 0.2rem; line-height: 1.3;}
.ensec04 .two .rttext .p3{ font-size: 0.4rem; color: #EEAD3D; margin-top: 1.1rem;}
.ensec04 .two .rttext .p3 span{ font-size: 0.7rem; }
.ensec04 .two .rttext .p4{margin-top: 0.2rem;}
.ensec04 .two .rttext .p4 span{ font-size: 0.16rem; color: #EEAD3D; border:1px solid #EEAD3D; height: 0.32rem; width:1.36rem; border-radius: 0.16rem;}
.ensec04 .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) {
    .ensec04 .three{
        background-position: left 30%;
    }
}
.ensec04 .three .wca{position: relative; margin-top: 2.37rem; }
.ensec04 .three .rtbox{ width:89.5%; height: 10.47rem; background: #F2F4F3; border-top-left-radius: 0.6rem; border-bottom-left-radius: 0.6rem; float: right;}
.ensec04 .three .rtbox .inner{left:50%; transform: translateX(-50%); top:0; position: absolute;}
.ensec04 .three .rtbox .text{text-align: right; margin-top: 1.4rem;}
.ensec04 .three .rtbox .text .p1{font-size: 0.42rem; font-weight: bold; margin-bottom: 0.34rem;}
.ensec04 .three .rtbox .text .p2{font-size: 0.22rem; margin-bottom: 0.14rem;}
.ensec04 .three .rtbox .imgs{margin-top: 1rem; position: relative;}
.ensec04 .three .rtbox .imgs .img1{width:5.08rem;}
.ensec04 .three .rtbox .imgs .img2{width:7.63rem; margin-left: -0.2rem;}
.ensec04 .three .rtbox .imgs .img3{width:4.74rem; position: absolute; right:0; top:0;}
.ensec04 .three .yqbox{ clear: both; padding: 2rem 0 0; }
.ensec04 .three .yqbox .text{ color: #FFA31D;}
.ensec04 .three .yqbox .text .p1{ font-size: 0.42rem; font-weight: bold; margin-bottom: 0.37rem;}
.ensec04 .three .yqbox .text .p2{ font-size: 0.22rem; margin-bottom: 0.18rem; }
.ensec04 .three .yqbox .text .p2.small{ font-size: 0.14rem; }
.ensec04 .three .yqbox .aniimgbox{padding-bottom: 7.82rem; width: 110%; position: relative; margin-top: 1rem;margin-left: -6%; }
.ensec04 .three .yqbox .aniimg{position: absolute; bottom: 1rem; left:0; width: 100%;}
.innerb {
    width: 12.44rem;
    margin: 0 auto;
}

.ensec06 { background: #f4f8f9; padding:1.72rem 0 1rem;}
.ensec06 .title50{line-height: 1.2; font-size: 0.5rem;  font-weight: 700;  text-align: center;}
.ensec06 .circle{ padding:0 0.26rem; box-sizing: border-box;}
.ensec06 .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; }
.ensec06 .circlelist.on{ background: #F4A525; }
.ensec06 .circlelist.on p{ color: #000;}
@media all and (min-width: 769px) {
    .ensec06 .circlelist:hover{ background: #F4A525; }
    .ensec06 .circlelist:hover p{ color: #000;}
}

.ensec06 .circlelist p{ transition:color 0.2s ease; }
.ensec06 .circlelist .p1{ font-size: 0.8rem; color: #F4A525; text-align: center; }
.ensec06 .circlelist .p2{ font-size: 0.2rem; color: #F4A525; text-align: center;line-height: 1.2; margin-top: 0.1rem; }
.ensec06 .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;}
.ensec06 .circleSonBox .img{ position: absolute;  opacity: 0; visibility: hidden; transition:opacity 0.2s ease,visibility 0.2s ease; width:100%; height: 100%; }
.ensec06 .circleSonBox .img1 img{ width:12.98rem}
.ensec06 .circleSonBox .img2 img{ width:12.98rem}
.ensec06 .circleSonBox .img3 img{ width:13.82rem}
.ensec06 .circleSonBox .img.on{ opacity: 1; visibility: visible; }
.ensec06 .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;}
.ensec06 .circleSonBox .img1 .jt{transform: translateX(calc(1.38rem - 5.95rem - 30px)); }
.ensec06 .circleSonBox .img2 .jt{transform: translateX(-30px); }
.ensec06 .circleSonBox .img3 .jt{transform: translateX(calc(5.95rem - 1.38rem  - 30px)); }
.ensec07{
    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;
}
.ensec07 .bigimg{ position: absolute; width:13rem; top:50%; transform: translateY(-50%); }

@media all and (max-width: 1480px) {
    .sec03 .two .blkright .bgy p,
    .sec03 .two .blkright .nb .p3,
    .ensec04 .two .rttext .p2,
    .entwoa .li .p2
    {font-size: 13px;}
    .sec03 .two .blkright .lis{font-size: 12px;}
    .ensec04 .two .rttext .p4 span{font-size: 12px; width: 1.6rem;}
}

@media all and (max-width: 768px) {
    .sec01 .text {  padding: 0.8rem 0 0.64rem 1rem;  }
    .sec01 .l2{margin-bottom: 0.12rem;}
    .sec01 .l3{font-size: 0.26rem;}
    .sec02{ padding-bottom: 0.3rem; }
    .sec02 .text{ padding:0; }
    .sec02 .pic img {  width: 122%;  margin-left: -17.5%;  }
    .sec03 .two{padding-bottom: 1.26rem;}
    .sec03 .two .ylleft .lbimg {  height: 7rem;  }
    .sec03 .two .ylleft .p1{margin-top: 0;}
    .sec03 .two .blkright{width: 6.5rem; margin: 0 auto;}
    .sec03 .two .blkright .nb .p1{font-size: 0.26rem;}
    .sec03 .two .blkright .nb .p1 span{font-size: 0.48rem;}
    .sec03 .two .blkright img{width: 0.48rem;}
    .sec03 .two .blkright .bgy p{font-size: 0.26rem;}
    .sec03 .two .blkright .bgy .flex div{flex-direction: column; align-items: center; display: flex;}
    .sec03 .two .blkright .nb {  padding-bottom: 0.54rem;  }
    .entwoa {padding: 1rem 0 0.72rem;}
    .entwoa .title{font-size: 0.44rem; line-height: 1.4;}
    .entwoa .blockListBox{ flex-wrap: wrap; padding: 0; margin-top: 0.9rem;}
    .entwoa .blockListBox .li{width: 50%; margin-bottom: 0.9rem;}
    .entwoa .blockListBox .li:last-child{margin-top: 0;}
    .entwoa .blockListBox .li .p1{font-size: 0.32rem;}
    .entwoa .blockListBox .li .p2{font-size: 0.26rem;}
    .entwoa .li .img{width: 1.1rem;}
    .entwoa .yqimg{width: 186%;  margin-left: -44%; margin-top: -0.8rem;}

    .ensec04 .one .p1{font-size: 0.44rem; padding: 1.34rem 0; font-weight:normal;}
    .ensec04 .two .innerb{flex-wrap: wrap; padding: 0 0.32rem; box-sizing: border-box;}
    .ensec04 .two .ltimg{width: 100%; margin-bottom: 0.9rem;}
    .ensec04 .two .rttext{width: 100%; padding: 0.88rem 0.5rem 0.64rem;}
    .ensec04 .two .rttext .p1{font-size: 0.44rem;}
    .ensec04 .two .rttext .p2{font-size: 0.28rem;}
    .ensec04 .two .rttext .p3 span{font-size: 0.96rem;}
    .ensec04 .two .rttext .p4 span{ width:1.88rem; height: 0.42rem; font-size: 0.24rem; border-radius: 0.21rem; }

    .ensec04 .three{background-position: left 13.5rem;}
    .ensec04 .three .rtbox{
        width:6.84rem; border-radius: 0.16rem; margin: 0 auto; float: none; height: auto; padding-bottom: 1rem;
    }
    .ensec04 .three .wca{margin-top: 0.9rem;}
    .ensec04 .three .rtbox .inner{position: unset;  transform:none;}
    .ensec04 .three .rtbox .text{ text-align: left; padding: 1.06rem 0.5rem 0.9rem 0.6rem; box-sizing: border-box; margin-top: 0;}

    .ensec04 .three .rtbox .text .p1{margin-bottom: 0.5rem; line-height: 1.3; font-size: 0.44rem;  font-weight: normal;}
    .ensec04 .three .rtbox .text .p2{ line-height: 1.5; font-size: 0.26rem;}
    .ensec04 .three .rtbox .imgs{  margin-top: 0; display: block; text-align: center;  }
    .ensec04 .three .rtbox .imgs .img1{width:4.35rem; height: auto; margin: 0 auto;}
    .ensec04 .three .rtbox .imgs .img3{width:4.1rem; margin: 0.6rem auto 0; height: auto; position: relative;}
    .ensec04 .three .yqbox .text{padding: 0 0.3rem 0 0.4rem; box-sizing: border-box;}
    .ensec04 .three .yqbox .text .p1{font-size: 0.44rem; font-weight: normal; line-height: 1.3;}
    .ensec04 .three .yqbox .text .p2{line-height: 1.5; font-size: 0.26rem;}
    .ensec04 .three .yqbox .aniimgbox{ width: 6.8rem; margin: 0 auto; padding-bottom: 5rem;}
    .ensec04 .three .yqbox .aniimg{bottom: 0.8rem;}

    .innerb{max-width: 100%;}
    .ensec06{padding: 1.36rem 0 1rem; position: relative;}
    .ensec06 .title50{font-size: 0.44rem;font-weight: normal;}
    .ensec06 .circle{padding: 0 0.56rem;}
    .ensec06 .circlelist{width: 1.5rem; height: 1.5rem; position: relative; border: 0.03rem solid #F4A525; margin-top:0.86rem;}
    .ensec06 .circlelist .p1{font-size: 0.72rem;}
    .ensec06 .circlelist2 .p1{font-size: 0.5rem;}
    .ensec06 .circlelist3 .p1{font-size: 0.66rem;}
    .ensec06 .circlelist .p2{ position: absolute;bottom: -0.8rem; white-space: nowrap; font-size: 0.24rem;}
    .ensec06 .circleSonBox{ height: 9.5rem; width:6.84rem; overflow: hidden; }
    .ensec06 .lbsp_jt{
        border-bottom: 20px solid #FFB73B;
        border-right: 20px solid transparent;
        border-left: 20px solid transparent;
        position: absolute;
        top: 5.72rem;
        left: 0.9rem;
    }
    .ensec06 .circleSonBox .img{opacity:1; visibility: visible; position: relative;}
    .ensec06 .circleSonBox .img img{max-width: 100%;}
    .ensec06 .circleSonBox .img1 img{width:3.98rem;}
    .ensec06 .circleSonBox .img2 img{width:2.81rem;}
    .ensec06 .circleSonBox .img3 img{width:4.44rem;}
    .ensec07{padding-bottom: 5.85rem;}
    .ensec07 .bigimg{transform: translate(-5%,-56%); width:100%;}

}