/*-------------------------------移动应用-手机网站css开始--------------------------*/
.wrap{width:90%; min-width: 1010px; margin: 0 auto;}

/*banner*/
.iphone_banner{ position: relative;z-index: 9; height: 600px;}
.iphone_banner .can{position: absolute;top: 0;left: 0; width: 100%; height: 600px; overflow: hidden;background: url(../images/sjwz_iphone_banner.jpg) no-repeat center;}
.iphone_banner .wrap{position: relative; z-index: 99;}
.iphone_banner .mian .a1{ position: absolute;left: 45%; margin:180px 0 0 -496px; line-height: 75px;}
.iphone_banner .mian .a1 h3{ font-size: 70px; color: #fff;}
.iphone_banner .mian .a1 h3 span{ font-weight: bold;}
.iphone_banner .mian .a1 h3 font{ font-weight: bold; color: #ffeb46;}
.iphone_banner .mian .a1 p{ font-size: 30px; color: #cdcecf; text-align: left; line-height: 45px; margin-top: 30px; width: 732px;}
.iphone_banner .mian .a2 {  height: 600px;}
.iphone_banner .mian .a2 .icon_69{ position: absolute; bottom: -40px; left: 50%; width: 350px; margin-left: 200px;}
.iphone_banner .mian .a2 .icon_69 img{ width: 100%;}


/*建站优势+活动站定制*/
.iphone_mian .a1{ padding: 90px 0 0; background: #fff;}
.iphone_mian .a1 .tit h1{font-size: 40px; text-transform: uppercase; margin-bottom: 5px; text-align: center; font-weight: bold; color: rgba(0,0,0,0.08);}
.iphone_mian .a1 .tit h1 span{ color: rgba(0,0,0,0.15);}
.iphone_mian .a1 .tit h3{  font-size: 56px; color: #222; text-align: center; line-height: 1; letter-spacing: 6px;}
.iphone_mian .a1 .tit h3 span{ font-weight: bold;}
.iphone_mian .a1 .mian {margin-top: 50px;}
.iphone_mian .a1 .mian ul{ padding-bottom: 90px; }
.iphone_mian .a1 .mian ul li {  float: left; width: 33.33%; height: 568px; padding:50px; box-sizing: border-box; cursor: default;-webkit-transition: all .3s;transition: all .3s;}
.iphone_mian .a1 .mian ul li h4{ margin-bottom: 30px;font-size: 22px;font-weight: bold;position: relative; padding-bottom: 24px; transition: all .3s ease; }
.iphone_mian .a1 .mian ul li h4:after{ display: block; content: ""; width: 50px; height:2px; background: #3a3a3a; position: absolute; bottom: 0; left: 0; transition: all .3s ease; }
.iphone_mian .a1 .mian ul li p{font-size: 16px; color: #60646a; line-height: 26px; margin-bottom: 13px;}
.iphone_mian .a1 .mian ul li.b1{ background:#fbfbfb url(../images/sjwz_icon_66.png) no-repeat bottom right;}
.iphone_mian .a1 .mian ul li.b2{ background:#fbfbfb url(../images/sjwz_icon_67.png) no-repeat bottom right;}
.iphone_mian .a1 .mian ul li.b3{ background:#fbfbfb url(../images/sjwz_icon_68.png) no-repeat bottom right;}
.iphone_mian .a1 .mian ul li.on{ background-color: #fff;}
.iphone_mian .a1 .mian ul li:hover h4{ color: #216ec1;}
.iphone_mian .a1 .mian ul li:hover h4:after{ background: #216ec1;}

.iphone_mian .a2{ background: #f8f8f8; padding: 90px 0;}
.iphone_mian .a2 .tit h1{font-size: 40px; text-transform: uppercase; margin-bottom: 5px; text-align: center; font-weight: bold; color: rgba(0,0,0,0.08);}
.iphone_mian .a2 .tit h1 span{ color: rgba(0,0,0,0.15);}
.iphone_mian .a2 .tit h3{   font-size: 56px; color: #222; text-align: center; line-height: 1; letter-spacing: 6px;}
.iphone_mian .a2 .tit h3 span{ font-weight: bold;}
.iphone_mian .a2 .tit h5{ font-size: 18px; color: #60646a; text-align: center; line-height: 65px;}
.iphone_mian .a2 .mian{ margin-top:50px;}
.iphone_mian .a2 .mian .wrap{ overflow: hidden;}
.iphone_mian .a2 .mian ul{ width:100%;}
.iphone_mian .a2 .mian ul li{ overflow: hidden; margin-right: 3%; padding:50px; float: left; width: 31.3%; height: 660px; background: #fff; box-sizing: border-box;transition: all .3s ease;}
.iphone_mian .a2 .mian ul li:hover{ background: #216ec1;}
.iphone_mian .a2 .mian ul li:nth-child(3n){ margin-right: 0%;}
.iphone_mian .a2 .mian ul li>h4{ margin-bottom: 30px; padding-bottom: 24px;  font-size: 26px; font-weight: bold; color: #3a3a3a; text-align: center; position: relative; transition: all .3s ease;}
.iphone_mian .a2 .mian ul li>h4:after{ display: block; content: ""; width: 50px; height:2px; background: #3a3a3a; position: absolute; bottom: 0; left: 50%; margin-left: -25px; transition: all .3s ease; }
.iphone_mian .a2 .mian ul li:hover>h4{ color: #fff; }
.iphone_mian .a2 .mian ul li:hover>h4:after{background: #fff; }
.iphone_mian .a2 .mian ul li.i-1 p{ width: 100%;}
.iphone_mian .a2 .mian ul li.i-1 p span{ float: left; width: 50%; margin-bottom: 7px;}
.iphone_mian .a2 .mian ul li.i-1 p span font{ display: block; font-size: 16px; color: #60646a; text-align: center; line-height: 48px; font-weight: bold; transition: all .3s ease;}
.iphone_mian .a2 .mian ul li:hover.i-1 p span font{ color: #fff; }
.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; margin: auto;background-color: #3a3a3a; background-repeat: no-repeat; background-position: center; transition: all .3s ease;}
.iphone_mian .a2 .mian ul li:hover.i-1 p span i{ border:2px solid #fff; background-color: #216ec1;}
.iphone_mian .a2 .mian ul li.i-1 p span.b1 i{ background-image:url(../images/sjwz_icon_104.png);}
.iphone_mian .a2 .mian ul li.i-1 p span.b2 i{ background-image:url(../images/sjwz_icon_105.png);}
.iphone_mian .a2 .mian ul li.i-1 p span.b3 i{ background-image:url(../images/sjwz_icon_106.png);}
.iphone_mian .a2 .mian ul li.i-1 p span.b4 i{ background-image:url(../images/sjwz_icon_107.png);}
.iphone_mian .a2 .mian ul li.i-2 p{ width: 100%;}
.iphone_mian .a2 .mian ul li.i-2 p span{ float: left; width: 50%;margin-bottom: 7px;}
.iphone_mian .a2 .mian ul li.i-2 p span font{ display: block; font-size: 16px; color: #60646a; text-align: center; line-height: 42px; font-weight: bold; transition: all .3s ease;}
.iphone_mian .a2 .mian ul li:hover.i-2 p span font{color: #fff; }
.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; margin: auto;background-color: #3a3a3a; background-repeat: no-repeat; background-position: center; transition: all .3s ease;}
.iphone_mian .a2 .mian ul li:hover.i-2 p span i{ border:2px solid #fff; background-color: #216ec1;}
.iphone_mian .a2 .mian ul li.i-2 p span.b1 i{ background-image: url(../images/sjwz_icon_108.png);}
.iphone_mian .a2 .mian ul li.i-2 p span.b2 i{ background-image: url(../images/sjwz_icon_109.png);}
.iphone_mian .a2 .mian ul li.i-2 p span.b3 i{ background-image: url(../images/sjwz_icon_110.png);}
.iphone_mian .a2 .mian ul li.i-2 p span.b4 i{ background-image: url(../images/sjwz_icon_111.png);}
.iphone_mian .a2 .mian ul li.i-2 p span.b5 i{ background-image: url(../images/sjwz_icon_112.png);}
.iphone_mian .a2 .mian ul li.i-3 p{ margin-bottom: 28px;}
.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;background-color: #3a3a3a; background-repeat: no-repeat; background-position: center; transition: all .3s ease;}
.iphone_mian .a2 .mian ul li:hover.i-3 p span{  border:2px solid #fff; background-color: #216ec1;}
.iphone_mian .a2 .mian ul li.i-3 p.b1 span{ background-image: url(../images/sjwz_icon_113.png);}
.iphone_mian .a2 .mian ul li.i-3 p.b2 span{ background-image: url(../images/sjwz_icon_114.png);}
.iphone_mian .a2 .mian ul li.i-3 p.b3 span{ background-image: url(../images/sjwz_icon_115.png);}
.iphone_mian .a2 .mian ul li.i-3 p font{ width: calc(100% - 143px); margin-left: 30px; padding-top: 30px; font-size: 16px; color: #60646a;  line-height: 24px; font-weight: bold;transition: all .3s ease;}
.iphone_mian .a2 .mian ul li:hover.i-3 p font{color: #fff; }


/*解决方案+开发案例+开发优势+开发流程*/
.sub_exploit { overflow: hidden;}

.sub_exploit .a4{ padding: 90px 0;}
.sub_exploit .a4 .wrap{ position: relative; }
.sub_exploit .a4 .bg {display: none;}
.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-bottom: 50px;}

.sub_exploit .a4 .tit h1{font-size: 40px; text-transform: uppercase; margin-bottom: 5px; text-align: center; font-weight: bold; color: rgba(0,0,0,0.08);}
.sub_exploit .a4 .tit h1 span{ color: rgba(0,0,0,0.15);}
.sub_exploit .a4 .tit h3{ font-size: 56px; color: #222; text-align: center; line-height: 1; letter-spacing: 6px;}
.sub_exploit .a4 .tit h3 span{ font-weight: bold;}
.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: 100%;}
.sub_exploit .a4 .mian ul li{ float: left; width: 18.4%; height: 173px; margin-right: 2%; margin-top: 10px; margin-bottom: 10px; border-radius: 20px; background: #3a3a3a;-webkit-transition: all .4s; transition: all .4s;}
.sub_exploit .a4 .mian ul li:nth-child(5n){margin-right: 0; }
/*.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: 124px; padding:40px 0 20px;background-position: center; background-repeat: no-repeat;}
.sub_exploit .a4 .mian ul li a p{ /*padding-left: 30px;*/ font-size: 18px; font-weight: bold;color: #fff; text-align: center; }
.sub_exploit .a4 .mian ul li:hover a p{ color: #fff;}
.sub_exploit .a4 .mian ul li.ins_1 a h4{ background-image: url(../images/sjwz_ins_2.png);}
.sub_exploit .a4 .mian ul li.ins_2 a h4{ background-image: url(../images/sjwz_ins_4.png);}
.sub_exploit .a4 .mian ul li.ins_3 a h4{ background-image: url(../images/sjwz_ins_6.png);}
.sub_exploit .a4 .mian ul li.ins_4 a h4{ background-image: url(../images/sjwz_ins_8.png);}
.sub_exploit .a4 .mian ul li.ins_5 a h4{ background-image: url(../images/sjwz_ins_10.png);}
.sub_exploit .a4 .mian ul li.ins_6 a h4{ background-image: url(../images/sjwz_ins_12.png);}
.sub_exploit .a4 .mian ul li.ins_7 a h4{ background-image: url(../images/sjwz_ins_14.png);}
.sub_exploit .a4 .mian ul li.ins_8 a h4{ background-image: url(../images/sjwz_ins_16.png);}
.sub_exploit .a4 .mian ul li.ins_9 a h4{ background-image: url(../images/sjwz_ins_18.png);}
.sub_exploit .a4 .mian ul li.ins_10 a h4{ background-image: url(../images/sjwz_ins_20.png);}
.sub_exploit .a4 .mian ul li:hover{ background: #216ec1;transform: translateY(-4px);-webkit-transform: translateY(-4px);}

.sub_exploit .a5{}
.sub_exploit .a5 .tit {padding-bottom: 50px;}
.sub_exploit .a5 .tit h1{font-size: 40px; text-transform: uppercase; margin-bottom: 5px; text-align: center; font-weight: bold; color: rgba(0,0,0,0.08);}
.sub_exploit .a5 .tit h1 span{ color: rgba(0,0,0,0.15);}
.sub_exploit .a5 .tit h3{  font-size: 56px; color: #222; text-align: center; line-height: 1; letter-spacing: 6px;}
.sub_exploit .a5 .tit h3 span{ font-weight: bold;}
.sub_exploit .a5 .mian{ width: 100%; overflow: hidden; padding-bottom: 78px;}
.sub_exploit .a5 .mian ul{display: block; width: calc(100% - 14px); margin: auto; overflow: hidden;}
.sub_exploit .a5 .mian ul li{position: relative; width: 25%; padding: 0 7px; float: left; margin-bottom: 16px; overflow: hidden;}
.sub_exploit .a5 .mian ul li:last-child{margin-right:0}
.sub_exploit .a5 .mian ul li a{transform:scale(.5);-webkit-transform:scale(.5);opacity:0;filter:Alpha(opacity=0);transition:all .25s;-webkit-transition:all .25s; width: calc(100% - 40px); height: calc(100% - 40px);background:#000;left:20px;top:20px;position:absolute;text-align:center;color:#fff;font-size:20px;line-height:34px; font-weight: bold; }
.sub_exploit .a5 .mian ul li a p{ position: absolute; height: 68px; width: 100%; overflow: hidden; top: 50%; margin-top: -34px; text-align: center;}
.sub_exploit .a5 .mian ul li a p i{display:inline-block;width:16px;height:16px;background:url(../images/web/yxwzjs_we.png) no-repeat top center;}
.w_pic_wrap{padding-top:50px;}
.w_solutions .w_con a:hover{background:#0095E2}
.sub_exploit .a5 .mian ul li:hover a{transform:scale(1);-webkit-transform:scale(1);opacity:.8;filter:Alpha(opacity=80)}
.sub_exploit .a5 .mian ul li img{width:100%;}
.case-more a{ display: block;width:268px; height: 48px; line-height: 48px; text-align: center; margin: auto; margin-top: 20px; background: #383838; color: #fff; font-size: 22px; border-radius: 46px; transition: all .3s ease;}
.case-more:hover a{background: #222;}



.sub_exploit .a6{ height: 730px; background: #f8f8f8; overflow: hidden;}
.sub_exploit .a6 .wrap{ position: relative; height: 730px;}
.sub_exploit .a6 .bg .b1{ display: none; 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: -26px; background: url(../images/sjwz_icon_31.png) no-repeat bottom center; z-index: 999;}
.sub_exploit .a6 .bg .icon_32{ display: none;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{ display: none;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:90px; text-align: center;}
.sub_exploit .a6 .bg .b0 ul li div.btn>span{ display: inline-block; font-size: 22px; font-weight: bold; color: #3a3a3a; 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/sjwz_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: #216ec1;
 -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: 245px;top: 20px; z-index: 100;}
.sub_exploit .a6 .bg .b0 ul li.c2{ left: 441px;top: -64px;}
.sub_exploit .a6 .bg .b0 ul li.c3{ right: 411px;top: -24px;}
.sub_exploit .a6 .bg .b0 ul li.c4{ right: 201px;top: 22px;}
.sub_exploit .a6 .bg .b0 ul li .join_is{ position: absolute; bottom:57px;right: 50%; z-index: 99; width: 386px;margin-right:-193px; padding: 10px 30px; border-radius: 4px; background: #216ec1; box-sizing: border-box; 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: 16px; color: #fff; 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/sjwz_icon_43.png) no-repeat center;}
.sub_exploit .a6 .bg .b0 ul li.c2 em{  background: url(../images/sjwz_icon_44.png) no-repeat center;}
.sub_exploit .a6 .bg .b0 ul li.c3 em{  background: url(../images/sjwz_icon_45.png) no-repeat center;}
.sub_exploit .a6 .bg .b0 ul li.c4 em{ background: url(../images/sjwz_icon_46.png) no-repeat center;}
.sub_exploit .a6 .bg .b0 ul li.c1.on em{  background: url(../images/sjwz_icon_96.png) no-repeat center;}
.sub_exploit .a6 .bg .b0 ul li.c2.on em{  background: url(../images/sjwz_icon_97.png) no-repeat center;}
.sub_exploit .a6 .bg .b0 ul li.c3.on em{  background: url(../images/sjwz_icon_98.png) no-repeat center;}
.sub_exploit .a6 .bg .b0 ul li.c4.on em{  background: url(../images/sjwz_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 h1{font-size: 40px; text-transform: uppercase; margin-bottom: 5px; text-align: center; font-weight: bold; color: rgba(0,0,0,0.08);}
.sub_exploit .a6 .tit h1 span{ color: rgba(0,0,0,0.15);}
.sub_exploit .a6 .tit h3{  font-size: 56px; color: #222; text-align: center; line-height: 1; letter-spacing: 6px;}
.sub_exploit .a6 .tit h3 span{ font-weight: bold;}

.sub_exploit .a6.css3 .bg .icon_39{top: 0;opacity: 1; display: none;}
/*.sub_exploit .a6.css3 .bg .icon_31{margin-top: -75px; opacity: 1;}*/
.sub_exploit .a7{ height: 760px; background:#1d1d1d url(../images/sjwz_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: 90px; padding-bottom: 60px;}

.sub_exploit .a7 .tit h1{font-size: 40px; text-transform: uppercase; margin-bottom: 5px; text-align: center; font-weight: bold; color: rgba(255,255,255,0.1);}
.sub_exploit .a7 .tit h1 span{ color: rgba(255,255,255,0.18);}
.sub_exploit .a7 .tit h3{  font-size: 56px; color: #fff; text-align: center; line-height: 1; letter-spacing: 6px;}
.sub_exploit .a7 .tit h3 span{ font-weight: bold;}

.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:-17px 0 0 -612px; background: url(../images/sjwz_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: 56px; 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: 22px; font-weight: bold; color: #ffffff; line-height: 46px;}
.sub_exploit .a7 .mian ul li.aa .tc{position: absolute;top: 50%;left: 50%; z-index: 9; width: 268px; height: auto;margin: -70px 0 0 -140px; padding: 3px 5px; border-radius: 4px; 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/sjwz_icon_54.png) no-repeat center;}
.sub_exploit .a7 .mian ul li.aa .tc div.fl{ width: 63px; height: 63px; overflow: hidden; border-radius: 4px; background: #216ec1;}
.sub_exploit .a7 .mian ul li.aa .tc div.fl span{ display: block;font-size: 35px; color: #fff; 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: 9px; padding-right: 16px; font-size: 16px; color: #60646a; line-height: 22px;}
.sub_exploit .a7 .mian ul li.aa .tc div.fr p.san{ padding-top: 0; padding-right: 0; }
.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: -107px;left: 92px;}
.sub_exploit .a7 .mian ul li.b2{ top: -109px;left: 397px;}
.sub_exploit .a7 .mian ul li.b3{ top: -109px;left: 658px;}
.sub_exploit .a7 .mian ul li.b4{ top: -113px;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: 56px; color: #216ec1; 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: 22px; color: #3a3a3a; font-weight: bold;line-height: 46px;}
.sub_exploit .a7 .mian ul li.bb .tc{position: absolute;top: 50%;left: 50%; z-index: 9; width: 268px; height: auto;margin: 0 0 0 -140px; padding: 3px 5px; border-radius: 4px; background: #216ec1; box-sizing: border-box;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/sjwz_icon_91.png) no-repeat center;}
.sub_exploit .a7 .mian ul li.bb .tc div.fl{ width: 63px; height: 63px; overflow: hidden; border-radius:4px; background: #fff;}
.sub_exploit .a7 .mian ul li.bb .tc div.fl span{ display: block;font-size: 35px; color: #216ec1; 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:0; padding-right: 14px; font-size: 16px; color: #fff; line-height: 22px;}
.sub_exploit .a7 .mian ul li.bb .tc div.fr p.san{ padding-top: 0; padding-right: 0; }
.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:-60px;}
.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;}





/*-------------------------------移动应用-手机网站css开始--------------------------*/


/*-------------------------------移动应用-小程序css开始--------------------------*/

.p_t_b90{ padding:90px 0;}
.xcx_bg{ background:#fafafa;}

/*banner*/
.xcx_banner{ width:100%; position:relative; display:block; text-align:center; font-size: 0;}
.xcx_banner img{ text-align:center; margin:auto; max-width:100%; position:relative;}


/*tit*/

.da_tit{ margin-bottom: 50px;}
.da_tit h1{font-size: 40px; text-transform: uppercase; margin-bottom: 5px; text-align: center; font-weight: bold; color: rgba(0,0,0,0.08);}
.da_tit h1 span{ color: rgba(0,0,0,0.15);}
.da_tit h3{ font-size: 56px; color: #222; text-align: center; line-height: 1; letter-spacing: 6px;}
.da_tit h3 span{ font-weight: bold;}
.da_tit p{text-align: center; font-size: 20px; color: #666;  margin-top: 20px;}

.xiao_tit { position: relative; height: 30px; margin-bottom: 50px; background: url(../images/yingxiao/xiao_titi_xian.png) repeat-x;}
.xiao_tit h4 { font-size: 30px; color: #111111; line-height: 1; text-align: center; background: #fff; padding: 0 20px; z-index: 99; margin: auto; display: block;}

h1.color_bai{ color:rgba(255,255,255,0.1)!important;}
span.color_bai{ color:rgba(255,255,255,0.18)!important;}
p.color_bai{ color:rgba(255,255,255,0.8)!important }


/*核心功能*/
.core-function{ text-align: center; margin-top: 50px; }
.core-function a{ margin-bottom: 20px; display: block;}
.core-function span{  width:25%;  position: relative; float: left;}
.core-function-img-hover{ position: absolute; left: 5.5px; top: 0; display: none; }
.core-function-hover { position: relative; padding: 0 10px; font-size: 0;}
.core-function-hover img { width: 100%;}
.core-function-hover .core_txt{ margin:20px; position: absolute; top: -5px; width: calc(100% - 60px); height: calc(100% - 40px); transition: all .3s ease; }
.core-function-hover:hover .core_txt{ background: rgba(39, 141, 251, 0.6);top: 0;}
.core-function-hover:hover .core-function-title-one{ margin-top: 8%;} 
.core-function-hover:hover .core-function-title-two{display:block;color: rgba(255,255,255,1);} 
.core-function-title-one{ color: #fff; font-size: 28px; text-align: center; height: 50px; line-height: 50px; margin-top:11%; font-weight: bold; transition: all .3s ease;  }
.core-function-title-two{ color: rgba(255,255,255,0.5);font-size: 16px;  transition: all .3s ease; text-align: center; height: 24px; overflow: hidden;margin-top: 10px;}
.function-identity { text-align: center; }
.fun-identity { display: inline-block; margin: 10px; background-color: #fff; width: 300px; padding: 30px 0; height: 200px; vertical-align: top; border: 1px solid #e8e8e8; }
.fun-identity img{ width: 78px; }
.fun-title { font-size: 20px; padding: 15px; font-weight: 400; }


/*核心场景*/
.app-scene{ margin: 0 auto; width: 100%;  }
.app-scene span{ float: left;width: 20%; text-align: center; }
.app-scene i{ font-size: 80px; display: block; text-align: center; color: #3a3a3a; }
.app-scene p{ text-align: center; height: 40px; line-height: 40px; font-size: 22px; color: #3a3a3a; font-weight: bold;}
.app-context { height: 254px; width: 940px; margin: 0 auto; }
.app-context > div{ position: relative; width: 470px; float: left; }
.app-context img { display: block; width: 470px; }
.app-context .app-content { text-align: center; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.5); color: #fff; width: 386px; height: 174px; }
.app-content .app-title { font-size: 20px; padding: 5px 0; font-weight: 400; }

.m_b40{ margin-bottom:40px;}


/*开发流程*/
.develop-step-content { font-size: 18px; line-height: 70px; width: 100%; text-align: center;}
.develop-first-step, .develop-second-step, .develop-third-step, .develop-firth-step { display: inline-block; color: rgba(89, 96, 123, 1); font-size: 22px; }
.develop-first-step::before, .develop-second-step::before, .develop-third-step::before, .develop-firth-step::before { display: inline-block; width: 70px; height: 70px; line-height: 70px; font-size: 36px; background: #3a3a3a; color: #fff; text-align: center; border:#3a3a3a; border-radius: 16px; margin-right: 14px; }
.develop-first-step::before { content: '1'; }
.develop-second-step::before { content: '2'; }
.develop-third-step::before { content: '3'; }
.develop-firth-step::before { content: '4'; }
.develop-first-step::after, .develop-second-step::after, .develop-third-step::after { content: ''; display: inline-block; width: 80px; height: 0; vertical-align: middle; border-bottom: 1px solid rgba(213, 213, 222, 1); margin: 0 17px 0 19px; }


/*案例*/
.preview-section { position: relative; height: 356px; background-color: #999D9E; }
.preview-bg-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
.preview-bg-box img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; }
.preview-bg-box img.active { opacity: 1; }
.preview-content { position: relative; margin: 0 auto; width: 100%; height: 100%; }
.preview-left-content { padding-top: 84px; width: 770px; margin: 0 auto; }
.preview-title { padding-left: 24px; padding-bottom: 25px; font-size: 30px; line-height: 30px; text-align: center; color: #fff; }
.preview-description { padding-left: 24px; padding-bottom: 94px; font-size: 18px; line-height: 18px; text-align: center; color: #fff; }
.preview-left-content-main { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -153px; overflow: hidden; }
.preview-left-content-main .preview-nav-list { width: 131px; height: 520px; border-right: 1px solid #216ec1; }
.preview-nav-list .top-nav { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 20px; border: 1px solid #fff; border-radius: 2px; }
.preview-nav-list .top-nav a { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; font-size: 16px; line-height: 35px; color: #fff; }
.preview-nav-list .top-nav a.active { background-color: rgba(255, 255, 255, 0.5); }
.preview-nav-list .top-nav .center-border { width: 1px; height: 35px; background-color: #fff; }
.preview-nav-list .nav-list-area { position: relative; height: 463px;  }
.preview-nav-list .nav-list-area>div.nav-list-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 463px; overflow: hidden; }
div.nav-list-wrap>ul { width: 170px; height: 470px; overflow-x: hidden; overflow-y: auto; }
.preview-nav-list .nav-list-area li { margin-bottom: 6px; width: 131px; height: 46px; line-height: 46px; font-size: 22px; font-weight: bold;border-radius: 50px 0 0 50px; text-align: center; }
.preview-nav-list .nav-list-area a { display: block; height: 100%; color: #fff; text-align: center; }
.preview-nav-list .nav-list-area li.active,.preview-nav-list .nav-list-area li.on { background-color: #216ec1; }
.preview-detail { padding-left: 56px; width: 532px; height: 100%; }
.preview-detail-list { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 37px; }
.preview-detail-item { padding-top: 20px; margin-right: 20px; }
.preview-detail-item-img { padding: 19px; border: 1px solid #b9babe; background-color: rgba(255, 255, 255, 0.1); }
.preview-detail-item.active .preview-detail-item-img { background-color: rgba(255, 255, 255, 0.3); }
.preview-detail-item-img img { width: 110px; height: 110px; }
.preview-detail-item-name { padding: 20px 0; height: 20px; width: 150px; font-size: 16px; text-align: center; color: #fff; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.preview-detail-intro-title { padding-top: 30px; padding-bottom: 22px; font-size: 24px; color: #fff; }
.webapp-list-item-content-list { display: none; }
.webapp-list-item-content-list.active { display: block; }
.preview-detail-intro-content { display: none; font-size: 14px; line-height: 30px; color: #fff; }
.preview-detail-intro-content.active { display: block; }
.webapp-more-preview{ display: none; }
.webapp-more-preview.active{ display: block; }
.more-preview-case { display: block; width: 118px; height: 38px; margin-top: 30px; border: 1px solid #fff; border-radius: 2px; line-height: 38px; text-align: center; color: #fff; }
.more-preview-case:hover { background-color: #3091f2; border-color: #3091f2; }



.preview-btn { position: absolute; top: 250px; left: 420px; display: none; width: 34px; z-index: 1; }
.preview-btn p { padding: 10px 0; width: 100%; text-align: center; font-size: 18px; -webkit-box-shadow: 2px 2px 2px 0 #5f5f5f; box-shadow: 2px 2px 2px 0 #5f5f5f; border-radius: 5px; background-color: #7C98EF; color: #fff; cursor: pointer; }
.preview-btn .page-down { margin-top: 160px; }
.webapp-list-item,.weiye-list-item { display: none; }
.webapp-list-item.active,.weiye-list-item.active {display: block; }



/*文章*/

.hot-article-more { display: block; width: 268px; height: 48px; line-height: 48px; text-align: center; margin: auto; margin-top: 20px; background: #383838; color: #fff; font-size: 22px; border-radius: 46px; transition: all .3s ease; }
.hot-article-more:hover { background: #222; color: #fff; }
.hot-article-list { overflow: hidden; margin: 0 auto; }
.hot-article-list li:nth-child(3n){ margin-right:0px;}
.hot-article-list-item { width: 31.3%; margin-right: 3%; padding-bottom: 41px; float: left; }
.hot-article-list-item .item-img { width: 100%; position: relative; font-size: 0; }
.hot-article-list-item .item-img img{ width: 100%; }
.hot-article-list-item .item-img .item-title{ position: absolute; width: 100%; height: 40px; padding: 0 20px; background-color: rgba(0,0,0,0.4); font-size: 14px; color: #fff; line-height: 40px; bottom: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hot-article-list-item .item-intro{ position: relative; margin-top: 13px; line-height: 24px; font-size: 16px; color: rgba(48, 52, 69, 1); height: 48px; overflow: hidden; }


/*用户logo*/
.case-logo-body{ display: block; width: 85%; min-width: 1010px; margin: 0 auto;overflow: hidden; }
.case-logo-body ul{ display: block;}
.case-logo-body li{ position: relative;display: block; width: 16.8%; margin: 0 2% 22px 2%; float: left; }
.case-logo-body li:first-child,.case-logo-body li:nth-child(6n){ margin-left: 0; }
.case-logo-body li:last-child,.case-logo-body li:nth-child(5n){ margin-right: 0; }
.case-logo-body li:nth-last-child(1),.case-logo-body li:nth-last-child(2),.case-logo-body li:nth-last-child(3),.case-logo-body li:nth-last-child(4),.case-logo-body li:nth-last-child(5){ margin-bottom: 0; }
.case-logo-body li .pic{ display: block; overflow: hidden; position: relative; }
.case-logo-body li .pic img{ display: block; width: 100%; height: auto; -webkit-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; transform-origin:50% 50%; }
.case-logo-body li:hover .pic img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }



/*-------------------------------移动应用-小程序css结束--------------------------*/




/*----------------------wap---------------------*/
.sub_exploit .a6 .wrap .bg{ display: block;}
.sub_exploit .a6 .wrap .wap_bg{ display: none;}

.sub_exploit .a7 .wrap .bg{ display: block;}
.sub_exploit .a7 .wrap .wap_bg{ display: none;}


.sub_exploit .a6 .wrap .wap_bg{ width:100%;}
.sub_exploit .a6 .wrap .wap_bg li{ width:100%; margin-bottom: 20px; list-style-type:none;}
.sub_exploit .a6 .wrap .wap_bg li h4 { width: 100%; margin-bottom: 10px; font-size: 16px; font-weight: bold; height: 40px; line-height: 52px; }
.sub_exploit .a6 .wrap .wap_bg li h4 i{ display: block; width: 40px; height: 40px; float: left;  }
.sub_exploit .a6 .wrap .wap_bg li h4 i.ys_icon1{ background: url(../images/sjwz_icon_43.png) no-repeat center;background-size: auto 100%;}
.sub_exploit .a6 .wrap .wap_bg li h4 i.ys_icon2{ background: url(../images/sjwz_icon_44.png) no-repeat center;background-size: auto 100%;}
.sub_exploit .a6 .wrap .wap_bg li h4 i.ys_icon3{ background: url(../images/sjwz_icon_45.png) no-repeat center;background-size: auto 100%;}
.sub_exploit .a6 .wrap .wap_bg li h4 i.ys_icon4{ background: url(../images/sjwz_icon_46.png) no-repeat center;background-size: auto 100%;}
.sub_exploit .a6 .wrap .wap_bg li p{ font-size: 14px; line-height: 20px; color: #666; margin-left: 40px;}


.sub_exploit .a7 .wrap .wap_bg{ width:100%; overflow: hidden;}
.sub_exploit .a7 .wrap .wap_bg li{ width:44%; float: left; margin:0 3% 30px 3%;  list-style-type:none;}
.sub_exploit .a7 .wrap .wap_bg li h4 { width: 100%; font-size: 16px; font-weight: bold;  line-height:40px; color: #fff; text-align: center;}
.sub_exploit .a7 .wrap .wap_bg li h4 i{ display: block; width: 100%; height: 40px; text-align: center;font-size: 40px;  }
.sub_exploit .a7 .wrap .wap_bg li p{ font-size: 14px; line-height: 20px; text-align: center; color: #ccc; height: 60px; overflow: hidden;}





@media screen and (min-width: 1000px) {
	
}


@media screen and (max-width: 1280px) {
/*	手机网站*/
	.iphone_banner .mian .a1{left: 50%;}
	.iphone_banner .mian .a2 .icon_69{margin-left: 154px;}

	.iphone_mian .a1 .mian ul li { height: 510px; padding: 34px; }
	.iphone_mian .a1 .mian ul li p { font-size: 15px; line-height: 24px; margin-bottom: 10px; }
	
	.iphone_mian .a2 .mian ul li{  padding:20px; height:600px;}
	
	
	.develop-first-step, .develop-second-step, .develop-third-step, .develop-firth-step { font-size: 18px; }
	.develop-first-step::before, .develop-second-step::before, .develop-third-step::before, .develop-firth-step::before { width: 52px; height: 52px; line-height: 52px; font-size: 20px; margin-right: 4px;}
	.develop-first-step::after, .develop-second-step::after, .develop-third-step::after { width: 30px; margin: 0 3px;}
	

}


@media screen and (max-width: 1000px) {
	.sub_exploit .a6 .wrap .bg{ display: none;}
	.sub_exploit .a6 .wrap .wap_bg{ display: block;}

	.sub_exploit .a7 .wrap .bg{ display: none;}
	.sub_exploit .a7.css3 .mian{ display: none;}
	.sub_exploit .a7 .wrap .wap_bg{ display: block;}

	
	.wrap { width: 96%; min-width: 96%;}
	
	.iphone_banner .mian .a1 { left: 0; margin-left: 0; margin-top: 150px;width: 100%; }
	.iphone_banner .mian .a1 h3 { font-size: 24px; text-align: center;line-height: 40px;}
	.iphone_banner .mian .a1 p { font-size: 16px; text-align: center; line-height: 26px; margin-top:20px; width: 100%; }
	.iphone_banner .mian .a2 .icon_69 { bottom: -20px; width: 240px; margin-left: -120px; }
	
	.iphone_mian .a1 { padding: 50px 0 0;}
	.iphone_mian .a2,.sub_exploit .a4{ padding:50px 0;}
	
	.iphone_mian .a1 .tit h3,.iphone_mian .a2 .tit h3,.sub_exploit .a4 .tit h3,.sub_exploit .a5 .tit h3,.sub_exploit .a6 .tit h3,.sub_exploit .a7 .tit h3 { font-size: 24px; letter-spacing: 0; }
	.iphone_mian .a1 .tit h1,.iphone_mian .a2 .tit h1,.sub_exploit .a4 .tit h1,.sub_exploit .a5 .tit h1,.sub_exploit .a6 .tit h1,.sub_exploit .a7 .tit h1 { font-size: 20px;}
	.iphone_mian .a2 .tit h5 { font-size: 14px; line-height: 20px; margin-top: 10px; }
	
	.iphone_mian .a1 .mian,.iphone_mian .a2 .mian{ margin-top: 30px;} 
	.iphone_mian .a1 .mian ul { padding-bottom: 50px; }
	.iphone_mian .a1 .mian ul li { float: none; width: 100%; height: auto; padding: 20px;}
	.iphone_mian .a1 .mian ul li.b1 { background: #fbfbfb; }
	.iphone_mian .a1 .mian ul li.b2 { background: #fff; }
	.iphone_mian .a1 .mian ul li.b3 { background: #fbfbfb; }
	.iphone_mian .a1 .mian ul li h4 { margin-bottom: 10px; font-size: 18px; padding-bottom: 0; }
	.iphone_mian .a1 .mian ul li p { font-size: 14px; line-height: 20px; }
	.iphone_mian .a1 .mian ul li p:last-child { margin-bottom: 0;}
	.iphone_mian .a1 .mian ul li h4:after { display: none;}
	
	
	.iphone_mian .a2 .mian ul li { padding: 20px 10px; height: auto; width: 100%; margin-right: 0; margin-bottom: 20px; }
	.iphone_mian .a2 .mian ul li>h4 { margin-bottom: 10px; padding-bottom: 10px; font-size: 18px;}
	.iphone_mian .a2 .mian ul li.i-1 p span { width: 25%;margin-bottom: 0;}
	.iphone_mian .a2 .mian ul li.i-1 p span i { width: 60px; height: 60px; background-size: 61%;}
	.iphone_mian .a2 .mian ul li.i-1 p span font,.iphone_mian .a2 .mian ul li.i-2 p span font { font-size: 14px; line-height: 28px;}
	
	.iphone_mian .a2 .mian ul li.i-2 p span { width: 33.33%;}
	.iphone_mian .a2 .mian ul li.i-2 p span:nth-last-child(1),.iphone_mian .a2 .mian ul li.i-2 p span:nth-last-child(2){ margin-bottom: 0;}
	.iphone_mian .a2 .mian ul li.i-2 p span i { width: 60px; height: 60px; background-size: 42%;}
	
	.iphone_mian .a2 .mian ul li.i-3 p span { width: 60px; height: 60px; background-size: 46%;}
	.iphone_mian .a2 .mian ul li.i-3 p.b2 span{ background-size:30%;}
	.iphone_mian .a2 .mian ul li.i-3 p font { width: calc(100% - 70px); margin-left: 10px; padding-top: 17px; font-size: 14px;}
	
	.iphone_mian .a2 .mian ul li:nth-child(3n){ margin-bottom:0;}
	.iphone_mian .a2 .mian ul li.i-3 p.b3{ margin-bottom: 0;}
	
	
	.sub_exploit .a4 .tit { padding-bottom: 30px; }
	.sub_exploit .a4 .mian ul li { width: 49%; height: 60px; margin-right: 2%; margin-top: 0;}
	.sub_exploit .a4 .mian ul li:nth-child(2n) {margin-right: 0; }
	.sub_exploit .a4 .mian ul li:nth-last-child(1),.sub_exploit .a4 .mian ul li:nth-last-child(2) {margin-bottom: 0; }
	.sub_exploit .a4 .mian ul li:nth-child(5) {margin-right:2%; }
	
	.sub_exploit .a4 .mian ul li a h4 { width: 50px; height: 60px; float: left; padding: 0; background-size: 90%; margin-left: 4px;}
	.sub_exploit .a4 .mian ul li a p { padding-left: 4px; font-size: 14px; text-align: left; float: left; height: 60px; line-height: 60px; }
	
	.sub_exploit .a5 .mian ul li { width: 50%;}
	
	.sub_exploit .a5 .tit { padding-bottom: 30px; }
	.case-more a { width: 160px; height: 38px; line-height: 38px; font-size: 16px; }
	
	.sub_exploit .a6 { height: auto; padding-bottom: 40px;}
	.sub_exploit .a6 .tit { padding-top: 50px; padding-bottom: 20px; }
	.sub_exploit .a6 .wrap{ height:auto;}
	
	.sub_exploit .a7,.sub_exploit .a7 .wrap { height: auto;}
	.sub_exploit .a7 .tit {padding-top: 50px; padding-bottom: 30px;}
	.sub_exploit .a7{ background: #3a3a3a;}
	
	
	
	.xcx_banner{overflow: hidden; margin-top: 50px;}
	.xcx_banner img{max-width: 150%; left: -22%;}
	
	
	.p_t_b90 { padding: 50px 0; }

	.da_tit { margin-bottom: 30px; }
	.da_tit h3 { font-size: 24px; letter-spacing: 0; }
	.da_tit h1 { font-size: 20px;}
	.da_tit p { font-size: 14px; margin-top: 10px; }
	
	.core-function { margin-top: 30px; }
	.core-function span { width: 50%;}
	.core-function-hover { padding: 0 3px;}
	.core-function a { margin-bottom: 8px;}
	
	.core-function-hover .core_txt { margin: 10px; top: 0; width: calc(100% - 27px); height: calc(100% - 20px); }
	.core-function-title-one { font-size: 18px; height: 40px; line-height: 40px; margin-top: 8%; }
	
	.core-function-title-two { font-size: 14px; height: 24px; margin-top: 0; }
	
	
	.hot-article-list-item { width: 100%; margin-right: 0;}
	
	.case-logo-body { width: 96%; min-width: 96%;}
	
	.case-logo-body li { width: 30%; margin-left: 0; margin-right: 3%;margin-bottom:10px;}
	.case-logo-body li:nth-child(3n) { margin-right: 0; margin-left: 0;}
	.case-logo-body li:nth-child(5n) { margin-right: 0; margin-right: 3%;}
	.case-logo-body li:last-child {  display: none;}
	
	.case-logo-body li:nth-last-child(1), .case-logo-body li:nth-last-child(2), .case-logo-body li:nth-last-child(3), .case-logo-body li:nth-last-child(4), .case-logo-body li:nth-last-child(5) { margin-bottom:10px; }
	
	.app-scene span{ width:100%;}
	.app-hx-box{ width: 50%; float: left;}
	.app-scene i { font-size: 50px; margin-bottom: 10px; }
	.app-scene p { height: 20px; line-height: 20px; font-size: 18px;}
	
	.m_b40 { margin-bottom: 30px; }
	
	.develop-step-content { text-align: left; }
	
	.preview-left-content { padding-top:50px; width: 96%;}
	.preview-left-content-main { margin-left: 0; display: block;}
	.preview-left-content-main .preview-nav-list { width: 100%; height: auto; border-right: 0; margin-bottom: 20px; }
	.preview-nav-list .nav-list-area { height: auto; }
	.preview-nav-list .nav-list-area>div.nav-list-wrap { position: relative; height: auto;}
	div.nav-list-wrap>ul { width: 100%; height: auto; text-align: center;}
	.preview-nav-list .nav-list-area li { margin-bottom: 0; width: auto; height: 30px; border-radius: 20px; line-height: 30px; font-size: 15px; padding: 0 20px; display: inline-block; }
	.preview-detail { padding-left: 0; width: 100%; height: 100%; }
	.preview-detail-list { padding-top: 0; }
	
	.preview-bg-box img { width: auto;}
	.preview-detail-item-img { padding: 4px;font-size: 0;}
	.preview-detail-item-img img { width: 100%; height: auto; }
	.preview-detail-list a{ display:block; float: left; width: 33.33%; padding: 5px;}
	.preview-detail-item { padding-top: 0; margin-right: 0; }
	
	.preview-detail-intro-title { padding-top: 20px; padding-bottom: 10px; font-size: 20px; text-align: center;}
	.preview-detail-intro-content { font-size: 14px; line-height: 20px; color: rgba(255, 255, 255, 0.72); text-align: center;}
	
	.more-preview-case { margin: auto; margin-top: 20px;}
	
	.preview-section { height: auto; padding-bottom: 50px; }
	
	.preview-detail-item-name { padding: 0; margin-top: 10px; font-size: 14px; text-align: center; }
	
}