/*APP开发*/
.sub_exploit { overflow: hidden;}

.sub_exploit .a4 .wrap{ position: relative; height: 825px;}
.sub_exploit .a4 .bg .icon_26{ position: absolute;top: 50%;left: 50%; width: 280px; height: 280px;margin: -48px 0 0 646px;-webkit-animation: box 4s .4s ease-out forwards infinite alternate;animation: box 4s .4s ease-out forwards infinite alternate;}
.sub_exploit .a4 .bg .icon_27{ position: absolute;top: 50%;left: 50%; width: 260px; height: 340px;margin: -204px 0 0 -954px;-webkit-animation: box 3s .4s ease-out forwards infinite alternate;animation: box 3s .4s ease-out forwards infinite alternate;}
.sub_exploit .a4 .bg .icon_28{ position: absolute;top: 50%;left: 50%; width: 412px; height: 181px;margin: -106px 0 0 482px;-webkit-animation: starry 8s ease-in-out infinite alternate;animation: starry 8s ease-in-out infinite alternate;}
.sub_exploit .a4 .bg .icon_29{ position: absolute;top: 50%;left: 50%; width: 385px; height: 117px;margin: 64px 0 0 -900px;-webkit-animation: starry 5s ease-in-out infinite alternate;animation: starry 5s ease-in-out infinite alternate;}
.sub_exploit .a4 .tit { padding-top: 90px; padding-bottom: 60px;}
.sub_exploit .a4 .tit h3{ height: 76px; background: url(../images/icon_12.png) no-repeat bottom center; font-size: 36px; font-weight: bold; color: #60646a; text-align: center; line-height: 76px;}
.sub_exploit .a4 .tit p{ font-size: 14px; color: #60646a; text-align: center; line-height: 74px;}
.sub_exploit .a4 .mian{ text-align: center;}
.sub_exploit .a4 .mian ul{ display: inline-block; width: 915px;}
.sub_exploit .a4 .mian ul li{ float: left; width: 143px; height: 173px; margin: 0 20px 35px 20px ; border-radius: 20px; background: #f5f5f5;-webkit-transition: all .4s; transition: all .4s;}
/*.sub_exploit .a4 .mian ul li{ opacity: 0;}*/
.sub_exploit .a4 .mian ul li a{ display: block; width: 100%; height: 100%;overflow: hidden;}
.sub_exploit .a4 .mian ul li a h4{ width: 100%; height: 64px; padding:40px 0 20px;background-position: center; background-repeat: no-repeat;}
.sub_exploit .a4 .mian ul li a p{ /*padding-left: 30px;*/ font-size: 14px; color: #60646a; text-align: center;}
.sub_exploit .a4 .mian ul li.ins_1 a h4{ background-image: url(../images/ins_1.png);}
.sub_exploit .a4 .mian ul li.ins_2 a h4{ background-image: url(../images/ins_3.png);}
.sub_exploit .a4 .mian ul li.ins_3 a h4{ background-image: url(../images/ins_5.png);}
.sub_exploit .a4 .mian ul li.ins_4 a h4{ background-image: url(../images/ins_7.png);}
.sub_exploit .a4 .mian ul li.ins_5 a h4{ background-image: url(../images/ins_9.png);}
.sub_exploit .a4 .mian ul li.ins_6 a h4{ background-image: url(../images/ins_11.png);}
.sub_exploit .a4 .mian ul li.ins_7 a h4{ background-image: url(../images/ins_13.png);}
.sub_exploit .a4 .mian ul li.ins_8 a h4{ background-image: url(../images/ins_15.png);}
.sub_exploit .a4 .mian ul li.ins_9 a h4{ background-image: url(../images/ins_17.png);}
.sub_exploit .a4 .mian ul li.ins_10 a h4{ background-image: url(../images/ins_19.png);}
.sub_exploit .a4 .mian ul li:hover a p{ color: #fff;}
.sub_exploit .a4 .mian ul li:hover.ins_1 a h4{ background-image: url(../images/ins_2.png);}
.sub_exploit .a4 .mian ul li:hover.ins_2 a h4{ background-image: url(../images/ins_4.png);}
.sub_exploit .a4 .mian ul li:hover.ins_3 a h4{ background-image: url(../images/ins_6.png);}
.sub_exploit .a4 .mian ul li:hover.ins_4 a h4{ background-image: url(../images/ins_8.png);}
.sub_exploit .a4 .mian ul li:hover.ins_5 a h4{ background-image: url(../images/ins_10.png);}
.sub_exploit .a4 .mian ul li:hover.ins_6 a h4{ background-image: url(../images/ins_12.png);}
.sub_exploit .a4 .mian ul li:hover.ins_7 a h4{ background-image: url(../images/ins_14.png);}
.sub_exploit .a4 .mian ul li:hover.ins_8 a h4{ background-image: url(../images/ins_16.png);}
.sub_exploit .a4 .mian ul li:hover.ins_9 a h4{ background-image: url(../images/ins_18.png);}
.sub_exploit .a4 .mian ul li:hover.ins_10 a h4{ background-image: url(../images/ins_20.png);}
.sub_exploit .a4 .mian ul li:hover{ background: #3bb6eb; box-shadow:0px 10px 40px 0px #93d7f4;transform: translateY(-4px);-webkit-transform: translateY(-4px);}
.sub_exploit .a5{ background: #f8f8f8;}
.sub_exploit .a5 .tit { padding-top: 90px; padding-bottom: 60px;}
.sub_exploit .a5 .tit h3{ height: 76px; background: url(../images/icon_12.png) no-repeat bottom center; font-size: 36px; font-weight: bold; color: #60646a; text-align: center; line-height: 76px;}
.sub_exploit .a5 .mian{ width: 100%; overflow: hidden; padding-bottom: 78px;}
.sub_exploit .a5 .mian ul{ margin-left: -15px;}
.sub_exploit .a5 .mian ul li{ position: relative; float: left; width: 389px; height: 278px; overflow: hidden; margin-left: 15px; margin-bottom: 20px;}
.sub_exploit .a5 .mian ul li{opacity: 0;-webkit-transform: scaleY(150px); -moz-transform: translateY(150px); -ms-transform: translateY(150px); -o-transform: translateY(150px); transform: translateY(100px);-webkit-transition: all 2s; -moz-transition: all 2s; -ms-transition: all 2s; -o-transition: all 2s; transition: all 2s;}
.sub_exploit .a5 .mian ul li h4{ position: absolute;top: 0; width: 389px; height: 278px;-webkit-transition: all 0.6s;transition: all 0.6s; }
.sub_exploit .a5 .mian ul li a{position: absolute;bottom: -68px; z-index: 1; width: 100%; height: 68px; overflow: hidden; padding:16px 26px; background: #fff; box-sizing: border-box;-webkit-transition: all .4s;transition: all .4s;}
.sub_exploit .a5 .mian ul li a:before{background: #a0dcf6;content: '';position: absolute;height: 100%; width: 100%;bottom: 100%;left: 0;z-index: -1;-webkit-transition: -webkit-transform 0.6s;transition: transform 0.6s; -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}
.sub_exploit .a5 .mian ul li a:after{ background: #3bb6eb; content: ''; position: absolute; height: 100%; width: 100%; bottom: 100%; left: 0; z-index: -1; -webkit-transition: -webkit-transform 0.6s; transition: transform 0.6s; -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); }
.sub_exploit .a5 .mian ul li a:hover:before,.sub_exploit .a5 .mian ul li a:hover:after {-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}
.sub_exploit .a5 .mian ul li a:hover:after{-webkit-transition-delay: 0.175s;transition-delay: 0.175s;}
.sub_exploit .a5 .mian ul li a:hover span{ color: #fff;}
.sub_exploit .a5 .mian ul li a span{ position: relative; z-index:2;float: left; font-size: 14px; color: #60646a; line-height: 35px;}
.sub_exploit .a5 .mian ul li a i{ float: right; width: 35px; height: 35px; background: url(../images/icon_30.png) no-repeat center;}
.sub_exploit .a5 .mian ul li:hover a{ bottom: 0;}
.sub_exploit .a5 .mian ul li:hover h4{ top: -20px;}
.sub_exploit .a5.css3 .mian ul li{ opacity: 1;-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);}
.sub_exploit .a5.css3 .mian ul li:nth-child(1){-webkit-transition-delay: .3s;
-moz-transition-delay: .3s;
-ms-transition-delay: .3s;
-o-transition-delay: .3s;
transition-delay: .3s;}
.sub_exploit .a5.css3 .mian ul li:nth-child(2){-webkit-transition-delay: .6s;
-moz-transition-delay: .6s;
-ms-transition-delay: .6s;
-o-transition-delay: .6s;
transition-delay: .6s;}
.sub_exploit .a5.css3 .mian ul li:nth-child(3){-webkit-transition-delay: .9s;
-moz-transition-delay: .9s;
-ms-transition-delay: .9s;
-o-transition-delay: .9s;
transition-delay: .9s;}
.sub_exploit .a5.css3 .mian ul li:nth-child(4){-webkit-transition-delay: 1.2s;
-moz-transition-delay: 1.2s;
-ms-transition-delay: 1.2s;
-o-transition-delay: 1.2s;
transition-delay: 1.2s;}
.sub_exploit .a5.css3 .mian ul li:nth-child(5){-webkit-transition-delay: 2s;
-moz-transition-delay: 1.5s;
-ms-transition-delay: 1.5s;
-o-transition-delay: 1.5s;
transition-delay: 1.5s;}
.sub_exploit .a5.css3 .mian ul li:nth-child(6){-webkit-transition-delay: 1.8s;
-moz-transition-delay: 1.8s;
-ms-transition-delay: 1.8s;
-o-transition-delay: 1.8s;
transition-delay: 1.8s;}
.sub_exploit .a6{ height: 824px; background: #f1faff; overflow: hidden;}
.sub_exploit .a6 .wrap{ position: relative; height: 824px;}
.sub_exploit .a6 .bg .b1{ position: absolute; left: 50%; bottom: 0; width: 1920px; height: 95px; border-top: 2px solid #b3d7ec; border-bottom: 2px solid #b3d7ec; background: #fff; margin-left: -960px;}
.sub_exploit .a6 .bg .icon_31{ position: absolute;left: 50%;top: 50%; width: 1207px; height: 391px; margin-left: -603px; margin-top: -75px; background: url(../images/icon_31.png) no-repeat bottom center;}
.sub_exploit .a6 .bg .icon_32{ position: absolute;left: 50%;top: 50%; width: 196px; height: 119px; margin:-220px 0 0 580px;-webkit-animation: box_1 8s .4s ease-out forwards infinite alternate;animation: box_1 8s .4s ease-out forwards infinite alternate;}
.sub_exploit .a6 .bg .icon_34{ position: absolute;left: 50%;top: 50%; width: 132px; height: 336px;}
.sub_exploit .a6 .bg .icon_34.l1{margin-left: -800px; margin-top: 75px;}
.sub_exploit .a6 .bg .icon_34.r1{margin-left: 600px; margin-top: 75px;}
.sub_exploit .a6 .bg .icon_35{ position: absolute;left: 50%;top: 50%; width: 112px; height: 209px;}
.sub_exploit .a6 .bg .icon_35.l2{margin-left: -640px; margin-top: 105px;}
.sub_exploit .a6 .bg .icon_35.r2{margin-left: 760px; margin-top: 105px;}
.sub_exploit .a6 .bg .icon_36{ position: absolute;left: 50%;top: 50%; width: 137px; height: 86px; margin:-284px 0 0 -560px;-webkit-animation: box_3 20s .4s ease-out forwards infinite alternate;animation: box_3 20s .4s ease-out forwards infinite alternate;}
.sub_exploit .a6 .bg .icon_37{ position: absolute;left: 50%;top: 50%; width: 127px; height: 39px;}
.sub_exploit .a6 .bg .icon_37.l3{margin-left: -12px; margin-top: 18px;}
.sub_exploit .a6 .bg .icon_37.r3{margin-left: 444px; margin-top: 80px;}
.sub_exploit .a6 .bg .icon_38{ position: absolute;left: 50%;top: 50%; width: 113px; height: 4px; margin:-50px 0 0 620px;}
.sub_exploit .a6 .bg .icon_39{ position: absolute;left: 50%;top: -158px; width: 1920px; height: 158px; margin-left: -960px;opacity: 0;-webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s;}
.sub_exploit .a6 .bg .b1 .icon_40{ position: absolute;left: 50%;top: 50%; width: 116px; height: 10px; margin: -2px 0 0 280px;}
.sub_exploit .a6 .bg .b1 .icon_41{ position: absolute;left: 50%;top: 50%; width: 134px; height: 10px; margin: -5px 0 0 -180px;}
.sub_exploit .a6 .bg .b1 .xx{ position: absolute;top: 50%;left: 50%; width: 20px; height: 2px; background: #bceee2;}
.sub_exploit .a6 .bg .b1 .xx.x_1{ width: 115px; margin:  -16px 0 0 -480px;}
.sub_exploit .a6 .bg .b1 .xx.x_2{ width: 146px; margin:  10px 0 0 -380px;}
.sub_exploit .a6 .bg .b1 .xx.x_3{ width: 35px; margin:  -30px 0 0 -312px;}
.sub_exploit .a6 .bg .b1 .xx.x_4{ width: 36px; margin:  -12px 0 0 -230px;}
.sub_exploit .a6 .bg .b1 .xx.x_5{ width: 148px; margin:  20px 0 0 -30px;}
.sub_exploit .a6 .bg .b1 .xx.x_6{ width: 116px; margin:  -10px 0 0 120px;}
.sub_exploit .a6 .bg .b1 .xx.x_7{ width: 36px; margin:  -30px 0 0 160px;}
.sub_exploit .a6 .bg .b1 .xx.x_8{ width: 36px; margin:  0 0 0 420px;}
.sub_exploit .a6 .bg .b0 ul li{ position: absolute; z-index: 99;}
.sub_exploit .a6 .bg .b0 ul li div.btn{ width: 80px; text-align: center;}
.sub_exploit .a6 .bg .b0 ul li div.btn>span{ display: inline-block; font-size: 15px; font-weight: bold; color: #60646a; line-height: 40px;}
.sub_exploit .a6 .bg .b0 ul li div.btn>i{position: relative; display: inline-block; width: 46px; height: 46px; overflow: hidden;border-radius: 50%; background: url(../images/icon_42.png) no-repeat center; box-sizing:border-box;-webkit-transition: all .4s; transition: all .4s;}
.sub_exploit .a6 .bg .b0 ul li div.btn>i:after{ position: absolute;top: 0;left: 0; z-index: 1; content: ''; width: 100%; height: 100%; overflow: hidden; border-radius: 50%; background: #00AAFF;
 -webkit-transform: scale(0); transform: scale(0);-webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.sub_exploit .a6 .bg .b0 ul li div.btn>i img{ position: absolute;top: 0;left: 0;z-index: 2;}
.sub_exploit .a6 .bg .b0 ul li.c1{ left: 250px;top: 20px; z-index: 100;}
.sub_exploit .a6 .bg .b0 ul li.c2{ left: 446px;top: -64px;}
.sub_exploit .a6 .bg .b0 ul li.c3{ right: 416px;top: -24px;}
.sub_exploit .a6 .bg .b0 ul li.c4{ right: 206px;top: 22px;}
.sub_exploit .a6 .bg .b0 ul li .join_is{ position: absolute; top: -96px;right: 50%; z-index: 99; width: 386px;margin-right:-193px; padding: 10px 30px; border: 2px solid #b6d8ec; border-radius: 50px; background: #fff; box-sizing: border-box; box-shadow: -8px 8px 0px #fff;pointer-events: none;
-webkit-transform: scale(0);transform: scale(0);-webkit-transition: all .4s;transition: all .4s;transform-origin:center bottom;-webkit-transform-origin:center bottom;}
.sub_exploit .a6 .bg .b0 ul li .join_is p{ font-size: 14px; color: #60646a; line-height: 24px;}
.sub_exploit .a6 .bg .b0 ul li em{display: block; position: absolute;top: 0;z-index: 2; width: 100%; height: 100%;}
.sub_exploit .a6 .bg .b0 ul li.c1 em{  background: url(../images/icon_43.png) no-repeat center;}
.sub_exploit .a6 .bg .b0 ul li.c2 em{  background: url(../images/icon_44.png) no-repeat center;}
.sub_exploit .a6 .bg .b0 ul li.c3 em{  background: url(../images/icon_45.png) no-repeat center;}
.sub_exploit .a6 .bg .b0 ul li.c4 em{ background: url(../images/icon_46.png) no-repeat center;}
.sub_exploit .a6 .bg .b0 ul li.c1.on em{  background: url(../images/icon_96.png) no-repeat center;}
.sub_exploit .a6 .bg .b0 ul li.c2.on em{  background: url(../images/icon_97.png) no-repeat center;}
.sub_exploit .a6 .bg .b0 ul li.c3.on em{  background: url(../images/icon_98.png) no-repeat center;}
.sub_exploit .a6 .bg .b0 ul li.c4.on em{  background: url(../images/icon_99.png) no-repeat center;}
.sub_exploit .a6 .bg .b0 ul li.on div.btn>i{box-shadow: 0 3px 10px #93D7F4;}
.sub_exploit .a6 .bg .b0 ul li.on div.btn>i:after{-webkit-transform: scale(1); transform: scale(1);}
.sub_exploit .a6 .bg .b0 ul li.on .join_is{-webkit-transform: scale(1);transform: scale(1);}

.sub_exploit .a6 .tit { position: relative;z-index: 100; padding-top: 90px; padding-bottom: 60px;}
.sub_exploit .a6 .tit h3{ height: 76px; background: url(../images/icon_12.png) no-repeat bottom center; font-size: 36px; font-weight: bold; color: #60646a; text-align: center; line-height: 76px;}
.sub_exploit .a6.css3 .bg .icon_39{top: 0;opacity: 1;}
/*.sub_exploit .a6.css3 .bg .icon_31{margin-top: -75px; opacity: 1;}*/
.sub_exploit .a7{ height: 860px; background:#38DEEC url(../images/icon_51.png) no-repeat top center;}
.sub_exploit .a7 .wrap{ position: relative; height: 860px;}
.sub_exploit .a7 .tit { position: relative;z-index: 100; padding-top: 30px; padding-bottom: 60px;}
.sub_exploit .a7 .tit h3{ height: 76px; background: url(../images/icon_11.png) no-repeat bottom center; font-size: 36px; font-weight: bold; color: #fff; text-align: center; line-height: 76px;}
.sub_exploit .a7 .bg .icon_52{ position: absolute;left: 50%;bottom: -639px; width: 1920px; height: 639px; margin-left: -960px;-webkit-transition: all .2s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s;}
.sub_exploit .a7 .mian{ position: absolute;top: 50%;left: 50%; width: 0; height: 84px; margin:-77px 0 0 -612px; background: url(../images/icon_53.png) no-repeat left center;-webkit-transition: width 4s;transition: width 4s;}
.sub_exploit .a7 .mian ul li{position: absolute; cursor: pointer;}
.sub_exploit .a7 .mian ul li.aa:before{ position: absolute;bottom: -26px; left: 50%; content: ' '; width: 12px; height: 12px; margin-left: -6px; border: 4px solid #fff; border-radius: 50%; box-sizing: border-box;}
.sub_exploit .a7 .mian ul li.aa .gd i{ display: block; font-size: 36px; color: #fff; text-align: center; line-height: 50px; -webkit-transition: all .4s; transition: all .4s;opacity:1;-webkit-transform: translateY(0);transform: translateY(0);}
.sub_exploit .a7 .mian ul li.aa .gd span{ display: block; font-size: 15px; color: #ffffff; line-height: 25px;}
.sub_exploit .a7 .mian ul li.aa .tc{position: absolute;top: 50%;left: 50%; z-index: 9; width: 268px; height: 68px;margin: -70px 0 0 -140px; padding: 3px 5px; border-radius: 50px; background: #fff; box-sizing: border-box; box-shadow:0 2px 5px 0 #555;opacity: 0; -webkit-transition: all .4s; transition: all .4s;transform:  -webkit-translateY(-20px);transform:  translateY(-20px);}
.sub_exploit .a7 .mian ul li.aa .tc:before{position: absolute;top: 100%;left: 50%; content:' '; width: 17px; height: 5px; margin-left: -3px; background: url(../images/icon_54.png) no-repeat center;}
.sub_exploit .a7 .mian ul li.aa .tc div.fl{ width: 63px; height: 63px; overflow: hidden; border-radius: 50%; background: #f2f2f2;}
.sub_exploit .a7 .mian ul li.aa .tc div.fl span{ display: block;font-size: 35px; color: #2bb0ea; text-align: center; line-height: 63px;}
.sub_exploit .a7 .mian ul li.aa .tc div.fr { width: 180px;}
.sub_exploit .a7 .mian ul li.aa .tc div.fr p{ padding-top: 15px; padding-right: 20px; font-size: 14px; color: #60646a; line-height: 18px;}
.sub_exploit .a7 .mian ul li.aa .tc div.fr p.san{ padding-top: 4px; padding-right: 12px; }
.sub_exploit .a7 .mian ul li.aa.on .gd i{opacity: 0;-webkit-transform: translateY(-10px);transform: translateY(-10px);}
.sub_exploit .a7.css3 .mian ul li.aa.on .tc{opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
.sub_exploit .a7 .mian ul li.b1{ top: -85px;left: 92px;}
.sub_exploit .a7 .mian ul li.b2{ top: -90px;left: 397px;}
.sub_exploit .a7 .mian ul li.b3{ top: -90px;left: 658px;}
.sub_exploit .a7 .mian ul li.b4{ top: -94px;left: 940px;}
.sub_exploit .a7 .mian ul li.bb:before{ position: absolute;top: -26px; left: 50%; content: ' '; width: 12px; height: 12px; margin-left: -6px; border: 4px solid #fff; border-radius: 50%; box-sizing: border-box;}
.sub_exploit .a7 .mian ul li.bb .gd i{ display: block; font-size: 36px; color: #86bbda; text-align: center; line-height: 50px;-webkit-transition: all .4s; transition: all .4s;opacity:1;-webkit-transform: translateY(0);transform: translateY(0);}
.sub_exploit .a7 .mian ul li.bb .gd span{ display: block; font-size: 15px; color: #60646a; line-height: 24px;}
.sub_exploit .a7 .mian ul li.bb .tc{position: absolute;top: 50%;left: 50%; z-index: 9; width: 268px; height: 68px;margin: 0 0 0 -140px; padding: 3px 5px; border-radius: 50px; background: #fff; box-sizing: border-box; box-shadow:0 2px 5px 0 #555;opacity: 0; -webkit-transition: all .4s; transition: all .4s;transform:  -webkit-translateY(20px);transform:  translateY(20px);}
.sub_exploit .a7 .mian ul li.bb .tc:before{position: absolute;bottom: 100%;left: 50%; content:' '; width: 17px; height: 5px; margin-left: -3px; background: url(../images/icon_91.png) no-repeat center;}
.sub_exploit .a7 .mian ul li.bb .tc div.fl{ width: 63px; height: 63px; overflow: hidden; border-radius: 50%; background: #f2f2f2;}
.sub_exploit .a7 .mian ul li.bb .tc div.fl span{ display: block;font-size: 35px; color: #2bb0ea; text-align: center; line-height: 63px;}
.sub_exploit .a7 .mian ul li.bb .tc div.fr { width: 180px;}
.sub_exploit .a7 .mian ul li.bb .tc div.fr p{ padding-top: 15px; padding-right: 20px; font-size: 14px; color: #60646a; line-height: 18px;}
.sub_exploit .a7 .mian ul li.bb .tc div.fr p.san{ padding-top: 4px; padding-right: 12px; }
.sub_exploit .a7 .mian ul li.bb.on .gd i{opacity: 0;-webkit-transform: translateY(10px);transform: translateY(10px);}
.sub_exploit .a7.css3 .mian ul li.bb.on .tc{opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
.sub_exploit .a7 .mian ul li.c1{ top: 63px;left: 254px;}
.sub_exploit .a7 .mian ul li.c2{ top: 65px;left: 528px;}
.sub_exploit .a7 .mian ul li.c3{ top: 60px;left: 792px;}
.sub_exploit .a7 .mian ul li.c4{ top: 57px;left: 1108px;}
.sub_exploit .a7 .mian ul li.aa .gd{ opacity: 0;-webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px);}
.sub_exploit .a7 .mian ul li.aa:before{-webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0);}
.sub_exploit .a7 .mian ul li.bb .gd{ opacity: 0;-webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px);}
.sub_exploit .a7 .mian ul li.bb:before{-webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0);}
.sub_exploit .a7.css3 .bg .icon_52{bottom: 0;}
.sub_exploit .a7.css3 .mian{-webkit-animation: appkf7 3s ease 1s forwards;-o-animation: appkf7 3s ease 1s forwards;animation: appkf7 3s ease 1s forwards;}
.sub_exploit .a7.css3 .mian ul li.b1 .gd{-webkit-animation: appkf7_1 1s 1.5s forwards;-o-animation: appkf7_1 1s 1.5s forwards;animation: appkf7_1 1s 1.5s forwards;}
.sub_exploit .a7.css3 .mian ul li.b1:before{-webkit-animation: appkf7_2 1s 1.5s forwards;-o-animation: appkf7_2 1s 1.5s forwards;animation: appkf7_2 1s 1.5s forwards;}
.sub_exploit .a7.css3 .mian ul li.b2 .gd{-webkit-animation: appkf7_1 1s 2s forwards;-o-animation: appkf7_1 1s 2s forwards;animation: appkf7_1 1s 2s forwards;}
.sub_exploit .a7.css3 .mian ul li.b2:before{-webkit-animation: appkf7_2 1s 2s forwards;-o-animation: appkf7_2 1s 2s forwards;animation: appkf7_2 1s 2s forwards;}
.sub_exploit .a7.css3 .mian ul li.b3 .gd{-webkit-animation: appkf7_1 1s 2.5s forwards;-o-animation: appkf7_1 1s 2.5s forwards;animation: appkf7_1 1s 2.5s forwards;}
.sub_exploit .a7.css3 .mian ul li.b3:before{-webkit-animation: appkf7_2 1s 2.5s forwards;-o-animation: appkf7_2 1s 2.5s forwards;animation: appkf7_2 1s 2.5s forwards;}
.sub_exploit .a7.css3 .mian ul li.b4 .gd{-webkit-animation: appkf7_1 1s 3s forwards;-o-animation: appkf7_1 1s 3s forwards;animation: appkf7_1 1s 3s forwards;}
.sub_exploit .a7.css3 .mian ul li.b4:before{-webkit-animation: appkf7_2 1s 3s forwards;-o-animation: appkf7_2 1s 3s forwards;animation: appkf7_2 1s 3s forwards;}
.sub_exploit .a7.css3 .mian ul li.c1 .gd{-webkit-animation: appkf7_1 1s 1.8s forwards;-o-animation: appkf7_1 1s 1.8s forwards;animation: appkf7_1 1s 1.8s forwards;}
.sub_exploit .a7.css3 .mian ul li.c1:before{-webkit-animation: appkf7_2 1s 1.8s forwards;-o-animation: appkf7_2 1s 1.8s forwards;animation: appkf7_2 1s 1.8s forwards;}
.sub_exploit .a7.css3 .mian ul li.c2 .gd{-webkit-animation: appkf7_1 1s 2.3s forwards;-o-animation: appkf7_1 1s 2.3s forwards;animation: appkf7_1 1s 2.3s forwards;}
.sub_exploit .a7.css3 .mian ul li.c2:before{-webkit-animation: appkf7_2 1s 2.3s forwards;-o-animation: appkf7_2 1s 2.3s forwards;animation: appkf7_2 1s 2.3s forwards;}
.sub_exploit .a7.css3 .mian ul li.c3 .gd{-webkit-animation: appkf7_1 1s 2.8s forwards;-o-animation: appkf7_1 1s 2.8s forwards;animation: appkf7_1 1s 2.8s forwards;}
.sub_exploit .a7.css3 .mian ul li.c3:before{-webkit-animation: appkf7_2 1s 2.8s forwards;-o-animation: appkf7_2 1s 2.8s forwards;animation: appkf7_2 1s 2.8s forwards;}
.sub_exploit .a7.css3 .mian ul li.c4 .gd{-webkit-animation: appkf7_1 1s 3.3s forwards;-o-animation: appkf7_1 1s 3.3s forwards;animation: appkf7_1 1s 3.3s forwards;}
.sub_exploit .a7.css3 .mian ul li.c4:before{-webkit-animation: appkf7_2 1s 3.3s forwards;-o-animation: appkf7_2 1s 3.3s forwards;animation: appkf7_2 1s 3.3s forwards;}

/*h5.手机版-手机版*/
.sub_iphone .iphone_banner{ position: relative;z-index: 998; height: 575px;}
.sub_iphone .iphone_banner .can{position: absolute;top: 0;left: 0; width: 100%; height: 575px; overflow: hidden;background: url(../images/iphone_banner.jpg) no-repeat center;}
.sub_iphone .iphone_banner .wrap{position: relative; z-index: 99;}
.sub_iphone .iphone_banner .tit{position: absolute;left: 0;top: 24px; z-index: 9; font-size: 14px; color: #fff;}
.sub_iphone .iphone_banner .tit a{ color: #fff;}
.sub_iphone .iphone_banner .mian .a1{ position: absolute;top: 50%;left: 50%; margin:200px 0 0 -496px; line-height: 75px;}
.sub_iphone .iphone_banner .mian .a1 h3{ font-size: 41px; color: #fff;}
.sub_iphone .iphone_banner .mian .a1 h3 span{ margin-left: 50px;}
.sub_iphone .iphone_banner .mian .a1 h3 font{ font-weight: bold; color: #ffeb46;}
.sub_iphone .iphone_banner .mian .a1 p{ font-size: 14px; color: #cdcecf; text-align: center; line-height: 45px;}
.sub_iphone .iphone_banner .mian .a2 .icon_69{ position: absolute;top: 50%;left: 50%; width: 483px; height: 588px; margin-top: 50px; margin-left: 150px;}
.sub_iphone .iphone_mian .a1{ padding: 78px 0 0; background: #fff;}
.sub_iphone .iphone_mian .a1 .tit h3{ background: url(../images/icon_12.png) no-repeat bottom center; font-size: 36px; font-weight: bold; color: #60646a; text-align: center; line-height: 84px;}
.sub_iphone .iphone_mian .a1 .mian {margin-top: 80px;}
.sub_iphone .iphone_mian .a1 .mian ul{ padding-bottom: 100px;  background: url(../images/icon_92.png) no-repeat bottom center;}
.sub_iphone .iphone_mian .a1 .mian ul li {  float: left; width: 33.33%; height: 568px; padding: 35px 50px; box-sizing: border-box; cursor: default;-webkit-transition: all .3s;transition: all .3s;}
.sub_iphone .iphone_mian .a1 .mian ul li h4{ margin-bottom: 20px;background: url(../images/icon_12.png) no-repeat bottom left; font-size: 18px;font-weight: bold; line-height: 80px;}
.sub_iphone .iphone_mian .a1 .mian ul li p{height: 60px; font-size: 15px; color: #60646a; line-height: 36px;}
.sub_iphone .iphone_mian .a1 .mian ul li.b1{ background:#f8f8f8 url(../images/icon_66.png) no-repeat bottom right;}
.sub_iphone .iphone_mian .a1 .mian ul li.b2{ background:#f8f8f8 url(../images/icon_67.png) no-repeat bottom right;}
.sub_iphone .iphone_mian .a1 .mian ul li.b3{ background:#f8f8f8 url(../images/icon_68.png) no-repeat bottom right;}
.sub_iphone .iphone_mian .a1 .mian ul li.on{ background-color: #fff;}
.sub_iphone .iphone_mian .a2 .tit{ margin-bottom: 33px;}
.sub_iphone .iphone_mian .a2 .tit h3{ background: url(../images/icon_12.png) no-repeat bottom center; font-size: 36px; font-weight: bold; color: #60646a; text-align: center; line-height: 84px;}
.sub_iphone .iphone_mian .a2 .tit h5{ font-size: 14px; color: #60646a; text-align: center; line-height: 65px;}
.sub_iphone .iphone_mian .a2 .mian{ padding: 67px 0 86px 0; background: #f5faff;}
.sub_iphone .iphone_mian .a2 .mian .wrap{ overflow: hidden;}
.sub_iphone .iphone_mian .a2 .mian ul{ width: 1254px; margin-left: -53px;}
.sub_iphone .iphone_mian .a2 .mian ul li{ overflow: hidden; margin-left: 53px; padding: 18px 23px; float: left; width: 365px; height: 592px; border-radius: 40px; background: #fff; box-sizing: border-box;}
.sub_iphone .iphone_mian .a2 .mian ul li>h4{ margin-bottom: 36px; background: url(../images/icon_12.png) no-repeat bottom center; font-size: 24px; font-weight: bold; color: #60646a; text-align: center; line-height: 64px;}
.sub_iphone .iphone_mian .a2 .mian ul li.i-1 p{ width: 326px; margin-left: -3px;}
.sub_iphone .iphone_mian .a2 .mian ul li.i-1 p span{ float: left; width: 113px; margin-bottom: 7px; margin: 0 25px;}
.sub_iphone .iphone_mian .a2 .mian ul li.i-1 p span font{ display: block; font-size: 14px; color: #60646a; text-align: center; line-height: 48px;}
.sub_iphone .iphone_mian .a2 .mian ul li.i-1 p span i{ display: block;width: 113px; height: 113px; border-radius: 50%; font-size: 48px; color: #fff; text-align: center; line-height: 113px;}
.sub_iphone .iphone_mian .a2 .mian ul li.i-1 p span.b1 i{ background: #aca7e2 url(../images/icon_104.png) no-repeat center;}
.sub_iphone .iphone_mian .a2 .mian ul li.i-1 p span.b2 i{ background: #ffdb7a url(../images/icon_105.png) no-repeat center;}
.sub_iphone .iphone_mian .a2 .mian ul li.i-1 p span.b3 i{ background: #7cc8ec url(../images/icon_106.png) no-repeat center;}
.sub_iphone .iphone_mian .a2 .mian ul li.i-1 p span.b4 i{ background: #8fe162 url(../images/icon_107.png) no-repeat center;}
.sub_iphone .iphone_mian .a2 .mian ul li.i-2 p{ width: 326px; margin-left: -3px;}
.sub_iphone .iphone_mian .a2 .mian ul li.i-2 p span{ float: left; width: 113px;margin: 0 25px;}
.sub_iphone .iphone_mian .a2 .mian ul li.i-2 p span font{ display: block; font-size: 14px; color: #60646a; text-align: center; line-height: 42px;}
.sub_iphone .iphone_mian .a2 .mian ul li.i-2 p span i{ display: block;width: 113px; height: 113px; border-radius: 50%; font-size: 48px; color: #fff; text-align: center; line-height: 113px;}
.sub_iphone .iphone_mian .a2 .mian ul li.i-2 p span.b1 i{ background: #aca7e2 url(../images/icon_108.png) no-repeat center;}
.sub_iphone .iphone_mian .a2 .mian ul li.i-2 p span.b2 i{ background: #ffdb7a url(../images/icon_109.png) no-repeat center;}
.sub_iphone .iphone_mian .a2 .mian ul li.i-2 p span.b3 i{ background: #7cc8ec url(../images/icon_110.png) no-repeat center;}
.sub_iphone .iphone_mian .a2 .mian ul li.i-2 p span.b4 i{ background: #8fe162 url(../images/icon_111.png) no-repeat center;}
.sub_iphone .iphone_mian .a2 .mian ul li.i-2 p span.b5 i{ background: #a6baca url(../images/icon_112.png) no-repeat center;}
.sub_iphone .iphone_mian .a2 .mian ul li.i-3 p{ margin-bottom: 28px;}
.sub_iphone .iphone_mian .a2 .mian ul li.i-3 p span{ width: 113px;height: 113px; border-radius: 50%; font-size: 48px; color: #fff; text-align: center; line-height: 113px;}
.sub_iphone .iphone_mian .a2 .mian ul li.i-3 p.b1 span{ background: #aca7e2 url(../images/icon_113.png) no-repeat center;}
.sub_iphone .iphone_mian .a2 .mian ul li.i-3 p.b2 span{ background: #7cc8ec url(../images/icon_114.png) no-repeat center;}
.sub_iphone .iphone_mian .a2 .mian ul li.i-3 p.b3 span{ background: #ffdb7a url(../images/icon_115.png) no-repeat center;}
.sub_iphone .iphone_mian .a2 .mian ul li.i-3 p font{ margin-left: 30px; padding-top: 30px; font-size: 14px; color: #60646a;  line-height: 24px;}

/*微信*/
.sub_weixin{ background: #f6f6f6;}
.sub_weixin .weixin_banner{ width: 100%; height: 588px; background: url(../images/weixin_banner.jpg) no-repeat top center;}
.sub_weixin .weixin_banner .wrap{ position: relative;}
.sub_weixin .weixin_banner .tit{position: absolute;left: 0;top: 24px; z-index: 9; font-size: 14px; color: #fff;}
.sub_weixin .weixin_banner .tit a{ color: #fff;}
.sub_weixin .weixin_mian .a1{ height: 480px; background: url(../images/icon_74.png) repeat top center;}
.sub_weixin .weixin_mian .a1 p{ padding: 50px 0; background: url(../images/icon_12.png) no-repeat bottom center; font-size: 16px; color: #3f4752; text-align: center; line-height: 30px;}
.sub_weixin .weixin_mian .a1 ul li{ float: left; width: 25%;}
.sub_weixin .weixin_mian .a1 ul li i{ display: block; width: 100%; height: 126px; padding: 35px 0;}
.sub_weixin .weixin_mian .a1 ul li span{ display: block; font-size: 14px; color: #60646a; text-align: center; line-height: 58px;}
.sub_weixin .weixin_mian .a1 ul li.b1 i{ background: url(../images/icon_70.png) no-repeat center;}
.sub_weixin .weixin_mian .a1 ul li.b2 i{ background: url(../images/icon_71.png) no-repeat center;}
.sub_weixin .weixin_mian .a1 ul li.b3 i{ background: url(../images/icon_72.png) no-repeat center;}
.sub_weixin .weixin_mian .a1 ul li.b4 i{ background: url(../images/icon_73.png) no-repeat center;}
.sub_weixin .weixin_mian .a2{ height: 824px; background: #f1faff; overflow: hidden;}
.sub_weixin .weixin_mian .a2 .wrap{ position: relative; height: 824px;}
.sub_weixin .weixin_mian .a2 .bg .b1{ position: absolute; left: 50%; bottom: 0; width: 1920px; height: 95px; border-top: 2px solid #b3d7ec; border-bottom: 2px solid #b3d7ec; background: #fff; margin-left: -960px;}
.sub_weixin .weixin_mian .a2 .bg .icon_31{ position: absolute;left: 50%;top: 50%; width: 1207px; height: 391px; margin-left: -603px; margin-top: -75px; background: url(../images/icon_31.png) no-repeat bottom center;}
.sub_weixin .weixin_mian .a2 .bg .icon_34{ position: absolute;left: 50%;top: 50%; width: 132px; height: 336px;}
.sub_weixin .weixin_mian .a2 .bg .icon_34.l1{margin-left: -830px; margin-top: 75px;}
.sub_weixin .weixin_mian .a2 .bg .icon_34.r1{margin-left: 700px; margin-top: 75px;}
.sub_weixin .weixin_mian .a2 .bg .icon_35{ position: absolute;left: 50%;top: 50%; width: 112px; height: 209px;}
.sub_weixin .weixin_mian .a2 .bg .icon_35.l2{margin-left: -660px; margin-top: 105px;}
.sub_weixin .weixin_mian .a2 .bg .icon_36{ position: absolute;left: 50%;top: 50%; width: 137px; height: 86px; margin:-220px 0 0 580px;}
.sub_weixin .weixin_mian .a2 .bg .icon_38{ position: absolute;left: 50%;top: 50%; width: 113px; height: 4px; margin:120px 0 0 440px;}
.sub_weixin .weixin_mian .a2 .bg .b1 .icon_40{ position: absolute;left: 50%;top: 50%; width: 116px; height: 10px; margin: -2px 0 0 280px;}
.sub_weixin .weixin_mian .a2 .bg .b1 .icon_41{ position: absolute;left: 50%;top: 50%; width: 134px; height: 10px; margin: -5px 0 0 -180px;}
.sub_weixin .weixin_mian .a2 .bg .b1 .xx{ position: absolute;top: 50%;left: 50%; width: 20px; height: 2px; background: #bceee2;}
.sub_weixin .weixin_mian .a2 .bg .b1 .xx.x_1{ width: 115px; margin:  -16px 0 0 -480px;}
.sub_weixin .weixin_mian .a2 .bg .b1 .xx.x_2{ width: 146px; margin:  10px 0 0 -380px;}
.sub_weixin .weixin_mian .a2 .bg .b1 .xx.x_3{ width: 35px; margin:  -30px 0 0 -312px;}
.sub_weixin .weixin_mian .a2 .bg .b1 .xx.x_4{ width: 36px; margin:  -12px 0 0 -230px;}
.sub_weixin .weixin_mian .a2 .bg .b1 .xx.x_5{ width: 148px; margin:  20px 0 0 -30px;}
.sub_weixin .weixin_mian .a2 .bg .b1 .xx.x_6{ width: 116px; margin:  -10px 0 0 120px;}
.sub_weixin .weixin_mian .a2 .bg .b1 .xx.x_7{ width: 36px; margin:  -30px 0 0 160px;}
.sub_weixin .weixin_mian .a2 .bg .b1 .xx.x_8{ width: 36px; margin:  0 0 0 420px;}
.sub_weixin .weixin_mian .a2 .tit { position: relative;z-index: 100; padding: 60px 0;}
.sub_weixin .weixin_mian .a2 .tit h3{ height: 76px; background: url(../images/icon_12.png) no-repeat bottom center; font-size: 36px; font-weight: bold; color: #60646a; text-align: center; line-height: 76px;}
.sub_weixin .weixin_mian .a2 .mian { position: relative; z-index: 99; padding-top: 54px;}
.sub_weixin .weixin_mian .a2 .mian .c1{ float: left; width: 400px;}
.sub_weixin .weixin_mian .a2 .mian .c1 ul li{ float: left; width: 145px; height: 176px;margin: 0 20px 20px 0; border: 3px solid #bcdcee; border-radius: 25px; background: #fff; box-sizing: border-box;-webkit-transition: all .3s;transition: all .3s;}
.sub_weixin .weixin_mian .a2 .mian .c1 ul li i{ display: block; width: 100%; height: 90px; padding: 20px 0 25px;}
.sub_weixin .weixin_mian .a2 .mian .c1 ul li.d1 i{ background: url(../images/icon_75.png) no-repeat center;}
.sub_weixin .weixin_mian .a2 .mian .c1 ul li.d2 i{ background: url(../images/icon_76.png) no-repeat center;}
.sub_weixin .weixin_mian .a2 .mian .c1 ul li.d3 i{ background: url(../images/icon_77.png) no-repeat center;}
.sub_weixin .weixin_mian .a2 .mian .c1 ul li.d4 i{ background: url(../images/icon_78.png) no-repeat center;}
.sub_weixin .weixin_mian .a2 .mian .c1 ul li span{ padding-left: 30px; font-size: 14px; font-weight: bold; color: #60646a;-webkit-transition: all .3s;transition: all .3s;}
.sub_weixin .weixin_mian .a2 .mian .c1 ul li.on{ border: 3px solid #3bb6eb; background: #3bb6eb; box-shadow:0px 10px 40px 0px #93d7f4;transform: translateY(-4px);-webkit-transform: translateY(-4px);}
.sub_weixin .weixin_mian .a2 .mian .c1 ul li.on span{ color: #fff;}
.sub_weixin .weixin_mian .a2 .mian .c1 ul li.d1.on  i{ background: url(../images/icon_100.png) no-repeat center;}
.sub_weixin .weixin_mian .a2 .mian .c1 ul li.d2.on  i{ background: url(../images/icon_101.png) no-repeat center;}
.sub_weixin .weixin_mian .a2 .mian .c1 ul li.d3.on  i{ background: url(../images/icon_102.png) no-repeat center;}
.sub_weixin .weixin_mian .a2 .mian .c1 ul li.d4.on  i{ background: url(../images/icon_103.png) no-repeat center;}
.sub_weixin .weixin_mian .a2 .mian .c2{float: left; width: 450px;}
.sub_weixin .weixin_mian .a2 .mian .c2 h5{ margin-bottom: 30px; background: url(../images/icon_12.png) no-repeat left bottom ; font-size: 24px; font-weight: bold; color: #60646a; line-height: 58px;}
.sub_weixin .weixin_mian .a2 .mian .c2 ul li p{ font-size: 14px; color: #858585; line-height: 60px;}
.sub_weixin .weixin_mian .a2 .mian .c2 ul li p span{ display: inline-block; width: 70px; color: #60646a;}
.sub_weixin .weixin_mian .a2 .mian .c3{ float: left; width: 300px; padding-left: 78px; box-sizing: border-box;}
.sub_weixin .weixin_mian .a2 .mian .c3 .icon_79{ display: block; width: 205px; height: 418px;}


/*翻页动画*/
@-webkit-keyframes flipTop {
0% {
-webkit-transform: perspective(400px) rotateX(0deg); }

100% {
-webkit-transform: perspective(400px) rotateX(-90deg); } }

@-webkit-keyframes flipBottom {
0% {
-webkit-transform: perspective(400px) rotateX(90deg); }

100% {
-webkit-transform: perspective(400px) rotateX(0deg); } }

@-moz-keyframes flipTop {
0% {
-moz-transform: perspective(400px) rotateX(0deg); }

100% {
-moz-transform: perspective(400px) rotateX(-90deg); } }

@-moz-keyframes flipBottom {
0% {
-moz-transform: perspective(400px) rotateX(90deg); }

100% {
-moz-transform: perspective(400px) rotateX(0deg); } }

@-ms-keyframes flipTop {
0% {
-ms-transform: perspective(400px) rotateX(0deg); }

100% {
-ms-transform: perspective(400px) rotateX(-90deg); } }

@-ms-keyframes flipBottom {
0% {
-ms-transform: perspective(400px) rotateX(90deg); }

100% {
-ms-transform: perspective(400px) rotateX(0deg); } }

@-keyframes flipTop {
0% {
transform: perspective(400px) rotateX(0deg); }

100% {
transform: perspective(400px) rotateX(-90deg); } }

@-keyframes flipBottom {
0% {
transform: perspective(400px) rotateX(90deg); }

100% {
transform: perspective(400px) rotateX(0deg); } }



@keyframes scale{
   0% {
        transform: scale(0);
        opacity: 0;
    }
    60% {
        transform: scale(1.1);
        opacity: .5;
    }
    80% {
        transform: scale(0.9);
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }

}
@keyframes scale{
   0% {
        transform: scale(0);
        opacity: 0.0;
    }
    60% {
        transform: scale(1.1);
    }
    80% {
        transform: scale(0.9);
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }

}