.section1{overflow:hidden;position:relative}
.section1 .bg{width:100%}
.section1 .img{position:absolute;right:3.333%;top:10.884%;width:26.51%;opacity:0}
.section1.actived .img{-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s;opacity:1}
.section1 .text{position:absolute;left:-100%;top:22.9%;opacity:0;width:50%;}
.section1.actived .text{left:12.28125%;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s;opacity:1}
.section1 .text h5{font-size:3em;color:#222;font-weight:bold;margin-bottom:0.45em}
.section1 .text p{font-size:1.7em;color:#222}
.section1 ul{position:absolute;left:12.28125%;top:50.59%;width:51.8%}
.section1 ul li{width:23%;text-align:center;display:inline-block;vertical-align:bottom;margin-bottom:3.6em;opacity:0;-webkit-transform:translateY(10%);-moz-transform:translateY(10%);-ms-transform:translateY(10%);-o-transform:translateY(10%);transform:translateY(10%)}
.section1 ul li:nth-child(1){-webkit-transition-delay:1s;-moz-transition-delay:1s;-ms-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s}
.section1 ul li:nth-child(2){-webkit-transition-delay:1.25s;-moz-transition-delay:1.25s;-ms-transition-delay:1.25s;-o-transition-delay:1.25s;transition-delay:1.25s}
.section1 ul li:nth-child(3){-webkit-transition-delay:1.5s;-moz-transition-delay:1.5s;-ms-transition-delay:1.5s;-o-transition-delay:1.5s;transition-delay:1.5s}
.section1 ul li:nth-child(4){-webkit-transition-delay:1.75s;-moz-transition-delay:1.75s;-ms-transition-delay:1.75s;-o-transition-delay:1.75s;transition-delay:1.75s}
.section1.actived ul li{-webkit-transition-property:all;-webkit-transition-duration:0.5s;-moz-transition-property:all;-moz-transition-duration:0.5s;-ms-transition-property:all;-ms-transition-duration:0.5s;-o-transition-property:all;-o-transition-duration:0.5s;transition-property:all;transition-duration:0.5s;opacity:1;-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);-o-transform:translateY(0%);transform:translateY(0%)}
.section1 ul li img{width:38%}
.section1 ul li p{font-size:1.25em;color:#222;font-weight:bold;margin-top:1em; height: 32px;}



.section2{overflow:hidden;position:relative}
.section2 .bg{width:100%}
.section2 h3{position:absolute;left:0;top:15%;width:100%;font-size:2em;color:#fff;font-weight:bold;opacity:0;text-align:center}
.section2.actived h3{top:9.58%;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s;opacity:1}
.section2 .img{width:13.125%;position:absolute;left:-100%;top:20.48%;opacity:0}
.section2.actived .img{left:29.27%;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s;opacity:1}
.section2 ul{position:absolute;left:50%;top:25.55%;margin-left:2.08%}
.section2 li{margin-bottom:11%;opacity:0;-webkit-transform:translateX(20%);-moz-transform:translateX(20%);-ms-transform:translateX(20%);-o-transform:translateX(20%);transform:translateX(20%)}
.section2 li:nth-child(1){-webkit-transition-delay:0.5s;-moz-transition-delay:0.5s;-ms-transition-delay:0.5s;-o-transition-delay:0.5s;transition-delay:0.5s}
.section2 li:nth-child(2){-webkit-transition-delay:0.75s;-moz-transition-delay:0.75s;-ms-transition-delay:0.75s;-o-transition-delay:0.75s;transition-delay:0.75s}
.section2 li:nth-child(3){-webkit-transition-delay:1s;-moz-transition-delay:1s;-ms-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s}
.section2 li:nth-child(4){-webkit-transition-delay:1.25s;-moz-transition-delay:1.25s;-ms-transition-delay:1.25s;-o-transition-delay:1.25s;transition-delay:1.25s}
.section2 li:nth-child(5){-webkit-transition-delay:1.5s;-moz-transition-delay:1.5s;-ms-transition-delay:1.5s;-o-transition-delay:1.5s;transition-delay:1.5s}
.section2 li:nth-child(6){-webkit-transition-delay:1.75s;-moz-transition-delay:1.75s;-ms-transition-delay:1.75s;-o-transition-delay:1.75s;transition-delay:1.75s}
.section2 li:nth-child(7){-webkit-transition-delay:2s;-moz-transition-delay:2s;-ms-transition-delay:2s;-o-transition-delay:2s;transition-delay:2s}
.section2 li:nth-child(8){-webkit-transition-delay:2.25s;-moz-transition-delay:2.25s;-ms-transition-delay:2.25s;-o-transition-delay:2.25s;transition-delay:2.25s}
.section2.actived li{-webkit-transition-property:all;-moz-transition-property:all;-ms-transition-property:all;-o-transition-property:all;transition-property:all;-webkit-transition-duration:1s;-moz-transition-duration:1s;-ms-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s;-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-ms-transform:translateX(0%);-o-transform:translateX(0%);transform:translateX(0%);opacity:1}
.section2 li img{vertical-align:middle}
.section2 li span{color:#fff;font-size:1.375em;margin-left:0.9em;vertical-align:middle}
.section2 li b{font-weight:bold}

.section3{position:relative;text-align:center;overflow:hidden}
.section3 .bg{width:100%}
.section3 h3{font-size:2em;color:#222;font-weight:bold;position:absolute;left:0;top:15%;opacity:0;width:100%}
.section3.actived h3{top:9.58%;opacity:1;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s}
.section3 .star{width:38%;position:absolute;left:50%;top:16.41%;margin-left:-19%;-webkit-animation:sec3star 20s linear infinite both;-moz-animation:sec3star 20s linear infinite both;-ms-animation:sec3star 20s linear infinite both;-o-animation:sec3star 20s linear infinite both;animation:sec3star 20s linear infinite both}
@keyframes sec3star{100%{transform:rotate(360deg)}
}@-webkit-keyframes sec3star{100%{-webkit-transform:rotate(360deg)}
 }@-moz-keyframes sec3star{100%{-moz-transform:rotate(360deg)}
  }@-ms-keyframes sec3star{100%{-ms-transform:rotate(360deg)}
   }@-o-keyframes sec3star{100%{-o-transform:rotate(360deg)}
    }.section3 .ani-box{position:absolute;top:27.3%;left:0;right:0;margin:0 auto;width:76.15%;opacity:0}
.section3.actived .ani-box{opacity:1;-webkit-transition:all 1s 0.5s;-moz-transition:all 1s 0.5s;-ms-transition:all 1s 0.5s;-o-transition:all 1s 0.5s;transition:all 1s 0.5s}
.section3 .ani-box .img{width:100%}
.section3 .ani-box .layer{position:absolute;background-repeat:no-repeat;background-size:auto 100%}
.section3 .ani-box .layer1{background-image:url(https://open-media-file.oss-cn-shanghai.aliyuncs.com/guanwang/static/images/product20/product_elevator_section3_layer1_web.png);-webkit-transition-delay:1s;-moz-transition-delay:1s;-ms-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s}
.section3 .ani-box .layer2{background-image:url(https://open-media-file.oss-cn-shanghai.aliyuncs.com/guanwang/static/images/product20/product_elevator_section3_layer2_web.png);-webkit-transition-delay:1s;-moz-transition-delay:1s;-ms-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s}
.section3 .ani-box .layer3{background-image:url(https://open-media-file.oss-cn-shanghai.aliyuncs.com/guanwang/static/images/product20/product_elevator_section3_layer3_web.png);-webkit-transition-delay:2s;-moz-transition-delay:2s;-ms-transition-delay:2s;-o-transition-delay:2s;transition-delay:2s}
.section3 .ani-box .layer4{background-image:url(https://open-media-file.oss-cn-shanghai.aliyuncs.com/guanwang/static/images/product20/product_elevator_section3_layer4_web-en.png);-webkit-transition-delay:2.5s;-moz-transition-delay:2.5s;-ms-transition-delay:2.5s;-o-transition-delay:2.5s;transition-delay:2.5s}
.section3 .ani-box .layer5{background-image:url(https://open-media-file.oss-cn-shanghai.aliyuncs.com/guanwang/static/images/product20/product_elevator_section3_layer5_web-en.png);-webkit-transition-delay:3s;-moz-transition-delay:3s;-ms-transition-delay:3s;-o-transition-delay:3s;transition-delay:3s}
.section3 .ani-box .layer6{background-image:url(https://open-media-file.oss-cn-shanghai.aliyuncs.com/guanwang/static/images/product20/product_elevator_section3_layer6_web-en.png);-webkit-transition-delay:3.25s;-moz-transition-delay:3.25s;-ms-transition-delay:3.25s;-o-transition-delay:3.25s;transition-delay:3.25s}
.section3 .ani-box .layer7{background-image:url(https://open-media-file.oss-cn-shanghai.aliyuncs.com/guanwang/static/images/product20/product_elevator_section3_layer7_web-en.png);-webkit-transition-delay:3.5s;-moz-transition-delay:3.5s;-ms-transition-delay:3.5s;-o-transition-delay:3.5s;transition-delay:3.5s}
.section3 .ani-box .layer8{background-image:url(https://open-media-file.oss-cn-shanghai.aliyuncs.com/guanwang/static/images/product20/product_elevator_section3_layer8_web.png);-webkit-transition-delay:4s;-moz-transition-delay:4s;-ms-transition-delay:4s;-o-transition-delay:4s;transition-delay:4s}
.section3 .ani-box .layer9{background-image:url(https://open-media-file.oss-cn-shanghai.aliyuncs.com/guanwang/static/images/product20/product_elevator_section3_layer9_web.png);-webkit-transition-delay:4s;-moz-transition-delay:4s;-ms-transition-delay:4s;-o-transition-delay:4s;transition-delay:4s}
.section3 .ani-box .layer10{background-image:url(https://open-media-file.oss-cn-shanghai.aliyuncs.com/guanwang/static/images/product20/product_elevator_section3_layer10_web-en.png);-webkit-transition-delay:4.75s;-moz-transition-delay:4.75s;-ms-transition-delay:4.75s;-o-transition-delay:4.75s;transition-delay:4.75s}
.section3 .ani-box .spread-center{width:0;left:50%;top:0;height:100%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);background-position:center center}
.section3.actived .ani-box .spread-center{width:100%;-webkit-transition-property:all;-moz-transition-property:all;-ms-transition-property:all;-o-transition-property:all;transition-property:all;-webkit-transition-duration:2s;-moz-transition-duration:2s;-ms-transition-duration:2s;-o-transition-duration:2s;transition-duration:2s}
.section3 .ani-box .spread-left{width:0;left:0;top:0;height:100%;background-position:left center}
.section3.actived .ani-box .spread-left{width:100%;-webkit-transition-property:all;-moz-transition-property:all;-ms-transition-property:all;-o-transition-property:all;transition-property:all;-webkit-transition-duration:5s;-moz-transition-duration:5s;-ms-transition-duration:5s;-o-transition-duration:5s;transition-duration:5s}
.section3 .ani-box .fade{opacity:0;left:0;top:0;width:100%;height:100%;background-position:center center}
.section3.actived .ani-box .fade{opacity:1;-webkit-transition-property:all;-moz-transition-property:all;-ms-transition-property:all;-o-transition-property:all;transition-property:all;-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-ms-transition-duration:0.5s;-o-transition-duration:0.5s;transition-duration:0.5s}





.section4{position:relative;overflow:hidden}
.section4 .bg{width:100%}
.section4 .cir-box{position:absolute;left:11.3%;top:48%;width:42.8125%}
.section4 .cir-box img{width:100%}
.section4 .cir-box .cir{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;background-color:#156caa;-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-ms-transform:scale(0,0);-o-transform:scale(0,0);transform:scale(0,0);opacity:0.5;-webkit-animation:sec4cirani 4s linear infinite both;-moz-animation:sec4cirani 4s linear infinite both;-ms-animation:sec4cirani 4s linear infinite both;-o-animation:sec4cirani 4s linear infinite both;animation:sec4cirani 4s linear infinite both}
.section4 .cir-box .cir:nth-child(2){-webkit-animation-delay:1s;-moz-animation-delay:1s;-ms-animation-delay:1s;-o-animation-delay:1s;animation-delay:1s}
.section4 .cir-box .cir:nth-child(3){-webkit-animation-delay:2s;-moz-animation-delay:2s;-ms-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s}
.section4 .cir-box .cir:nth-child(4){-webkit-animation-delay:3s;-moz-animation-delay:3s;-ms-animation-delay:3s;-o-animation-delay:3s;animation-delay:3s}
@keyframes sec4cirani{100%{opacity:0;transform:scale(1.85,1.85)}
}@-webkit-keyframes sec4cirani{100%{opacity:0;-webkit-transform:scale(1.85,1.85)}
 }@-moz-keyframes sec4cirani{100%{opacity:0;-moz-transform:scale(1.85,1.85)}
  }@-ms-keyframes sec4cirani{100%{opacity:0;-ms-transform:scale(1.85,1.85)}
   }@-o-keyframes sec4cirani{100%{opacity:0;-o-transform:scale(1.85,1.85)}
    }.section4 .desk{position:absolute;left:0;bottom:0;width:100%}
.section4 .img0{width:32.1875%;position:absolute;left:16.3542%;bottom:12.04%}
.section4 .img1{width:4.375%;position:absolute;left:45.15625%;bottom:42.913%}
.section4 .img2{width:4.375%;position:absolute;left:20.052%;bottom:57.282%}
.section4 .img3{width:4.375%;position:absolute;left:11.666%;bottom:40.1%}
.section4 h3{text-align:center;position:absolute;left:0;top:9.71%;width:100%;font-size:2em;color:#222;font-weight:bold}
.section4 h3 p{font-size:0.425em;color:#333; font-weight: lighter;}
.section4 .text{width:29.21875%;position:absolute;right:11.5625%;top:27.78%}
.section4 .text h5{font-size:1.825em;color:#333;font-weight:bold;line-height:1.333;margin-bottom:0.62em}
.section4 .text p{font-size:1.125em;color:#333;line-height:1.55}

.section5{overflow:hidden;position:relative}
.section5 .bg{width:100%}
.section5 .img{position:absolute;left:18.8%;top:5.5%;width:19.0625%;opacity:0}
.section5.actived .img{-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s;opacity:1}
.section5 .text{width:36.7%;position:absolute;right:10.416%;top:9.34%;text-align:center;opacity:0;-webkit-transform:translateY(10%);-moz-transform:translateY(10%);-ms-transform:translateY(10%);-o-transform:translateY(10%);transform:translateY(10%)}
.section5.actived .text{-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s;opacity:1;-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);-o-transform:translateY(0%);transform:translateY(0%)}
.section5 .text h5{font-size:2em;color:#222;font-weight:bold;margin-bottom:1.238em}
.section5 ul{-webkit-display:flex;-webkit-align-items:flex-start;-webkit-justify-content:space-between;-webkit-flex-wrap:wrap;-moz-display:flex;-moz-align-items:flex-start;-moz-justify-content:space-between;-moz-flex-wrap:wrap;-ms-display:flex;-ms-align-items:flex-start;-ms-justify-content:space-between;-ms-flex-wrap:wrap;-o-display:flex;-o-align-items:flex-start;-o-justify-content:space-between;-o-flex-wrap:wrap;display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}
.section5 ul li{width:25%;margin-bottom:1.875em;opacity:0;-webkit-transform:translateY(10%);-moz-transform:translateY(10%);-ms-transform:translateY(10%);-o-transform:translateY(10%);transform:translateY(10%)}
.section5 ul li.half{width:33%}
.section5 ul li:nth-child(1){-webkit-transition-delay:1s;-moz-transition-delay:1s;-ms-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s}
.section5 ul li:nth-child(2){-webkit-transition-delay:1.25s;-moz-transition-delay:1.25s;-ms-transition-delay:1.25s;-o-transition-delay:1.25s;transition-delay:1.25s}
.section5 ul li:nth-child(3){-webkit-transition-delay:1.5s;-moz-transition-delay:1.5s;-ms-transition-delay:1.5s;-o-transition-delay:1.5s;transition-delay:1.5s}
.section5 ul li:nth-child(4){-webkit-transition-delay:1.75s;-moz-transition-delay:1.75s;-ms-transition-delay:1.75s;-o-transition-delay:1.75s;transition-delay:1.75s}
.section5 ul li:nth-child(5){-webkit-transition-delay:2s;-moz-transition-delay:2s;-ms-transition-delay:2s;-o-transition-delay:2s;transition-delay:2s}
.section5 ul li:nth-child(6){-webkit-transition-delay:2.25s;-moz-transition-delay:2.25s;-ms-transition-delay:2.25s;-o-transition-delay:2.25s;transition-delay:2.25s}
.section5 ul li:nth-child(7){-webkit-transition-delay:2.5s;-moz-transition-delay:2.5s;-ms-transition-delay:2.5s;-o-transition-delay:2.5s;transition-delay:2.5s}
.section5 ul li:nth-child(8){-webkit-transition-delay:2.75s;-moz-transition-delay:2.75s;-ms-transition-delay:2.75s;-o-transition-delay:2.75s;transition-delay:2.75s}
.section5 ul li:nth-child(9){-webkit-transition-delay:3s;-moz-transition-delay:3s;-ms-transition-delay:3s;-o-transition-delay:3s;transition-delay:3s}
.section5 ul li:nth-child(10){-webkit-transition-delay:3.25s;-moz-transition-delay:3.25s;-ms-transition-delay:3.25s;-o-transition-delay:3.25s;transition-delay:3.25s}
.section5 ul li:nth-child(11){-webkit-transition-delay:3.5s;-moz-transition-delay:3.5s;-ms-transition-delay:3.5s;-o-transition-delay:3.5s;transition-delay:3.5s}
.section5.actived ul li{-webkit-transition-property:all;-webkit-transition-duration:0.5s;-moz-transition-property:all;-moz-transition-duration:0.5s;-ms-transition-property:all;-ms-transition-duration:0.5s;-o-transition-property:all;-o-transition-duration:0.5s;transition-property:all;transition-duration:0.5s;opacity:1;-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);-o-transform:translateY(0%);transform:translateY(0%)}
.section5 ul li img{width:20%}
.section5 ul li.half img{width:21.976%}
.section5 ul li p{font-size:1.175em;color:#222;font-weight:bold;margin-top:0.682em}
.section6{overflow:hidden;position:relative}
.section6 .bg{width:100%}
.section6 .img1{position:absolute;left:18.385%;bottom:1.235%;width:15.8854%;opacity:0;-webkit-transform:translateX(-10%);-moz-transform:translateX(-10%);-ms-transform:translateX(-10%);-o-transform:translateX(-10%);transform:translateX(-10%)}
.section6.actived .img1{-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-ms-transform:translateX(0%);-o-transform:translateX(0%);transform:translateX(0%);-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s;opacity:1}
.section6 .img2{position:absolute;left:31.458%;bottom:0.75%;width:13.229%;opacity:0;-webkit-transform:translateX(10%);-moz-transform:translateX(10%);-ms-transform:translateX(10%);-o-transform:translateX(10%);transform:translateX(10%)}
.section6.actived .img2{-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-ms-transform:translateX(0%);-o-transform:translateX(0%);transform:translateX(0%);-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s;opacity:1}
.section6 .text{position:absolute;right:-100%;top:31.893%;opacity:0}
.section6.actived .text{right:3.125%;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s;opacity:1}
.section6 .text h5{font-size:2em;color:#222;line-height:1.714;font-weight:bold;margin-bottom:1.12em}
.section6 ul li{text-align:center;display:inline-block;vertical-align:top;opacity:0;-webkit-transform:translateY(10%);-moz-transform:translateY(10%);-ms-transform:translateY(10%);-o-transform:translateY(10%);transform:translateY(10%);margin-right:10%}
.section6 ul li:nth-child(1){-webkit-transition-delay:1s;-moz-transition-delay:1s;-ms-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s}
.section6 ul li:nth-child(2){-webkit-transition-delay:1.25s;-moz-transition-delay:1.25s;-ms-transition-delay:1.25s;-o-transition-delay:1.25s;transition-delay:1.25s}
.section6 ul li:nth-child(3){-webkit-transition-delay:1.5s;-moz-transition-delay:1.5s;-ms-transition-delay:1.5s;-o-transition-delay:1.5s;transition-delay:1.5s}
.section6.actived ul li{-webkit-transition-property:all;-webkit-transition-duration:0.5s;-moz-transition-property:all;-moz-transition-duration:0.5s;-ms-transition-property:all;-ms-transition-duration:0.5s;-o-transition-property:all;-o-transition-duration:0.5s;transition-property:all;transition-duration:0.5s;opacity:1;-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);-o-transform:translateY(0%);transform:translateY(0%)}
.section6 ul li img{width:2.5em}
.section6 ul li p{font-size:1.25em;color:#222;font-weight:bold;margin-top:1em}
.section7{position:relative;overflow:hidden}
.section7 .bg{width:100%}
.section7 .cir-box{position:absolute;right:10.1%;top:16.29%;width:30.26%;opacity:0}
.section7.actived .cir-box{opacity:1;-webkit-transition:all 0.5s 1s;-moz-transition:all 0.5s 1s;-ms-transition:all 0.5s 1s;-o-transition:all 0.5s 1s;transition:all 0.5s 1s}
.section7 .cir-box img{width:100%}
.section7 .cir-box .cir{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;background-color:#000;-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-ms-transform:scale(0,0);-o-transform:scale(0,0);transform:scale(0,0);opacity:0.5;-webkit-animation:sec4cirani 4s linear infinite both;-moz-animation:sec4cirani 4s linear infinite both;-ms-animation:sec4cirani 4s linear infinite both;-o-animation:sec4cirani 4s linear infinite both;animation:sec4cirani 4s linear infinite both;opacity:0.3;border:1px solid #fff}
.section7 .cir-box .cir:nth-child(1){-webkit-animation-delay:0.5s;-moz-animation-delay:0.5s;-ms-animation-delay:0.5s;-o-animation-delay:0.5s;animation-delay:0.5s}
.section7 .cir-box .cir:nth-child(2){-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;-ms-animation-delay:1.5s;-o-animation-delay:1.5s;animation-delay:1.5s}
.section7 .cir-box .cir:nth-child(3){-webkit-animation-delay:2.5s;-moz-animation-delay:2.5s;-ms-animation-delay:2.5s;-o-animation-delay:2.5s;animation-delay:2.5s}
.section7 .cir-box .cir:nth-child(4){-webkit-animation-delay:3.5s;-moz-animation-delay:3.5s;-ms-animation-delay:3.5s;-o-animation-delay:3.5s;animation-delay:3.5s}
.section7 .img{width:11.98%;position:absolute;right:19.53125%;top:0;bottom:0;margin:0 auto;opacity:0}
.section7.actived .img{-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s;opacity:1}
.section7 ul{position:absolute;left:-100%;top:27.43%;opacity:0;width:39.25%}
.section7.actived ul{left:11.77%;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s;opacity:1}
.section7 li{margin-bottom:15%}
.section7 li:last-child{margin-bottom:0}
.section7 li h5{font-size:2em;color:#fff;font-weight:bold;margin-bottom:0.762em}
.section7 li p{font-weight:lighter;font-size:1.375em;color:#fff;line-height:1.364}
.section8{position:relative;overflow:hidden}
.section8 .bg{width:100%}
.section8 .text{width:39.2%;position:absolute;left:-100%;top:40.36%;opacity:0}
.section8.actived .text{-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s;left:7.614%;opacity:1}
.section8 .text h5{font-size:2em;color:#333;line-height:1.381;margin-bottom:0.666em}
.section8 .text p{font-size:1.125em;color:#333;line-height:1.55}
.section8 .slide-box{width:39.84375%;position:absolute;right:-100%;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);opacity:0}
.section8.actived .slide-box{-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s;right:8.39%;opacity:1}
.section8 .slide-box .swiper-container{position:absolute;left:30.719%;top:0;width:38.5621%;margin:0}
.section8 .slide-box .swiper-container .swiper-slide{margin:0}
.section8 .slide-box img{width:100%}
.section9{position:relative;overflow:hidden}
.section9 .bg{width:100%}
.section9 .img{width:15.365%;position:absolute;left:26.354%;top:-100%;opacity:0}
.section9.actived .img{top:5.15%;opacity:1;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s}
.section9 .img img{width:100%}
.section9 .img .swiper-container{position:absolute;left:0;top:0;width:100%;height:100%}
.section9 .img .swiper-slide{margin-top:0;margin-bottom:0}
.section9 .clock-box{width:26.66%;position:absolute;right:9.79%;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.section9 .clock-box .text{width:180%;position:absolute;right:-26%;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.section9 .clock-box .text h5{font-size:2em;color:#333;line-height:1.43;margin-bottom:0.6em}
.section9 .clock-box .text p{font-size:1.125em;color:#333;line-height:1.55}
.section9 .clock-box img{width:100%}
.section9 .clock-box .hour,.section9 .clock-box .minute{position:absolute;left:0;top:0}
.section9.actived .clock-box .hour,.section9.actived .clock-box .minute{animation-name:rotate;animation-iteration-count:infinite;animation-timing-function:linear;-webkit-animation-name:rotate;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-name:rotate;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;-o-animation-name:rotate;-o-animation-iteration-count:infinite;-o-animation-timing-function:linear;-ms-animation-name:rotate;-ms-animation-iteration-count:infinite;-ms-animation-timing-function:linear}
.section9.actived .clock-box .hour{animation-duration:2s;-webkit-animation-duration:2s;-moz-animation-duration:2s;-o-animation-duration:2s;-ms-animation-duration:2s}
.section9.actived .clock-box .minute{animation-duration:1s;-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;-ms-animation-duration:1s}
@keyframes rotate{0%{transform:rotate(0deg)}
  100%{transform:rotate(360deg)}
}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg)}
   100%{-webkit-transform:rotate(360deg)}
 }@-moz-keyframes rotate{0%{-moz-transform:rotate(0deg)}
    100%{-moz-transform:rotate(360deg)}
  }@-o-keyframes rotate{0%{-o-transform:rotate(0deg)}
     100%{-o-transform:rotate(360deg)}
   }@-ms-keyframes rotate{0%{-ms-transform:rotate(0deg)}
      100%{-ms-transform:rotate(360deg)}
    }.section10{position:relative;overflow:hidden}
.section10 .bg{width:100%}
.section10 .text{position:absolute;left:-100%;top:15.689%;opacity:0;font-size:2.625em;color:#222;font-weight:bold;line-height:1.4286}
.section10.actived .text{left:10.42%;transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;opacity:1}
.section10 .clock-box{width:22.6%;overflow:hidden;position:absolute;left:-100%;top:38.563%;opacity:0}
.section10.actived .clock-box{left:11.823%;transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;opacity:1}
.section10 .clock-box img{width:100%}
.section10 .clock-box .hour,.section10 .clock-box .minute,.section10 .clock-box .seven{position:absolute;left:0;top:0}
.section10 .clock-box .seven{opacity:0}
.section10.actived .clock-box .seven{opacity:1;transition:all 1s 1s;-webkit-transition:all 1s 1s;-o-transition:all 1s 1s;-ms-transition:all 1s 1s;-moz-transition:all 1s 1s}
.section10.actived .clock-box .hour,.section10.actived .clock-box .minute{animation-name:rotate;animation-iteration-count:infinite;animation-timing-function:linear;-webkit-animation-name:rotate;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;-moz-animation-name:rotate;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;-o-animation-name:rotate;-o-animation-iteration-count:infinite;-o-animation-timing-function:linear;-ms-animation-name:rotate;-ms-animation-iteration-count:infinite;-ms-animation-timing-function:linear}
.section10.actived .clock-box .hour{animation-duration:2s;-webkit-animation-duration:2s;-moz-animation-duration:2s;-o-animation-duration:2s;-ms-animation-duration:2s}
.section10.actived .clock-box .minute{animation-duration:1s;-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;-ms-animation-duration:1s}
.section10 .img{width:15.365%;position:absolute;right:24.48%;top:-100%;opacity:0}
.section10.actived .img{top:8.38%;transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;opacity:1}
.section10 .img img{width:100%}
.section10 .img .swiper-container{position:absolute;left:0;top:0;width:100%;height:100%}
.section10 .img .swiper-slide{margin-top:0;margin-bottom:0}
.section11{position:relative;overflow:hidden}
.section11 .bg{width:100%}
.section11 .cir-box{position:absolute;right:22.34375%;top:22%;width:11.5%;-webkit-transform:rotateY(35deg);-moz-transform:rotateY(35deg);-ms-transform:rotateY(35deg);-o-transform:rotateY(35deg);transform:rotateY(35deg);opacity:0}
.section11.actived .cir-box{opacity:1;-webkit-transition:all 0.5s 1s;-moz-transition:all 0.5s 1s;-ms-transition:all 0.5s 1s;-o-transition:all 0.5s 1s;transition:all 0.5s 1s}
.section11 .cir-box img{width:100%}
.section11 .cir-box .cir{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-ms-transform:scale(0,0);-o-transform:scale(0,0);transform:scale(0,0);-webkit-animation:sec11cirani 5s linear infinite both;-moz-animation:sec11cirani 5s linear infinite both;-ms-animation:sec11cirani 5s linear infinite both;-o-animation:sec11cirani 5s linear infinite both;animation:sec11cirani 5s linear infinite both;border:1px solid #1071bd;box-shadow:0 0 50000px #1071bd inset}
@keyframes sec11cirani{100%{opacity:0;transform:scale(3.5,3.5)}
}@-webkit-keyframes sec11cirani{100%{opacity:0;-webkit-transform:scale(3.5,3.5)}
 }@-moz-keyframes sec11cirani{100%{opacity:0;-moz-transform:scale(3.5,3.5)}
  }@-ms-keyframes sec11cirani{100%{opacity:0;-ms-transform:scale(3.5,3.5)}
   }@-o-keyframes sec11cirani{100%{opacity:0;-o-transform:scale(3.5,3.5)}
    }
section11 .cir-box .cir:nth-child(1){-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;-ms-animation-delay:1.5s;-o-animation-delay:1.5s;animation-delay:1.5s}
.section11 .cir-box .cir:nth-child(2){-webkit-animation-delay:2.5s;-moz-animation-delay:2.5s;-ms-animation-delay:2.5s;-o-animation-delay:2.5s;animation-delay:2.5s}
.section11 .cir-box .cir:nth-child(3){-webkit-animation-delay:3.5s;-moz-animation-delay:3.5s;-ms-animation-delay:3.5s;-o-animation-delay:3.5s;animation-delay:3.5s}
.section11 .cir-box .cir:nth-child(4){-webkit-animation-delay:4.5s;-moz-animation-delay:4.5s;-ms-animation-delay:4.5s;-o-animation-delay:4.5s;animation-delay:4.5s}
.section11 .cir-box .cir:nth-child(5){-webkit-animation-delay:5.5s;-moz-animation-delay:5.5s;-ms-animation-delay:5.5s;-o-animation-delay:5.5s;animation-delay:5.5s}
.section11 .img{width:23.59375%;position:absolute;right:9.375%;top:10.54%;opacity:0}
.section11.actived .img{-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s;opacity:1}
.section11 .text{position:absolute;left:-50%;top:30.9%;opacity:0;font-size:2em;color:#222;font-weight:bold;line-height:1.666}
.section11.actived .text{left:10.4166%;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s;opacity:1}
@keyframes sec15tel{0%{transform:rotate(0deg)}
  5%{transform:rotate(-45deg)}
  10%{transform:rotate(0deg)}
  15%{transform:rotate(45deg)}
  20%{transform:rotate(0deg)}
  25%{transform:rotate(-45deg)}
  30%{transform:rotate(0deg)}
  35%{transform:rotate(45deg)}
  40%{transform:rotate(0deg)}
  100%{transform:rotate(0deg)}
}
@-webkit-keyframes sec15tel{0%{-webkit-transform:rotate(0deg)}
   5%{-webkit-transform:rotate(-45deg)}
   10%{-webkit-transform:rotate(0deg)}
   15%{-webkit-transform:rotate(45deg)}
   20%{-webkit-transform:rotate(0deg)}
   25%{-webkit-transform:rotate(-45deg)}
   30%{-webkit-transform:rotate(0deg)}
   35%{-webkit-transform:rotate(45deg)}
   40%{-webkit-transform:rotate(0deg)}
   100%{-webkit-transform:rotate(0deg)}
 }
@-moz-keyframes sec15tel{0%{-moz-transform:rotate(0deg)}
    5%{-moz-transform:rotate(-45deg)}
    10%{-moz-transform:rotate(0deg)}
    15%{-moz-transform:rotate(45deg)}
    20%{-moz-transform:rotate(0deg)}
    25%{-moz-transform:rotate(-45deg)}
    30%{-moz-transform:rotate(0deg)}
    35%{-moz-transform:rotate(45deg)}
    40%{-moz-transform:rotate(0deg)}
    100%{-moz-transform:rotate(0deg)}
  }
@-ms-keyframes sec15tel{0%{-ms-transform:rotate(0deg)}
     5%{-ms-transform:rotate(-45deg)}
     10%{-ms-transform:rotate(0deg)}
     15%{-ms-transform:rotate(45deg)}
     20%{-ms-transform:rotate(0deg)}
     25%{-ms-transform:rotate(-45deg)}
     30%{-ms-transform:rotate(0deg)}
     35%{-ms-transform:rotate(45deg)}
     40%{-ms-transform:rotate(0deg)}
     100%{-ms-transform:rotate(0deg)}
   }
@-o-keyframes sec15tel{0%{-o-transform:rotate(0deg)}
      5%{-o-transform:rotate(-45deg)}
      10%{-o-transform:rotate(0deg)}
      15%{-o-transform:rotate(45deg)}
      20%{-o-transform:rotate(0deg)}
      25%{-o-transform:rotate(-45deg)}
      30%{-o-transform:rotate(0deg)}
      35%{-o-transform:rotate(45deg)}
      40%{-o-transform:rotate(0deg)}
      100%{-o-transform:rotate(0deg)}
    }
@keyframes sec15num{0%{transform:scale(1,1)}
     50%{transform:scale(1.1,1.1)}
     100%{transform:scale(1,1)}
   }
@-webkit-keyframes sec15num{0%{-webkit-transform:scale(1,1)}
    50%{-webkit-transform:scale(1.1,1.1)}
    100%{-webkit-transform:scale(1,1)}
  }
@-moz-keyframes sec15num{0%{-moz-transform:scale(1,1)}
   50%{-moz-transform:scale(1.1,1.1)}
   100%{-moz-transform:scale(1,1)}
 }
@-ms-keyframes sec15num{0%{-ms-transform:scale(1,1)}
  50%{-ms-transform:scale(1.1,1.1)}
  100%{-ms-transform:scale(1,1)}
}
@-o-keyframes sec15num{0%{-o-transform:scale(1,1)}
 50%{-o-transform:scale(1.1,1.1)}
 100%{-o-transform:scale(1,1)}
}


.section14{background-color: #3a3a3a;padding:50px 0px;}
.section14 .mk1{flex:1;padding:10px;}
.section14 p{height:20px;}

.section20 .mk1{margin:30px 80px;}
.section20 .mk1 p{color:#000; height: 60px; line-height:16px; font-size: 14px;display: block;position: relative;}

@media only screen and (max-width:1680px) {
  .section1.actived .text{left:8.28125%;}
  .section1 ul{left:8.28125%;}

}

@media only screen and (max-width:1600px) {

}

@media only screen and (max-width:1440px) {

}

@media only screen and (max-width:1366px) {

}

@media only screen and (max-width:1280px) {

}

@media only screen and (max-width:1152px) {
  .section20 .mk1{margin:30px 20px;}

}

@media only screen and (max-width:1024px) {

}
@media only screen and (min-width: 992px)and (max-width: 1024px){
  .web {display: block;}
  .mobile {display: none;}
  .section4 .text {top: 30%;}
  .fuwu .mk1 {
    width: 50%;
    text-align: center;
    left: 0;
    top: 10%;
    display: flex;
    align-items: center;
}

.section1 ul li p {font-size: 14px;}
.section1 .text p {font-size: 13px;}
.section2 li {
  margin-bottom: 4%;}
  .section2 li span {font-size: 13px;}
  .section2 ul {
    position: absolute;
    left: 40%;
    top: 20.55%;
    margin-left: 2.08%;
}
.section4 {padding-top: 90px; background-color: #e5e5e5;}
.section4 .text p {font-size: 14px;}
.section7 li p {font-size: 14px;}
.section6 ul li p {font-size: 14px;}
.section6 ul li {margin-right: 8%;}
.section6.actived .text {width: 50%;right: 1%;}
.section14 .mk1 .font18 {
  margin-top: 17px!important;
}
.section14 .mk1 .font14 {
  font-size: 14px!important;
}
}

@media only screen and (max-width:1023px) {
  .inner{width:90%}
  .swiper-container{margin:0}
  @-webkit-keyframes appearFromTB1{0%{opacity:0;-webkit-transform:translateY(50px)}
  100%{opacity:1;-webkit-transform:translateY(0)}
  }@-moz-keyframes appearFromTB1{0%{opacity:0;-moz-transform:translateY(50px)}
  100%{opacity:1;-moz-transform:translateY(0)}
  }@-ms-keyframes appearFromTB1{0%{opacity:0;-ms-transform:translateY(50px)}
  100%{opacity:1;-ms-transform:translateY(0)}
  }@-o-keyframes appearFromTB1{0%{opacity:0;-o-transform:translateY(50px)}
  100%{opacity:1;-o-transform:translateY(0)}
  }@keyframes appearFromTB1{0%{opacity:0;transform:translateY(50px)}
  100%{opacity:1;transform:translateY(0)}
  }


  .section1 .img{position:absolute;right:-1.2%;top:22.843%;width:66.266%}
  .section1 .text{text-align:center;width:100%;left:0;top:15%}
  .section1.actived .text{left:0;top:8.46%}
  .section1 .text h5{font-size:1.5375em;margin-bottom:0.48em}
  .section1 .text p{font-size:0.875em;font-weight:lighter}
  .section1 ul{left:1%;top:83.333%;width:98%}
  .section1 ul li{width:24%;margin-bottom:0}
  .section1 ul li img{width:40.5%}
  .section1 ul li p{font-size:0.4875em;margin-top:1.318em}

  .section2 h3{font-size:1.5em}
  .section2 .img{width:33.6%;top:20.36%}
  .section2.actived .img{left:6%}
  .section2 ul{margin-left:-3.33%}
  .section2 li{margin-bottom:8%}
  .section2 li img{width:0.875em}
  .section2 li span{font-size:0.6875em;margin-left:1em}
  .section3 h3{font-size:1.5em}
  .section3.actived h3{top:13.722%}
  .section3 .star{width:45%;top:26.93%;margin-left:-22.1333%}
  .section3 .ani-box{top:31.73%;width:100%}
  .section3 .ani-box .layer1{background-image:url(https://open-media-file.oss-cn-shanghai.aliyuncs.com/guanwang/static/images/product20/product_elevator_section3_layer1_mobile.png)}
  .section3 .ani-box .layer2{background-image:url(https://open-media-file.oss-cn-shanghai.aliyuncs.com/guanwang/static/images/product20/product_elevator_section3_layer2_mobile.png)}
  .section3 .ani-box .layer3{background-image:url(https://open-media-file.oss-cn-shanghai.aliyuncs.com/guanwang/static/images/product20/product_elevator_section3_layer3_mobile.png)}
  .section3 .ani-box .layer4{background-image:url(https://open-media-file.oss-cn-shanghai.aliyuncs.com/guanwang/static/images/product20/product_elevator_section3_layer4_mobile.png)}
  .section3 .ani-box .layer5{background-image:url(https://open-media-file.oss-cn-shanghai.aliyuncs.com/guanwang/static/images/product20/product_elevator_section3_layer5_mobile.png)}
  .section3 .ani-box .layer6{background-image:url(https://open-media-file.oss-cn-shanghai.aliyuncs.com/guanwang/static/images/product20/product_elevator_section3_layer6_mobile.png)}
  .section3 .ani-box .layer7{background-image:url(https://open-media-file.oss-cn-shanghai.aliyuncs.com/guanwang/static/images/product20/product_elevator_section3_layer7_mobile.png)}
  .section3 .ani-box .layer8{background-image:url(https://open-media-file.oss-cn-shanghai.aliyuncs.com/guanwang/static/images/product20/product_elevator_section3_layer8_mobile.png)}
  .section3 .ani-box .layer9{background-image:url(https://open-media-file.oss-cn-shanghai.aliyuncs.com/guanwang/static/images/product20/product_elevator_section3_layer9_mobile.png)}
  .section3 .ani-box .layer10{background-image:url(https://open-media-file.oss-cn-shanghai.aliyuncs.com/guanwang/static/images/product20/product_elevator_section3_layer10_mobile.png)}



  .section4 .cir-box{left:-4.8%;top:56.8%;width:109.6%}
  .section4 .img0{width:82.4%;left:8%;bottom:3.64%}
  .section4 .img1{width:11.2%;left:78.5333%;bottom:32.55%}
  .section4 .img2{width:11.2%;left:49.333%;bottom:40.364%}
  .section4 .img3{width:11.2%;left:12.5333%;bottom:35%}
  .section4 h3{top:5.55%;font-size:1.5em}
  .section4 h3 p{font-size:0.6875em;line-height:1.455}
  .section4 .text{width:77.4%;right:11.3%;top:15.45%;text-align:center}
  .section4 .text h5{line-height:1.389;font-size:1.125em;margin-bottom:0.5555em}
  .section4 .text p{font-size:0.6875em;line-height:1.455}
  .section5 .img{left:24.666%;top:40%;width:48.8%}
  .section5 .text{width:92%;right:4%;top:6.144%}
  .section5 .text h5{font-size:1.3125em;margin-bottom:0.857em}
  .section5 ul li{width:25%;margin-bottom:1.125em;}
  .section5 ul li.half,.section5 ul li.third{width:33.333%}
  .section5 ul li img{width:1.5625em}
  .section5 ul li.half img{width:1.5625em}
  .section5 ul li p{font-size:0.6875em;margin-top:0.7273em}
  .section6 .img1{left:25.333%;bottom:1.03%;width:29.8666%}
  .section6 .img2{left:49.8666%;bottom:0.721%;width:24.93333%}
  .section6 .text{right:0%;top:10%;width:100%}
  .section6.actived .text{top:6.39%;right:0%;text-align:center}
  .section6 .text h5{font-size:1.125em;line-height:1.611;margin-bottom:0.777em}
  .section6 ul li{display:inline-block;vertical-align:top;margin:0 6%}
  .section6 ul li img{width:1.25em}
  .section6 ul li p{font-size:0.625em}
  .section7 .cir-box{right:-14.2666%;width:77.4666%}
  .section7 .img{width:30.8%;right:9.2%}
  .section7 ul{top:19.76%;width:47.8%}
  .section7.actived ul{left:6.133%}
  .section7 li{margin-bottom:26%}
  .section7 li h5{font-size:1.125em;line-height:1.2778;margin-bottom:0.111em}
  .section7 li p{font-size:0.6875em;line-height:1.455}
  .section8 .text{width:66.4%;text-align:center;top:5.27%}
  .section8.actived .text{left:16.8%}
  .section8 .text h5{font-size:1.125em;line-height:1.388;margin-bottom:0.53em}
  .section8 .text p{font-size:0.6875em;line-height:1.455;font-weight:bold}
  .section8 .slide-box{-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);-o-transform:translateY(0%);transform:translateY(0%);width:71.6%;top:33.413%}
  .section8.actived .slide-box{right:13.866%}
  .section9 .img{width:34%;left:33%;top:35%}
  .section9.actived .img{top:31.568%}
  .section9 .clock-box{width:42%;right:29%;top:2.444%;-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);-o-transform:translateY(0%);transform:translateY(0%)}
  .section9 .clock-box .text{width:181.26%;text-align:center;right:-40.63%}
  .section9 .clock-box .text h5{font-size:1.125em;line-height:1.388;margin-bottom:1em}
  .section9 .clock-box .text p{font-size:0.6875em;line-height:1.455;font-weight:bold}
  .section10 .text{width:100%;left:0;text-align:center;font-size:1.125em;line-height:1.611}
  .section10.actived .text{left:0;top:7.19%}
  .section10 .img{width:30.666%;right:-30.666%;top:26.7%}
  .section10.actived .img{top:26.7%;right:6.9333%}
  .section10 .clock-box{width:57.3333%;left:-100%;top:38.563%}
  .section10.actived .clock-box{left:-4%}
  .section11 .cir-box{right:31.5%;top:45%;width:31.7333%}
  .section11 .img{width:52%;right:5.7333%;top:35.24%}
  .section11 .text{font-size:1.125em;line-height:1.555;left:0;top:15%;width:100%;text-align:center}
  .section11.actived .text{left:0;top:7.09%}





}

@media only screen and (max-width:800px) {

}
@media only screen and (min-width: 768px)and (max-width: 992px) {
  .web {display: none;}
  .mobile {display: block;}
  .section1 .text h5 {
    font-size: 1.2em;
    margin-bottom: 0.48em;
}
.section2 h3 {
  font-size: 1.2em;
}
.section2 li span {
  font-size: 0.5875em;}
  .section3 h3 {
    font-size: 1.2em;
}
.section5 .text h5 {font-size: 1.2em;}
.section5 ul li p {
  font-size: 0.5875em;}
  .section6 .text h5 {
    font-size: 1em;}
    .section4 h3 {
      top: 5.55%;
      font-size: 1.2em;
  }
  .section14 .mk1 .font18 {
    margin-top: 20px!important;
  }
  .section14 .mk1 .font14 {
    font-size: 15px!important;
  }
  
  }

@media only screen and (max-width:768px) {
  .section2 li {margin-bottom: 5%;}
  .section2 ul {top: 12.55%;}
  .section2.actived h3 {top: 5.58%;}

  .section4 {padding-top:300px;background-color:#e5e5e5;}
  .section4 .text h5 {
    line-height: 1.089;
    font-size: 1.025em;
    margin-bottom: 0.5555em;
}

  .section5 .img {left: 28.666%;top: 48%;width: 42.8%;}

  .section6 .img1 {left: 27.333%;bottom: 1.03%;width: 24.8666%;}
  .section6 .img2 {left: 50.8666%;bottom: 0.721%;width: 20.93333%;}
  .section6 ul li { margin: 0 3%;}
  .section7 ul {top: 11.76%;}

  .section8 .slide-box img {width: 100%;}
  .section8.actived .text{left:0.8%}
  .section8 .text{width:98.4%;text-align:center;top:5.27%}
  .section8 .text h5{font-size:1.125em;line-height:1.088;margin-bottom:0.53em}
  .section8 .slide-box{-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);-o-transform:translateY(0%);transform:translateY(0%);width:71.6%;top:40.413%}
 
  .section9 .clock-box .text {
    width: 242.26%;
    text-align: center;
    right: -70.63%;
}
.section9 .clock-box .text h5 {
  font-size: 1.1em;
  line-height: 1.088;
  margin-bottom: 1px;
}
  .section14 {padding:0px;}
  .section14 .mk1 .mt-18 {margin-top: 6px;}
  .section14 .mk1 .font18 {margin-top: 18px;}
  .section14 .mk1 {padding: 10px 0px;}
  .section14 p {height: 100%;}
  .section14 .mk1h p {height: 20px;}
  .section14 .mk1 .font14{font-size: 12px;}
  
  .section14_1{ flex-direction: column;}
  .section20 {max-width: 100%;}
  .section20 .section20_1 {
    flex-direction: row;
    align-items: flex-end;
    flex-wrap: wrap;
    box-sizing: border-box;
}
  .section20 .section20_1 .mk1 {margin: 20px 0px;}
  .section20 .section20_1 .mk1 img {width: 80%;}
  .section20 .section20_1 .mk1:nth-child(1) img {width: 112px; height: 260px;}
  

}

@media only screen and (max-width:700px) {

}

@media only screen and (max-width:667px) {


}

@media only screen and (max-width:568px) {
  .mobile1 {
    display: block;
  }

  .web1 {
    display: none;
  }
}

@media only screen and (max-width:414px) {
  .section20_1{flex-direction: column;align-items: center;}
}