body{
	font-family:'Microsoft Yahei';
	background: #43e0ff;
    background: -moz-linear-gradient(top,  #43e0ff 0%, #2fc8e6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#43e0ff), color-stop(100%,#2fc8e6));
    background: -webkit-linear-gradient(top,  #43e0ff 0%,#2fc8e6 100%);
    background: -o-linear-gradient(top,  #43e0ff 0%,#2fc8e6 100%);
    background: -ms-linear-gradient(top,  #43e0ff 0%,#2fc8e6 100%);
    background: linear-gradient(to bottom,  #43e0ff 0%,#2fc8e6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43e0ff', endColorstr='#2fc8e6',GradientType=0 );
}
.embed{
	display:block;
}
.mg-mar{
	margin:0 auto;
}
.mg-pad97{
	padding:0 97px;
}
.bg00b1d1{
	background-color:#00b1d1;
	padding:150px 0 75px 0;
}
.clear:after{
	display: block;
	content:"";
	clear:both;
}
.flt{
	float:left;
}
.mg-head{
	width: 1200px;
	text-align: center;
	margin-top: 100px;
}
.mg-head .home{
	width:85%;
}
.mg-case{
	text-align: center;
}
.mg-case .case-title {
	margin:20px 0 -10px 0;
}
.mg-case .mg-video{
	/*background-color:#90edff;*/
	transform:scale(0);
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	transition:all ease-in-out .4s;
	-webkit-transition:all ease-in-out .4s;
	-moz-transition:all ease-in-out .4s;
	-ms-transition:all ease-in-out .4s;
}
.mg-case .mg-scale{
	transform:scale(1);
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
}
.mg-case .mg-video video{
	display: block;
}
.mg-case .mg-s-title{
	margin: 30px 0 20px 0;
}

.mg-s-btn{
	width: 30%;
	min-width: 100px;
	float: left;
	margin: 15px -10px 5px 27px;
	position: relative;
	overflow: hidden;
}
.mg-s-btn span{
	display: block;
	width: 100%;
	padding:5px 0px;
	cursor:pointer;
	background-color:#90edff;
	margin-top: 8px;
	margin-left: -15px
}
.mg-s-btn .active{
	background: url(/public/images/jiantou.png) no-repeat;
	background-position: 0 0;
	background-size: 100% 100%;
	color:#fff;
	padding-top: 13px;
	min-height: 40px;
	margin-top: 0px;
	text-align: bottom;
}

.mg-select{
	position:relative;
}
.mg-case .mg-img1{
	position:absolute;
	left:-130px;
	top:-80px;
	animation:fly 10s ease-in-out 0s infinite;
	-webkit-animation:fly 10s ease-in-out 0s infinite;
	-moz-animation:fly 10s ease-in-out 0s infinite;
	-ms-animation:fly 10s ease-in-out 0s infinite;
}
.mg-case .mg-img2{
	position:absolute;
	left:-100px;
	top:180px;
	animation:scaless 5s ease-in-out 0s infinite;
	-webkit-animation:scaless 5s ease-in-out 0s infinite;
	-moz-animation:scaless 5s ease-in-out 0s infinite;
	-ms-animation:scaless 5s ease-in-out 0s infinite;
}
.mg-case .mg-img3{
	position:absolute;
	right:-45px;
	top:-35px;
	animation:rotates 5s ease-in-out 0s infinite;
	-webkit-animation:rotates 5s ease-in-out 0s infinite;
	-moz-animation:rotates 5s ease-in-out 0s infinite;
	-ms-animation:rotates 5s ease-in-out 0s infinite;
}
.mg-case .mg-img4{
	position:absolute;
	right:-100px;
	top:180px;
}
.mg-case .mg-img5{
	position:absolute;
	right:-25px;
	bottom:15px;
}
.mg-case .mg-time-select{
	width:385px;
	height:50px;
	margin: 90px auto 0 auto;
	position:relative;
	background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #91edff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#91edff));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#91edff 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#91edff 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#91edff 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#91edff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#91edff',GradientType=0 );
}
.mg-case .mg-time-select:before,
.mg-case .mg-time-select:after {
   content:"";
   position:absolute;
   z-index:-1;
   bottom:15px;
   left:5px;
   width:50%;
   height:20%;
   box-shadow:0 15px 10px #1d7586;
   transform:rotate(-3deg);
}
.mg-case .mg-opation{
	width:255px;
}
.mg-case .mg-time-select:after{
   right:5px;
   left:auto;
   transform:rotate(3deg);
}
.mg-case .mg-time-select .mg-t-s-con{
 	width:255px;
 	height:100%;
}
 .mg-case .mg-time-select .mg-t-s-con:active{
	border:none;
}
.mg-case .mg-time-select .mg-t-select{
	font-size: 22px;
	color:#161616;
	position:absolute;
	top:10px;
	left:20px;
}
.mg-case .mg-time-select .mg-t-selectBtn{
	width:100%;
	padding:0 60px 0 120px;
	height:100%;
	font-size: 22px;
	color:#f81f39;
	border:none;
	background-color:transparent;
}
.mg-case .mg-time-select .mg-t-selectBtn:active{
	border:none;
}
.mg-case .mg-time-select .triangle{
	color:#263039;
	border-top: 10px dashed;
    border-top: 10px solid \9;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position:absolute;
    top:22px;
    right:15px;
}
.mg-case .mg-t-submit{
	width:130px;
	height:100%;
	font-size: 25px;
	color:#f7ff1e;
	line-height: 50px;
	background-color:#27313a;
}
.mg-why{
	max-width: 1200px;
}
.mg-why .mg-w-animate{
	width:100%;
	height:1600px;
	background:url(../img/mg17.png) 175px 0 no-repeat;
	margin-top: 400px;
	position: relative; 
}
.mg-why .mg-idea{
	position:absolute;
	top:-235px;
	left:158px;
}
.mg-why .mg-reason{
	width:650px;
	font-size: 18px;
	color:#abb8bc;
	background-color:#fff;
	padding:45px;
	line-height: 35px;
	border-radius:8px;
	position:absolute;
	top:-210px;
	right:95px;
}
.mg-why .mg-r-top{
	position:absolute;
	right:65px;
	top:-67px;
}
.mg-why .mg-service{
	position:absolute;
	top:243px;
	left:260px;
}
.mg-why .mg-service div{
	font-size: 20px;
	color:#055b6c;
}
.mg-why .mg-service div p{
	margin-bottom: 3px;
}
.mg-why .mg-product img,
.mg-why .mg-web img,
.mg-why .mg-app img,
.mg-why .mg-software img{
	margin-bottom: 15px;
}
.mg-why .mg-product,
.mg-why .mg-app,
.mg-why .mg-software,
.mg-why .mg-web{
	opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
}
.mg-why .mg-product{
	position:absolute;
	top:30px;
	left:-100px;	
}
.mg-why .mg-web{
	position:absolute;
	top:110px;
	right:-140px;	
}
.mg-why .mg-app{
	position:absolute;
	bottom:50px;
	left:-100px;	
}
.mg-why .mg-software{
	position:absolute;
	bottom:10px;
	right:-210px;	
}
.mg-why .mg-process{
	position:absolute;
	bottom:80px;
	left:175px;
}
.mg-why .mg-p-text{
	margin: 25px 0 0 20px;
	font-size: 18px;
	color:#054159;
}
.mg-why .mg-p-text img,
.mg-why .mg-p-text span{
	display: block;
}
.mg-why .mg-p-text img{
	margin-bottom: 10px;
}
.mg-why .mg-p-con1,
.mg-why .mg-p-con2,
.mg-why .mg-p-con3{
	margin-bottom:50px;
}
.mg-why .mg-p-con1,
.mg-why .mg-p-con2,
.mg-why .mg-p-con3,
.mg-why .mg-p-con4{
	opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
}  
.mg-why .mg-p-people{
	position:absolute;
	bottom:60px;
	right:-180px;
}
.mg-make{
	border-radius: 30px;
	border:2px solid #fff;
	position:relative;
	height:175px;
	text-align: center;
}
.mg-make .mg-mi-title{
	width:205px;
	text-align: center;
	padding:15px 25px;
	border-radius:10px;
	background-color:#fff;
	position:absolute;
	left:50%;
	top:-38px;
	margin-left: -85px;
}
.mg-make .mg-m-item{
	margin-top:95px;
}
.mg-make .mg-m-item p{
	font-size: 18px;
	color:#013741;
}
.mg-make .mg-m-item .mg-mt-title{
	font-size: 25px;
	color:#fff;
	margin: 30px 0 10px;
}
.mg-make .mg-p-con1,
.mg-make .mg-p-con2,
.mg-make .mg-p-con3,
.mg-make .mg-p-con4{
	opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
}
.mg-make .mg-m-lc1,
.mg-make .mg-m-lc2,
.mg-make .mg-m-lc3,
.mg-make .mg-m-lc4{
	opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    transform:scale(0);
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0); 
    transition:all ease-in-out .4s;
    -webkit-transition:all ease-in-out .4s;
    -moz-transition:all ease-in-out .4s;
    -ms-transition:all ease-in-out .4s; 
}
.mg-make .mg-scale{
	opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
	 transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
}
.mg-why .mg-opacity{
	opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
}
#cp2,#cp3,#cp5{display:none;}
footer{
	background-color:#404040;
}
footer .foot{
	width:827px;
	margin: 0px auto;
	text-align: center;
	color:#fff;
	font-size: 12px;
	padding:50px 0 30px 0;
}
footer .foot:after{
	display: block;
	content:"";
	clear:both;
}
footer .foot div{
	width:275px;
	float:left;
}
footer .foot .bor{
	border-left: 1px dashed #fff;
	border-right:1px dashed #fff;
}
footer .foot  a{
	color:#fff;
	text-decoration: none;
}
footer .foot .dh{
	display: block;
	width:26px;
	height:32px;
	margin: 0 auto;
	background:url(../img/dh.png);
}
footer .foot .dhc:hover .dh{
	background:url(../img/dh2.png);
}
footer .foot .mgq{
	display: block;
	width:31px;
	height:32px;
	margin: 0 auto;
	background:url(../img/mgqq.png);
}
footer .foot .mgc:hover .mgq{
	background:url(../img/mgqq2.png);
}
footer .foot .dw{
	display: block;
	width:21px;
	height:32px;
	margin: 0 auto;
	background:url(../img/dw.png);
}
footer .foot .dwc:hover .dw{
	background:url(../img/dw2.png);
}
footer .links{
	background-color:#383838;
	padding:10px 0; 
}
footer .links ul{
	width:655px;
	margin:0 auto;
	color:#8f8f8f;
}
footer .links li{
	float:left;
	padding:0 10px;
}
footer .links li a{
	color:#8f8f8f;
	font-size: 14px;
}
/*固定的悬浮窗*/
/*.yb_conct {
	min-height: 312px;
	position: fixed;
	z-index: 999;
	bottom: 65px;
	right: -127px;
		transition:all .3s ease-in-out;
	-webkit-transition:all .3s ease-in-out;
}
.yb_bar{
    cursor: pointer;
}
.yb_bar ul li {
	width: 180px;
	height: 53px;
	font: 16px/53px 'Microsoft YaHei';
	color: #fff;
	text-indent: 54px;
	margin-bottom: 3px;
	border-radius: 3px;
	transition: all .5s ease;
	overflow: hidden;
}
.yb_bar .yb_top {
	background: #ff2446 url(../images/fixCont.png) no-repeat 0 0;
}
.yb_bar .yb_phone {
	background: #ff2446 url(../images/fixCont.png) no-repeat 0 -57px;
}
.yb_bar .yb_QQ {
	text-indent: 0;
	background: #ff2446 url(../images/fixCont.png) no-repeat 0 -113px;
}
.yb_bar .yb_ercode {
	background: #ff2446 url(../images/fixCont.png) no-repeat 0 -169px;
}
.hd_qr {
	display: inline-block;
	margin-left:-14px;
	
}
.yb_QQ a {
	display: block;
	text-indent: 54px;
	width: 100%;
	height: 100%;
	color: #fff;
	text-decoration: none;
}
.yb_phone a {
    display: block;
    text-indent: 54px;
    width: 100%;
    height: 100%;
    color: #fff;
    text-decoration: none;*/
}
@keyframes fly{
	50%{
		top:-150px;
	}100%{
		top:-80px;
	}
}
@keyframes rotates{
	25%{
		transform:rotate(50deg);
		top:-50px;
	}
	50%{
		transform:rotate(40deg);
		top:-35px;
	}75%{
		transform:rotate(50deg);
		top:-50px;
	}
	}100%{
		transform:rotate(20deg);
		top:-35px;
	}
}
@keyframes scaless{
	50%{
		top:-100px;
		/*transform:rotate(360deg); 
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg); 
		-ms-transform:rotate(360deg);  */
/*		transform:scale(1.2);
		-wekit-transform:scale(1.2);
		-moz-transform:scale(1.2);
		-ms-transform:scale(1.2);*/

	}
}

#wrap {
				position: fixed;
				right: 10px;
				top:190px;
				width: 134px;
				z-index: 999;
				height: 328px;
				background: #E72845;
				border-top-right-radius: 8px;
				border-top-left-radius: 8px;
			}

			#wrap_c ul {
				list-style-type: none;
				margin-left: 10px;
				text-align: center;
			}
			
			#wrap_c ul li {
			
				display: block;
				bottom: 1px;
				font-weight: bold;
				
				cursor:pointer;
				margin-left: -10px;
				font: 15px 'Microsoft YaHei';
			
			}
			
			#wrap_c ul li a {
				
				text-decoration: none;
				color: #FFFFFF;
			}
			.zixun{
				height: 3px;
				border-bottom: 3px solid #ec3236;
				
			}
			.zixun img{
				width: 136px;
				height: 136px;
				margin-top: -104px;
			
			}
		
			
			.weixin_c {
				width: 120px;
				height: 120px;
				padding-left:7px;
	
			}
			
			.img_c {
				width: 120px;
				height: 120px;

			}
			
			.munb {
				text-align: center;
				color: #FFFFFF;
				font-size: 15px;
				height: 28px;
				line-height: 28px;
				font-weight: bold;
				font-family: 'Microsoft YaHei';
				margin-top: 8px;
				border-bottom: 3px solid #ec3236;
			}
			.qq{
				height:40px;
				line-height: 40px;
				border-bottom: 3px solid #ec3236;
				/* margin: 5px 0 0 0; */

			}
			
			.qq .ww {
				font-size: 15px;
				display: inline-block;
				width: 105px;
				height: 26px;
				line-height: 26px;
				border-radius: 15px;	
		        background: #f93c44;
				background: url(../../public/images/qq.png) no-repeat;
				background-position: 5% 50%;
				font-weight: bold;
		        margin-top: 10px;
		        margin-left: 14px;

			}
			/*.qq a {
				padding-left: 30px;
				background: url(../../public/images/qq.png) no-repeat;
				background-position: 5% 50%;
				font-weight: bold;

			}*/
			.phone{
				height: 70px;
				line-height: 70px;
				border-bottom: 3px solid #ec3236;
			}
			.phone .test1{
				width: 110px;
				border-radius: 10px;
				height: 20px;
				display: block;
				/*margin: 5px 30px 5px 20px;*/
				/* margin: 5px 0 0 16px; */
				margin: 5px auto;
				outline:none;
			}
			.test1::-webkit-input-placeholder{
                color: #000;
                font-size: 14px;
            	text-align: center;
            	font-family: 'Microsoft YaHei';
            }
			.phone .test2{
				width: 90px;
				display: block;
				background: #f93c44;
				height: 28px;
				border-radius:14px ;
				text-align: center;
				color: #FFFFFF;
				outline:none;
				cursor:pointer;
				font-weight: bold;
				font-family: 'Microsoft YaHei';
				margin: 5px auto;
				border:1px solid #f93c44;
		
			}
			.api-lxb-cb-con{
				text-decoration: none;
			}
			
			.go_top {
				height: 40px;
				line-height: 40px;
				background: url(../../public/images/top.png) no-repeat center center;
				border-bottom: none;
			
			}
			.caal{
				cursor: pointer;
			}


			@media (max-width: 1443px){
				#wrap{
					width: 90px;
					height: 288px;
				}
				#wrap_c ul li{
					width: 90px;
					font-size: 12px;
				}
				.zixun img {
				    width: 91px;
				    height: 90px;
				    margin-top: -85px;
				}
				.img_c {
				    width: 80px;
				    height: 80px;
				    margin-left: -15px;
				    margin-top: 6px;
				}
				.munb{
					padding-top: 0px !important;
					height: 23px;
					
				}
				.weixin_c{
					height: 94px;
				}
				.qq .ww{
					font-size: 12px;
					background-position: 0px 3px;
					width: 70px;
					margin-left: 10px;
					padding-left: 10px;
				}
				.qq .ww:hover{
					background:#fff url(../../public/images/qq-red.png) no-repeat;
					background-position: 8px 3px;
					margin-left: 0px;
					
				}
				.qq .ww:hover a{
					color: red !important;
					z-index: 11;
					margin-left: 10px;
				}
				
				.phone .test1{
					font-size: 12px;
					width: 76px;
					margin-left: 3px;
					padding-left: 3px;
				}
				.phone input::-webkit-input-placeholder{
					font-size: 12px !important;
					/*color: red;*/
				}
				.phone .test2{
					margin-left: 3px;
					padding-left: 0px;
					width: 76px;
				}
				
				.sale-con {
					width: 236px;
					top: 10%;
					padding: 10px 12px 1px
				}
				.go_top{
					height: 32px;
					background-size: 25%;
				}
				.tip{
					top: 90px;
					right: 95px;
				}
				.tip .tip-jt{
					right: -10px;
					width: 10px;
					height: 10px;
				}
			}