@charset "utf-8";
/* CSS Document */

body{width:100%; height:100%;}
p span div {font-size:16px;}




	.content_m{ display:none;}

	.fontcy{
		white-space:nowrap;
	}
	#containercy{
		width: 1024px;
	}
	#topcy a{
		text-decoration: none;
		margin-left: 20px;
		font-size: 16px;
		color: white;
		font-family: '黑体';
		padding: 10px;
	}
	.maincy{
		/*margin-top: 83px;*/
	}
	.emptyauto{
		width:100%;
		height:16%;}
	/*.imgcy img{
		margin-left: 110px;
	}*/
	.containerll{
		height:100%;
		margin:0px;
		padding:0px;
	}
	.textcy{
		margin-top: 26px;
		padding-left: 10px;
		opacity:0.9
	}
	#footcy{
		
		height: 175px;
		position: absolute;
		width: 100%;
		bottom: 6px;
		/*min-width: 1024px;*/
		}
	.footfont{
		width: 100%;
		margin:80px auto 0px auto;
	}
	
	.content_pc{
		width:100%;
		height:100%;
	}
	
	.content_pc_yd{
		width:100%;
		height:100%;
		background-image:none;
		position:absolute;
		}
	.content_pc_hy{
		width:100%;
		height:100%;
		background-image:none;
		position:absolute;
	}
	.footfont span:first-child{
		font-size:14px;
		color:#282f39;
		font-family: '黑体';
		opacity: 0.7;
		line-height: 22px;
		font-weight: bold;
	}
	.footfont span:last-child{
		font-size:12px;
		color:#282f39;
		font-family: '黑体';
		opacity: 0.7;
		line-height: 16px;
	}
	.footfont{
		line-height:13px;
		position:relative;
		z-index:3;
		text-align: center;
	}
	.textcy span{
		font-size: 24px;
		color: white;
		font-family: '宋体';
		line-height: 32px;
	}
	.colud_pc{
		width:1920px;
		height:174px;
		background-image:none;
		background-size:100% 100%;
		position:absolute;
		bottom:0px;
		left:0px;
		overflow:hidden;
		overflow-x:hidden;
	}
	.maincy div{ float:left;}
	.imgcy{ width:35%;}
	.fontcy{ width:65%;}
	.title_pc{
		width:450px;
		height:60px;
		margin:0 auto;	
		display: none;
	}
	.title_pcli{
		width:33%;
		height:100%;
		float:left;
		text-align:center;
		color:#fff;
		font-size:20px;
		line-height: 60px;
	}
	.title_pcli div{
		display:inline-block;		
	}
	.current div p{
		width: 70%;
		height: 4px;
		background-color: #fff;
		border-radius: 4px;
		margin: -8px 15%;
		}
	.title_pcli p p{
		border: 2px solid #fff;
		width: 70%;
		position: relative;
		left: 15%;
		top: -10px;
		border-radius: 2px;
	}


	.prolistspan span{
		font-size: 14px !important;
	}
	.product_download{
		width:100%;
		height:420px;
	}
	.pro_yd,.pro_hy{
		float:left;
		width:48%;
		height:100%;
		text-align:left;
	}
	.pro_yd .pro_pic{
		float:left;
		width:220px;
		height:100%;
		background-image:none;
		background-size:100% 100%;
		margin-left: 30px;
	}
	.pro_hy .pro_pic{
		float:left;
		width:220px;
		height:100%;
		background-image:none;
		background-size:100% 100%;
		margin-left: 50px;
	}
	.yd_downloads {
		width:180px;
		height:100%;
		float:right;
	}
	.emptydown{
		height:196px;
		width:100%;
	}
	.yd_ios{
		width:160px;
		height:65px;
		background-image:none;
		background-size:100% 100%;
		margin:30px 0px;
	}
	.yd_android{
		width:160px;
		height:65px;
		background-image:none;
		background-size:100% 100%;
		margin:10px 0px;
	}
	.hy_ios{
		width:160px;
		height:65px;
		background-image:none;
		background-size:100% 100%;
		margin:30px 0px;
	}
	.hy_android{
		width:160px;
		height:65px;
		background-image:none;
		background-size:100% 100%;
		margin:10px 0px;
	}
	.hidden{display:none;outline :none}
	.mian_page{
		width:1024px;
		height:475px;
		position: relative;
	}
	.mian_page div{
		float:left;
	}
	.left_btn_pc{
		cursor:pointer;
		width:142px;
		height:100%;
		background-image:none;
		background-repeat:no-repeat;
		background-position:0% 50%;
		background-size:30px 80px;
	}
	.main_pic_pc{
		width:740px;
		height:100%;
	}
	.right_btn_pc{
		cursor:pointer;
		width:142px;
		height:100%;
		background-image:none;
		background-repeat:no-repeat;
		background-position:100% 50%;
		background-size:30px 80px;
	}
	.main_pic_pc pic{
		float:left;
	}
	.main_txt_pic{
		float:left;
		width:240px;
		height:100%;
		position: relative;
		}
	.main_txt_pic div:first-child{
		width:233px;
		height:160px;		
		position:absolute;
		bottom:43px;
		left:60px
	}
	.main_pic{
		float:left;
		width:500px;
		height:474px;
	}
	.main_pic div{
		width:100%;
		height:100%;
		position:relative;		
		background-image:none;
		background-size:500px; height:474px;
		background-repeat:no-repeat;	
		}
	.main_pic_hy{
		width:500px;
		height:474px;
	}
	.main_pic_hy div{
		width:100%;
		height:100%;
		background-image:none;
		background-size:500px;
		height:475px;
		position:relative;	
		background-repeat:no-repeat;
	}
	
	.yd_txt_pc{
		width: 60px;
		height: 118px;
		position: relative;
		color: #fff;
		font-size: 60px;
		display: inline-block;
		}
	.yd_info_pc{
		color: #fff;
		display: inline-block;
		font-size: 30px;
	}
	.yd_info2_pc{
		font-size: 16px;
		color: #fff;
		margin-top: 5px;
	}
	.pro_item{
		width:100%;
		height:600px;
	}
	.colorBlue{
		background-color: rgb(30,168,239);
		-moz-box-shadow:  0px 0px 25px #888888 ;
		-webkit-box-shadow:  0px 0px 25px #888888 ;
		box-shadow:  0px 0px 25px #888888 ;
	}
	.colorWhite{
		background-color: rgb(255,255,255);
		margin-top: 30px;
		height: 520px;
	}
	.colorGray{
		background-color: rgb(243 ,243 ,243);
		height: 550px;
	}
	.item_content{
		width:1200px;
		height: 100%;
		margin: 0 auto;
		position:relative;
		
	}
	.pro_d1_img{
		width:450px;
		height:430px;
		background-color: red;
		position: absolute;
		bottom:0px;
		left:30px;
		background: url(../imgs/A_1@3x.png) no-repeat 0 0;
		background-size: 100% 100%;
		
	}
	.pro_d1_box{
		width: 623px;
		height: 344px;
		position: absolute;
		right: 0px;
		bottom: 0px;
		transition: all 0.5s;
	}
	.pro_d1_title{
		width:429px;
		height: 85px;

		position: absolute;
		transform:  translate(0px,-100px);
		opacity: 0;
		transition: all 1s;

		color: #fff;
		font-family: "黑体","Microsoft YaHei";
		font-size: 35px;
	}
	.pro_d1_title span{
		font-size: 65px;
	}
	.pro_d1_info{
		width:540px;
		height: 70px;

		position: absolute;
		right: -42px;
		bottom: 170px;
		transition: all 1s;
		transform:  translate(0px,-100px);
		opacity: 0;

		color: #fff;
		font-size: 25px;
	}
	.pro_d1_info p{
		line-height: 50px;
	}
	.pro_d1_info p span:first-child{
		font-size: 50px;
	}
	.pro_d1_info p span:last-child{
		font-size: 40px;
	}
	.pro_d1_Btn{
		position: absolute;
		left: -8px;
		bottom: 45px;
	}
	.pro_d1_Btn a{
		width: 140px;
		height: 40px;
		display: inline-block;
	}
	.pro_d1_Btn a:first-child{
		margin-right: 70px;
	}
	.pro_d1_Btn a img{
		width: 100%;
	}
	.pro_d2_img{
		width:333px;
		height: 411px;
		background: url(../imgs/B_1@3x.png) no-repeat 0 0;
		background-size: 100% 100%;
		position: absolute;
		right: -20px;
		top: 50px;
		transform: translate(200px,0px);
		transition: all 1s;
		opacity: 0;
	}
	.pro_d2_box{
		width:800px;
		height:310px;
		padding-top:60px;
		opacity: 0;
		transform: translate(-200px,0px);
		transition: all 1s;
	}
	.pro_d2_title{
		font-size: 60px;
		margin-left: 70px;
		color: #1EA8EF;
	}
	.pro_d2_p{
		font-size:30px;
		margin-left: 70px;
		margin-top:5px;
	}
	.pro_d2_btns{
		width: 180px;
		height: 126px;
		margin-left: 68px;
		float: left;
		margin-top: 55px;
	}
	.pro_uyudao_ios{
		display: block;
		width:180px;		
		height:64px;
		background: url(../imgs/IOS_blue@3x.png) no-repeat 0 0 ;
		background-size: 100%;
		
	}
	.pro_uyudao_ios2{
		display: block;
		width:180px;		
		height:64px;
		background: url(../imgs/IOS_red@3x.png) no-repeat 0 0 ;
		background-size: 100%;
	}
	.pro_uyudao_android{
		margin-top: 7px;
		display: block;
		width:180px;		
		height:64px;
		background: url(../imgs/Android_blue@3x.png) no-repeat 0 0 ;
		background-size: 100%;
	}
	.pro_d2_info{
		float: left;
		margin-left: 64px;
		font-size: 15px;
		line-height:20px ;
		margin-top: 60px;
		font-family: "微软雅黑";
	}
	.pro_d3_box{
		position: absolute;
		right: 0px;
		transform: translate(200px,0px);
		transition: all 1s;
		opacity: 0;
	}
	.pro_d3_img{
		width:370px;
		height: 411px;
		background: url(../imgs/C_1@3x.png) no-repeat 0 0;
		background-size: 100% 100%;
		position: absolute;
		left: 0px;
		top: 70px;
		transform: translate(-200px,0px);
		transition: all 1s;
		opacity: 0;
	}
	.pro_d3_title{
		text-align:right;
		padding-right:70px;
		color: #FF7474 !important;
	}
	.pro_d3_p{
		text-align:right;
		padding-right:70px;
	}
	.pro_d3_btns{
		float: right;
		margin-left: 0px;
		margin-top: 40px;
		margin-right: 40px;
	}
	.pro_d3_info{
		float: right;
		margin-left: 0px;
		margin-right: 30px;
		line-height: 22px;
		text-align: right;
	}
	.footll .footfont{
		margin-top:10px !important;
	}
	.title_pcli a{
		text-decoration:none;
		color:#fff;
	}
	.pro_uyudao_qd{
		margin-top: 7px;
		display: block;
		width:180px;		
		height:64px;
		background: url(../imgs/Android_red@3x.png) no-repeat 0 0 ;
		background-size: 100% 100%;
	}
	.smt-txt_pc{
		width:180px;
		height: 60px;
		margin-bottom: 6px;
	}
	.smt_info_pc{
		font-size:28px;
		width: 180px;
		text-align: center;
	}
	.smt_info2_pc{
		width:35px;
		position: absolute;
		right: 13px;
		top: -3px;
		writing-mode: vertical-lr;
		 white-space:pre;
		line-height: 21px;
	}


.qqservice{
	position:fixed;
	width:80px;
	height: 80px;
	right: 0px;
	top: 50%;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	background: transparent url(../imgs/side_icon02.png) no-repeat 50% 25%;
	background-size:50% 50% ;
	cursor: pointer;
	background-color:rgba(255,255,255,0.8);
	box-shadow: -1px 1px 10px #888888;
}

.qqservice:hover{
	background-color:darkgray;
}

.qqservice p{
	color:rgb(30,168,239);
	font-size: 14px;
	text-align: center;
	margin-top: 56px;
}