@charset "utf-8";
*{margin: 0;padding: 0}
a:hover{text-decoration: none}
li{list-style: none}
.fl{float: left}
.fr{float: right}
.app{background:url(../imges/app.jpg) no-repeat center;background-size: cover}

.app::before{
	content:"";  display: table;
	background:url(../imges/app.jpg) no-repeat center;background-size: cover;
	opacity:0.3;
	filter:"alpha(opacity=3)";
	-ms-filter:"alpha(opacity=3)";
}
.headM.yon::before{transform: scale(1,1);}

nav  .carousel-inner-fdc .banner{color: #FFFFFF; line-height:180%; font-size:34px;font-family: 'HanHei-SC';}
nav .carousel-inner-fdc .xcx {text-align:center}
/*.xcxbanner{font-size:14px; font-family: "微软雅黑";line-height:100%; padding:60px 0px 0px}
.xcxbanner h3{font-size:52px}*/
nav .carousel-inner-fdc .banner span{color: #FFFFFF;font-family: '微软雅黑'; font-size:20px;}
.appban{overflow: hidden}
.appl{overflow: hidden}
.appl img{max-width: 80%}
.appr p{font-size: 22px;line-height: 34px;position: relative;padding-left: 20px;margin-bottom: 5%}
.appr p:before{content: '';position: absolute;top: 14px;left: 0;width: 10px;height: 10px;border-radius: 50%;background-color: #73ecf1;}
.appr ul{overflow: hidden;margin: 10% 0}
.appr ul li{float: left;width: 50%;text-align: center}

.wzfw{padding: 0;padding-top: 40px;overflow: hidden}
.wzfw h2{margin: 0}

.appa{overflow: hidden;margin-top: 10px}
.appa ul li{ height:352px;  margin-bottom:20px;  position:relative;  cursor:pointer;  }
.appa ul li .box{ width: 100%;  height:329px;  position:absolute;  bottom:0px;  left:0px;  -webkit-transition: all .5s;  -moz-transition: all .5s;  -ms-transition: all .5s;  -o-transition: all .5s;  transition: all .5s;  transition:height .5s;  -moz-transition:height .5s;  -webkit-transition:height .5s;  -o-transition:height .5s;  -ms-transition:height .5s;  }
.appa ul li .box dl{ margin: 0 15px;  padding: 0 15px;  height:100%;  border:1px solid #057DCF;  border-top:4px solid #057DCF;  border-radius:10px 10px 0px 0px;  box-shadow:0px 0px 10px #e6e9ed;  -webkit-transition: all .5s;  -moz-transition: all .5s;  -ms-transition: all .5s;  -o-transition: all .5s;  transition: all .5s;  transition:height .5s;  -moz-transition:height .5s;  -webkit-transition:height .5s;  -o-transition:height .5s;  -ms-transition:height .5s;  }
.appa ul li .box:hover{ height:347px;  border-color:#057DCF;  }
.appa ul li .box:hover dl{ border-color:#057DCF;  }
.appa ul li .box .icon{ width:100px;  height:100px;  background-color:#f1f4f6;  border-radius:50px;  margin:0px auto;  margin-top:25px;  background-position:center;  background-repeat:no-repeat;  }
.appa ul li .box .title{ line-height:60px;  text-align:center;  margin:0px auto;  font-size:20px;  font-weight:bold;  color:#057DCF;  }
.appa ul li .box .con{ height:69px;  line-height:23px;  overflow:hidden;  text-align:center;  font-size:14px;  color:#656565;  margin:0px auto;  margin-bottom:15px;  }
.appa ul li .box .price{ height:36px;  line-height:36px;  text-align:center;  font-size:12px;  color:#ff6d00;  margin:0px auto;  }
.appa ul li .box .price span{ font-size:30px;  font-weight:bold;  }
.appa ul li .box .consult{ display:none;  position:absolute;  bottom:-18px;  left:0;right: 0;margin: auto;  width:132px;  height:38px;  background-color:#057DCF;  color:#ffffff;  text-align:center;  line-height:38px;  border-radius:38px;  -webkit-transition: all .5s;  -moz-transition: all .5s;  -ms-transition: all .5s;  -o-transition: all .5s;  transition: all .5s;  }
.appa ul li .box .consult img{ vertical-align:middle;  margin-right:10px;  }
.appa ul li .box:hover .consult{ display:block;  }

/*APP开发*/
.appd{height: 600px; background:#38DEEC url(../imges/icon_51.png) no-repeat top center;overflow: hidden;margin-top: 40px}
.appd .wrap{position: relative; height: 730px;}
.appd .tit {position: relative;z-index: 100; padding-top: 30px; padding-bottom: 60px;}
.appd .tit h3{height: 76px; background: url(../imges/icon_11.png) no-repeat bottom center; font-size: 36px; font-weight: bold; color: #fff; text-align: center; line-height: 76px;}
.appd .tit span{margin-left: 450px;position: relative;height: 76px; background: url(../imges/icon_11.png) no-repeat bottom center; font-size: 36px; font-weight: bold; color: #fff; text-align: center; line-height: 76px;}
.appd .bg .icon_52{position: absolute;left: 50%;bottom: -639px; width: 1920px; height: 539px; margin-left: -960px;-webkit-transition: all .2s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s;}
.appd .mian{position: absolute;top: 50%;left: 50%; width: 0; height: 84px; margin:-77px 0 0 -612px; background: url(../imges/icon_53.png) no-repeat left center;-webkit-transition: width 4s;transition: width 4s;}
.appd .mian ul li{position: absolute; cursor: pointer;}
.appd .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;}
.appd .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);}
.appd .mian ul li.aa .gd span{display: block; font-size: 15px; color: #ffffff; line-height: 25px;}
.appd .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);}
.appd .mian ul li.aa .tc:before{position: absolute;top: 100%;left: 50%; content:' '; width: 17px; height: 5px; margin-left: -3px; background: url(../imges/icon_54.png) no-repeat center;}
.appd .mian ul li.aa .tc div.fl{width: 63px; height: 63px; overflow: hidden; border-radius: 50%; background: #f2f2f2;}
.appd .mian ul li.aa .tc div.fl span{display: block;font-size: 35px; color: #2bb0ea; text-align: center; line-height: 63px;}
.appd .mian ul li.aa .tc div.fr {width: 180px;}
.appd .mian ul li.aa .tc div.fr p{padding-top: 15px; padding-right: 20px; font-size: 14px; color: #60646a; line-height: 18px;}
.appd .mian ul li.aa .tc div.fr p.san{padding-top: 4px; padding-right: 12px; }
.appd .mian ul li.aa.on .gd i{opacity: 0;-webkit-transform: translateY(-10px);transform: translateY(-10px);}
.appd.css3 .mian ul li.aa.on .tc{opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
.appd .mian ul li.b1{top: -85px;left: 92px;}
.appd .mian ul li.b2{top: -90px;left: 397px;}
.appd .mian ul li.b3{top: -90px;left: 658px;}
.appd .mian ul li.b4{top: -94px;left: 940px;}
.appd .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;}
.appd .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);}
.appd .mian ul li.bb .gd span{display: block; font-size: 15px; color: #60646a; line-height: 24px;}
.appd .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);}
.appd .mian ul li.bb .tc:before{position: absolute;bottom: 100%;left: 50%; content:' '; width: 17px; height: 5px; margin-left: -3px; background: url(../imges/icon_91.png) no-repeat center;}
.appd .mian ul li.bb .tc div.fl{width: 63px; height: 63px; overflow: hidden; border-radius: 50%; background: #f2f2f2;}
.appd .mian ul li.bb .tc div.fl span{display: block;font-size: 35px; color: #2bb0ea; text-align: center; line-height: 63px;}
.appd .mian ul li.bb .tc div.fr {width: 180px;}
.appd .mian ul li.bb .tc div.fr p{padding-top: 15px; padding-right: 20px; font-size: 14px; color: #60646a; line-height: 18px;}
.appd .mian ul li.bb .tc div.fr p.san{padding-top: 4px; padding-right: 12px; }
.appd .mian ul li.bb.on .gd i{opacity: 0;-webkit-transform: translateY(10px);transform: translateY(10px);}
.appd.css3 .mian ul li.bb.on .tc{opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
.appd .mian ul li.c1{top: 63px;left: 254px;}
.appd .mian ul li.c2{top: 65px;left: 528px;}
.appd .mian ul li.c3{top: 60px;left: 792px;}
.appd .mian ul li.c4{top: 57px;left: 1108px;}
.appd .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);}
.appd .mian ul li.aa:before{-webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0);}
.appd .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);}
.appd .mian ul li.bb:before{-webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0);}
.appd.css3 .bg .icon_52{bottom: 22px;}
.appd.css3 .mian{-webkit-animation: appkf7 3s ease 1s forwards;-o-animation: appkf7 3s ease 1s forwards;animation: appkf7 3s ease 1s forwards;}
.appd.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;}
.appd.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;}
.appd.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;}
.appd.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;}
.appd.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;}
.appd.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;}
.appd.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;}
.appd.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;}
.appd.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;}
.appd.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;}
.appd.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;}
.appd.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;}
.appd.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;}
.appd.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;}
.appd.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;}
.appd.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;}

.appdm{background:url(../imges/icon_51.png) no-repeat top center;margin-top: 30px;display: none;padding-bottom: 20px}
.appdm ul li{width: 33.3%;text-align: center;color: #fff;float: left;margin-top: 15px}
.appdm ul li i{font-size: 30px;}

.appe .wzfw{padding-top: 0}
.appe{height: 824px; background: #f1faff; overflow: hidden;}
.appe .wrap{position: relative; height: 824px;}
.appe .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;}
.appe .bg .icon_31{position: absolute;left: 50%;top: 50%; width: 1207px; height: 391px; margin-left: -603px; margin-top: -75px; background: url(../imges/icon_31.png) no-repeat bottom center;}
.appe .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;}
.appe .bg .icon_34{position: absolute;left: 50%;top: 50%; width: 132px; height: 336px;}
.appe .bg .icon_34.l1{margin-left: -800px; margin-top: 75px;}
.appe .bg .icon_34.r1{margin-left: 600px; margin-top: 75px;}
.appe .bg .icon_35{position: absolute;left: 50%;top: 50%; width: 112px; height: 209px;}
.appe .bg .icon_35.l2{margin-left: -640px; margin-top: 105px;}
.appe .bg .icon_35.r2{margin-left: 760px; margin-top: 105px;}
.appe .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;}
.appe .bg .icon_37{position: absolute;left: 50%;top: 50%; width: 127px; height: 39px;}
.appe .bg .icon_37.l3{margin-left: -12px; margin-top: 18px;}
.appe .bg .icon_37.r3{margin-left: 444px; margin-top: 80px;}
.appe .bg .icon_38{position: absolute;left: 50%;top: 50%; width: 113px; height: 4px; margin:-50px 0 0 620px;}
.appe .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;}
.appe .bg .b1 .icon_40{position: absolute;left: 50%;top: 50%; width: 116px; height: 10px; margin: -2px 0 0 280px;}
.appe .bg .b1 .icon_41{position: absolute;left: 50%;top: 50%; width: 134px; height: 10px; margin: -5px 0 0 -180px;}
.appe .bg .b1 .xx{position: absolute;top: 50%;left: 50%; width: 20px; height: 2px; background: #bceee2;}
.appe .bg .b1 .xx.x_1{width: 115px; margin:  -16px 0 0 -480px;}
.appe .bg .b1 .xx.x_2{width: 146px; margin:  10px 0 0 -380px;}
.appe .bg .b1 .xx.x_3{width: 35px; margin:  -30px 0 0 -312px;}
.appe .bg .b1 .xx.x_4{width: 36px; margin:  -12px 0 0 -230px;}
.appe .bg .b1 .xx.x_5{width: 148px; margin:  20px 0 0 -30px;}
.appe .bg .b1 .xx.x_6{width: 116px; margin:  -10px 0 0 120px;}
.appe .bg .b1 .xx.x_7{width: 36px; margin:  -30px 0 0 160px;}
.appe .bg .b1 .xx.x_8{width: 36px; margin:  0 0 0 420px;}
.appe .bg .b0 ul li{position: absolute; z-index: 99;}
.appe .bg .b0 ul li div.btn{width: 80px; text-align: center;}
.appe .bg .b0 ul li div.btn>span{display: block; font-size: 15px; font-weight: bold; color: #60646a; line-height: 40px;}
.appe .bg .b0 ul li div.btn>i{position: relative; display: inline-block; width: 46px; height: 46px; overflow: hidden;border-radius: 50%; background: url(../imges/icon_42.png) no-repeat center; box-sizing:border-box;-webkit-transition: all .4s; transition: all .4s;}
.appe .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;}
.appe .bg .b0 ul li div.btn>i img{position: absolute;top: 0;left: 0;z-index: 2;}
.appe .bg .b0 ul li.c1{left: 250px;top: 20px; z-index: 100;}
.appe .bg .b0 ul li.c2{left: 446px;top: -64px;}
.appe .bg .b0 ul li.c3{right: 416px;top: -24px;}
.appe .bg .b0 ul li.c4{right: 206px;top: 22px;}
.appe .bg .b0 ul li .join_is{position: absolute; top: -100px;right: 50%; z-index: 99; width: 406px;margin-right:-203px; 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;}
.appe .bg .b0 ul li .join_is p{font-size: 14px; color: #60646a; line-height: 24px;}
.appe .bg .b0 ul li em{display: block; position: absolute;top: 0;z-index: 2; width: 100%; height: 100%;}
.appe .bg .b0 ul li.c1 em{ background: url(../imges/icon_43.png) no-repeat center;}
.appe .bg .b0 ul li.c2 em{ background: url(../imges/icon_44.png) no-repeat center;}
.appe .bg .b0 ul li.c3 em{ background: url(../imges/icon_45.png) no-repeat center;}
.appe .bg .b0 ul li.c4 em{background: url(../imges/icon_46.png) no-repeat center;}
.appe .bg .b0 ul li.c1.on em{ background: url(../imges/icon_96.png) no-repeat center;}
.appe .bg .b0 ul li.c2.on em{ background: url(../imges/icon_97.png) no-repeat center;}
.appe .bg .b0 ul li.c3.on em{ background: url(../imges/icon_98.png) no-repeat center;}
.appe .bg .b0 ul li.c4.on em{ background: url(../imges/icon_99.png) no-repeat center;}
.appe .bg .b0 ul li.on div.btn>i{box-shadow: 0 3px 10px #93D7F4;}
.appe .bg .b0 ul li.on div.btn>i:after{-webkit-transform: scale(1); transform: scale(1);}
.appe .bg .b0 ul li.on .join_is{-webkit-transform: scale(1);transform: scale(1);}

.appe .tit {position: relative;z-index: 100; padding-top: 90px; padding-bottom: 60px;text-align: center}
.appe .tit h3{height: 76px; background: url(../imges/icon_12.png) no-repeat bottom center; font-size: 36px; font-weight: bold; color: #60646a; text-align: center; line-height: 76px;}
.appe .tit span{height: 76px; background: url(../imges/icon_12.png) no-repeat bottom center; font-size: 36px; font-weight: bold; color: #60646a; text-align: center; line-height: 76px;}
.appe.css3 .bg .icon_39{top: 0;opacity: 1;}


.appb ul li{float: left; width: 20%; height: 173px;margin-top: 30px;
	-webkit-transition: all .4s; transition: all .4s;padding: 0 15px}
.appb ul li a{display: block; width: 100%; height: 100%;overflow: hidden;background: #f5f5f5;border-radius: 20px;
	-webkit-transition: all .4s; transition: all .4s;}
.appb ul li a h4{width: 100%; height: 64px; margin:40px 0 20px;background-position: center; background-repeat: no-repeat;}
.appb ul li a span{position: relative;font-size: 24px;line-height: 30px;width: 100%; height: 64px; padding:40px 0 20px;background-position: center; background-repeat: no-repeat;}
.appb ul li a p{color: #60646a; text-align: center;}
.appb ul li.ins_1 a h4{background-image: url(../imges/ins_1.png);}
.appb ul li.ins_2 a h4{background-image: url(../imges/ins_3.png);}
.appb ul li.ins_3 a h4{background-image: url(../imges/ins_5.png);}
.appb ul li.ins_4 a h4{background-image: url(../imges/ins_7.png);}
.appb ul li.ins_5 a h4{background-image: url(../imges/ins_9.png);}
.appb ul li.ins_6 a h4{background-image: url(../imges/ins_11.png);}
.appb ul li.ins_7 a h4{background-image: url(../imges/ins_13.png);}
.appb ul li.ins_8 a h4{background-image: url(../imges/ins_15.png);}
.appb ul li.ins_9 a h4{background-image: url(../imges/ins_17.png);}
.appb ul li.ins_10 a h4{background-image: url(../imges/ins_19.png);}
.appb ul li:hover a p{color: #fff;}
.appb ul li:hover.ins_1 a h4{background-image: url(../imges/ins_2.png);}
.appb ul li:hover.ins_2 a h4{background-image: url(../imges/ins_4.png);}
.appb ul li:hover.ins_3 a h4{background-image: url(../imges/ins_6.png);}
.appb ul li:hover.ins_4 a h4{background-image: url(../imges/ins_8.png);}
.appb ul li:hover.ins_5 a h4{background-image: url(../imges/ins_10.png);}
.appb ul li:hover.ins_6 a h4{background-image: url(../imges/ins_12.png);}
.appb ul li:hover.ins_7 a h4{background-image: url(../imges/ins_14.png);}
.appb ul li:hover.ins_8 a h4{background-image: url(../imges/ins_16.png);}
.appb ul li:hover.ins_9 a h4{background-image: url(../imges/ins_18.png);}
.appb ul li:hover.ins_10 a h4{background-image: url(../imges/ins_20.png);}
.appb ul li:hover a{background: #3bb6eb; box-shadow:0px 10px 40px 0px #93d7f4;transform: translateY(-4px);-webkit-transform: translateY(-4px);}

.appc{background: url("../imges/appc.png") no-repeat center;overflow: hidden;padding-bottom: 50px;background-size: cover;margin-top: 40px}
.appc .wzfw h2{color: #fff}
.appca ul li{margin-top: 40px}
.appca ul li dl{margin-bottom: 0;height: 34px;overflow: hidden}
.appca ul li dl span{color: #dcdcdc;font-size: 18px;padding-left: 18px}

.appca ul li .per_list_info{ width: 100%;  background: url(../imges/appcbg.png) no-repeat; background-size: cover}
.appca ul li .per_list_info .per_list_info_p{ color: #737373;  line-height: 24px;  padding: 46px 44px 32px 44px;  overflow: hidden;  min-height: 150px;  box-sizing: border-box;  }
.appcb{text-align: center;margin-top: 50px}
.appcb a{padding: 12px 70px;display: inline-block;border: 1px solid #fff;  margin: 0 25px;position: relative;  color: #fff;  text-align: center;  font-size: 18px;  overflow: hidden;  z-index: 9;  -webkit-transition: all 1s;  -moz-transition: all 1s;  -ms-transition: all 1s;  transition: all 1s;  border-radius: 26px;  cursor: pointer;}
.appcb a span { z-index: 9;  position: relative;  padding: 0;  color: #fff;  }
.appcb a i{ background: #fff;  display: block;  width: 0;  height: 100%;  position: absolute;  left: 0;  top: 0;  z-index: 0;  -webkit-transition: all 0.4s;  -moz-transition: all 0.4s;  -ms-transition: all 0.4s;  transition: all 0.4s;  }
.appcb a:hover i{width: 100%;}
.appcb a:hover span{color: #ff7426}

.appf{background-size: cover;overflow: hidden}
.appdf .wzfw{padding-top: 0}
.appf ul{margin-top: 30px}
.appf ul li{width: 20%;text-align: center;float: left;padding: 0 15px}
.appf ul li dl{padding: 50px 12px;margin-bottom: 0}
.appf ul li dd{margin-bottom: 10%}
.appf ul li p{font-size: 16px;}
.appf ul li span{color: #888;display: inline-block}
.appf ul li:hover dl{box-shadow: 0 0 10px #eee}

.appg{background:url("../imges/appf.jpg") no-repeat center;background-size: cover;overflow: hidden;padding-bottom: 30px;margin-top: 25px}
.appg .wzfw h2{color: #fff}
.appg ul li{margin-top: 40px}
.appg ul li dl{background-color: #fff;text-align: center;padding: 40px 30px;margin-bottom: 0}
.appg ul li dd{border-bottom: 1px solid #EDEDED;padding-bottom: 30px;}
.appg ul li dd img{transition: all .4s ease;}
.appg ul li p{font-size: 18px;margin: 20px 0}
.appg ul li span{color: #888;display: inline-block;padding: 0 8px;min-height: 60px}
.appg ul li:hover dd img{transition: all .4s ease;transform: rotate(360deg)}

/*小程序接入流程*/
.lct{text-align:center; padding:50px 0px}
.lct img{margin:0px auto}
.index_process_list
{display:none !important; }

.index_process_list {
	position: relative;
	display: -webkit-flex;
	-webkit-flex-direction: column;

	flex-direction: column;
	margin-left: 30px;
	margin-top: 10px;
	margin-bottom:10px;
}
.index_process_list:before {
	content: '';
	position: absolute;
	top: 0;
	left: 15px;
	height: 100%;
	background: #d7e4ed;
	border-left: 1px dashed #36bb81;
	z-index: -1;
}
.index_process_item {
	display: -webkit-flex;
	-webkit-flex-direction: row;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 15px 0;
}
.index_process_left {
	width: 30px;
	height: 30px;
	background: url('../imges/t17.png');
	background-size: 100%;
	background-position: center center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	margin-right: 10px;
}

/*小程序案例*/

/*手机超小屏幕下的单独样式 xs < 768px */
@media (min-width: 300px) and (max-width: 766px){

	nav .carousel-inner-fdc .xcx h1{font-size:40px}
	nav .carousel-inner-fdc .xcx p{font-size:18px}
	.appa ul li{margin-bottom: 0}
	.appa ul li .box dl{margin: 0 5px}
	.appa ul li .box .icon{width: 80px;height: 80px;}
	.appa ul li .box .title{font-size: 16px;line-height: 50px}
	.appa ul li .box .price span{font-size: 24px}
	.appa ul li{height: 320px;}
	.appa ul li .box{height: 300px;}
	.appd{display: none}
	.appe{display: none}
	.appb ul li{width: 50%}
	.appca ul li dl span{font-size: 16px}
	.appca ul li .per_list_info .per_list_info_p{padding: 36px 20px 20px 20px;}
	.appcb a{padding: 8px 50px;margin: 0 auto;font-size: 16px}
	.appdm{display: block}
	.appl{display: none}
	.appr p{font-size: 20px}
	.appf ul li{width: 50%;padding: 0}
	.appf ul li dl{padding: 15px 0;margin-bottom: 0}
	.appf ul li:last-child{display: none}
	.appf ul li span{font-size: 12px}
	.appg ul li{margin-top: 20px}
	.appg ul li dl{padding: 20px 30px}
	.appg ul li dd{padding-bottom: 20px}
	.appg ul li p{margin: 15px 0}
	.appg ul li span{min-height: inherit}
}
  

/*大于992px以上固定宽度为970px md >= 992px */
@media (min-width: 767px) and (max-width: 992px){
/*栏目*/
nav  .carousel-inner-fdc .banner{padding-top:14%;color: #FFFFFF; line-height:180%; font-size:34px;font-family: 'HanHei-SC';}
nav .carousel-inner-fdc .xcx h1{font-size:40px}
nav .carousel-inner-fdc .xcx p{font-size:18px}

nav .carousel-inner-fdc .xcx .xcxbanner p{font-size:12px;}

nav .carousel-inner-fdc .banner span{color: #FFFFFF;font-family: '微软雅黑'; font-size:14px;}

}

/*大于992px以上固定宽度为970px md >= 992px */
@media (min-width: 992px) and (max-width: 1199px){

}