/* 通用 */
@charset "utf-8";
html{-webkit-text-size-adjust:none;}
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0; font-family:"微软雅黑", Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif" ; font-size: 14px; height:auto; width: 100%;}
body{}
img {max-width:100%;height:auto;width:auto\9; /* ie8 */}
*{transition: all 0.2s; }
a{color:#fff;text-decoration:none;}
a:link,a:visited{}
a:hover{color:#1a6ed0;}
ul, li{list-style: none;}
img{border: 0px; vertical-align:top;}
input{margin: 0px;padding: 0px;}
em{font-style:normal;}
.fl{float:left;}
.fr{float:right;}
.wrap{width:1200px; margin: 0 auto;}
.clear{ clear: both; overflow: hidden;}
.bg{background:#f5f5f5;}
.bg2{background:#fff;}
.bg3{background:#f8f8f8;}
.bg4{background:#f5f5f5; width: 100%; }
.o-f-e{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.t-r{ text-align: right;}
.t-c{ text-align: center;}
.t-l{ text-align: left;}


/* 下载页 */
.download-con{ background: url(../images/download_bg.jpg) no-repeat center top; width: 100%; height: 594px; }
.download-phone{ background: url(../images/download_phone.png) no-repeat center center;  width: 502px; height: 524px; display: block; margin: 71px 0 0 70px; float: left;}

.download-info-con{ float: left;margin: 220px 0 0 100px;}
.download-info{ color: #fff; margin: 0 0 80px 0;}
.download-info h1{background: url(../images/ico_logo.png) no-repeat left center;  width:  352px; height: 60px; display: block;  margin: 0 0 16px 0;}
.download-info h2{ font-size: 34px; font-weight: normal;  letter-spacing: 6px;}

.download-btn{color: white; border: 1px solid #fff; text-align: center; height: 54px; line-height: 54px; width: 180px;  font-size: 18px;-moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
.download-btn.android{background: url(../images/ico_android.png) no-repeat 24px center;  padding: 0 0 0 30px;  margin: 0 20px 0 0; display: block; float: left;}
.download-btn.android:hover{color: #3296fa; background: url(../images/ico_android2.png) #fff no-repeat 24px center;  }
.download-btn.iphone{background: url(../images/ico_iphone.png) no-repeat 24px center; padding: 0 0 0 30px;display: block; float: left;}
.download-btn.iphone:hover{color: #3296fa; background: url(../images/ico_iphone2.png) #fff  no-repeat 24px center; }

.download-btn:hover{ border: 1px solid #fff; }

.function-con-wrap{background:url(../images/bg.jpg) center top no-repeat; background-size:100% 100%; padding:10px 0 30px 0;}
.function-con{ overflow: hidden; width: 1000px; margin:0 auto;}
.function-tit{ text-align: center; margin: 60px 0;}
.function-tit h1{ font-size: 36px; color: #333333; font-weight: normal; padding: 0 0 20px 0;}
.function-tit h2{ font-size: 22px; color: #999999;font-weight: normal;}
.function-list{ margin: 0 150px; overflow:hidden; zoom:1;}
.function-li{ width: 450px; overflow: hidden; float: left; margin: 0 0 30px 0;}
.function-img{float: left;}
.function-img img{ width: 60px; height: 60px;}
.function-info{margin-left:80px;}
.function-info h1{ color: #333; font-weight: normal;  font-size: 18px;  padding: 2px 0 5px 0;}
.function-info h2{ color: #999; font-weight: normal; font-size: 16px;}
.function-con *{box-sizing:border-box;}
.function-con .iconList{overflow:hidden; zoom:1;}
.function-con .iconList li{background:#fff; border:1px solid #e7e7e7; width:23%; padding:20px 0; margin:0 1% 20px 1%; text-align:center; position:relative; color:#666; float:left; cursor:pointer;}
.function-con .iconList li h1{font-size: 18px; padding:5px 0 2px 0; font-weight:400;}
.function-con .iconList li .bottomLine{position:absolute; bottom:0; left:50%; transform: translate(-50%); height:3px; background:#488bf6; width:0;}
.function-con .iconList li:hover .bottomLine{animation: ad_width .5s linear forwards;}
@keyframes ad_width {
    from {
        width: 0
    }

    to {
        width:45%
    }
}

/* APP介绍 */
.introduction-con{margin: 0 0 50px 0; overflow: hidden;}
.introduction-info{width:900px; margin:0 auto; }
.introduction-info p{ font-size: 18px; margin: 20px 0; line-height: 30px; color: #666;text-indent: 2em;  }

/* 底部 */
.footer{border-top:1px solid #ededed; text-align:center; padding:15px 0; color: #999;}
.footer a{color: #999;}
.footer a:hover{color: blue}
.mobileHeader ,.mobileFooter{display:none;}

/* 首页-左右侧菜单 */
.icon_right_customerService, .icon_right_weixin, .icon_right_app, .icon_right_backtop {background: url("../images/pics.png") no-repeat scroll -486px -176px;cursor: pointer;display: inline-block;height: 40px;margin-bottom: 2px;width: 40px;}
.right_menu .icon_right_weixin {background-position: -486px -218px;}
.right_menu .icon_right_backtop {background-position: -486px -126px;}
.right_menu .right_weixin:hover .icon_right_weixin {background-position: -486px -42px;}
.right_menu {bottom: 100px;position: fixed;right: 20px;z-index: 999;}

.rt_ewm {text-align: center;font-size: 12px;color: #ababab;}
.rt_ewm img {display: block;margin: 20px auto 0;}
.kf_qqlink, .kf_weixin,.kf_weixin_ios, .kf_app {background: #fff none repeat scroll 0 0;border: 1px solid #e9e9e9;box-shadow: 2px 2px 2px #e9e9e9;padding: 10px 20px;position: absolute;right: 60px;width: 160px;}
/*.kf_weixin {top: -90px;}*/
.kf_weixin,.kf_weixin_ios{top:60px; left:4px;}

/* 移动端加载的样式 */
@media screen and (max-width:640px) {
	.right_menu{ display: none;}
	.wrap{width:100%;}
	.pcHeader{display:none;}
	.mobileHeader{display:block; padding:0 5% 0 5%; text-align:center;}
	.mobileHeader img{width:100%;}
	.download-con{overflow:hidden; height:auto;}
	.mobileHeader .download-info{margin:50px auto 30px auto; }
	.mobileHeader .download-info img{ width: 70%;}
	.mobileHeader .download-info h2{font-size:1.2rem; padding-top:0.4em;}
	.function-con{width:98%; margin:0 1% 0 1%;}
	.function-tit{margin: 2em 0;}
	.function-tit h1{ font-size: 1.6em;padding: 0 0 0.4em 0;}
	.function-tit h2{font-size: 1em;}
	.function-list{margin:20px 0 0 0;}
	.function-li{/* float:none;*/ width:50%; margin:0 0 10px 0; /*border-bottom: 1px solid #f5f5f5;*/ padding: 0 0 10px 0;}
	.function-img img{ width: 3.6em; height: 3.6em;}
	.function-info{margin-left:60px;}
	.function-info h1{  font-size: 1.2em;  padding: 2px 0 3px 0;}
	.function-info h2{ font-size: 1em;}
	.function-con .iconList{width:96%; margin:0 auto;}
	.function-con .iconList li{width:44%; margin:0 3% 20px 3%;}
	.function-con .iconList li img{width:35%;}
	.function-con .iconList li h1{font-size:16px;}

	/* APP介绍 */
	.introduction-con{ width: 88%;margin:0 6% 3rem 6%;}
	.introduction-tit{display:block; margin:3% 0;}
	.introduction-info{width:100%; margin:0 auto;text-indent: 2em; }

	/* 底部 */
	.footer{display:none;}
	.mobileFooter{position:fixed; left:0; bottom:0; width:94%; height:3rem; line-height:3rem; background:#fff; border-top: 1px solid #f5f5f5; color:#666; padding:0 3%; font-size:14px; display:block;}
	.iconBox{float:left; width:30px; height:30px;  margin:8px 10px 0 0;}
	.iconBox img{ width: 100%;}
	.mobileFooter .btnDown{float:right; height:30px; line-height:30px; margin-top:8px; padding:0 10px; border:1px solid #d0d0d0; font-size:14px; color: #666;}
	.mobileFooter .rightIcon{float:right; width: 40px;margin: 8px 0 0 0; padding:0; border:none;text-align: right;}
	.mobileFooter .btnDown img:active{ border:1px solid #3692fa; background-color: rgba(200,200,200,100);}
	.btnDownImg{width: 80%;height: auto;}
}

.mark{
	width: 100%;
	height: 100%;
	background-color: #333;
	position: fixed;
	z-index: 9999999;
	top:0;
	left:0;
	display: none;
}

.actions button {
	display: inline-block;
	padding: 12px 46px;
	min-width: 200px;
	border: 1px solid #32B2A7;
	border-radius: 40px;
	font-size: 14px;
	background: #3296fa;
	color: #fff;
}
.actions{
	text-align: center;
}