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

body {
	width: 100%;
	height: 100%;
}

p span div {
	font-size: 16px;
}

@media screen and (min-width:320px) and (max-width:640px) {
	.content_pc {
		display: none;
	}

	.content_m {
		width: 100%;
		height: 100%;
	}

	.temp_bg {
		width: 100%;
		height: 100%;
		position: absolute;

	}

	.weixin-tip {
		position: fixed;
		left: 0;
		top: 0;
		background: rgba(0, 0, 0, 0.8);
		filter: alpha(opacity=80);
		width: 100%;
		height: 100%;
		z-index: 100;
		display: none;
	}

	.weixin-tip p {
		text-align: center;
		margin-top: 8%;
		padding: 0 5%;
	}

	.temp_blue {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background-image: url(../imgs/bg_blue_m.png);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		opacity: 1;
	}

	.temp_pink {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background-image: url(../imgs/bg_red_m.png);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		opacity: 0;
	}

	.title_m {
		width: 80%;
		margin: 0 auto;
		height: 1.4em;
		padding-top: 1em;
	}

	.title_m ul li {
		-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
		float: left;
		width: 33.3%;
		text-align: center;
		color: #fff;
		opacity: 0.9;
	}

	.title_current {
		color: rgb(44, 193, 245);
		background-color: #fff;
		padding: 5px 0.7em;
		border-radius: 1em;
	}

	.footer {
		width: 100%;
		height: 3em;
		background-image: url(../imgs/cloud_m.png);
		background-size: 100% 100%;
		position: absolute;
		bottom: 0px;
		z-index: 9;
	}

	.big_yudao {
		font-size: 185%;
		color: #fff;
		text-align: right;
		width: 100%;
		padding-top: 0.3em;
		font-weight: bold;
		width: 40%;
		float: left;
		margin-bottom: 0.3em;
	}

	.center_bg img,
	.big_yudao span,
	.yudao_info span,
	.info_txt span,
	.download_btns a {
		position: relative;
	}

	.hidden {
		display: none;
	}

	.yudao_info {
		font-size: 87.5%;
		color: #fff;
		text-align: center;
		width: 100%;
		padding-top: 0.2em;
	}

	.center_box {
		height: 21.8em;
		width: 100%;
		position: relative;
	}

	.center_box div {
		display: inline-block;
	}

	.left_btn {
		width: 8%;
		float: left;
		padding: 12em 0 0 0;
	}

	.left_btn p,
	.right_btn p {
		text-align: center;
	}

	.right_btn {
		width: 8%;
		float: right;
		padding: 12em 0 0 0;
	}

	.center_bg {
		width: 84%;
		height: 100%;
		margin: 0 auto;
		text-align: center;
		padding-top: 10%;
	}

	.info_txt {
		margin-top: 0.3em;
		text-align: center;
		width: 100%;
		width: 40%;
		float: left;
	}

	.info_txt span {
		width: 100%;
		text-align: center;
		color: #fff;
		line-height: 1em;
		font-size: 0.875em;

	}

	.download_btns {
		width: 100%;
		height: 3.1em;
		text-align: center;
		margin-top: 0.5em;
		z-index: 15;
		position: relative;
		-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
		clear: left;
	}

	.download_btns a div {
		display: inline-block;
		text-align: center;
		width: 35%;
		height: 100%;
		margin: 0 0.5em;
		-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	}

	.download_btns a .android_down_yd {
		background-image: url(../imgs/Android_blue.png);
		background-size: 100% 100%;
	}

	.download_btns a .ios_down_yd {
		background-image: url(../imgs/IOS_blue.png);
		background-size: 100% 100%;
	}

	.download_btns a .android_down_hy {
		background-image: url(../imgs/Android_red.png);
		background-size: 100% 100%;
	}

	.download_btns a .ios_down_hy {
		background-image: url(../imgs/IOS_red.png);
		background-size: 100% 100%;
	}

	.aboutus {
		display: none;
		width: 87.5%;
		margin: 0 auto;
		padding: 2em;
	}

	.concatus {
		display: none;
		width: 87.5%;
		margin: 0 auto;
		padding: 2em;
	}


	.aboutus_title {
		font-size: 1.5em;
		color: #fff;
		text-align: center;
		line-height: 2.5em;
		margin-top: 0.5em;
		margin-bottom: 0.7em;
		font-weight: bold;
		opacity: 0.99;
	}

	.aboutus_info {
		color: #fff;
		opacity: 0.9;
		text-indent: 2em;
		padding: 0px;
		margin: 0px;
		line-height: 1.4em;
	}

	.concatus_title {
		font-size: 1.3em;
		color: #fff;
		text-align: center;
		line-height: 2em;
		margin-top: 0.5em;
		margin-bottom: 0.8em;
		font-weight: bold;
		opacity: 0.99;
	}

	.concatus_info {
		color: #fff;
		opacity: 0.8;
		text-align: center;
		line-height: 1.4em;
	}

	.concatus_info_space {
		margin-bottom: 1.3em;
	}


}

@media screen and (min-width:360px) and (max-width:374px) {
	.right_btn {
		padding: 14em 0 0 0;
	}

	.left_btn {
		padding: 14em 0 0 0;
	}

	.center_box {
		height: 24.5em;
	}
}

@media screen and (min-width:375px) and (max-width:413px) {
	.right_btn {
		padding: 14.3em 0 0 0;
	}

	.left_btn {
		padding: 14.3em 0 0 0;
	}

	.center_box {
		height: 25.3em;
	}
}

@media screen and (min-width:414px) and (max-width:450px) {
	.center_box {
		height: 28.3em;
	}

	.right_btn {
		padding: 15.3em 0 0 0;
	}

	.left_btn {
		padding: 15.3em 0 0 0;
	}
}

@media screen and (min-width:641px) {
	.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%;
		background: #F6F6F6;
		/* margin: 80px auto 0px auto; */
	}

	.content_pc {
		width: 100%;
		height: 100%;
	}

	.content_pc_yd {
		width: 100%;
		height: 100%;
		background-image: url(../imgs/line_blue.png);
		position: absolute;
	}

	.content_pc_hy {
		width: 100%;
		height: 100%;
		background-image: url(../imgs/Rectangle.png);
		position: absolute;
	}

	.footfont p:first-child {
		margin-bottom: 5px;
		font-size: 14px;
		color: rgba(51, 51, 51, 1);
	}

	.footfont p+p {
		font-size: 12px;
		font-family: PingFangSC-Regular, PingFang SC;
		color: rgba(102, 102, 102, 1);
		line-height: 20px;
	}

	.footfont {
		height: 110px; 
		padding-top: 10px;
		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: url(../imgs/cloud.png);
		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: url(../imgs/yudao_pc.png);
		background-size: 100% 100%;
		margin-left: 30px;
	}

	.pro_hy .pro_pic {
		float: left;
		width: 220px;
		height: 100%;
		background-image: url(../imgs/hy_pc.png);
		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: url(../imgs/IOS_yd_pc.png);
		background-size: 100% 100%;
		margin: 30px 0px;
	}

	.yd_android {
		width: 160px;
		height: 65px;
		background-image: url(../imgs/Android_yd_pc.png);
		background-size: 100% 100%;
		margin: 10px 0px;
	}

	.hy_ios {
		width: 160px;
		height: 65px;
		background-image: url(../imgs/IOS_hy_pc.png);
		background-size: 100% 100%;
		margin: 30px 0px;
	}

	.hy_android {
		width: 160px;
		height: 65px;
		background-image: url(../imgs/Android_hy_pc.png);
		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: url(../imgs/left_btn.png);
		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: url(../imgs/right_btn.png);
		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: url(../imgs/yd_pc.png);
		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: url(../imgs/smt_pc_img.png);
		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: #C475FF;
		-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: #FFFFFF;
		height: 550px;
	}

	.item_content {
		width: 1200px;
		height: 100%;
		margin: 0 auto;
		position: relative;

	}

	.pro_d1_img {
		width: 527px;
		height: 635px;
		background-color: red;
		position: absolute;
		bottom: -136px;
		left: 30px;
		background: url(../imgs/B.png) no-repeat 0 0;
		background-size: 100% 100%;

	}

	.pro_d1_box {
		width: 502px;
		height: 344px;
		position: absolute;
		right: 0px;
		bottom: 0px;
		transition: all 0.5s;
	}

	.pro_d1_title {
		width: 429px;
		height: 85px;
		/* background: url(../imgs/pro_yuliao_title.png) no-repeat 0 0; */
		/* background-size: 100% 100%; */
		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: 60px;
	}

	.pro_d1_info {
		width: 540px;
		height: 70px;
		/* background: url(../imgs/pro_.png) no-repeat 0 0;
		background-size: 100% 100%; */
		position: absolute;
		right: -42px;
		bottom: 170px;
		transition: all 1s;
		transform: translate(0px, -100px);
		opacity: 0;
		color: #fff;
		font-size: 30px;
	}

	.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: 11px;
		bottom: 90px;
	}

	.pro_d1_Btn a {
		text-decoration: none;
		width: 140px;
		height: 40px;
		display: inline-block;
	}

	.pro_d1_Btn a:first-child {
		margin-right: 70px;
	}

	.pro_d1_Btn a p {
		width: 160px;
		height: 50px;
		background: rgba(255, 255, 255, 1);
		border-radius: 6px;
		font-size: 20px;
		text-align: center;
		line-height: 50px;
		color: rgba(196, 117, 255, 1);
	}

	.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: 200px;
		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: 399px;
		height: 420px;
		background: url(../imgs/A.png) no-repeat 0 0;
		background-size: 100% 100%;
		position: absolute;
		left: 0px;
		bottom: -3px;
		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: left;
	}

	.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(../imgsNew/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;
}