.c9dfe7a{color: #9dfe7a;}

/*s3*/
.infos3 img{max-width: 100%;max-height: 100%;}
.infos3 .a1{position:relative;}
.infos3 .a1 .b1{position:absolute;right:3%;top:50%;margin-top:-80px;}
.infos3 .a2{position: relative;}
.infos3 .a2 .info{position: absolute;left:15%;text-align: center;font-size:20px;top:50%;margin-top:-250px;color: #333;line-height: 1.7;width: 700px;}
.infos3 .a2 .info h3{font-size:48px;margin-bottom:10px;}
.infos3 .a3{position: relative;text-align: center;color: #333;}
.infos3 .a3 .info,.infos3 .a4 .info,.infos3 .a5 .info,.infos3 .a6 .info,.infos3 .a7 .info,.infos3 .a8 .info,.infos3 .a9 .info{padding:80px 0;font-size:20px;line-height: 1.7;}
.infos3 .a3 .info h3,.infos3 .a4 .info h3,.infos3 .a5 .info h3,.infos3 .a6 .info h3,.infos3 .a7 .info h3,.infos3 .a8 .info h3,.infos3 .a9 .info h3{font-size:48px;margin-bottom:10px;}
.infos3 .a3 .img{position: relative;display: inline-block;}
.infos3 .a3 .img .mb{font-size:18px;position: absolute;left:7%;top:47%;text-align: left;color: #666;}
.infos3 .a3 .img .mb .kg{position: relative;top:0;font-size:86px;}
.infos3 .a3 .img .mb .kg i{display: inline-block;width: 41px;height: 75px;background: url(../images/s3_5.png) no-repeat center top;transition:all .6s;-webkit-transition:all .6s;}
.infos3 .a3 .img .mb .kg_on .kg9{background-position: center -685px;}
.infos3 .a3 .img .mb .kg_on .kg3{background-position: center -170px;}
.infos3 .a3 .img .mb .kg_on .kg0{background-position: center -772px;}
.infos3 .a4{position: relative;background-color: #fafafa;text-align: center;padding-bottom:50px;color: #333;}
.infos3 .a4 .img{display: inline-block;position: relative;}
.infos3 .a4 .img img{position: relative;z-index: 9;}
.infos3 .a4 .img i{position:absolute;width: 690px;height: 383px;animation:sh-ripple 2s ease infinite;-webkit-animation:sh-ripple 2s ease infinite;}
.infos3 .a4 .img .icos3_6{right:-300px;background: url(../images/s3_6.png) no-repeat center/contain;}
.infos3 .a4 .img .icos3_7{left:-300px;background: url(../images/s3_7.png) no-repeat center/contain;}
.infos3 .a5{position: relative;background-color: #fafafa;text-align: center;padding-bottom:50px;background: url(../images/s3_9.jpg) no-repeat center top/cover;min-height: 980px;color: #fff;}
.infos3 .a5 .img{margin-top:50px;display: inline-block;position: relative;}
.infos3 .a5 .img i{position: absolute;width: 210px;height: 210px;background: url(../images/s3_11.png) no-repeat center/contain;animation:sh-ripple 2s ease infinite;-webkit-animation:sh-ripple 2s ease infinite;}
.infos3 .a5 .img .i1{left:-45px;top:-45px;}
.infos3 .a5 .img .i2{right:-45px;top:-45px;}
.infos3 .a5 .img .i3{right:-45px;bottom:-45px;}
.infos3 .a5 .img .i4{left:-45px;bottom:-45px;}
.infos3 .a5 .img img{position: relative;z-index: 9;}
.infos3 .a6{position: relative;text-align: center;padding-bottom:50px;color: #333;}
.infos3 .a6 .four{padding-top:60px;}
.infos3 .a6 .four ul{display: inline-block;}
.infos3 .a6 .four li{float:left;position: relative;margin:0 10px;width: 125px;height: 125px;}
.infos3 .a6 .four li .tc{position: absolute;width: 100%;height: 100%;background: url(../images/s3_16.png) no-repeat center/cover;color: #fff;font-size:32px;top:0;transition:all .6s;-webkit-transition:all .3s;visibility:hidden;}
.infos3 .a6 .four li .tc h3{font-size:18px;margin-top:10%;}
.infos3 .a6 .four li img{position: relative;z-index: 9;}
.infos3 .a6 .four li:hover .tc{top:-65%;visibility:visible;}
.infos3 .a6 .img{margin-top:60px;}
.infos3 .a7{background-color: #fafafa;text-align: center;color: #333;position: relative;}
.infos3 .a7 .img{margin-top:20px;}
.infos3 .a7 .info{position: absolute;bottom:5%;left:3%;text-align: left;}
.infos3 .a8{
    text-align: center;background-color: #a3c600;color: #fff;padding-bottom:50px;}
.infos3 .a8 .img{position: relative;max-width: 760px;margin:0 auto;padding-right:120px;margin-top: 40px;padding-bottom:100px;}
.infos3 .a8 .img .im1{position:relative ;bottom:60px;left:-400px;visibility:hidden;transition:all .6s ease;}
.infos3 .a8 .img .im2{position: absolute;z-index: 9;visibility:hidden;transition:all .6s ease .5s;top:-500px;left:600px;}
.infos3 .a8 .img .im3{position: absolute;bottom:0;left:350px;}
.infos3 .a8 .a8_on .im1{ bottom: 60px;
    left: 0;
    visibility: visible;}
.infos3 .a8 .a8_on .im2{left:600px;
    top: 75px;
    visibility: visible;}
.infos3 .a9{background: #fafafa url(../images/s3_21.png) no-repeat left 200px/70%;color: #333;padding:400px 0 100px;}



/*i8*/
.infoi8{color: #333;line-height: 1.7;}
.infoi8 img{max-width: 100%;max-height: 100%;}
.infoi8 .a1{position: relative;}
.infoi8 .a1 .info{position: absolute;left:5%;bottom:3%;color: #666;}
.infoi8 .a1 .info .p1{font-size:40px;}
.infoi8 .a1 .info .p2{font-size:60px;}
.infoi8 .a1 .info .p2 b{font-weight: 700;}
.infoi8 .a1 .info .p3{font-size:18px;color: #373c3f;}
.infoi8 .a2{height: 300px;}
.infoi8 .a2 li{float:left;width: 20%;text-align: center;font-size:18px;color: #373c3f;}
.infoi8 .a2 li .img{height:200px;}
.infoi8 .a2 li .img span{height:200px;display: inline-block;vertical-align: middle;}
.infoi8 .a2 li .img img{max-width: 60%;max-height: 60%;}
.infoi8 .a2 li p{padding:0 15%;}
.infoi8 .a3{background-color: #f7f7f7;text-align: center;padding:100px 0;position: relative;color: #1a1d1f;}
.infoi8 .a3 .b1{width: 30%;padding-top:20%;}
.infoi8 .a3 .b1 img{max-width: 90%;}
.infoi8 .a3 .b2{width: 40%;padding-top:3%;}
.infoi8 .a3 .b2 .p1{font-size:40px;margin-bottom:40px;}
.infoi8 .a3 .b2 .p2{font-size:18px;}
.infoi8 .a3 .b2 .p3{font-size:14px;color: #858585;padding:0 10%;}
.infoi8 .a3 .b2 .img{margin:60px 0;}
.infoi8 .a3 .b3{width:30%;}
.infoi8 .a3 .b3 img{max-width: 60%;}
.infoi8 .a4{background:#fafafa url(../images/i8_10.jpg) no-repeat right center/auto 100%;position: relative;text-align: center;}
.infoi8 .a4 .info{width: 50%;margin:0 auto;padding:200px 0 300px;position: relative;}
.infoi8 .a4 .info .p1{font-size:35px;}
.infoi8 .a4 .info .p2{font-size:56px;margin-bottom:40px;}
.infoi8 .a4 .info .p3{font-size:18px;}
.infoi8 .a4 .info .p4{font-size:14px;color: #8a8a8a;position: absolute;bottom:20px;width: 100%;}
.infoi8 .a4 .img{position: absolute;width: 20%;right:75%;height: 100%;top:0;}
.infoi8 .a4 .img span{height: 100%;display: inline-block;vertical-align: middle;}
.infoi8 .a5{text-align: center;padding-bottom:50px;}
.infoi8 .a5 .info{padding:80px 0;}
.infoi8 .a5 .info .p1{font-size:56px;margin-bottom:30px;}
.infoi8 .a5 .info .p2{font-size:24px;}
.infoi8 .a5 .info .p3{font-size:18px;}
.infoi8 .a5 .img img{max-width: 80%;}
.infoi8 .a6{padding-bottom:50px;background-color: #f9f9f9;text-align: center;}
.infoi8 .a6 .info{font-size:20px;padding:80px 0;}
.infoi8 .a6 .img{max-width: 320px;margin:0 auto;position: relative;padding-left:360px;}
.infoi8 .a6 .img .im1{position: absolute;left:-300px;bottom:0;z-index: 1;transition:all .6s ease;visibility:hidden;}
.infoi8 .a6 .img .im2{position: relative;z-index: 2;transition:all .6s ease .6s;right:-300px;visibility:hidden;}
.infoi8 .a6 .img .im3{position: absolute;left:80px;bottom:400px;z-index: 3;transition:all .6s ease 1.2s;visibility:hidden;}
.infoi8 .a6 .a6_on .im1{left:0;visibility:visible;}
.infoi8 .a6 .a6_on .im2{right:0;visibility:visible;}
.infoi8 .a6 .a6_on .im3{bottom:0;visibility:visible;}
.infoi8 .a7{position: relative;background: url(../images/i8_16.jpg) no-repeat right center/auto 100%;}
.infoi8 .a7 .info{width: 500px;text-align: center;padding:300px 0 300px 5%;}
.infoi8 .a7 .info .p1{font-size:56px;}
.infoi8 .a7 .info .p2{font-size:18px;}
.infoi8 .a8{background-color: #fcfcfc;}
.infoi8 .a8 .b1{max-width: 1400px;margin: 0 auto;font-size:18px;padding:0 30px;box-sizing:border-box;}
.infoi8 .a8 .b1 .c1{width: 50%;padding-top:150px;}
.infoi8 .a8 .b1 .c1 .p1{margin-bottom:40px;}
.infoi8 .a8 .b1 .c2{width: 50%;position: relative;}
.infoi8 .a8 .b1 .c2 img{width: 150%;margin-left:-25%;max-width: none;}
.infoi8 .a8 .b2{max-width: 1400px;margin: 0 auto;font-size:18px;padding:0 30px;box-sizing:border-box;}
.infoi8 .a8 .b2 .c1{width: 50%;position: relative;}
.infoi8 .a8 .b2 .c1 img{width: 150%;max-width: none;margin-left:-25%;}
.infoi8 .a8 .b2 .c2{width: 50%;box-sizing:border-box;padding-left:10%;}
.infoi8 .a8 .b2 .c2 .i5{position: relative;width: 50%;height: 30px;}
.infoi8 .a8 .b2 .c2 .i5 span{position: absolute;left:0;height: 30px;background-color: #858585;transition:all .79s;width: 0;}
.infoi8 .a8 .b2 .c2 .i5 .im1{position: absolute;right:0;width: 20%;bottom:0;visibility: hidden;transition:all .2s;width: .79;}
.infoi8 .a8 .b2 .c2 .i8{position: relative;width: 50%;height: 30px;}
.infoi8 .a8 .b2 .c2 .i8 span{position: absolute;left:0;height: 30px;width: 100%;background-color: #00a1e9;transition:all 1s;width: 0;}
.infoi8 .a8 .b2 .c2 .p2{margin-top:80px;}
.infoi8 .a8 .b2 .a8_on .i5 span{width: 79%;}
.infoi8 .a8 .b2 .a8_on .i5 .im1{visibility: visible;}
.infoi8 .a8 .b2 .a8_on .i8 span{width: 100%;}
.infoi8 .a9{background: #fafafa url(../images/i8_21.jpg) no-repeat 90% center/40%;padding-right:50%;padding-left:10%;}
.infoi8 .a9 .info{padding:150px 0;font-size:18px;}
.infoi8 .a9 .info .p1{font-size:56px;margin-bottom:40px;}
.infoi8 .a9 .info .img{margin:30px 0;}
@media(max-width: 1400px){
    /*s3*/
    .infos3 .a9{background-size:80% auto;}
}
@media(max-width: 1024px){
    /*s3*/
    .infos3 .a1 .b1{position:absolute;top:50%;margin-top:-40px;max-width: 60%;right:5%;}
    .infos3 .a2 .info{left:2%;font-size:18px;text-align: left;width: 50%;margin-top:0;top:4%;}
    .infos3 .a2 .info h3{font-size:40px;}
    .infos3 .a3 .info,.infos3 .a4 .info,.infos3 .a5 .info,.infos3 .a6 .info,.infos3 .a7 .info,.infos3 .a8 .info,.infos3 .a9 .info{font-size:18px;padding:50px 0;}
    .infos3 .a3 .info h3,.infos3 .a4 .info h3,.infos3 .a5 .info h3,.infos3 .a6 .info h3,.infos3 .a7 .info h3,.infos3 .a8 .info h3,.infos3 .a9 .info h3{font-size:40px;}
    .infos3 .a4 .img{max-width: 80%;}
    .infos3 .a5{min-height: inherit;}
    .infos3 .a6 .four li{width: 90px;height: 90px;}
    .infos3 .a6 .four li .tc{font-size:24px;}
    .infos3 .a6 .four li .tc h3{font-size:16px;margin-top:5px;}
    .infos3 .a6 .img img{max-width: 60%;}
    /*.infos3 .a7 .img img{max-width: 60%;}*/
    .infos3 .a8 .img{max-width:inherit;width: 50%;box-sizing:border-box;padding:0;padding-bottom:10%;}
    .infos3 .a8 .img .im1{left:-20%;bottom:0;}
    .infos3 .a8 .img .im2{left:80%;width: 30%;bottom:150%;}
    .infos3 .a8 .img .im3{left:30%;width: 40%;}
    .infos3 .a8 .a8_on .im1{left: -10%;}
    .infos3 .a8 .a8_on .im2 {
        left:80%;
        top:inherit;
        bottom:15%;
        visibility: visible;
    }



    .infos3 .a9{padding:200px 0 50px;background-position:left 100px;}

    /*i8*/
    .infoi8 .a1 .info .p1{font-size:36px;}
    .infoi8 .a1 .info .p2{font-size:54px;}
    .infoi8 .a1 .info .p3{font-size:16px;}
    .infoi8 .a2{height:250px;}
    .infoi8 .a2 li{font-size:16px;}
    .infoi8 .a2 li .img{height: 150px;}
    .infoi8 .a2 li .img span{height: 150px;}
    .infoi8 .a2 li p{padding:0 5%;}
    .infoi8 .a3 .b2{float:none;width: 50%;margin:0 auto;}
    .infoi8 .a3 .b2 .p1{font-size:36px;}
    .infoi8 .a3 .b2 .p2{font-size:16px;}
    .infoi8 .a3 .b2 .p3{font-size:12px;}
    .infoi8 .a3 .b1{position: absolute;right:75%;top:200px;width: 50%;text-align: right;padding-right:30px;}
    .infoi8 .a3 .b3{position: absolute;left:75%;top:100px;width: 50%;text-align: left;padding-left:30px;}
    .infoi8 .a4 .info{padding:50px 0 100px;float:right;padding-right:30px;box-sizing:border-box;width: 60%;}
    .infoi8 .a4 .info .p1{font-size:30px;}
    .infoi8 .a4 .info .p2{font-size:48px;}
    .infoi8 .a4 .info .p3{font-size:16px;}
    .infoi8 .a4 .info .p4{font-size:12px;}
    .infoi8 .a4 .img{width:30%;right:65%;}
    .infoi8 .a5 .info{padding:50px 0;}
    .infoi8 .a5 .info .p1{font-size:44px;}
    .infoi8 .a5 .info .p2{font-size:18px;}
    .infoi8 .a5 .info .p3{font-size:16px;}
    .infoi8 .a6 .info{font-size:18px;}
    .infoi8 .a6 .img{width: 80%;box-sizing:border-box;max-width: none;padding-left:40%;}
    .infoi8 .a6 .img .im1{max-width: 40%;}
    .infoi8 .a6 .img .im3{max-width:50%;}
    .infoi8 .a7 .info{padding:100px 0;}
    .infoi8 .a7 .info .p1{font-size:48px;}
    .infoi8 .a7 .info .p2{font-size:16px;}
    .infoi8 .a8 .b1 .c1{padding-top:70px;}
    .infoi8 .a8 .b2 .c2 .p2{margin-top:20px;}
    .infoi8 .a9{background: #fafafa url(../images/i8_21.jpg) no-repeat 140% center/50%;padding-right:30%;padding-left:5%;}
    .infoi8 .a9 .info{padding:100px 0;font-size:16px;}
    .infoi8 .a9 .info .p1{font-size:44px;margin-bottom:40px;}
    .infoi8 .a9 .info .img{margin:30px 0;}
}
@media(max-width: 767px){
    /*s3*/
    .infos3 .a1 .b1{position:absolute;top:50%;margin-top:-30px;text-align: center;max-width: 70%;right:5%;}
    .infos3 .a2 .info{left:2%;width: 70%;margin-top:0;top:10px;font-size:12px;text-align: left;}
    .infos3 .a2 .info h3{font-size:20px;}
    .infos3 .a3 .info,.infos3 .a4 .info,.infos3 .a5 .info,.infos3 .a6 .info,.infos3 .a7 .info,.infos3 .a8 .info,.infos3 .a9 .info{font-size:12px;padding:30px 0;}
    .infos3 .a3 .info h3,.infos3 .a4 .info h3,.infos3 .a5 .info h3,.infos3 .a6 .info h3,.infos3 .a7 .info h3,.infos3 .a8 .info h3,.infos3 .a9 .info h3{font-size:18px;}
    .infos3 .a3 .img .mb{font-size:12px;}
    .infos3 .a3 .img .mb .kg i{width: 30px;background-size:30px;height: 60px;}
    .infos3 .a3 .img .mb .kg_on .kg9{background-position: center -497px;}
    .infos3 .a3 .img .mb .kg_on .kg3{background-position: center -120px;}
    .infos3 .a3 .img .mb .kg_on .kg0{background-position: center -560px;}
    .infos3 .a4 .img i{width: 100%;height: 100%;}
    .infos3 .a4 .img .icos3_6{right:-45%;}
    .infos3 .a4 .img .icos3_7{left:-45%;}
    .infos3 .a5 .img{max-width: 50%;}
    .infos3 .a5 .img i{width: 75%;height: 75%;}
    .infos3 .a5 .img .i1{left:-23%;top:-23%;}
    .infos3 .a5 .img .i2{right:-23%;top:-23%;}
    .infos3 .a5 .img .i3{right:-23%;bottom:-23%;}
    .infos3 .a5 .img .i4{left:-23%;bottom:-23%;}
    .infos3 .a6 .four li{width: 60px;height: 60px;}
    .infos3 .a6 .four li .tc{font-size:16px;}
    .infos3 .a6 .four li .tc h3{font-size:12px;margin-top:5px;}
    .infos3 .a9{padding:80px 0 50px;background-position:left 30px;}


    /*i8*/
    .infoi8 .a1 .info{width: 250px;}
    .infoi8 .a1 .info .p1{font-size:16px;}
    .infoi8 .a1 .info .p2{font-size:22px;}
    .infoi8 .a1 .info .p3{font-size:12px;}
    .infoi8 .a2{height:200px;}
    .infoi8 .a2 li{font-size:12px;}
    .infoi8 .a2 li .img{height: 100px;}
    .infoi8 .a2 li .img span{height: 100px;}
    .infoi8 .a3{padding:50px 0;}
    .infoi8 .a3 .b2{width: 90%;position: relative;z-index: 9;}
    .infoi8 .a3 .b2 .p1{font-size:20px;margin-bottom:20px;}
    .infoi8 .a3 .b2 .p2{font-size:12px;}
    .infoi8 .a3 .b2 .p3{font-size:10px;}
    .infoi8 .a3 .b2 .img{margin:30px 0;}
    .infoi8 .a3 .b1{display: none;}
    .infoi8 .a3 .b3{display: none;}
    .infoi8 .a4 .info{width: 100%;padding:50px 2% 80px;}
    .infoi8 .a4 .info .p1{font-size:16px;}
    .infoi8 .a4 .info .p2{font-size:20px;margin-bottom:20px;}
    .infoi8 .a4 .info .p3{font-size:12px;}
    .infoi8 .a4 .info .p4{font-size:10px;}
    .infoi8 .a4 .img{display: none;}
    .infoi8 .a5 .info{padding:30px 2%;}
    .infoi8 .a5 .info .p1{font-size:24px;margin-bottom:20px;}
    .infoi8 .a5 .info .p2{font-size:16px;}
    .infoi8 .a5 .info .p3{font-size:12px;}
    .infoi8 .a6 .info{font-size:12px;padding:40px 0;}
    .infoi8 .a7 .info{padding:100px 0;width: 55%;}
    .infoi8 .a7 .info .p1{font-size:20px;}
    .infoi8 .a7 .info .p2{font-size:12px;}
    .infoi8 .a8 .b1{padding:0 10px;font-size:12px;}
    .infoi8 .a8 .b2{padding:0 10px;font-size:12px;}
    .infoi8 .a8 .b1 .c1{width: 70%;padding-top:20px;}
    .infoi8 .a8 .b1 .c2{width: 30%;}
    .infoi8 .a8 .b1 .c2 img{width: 300%;margin-left:-80%;}
    .infoi8 .a8 .b2 .c1{width: 30%;}
    .infoi8 .a8 .b2 .c1 img{width: 300%;margin-left:-120%;}
    .infoi8 .a8 .b2 .c2{width: 70%;}
    .infoi8 .a9{background: #fafafa;padding:0 3%;}
    .infoi8 .a9 .info{padding:40px 0;font-size:12px;}
    .infoi8 .a9 .info .p1{font-size:20px;margin-bottom:20px;}
    .infoi8 .a9 .info .img{margin:20px 0;}
}
@-webkit-keyframes sh-ripple{
    0%{
        -webkit-transform:scale(0);transform:scale(0)
    }
    50%{
        opacity:1;filter:alpha(opacity=100)\9
    }
    100%{
        -webkit-transform:scale(1);transform:scale(1);opacity:0;filter:alpha(opacity=0)\9;
    }
}
@keyframes sh-ripple{
    0%{
        -webkit-transform:scale(0);transform:scale(0)
    }
    50%{
        opacity:1;filter:alpha(opacity=100)\9
    }
    100%{
        -webkit-transform:scale(1);transform:scale(1);opacity:0;filter:alpha(opacity=0)\9;
    }
}