@charset "utf-8";

/* tianwen 2015-8-12 */

/*首页*/
html { -webkit-text-size-adjust: 100%; height: 100% }
body, p, blockquote, ul, ol, li, h1, h2, h3, h4, h5, h6, dl, dd, input, textarea, button { margin: 0; padding: 0 }
body { font-size: 14px; background: #f7f7f7; color: #6f6f6f; font-family: Tahoma, "microsoft yahei", Geneva, sans-serif; line-height: 150%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; height: 100% }
ul { list-style: none }
img { border: 0 }
.h100 { height: 100%; width: 100%; position: absolute; top: 0; z-index: 1; -webkit-transition: top .5s linear; transition: top .5s linear }
.page-current { z-index: 2 }
.page-1 { background-color: #e74d4d; background-image: url(/public/img/m/index_img1.png); background-repeat: no-repeat; background-position: center 200px; -webkit-background-size: 225px auto; background-size: 225px auto }
.page-2 { background-color: #74c25c; background-image: url(/public/img/m/index_img2.png); background-repeat: no-repeat; background-position: center 200px; -webkit-background-size: 283px 255px; background-size: 283px 255px }
.page-3 { background-color: #6e4937; background-image: url(/public/img/m/index_img3.png); background-repeat: no-repeat; background-position: center 200px; -webkit-background-size: 300px 226px; background-size: 300px 226px }
.page-4 { background-color: #35b57a; background-image: url(/public/img/m/index_img4.png); background-repeat: no-repeat; background-position: center 200px; -webkit-background-size: 306px 243px; background-size: 306px 243px }
.page-5 { background-color: #2d97b2; background-image: url(/public/img/m/index_img5.png); background-repeat: no-repeat; background-position: center 200px; -webkit-background-size: 200px auto; background-size: 200px auto }
.page-6 { background-color: #d7d7d7; background-image: url(/public/img/m/index_img6.png); background-repeat: no-repeat; background-position: center 200px; -webkit-background-size: 173px 253px; background-size: 173px 253px }
.title { padding-top: 105px; text-align: center; color: #f6f6f6 }
.page-6 .title { color: #303030 }
.title h3 { font-size: 30px; margin-bottom: 20px; font-weight: normal }
.title p { font-size: 12px }
.box { display: -webkit-box; display: box; display: -webkit-flex; display: flex; -webkit-box-sizing: border-box; -webkit-box-orient: horizontal; -webkit-box-pack: justify }
.flex { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1 }
.btn-box .center { background: url(../../static/i/pamphlets/btn_center.png) repeat-x left top; -webkit-background-size: 2px 44px; text-align: center; padding-top: 3px }
.btn-line { margin: 0 9px 3px 9px }
.btn-line em { float: left; width: 3px; height: 3px; background: #fff; border-radius: 50% }
.btn-line b { display: block; margin-left: 5px; height: 3px; background: #fff; border-radius: 2px }
.btn-box font { font-size: 20px; color: #9d3705 }
.btn-box span { display: inline-block; width: 2px; height: 44px }
.btn-box span.left { background: url(../../static/i/pamphlets/btn-left.png) no-repeat left top; -webkit-background-size: 2px 44px; background-size: 2px 44px }
.btn-box span.right { background: url(../../static/i/pamphlets/btn-right.png) no-repeat left top; -webkit-background-size: 2px 44px; background-size: 2px 44px }
@media (max-height:736px) {
	.title { padding-top: 65px }
	.page-1, .page-2 { background-position: center 260px }
	.page-3 { background-position: center 250px }
	.page-4 { background-position: center 280px }
	.page-5, .page-6 { background-position: center 270px }
	.page-6 .title, .page .title { padding-top: 170px }
	.page-3 .title { padding-top: 140px }
}
@media (max-height:667px) {
	.title { padding-top: 65px }
	.page-1, .page-5 { background-position: center 220px }
	.page-2 { background-position: center 230px }
	.page-3 { background-position: center 250px }
	.page-4, .page-6 { background-position: center 240px }
	.page-6 .title, .page .title { padding-top: 130px }
}
@media (max-height:568px) {
	.title { padding-top: 65px }
	.page-1 { background-position: center 170px }
	.page-2, .page-3, .page-4, .page-6 { background-position: center 190px }
	.page-5 { background-position: center 180px }
	.page-6 .title, .page .title { padding-top: 90px }
}
@media (max-height:480px) {
	.title { padding-top: 65px }
	.page-1 { background-position: center 125px; -webkit-background-size: 200px auto; background-size: 200px auto }
	.page-2 { background-position: center 140px; -webkit-background-size: 240px auto; background-size: 240px auto }
	.page-3 { background-position: center 150px; -webkit-background-size: 260px auto; background-size: 260px auto }
	.page-4 { background-position: center 140px; -webkit-background-size: 260px auto; background-size: 260px auto }
	.page-5 { background-position: center 120px; -webkit-background-size: 180px auto; background-size: 180px auto }
	.page-6 { background-position: center 140px; -webkit-background-size: 150px auto; background-size: 150px auto }
	.page-6 .title, .page .title { padding-top: 60px }
	.page-3 .title { padding-top: 70px }
	.title h3 { margin-bottom: 10px }
}
.none { display: none }

/*Button*/
.download_button { position: absolute; bottom: 20px; left: 0; width: 100%; text-align: center }
.download_button a.app_icon:nth-child(1) { margin-left: 0 }
.download_button { z-index: 1004 }
.download_button a { display: inline-block; color: #fff; height: 43px; line-height: 43px; font-size: 15px; border: 1px solid #fff; border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 30px; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in }
.download_button a.app_icon { border: none; width: 43px; height: 43px; margin-left: 20px; vertical-align: middle }
.download_button a.appstore { width: 86px; padding-left: 64px; text-align: left; background: url(/public/img/m/icon_appstore.png) 38px center no-repeat; -webkit-background-size: 19px; background-size: 19px }
.download_button a.googleplay { width: 95px; padding-left: 55px; text-align: left; background: url(/public/img/m/icon_googleplay.png) 30px center no-repeat; -webkit-background-size: 16px 18px; background-size: 16px 18px }
.download_button a.zhushou_button { background: url(/public/img/m/vedio.png) 0 0 no-repeat; -webkit-background-size: 43px; background-size: 43px }
.download_button a.zhushou_button.hover { background: url(/public/img/m/vedio_hover.png) 0 0 no-repeat; -webkit-background-size: 43px; background-size: 43px }
.download_button a.wandoujia_button { background: url(/public/img/m/f.png) 0 0 no-repeat; -webkit-background-size: 43px; background-size: 43px }
.download_button a.wandoujia_button.hover { background: url(/public/img/m/f_hover.png) 0 0 no-repeat; -webkit-background-size: 43px; background-size: 43px }
.download_button a.wandoujia_button1 { background: url(/public/img/m/f_1.png) 0 0 no-repeat; -webkit-background-size: 43px; background-size: 43px }
.download_button a.wandoujia_button1.hover { background: url(/public/img/m/f_hover1.png) 0 0 no-repeat; -webkit-background-size: 43px; background-size: 43px }
.download_button a.baidu_button { background: url(/public/img/m/g.png) 0 0 no-repeat; -webkit-background-size: 43px; background-size: 43px }
.download_button a.baidu_button.hover { background: url(/public/img/m/g_hover.png) 0 0 no-repeat; -webkit-background-size: 43px; background-size: 43px }
.download_button a.baidu_button1 { background: url(/public/img/m/g_1.png) 0 0 no-repeat; -webkit-background-size: 43px; background-size: 43px }
.download_button a.baidu_button1.hover { background: url(/public/img/m/g_hover1.png) 0 0 no-repeat; -webkit-background-size: 43px; background-size: 43px }
.top_title { padding: 15px 15px 0 19px; height: 19px; line-height: 19px; font-size: 12px }
.top_title >:nth-child(1), .top_title >:nth-child(3) { width: 33%; vertical-align: top; display: inline-block }
.top_title span { width: 34%; text-align: center; vertical-align: top; display: inline-block }
.top_title span img { width: 74px; height: 19px }
.fixed_top { position: fixed; top: 0; left: 0; right: 0; z-index: 1000 }
.menu_a { height: 19px; background: url(/public/img/m/nav.png) no-repeat left center; -webkit-background-size: 19px 14px; background-size: 19px 14px; float: left }
.down { color: #fff; font-size: 12px; float: right; text-align: right }
.down i { background: url(/public/img/m/down_load.png) no-repeat left center; -webkit-background-size: 15px 13px; display: inline-block; width: 15px; height: 13px; margin-right: 5px }
.top_title .appstore { padding-left: 40px; font-size: 12px; color: #fff; background: url('/public/img/m/icon_appstore.png') no-repeat 15px center; -webkit-background-size: 19px; background-size: 19px; float: right }
.top_title .googleplay { padding-left: 27px; font-size: 12px; color: #fff; background: url(/public/img/m/icon_googleplay.png) 5px center no-repeat; -webkit-background-size: 16px 18px; background-size: 16px 18px; float: right }
.h50 { height: 50px }

/*菜单*/
.menu { overflow: hidden; position: absolute; z-index: 1000; left: 0; right: 0; top: 40px; display: none }
.menu .item { background: #eee; width: 10px; height: 10px; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-left: 23px; margin-top: 3px }
.menu ul { background: #eee; margin-top: -5px }
.menu ul li { font-size: 16px; margin: 0 19px; border-bottom: 1px solid #e2e2e2 }
.menu ul li.hover, .menu ul li a:hover { background: #eaeaea }
.menu ul li a { height: 45px; line-height: 45px; display: block; color: #292929; padding: 0 5px; width: 100% }
.yuyan { position: absolute; bottom: 8px; right: 0 }
.menu ul li .yuyan a { background: #f7f7f7; display: inline-block; font-size: 12px; border: 1px solid #e2e2e2; height: 25px; line-height: 25px; width: 25px; border-radius: 50%; text-align: center; margin: 0 5px; padding: 0; overflow: hidden }
.menu ul li .yuyan a.hover { background: #eaeaea }

/*二级页面*/
.ej_title { background: #fcfcfc; border-bottom: 1px solid #f5f5f5; height: 35px }
.ej_title .menu_a { background: url(/public/img/m/na_black.png) no-repeat; -webkit-background-size: 21px 15px }
.ej_title .down { color: #292929 }
.down i.black { background: url(/public/img/m/down_load_black.png) no-repeat; -webkit-background-size: 15px 13px }
.page_rj { padding: 0 15px; overflow: hidden }
.page_rj .disc li { list-style-type: disc; list-style: inside }
.page_rj .disc ul { padding-left: 15px }
.page_rj .disc ul li { list-style-type: circle }
.page_rj h1 { font-size: 19px; padding: 27px 0 25px }
.page_rj h2 { font-size: 16px; color: #333 }
.page_rj { line-height: 30px }

/*商务*/
.download_button a.copy_button, .download_button a.business_button, .download_button a.copy_button:hover, .download_button a.business_button:hover { -webkit-background-size: 144px 40px; width: 144px; height: 40px }
.static { position: static; padding: 0 0 20px }
.download_button a.copy_button_a, .download_button a.business_button_a, .download_button a.software_button, .download_button a.google_button { border: 1px solid #999; border-radius: 20px; color: #292929; font-size: 15px; width: auto; padding-left: 50px; padding-right: 25px; height: 39px; line-height: 39px }
.download_button a.copy_button_a { background: url(/public/img/m/copy_img.png) no-repeat 25px center; -webkit-background-size: 17px 17px }
.download_button a.copy_button_a:hover, .download_button a.business_button_a:hover, .download_button a.software_button:hover, .download_button a.google_button:hover { background-color: #e9e9e9 }
.download_button a.business_button_a { background: url(/public/img/m/business_img.png) no-repeat 24px center; -webkit-background-size: 17px 17px }

/*二维码*/
.code { padding: 63px 0 20px }
.code img { width: 210px }
.download_button a.software_button { background: url(/public/img/m/sofeware_down_img.png) no-repeat 25px center; -webkit-background-size: 16px 15px; width: 80px; margin: 0 auto; display: block; margin-top: 10px }
.download_button a.google_button { background: url(/public/img/m/google_img.png) no-repeat 28px center; -webkit-background-size: 16px 15px; width: 80px; margin: 0 auto; display: block; margin-top: 10px }
.block a { display: block }
.lxwm { overflow: hidden; padding: 0 15px }
.lxwm li { background: #e8554d; color: #fff; font-size: 14px; padding: 8px 0; width: 100%; margin-bottom: 10px; border-radius: 5px }
.lxwm li div a { color: #fff; font-size: 12px }
.lxwm li div { background: url(/public/img/m/mail.png) no-repeat 10px center; -webkit-background-size: 18px 13px; margin-left: 5px; padding-left: 35px }
.icon_arr_tips { width: 31px; height: 22px; margin-left: -16px; background: url(../../images/lang/icon_arr_tips.png) no-repeat; -webkit-background-size: cover; background-size: cover; position: absolute; bottom: 70px; left: 50%; z-index: 10; -webkit-animation: aniArrTips 1.5s; animation: aniArrTips 1.5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite }
@-webkit-keyframes aniArrTips {
	0% { -webkit-transform: translate(0); transform: translate(0) }
	66% { -webkit-transform: translate(0, -5px); transform: translate(0, -5px) }
	100% { -webkit-transform: translate(0); transform: translate(0) }
}