@charset "utf-8";
html,body{ min-width: 1200px;}
/*APP开发*/

.sub_exploit .a1{ width: 100%;}
.sub_exploit .a1 .wrap{ position: relative; height: 680px; background:url("../images/icon_14.png") no-repeat center;}
.sub_exploit .a1 .tit{position: absolute;left: 0;top: 24px; z-index: 9; font-size: 14px; color: #fff;}
.sub_exploit .a1 .tit a{ color: #fff;}
.sub_exploit .a1 .bg>i>img{ width: 100%;}
.sub_exploit .a1 .bg .icon_1{ position: absolute;top: 50%;left: 50%; width: 1016px; margin: -750px 0 0 -826px; height: 800px;-webkit-animation: box 3s .4s ease-out forwards infinite alternate;animation: box 3s .4s ease-out forwards infinite alternate;}
.sub_exploit .a1 .bg .icon_2{ position: absolute;top: 50%;left: 50%; width: 652px; height: 211px;margin: -470px 0 0 132px;}
.sub_exploit .a1 .bg .icon_3{ position: absolute;top: 50%;left: 50%; width: 205px; height: 205px;margin: -370px 0 0 594px;-webkit-animation: box_2 6s .3s ease-out forwards infinite alternate;animation: box_2 6s .3s ease-out forwards infinite alternate;}
.sub_exploit .a1 .bg .icon_4{ position: absolute;top: 50%;left: 50%; width: 624px; height: 624px;margin: -300px 0 0 252px;-webkit-animation: box_2 5s .8s ease-out forwards infinite alternate;animation: box_2 5s .8s ease-out forwards infinite alternate;}
.sub_exploit .a1 .bg .icon_5{ position: absolute;top: 50%;left: 50%; width: 155px; height: 280px;margin: -169px 0 0 671px;-webkit-animation: box_1 8s .4s ease-out forwards infinite alternate;animation: box_1 8s .4s ease-out forwards infinite alternate;}
.sub_exploit .a1 .bg .icon_6{ position: absolute;top: 50%;left: 50%;  width: 543px; height: 156px;margin: 162px 0 0 -1052px;}
.sub_exploit .a1 .bg .icon_7{ position: absolute;top: 50%;left: 50%; width: 140px; height: 170px;margin: -47px 0 0 -628px;-webkit-animation: box_3 5s .8s ease-out forwards infinite alternate;animation: box_3 5s .8s ease-out forwards infinite alternate;}
.sub_exploit .a1 .bg .icon_8{ position: absolute;top: 50%;left: 50%;  width: 415px; height: 450px;margin: -101px 0 0 -578px; -webkit-animation: box_2 3s .4s ease-out forwards infinite alternate;animation: box_2 3s .4s ease-out forwards infinite alternate;}
.sub_exploit .a1 .bg .icon_9{ position: absolute;top: 50%;left: 50%; width: 99px; height: 89px;margin: 186px 0 0 207px;-webkit-animation: starry 5s ease-in-out infinite alternate;animation: starry 5s ease-in-out infinite alternate;}
.sub_exploit .a1 .mian{ position: absolute;top: 50%; left: 50%; width: 524px; height: 400px; margin: -218px 0 0 -255px;}
.sub_exploit .a1 .mian h3{ background: url("../images/icon_11.png") no-repeat bottom center; font-size: 36px; font-weight: bold; color: #000; text-align: center; line-height: 80px;}
.sub_exploit .a1 .mian h3{  opacity: 0; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px);}
.sub_exploit .a1 .mian h4{  opacity: 0; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px);}
.sub_exploit .a1 .mian h6{  opacity: 0; -webkit-transition: all 1.5s; -moz-transition: all 1.5s; -ms-transition: all 1.5s; -o-transition: all 1.5s; transition: all 1.5s; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0);}
.sub_exploit .a1 .mian p{  opacity: 0; -webkit-transition: all 2s; -moz-transition: all 2s; -ms-transition: all 2s; -o-transition: all 2s; transition: all 2s; -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px);}
.sub_exploit .a1 .mian h4{ width: 521px; height: 116px; margin-top: 10px;}
.sub_exploit .a1 .mian p{ font-size: 14px; color: #3f4752; text-align: center; line-height: 112px;}
.sub_exploit .a1 .mian h6{ text-align: center;}
.sub_exploit .a1 .mian h6 span{ display: inline-block; width: 327px; height: 72px; background: url("../images/icon_13.png") no-repeat center; font-size: 18px; color: #fff; text-align: center; line-height: 55px;}
.sub_exploit .a1.css3 .mian h3{opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
.sub_exploit .a1.css3 .mian h4{opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
.sub_exploit .a1.css3 .mian h6{  opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
.sub_exploit .a1.css3 .mian p{opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);}
.sub_exploit .a2{ background: url("../images/icon_21.png") repeat-x bottom center;}
.sub_exploit .a2 .wrap{ position: relative; height: 572px;}
.sub_exploit .a2 .bg .icon_15{ position: absolute;top: 50%;left: 50%; width: 445px; height: 122px;margin: 81px 0 0 -130px;}
.sub_exploit .a2 .bg .icon_16{ position: absolute;top: 50%;left: 50%; width: 398px; height: 142px;margin: 60px 0 0 425px;}
.sub_exploit .a2 .bg .icon_17{ position: absolute;top: 50%;left: 50%; width: 49px; height: 47px;margin: -58px 0 0 76px;-webkit-animation: box_3 5s .8s ease-out forwards infinite alternate;animation: box_3 5s .8s ease-out forwards infinite alternate;}
.sub_exploit .a2 .bg .icon_18{ position: absolute;top: 50%;left: 50%; width: 260px; height: 480px;margin: -210px 0 0 174px;}
.sub_exploit .a2 .bg .icon_18{ opacity: 0;-webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translateX(50px); -moz-transform:translateX(50px); -ms-transform: translateX(50px); -o-transform: translateX(50px); transform: translateX(50px);}
.sub_exploit .a2 .bg .icon_19{ position: absolute;top: 50%;left: 50%; width: 135px; height: 164px;margin: -90px 0 0 218px;}
.sub_exploit .a2 .bg .icon_19{-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0);}
.sub_exploit .a2 .tit{ padding-top: 38px; padding-left:125px;}
.sub_exploit .a2 .tit h3{ height: 72px; background: url("../images/icon_12.png") no-repeat bottom left; font-size: 36px; font-weight: bold; color: #60646a; line-height: 72px;}
.sub_exploit .a2 .mian{ margin-top: 60px; padding-left:125px;}
.sub_exploit .a2 .mian ul li{ display: block; width: 500px; padding: 15px 0; box-sizing: border-box; background: url("../images/icon_20.png") no-repeat left center; padding-left: 45px; font-size: 14px; color: #60646a; line-height: 22px;-webkit-transition: all .4s; transition: all .4s;}
.sub_exploit .a2 .mian ul li:hover a{color: #00aaff;}
.sub_exploit .a2 .mian ul li{ opacity: 0;-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-transform: translateX(-40px); -moz-transform:translateX(-40px); -ms-transform: translateX(-40px); -o-transform: translateX(-40px); transform: translateX(-40px);}
.sub_exploit .a2.css3 .mian ul li{ opacity: 1; -webkit-transform: translateX(0); -moz-transform:translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);}
.sub_exploit .a2.css3 .mian ul li:nth-child(1){-webkit-transition-delay: .2s; -moz-transition-delay: .2s; -ms-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s;}
.sub_exploit .a2.css3 .mian ul li:nth-child(2){-webkit-transition-delay: .4s; -moz-transition-delay: .4s; -ms-transition-delay: .4s; -o-transition-delay: .4s; transition-delay: .4s;}
.sub_exploit .a2.css3 .mian ul li:nth-child(3){-webkit-transition-delay: .6s; -moz-transition-delay: .6s; -ms-transition-delay: .6s; -o-transition-delay: .6s; transition-delay: .6s;}
.sub_exploit .a2.css3 .mian ul li:nth-child(4){-webkit-transition-delay: .8s; -moz-transition-delay: .8s; -ms-transition-delay: .8s; -o-transition-delay: .8s; transition-delay: .8s;}
.sub_exploit .a2.css3 .mian ul li:nth-child(5){-webkit-transition-delay: 1s; -moz-transition-delay: 1s; -ms-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s;}
.sub_exploit .a2.css3 .mian ul li:nth-child(6){-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 .a2.css3 .bg .icon_18{ opacity: 1; -webkit-transform: translateX(0); -moz-transform:translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);-webkit-transition-delay: 1.7s; -moz-transition-delay: 1.7s; -ms-transition-delay: 1.7s; -o-transition-delay: 1.7s; transition-delay: 1.7s;}
.sub_exploit .a2.css3 .bg .icon_19{-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition-delay:2.5s; -moz-transition-delay:2.5s; -ms-transition-delay:2.5s; -o-transition-delay:2.5s; transition-delay:2.5s;}
.sub_exploit .a3{height: 600px; background: url("../images/icon_22.png") no-repeat top center;}
.sub_exploit .a3 .wrap{ position: relative; height: 600px; padding-left: 520px; box-sizing: border-box;}
.sub_exploit .a3 .bg .icon_23{ position: absolute;top: 50%;left: 50%; z-index: 9; width: 1135px; height: 199px;margin: 101px 0 0 -684px;}
.sub_exploit .a3 .bg .icon_24{ position: absolute;top: 50%;left: 50%; z-index: 9;width: 280px; height: 520px;margin: -226px 0 0 -420px;}
.sub_exploit .a3 .bg .icon_24{ opacity: 0;-webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: translateX(-50px); -moz-transform:translateX(-50px); -ms-transform: translateX(-50px); -o-transform: translateX(-50px); transform: translateX(-50px);}
.sub_exploit .a3 .tit{ padding-top: 38px; padding-left:125px;}
.sub_exploit .a3 .tit h3{ height: 72px; background: url("../images/icon_25.png") no-repeat bottom left; font-size: 36px; font-weight: bold; color: #fff; line-height: 72px;}
.sub_exploit .a3 .mian{ position: relative; z-index: 10; margin-top: 68px; padding-left:125px;}
.sub_exploit .a3 .mian ul li{ display: block; padding: 15px 0 15px 45px; background: url("../images/icon_20.png") no-repeat left center; font-size: 14px; color: #fff; line-height: 22px;-webkit-transition: all .4s;transition: all .4s;}
.sub_exploit .a3 .mian ul li:hover a{color: #00aaff;}
.sub_exploit .a3 .mian ul li{ opacity: 0;-webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; -webkit-transform: translateX(40px); -moz-transform:translateX(40px); -ms-transform: translateX(40px); -o-transform: translateX(40px); transform: translateX(40px);}
.sub_exploit .a3.css3 .bg .icon_24{ opacity: 1; -webkit-transform: translateX(0); -moz-transform:translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);}
.sub_exploit .a3.css3 .mian ul li{ opacity: 1; -webkit-transform: translateX(0); -moz-transform:translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);}
.sub_exploit .a3.css3 .mian ul li:nth-child(1){-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 .a3.css3 .mian ul li:nth-child(2){-webkit-transition-delay: 1.4s; -moz-transition-delay: 1.4s; -ms-transition-delay: 1.4s; -o-transition-delay: 1.4s; transition-delay: 1.4s;}
.sub_exploit .a3.css3 .mian ul li:nth-child(3){-webkit-transition-delay: 1.6s; -moz-transition-delay: 1.6s; -ms-transition-delay: 1.6s; -o-transition-delay: 1.6s; transition-delay: 1.6s;}
.sub_exploit .a3.css3 .mian ul li:nth-child(4){-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 .a3.css3 .mian ul li:nth-child(5){-webkit-transition-delay: 2s; -moz-transition-delay: 2s; -ms-transition-delay: 2s; -o-transition-delay: 2s; transition-delay: 2s;}
.sub_exploit .a3.css3 .mian ul li:nth-child(6){-webkit-transition-delay: 2.2s; -moz-transition-delay: 2.2s; -ms-transition-delay: 2.2s; -o-transition-delay: 2.2s; transition-delay: 2.2s;}
.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 .a4.css3 .mian ul li:nth-child(1){-webkit-animation: appkf4 1s .2s forwards;-o-animation: appkf4 1s .2s forwards;animation: appkf4 1s .2s forwards;}
.sub_exploit .a4.css3 .mian ul li:nth-child(2){-webkit-animation: appkf4 1s .4s forwards;-o-animation: appkf4 1s .4s forwards;animation: appkf4 1s .4s forwards;}
.sub_exploit .a4.css3 .mian ul li:nth-child(3){-webkit-animation: appkf4 1s .6s forwards;-o-animation: appkf4 1s .6s forwards;animation: appkf4 1s .6s forwards;}
.sub_exploit .a4.css3 .mian ul li:nth-child(4){-webkit-animation: appkf4 1s .8s forwards;-o-animation: appkf4 1s .8s forwards;animation: appkf4 1s .8s forwards;}
.sub_exploit .a4.css3 .mian ul li:nth-child(5){-webkit-animation: appkf4 1s 1s forwards;-o-animation: appkf4 1s 1s forwards;animation: appkf4 1s 1s forwards;}
.sub_exploit .a4.css3 .mian ul li:nth-child(6){-webkit-animation: appkf4 1s 1.2s forwards;-o-animation: appkf4 1s 1.2s forwards;animation: appkf4 1s 1.2s forwards;}
.sub_exploit .a4.css3 .mian ul li:nth-child(5){-webkit-animation: appkf4 1s 1.4s forwards;-o-animation: appkf4 1s 1.4s forwards;animation: appkf4 1s 1.4s forwards;}
.sub_exploit .a4.css3 .mian ul li:nth-child(7){-webkit-animation: appkf4 1s 1.6s forwards;-o-animation: appkf4 1s 1.6s forwards;animation: appkf4 1s 1.6s forwards;}
.sub_exploit .a4.css3 .mian ul li:nth-child(8){-webkit-animation: appkf4 1s 1.8s forwards;-o-animation: appkf4 1s 1.8s forwards;animation: appkf4 1s 1.8s forwards;}
.sub_exploit .a4.css3 .mian ul li:nth-child(9){-webkit-animation: appkf4 1s 2s forwards;-o-animation: appkf4 1s 2s forwards;animation: appkf4 1s 2s forwards;}
.sub_exploit .a4.css3 .mian ul li:nth-child(10){-webkit-animation: appkf4 1s 2.2s forwards;-o-animation: appkf4 1s 2.2s forwards;animation: appkf4 1s 2.2s forwards;}*/
.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;}

/*app案例*/
.sub_case{background: #f6f6f6;}
.sub_case .case_banner{ height: 400px;width: 100%; background-size: cover!important;79 background-repeat: no-repeat!important;background-position: center!important}
.sub_case .case_banner .wrap{ position: relative;}
.sub_case .case_banner .tit{position: absolute;left: 0;top: 24px; z-index: 9; font-size: 14px; color: #fff;}
.sub_case .case_banner .tit a{ color: #fff;}
.sub_case .case_mian .a1{padding: 42px 0;}
.sub_case .case_mian .a1 div.fl{ width: 34.93%;}
.sub_case .case_mian .a1 div.fl h3{ position: relative; height: 87px; background: #fff; box-sizing: border-box; text-align: center;line-height: 87px;}
.sub_case .case_mian .a1 div.fl h3 i{ display: inline-block; width: 54px; height: 50px; background: url("../images/icon_55.png") no-repeat left top; vertical-align: middle;}
.sub_case .case_mian .a1 div.fl h3 span{ font-size: 20px; font-weight: bold;color: #60646a;}
.sub_case .case_mian .a1 div.fl h3 em{ position: absolute;top: 0;left: 0;opacity: 0; width: 100%; height: 3px; background: #3bb6eb;-webkit-transition: all .4s;transition: all .4s;}
.sub_case .case_mian .a1 div.fl:hover h3 em{opacity: 1;}
.sub_case .case_mian .a1 div.fl ul{  height: 130px; margin-top:2px; padding:18px 20px 0 20px;background: #fff; box-sizing: border-box;}
.sub_case .case_mian .a1 div.fl ul li{ float: left; width: 20%;}
.sub_case .case_mian .a1 div.fl ul li a{ display: block;}
.sub_case .case_mian .a1 div.fl ul li i{ display: block; font-size: 40px; color: #d6d6d6; text-align: center; line-height:68px;-webkit-transition: all .4s;transition: all .4s;}
.sub_case .case_mian .a1 div.fl ul li span{ display: block; font-size: 14px; color: #898e95; text-align: center;}
.sub_case .case_mian .a1 div.fl ul li a:hover i{ color: #3bb6eb;}
.sub_case .case_mian .a1 div.fl ul li a.on i{ color: #3bb6eb;}
.sub_case .case_mian .a1 div.fr{ width: 64.93%;}
.sub_case .case_mian .a1 div.fr h3{ position: relative; height: 87px; background: #fff; text-align: center;line-height: 87px;}
.sub_case .case_mian .a1 div.fr h3 i{ display: inline-block; width: 40px; height: 22px; background: url("../images/icon_56.png") no-repeat left top; vertical-align: middle;}
.sub_case .case_mian .a1 div.fr h3 span{ font-size: 20px; font-weight: bold;color: #60646a;}
.sub_case .case_mian .a1 div.fr h3 em{ position: absolute;top: 0;left: 0;opacity: 0; width: 100%; height: 3px; background: #3bb6eb;-webkit-transition: all .4s;transition: all .4s;}
.sub_case .case_mian .a1 div.fr:hover h3 em{opacity: 1;}
.sub_case .case_mian .a1 div.fr ul{  height: 130px; margin-top:2px; padding:18px 20px 0 20px; background: #fff;box-sizing: border-box;}
.sub_case .case_mian .a1 div.fr ul li{display:inline-block; width: 115px;height: 42px; margin: 0 4px 12px 4px;-webkit-transition: all .3s;transition: all .2s;}
.sub_case .case_mian .a1 div.fr ul li a{ display: block; font-size: 13px; color: #898e95; text-align: center; line-height: 42px;-webkit-transition: all .3s;transition: all .3s;}
.sub_case .case_mian .a1 div.fr ul li:hover{ border-radius: 5px; background: #f1f1f1;}
.sub_case .case_mian .a1 div.fr ul li.on{ border-radius: 5px; background: #f1f1f1;}
.sub_case .case_mian .a1 div.fr ul li:hover a{ color: #333;}
.sub_case .case_mian .a2{ padding-bottom: 60px;}
.sub_case .case_mian .a2 .mian{ width: 100%; overflow: hidden; padding-bottom: 20px;}
.sub_case .case_mian .a2 .mian ul{ margin-left: -15px;}
.sub_case .case_mian .a2 .mian ul li{ position: relative; float: left; width: 423px; height: 423px; overflow: hidden; margin-left: 15px; margin-bottom: 20px;}
.sub_case .case_mian .a2 .mian ul li h4{position: absolute;top: 0; width: 423px; height: 423px;-webkit-transition: all 0.6s;transition: all 0.6s;}
.sub_case .case_mian .a2 .mian ul li h4 img{display: block;width:100%; height: 100%;}
.sub_case .case_mian .a2 .mian ul li label{cursor: pointer;position: absolute;bottom: 0px; z-index: 1; width: 100%; height: 68px; overflow: hidden; padding:16px 26px; background: #fff; box-sizing: border-box;-webkit-transition: all .4s; -moz-transition: all .4s;-ms-transition: all .4s;-o-transition: all .4s;transition: all .4s;}
.sub_case .case_mian .a2 .mian ul li label: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_case .case_mian .a2 .mian ul li label: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_case .case_mian .a2 .mian ul li label:hover:before,.sub_case .case_mian .a2 .mian ul li label:hover:after {-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}
.sub_case .case_mian .a2 .mian ul li label:hover:after{-webkit-transition-delay: 0.175s;transition-delay: 0.175s;}
.sub_case .case_mian .a2 .mian ul li label:hover span{ color: #fff;}
.sub_case .case_mian .a2 .mian ul li label span{ position: relative; z-index:2;float: left; font-size: 14px; color: #60646a; line-height: 35px;}
.sub_case .case_mian .a2 .mian ul li label i{ float: right; width: 35px; height: 35px; background: url("../images/icon_30.png") no-repeat center;}
.sub_case .case_mian .a2 .mian ul li:hover label{ bottom: 0;}
.sub_case .case_mian .a2 .mian ul li:hover h4{top: -20px;}
.sub_fy{ width: 100%; padding: 20px 0 30px; text-align: center;}
.sub_fy ul{ display: inline-block;}
.sub_fy ul li{ float: left; width: 53px; height: 50px; overflow: hidden; margin: 0 5px; border-radius: 5px; background: #fff; cursor: pointer;}
.sub_fy ul li i{ display: block; font-size: 18px; color: #333; line-height: 50px; text-align: center;}
.sub_fy ul li a{ display: block; font-size: 14px; color: #333; line-height: 50px; text-align: center;}
.sub_fy ul li:hover a,.sub_fy ul li.on a{ background: #3bb6eb; color: #fff;}
.sub_fy ul li:hover i{ background: #3bb6eb; color: #fff;}

.sub_fy .page{ display: inline-block;}
.sub_fy .page a{ float: left; min-width: 53px; height: 50px; line-height: 50px; overflow: hidden; margin: 0 5px; border-radius: 5px; background: #fff; cursor: pointer; text-align: center; font-size: 14px; color: #333;}
.sub_fy .page  span.current{float: left; min-width: 53px; height: 50px; line-height: 50px; overflow: hidden; margin: 0 5px; border-radius: 5px; background: #3bb6eb; cursor: pointer; text-align: center; font-size: 14px; color: #fff;}
.sub_fy .page a.prev,.sub_fy .page a.next{ font-size: 18px;  }
.sub_fy .page a:hover ,.sub_fy .page a.hover,.sub_fy .page a.on{ background: #3bb6eb; color: #fff;}
.sub_fy .page #lastspan{padding: 0 5px;}


/*app资讯*/
.sub_News{ background: #f6f6f6;}
.sub_News .News_banner{ width: 100%; height: 400px; background: url("../images/news_banner.jpg") no-repeat top center;}
.sub_News .News_banner .wrap{ position: relative;}
.sub_News .News_banner .tit{position: absolute;left: 0;top: 24px; z-index: 9; font-size: 14px; color: #fff;}
.sub_News .News_banner .tit a{ color: #fff;}
.sub_News .News_mian{ padding-bottom: 40px;}
.search_box{display: inline-block;}
.hd .search_box{padding: 25px;vertical-align: top;}
.hd .search_box input{ line-height: 20px;border-top-left-radius: 4px;border-bottom-left-radius: 4px; border:1px solid #ccc;  border-right:0;padding: 10px 15px;width:310px}
.hd .search_box button{line-height: 40px; padding: 0px 30px;border:1px solid #ccc;}
.sub_News .News_mian .a1>div.fl{ width: 837px;}

.sub_News .News_mian .a1>div.fl .tab .hd ul li{ float: left; width: 95px; padding-top: 12px; height: 118px; box-sizing: border-box; font-size: 0; cursor: pointer;-webkit-transition: all .3s;transition: all .3s;}
.sub_News .News_mian .a1>div.fl .tab .hd ul li i{ display: block; font-size: 37px; color: #a1a3a6; text-align: center; line-height: 60px;-webkit-transition: all .3s;transition: all .3s;}
.sub_News .News_mian .a1>div.fl .tab .hd ul li span{ display: block; font-size: 13px; color: #666; text-align: center; line-height: 32px;-webkit-transition: all .3s;transition: all .3s;}
.sub_News .News_mian .a1>div.fl .tab .hd ul li:hover,.sub_News .News_mian .a1>div.fl .tab ul li.on{ background: url("../images/icon_57.png") repeat top center;}
.sub_News .News_mian .a1>div.fl .tab .hd ul li:hover i,.sub_News .News_mian .a1>div.fl .tab ul li.on i{ color: #fff;}
.sub_News .News_mian .a1>div.fl .tab .hd ul li:hover span,.sub_News .News_mian .a1>div.fl .tab ul li.on span{ color: #fff;}
.sub_News .News_mian .a1>div.fl .tab .bd .t_news dl{ padding-bottom: 50px;}
.sub_News .News_mian .a1>div.fl .tab .bd .t_news dt{ padding: 36px 48px; background: #fff;-webkit-transition: all .3s;transition: all .3s;}
.sub_News .News_mian .a1>div.fl .tab .bd .t_news dt div.fl{ width: 340px; height: 278px; overflow: hidden;}
.sub_News .News_mian .a1>div.fl .tab .bd .t_news dt div.fl h4{ font-size: 18px; font-weight: bold; color: #60646a; line-height: 30px;-webkit-transition: all .3s;transition: all .3s;}
.sub_News .News_mian .a1>div.fl .tab .bd .t_news dt div.fl h5{ line-height: 54px;}
.sub_News .News_mian .a1>div.fl .tab .bd .t_news dt div.fl h5 span{ margin-right: 30px; font-size: 14px; color: #a9a9a9;}
.sub_News .News_mian .a1>div.fl .tab .bd .t_news dt div.fl p{ height: 112px; font-size: 12px; color: #60646a; line-height: 24px;}
.sub_News .News_mian .a1>div.fl .tab .bd .t_news dt div.fl h6{ line-height: 42px;}
/*.sub_News .News_mian .a1>div.fl .tab .bd .t_news dt div.fl h6 a{ font-size: 12px; color: #60646a;-webkit-transition: all .3s;transition: all .3s;}*/
.sub_News .News_mian .a1>div.fl .tab .bd .t_news dt div.fl h6 em{ font-size: 12px; color: #60646a;-webkit-transition: all .3s;transition: all .3s;}
.sub_News .News_mian .a1>div.fl .tab .bd .t_news dt div.fl h6 a:hover{ color: #32bbed;}
.sub_News .News_mian .a1>div.fl .tab .bd .t_news dt div.fr{ width: 389px; height: 278px; overflow: hidden;}
.sub_News .News_mian .a1>div.fl .tab .bd .t_news dd{ height: 72px; overflow: hidden; margin-top: 24px; padding: 30px 35px; background: #fff;-webkit-transition: all .3s;transition: all .3s;}
.sub_News .News_mian .a1>div.fl .tab .bd .t_news dd a{ display: block;}
.sub_News .News_mian .a1>div.fl .tab .bd .t_news dd .g1{ float: right; width: 56px;}
.sub_News .News_mian .a1>div.fl .tab .bd .t_news dd .g1 span{ display: block;  font: bold 52px/52px 'DIN Condensed Bold'; text-align: center;-webkit-transition: all .3s;transition: all .3s;}
.sub_News .News_mian .a1>div.fl .tab .bd .t_news dd .g1 span.b1{ color: #60646a;}
.sub_News .News_mian .a1>div.fl .tab .bd .t_news dd .g1 span.b2{ font-size: 13px; color: #d6d6d6; line-height: 14px;}
.sub_News .News_mian .a1>div.fl .tab .bd .t_news dd .g2{ float: left; width: 550px; padding-left: 35px; box-sizing: border-box;}
.sub_News .News_mian .a1>div.fl .tab .bd .t_news dd .g2 p{overflow:hidden; font-size: 18px; color: #60646a; line-height: 36px;white-space:nowrap; text-overflow:ellipsis;-webkit-transition: all .3s;transition: all .3s;}
.sub_News .News_mian .a1>div.fl .tab .bd .t_news dd .g2 h6{ line-height: 36px;}
.sub_News .News_mian .a1>div.fl .tab .bd .t_news dd .g2 h6 span{ margin-right: 30px; font-size: 14px; color: #a9a9a9;}
.sub_News .News_mian .a1>div.fl .tab .bd .t_news dd .g3{ float: left;}
.sub_News .News_mian .a1>div.fl .tab .bd .t_news dd .g3 span{ display: inline-block; font-size: 12px; color: #60646a;line-height: 72px;vertical-align: middle;-webkit-transition: all .3s;transition: all .3s;}
.sub_News .News_mian .a1>div.fl .tab .bd .t_news dd .g3 i{ display: inline-block; width: 35px; height: 72px; background: url("../images/icon_30.png") no-repeat center; vertical-align: middle;}
.sub_News .News_mian .a1>div.fl .tab .bd .t_news dt:hover div.fl h4{ color: #32bbed;}
.sub_News .News_mian .a1>div.fl .tab .bd .t_news dd:hover .g1 span{ color: #32bbed;}
.sub_News .News_mian .a1>div.fl .tab .bd .t_news dd:hover .g2 p{color: #32bbed;}
.sub_News .News_mian .a1>div.fl .tab .bd .t_news dd:hover .g3 span{ color: #32bbed;}
.sub_News .News_mian .a1>div.fl .tab .bd .t_news dt:hover{ box-shadow: 0 5px 12px #ccc;transform: translateY(-2px);-webkit-transform: translateY(-2px);}
.sub_News .News_mian .a1>div.fl .tab .bd .t_news dd:hover{ box-shadow: 0 5px 12px #ccc;transform: translateY(-2px);-webkit-transform: translateY(-2px);}
.sub_News .News_mian .a1>div.fr{ width: 326px;}
.sub_News .News_mian .a1>div.fr .b1{ position: relative; width: 100%; height: 404px; overflow: hidden; background: #0a7dce url("../images/icon_93.png") no-repeat center;}
.sub_News .News_mian .a1>div.fr .b1 .b-tit{ position: absolute;top: 36px;left: 32px;}
.sub_News .News_mian .a1>div.fr .b1 .b-tit h3{ font-size: 32px;font-weight: bold; color: #fff;}
.sub_News .News_mian .a1>div.fr .b1 .b-tit h3 span{ display:block;font-size: 24px;font-weight: 100; text-transform: uppercase; line-height: 40px;}
.sub_News .News_mian .a1>div.fr .b1 .b-xian{ position: absolute;top: 77px;left: 0; width: 100%; height: 148px;-webkit-transition: all 1s;transition: all 1s;}
.sub_News .News_mian .a1>div.fr .b1 .b-xian span{ display: block; width: 0%; height: 148px; background: url("../images/icon_94.png") no-repeat left center;
-webkit-animation: hydt 3s ease 1s forwards;-o-animation: hydt 3s ease 1s forwards;animation: hydt 3s ease 1s forwards;}
.sub_News .News_mian .a1>div.fr .b1 .b-xian i{ position: absolute;top: 130px;left: 152px; width: 12px; height: 12px; border: 3px solid #0ebbe2; border-radius: 50%; background:  rgba(255,255,255,.8);
transform: scale(0);-webkit-animation: hydt_1 1s 1.7s forwards;-o-animation: hydt_1 1s 1.7s forwards;animation: hydt_1 1s 1.7s forwards;}
.sub_News .News_mian .a1>div.fr .b1 .b-xian i:before{ position: absolute;top: 15px;left: 6px; content: ' '; width:1px;height: 0; background: rgba(255,255,255,.5);
-webkit-animation: hydt_2 1s 2s forwards;-o-animation: hydt_2 1s 2s forwards;animation: hydt_2 1s 2s forwards;}
.sub_News .News_mian .a1>div.fr .b1 .b-sz{ position: absolute;bottom: -12px;left: 0;opacity: 0;
-webkit-animation: hydt_3 1s 2s forwards;-o-animation: hydt_3 1s 2s forwards;animation: hydt_3 1s 2s forwards;}
.sub_News .News_mian .a1>div.fr .b1 .b-sz ul li{ float: left; padding: 0 15px; font-size: 14px; color: #fff;}
.sub_News .News_mian .a1>div.fr .b2{ background: #fff;}
.sub_News .News_mian .a1>div.fr .b2 ul{ padding: 0 15px;}
.sub_News .News_mian .a1>div.fr .b2 ul li{ border-bottom: 1px dashed #eee;}
.sub_News .News_mian .a1>div.fr .b2 ul li a{ display: block; position: relative; overflow: hidden; padding-left: 25px;  font-size: 14px; color: #666666;line-height: 62px;white-space:nowrap; text-overflow:ellipsis;-webkit-transition: all .3s;transition: all .3s;}
.sub_News .News_mian .a1>div.fr .b2 ul li a span{ color: #b6b6b6;}
.sub_News .News_mian .a1>div.fr .b2 ul li a:before{position: absolute;top: 50%;left: 0;width: 5px; height: 5px; margin-top: -2px; content:' ';border-radius: 50%; background: #c0c0c0;-webkit-transition: all .3s;transition: all .3s;}
.sub_News .News_mian .a1>div.fr .b2 ul li a:hover{ color: #32bbed;}
.sub_News .News_mian .a1>div.fr .b2 ul li a:hover span{ color: #32bbed;}
.sub_News .News_mian .a1>div.fr .b2 ul li a:hover:before{ background: #32bbed;}
.sub_News .News_mian .a1>div.fr .b3{ width: 100%; min-height: 227px; margin-top: 42px;}
.sub_News .News_mian .a1>div.fr .b3 img{ display: inline-block;width: 48%;}
.sub_News .News_mian .a1>div.fr .b3 img:nth-child(even){ margin-left: 2%; }
/*资讯 -详细页*/
a[href*='tongji.baidu']{display: none;}
.sub_News .Newsxx_mian{ padding: 22px 0;}
.sub_News .Newsxx_mian .a1{ padding: 30px 20px 25px 20px; background: #fff;}
.sub_News .Newsxx_mian .a1>div{ float: left; height: 94px;}
.sub_News .Newsxx_mian .a1>div.b1{ width: 8%; border-right: 1px solid #ededed; box-sizing: border-box; font-family: 'DIN Condensed Bold';color: #999ea2; text-align: center;}
.sub_News .Newsxx_mian .a1>div.b1 span{ display: block; font-size: 52px; line-height: 64px;}
.sub_News .Newsxx_mian .a1>div.b1 font{ display: block; font-size: 14px;}
.sub_News .Newsxx_mian .a1>div.b2{ width: 84%; position: relative;}
.sub_News .Newsxx_mian .a1>div.b2 p{ font-size: 27px; font-weight: bold; color: #60646a; text-align: center; line-height: 94px;}
.sub_News .Newsxx_mian .a1>div.b2 em{position: absolute; bottom: 0; right: 6%;}
.sub_News .Newsxx_mian .a1>div.b3{ width: 8%; height: 94; padding-top: 22px; border: 1px solid #32bbed; box-sizing: border-box;text-align: center;}
.sub_News .Newsxx_mian .a1>div.b3 span{ display: block; font-size: 14px; color: #999ea2; line-height: 24px;}
.sub_News .Newsxx_mian .a1>div.b3 font{ display: block; font-size: 20px; font-weight: bold; color: #32bbed;}
.sub_News .Newsxx_mian .a2{ margin-top: 22px; padding: 36px 90px; background: #fff;}
.sub_News .Newsxx_mian .a2 p{ /* padding: 10px 0;  */font-size: 12px; color: #60646a; line-height: 24px;}
.sub_News .Newsxx_mian .a2 div{ /* padding: 10px 0;  */font-size: 12px; color: #60646a; line-height: 24px;}
.sub_News .Newsxx_mian .a2 img{ width: auto; max-width: 100%; text-align: center;}
/* .sub_News .Newsxx_mian .a2 span{ display: block; width: 447px; height: 285px; margin: 20px auto;} */
.sub_News .Newsxx_mian .a3{ margin-top: 22px; width: 100%; margin: 22px auto 0;}
.sub_News .Newsxx_mian .a3 a.Nprev{ float: left; height: 50px; margin-right: 10px; padding: 0 20px; border-radius: 6px; background: #fff; font-size: 14px; color: #333; text-align: center; line-height: 50px;-webkit-transition: all .3s;transition: all .3s;}
.sub_News .Newsxx_mian .a3 a.Nnext{ float: left; height: 50px; padding: 0 20px; border-radius: 6px; background: #fff; font-size: 14px; color: #333; text-align: center; line-height: 50px;-webkit-transition: all .3s;transition: all .3s;}
.sub_News .Newsxx_mian .a3 a:hover.Nprev,.sub_News .Newsxx_mian .a3 a:hover.Nnext{ background: #32BBED; color: #fff;}
.sub_News .Newsxx_mian .a3 a.list{ float: left; width: 50px; height: 50px;margin-right: 10px; padding: 0 12px;border-radius: 6px; background: #3bb6eb; box-sizing: border-box; text-align: center; line-height: 42px;}
.sub_News .Newsxx_mian .a3 a.list>span{ display: inline-block; position: relative;width: 100%; height:1px;}
.sub_News .Newsxx_mian .a3 a.list>span:before{ position: absolute;top: -8px; left: 0; width: 100%; height: 1px; content: ' '; background: #fff; -webkit-transition: all .3s;transition: all .3s;}
.sub_News .Newsxx_mian .a3 a.list>span:after{ position: absolute;top: 8px; left: 0; width: 100%; height: 1px; content: ' '; background: #fff;-webkit-transition: all .3s;transition: all .3s;}
.sub_News .Newsxx_mian .a3 a.list>span>span{position:absolute;top: 0;left: 0; width:100%; height:1px; background: #fff;-webkit-transition: all .3s;transition: all .3s;-webkit-transform: scale(.73333,1);transform: scale(.73333,1);}
.sub_News .Newsxx_mian .a3 a.list:hover>span:before,.sub_News .Newsxx_mian .a3 a.list:hover>span:after{-webkit-transform: scale(.73333,1);transform: scale(.73333,1);}
.sub_News .Newsxx_mian .a3 a.list:hover>span>span{-webkit-transform: scale(1,1);transform: scale(1,1);}

/*案例 -详细页*/
.sub_casexx{background: #f6f6f6;}
.sub_casexx .casexx_banner{ width: 100%; background: url("../images/casexx_banner.jpg") no-repeat top center;}
.sub_casexx .casexx_banner .wrap{ position: relative;}
.sub_casexx .casexx_banner{padding-top: 40px;}
.sub_casexx .casexx_banner .tit{ font-size: 14px;  }
.sub_casexx .casexx_mian{ padding: 35px 0 100px;}
.sub_casexx .casexx_mian>div.fl{ width: 308px; padding: 40px 15px; background: #fff; box-sizing: border-box; box-shadow: 0 2px 15px #ddd;}
.sub_casexx .casexx_mian>div.fl .a1{ text-align: center;}
.sub_casexx .casexx_mian>div.fl .a1 .bd{ text-align: left;}
.sub_casexx .casexx_mian>div.fl .a1 .bd h3{font-size: 18px!important;font-weight: 500;margin-top: 10px;}
.sub_casexx .casexx_mian>div.fl .a1 .bd h2{font-size: 16px!important;font-weight: 500;margin-top: 10px;}
.sub_casexx .casexx_mian>div.fl .a1 .bd h1{font-size: 16px!important;font-weight: 500;margin-top: 10px;}
.sub_casexx .casexx_mian>div.fl .a1 .bd p span{color:#666}
.sub_casexx .casexx_mian>div.fl .a1 .bd li{ padding: 0 10px;}
.sub_casexx .casexx_mian>div.fl .a1 .bd li h3{ font-size: 30px; color: #000; line-height: 86px;}
.sub_casexx .casexx_mian>div.fl .a1 .bd li p{ font-size: 14px; color: #bbbbbb; line-height: 26px;}
.sub_casexx .casexx_mian>div.fl .a1 .td{ display: inline-block; margin-top: 50px;box-shadow:0 3px 5px #ddd;}
.sub_casexx .casexx_mian>div.fl .a1 .td a{ float: left;-webkit-transition: all .4s;transition: all .4s;}
.sub_casexx .casexx_mian>div.fl .a1 .td .prev{ width: 100px; height: 56px; border: 1px solid #f0f0f0; border-radius: 5px 0 0 5px; background: url("../images/icon_58.png") no-repeat left center;}
.sub_casexx .casexx_mian>div.fl .a1 .td .next{ width: 100px; height: 56px; border: 1px solid #f0f0f0; border-radius: 0 5px 5px 0; background: url("../images/icon_59.png") no-repeat right center;}
.sub_casexx .casexx_mian>div.fl .a1 .td .list{ width: 60px; height: 56px; border: 1px solid #f0f0f0; border-left: none; border-right: none; background: url("../images/icon_60.png") no-repeat  center bottom;}
.sub_casexx .casexx_mian>div.fl .a1 .td .prev:hover{ background: #00aaff url("../images/icon_58.png") no-repeat right center;}
.sub_casexx .casexx_mian>div.fl .a1 .td .next:hover{ background: #00aaff url("../images/icon_59.png") no-repeat left center;}
.sub_casexx .casexx_mian>div.fl .a1 .td .list:hover{ background: #00aaff url("../images/icon_60.png") no-repeat center top;}
.sub_casexx .casexx_mian>div.fl .a2{ margin: 40px 0 0; padding: 20px 0 10px; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0;}
.sub_casexx .casexx_mian>div.fl .a2 a{  margin-bottom: 10px;display: inline-block; height: 27px; margin-right: 10px; padding: 0 15px; border-radius: 3px;background: #f4f4f4; font-size: 14px; color: #bbbbbb; line-height: 27px;-webkit-transition: all .4s;transition: all .4s;}
.sub_casexx .casexx_mian>div.fl .a2 a:hover{ background: #858585; color: #fff;}
.sub_casexx .casexx_mian>div.fl .a3 h4{ font-size: 18px; color: #858585; line-height: 70px;}
.sub_casexx .casexx_mian>div.fl .a3 { overflow: hidden;}
.sub_casexx .casexx_mian>div.fl .a3 ul{ width: 324px; margin-left: -50px;}
.sub_casexx .casexx_mian>div.fl .a3 ul li{ float: left; width: 112px; margin: 0 0 36px 50px;}
.sub_casexx .casexx_mian>div.fl .a3 ul li a{ display: block;}
.sub_casexx .casexx_mian>div.fl .a3 ul li a h6{ width: 112px;  border-radius: 15px;  box-sizing: border-box; text-align: center;}
.sub_casexx .casexx_mian>div.fl .a3 ul li a h6 i{display: block;padding-top: 100%;position: relative; }
.sub_casexx .casexx_mian>div.fl .a3 ul li a h6 i img{width: 100%; height: 100%;position: absolute;left:0px;top:0px}
.sub_casexx .casexx_mian>div.fl .a3 ul li a p{ margin-top: 12px; font-size: 14px; color: #333;-webkit-transition: all .3s;transition: all .3s;height: 30px;}
.sub_casexx .casexx_mian>div.fl .a3 ul li a p span{ display: block; color: #858585; line-height: 20px;}
.sub_casexx .casexx_mian>div.fl .a3 ul li:hover a p{ color: #32BBED;}
.sub_casexx .casexx_mian>div.fl .a3 ul li:hover a h6{transform: translateY(0px);-webkit-transform: translateY(-2px);}
.sub_casexx .casexx_mian>div.fr{ width: 974px; padding: 40px 0; background: #fff; box-sizing: border-box; box-shadow: 0 2px 15px #ddd;}
.sub_casexx .casexx_mian>div.fr .a1{ display: none;;padding: 0 50px 36px 50px; border-bottom: 7px solid #fdfdfd;}
.sub_casexx .casexx_mian>div.fr .a1 .b1{ width: 370px;}
.sub_casexx .casexx_mian>div.fr .a1 .b1 .c1 h4{ margin-bottom: 25px; text-align: center;}
.sub_casexx .casexx_mian>div.fr .a1 .b1 .c1 h4 i{ display: inline-block; width: 146px; height: 145px; border-radius: 50px;box-shadow: 0 2px 10px #ccc;}
.sub_casexx .casexx_mian>div.fr .a1 .b1 .c1 p{ text-align: center; font-size: 18px; color: #000; line-height: 24px;}
.sub_casexx .casexx_mian>div.fr .a1 .b1 .c1 span{ display: block; font-size: 14px; color: #666;}
.sub_casexx .casexx_mian>div.fr .a1 .b1 .c2{ padding: 38px 0 25px;}
.sub_casexx .casexx_mian>div.fr .a1 .b1 .c2 p{ width: 44%; margin: 0 3% 20px; text-align: center;}
.sub_casexx .casexx_mian>div.fr .a1 .b1 .c2 p>i{ display: block; margin-bottom: 15px;}
.sub_casexx .casexx_mian>div.fr .a1 .b1 .c2 p span{ display: inline-block; width: 145px; height: 47px; border-radius: 25px; box-shadow: 0 2px 20px #ddd;font-size: 15px; color: #27231b; line-height: 47px;}
.sub_casexx .casexx_mian>div.fr .a1 .b1 .c2 p.d1 span i{ display: inline-block; width: 23px; height: 22px; background: url("../images/icon_64.png") no-repeat left top; vertical-align: middle;}
.sub_casexx .casexx_mian>div.fr .a1 .b1 .c2 p.d2 span i{ display: inline-block; width: 22px; height: 18px; background: url("../images/icon_android.png") no-repeat left top; vertical-align: middle;}
.sub_casexx .casexx_mian>div.fr .a1 .b1 .c2 p.d3 span i{ display: inline-block; width: 23px; height: 22px; background: url("../images/icon_html5.png") no-repeat left top; vertical-align: middle;}
.sub_casexx .casexx_mian>div.fr .a1 .b1 .c2 p.d4 span i{ display: inline-block; width: 22px; height: 18px; background: url("../images/icon_weixin.png") no-repeat left top; vertical-align: middle;}
.sub_casexx .casexx_mian>div.fr .a1 .b2{ padding-left: 42px;}
.sub_casexx .casexx_mian>div.fr .a1 .b2 p{ width: 288px;; background: url("../images/icon_62.png") no-repeat top center;  background-size: 100% 100%;text-align: center;}
.sub_casexx .casexx_mian>div.fr .a1 .b2 p span{ display: inline-block; width: 254px; margin-top: 67px;}
.sub_casexx .casexx_mian>div.fr .a1 .b2 p span img{display:block ;width: 100%;}
.sub_casexx .casexx_mian>div.fr .a2{ width: 100%; overflow: hidden; padding: 40px 15px 0 15px; box-sizing: border-box;}
.sub_casexx .casexx_mian>div.fr .a2 ul{ display: none;;width: 724px; margin-left: -56px;}
.sub_casexx .casexx_mian>div.fr .a2 ul li{ float: left; width: 250px;height: 500px; margin: 0 56px 56px 56px;}
.sub_casexx .casexx_mian>div.fr .a2 ul li p{ width: 250px;height: 500px;border-radius: 33px;background: url("../images/icon_63.png"); box-shadow: 0 2px 10px #ccc; text-align: center;}
.sub_casexx .casexx_mian>div.fr .a2 ul li p span{ display: inline-block; width: 220px; height: 386px;margin-top: 58px;}
.sub_casexx .casexx_mian>div.fr .a2 img{width:100%;display: block;}

/*h5.手机版-手机版*/
/*.sub_iphone{ margin-top: 130px;}*/
.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;white-space:nowrap;}
.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;}

/*关于*/
.sub_about{ background: #fff;}
.sub_about .about_banner{ width: 100%; height: 413px; background: url("../images/about_banner.jpg") no-repeat top center;}
.sub_about .about_banner .wrap{ position: relative;}
.sub_about .about_banner .tit{position: absolute;left: 0;top: 24px; z-index: 9; font-size: 14px; color: #fff;}
.sub_about .about_banner .tit a{ color: #fff;}
.sub_about .about_banner .mian{ padding-top: 150px; text-align: center;}
.sub_about .about_banner .mian h3{ font-size: 35px;font-weight: bold; color: #fff; text-transform: uppercase; line-height: 48px;}
.sub_about .about_banner .mian p{ display: inline-block; height: 43px; margin-top: 10px; padding: 0 15px; border: 3px solid #fff; font-size: 24px;font-weight: bold; color: #fff; line-height: 43px;}
.sub_about .about_mian .tit{ position: relative; z-index: 1; padding: 15px 0; border-bottom: 1px solid #eae6e3; background: #fff; text-align: center;-webkit-transition: all .5s;transition: all .5s;}
.sub_about .about_mian .tit ul{ display: block;}
.sub_about .about_mian .tit ul li{ float: left; width: 114px; height: 42px; padding: 0 15px; background: url("../images/icon_80.png") no-repeat left center; text-align: center; line-height: 42px;}
.sub_about .about_mian .tit ul li:first-child{ background: none;}
.sub_about .about_mian .tit ul li a{ display: block; border-radius: 50px; font-size: 17px; color: #666;-webkit-transition: all .3s;transition: all .3s;}
.sub_about .about_mian .tit ul li.on a,.sub_about .about_mian .tit ul li:hover a{ background: #21ade8; box-shadow: 0 5px 15px #96d8f4; color: #fff;}
.sub_about .about_mian .a1{  min-height: 760px; margin-top: 50px;}
.sub_about .about_mian .a1 .fl{ position: relative; width: 47%;height: 760px;}
.sub_about .about_mian .a1 .fl .icon_81{ position: absolute;bottom: 46px;left: -100px; width: 233px; height: 233px;}
.sub_about .about_mian .a1 .fl .icon_82{ position: absolute;top: -36px;right:66px; width: 150px; height: 198px;}
.sub_about .about_mian .a1 .fl>span{ position: absolute;top: 86px;left: 20px; width: 397px; height: 528px;}
.sub_about .about_mian .a1 .fl .b2 { position: absolute;right: 150px; bottom: 150px; width: 227px; min-height: 296px; padding: 20px; background: #21ade8 url("../images/icon_83.png") repeat center; box-sizing: border-box;}
.sub_about .about_mian .a1 .fl .b2 h4{ font-size: 30px;font-family: 'DIN Condensed Bold'; color: #fff; text-transform: uppercase;}
.sub_about .about_mian .a1 .fl .b2 h5{ border-bottom: 1px solid #fff; font-size: 56px;font-family: 'DIN Condensed Bold'; color: #fff; text-transform: uppercase; line-height: 118px;}
.sub_about .about_mian .a1 .fl .b2 h6{ padding-top: 16px; font-size: 30px; font-weight: bold; color: #fff;}
.sub_about .about_mian .a1 .fl .b2 p{ padding-top: 10px; font-size: 18px; color: #fff;}
.sub_about .about_mian .a1 .fr{ position: relative; width: 50%; padding-top: 86px; padding-bottom: 80px;}
.sub_about .about_mian .a1 .fr>h3{ padding-bottom: 8px; font-size: 100px;font-family: 'DIN Condensed Bold';color: #eeebe9;text-transform: uppercase;line-height: 90px;}
.sub_about .about_mian .a1 .fr>h5{ padding-bottom: 15px; border-bottom: 2px solid #00AAFF; font-size: 30px; color: #333; line-height: 40px;}
.sub_about .about_mian .a1 .fr>h5 span{ display: block; font-size: 16px; color: #666; line-height: 20px;}
.sub_about .about_mian .a1 .fr>h6{ margin-top: 20px; text-align: right;}
.sub_about .about_mian .a1 .fr>h6 a{ display: inline-block; width: 137px; height: 45px; border: 2px solid #10a3e5; text-align: center; line-height: 45px; cursor: pointer;}
.sub_about .about_mian .a1 .fr>h6 a i{ display: inline-block; width: 54px; height: 24px; background: url("../images/icon_84.png") no-repeat left top; vertical-align: middle;}
.sub_about .about_mian .a1 .fr>h6 a span{ font-size: 18px; color: #21ade8;}
.sub_about .about_mian .a1 .fr div.big{ width: 100%;height: 780px ;overflow: auto; padding-top: 20px;-webkit-transition: all .5s;transition: all .5s;}
.sub_about .about_mian .a1 .fr div.big.hh{ height: 240px;overflow: hidden}
.sub_about .about_mian .a1 .fr div.big p{ padding-bottom: 15px; font-size: 16px; color: #333; line-height: 26px;}
.sub_about .about_mian .a2{ height: 845px; background: url("../images/icon_85.png") no-repeat top center;}
.sub_about .about_mian .a2 .Exp {padding-top: 115px;}
.sub_about .about_mian .a2 .Exp span{ display: block;width: 707px;height: 148px;}
.sub_about .about_mian .a2 .mian{ text-align: center;}
.sub_about .about_mian .a2 .mian ul{ padding-left: 30px; display: inline-block; overflow: hidden; padding-top: 330px; padding-bottom: 50px;}
.sub_about .about_mian .a2 .mian ul li{ position: relative; float: left; width: 0; height: 1px;}
.sub_about .about_mian .a2 .mian ul li:before{display: block;position: absolute;content: "";left: 10px;right: 11px;border-top: 1px solid #70a4cd;}
.sub_about .about_mian .a2 .mian ul li:after{ display: block;position: absolute;content: ""; left: 0; top: -70px;}
.sub_about .about_mian .a2 .mian ul li:last-child:before{ border: none;}
.sub_about .about_mian .a2 .mian ul li h6{position: absolute; top: 0; left: -30px; width: 60px;padding-top: 18px;font-size: 16px; color:#fff; text-align: center; line-height:40px;}
.sub_about .about_mian .a2 .mian ul li h6:before{display: block;position: absolute;content: "";left: 19px;top: -10px; width: 21px;height: 21px;border: 1px solid #70a4cd; border-radius: 50%;-webkit-transition: all .5s;transition: all .5s;}
.sub_about .about_mian .a2 .mian ul li h6:after{display: block;position: absolute;content: "";left: 25px;top: -4px;width: 11px;height: 11px;border-radius: 50%; background: #70a4cd;-webkit-transition: all .5s;transition: all .5s;}
.sub_about .about_mian .a2 .mian ul li span:before{display: block;position: absolute;left: 0;bottom: 10px;content: "";width:1px;height: 118px; background: #70a4cd;}
.sub_about .about_mian .a2 .mian ul li span:after{display: block;position: absolute;left: 0;bottom: 128px;content: "";width: 7px; height: 1px; background: #70a4cd;}
.sub_about .about_mian .a2 .mian ul li p{ position: absolute;left: 20px;bottom: 68px; min-width: 300px; font-size: 16px; color: #ffffff; text-align: left; line-height: 26px;}
.sub_about .about_mian .a2 .mian ul li p font{ display: block; font-size: 30px; font-weight: 200; color: #fff; line-height: 42px;}
.sub_about .about_mian .a2 .mian ul li.b1{ width: 268px;}
.sub_about .about_mian .a2 .mian ul li.b2{ width: 142px;}
.sub_about .about_mian .a2 .mian ul li:last-child.b2{ width: 20px;}
.sub_about .about_mian .a2 .mian ul li span:before{-webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: bottom;  transform-origin: bottom; -webkit-transition: -webkit-transform 150ms cubic-bezier(.25,.74,.22,.99); transition: transform 150ms cubic-bezier(.25,.74,.22,.99);}
.sub_about .about_mian .a2 .mian ul li span:after{-webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: left; transform-origin: left; -webkit-transition: -webkit-transform 150ms cubic-bezier(.25,.74,.22,.99); transition: transform 150ms cubic-bezier(.25,.74,.22,.99);-webkit-transition-delay: 50ms; transition-delay: 50ms;}
.sub_about .about_mian .a2 .mian ul li p{padding: 0px 15px;opacity: 0; pointer-events: none; -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); -webkit-transition: opacity 125ms cubic-bezier(.25,.74,.22,.99),-webkit-transform 125ms cubic-bezier(.25,.74,.22,.99); transition: opacity 125ms cubic-bezier(.25,.74,.22,.99),transform 125ms cubic-bezier(.25,.74,.22,.99);}
.sub_about .about_mian .a2 .mian ul li.on h6:before{border: 1px solid #fff;}
.sub_about .about_mian .a2 .mian ul li.on h6:after{background: #fff;}
.sub_about .about_mian .a2 .mian ul li.on span:before{background: #fff; -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-delay: 0s; transition-delay: 0s; }
.sub_about .about_mian .a2 .mian ul li.on span:after{background: #fff;-webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-delay: 150ms; transition-delay: 150ms; }
.sub_about .about_mian .a2 .mian ul li.on p{opacity: 1; z-index: 0; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition-duration: 250ms; transition-duration: 250ms; -webkit-transition-delay: .112s; transition-delay: .112s;}
.sub_about .about_mian .a2 .mian ul li.br p{ left: -460px; text-align: right; width: 450px;}
.sub_about .about_mian .a2 .mian ul li.br span:after{left: auto;right: 100%; margin-right: -1px; -webkit-transform-origin: right;transform-origin: right;}
.sub_about .about_mian .a2 .mian ul li.on.br p{-webkit-transform: translateX(-18px); -ms-transform: translateX(-18px); transform: translateX(-18px);}
.sub_about .about_mian .a3{/* margin-top: -110px; */padding-top: 50px;padding-bottom: 50px;}
.sub_about .about_mian .a3 div.fl{ position: relative; width: 450px; height: 605px; overflow: hidden; background: url("../images/pic_4.jpg") no-repeat top center;}
.sub_about .about_mian .a3 div.fl .videoMask video{ width: 100%; height: 100%;}
.sub_about .about_mian .a3 div.fl .userInfo{ position: absolute; top: 0;left: 0; background: url("../images/icon_88.png") repeat; width: 100%; height: 100%;}
.sub_about .about_mian .a3 div.fl .userInfo p{ width: 100%; height: 100%; background: url("../images/icon_87.png") no-repeat center;}
.sub_about .about_mian .a3 div.fr{ width: 742px; height: 605px;}
.sub_about .about_mian .a3 div.fr .b1{ width: 100%; height: 372px; background: url("../images/pic_5.jpg") no-repeat center;}
.sub_about .about_mian .a3 div.fr .b1 .cc{ width: 251px; height: 100%; padding: 0 28px; background: url("../images/icon_90.png") repeat; box-sizing: border-box; margin-left: 0;}
.sub_about .about_mian .a3 div.fr .b1 .cc i{ display: block; width: 33px; height: 32px;padding: 40px 0; background: url("../images/icon_89.png") no-repeat center;}
.sub_about .about_mian .a3 div.fr .b1 .cc h3{ font-size: 52px;font-family: 'DIN Condensed Bold'; color: #2c93e8;}
.sub_about .about_mian .a3 div.fr .b1 .cc h4{ font-size: 26px;font-weight: bold; color: #2c93e8;}
.sub_about .about_mian .a3 div.fr .b1 .cc h5{ margin-top: 100px; font-size: 14px; color: #2c93e8;}
.sub_about .about_mian .a3 div.fr .b2 { margin-top: 10px;}
.sub_about .about_mian .a3 div.fr .b2 .c1{ float: left; width: 370px;height: 223px; overflow: hidden; background: url("../images/pic_6.jpg") no-repeat center;}
.sub_about .about_mian .a3 div.fr .b2 .c2{ float: right; width: 360px;height: 223px; overflow: hidden; background: url("../images/pic_7.jpg") no-repeat center;}
.sub_about .about_mian .a3 div.fr .b2 .cc{ width: 100%; height: 100%; padding: 40px 62px; background: url("../images/icon_88.png") repeat; box-sizing: border-box;}
.sub_about .about_mian .a3 div.fr .b2 .cc h4{ font-size: 26px; color: #fff; line-height: 42px;}
.sub_about .about_mian .a3 div.fr .b2 .cc h4 span{ display: block; font-size: 12px; color: #fff; text-transform: uppercase; line-height: 16px;}
.sub_about .about_mian .a3 div.fr .b2 .cc p{ margin-top: 65px; color: #fff;}
.sub_about .about_mian .a3 div.fr .b2 .cc p a{ display: block; font-size: 12px; color: #fff; text-transform: uppercase; line-height: 16px;-webkit-transition: all .5s;transition: all .5s;}
.sub_about .about_mian .a3 div.fr .b2 .cc p a:hover{ color: #21ADE8;}
.sub_about .about_mian .zhizhi_box{width: 1300px; margin: 0 auto;overflow: hidden;}
.sub_about .about_mian .zhizhi_box a{position: relative;display: inline-block; width: 18%;padding-top: 24%; margin-right: 2.5%;margin-bottom: 3%;float: left;}
.sub_about .about_mian .zhizhi_box a img{ position: absolute;left:0px;top:0px;width: 100%; height: 100%;}
.sub_about .about_mian .zhizhi_box a:nth-child(5n+5){margin-right: 0px;}
/*团队介绍*/
.Team{ background: #f7f7f7;}
.Team .a1 .tit{ padding: 60px 0; }
.Team .a1 .tit h3{ background: url("../images/index.html"); font-size: 56px; font-family: 'MyriadPro-LightCond';color: #020202;text-transform: uppercase; text-align: center;line-height: 1; letter-spacing: 4px;}
.Team .a1 .tit h3:after { line-height: 1; content: ""; display: block; margin: 0 auto; width: 26px; height: 2px; background-color: #09b6ed; margin-top: 4px; margin-bottom: 20px; }
.Team .a1 .tit h4 { font-size: 24px; color: #020202; text-align: center;line-height: 1; }
.Team .a1 .tit p{ margin-top: 40px; font-size: 16px; color: #666666; line-height: 26px; text-align: center;}
.Team .a1 .mian{ position: relative; width: 100%; overflow: hidden; padding-bottom: 103px;}
.Team .a1 .mian .hd{position: absolute;bottom: 0;left: 50%; width: 820px; height: 164px; overflow: hidden; margin: 0 0 0 -410px;}
.Team .a1 .mian .hd ul{ display: inline-block;position: relative; background: url("../images/team_bg.png") repeat;}
.Team .a1 .mian .hd ul .block{position: absolute;top: 0;left: 0; z-index: 1; width: 164px; height: 164px; content: ' '; background: #fff;}
.Team .a1 .mian .hd ul li{position: relative;z-index: 2; float: left; width: 164px; height: 164px; cursor: default;}
.Team .a1 .mian .hd ul li i{ display: block; width: 100%; height: 64px; margin-top: 35px; background: no-repeat center;-webkit-transition: all .5s;transition: all .5s;}
.Team .a1 .mian .hd ul li span{ display: block; font-size: 16px; color: #fff;-webkit-transition: all .5s;transition: all .5s; text-align: center; line-height: 54px;}
.Team .a1 .mian .hd ul li.on span{color: #2c93e8;}
.Team .a1 .mian .hd ul li.team_1 i{background-image: url("../images/team_1.png");}
.Team .a1 .mian .hd ul li.team_2 i{background-image: url("../images/team_2.png");}
.Team .a1 .mian .hd ul li.team_3 i{background-image: url("../images/team_3.png");}
.Team .a1 .mian .hd ul li.team_4 i{background-image: url("../images/team_4.png");}
.Team .a1 .mian .hd ul li.team_5 i{background-image: url("../images/team_5.png");}
.Team .a1 .mian .hd ul li.team_1.on i{background-image: url("../images/team_6.png");}
.Team .a1 .mian .hd ul li.team_2.on i{background-image: url("../images/team_7.png");}
.Team .a1 .mian .hd ul li.team_3.on i{background-image: url("../images/team_8.png");}
.Team .a1 .mian .hd ul li.team_4.on i{background-image: url("../images/team_9.png");}
.Team .a1 .mian .hd ul li.team_5.on i{background-image: url("../images/team_10.png");}
.Team .a1 .mian .bd ul{ width: 100% !important;}
.Team .a1 .mian .bd ul li{ width: 100% !important;}
.Team .a1 .mian .bd ul li div.fl{ width: 50%; height: 591px;}
.Team .a1 .mian .bd ul li.team_1 div.fl{background: #fff url("../images/team_1.jpg") no-repeat center;}
.Team .a1 .mian .bd ul li.team_2 div.fl{background: #fff url("../images/team_1.jpg") no-repeat center;}
.Team .a1 .mian .bd ul li.team_3 div.fl{background: #fff url("../images/team_1.jpg") no-repeat center;}
.Team .a1 .mian .bd ul li.team_4 div.fl{background: #fff url("../images/team_1.jpg") no-repeat center;}
.Team .a1 .mian .bd ul li.team_5 div.fl{background: #fff url("../images/team_1.jpg") no-repeat center;}
.Team .a1 .mian .bd ul li div.fr{ width: 50%; height: 591px;padding-left: 100px; padding-top: 60px; background: #fff url("../images/team_2.jpg") no-repeat center;box-sizing: border-box;}
.Team .a1 .mian .bd ul li div.fr h3{ font-size: 56px; font-family: 'MyriadPro-LightCond';color: #ebebeb;text-transform: uppercase; line-height: 56px;letter-spacing: 1px;}
.Team .a1 .mian .bd ul li div.fr h4{ font-size: 40px; color: #333;line-height: 60px;}
.Team .a1 .mian .bd ul li div.fr h4:after { line-height: 1; content: ""; display: block; width: 26px; height: 2px; background-color: #2c93e8; margin-top: 25px; margin-bottom: 40px;}
.Team .a1 .mian .bd ul li div.fr p{ width: 366px; font-size: 16px; color: #333; line-height:26px;}
.Team .a2 .tit{ padding: 60px 0;}
.Team .a2 .tit h3{ background: url("../images/index.html"); font-size: 56px; font-family: 'MyriadPro-LightCond';color: #020202;text-transform: uppercase; text-align: center;line-height: 1; letter-spacing: 4px;}
.Team .a2 .tit h3:after { line-height: 1; content: ""; display: block; margin: 0 auto; width: 26px; height: 2px; background-color: #09b6ed; margin-top: 4px;}
.Team .a2 .tit h4 { font-size: 24px; color: #020202; text-align: center;line-height: 1;}
.Team .a2 .mian{ width: 100%;}
.Team .a2 .mian p img{ width: 100%;}

/*****发展历程******/

.fzlc{ width: 100%;overflow: hidden;}
.development .le{ width: 50%; position: fixed; top: 0; left: 0; -webkit-transition: all .4s; transition: all .4s;/* z-index: -1;*/}
.development .le .ix-wrap{height: 100%;}
.development .le .ix-wrap .i1{ opacity: 0; display: none;/* position: absolute; top: 50%;left:50%;*/ width: auto; height: auto;overflow: hidden; margin-top: 205px; margin-bottom: 86px; -webkit-animation: oblock .4s ease forwards;  animation: oblock .4s ease forwards; }
/*.development .le .ix-wrap .i1:first-child{ background: #000 url("../images/index.html") no-repeat center;}*/
.development .le .ix-wrap .i1 img{ width: 100%;}
.development .le .ix-wrap .on{ display: block;opacity: 1;}
.development .le-fx{ top: 0;}
.development .ri{ position: relative; float: right; width: 50%; z-index: 1;}
.development .ri .font-w{ padding-top: 94px; padding-left: 90px; padding-bottom: 600px;}
.development .ri .font-w .dl1{ line-height: 1; margin-bottom: 106px; position: relative;}
.development .ri .font-w .dl1 dt{ font-size: 40px; color: #333333; margin-bottom: 32px;}
.development .ri .font-w .dl1 dd p{ font-size: 16px; color: #666666; margin-bottom: 10px;}
.development .ri .font-w .on:before{ content: ''; position: absolute; width: 136px; height: 2px; background-color: #037ee4; top: 75px; left: -184px; z-index: 4;}
.development .ri .font-w .on dt{ color: #2c93e8;}
.development .ri .box-fixed{ position: absolute; padding-top: 118px; top: 0; left: 512px; z-index: -1;}
.development .ri .box-fixed .i1{ width: 180px; height: 100px; background: url("../images/lc3.jpg") no-repeat center; background-size: 100%; margin-bottom: 205px;}
.development .ri .box-fixed .i2{ position: absolute; width: 262px; height: 203px; background-size: contain; top: 400px; -webkit-transition: margin-top .4s; transition: margin-top .4s;}
.fz-fixed{ position: fixed; top: 104px; left: 0; width: 100%; -webkit-transition: all .4s; transition: all .4s;}
.fz-fixed2{ top: 84px;}
.height2{ height: 70px; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; transition: all .4s;}
.development-footer{ position: fixed; height: 86px; width: 100%; background-color: #303030; bottom: 0; left: 0; z-index: 2;}

.development-footer .wrap{ position: relative; padding-top: 30px;}
.development-footer .ul1{ width: 1314px; margin-left: 16px;}
.development-footer .ul1 li{ float: left; position: relative; width: 146px; text-align: left;}
.development-footer .ul1 li b{ display: block; margin: 18px 0 0 -18px; font-size: 16px; color: #ffffff;}
.development-footer .ul1 li span{ position: absolute; width: 4px; height: 4px; background-color: #afafaf; border-radius: 50%; top: -2px; left: -1px; z-index: 2; -webkit-transition: all .6s; transition: all .6s; cursor: pointer;}
.development-footer .ul1 li span em{ position: absolute; top: 50%; left: 50%; border: 1px solid #fff; width: 24px; height: 24px; border-radius: 50%; margin: -12px 0 0 -12px; box-sizing: border-box; border-color: transparent;}
.development-footer .ul1 .on span{ -webkit-transform: scale(2); transform: scale(2); background-color: #fff;}
.development-footer .ul1 .on span em{ -webkit-transform: scale(.5); transform: scale(.5); border-color: #fff;}
.development-footer .ul2{ position: absolute; width: 1168px; height: 1px; background-color: #6b6b6b; top: 30px; left: 18px;}
.development-footer .ul2 i{ display: block; height: 1px; width: 0%; background-color: #fff;}

/*****联系我们开始******/

.call-us{ height: 744px; overflow: hidden;}
.call-us .le{ float: left; width: 50%;}
.call-us .ri{ float: left; width: 50%;}
.call-us .ri .x1{ box-sizing: border-box; background: url("../images/xz7.png") no-repeat right top;}
.call-us .ri .x1 .x1-head{ line-height: 1; padding-top: 90px; padding-left: 80px; -webkit-transition: padding-top .4s; transition: padding-top .4s;}
.call-us .ri .x1 .x1-head .p1{ font-size: 40px; color: #eeebe9; margin-bottom: 14px;}
.call-us .ri .x1 .x1-head .p2{ font-size: 24px; color: #2c93e8; padding-bottom: 32px; -webkit-transition: all .4s; transition: all .4s;}
.call-us .ri .x1 .line{ margin-left: 80px; width: 594px; height: 2px; background-color: #dddddd;}
.call-us .ri .x1 .u1{ padding-top: 40px; line-height: 1; width: 594px; padding-left: 80px; height: 350px;}
.call-us .ri .x1 .u1 li{ padding-left: 44px; margin-bottom: 14px; line-height: 22px; background: no-repeat left center;}
.call-us .ri .x1 .u1 li span{ font-size: 14px; color: #333333;}
.call-us .ri .x1 .u1 li span:after{ content: ''; display: inline-block; height: 15px; width: 1px; background-color: #dddddd; margin: 0 22px;}
.call-us .ri .x1 .u1 li b{ font-size: 14px; color: #999999;}
.call-us .ri .x1 .u1 .l1{ background-image: url("../images/xz1.png");}
.call-us .ri .x1 .u1 .l2{ background-image: url("../images/xz2.png");}
.call-us .ri .x1 .u1 .l3{ background-image: url("../images/xz3.png");}
.call-us .ri .x1 .u1 .l4{ background-image: url("../images/xz4.png");}
.call-us .ri .x1 .u1 .l5{ background-image: url("../images/xz5.png");}
.call-us .ri .x1 .u1 .l6{ background-image: url("../images/xz6.png");}
.call-us .ri .x1 .u1 .l7{ background-image: url("../images/xz7.png");}
.call-us .ri .x1 .u1 .l8{ background-image: url("../images/xz8.png");}
.call-us .ri .on.x1{ height: auto;}
.call-us .ri .on.x1 .x1-head{ padding-top: 36px; background: url("../images/xz8.png") no-repeat 656px center; cursor: pointer; background-color: #f9f8f8;}
.call-us .ri .on.x1 .x1-head .p1{ color: #dedede;}
.call-us .ri .on.x1 .x1-head .p2{ padding-bottom: 40px;}
.call-us .ri .on.x1 .line{ display: none;}

/*****联系我们结束******/


/*****关于我们开始******/

.aboutOur{ height: 440px; background: url("../images/index.html") no-repeat center;}
.aboutOur .p1{ margin-top: 36px; text-align: right; width: 100%; float: right;}
.aboutOur .p1 a, .aboutOur .p1 span{ font-size: 16px; color: #ffffff;}
.aboutOur .p1 span{ margin: 0 2px;}
.aboutOur .p-wrap{ padding-top: 154px; line-height: 1;}
.aboutOur .p-wrap p{ font-family: arial; font-size: 35px; color: #ffffff; text-align: center; text-transform: uppercase;}
.aboutOur .p-wrap .p2{ margin-bottom: 16px;}
.aboutOur .p-wrap .p3{ margin-bottom: 14px;}
.aboutOur .p-wrap .p4 span{ font-family: arial; font-size: 20px; font-weight: bold; padding: 10px 18px; border: 4px solid #fff;}
.aboutOur-nav{ text-align: center; background-color: #2c93e8;}
.aboutOur-nav > ul{ display: inline-block; vertical-align: top;}
.aboutOur-nav > ul li{ float: left; width: 150px; height: 70px; text-align: center; line-height: 70px; font-size: 17px; -webkit-transition: all .4s; transition: all .4s;}
.aboutOur-nav > ul li a{ position: relative; color: #fff; display: block; -webkit-transition: all .4s; transition: all .4s; height: 100%; width: 100%;}
.aboutOur-nav > ul li a:hover{ background-color: #fff; color: #2c93e8;}
.aboutOur-nav > ul li a:hover:after{ display: none;}
.aboutOur-nav > ul li a:after{ content: ''; top: 50%; right: 0; margin-top: -7.5px; position: absolute; height: 15px; width: 1px; background-color: #83beef;}
.aboutOur-nav > ul li .on{ background-color: #fff; color: #2c93e8;}
.aboutOur-nav > ul li .on:after{ display: none;}
.aboutOur-nav > ul li:last-child a:after{ display: none;}
.aboutOur2{ padding-top: 60px;}
.aboutOur2 .wrap .p1{ line-height: 1; font-size: 56px; color: #020202; text-align: center; letter-spacing: 4px; font-family: 'MyriadPro-LightCond'; text-transform: uppercase;}
.aboutOur2 .wrap .p1:after{ line-height: 1; content: ""; display: block; margin: 0 auto; width: 26px; height: 2px; background-color: #09b6ed; margin-top: 4px; margin-bottom: 20px;}
.aboutOur2 .wrap .p2{ line-height: 1; font-size: 24px; color: #020202; text-align: center;}
.aboutOur3{ padding-top: 112px; padding-bottom: 130px; background: url("../images/uu16.jpg") no-repeat right 50px;}
.aboutOur3 .px-wrap{ line-height: 1; margin-bottom: 40px;}
.aboutOur3 .px-wrap .p1{ font-size: 22px; color: #2c93e8; margin-bottom: 20px;}
.aboutOur3 .px-wrap .p2{ font-size: 16px; color: #666666; margin-bottom: 10px;}
.aboutOur4{ background-color: #f7f7f7; padding-bottom: 72px;}
.aboutOur4 .p3, .aboutOur4 .p4{ font-size: 16px; color: #333333; text-align: center;}
.aboutOur4 .p3{ margin-top: 40px;}
.aboutOur4 .earth{ position: relative; width: 771px; height: 837px; background: url("../images/z18.png") no-repeat center; margin: 0 auto;}
.aboutOur4 .earth .px-wrap{ position: absolute;}
.aboutOur4 .earth .px-wrap .p1{ font-size: 20px; color: #2c93e8; text-align: right; padding-right: 20px;}
.aboutOur4 .earth .px-wrap .p2{ font-size: 16px; color: #333333;}
.aboutOur4 .earth .d1{ top: 245px; left: 210px;}
.aboutOur4 .earth .d1 .p1{ padding-right: 0;}
.aboutOur4 .earth .d2{ top: 245px; right: 210px;}
.aboutOur4 .earth .d3{ top: 416px; left: 116px;}
.aboutOur4 .earth .d4{ top: 416px; right: 116px;}
.aboutOur4 .earth .d5{ top: 570px; left: 197px;}
.aboutOur4 .earth .d6{ top: 570px; right: 197px;}

/*****关于我们结束******/


/*****人才招聘开始******/

.join-in{ height: 820px; background: url("../images/rng.jpg") no-repeat center;}
.join-in .join-banner{ padding-top: 130px; width: 1740px; margin: 0 auto; overflow: hidden;}
.join-in .join-banner .slick-slide{ padding-top: 30px; width: 348px; overflow: hidden; position: relative; height: 352px;}
.join-in .join-banner .slick-slide .d1{ position: absolute; top: 30px; left: 50%; margin-left: -110px; width: 220px; border-top: 3px solid #09b6ed; line-height: 1; padding-top: 12px; text-align: center;}
.join-in .join-banner .slick-slide .d1 .p1{ position: relative; font-size: 132px; color: #09b6ed; font-family: 'DIN Condensed Bold'; margin-bottom: 20px;}
.join-in .join-banner .slick-slide .d1 .p1 span{ position: absolute; top: 66px; left: 98px; font-family: 'DIN Condensed Bold'; font-size: 25px; color: #09b6ed; background-color: #353535; text-transform: uppercase;}
.join-in .join-banner .slick-slide .d1 .p2{ font-size: 22px; color: #ffffff; margin-bottom: 12px;}
.join-in .join-banner .slick-slide .d1 .p3{ font-size: 14px; color: #ffffff; line-height: 1.7;}
.join-in .join-banner .slick-slide .d2{ display: none; position: absolute; top: 0; left: 0; width: 348px; height: 352px; box-sizing: border-box; padding-top: 30px; padding-left: 22px; line-height: 1; background: url("../images/rng2.png") no-repeat 222px bottom; background-color: #fff;}
.join-in .join-banner .slick-slide .d2 .p1{ height: 44px; line-height: 44px; font-size: 32px; color: #ffffff; background-color: #09b6ed; padding: 0 14px 0 8px; display: inline-block;}
.join-in .join-banner .slick-slide .d2 .p2{ font-size: 24px; color: #09b6ed; font-family: 'DIN Condensed Bold'; margin-top: 2px; margin-bottom: 32px;}
.join-in .join-banner .slick-slide .d2 .p3{ font-size: 14px; margin-bottom: 12px;}
.join-in .join-banner .slick-slide .d2 .p3 span{ color: #8e8e8e;}
.join-in .join-banner .slick-slide .d2 .p3 em{ color: #09b6ed;}
.join-in .join-banner .slick-slide .d2 .p4{ font-size: 14px; margin-bottom: 12px;}
.join-in .join-banner .slick-slide .d2 .p4 span{ color: #8e8e8e;}
.join-in .join-banner .slick-slide .d2 .p4 em{ color: #3d3d3d;}
.join-in .join-banner .slick-slide .d2 .a1{ display: inline-block; padding: 10px 36px 10px 68px; background: url("../images/rng3.png") no-repeat 38px center; border: 1px solid #939393; border-radius: 2px; font-size: 16px; color: #454545; margin-top: 16px;}
.join-in .join-banner .slick-center{ padding-top: 0; width: 348px;}
.join-in .join-banner .slick-center .d1{ display: none;}
.join-in .join-banner .slick-center .d2{ display: block;}
@media screen and (max-width: 1740px){
	.join-in .join-banner{ width: 1060px;}
}
.op2{ -webkit-animation: op3 1s ease forwards; -o-animation: op3 1s ease forwards; animation: op3 1s ease forwards;}
.join-in2{ width: 1160px; margin: 0 auto; margin-top: -142px;}
.join-in2 .le{ float: left; width: 536px; position: relative; background-color: #fff;}
.join-in2 .le .bd li{ width: 536px; height: 328px; background: url("../images/we6.jpg") no-repeat center; background-size: cover;}
.join-in2 .le .hd{ position: absolute; top: 14px; right: 16px;}
.join-in2 .le .hd ul{ display: inline-block; text-align: center;}
.join-in2 .le .hd ul li{ display: inline-block; width: 12px; height: 12px; background-color: #fff; border-radius: 50%; margin: 0 4px; font-size: 0; cursor: pointer; vertical-align: top; line-height: 1;}
.join-in2 .le .hd ul .on{ background-color: #09b6ed;}
.join-in2 .ri{ float: left; width: 624px; padding: 25px 25px 0 25px; box-sizing: border-box; height: 328px; line-height: 1; position: relative; background-color: #fafafa;}
.join-in2 .ri .p1{ font-size: 15px; color: #a5a5a5; padding-bottom: 15px; border-bottom: 2px solid #767676; margin-bottom: 22px;}
.join-in2 .ri .p2{ overflow: hidden; margin-bottom: 15px;}
.join-in2 .ri .p2 span{ font-size: 15px; color: #a5a5a5;}
.join-in2 .ri .p2 em{ font-size: 15px; color: #363636;}
.join-in2 .ri .p2 b{ float: right; font-size: 15px; color: #aaaaaa;}
.join-in2 .ri .hd{ position: absolute; top: 24px; left: 120px;}
.join-in2 .ri .hd li{ margin-right: 22px; font-size: 15px; color: #363636; float: left; cursor: pointer;}
.join-in2 .ri .hd .on{ color: #09b6ed;}
.join-in3{ padding-bottom: 84px;}
.join-in3 ul{ width: 1160px; margin: 0 auto; margin-top: 3px;}
.join-in3 ul li{ float: left; width: 165.5px; -webkit-transition: all .4s; transition: all .4s; height: 136px; background-color: #f9f9f9; border: 1px solid #e8e8e8; border-left: none; cursor: pointer; box-sizing: border-box; position: relative;}
.join-in3 ul li span{ -webkit-transition: all .4s; transition: all .4s;}
.join-in3 ul li b{ -webkit-transition: all .4s; transition: all .4s;}
.join-in3 ul li:after{ position: absolute; right: -17px; top: 50%; margin-top: -6px; content: ''; border: 8px solid transparent; border-left: 9px solid #c5c5c5; width: 0; height: 0; -webkit-transition: all .4s; transition: all .4s;}
.join-in3 ul li:before{ position: absolute; right: -19px; top: 50%; margin-top: -7px; content: ''; border: 9px solid transparent; border-left: 10px solid #000; width: 0; height: 0; -webkit-transition: all .4s; transition: all .4s;}
.join-in3 ul .l1{ z-index: 7; padding: 20px 0 0 15px; box-sizing: border-box; background-color: #09b6ed; border-right-color: #09b6ed;}
.join-in3 ul .l1 span{ display: block; width: 26px; height: 2px; background-color: #fff;}
.join-in3 ul .l1 p{ font-family: 'DIN Condensed Bold'; line-height: 1; font-size: 19px; color: #ffffff; text-transform: uppercase; line-height: 1.3; margin-top: 14px;}
.join-in3 ul .l1 em{ font-size: 17px; color: #ffffff;}
.join-in3 ul .l1:after{ border-left-color: #09b6ed;}
.join-in3 ul .l1:before{ border-left-color: #09b6ed;}
.join-in3 ul .common-lix{ padding-top: 20px; box-sizing: border-box; padding-left: 32px; line-height: 1;}
.join-in3 ul .common-lix em{ display: block; height: 58px; background: no-repeat left top;}
.join-in3 ul .common-lix span{ font-size: 19px; color: #646464; display: block;}
.join-in3 ul .common-lix b{ margin-top: 4px; font-size: 14px; letter-spacing: 1px; display: block; color: #9f9f9f; font-family: 'DIN Condensed Bold';}
.join-in3 ul .common-lix:hover{ background-color: #09b6ed; border-right-color: #09b6ed;}
.join-in3 ul .common-lix:hover span, .join-in3 ul .common-lix:hover b{ color: #fff;}
.join-in3 ul .common-lix:hover:before{ border-left-color: #09b6ed;}
.join-in3 ul .common-lix:hover:after{ border-left-color: #09b6ed;}
.join-in3 ul .l2{ z-index: 6; background-color: #c5c5c5; border-right-color: #b9b9b9;}
.join-in3 ul .l2:after{ border-left-color: #c5c5c5;}
.join-in3 ul .l2:before{ border-left-color: #b9b9b9;}
.join-in3 ul .l3{ z-index: 5; border-right-color: #c6c6c6; background-color: #cecece;}
.join-in3 ul .l3:after{ border-left-color: #cecece;}
.join-in3 ul .l3:before{ border-left-color: #c6c6c6;}
.join-in3 ul .l4{ z-index: 4; border-right-color: #cecece; background-color: #dbdbdb;}
.join-in3 ul .l4:after{ border-left-color: #dbdbdb;}
.join-in3 ul .l4:before{ border-left-color: #cecece;}
.join-in3 ul .l5{ z-index: 3; border-right-color: #dadada; background-color: #eaeaea;}
.join-in3 ul .l5:after{ border-left-color: #eaeaea;}
.join-in3 ul .l5:before{ border-left-color: #dadada;}
.join-in3 ul .l6{ z-index: 2; border-right-color: #e2e2e2; background-color: #f3f3f3;}
.join-in3 ul .l6:after{ border-left-color: #f3f3f3;}
.join-in3 ul .l6:before{ border-left-color: #e2e2e2;}
.join-in3 ul .l7{ z-index: 1; background-color: #f9f9f9; border-right-color: #e9e9e9;}
.join-in3 ul .l7:after{ display: none;}
.join-in3 ul .l7:before{ display: none;}
.common-join{ line-height: 1;}
.common-join .p1{ font-size: 56px; color: #020202; text-align: center; letter-spacing: 4px; font-family: 'MyriadPro-LightCond'; text-transform: uppercase;}
.common-join .p1:after{ content: ""; display: block; margin: 0 auto; width: 26px; height: 2px; background-color: #09b6ed; margin-top: 4px; margin-bottom: 20px;}
.common-join .p2{ font-size: 24px; color: #020202; text-align: center;}
.join-in4{ padding-top: 60px; background-color: #f5f5f5; padding-bottom: 110px;}
.join-in4 .p3{ font-size: 14px; color: #464646; width: 1120px; margin: 0 auto; text-align: center; margin-top: 62px; line-height: 22px;}
.join-in4-inner{ width: 1200px; margin: 0 auto; position: relative; margin-top: 42px;}
.join-in4-inner .d1, .join-in4-inner .d2, .join-in4-inner .d3, .join-in4-inner .d4{ position: absolute;}
.join-in4-inner .d1{ width: 201px; height: 183px; top: 0; left: 0;}
.join-in4-inner .d2{ width: 201px; height: 183px; top: 0; left: 201px;}
.join-in4-inner .d3{ width: 402px; height: 182px; bottom: 0; left: 0;}
.join-in4-inner .d4{ width: 397px; height: 365px; top: 0; left: 402px;}
.join-in4-inner .d5{ float: right; line-height: 1; box-sizing: border-box; padding-top: 24px; height: 366px; width: 400px; background-color: #fff; padding-left: 40px;}
.join-in4-inner .d5 .p1{ font-size: 57px; color: #12a8e8; font-family: 'DIN Condensed Bold'; text-transform: uppercase;}
.join-in4-inner .d5 .p1 span{ font-size: 30px; vertical-align: top;}
.join-in4-inner .d5 .p2{ font-size: 16px; color: #12a8e8; text-transform: uppercase; opacity: 0.2; margin-bottom: 8px;}
.join-in4-inner .d5 .p3x{ margin-bottom: 14px; font-size: 16px; color: #858585;}
.join-in5{ padding-top: 76px; padding-bottom: 144px; border-bottom: 1px solid #f6f6f6;}
.join-in5 .join-in5-inner{ width: 1084px; height: 470px; margin: 0 auto; margin-top: 86px; background: url("../images/we15.jpg") no-repeat center 8px; position: relative;}
.join-in5 .join-in5-inner>div{ width: 406px; position: absolute;}
.join-in5 .join-in5-inner>div p{ font-size: 18px; color: #444444; line-height: 1; margin-bottom: 6px;}
.join-in5 .join-in5-inner>div div{ margin: 0;font-size: 14px; color: #a0a0a0; line-height: 1.6; width: 318px;}
.join-in5 .join-in5-inner .d1{ background: url("../images/up1.png") no-repeat left 22px; height: 80px;}
.join-in5 .join-in5-inner .d2{ top: 190px; background: url("../images/up3.png") no-repeat left 22px; height: 80px;}
.join-in5 .join-in5-inner .d3{ top: 360px; background: url("../images/up5.png") no-repeat left 1px; height: 80px; padding-top: 30px;}
.join-in5 .join-in5-inner .d4, .join-in5 .join-in5-inner .d5, .join-in5 .join-in5-inner .d6{ right: 0; overflow: hidden; text-align: right;}
.join-in5 .join-in5-inner .d4{ background: url("../images/up2.png") no-repeat right 22px; height: 80px;}
.join-in5 .join-in5-inner .d4 div{ margin: 0; float: right;}
.join-in5 .join-in5-inner .d5{ top: 190px; background: url("../images/up4.png") no-repeat right 22px; height: 80px;}
.join-in5 .join-in5-inner .d5 div{ margin: 0; float: right;}
.join-in5 .join-in5-inner .d6{ top: 360px; background: url("../images/up6.png") no-repeat left 1px; height: 80px; padding-top: 30px;}
.join-in5 .join-in5-inner .d6 div{ margin: 0; float: right; width: 378px;}

/*****人才招聘结束******/


/*****荣誉资质开始******/
.honnor-bg{ height: 360px; background-color: #fff; position: relative; width: 1200px; margin: 0 auto;}
.honor{ position: absolute; top: 0; left: 0; padding-top: 78px;}
.honor .s1{ float: left; width: 1200px; position: relative; height: 514px; margin-right: 80px;}
.honor .s1 .tempWrap{ padding-top: 4px; padding-bottom: 4px;}
.honor .s1 li{ position: relative; height: 534px; width: 100%; margin-left: 4px;}
.honor .s1 li .img-wrap{ position: absolute; top: 8px; left: 4px; height: 514px; width: 614px; background-color: #fff; box-shadow: 0 0 6px 2px #E2E2E2;}
.honor .s1 li .img-wrap > img{ position: absolute; top: 50%; left: 50%; margin: -224px 0 0 -160px; width: 320px; height: 448px;}
.honor .s1 .prev, .honor .s1 .next{ position: absolute; width: 18px; height: 30px; top: 50%; cursor: pointer;}
.honor .s1 .prev{ left: 32px; margin-top: -15px; background: url("../images/prevx.png") no-repeat;}
.honor .s1 .prev:hover{ background-image: url("../images/prev.png");}
.honor .s1 .next{ left: 578px; margin-top: -15px; background: url("../images/nextx.png") no-repeat;}
.honor .s1 .next:hover{ background-image: url("../images/next.png");}
.honor .p-wrap{ position: absolute; top: 0; left: 692px; width: 466px;}
.honor .p-wrap .p1{ font-size: 30px; color: #333333; margin-bottom: 8px;}
.honor .p-wrap .p2{ font-size: 15px; color: #666666; padding-bottom: 28px; border-bottom: 2px solid #2c93e8; margin-bottom: 22px;}
.honor .p-wrap .p3{ font-size: 16px; color: #666666; line-height: 1.7; margin-bottom: 40px;}
.honor .p-wrap .p4{ margin-bottom: 10px;}
.honor .p-wrap .p4 span{ display: inline-block; font-size: 16px; color: #333333; width: 92px;}
.honor .p-wrap .p4 em{ font-size: 16px; color: #666666;}
.honor .p-wrap .p5{ margin-top: 12px;}
.honor .p-wrap .p5 img{ width: 160px; vertical-align: -14px;}
.honor .p-wrap .p5 span{ margin-left: 24px; font-size: 16px; color: #2c93e8; border-bottom: 1px solid #2c93e8;}
.Hbig-wrap{ background-color: #f7f7f7; padding-top: 340px;}
.honnor-list{ overflow: hidden;}
.honnor-list ul{ width: 1218px; padding-bottom: 20px;}
.honnor-list ul li{ float: left; width: 284px; box-sizing: border-box; height: 422px; border: 1px solid #e5e5e5; margin-right: 18px; text-align: center; padding-top: 42px; margin-bottom: 18px; background-color: #fff;}
.honnor-list ul li span{ display: inline-block; width: 194px;}
.honnor-list ul li p{ margin-top: 38px; font-size: 13px; color: #333333; text-align: center;}

/*****荣誉资质结束******/

pre{ white-space: pre-wrap;/* css-3 */
	white-space: -moz-pre-wrap;/* Mozilla, since 1999 */
	white-space: -pre-wrap;/* Opera 4-6 */
	white-space: -o-pre-wrap;/* Opera 7 */
	word-wrap: break-word;/* Internet Explorer 5.5+ */
	line-height: 18px;}
.qywh .Newsxx_mian{ width: 1200px; margin: 0 auto;}
.qywh .Newsxx_mian .a2{ margin-top: 22px; margin-bottom: 25px; background: #fff;}
.qywh .Newsxx_mian .a2 p{/* padding: 10px 0;  */
	font-size: 12px; color: #60646a; line-height: 24px;}
.qywh .Newsxx_mian .a2 div{/* padding: 10px 0;  */
	font-size: 12px; color: #60646a; line-height: 24px;}
.qywh .Newsxx_mian .a2 img{ width: auto; max-width: 100%; text-align: center;}
@media(max-width: 1440px){ .box-fixed{display: none;}
	}

/**********支付页面*************/

.articleContent table{ margin: 0; padding: 0;}
.articleContent .service_1{ height: auto; margin: 0 auto; width: 1000px;}
.articleContent .service_1 .title{ background: rgba(0, 0, 0, 0) url("../images/line3.jpg") no-repeat scroll left 0; border-bottom: 1px solid #ececec; height: 71px; padding-left: 9px;}
.articleContent{ color: #666; display: block; font-size: 13px; height: auto; line-height: 24px; margin: 83px auto 0; padding-bottom: 130px; width: 1000px;}
.articleContent img{ width: auto;}
.articleContent .blank5{ height: 30px; overflow: hidden;}

/**********支付页面*************/


/************招聘页面*****************/

.job-msg-bg{ position: fixed; z-index: 10000; left: 0; top: 0; right: 0; bottom: 0; background: #000000; opacity: .5;}
.job-msg-wrap{ background: #ffffff; border-radius: 5px; overflow: hidden; position: fixed; width: 715px; margin-left: -357px; top: 42%; left: 50%; z-index: 10001;}
.job-msg-h{ position: relative; height: 70px; line-height: 70px; background: #01a0e6;}
.job-msg-tit{ text-align: center; color: #ffffff; font-weight: bold; font-size: 16px;}
.job-msg-btn{ position: absolute; right: 25px; top: 25px; width: 20px; height: 20px; background-size: 100% 100%;background-image: url("../images/bgp9.png")}
.job-msg-cnt{ padding: 20px;}
.job-msg-ad{ line-height: 50px; font-size: 14px; color: #666666; width: 50%; float: left;}
.job-msg-ad input{ line-height: 20px; width: 200px;}
.job-msg-ad img{ width: 66px; height: 26px; margin-left: 10px;}
.tijiao{ width: 100%; text-align: center;}
.tijiao input{ margin: 0 5px; height: 50px; border-radius: 50px; line-height: 50px; font-size: 18px; background: #01a0e6; color: #ffffff;}
}
.job-msg-c{ padding: 20px; line-height: 28px; font-size: 14px; background: #fff; color: #666666;}
.job-msg-c-a{ margin-top: 40px; height: 50px; border-radius: 50px; line-height: 50px; font-size: 18px; width: 60%; display: block; margin: 0 auto; background: #01a0e6; text-align: center; max-width: 262px; color: #ffffff;}
.job-msg-c-a em{ display: inline-block;}

/************招聘页面*****************/

/************招聘详细*****************/
.service_1{ height: auto; margin: 0 auto; width: 1000px;}
.service_1 .title{ background: rgba(0, 0, 0, 0) url("../images/line3.jpg") no-repeat scroll left 0; border-bottom: 1px solid #ececec; height: 71px; padding-left: 9px;}
.articleContent{ color: #666; display: block; font-size: 13px; height: auto; line-height: 24px; margin: 83px auto 0; padding-bottom: 130px; width: 1000px;}
.blank5{ height: 30px; overflow: hidden;}
.blank3{ height: 50px; overflow: hidden;}
.job .job_info{ padding-right: 340px; position: relative;}
.job .job_info .title{ font-size: 25px; margin-bottom: 10px;}
.job .job_info .bd{ background: rgba(0, 0, 0, 0) url("../images/index.html") repeat-x scroll 0 0; height: 1px;}
.job .job_info .more{ background-color: #0b98de; color: #fff; display: block; font-size: 16px; line-height: 49px; text-align: center; width: 172px;}
.job .job_info .cl{ border: 1px solid #e5e5e5; padding: 8px 16px 50px; position: absolute; right: 5px; top: -10px; width: 228px;}
.job .job_info .cl dt{ border-bottom: 1px solid #f2f2f2; margin-bottom: 10px; padding-left: 10px;}
.job .job_info dt{ color: #313131; font-size: 16px;}
.job .job_info .cl dd{ background: rgba(0, 0, 0, 0) url("../images/index.html") no-repeat scroll 13px center; padding-left: 27px;}
.left{ float: left;}


/************招聘详细*****************/

/********************************/
/*.fix_2 p{ position: relative;}
#myfrom .tip{background: none; width: 14px; height: 14px; position: absolute; margin-left: 1px; display: none;}
#myfrom .tip img{width: auto; height: auto;}*/
.commit .wrap i{position: absolute; color: #f00;top: 2px; left: 2px; font-size: 16px;}
.insf_1,.insf_2,.insf_3-1,.insf_3-1,.insf_4{position: relative;}





/*App开发-12-15*/
.D-pment .Dp_0{width: 100%;height: 600px; background: url("../images/d-pment.jpg") no-repeat top center;}
.D-pment .Dp_1{ padding: 64px 0; background: #fbfdff;}
.D-pment .Dp_1 h3{ position: relative; height: 36px; padding: 16px 0; font-size: 36px;font-weight: bold; color: #60646a; text-align: center; line-height: 36px;cursor: default;}
.D-pment .Dp_1 h3:before{position: absolute;left: 50%; bottom: -2px;width: 30px;height: 2px;content: ' '; margin-left: -15px; background: #3bb6eb;}
.D-pment .Dp_1 ul{ padding-top: 34px;}
.D-pment .Dp_1 ul li{ float: left;width: 33.33%; text-align: center;}
.D-pment .Dp_1 ul li i{ display: block; width: 100%;height: 90px; padding: 24px 0; background: no-repeat center;}
.D-pment .Dp_1 ul li h4{ font-size: 20px;font-weight: bold; color: #373d41; line-height: 52px;}
.D-pment .Dp_1 ul li p{ font-size: 14px; color: #55595d; line-height: 24px;}
.D-pment .Dp_1 ul li p font{ color: #fa570f;}
.D-pment .Dp_1 ul li.ab1 i{ background-image: url("../images/d-pment-p1.png");}
.D-pment .Dp_1 ul li.ab2 i{ background-image: url("../images/d-pment-p2.png");}
.D-pment .Dp_1 ul li.ab3 i{ background-image: url("../images/d-pment-p3.png");}
.D-pment .Dp_2{ padding: 64px 0; background: #fff;}
.D-pment .Dp_2 h3{ position: relative; height: 36px; padding: 16px 0; font-size: 36px;font-weight: bold; color: #60646a; text-align: center; line-height: 36px;cursor: default;}
.D-pment .Dp_2 h3:before{position: absolute;left: 50%; bottom: -2px;width: 30px;height: 2px;content: ' '; margin-left: -15px; background: #3bb6eb;}
.D-pment .Dp_2 h4{ font-size: 15px; color: #55595d; text-align: center; line-height: 74px;}
.D-pment .Dp_2 h4 font{ color: #fa570f;}
.D-pment .Dp_2 ul{ width: 950px; padding: 10px 140px; margin-left: -30px;}
.D-pment .Dp_2 ul li{ float: left; width: 158px;height: 198px; margin-left: 30px; border: 1px solid #dbdbdd; margin-bottom: 28px; background: #f6f6f6;cursor: default;-webkit-transition: all .3s;transition: all .3s;}
.D-pment .Dp_2 ul li i{ display: block;width: 100%;height: 80px;margin-top: 20px; padding: 20px 0; background: no-repeat center; -webkit-transition: background-image .5s;transition: background-image .5s;background-size: 50px 50px;}
.D-pment .Dp_2 ul li.tb-1 i{ background-image: url("../images/d-pment-p4.png");}
.D-pment .Dp_2 ul li.tb-2 i{ background-image: url("../images/d-pment-n2a.png");}
.D-pment .Dp_2 ul li.tb-3 i{ background-image: url("../images/d-pment-p6.png");}
.D-pment .Dp_2 ul li.tb-4 i{ background-image: url("../images/d-pment-n1a.png");}
.D-pment .Dp_2 ul li.tb-5 i{ background-image: url("../images/d-pment-n3a.png");}
.D-pment .Dp_2 ul li.tb-6 i{ background-image: url("../images/d-pment-p9.png");}
.D-pment .Dp_2 ul li.tb-7 i{ background-image: url("../images/d-pment-p10.png");}
.D-pment .Dp_2 ul li.tb-8 i{ background-image: url("../images/d-pment-p11.png");}
.D-pment .Dp_2 ul li.tb-9 i{ background-image: url("../images/d-pment-p12.png");}
.D-pment .Dp_2 ul li.tb-10 i{ background-image: url("../images/d-pment-p13.png");}

.D-pment .Dp_2 ul li.tb-1:hover i{ background-image: url("../images/d-pment-p20.png");}
.D-pment .Dp_2 ul li.tb-2:hover i{ background-image: url("../images/d-pment-n2b.png");}
.D-pment .Dp_2 ul li.tb-3:hover i{ background-image: url("../images/d-pment-p22.png");}
.D-pment .Dp_2 ul li.tb-4:hover i{ background-image: url("../images/d-pment-n1b.png");}
.D-pment .Dp_2 ul li.tb-5:hover i{ background-image: url("../images/d-pment-n3b.png");}
.D-pment .Dp_2 ul li.tb-6:hover i{ background-image: url("../images/d-pment-p25.png");}
.D-pment .Dp_2 ul li.tb-7:hover i{ background-image: url("../images/d-pment-p26.png");}
.D-pment .Dp_2 ul li.tb-8:hover i{ background-image: url("../images/d-pment-p27.png");}
.D-pment .Dp_2 ul li.tb-9:hover i{ background-image: url("../images/d-pment-p28.png");}
.D-pment .Dp_2 ul li.tb-10:hover i{ background-image: url("../images/d-pment-p29.png");}

.D-pment .Dp_2 ul li span{ display: block; font-size: 14px; color: #60646a; text-align: center;}
.D-pment .Dp_2 ul li:hover{ border: 1px solid #3bb6eb; background: #3bb6eb; box-shadow: 2px 2px 10px 0 rgba(59,182,235,.7);}
.D-pment .Dp_2 ul li:hover span{ color: #fff;}
.D-pment .Dp_3{width: 100%;padding-top: 40px; background: url("../images/d-pment-1.jpg") no-repeat top center; box-sizing: border-box;}
.D-pment .Dp_3 h3{ position: relative; height: 36px; padding: 16px 0;font-size: 36px;font-weight: bold; color: #fff; text-align: center; line-height: 36px;cursor: default;}
.D-pment .Dp_3 h3:before{position: absolute;left: 50%; bottom: -2px;width: 30px;height: 2px;content: ' '; margin-left: -15px; background: #3bb6eb;}
.D-pment .Dp_3 ul{width: 1216.5px; margin-left: -16.5px; padding: 36px 0;}
.D-pment .Dp_3 ul li{ position: relative; float: left; width: 389px; height: 389px; overflow: hidden; margin-left: 16.5px; margin-bottom: 20px;}
.D-pment .Dp_3 ul li h4{ position: absolute;top: 0; width: 389px; height: 389px;-webkit-transition: all 0.6s;transition: all 0.6s;}
.D-pment .Dp_3 ul li h4 img{ width: 100%; height: 100%;}
.D-pment .Dp_3 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;}
.D-pment .Dp_3 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);}
.D-pment .Dp_3 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);}
.D-pment .Dp_3 ul li a:hover:before, .D-pment .Dp_3 ul li a:hover:after{-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}
.D-pment .Dp_3 ul li a:hover:after{-webkit-transition-delay: 0.175s;transition-delay: 0.175s;}
.D-pment .Dp_3 ul li a:hover span{ color: #fff;}
.D-pment .Dp_3 ul li a span{ position: relative; z-index: 2;float: left; font-size: 14px; color: #60646a; line-height: 35px;}
.D-pment .Dp_3 ul li a i{ float: right; width: 35px; height: 35px; background: url("../images/icon_30.png") no-repeat center;}
.D-pment .Dp_3 ul li:hover a{ bottom: 0;}
.D-pment .Dp_3 ul li:hover h4{ top: -20px;}
.D-pment .Dp_4{ padding: 64px 0; background: #fff;}
.D-pment .Dp_4 h3{ position: relative; height: 36px; padding: 16px 0; font-size: 36px;font-weight: bold; color: #60646a; text-align: center; line-height: 36px;cursor: default;}
.D-pment .Dp_4 h3:before{position: absolute;left: 50%; bottom: -2px;width: 30px;height: 2px;content: ' '; margin-left: -15px; background: #3bb6eb;}
.D-pment .Dp_4 .Cons{ position: relative; padding: 20px 46px;margin-top: 46px; border: 1px solid #dbdbdd; box-sizing: border-box;}
.D-pment .Dp_4 .Cons>h4{ font-size: 20px;font-weight: bold; color: #373d41; text-align: center;line-height: 50px;}
.D-pment .Dp_4 .Cons>h4 font{ color: #fa570f;}
.D-pment .Dp_4 .Cons>p{ font-size: 14px; color: #60646a; text-align: center; line-height: 24px;}
.D-pment .Dp_4 .Cons>span{position: absolute;left: 50%;bottom: -25px;width: 204px;height: 50px; margin-left: -102px; background: #fff; text-align: center;}
.D-pment .Dp_4 .Cons>span>a{ display: inline-block; width: 152px; background: #3bb6eb; box-shadow: 1px 1px 15px 0 rgba(59,182,235,.7); font-size: 15px; color: #fff; line-height: 50px;}
.D-pment .Dp_4 .cons-tab{ padding-bottom: 20px;}
.D-pment .Dp_4 .cons-tab .hd { position: relative;padding-top: 20px; padding-bottom: 40px; border-bottom: 1px solid #dbdbdd;}

.D-pment .Dp_4 .cons-tab .hd ul{width: 1194px; margin-left: -89px;}
.D-pment .Dp_4 .cons-tab .hd ul li{ float: left;width: 110px; margin-left: 89px; cursor: pointer;}
/*.D-pment .Dp_4 .cons-tab .hd ul li:first-child{ margin-left: 0;}*/
.D-pment .Dp_4 .cons-tab .hd ul li i{ display: block; width: 100%;height: 108px;overflow: hidden; margin: 15px 0;border: 1px solid #AAA; border-radius: 50%; background: #F2F2F2; box-sizing: border-box;}
.D-pment .Dp_4 .cons-tab .hd ul li i img{width: 100%;height: 100%; display: block;}
.D-pment .Dp_4 .cons-tab .hd ul li font{ display: block; font-size: 16px;font-weight: bold; color: #373d41; text-align: center; line-height: 26px;}
.D-pment .Dp_4 .cons-tab .hd ul li span{ display: block; font-size: 14px; color: #60646a; text-align: center; line-height: 24px;}
.D-pment .Dp_4 .cons-tab .hd ul li.on i{ border: 1px solid #037EE4;}
/*.D-pment .Dp_4 .cons-tab .hd>span.edge{position: absolute;left: 0;bottom: -1px;width: 110px;height: 2px; background: #3bb6eb;}*/

.D-pment .Dp_4 .cons-tab .bd .pp{ display: none; padding: 30px 0; font-size: 14px; color: #60646a; line-height: 24px;}
.D-pment .Dp_4 .Cons>ul.cosg li{ float: left;width: 33.33%;}
.D-pment .Dp_4 .Cons>ul.cosg li div.fl{width: 50px;}
.D-pment .Dp_4 .Cons>ul.cosg li div.fl i{ display: block;width: 50px;height: 50px;background: no-repeat center;}
.D-pment .Dp_4 .Cons>ul.cosg li.co1 div.fl i{ background-image: url("../images/d-pment-p14.png");}
.D-pment .Dp_4 .Cons>ul.cosg li.co2 div.fl i{ background-image: url("../images/d-pment-p15.png");}
.D-pment .Dp_4 .Cons>ul.cosg li.co3 div.fl i{ background-image: url("../images/d-pment-p16.png");}
.D-pment .Dp_4 .Cons>ul.cosg{ padding: 30px 0;}
.D-pment .Dp_4 .Cons>ul.cosg li div.fr{width: 300px;}
.D-pment .Dp_4 .Cons>ul.cosg li div.fr h6{ font-size: 15px;font-weight: bold; color: #121527; line-height: 28px;}
.D-pment .Dp_4 .Cons>ul.cosg li div.fr h6 font{ color: #fa570f;}
.D-pment .Dp_4 .Cons>ul.cosg li div.fr p{ font-size: 14px; color: #60646a; line-height: 24px;}
.D-pment .Dp_5{width: 100%;height: 780px;padding-top: 80px; background: url("../images/d-pment-3.jpg") no-repeat top center; box-sizing: border-box;}
.D-pment .Dp_5 .wrap{width: 1200px;}
.D-pment .Dp_5 h3{ position: relative; height: 36px; padding: 16px 0;font-size: 36px;font-weight: bold; color: #fff; text-align: center; line-height: 36px;cursor: default;}
.D-pment .Dp_5 h3:before{position: absolute;left: 50%; bottom: -2px;width: 30px;height: 2px;content: ' '; margin-left: -15px; background: #3bb6eb;}
.D-pment .Dp_5 .dp-mm{position: relative;width: 100%;height: 440px;margin-top: 60px;}
.D-pment .Dp_5 .dp-mm .a1{position: absolute;top: 0;left: 0;width: 600px;height: 220px;}
.D-pment .Dp_5 .dp-mm .a1 div.fl{width: 400px;height: 220px;}
.D-pment .Dp_5 .dp-mm .aa div.fr{position: relative; width: 200px;height: 220px; padding: 6px 15px; background: #3bb6eb; box-sizing: border-box;}
.D-pment .Dp_5 .dp-mm .aa div.fr:before{position: absolute;top: 50%;left: -14px;width: 14px;height: 29px;content: ''; margin-top: -15px; background: url("../images/d-pment-p17.png") no-repeat center;}
.D-pment .Dp_5 .dp-mm .aa div.fr h5{ font-size: 28px;font-weight: bold; color: #fff; line-height: 64px;}
.D-pment .Dp_5 .dp-mm .aa div.fr h6{ font-size: 14px; color: #fff; line-height: 22px;}
.D-pment .Dp_5 .dp-mm .aa div.fr h6 font{ font-size: 18px; font-weight: bold; color: #fac00f;}
.D-pment .Dp_5 .dp-mm .aa div.fr p{margin-top: 5px; font-size: 12px; color: #fff; line-height: 20px;}
.D-pment .Dp_5 .dp-mm .a2{position: absolute;top: 0;right: 0;width: 600px;height: 220px;}
.D-pment .Dp_5 .dp-mm .a2 div.fl{position: relative; width: 200px;height: 220px; padding: 6px 15px; background: #fff; box-sizing: border-box;}
.D-pment .Dp_5 .dp-mm .a2 div.fl:before{position: absolute;top: 50%;right: -14px;width: 14px;height: 29px;content: ''; margin-top: -15px; background: url("../images/d-pment-p18.png") no-repeat center;}
.D-pment .Dp_5 .dp-mm .a2 div.fl h5{ font-size: 28px;font-weight: bold; color: #000; line-height: 64px;}
.D-pment .Dp_5 .dp-mm .a2 div.fl h6{ font-size: 14px; color: #000; line-height: 22px;}
.D-pment .Dp_5 .dp-mm .a2 div.fl h6 font{ font-size: 18px; font-weight: bold; color: #fac00f;}
.D-pment .Dp_5 .dp-mm .a2 div.fl p{margin-top: 5px; font-size: 12px; color: #333; line-height: 20px;}
.D-pment .Dp_5 .dp-mm .a2 div.fr{width: 400px;height: 220px;}
.D-pment .Dp_5 .dp-mm .a3{position: absolute;bottom: 0;left: 0;width: 400px;height: 220px;}
.D-pment .Dp_5 .dp-mm .a3 div.fl{width: 200px;height: 220px;}
.D-pment .Dp_5 .dp-mm .a4{position: absolute;bottom: 0;left: 400px;width: 600px;height: 220px;}
.D-pment .Dp_5 .dp-mm .a4 div.fl{width: 400px;height: 220px;}
.D-pment .Dp_5 .dp-mm .a5{position: absolute;bottom: 0;right: 0;width: 200px;height: 220px;}
.D-pment .Dp_6{ padding: 64px 0; background: #fff;}
.D-pment .Dp_6 h3{ position: relative; height: 36px; padding: 16px 0; font-size: 36px;font-weight: bold; color: #60646a; text-align: center; line-height: 36px;cursor: default;}
.D-pment .Dp_6 h3:before{position: absolute;left: 50%; bottom: -2px;width: 30px;height: 2px;content: ' '; margin-left: -15px; background: #3bb6eb;}
.D-pment .Dp_6{ text-align: center;}
.D-pment .Dp_6 ul{ display: inline-block; padding: 236px 0;}
.D-pment .Dp_6 ul li{ position: relative; float: left;width: 96px;height: 96px; margin-left: 61.7px;cursor: pointer;-webkit-transition: margin-left .5s;transition: margin-left .5s;}
.D-pment .Dp_6 ul li:before{position: absolute;top: 50%;left: -32px;width: 9px;height: 14px;content: '';margin-top: -7px; background: url("../images/d-pment-p19.png") no-repeat center;-webkit-transition: left .5s;transition: left .5s;}
.D-pment .Dp_6 ul li:first-child{ margin-left: 0;}
.D-pment .Dp_6 ul li:first-child:before{ display: none;}
.D-pment .Dp_6 ul li .gb{width: 100%;height: 100%;}
.D-pment .Dp_6 ul li .gb i{display: block;width: 100%;height: 100%;overflow: hidden; border: 1px solid #c0deef; border-radius: 50%; background: no-repeat center; box-sizing: border-box;}
.D-pment .Dp_6 ul li.a1 .gb i{ background-image:url("../images/d-pment-p19.jpg");}
.D-pment .Dp_6 ul li.a2 .gb i{ background-image:url("../images/d-pment-p20.jpg");}
.D-pment .Dp_6 ul li.a3 .gb i{ background-image:url("../images/d-pment-p21.jpg");}
.D-pment .Dp_6 ul li.a4 .gb i{ background-image:url("../images/d-pment-p22.jpg");}
.D-pment .Dp_6 ul li.a5 .gb i{ background-image:url("../images/d-pment-p23.jpg");}
.D-pment .Dp_6 ul li.a6 .gb i{ background-image:url("../images/d-pment-p24.jpg");}
.D-pment .Dp_6 ul li.a7 .gb i{ background-image:url("../images/d-pment-p25.jpg");}
.D-pment .Dp_6 ul li.a8 .gb i{ background-image:url("../images/d-pment-p26.jpg");}
.D-pment .Dp_6 ul li em{position: absolute;left: 50%;width: 3px;height: 38px;margin-left: -1.5px; background: #c0deef;}
.D-pment .Dp_6 ul li.odd em{bottom: -58px;}
.D-pment .Dp_6 ul li.even em{top: -58px;}
.D-pment .Dp_6 ul li em:before{position: absolute;left: 50%;width: 11px;height: 11px;content: '';overflow: hidden;margin-left: -5.5px; border-radius: 50%; background: #c0deef;}
.D-pment .Dp_6 ul li.odd em:before{top: -10px;}
.D-pment .Dp_6 ul li.even em:before{bottom: -10px;}
.D-pment .Dp_6 ul li em:after{position: absolute;left: 50%;width: 11px;height: 11px;content: '';overflow: hidden;margin-left: -5.5px; border: 2px solid #c0deef; border-radius: 50%; background: #fff; box-sizing: border-box;-webkit-transition: background .3s;transition: background .3s;}
.D-pment .Dp_6 ul li.odd em:after{bottom: -10px;}
.D-pment .Dp_6 ul li.even em:after{top: -10px;}
.D-pment .Dp_6 ul li .gh{position: absolute;left: 50%;width: 248px; margin-left: -124px; padding: 12px 25px;border-radius: 50px; border: 1px solid #fff; box-sizing: border-box; -webkit-transition: border .5s;transition: border .5s;}
.D-pment .Dp_6 ul li.odd .gh{top: 180px;}
.D-pment .Dp_6 ul li.even .gh{bottom: 180px;}
.D-pment .Dp_6 ul li .gh p{padding: 10px 0 0; font-size: 14px; color: #60646a; line-height: 22px;}
.D-pment .Dp_6 ul li .gh h5{ font-size: 15px;font-weight: bold; color: #373d41; line-height: 36px;}
.D-pment .Dp_6 ul li .gh h5 span{ display: inline-block;width: 45px;margin-right: 5px; background:  no-repeat left center; color: #999;font-weight: 100; text-align: right;vertical-align: top;-webkit-transition: background .5s;transition: background .5s;}
.D-pment .Dp_6 ul li.a1 .gh h5 span{ background-image: url("../images/d-s-01.png");}
.D-pment .Dp_6 ul li.a2 .gh h5 span{ background-image: url("../images/d-s-02.png");}
.D-pment .Dp_6 ul li.a3 .gh h5 span{ background-image: url("../images/d-s-03.png");}
.D-pment .Dp_6 ul li.a4 .gh h5 span{ background-image: url("../images/d-s-04.png");}
.D-pment .Dp_6 ul li.a5 .gh h5 span{ background-image: url("../images/d-s-05.png");}
.D-pment .Dp_6 ul li.a6 .gh h5 span{ background-image: url("../images/d-s-06.png");}
.D-pment .Dp_6 ul li.a7 .gh h5 span{ background-image: url("../images/d-s-07.png");}
.D-pment .Dp_6 ul li.a8 .gh h5 span{ background-image: url("../images/d-s-08.png");}
@media(max-width:1440px){
	.D-pment .Dp_6 ul li{margin-left: 40px;}
	.D-pment .Dp_6 ul li:before{left: -25px;}
}
.D-pment .Dp_6 ul li .gh{border: 1px solid #c0deef;}
.D-pment .Dp_6 ul li:hover em:after{ background: #ffed52;}
.D-pment .Dp_6 ul li.a1:hover .gh h5 span{ background-image: url("../images/d-sh-01.png");}
.D-pment .Dp_6 ul li.a2:hover .gh h5 span{ background-image: url("../images/d-sh-02.png");}
.D-pment .Dp_6 ul li.a3:hover .gh h5 span{ background-image: url("../images/d-sh-03.png");}
.D-pment .Dp_6 ul li.a4:hover .gh h5 span{ background-image: url("../images/d-sh-04.png");}
.D-pment .Dp_6 ul li.a5:hover .gh h5 span{ background-image: url("../images/d-sh-05.png");}
.D-pment .Dp_6 ul li.a6:hover .gh h5 span{ background-image: url("../images/d-sh-06.png");}
.D-pment .Dp_6 ul li.a7:hover .gh h5 span{ background-image: url("../images/d-sh-07.png");}
.D-pment .Dp_6 ul li.a8:hover .gh h5 span{ background-image: url("../images/d-sh-08.png");}


/*W_Applet*/
.Let_1 img{width: 100%;}
.Let_2{ padding: 50px 0;}
.Let_2 .let_tit h3{ position: relative; height: 36px; padding: 16px 0; font-size: 36px;font-weight: bold; color: #60646a; text-align: center; line-height: 36px;cursor: default;}
.Let_2 .let_tit h3:before{position: absolute;left: 50%; bottom: -2px;width: 30px;height: 2px;content: ' '; margin-left: -15px; background: #3bb6eb;}
.Let_2 .let_tit p{ padding: 30px 0; font-size: 15px;color: #55595d; text-align: center; line-height: 1;}
.Let_2 .let_tit p span{ color: #fa570f;}
.Let_2 .let_mian{ text-align: center;}
.Let_2 .let_mian ul{ display: inline-block; padding: 24px 0;}
.Let_2 .let_mian ul li{position: relative; float: left;width: 120px; margin: 0 36px; padding: 30px 0 0;}
.Let_2 .let_mian ul li i{ display: block; width: 120px;height: 120px; border: 1px solid #ccc; border-radius: 50%; background: #f5f5f6 no-repeat center; box-sizing: border-box;}
.Let_2 .let_mian ul li span{ display: block;width: 100%; font-size: 16px; color: #333;text-align: center; line-height: 60px;}
.Let_2 .let_mian ul li em{ display: none; position: absolute;top: 50%;left: 50%;margin-left: -100px;margin-top: -116px;width: 180px;height: 220px; background: no-repeat center;}
.Let_2 .let_mian ul li.L_a1 i{ background-image: url("../images/applet_1.png");}
.Let_2 .let_mian ul li.L_a2 i{ background-image: url("../images/applet_2.png");}
.Let_2 .let_mian ul li.L_a3 i{ background-image: url("../images/applet_3.png");}
.Let_2 .let_mian ul li.L_a4 i{ background-image: url("../images/applet_4.png");}
.Let_2 .let_mian ul li.L_a5 i{ background-image: url("../images/applet_8.png");}
.Let_2 .let_mian ul li.L_a1 em{ background-image: url("../images/applet_5.png");}
.Let_2 .let_mian ul li.L_a2 em{ background-image: url("../images/applet_5.png");}
.Let_2 .let_mian ul li.L_a3 em{ background-image: url("../images/applet_5.png");}
.Let_2 .let_mian ul li.L_a4 em{ background-image: url("../images/applet_5.png");}
.Let_2 .let_mian ul li.L_a5 em{ background-image: url("../images/applet_5.png");}
.Let_2 .let_mian ul li:hover em{ display: block;}
.Let_2 .let_mian ul li:hover span{visibility: hidden;}
.Let_3{ width: 100%; height: 833px; background: url("../images/applet_bg.jpg") no-repeat center; -webkit-transition: all .5s;transition: all .5s;}
.Let_3.last{ background-image: url("../images/applet_bg4.jpg");}
.Let_3 .hd{ position: relative; width: 100%;height: 324px;}
.Let_3 .hd>span{position: absolute;top: 0;z-index: 1; width: 50%; height: 104px;-webkit-transition: height .5s ease;transition: height .5s ease;}
.Let_3 .hd .fl_bg{left: 0; background: #3bb6ec;}
.Let_3 .hd .fr_bg{right: 0; background: #fcd72e;}
.Let_3 .hd .wrap{ position: relative;z-index: 2;height: 100%;}
.Let_3 .hd .wrap>div{position: relative; width: 50%; height: 104px;overflow: hidden; padding-top: 24px; padding-right: 112px; box-sizing: border-box;cursor: pointer;-webkit-transition: all .5s ease;transition: all .5s ease;}
.Let_3 .hd .wrap>div h4{ padding-bottom: 10px; font-size: 30px; color: #fff; line-height: 1;-webkit-transition: all .5s ease;transition: all .5s ease;}
.Let_3 .hd .wrap>div h4 span{ color: #fcd72e;}
.Let_3 .hd .wrap>div p{height: 78px; font-size: 14px; color: #fff; line-height: 26px;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;-webkit-transition: all .5s ease;transition: all .5s ease;}
.Let_3 .hd .wrap>div ul{padding-top: 24px;-webkit-transition: all .6s ease;transition: all .6s ease;-webkit-transform: scaleY(0);transform: scaleY(0);opacity: 0;-webkit-transform-origin: top center;transform-origin: top center;}
.Let_3 .hd .wrap>div ul{width: 503px;margin-left: -15px;}
.Let_3 .hd .wrap>div ul li{ float: left;width: 84px;height: 40px;margin-left: 16px;margin-bottom: 15px; border-radius: 20px; background: #fff; font-size: 12px; color: #3bb6eb; text-align: center; line-height: 40px;}
.Let_3 .hd .wrap>div>i{position: absolute;bottom: 40px; right: 35px;width: 34px;height: 19px; background: url("../images/applet_6.png") no-repeat center;-webkit-transition: all .5s ease;transition: all .5s ease;}
.Let_3 .hd .wrap>div.fr{padding-left: 42px;padding-right: 70px;}
.Let_3 .hd .wrap>div.fr ul li{ color: #fcd72e;}
.Let_3 .hd .wrap>div.fr>i{right: 0;}
.Let_3 .hd .fl_bg.on{height: 324px;}
.Let_3 .hd .fr_bg.on{height: 324px;}
.Let_3 .hd .wrap>div.on{height: 324px;padding-top: 50px;}
.Let_3 .hd .wrap>div.on h4{padding-bottom: 20px;}
.Let_3 .hd .wrap>div.on p{overflow: initial;text-overflow:clip;white-space: normal;}
.Let_3 .hd .wrap>div.on ul{-webkit-transform: scaleY(1);transform: scaleY(1);opacity: 1;}
.Let_3 .hd .wrap>div.on>i{ background-image: url("../images/applet_7.png");}
.Let_3 .bd .bd_box{ display: none;padding-top: 116px; text-align: center;}
.Let_3 .bd .bd_box ul{ display: inline-block;}
.Let_3 .bd .bd_box ul li{ float: left;width: 215px; height: 300px;margin-left: 31px; padding: 20px 14px; background: #fff; box-sizing: border-box;}
.Let_3 .bd .bd_box ul li:first-child{ margin-left: 0;}
.Let_3 .bd .bd_box ul li .ai_img{ width: 100%;height: 139px;margin-bottom: 8px;overflow: hidden;}
.Let_3 .bd .bd_box ul li .ai_h{ font-size: 16px; color: #333; line-height: 36px;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.Let_3 .bd .bd_box ul li .ai_p{ font-size: 14px; color: #999; line-height: 22px;}
.Let_3 .bd .bd_box:first-child{ display: block;}
.Let_4{ padding: 85px 0;}
.Let_4 .let_tit{position: relative;padding-bottom: 36px;}
.Let_4 .let_tit:before{position: absolute;left: 50%; bottom: 0;width: 30px;height: 2px;content: ' '; margin-left: -15px; background: #3bb6eb;}
.Let_4 .let_tit h3{ font-size: 46px;font-weight: bold; color: #60646a; text-align: center; line-height: 62px;cursor: default;}
.Let_4 .let_tit p{ font-size: 36px;color: #55595d; text-align: center; line-height: 50px;}
.Let_4 .let_tit h3 span,.Let_4 .let_tit p span{ color: #fa570f;}
.Let_4 .let_mian{ padding: 35px 0; text-align: center;}
.Let_4 .let_mian ul{ display: inline-block;}
.Let_4 .let_mian ul li{ float: left; width: 157px;height: 157px; margin: 0 16px;}
.Let_5{ width: 100%; height: 787px; overflow: hidden; padding-top: 92px; background: url("../images/applet_bg2.jpg") no-repeat center; box-sizing: border-box;}
.Let_5 div.fl{ width: 45%; padding-left: 64px; box-sizing: border-box;}
.Let_5 div.fl .tit{position: relative;padding-bottom: 36px;}
.Let_5 div.fl .tit:before{position: absolute;left: 0; bottom: 0;width: 50px;height: 6px;content: ' '; background: #fcd72d;}
.Let_5 div.fl .tit h4{ font-size: 40px;font-weight: 100; color: #fff; line-height: 54px;}
.Let_5 div.fl .tit h5{ font-size: 46px;font-weight: bold; color: #fff; line-height: 54px;}
.Let_5 div.fl .tit h5 span{ color: #3fdd84;}
.Let_5 div.fl .mian_1{ padding: 40px 0; font-size: 18px; color: #fff; line-height: 1;}
.Let_5 div.fl .mian_2{position: relative;width: 363px;height: 485px;margin-left: -88px; background: url("../images/applet_20.png") no-repeat left bottom;}
.Let_5 div.fl .mian_2 .s_tc{ position: absolute;top: 94px;left: 220px;width: 320px;height: 180px; padding: 24px 34px; border-radius:20px; background: #fff; box-shadow: 5px 5px 30px 0 rgba(0,0,0,.3) ; box-sizing: border-box;animation: scale .8s ease-in-out;}
.Let_5 div.fl .mian_2 .s_tc span{display: block; font-size: 24px; color: #434343; line-height: 30px;}
.Let_5 div.fl .mian_2 .s_tc font{display: block; font-size: 38px;font-weight: bold; color: #3ad180; line-height: 45px;}
.Let_5 div.fl .mian_2 .s_tc i{ position: absolute;top: 20px;right: 20px; width: 16px;height: 16px; background: url("../images/applet_21.png") no-repeat center;cursor: pointer;}
.Let_5 div.fr{width: 50%;}
.Let_5 div.fr ul li{ float: left;width: 46%;height: 216px;margin-left: 4%;}
.Let_5 div.fr ul li i{ display: block;width: 64px;height: 64px;}
.Let_5 div.fr ul li h6{ padding: 20px 0; font-size: 26px; color: #fff; line-height: 1;}
.Let_5 div.fr ul li p{ font-size: 14px; color: #ddd; line-height: 20px;}
.Let_6{ padding: 50px 0;}
.Let_6 .let_tit h3{ position: relative; height: 36px; padding: 16px 0; font-size: 36px;font-weight: bold; color: #60646a; text-align: center; line-height: 36px;cursor: default;}
.Let_6 .let_tit h3:before{position: absolute;left: 50%; bottom: -2px;width: 30px;height: 2px;content: ' '; margin-left: -15px; background: #3bb6eb;}
.Let_6 .let_tit p{ padding: 30px 0; font-size: 15px;color: #55595d; text-align: center; line-height: 1;}
.Let_6 .let_tit p span{ color: #fa570f;}
.Let_6 .let_mian{margin-top: 20px;}
.Let_6 .let_mian ul li{ float: left;width: 584px;height: 175px; padding: 28px 50px; margin-bottom: 20px; border: 1px solid #ccc; border-radius: 10px; background: #fff; box-sizing: border-box;cursor: default;-webkit-transition: all .5s;transition: all .5s;}
.Let_6 .let_mian ul li.L_a2,.Let_6 .let_mian ul li.L_a4{ float: right;}
.Let_6 .let_mian ul li div.fl{width: 118px;}
.Let_6 .let_mian ul li div.fl i{ display: block; width: 118px;height: 118px; background: no-repeat center;}
.Let_6 .let_mian ul li div.fr{width: 344px;}
.Let_6 .let_mian ul li span{ display: block; padding: 20px 0 12px; font-size: 22px;font-weight: bold; color: #000; line-height: 1;}
.Let_6 .let_mian ul li font{ display: block;font-size: 15px; color: #666; line-height: 24px}
.Let_6 .let_mian ul li.L_a1 div.fl i{ background-image: url("../images/applet_22.png");}
.Let_6 .let_mian ul li.L_a2 div.fl i{ background-image: url("../images/applet_23.png");}
.Let_6 .let_mian ul li.L_a3 div.fl i{ background-image: url("../images/applet_24.png");}
.Let_6 .let_mian ul li.L_a4 div.fl i{ background-image: url("../images/applet_25.png");}
.Let_6 .let_mian ul li:hover{ border: none; background: url("../images/applet_26.png") no-repeat center;-webkit-transform: scale(1.01);transform: scale(1.01);}
.Let_6 .let_mian ul li:hover span{ color: #fff}
.Let_6 .let_mian ul li:hover font{ color: #fff}
.Let_6 .let_mian ul li.L_a1:hover div.fl i{ background-image: url("../images/applet_22_1.png");}
.Let_6 .let_mian ul li.L_a2:hover div.fl i{ background-image: url("../images/applet_23_1.png");}
.Let_6 .let_mian ul li.L_a3:hover div.fl i{ background-image: url("../images/applet_24_1.png");}
.Let_6 .let_mian ul li.L_a4:hover div.fl i{ background-image: url("../images/applet_25_1.png");}
.Let_7{ width: 100%; height: 779px; overflow: hidden; padding-top: 54px; background: url("../images/applet_bg3.jpg") no-repeat center; box-sizing: border-box;}
.Let_7 .let_tit h3{ position: relative; height: 36px; padding: 20px 0; font-size: 36px;font-weight: bold; color: #fff; text-align: center; line-height: 36px;cursor: default;}
.Let_7 .let_tit h3:before{position: absolute;left: 50%; bottom: -2px;width: 30px;height: 2px;content: ' '; margin-left: -15px; background: #3bb6eb;}
.Let_7 .let_mian{ position: relative; padding-top: 60px;}
.Let_7 .let_mian ul li{ position: relative; float: left; width: 268px;margin-right: 42px;}
.Let_7 .let_mian ul li a{ display: block;}
.Let_7 .let_mian ul li a:hover:before{position: absolute;top: 0;right: 0;width: 100%; height: 100%;content: ''; border: 10px solid #fcd72e; background: url("../images/icon_88.png") repeat; box-sizing: border-box;}
.Let_7 .let_mian ul li a em{ display: none;animation:scale .8s ease-in-out;}
.Let_7 .let_mian ul li a:hover em{ display: block; position: absolute;top: 50%;left: 50%;z-index: 2;width: 140px;height: 140px;margin-left: -70px;margin-top: -70px;}
.Let_7 .let_mian>a{cursor: pointer;}
.Let_7 .let_mian .prev{position: absolute;top: 50%;left: -100px;width: 19px;height: 42px;margin-top: ;: -21px;background: url("../images/applet_27.png") no-repeat center;}
.Let_7 .let_mian .next{position: absolute;top: 50%;right: -100px;width: 19px;height: 42px;margin-top: ;: -21px;background: url("../images/applet_28.png") no-repeat center;}
.Let_8{ padding: 64px 0; background: #fff;}
.Let_8 h3{ position: relative; height: 36px; padding: 16px 0; font-size: 36px;font-weight: bold; color: #60646a; text-align: center; line-height: 36px;cursor: default;}
.Let_8 h3:before{position: absolute;left: 50%; bottom: -2px;width: 30px;height: 2px;content: ' '; margin-left: -15px; background: #3bb6eb;}
.Let_8{ text-align: center;}
.Let_8 ul{ display: inline-block; padding: 236px 0;}
.Let_8 ul li{ position: relative; float: left;width: 124px;height: 124px; margin-left: 61.7px;cursor: pointer;-webkit-transition: margin-left .5s;transition: margin-left .5s;}
.Let_8 ul li:before{position: absolute;top: 50%;left: -32px;width: 9px;height: 14px;content: '';margin-top: -7px; background: url("../images/d-pment-p19.png") no-repeat center;-webkit-transition: left .5s;transition: left .5s;}
.Let_8 ul li:first-child{ margin-left: 0;}
.Let_8 ul li:first-child:before{ display: none;}
.Let_8 ul li .gb{width: 100%;height: 100%;}
.Let_8 ul li .gb i{display: block;width: 100%;height: 100%;overflow: hidden; border: 1px solid #c0deef; border-radius: 50%; background: no-repeat center; box-sizing: border-box;}
.Let_8 ul li.a1 .gb i{ background-image:url("../images/d-pment-p20.jpg");}
.Let_8 ul li.a2 .gb i{ background-image:url("../images/d-pment-p21.jpg");}
.Let_8 ul li.a3 .gb i{ background-image:url("../images/d-pment-p22.jpg");}
.Let_8 ul li.a4 .gb i{ background-image:url("../images/d-pment-p23.jpg");}
.Let_8 ul li.a5 .gb i{ background-image:url("../images/d-pment-p24.jpg");}
.Let_8 ul li.a6 .gb i{ background-image:url("../images/d-pment-p25.jpg");}
.Let_8 ul li em{position: absolute;left: 50%;width: 3px;height: 38px;margin-left: -1.5px; background: #c0deef;}
.Let_8 ul li.odd em{bottom: -58px;}
.Let_8 ul li.even em{top: -58px;}
.Let_8 ul li em:before{position: absolute;left: 50%;width: 11px;height: 11px;content: '';overflow: hidden;margin-left: -5.5px; border-radius: 50%; background: #c0deef;}
.Let_8 ul li.odd em:before{top: -10px;}
.Let_8 ul li.even em:before{bottom: -10px;}
.Let_8 ul li em:after{position: absolute;left: 50%;width: 11px;height: 11px;content: '';overflow: hidden;margin-left: -5.5px; border: 2px solid #c0deef; border-radius: 50%; background: #fff; box-sizing: border-box;-webkit-transition: background .3s;transition: background .3s;}
.Let_8 ul li.odd em:after{bottom: -10px;}
.Let_8 ul li.even em:after{top: -10px;}
.Let_8 ul li .gh{position: absolute;left: 50%;width: 248px; margin-left: -124px; padding: 12px 25px;border-radius: 50px; border: 1px solid #fff; box-sizing: border-box; -webkit-transition: border .5s;transition: border .5s;}
.Let_8 ul li.odd .gh{top: 180px;}
.Let_8 ul li.even .gh{bottom: 180px;}
.Let_8 ul li .gh p{padding: 10px 0 0; font-size: 14px; color: #60646a; line-height: 22px;}
.Let_8 ul li .gh h5{ font-size: 15px;font-weight: bold; color: #373d41; line-height: 36px;}
.Let_8 ul li .gh h5 span{ display: inline-block;width: 45px;margin-right: 5px; background:  no-repeat left center; color: #999;font-weight: 100; text-align: right;vertical-align: top;-webkit-transition: background .5s;transition: background .5s;}
.Let_8 ul li.a1 .gh h5 span{ background-image: url("../images/d-s-01.png");}
.Let_8 ul li.a2 .gh h5 span{ background-image: url("../images/d-s-02.png");}
.Let_8 ul li.a3 .gh h5 span{ background-image: url("../images/d-s-03.png");}
.Let_8 ul li.a4 .gh h5 span{ background-image: url("../images/d-s-04.png");}
.Let_8 ul li.a5 .gh h5 span{ background-image: url("../images/d-s-05.png");}
.Let_8 ul li.a6 .gh h5 span{ background-image: url("../images/d-s-06.png");}
.Let_8 ul li .gh{border: 1px solid #c0deef;}
.Let_8 ul li:hover em:after{ background: #ffed52;}
.Let_8 ul li.a1:hover .gh h5 span{ background-image: url("../images/d-sh-01.png");}
.Let_8 ul li.a2:hover .gh h5 span{ background-image: url("../images/d-sh-02.png");}
.Let_8 ul li.a3:hover .gh h5 span{ background-image: url("../images/d-sh-03.png");}
.Let_8 ul li.a4:hover .gh h5 span{ background-image: url("../images/d-sh-04.png");}
.Let_8 ul li.a5:hover .gh h5 span{ background-image: url("../images/d-sh-05.png");}
.Let_8 ul li.a6:hover .gh h5 span{ background-image: url("../images/d-sh-06.png");}




/*翻页动画*/
@-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;
    }

}


/***20170831联系我们**/
.clearLink,.clearLink:hover{cursor:text;text-decoration:none}
.layout{width:1200px;margin:0 auto;clear:both}
.fl{float:left}
.fr{float:right}

.newspicbo{height:380px;width:100%;text-align:center;overflow:hidden}
.nm{position:relative}
.bannertit{text-align:center;color:#fff;padding-top:120px}
.bannertit h5{font-family:华文细黑;line-height:48px;font-weight:700;font-size:35px;text-transform:uppercase}
.bannertit p{line-height:42px;border:3px solid #fff;display:inline-block;font-size:24px;padding:0 20px;margin-top:10px}

.j-contact{padding-top:60px;padding-bottom:40px}
.j-contact li{float: left;width:50%;padding-bottom:122px;background:url("../images/index.html") center bottom no-repeat}
.j-contact ul{overflow: hidden;}
.j-left{float:left}
.j-right{float:right}
.j-contact .j-left{width:592px}
.j-contact .j-tit{font-size:24px;color:#999;border-bottom:1px #e3e3e3 solid;padding-left:77px;position:relative;line-height:44px;padding-bottom:12px}
.j-contact .j-tit em{display:block;font-size:22px;color:#2c93e8;line-height:38px}
.j-contact .j-tit b{display:block;width:44px;height:103px;background:url("../images/j1.jpg") no-repeat;position:absolute;left:0;bottom:15px}
.j-contact .j-tit b.i2{background-image:url("../images/j2.jpg")}
.j-contact .j-tit b.i3{background-image:url("../images/contact_fs.png");width:55px}
.j-contact .j-conp{padding-top:13px}
.j-contact .j-p{font-size:14px;color:#999;line-height:34px}
.j-contact .j-p b{width:21px;height:21px;display:inline-block;background:url("../images/j2z.png") 0 0 no-repeat;vertical-align:middle}
.j-contact .j-p b.b2{background-position:0 -21px}
.j-contact .j-p b.b3{background-position:0 -42px}
.j-contact .j-p b.b4{background-position:0 -63px}
.j-contact .j-p b.b5{background-position:0 -84px}
.j-contact .j-p b.b6{background-position:0 -105px}
.j-contact .j-p span{width:100px;padding-right:2px;display:inline-block;margin-right:25px;text-align:center;font-size:14px;color:#333;background:url("../images/j3.jpg") right center no-repeat}
.j-contact .j-p img{width: auto;}
.j-contact .j-right{width:520px;margin-top:8px}
.j-contact .j-right img{display: block;width: 100%;}
.j-contact .j-right br{display: none;}
.j-contact .last{padding-bottom:0;background:0 0}
/*****/
.class_choice{background-color: #fff; padding: 70px 80px 50px; margin: 40px auto;}
.class_choice .choice_list+.choice_list{ margin-top: 10px;}
.class_choice .choice_list >span{ display: inline-block;width: 80px;vertical-align: top; font-size: 16px;}
.class_choice .choice_list .right_box{ display:inline-block;width: calc(100% - 90px); vertical-align: top;}
.class_choice .choice_list .right_box label{ display: inline-block; margin-right: 20px; margin-bottom: 20px;}
.class_choice .choice_list .right_box label input{display: none;}
.class_choice .choice_list .right_box label span{ display: inline-block;font-size: 16px;cursor: pointer;}
.class_choice .choice_list .right_box label input:checked+ span{ color:#fa570f }
.wrap .tit{  margin-top: 40px;}