* {
	padding: 0;
	margin: 0;
	font-size: 12px;
	color: #333
}

body {
	width: 100%;
	height: auto;
	background: #fff
}

li {
	list-style-type: none
}

a {
	text-decoration: underline !important;
	font-size: .9vw
}

.main {
	width: 100%
}

.top_banner {
	position: relative;
	margin-bottom: 1%
}

.pic img {
	width: 100%
}

.navbar {
	width: 100%;
	text-align: right
}

.navbar ul li {
	display: inline-block;
	cursor: pointer;
	font-size: .9vw;
	padding: .5% 1%
}

.navebar_top {
	position: absolute;
	top: 22%;
	right: 0
}

.navbar_bottom {
	background: #fff;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 999
}

.introduction {
	width: 97%;
	position: absolute;
	top: 32%;
	left: 3%
}

.introduction h3 {
	color: #c3c3c3;
	letter-spacing: .13vw;
	font-size: .9vw
}

.introduce {
	position: absolute;
	left: 5%;
	top: 42%
}

.introduce h3 {
	font-size: 2vw;
	letter-spacing: .1vw;
	color: #fff
}

.introduce ul li {
	padding-top: 5%;
	letter-spacing: .13vw;
	color: #fff;
	font-size: .9vw
}

.navbar_title {
	width: 97%;
	padding-left: 3%;
	padding-bottom: 1%
}

.navbar_title h3 {
	color: #c3c3c3;
	padding: 1% 0;
	letter-spacing: .13vw;
	font-size: .9vw
}

.down .down_code {
	width: 74%;
	margin: 0 auto;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	/* justify-content: space-between */
}
.down .down_code ul{
	margin-right:10%;
}
.down ul li {
	text-align: center;
	font-size: .9vw;
	letter-spacing: .13vw;
	padding: 4% 0;
	margin-bottom: 1vw
}

.down ul li a {
	font-size: .8vw
}

.down .sprite {
	background: url(../images/sprite.png) no-repeat;
	width: 7vw;
	height: 6.7001vw;
	background-size: 97vw
}

.down .ios {
	background-position: 0 10%
}

.down .android {
	background-position: 22.8% 10%;
	margin: 0 auto
}

.down .applet {
	background-position: 45.5% 10%
}

.down .wx {
	background-position: 68.3% 10%
}

.down .public_number {
	background-position: 90.9% 10%
}

.country .map {
	width: 100%
}

.country .map li {
	text-align: center
}

.country .route {
	background: url(../images/sprite.png) no-repeat;
	background-size: 76vw;
	height: 15vw;
	background-position: 0 26.8%;
	width: 79%;
	margin: 0 auto
}

.country .country_name {
	background: url(../images/sprite.png) no-repeat;
	background-size: 76vw;
	height: 39.3vw;
	background-position: 0 -32vw;
	width: 79%;
	margin: 2vw auto 0
}

.partner_contents {
	/* padding-left: 5%; */
	display: flex;
	justify-content: space-around
}

.partner_contents ul {
	width: 15%;
}

.partner ul li {
	text-align: center;
	vertical-align: middle;
	font-size: .9vw
}

.partner ul li:first-child {
	height: 5vw;
	padding-bottom: 3vw
}
.buy_content {
 width: 97%;
 text-align: center;
}

.buy_content img {
 width: 89.7%;
 cursor: pointer;
}
.partner ul img {
	width: 7vw;
	vertical-align: middle
}

.about_row {
	display: flex;
	justify-content: space-around;
	width: 87%;
	margin: 0 auto
}

.about_row h4 {
	font-size: .8vw;
	font-weight: 600;
	text-align: center;
	padding: .62vw 0
}

.about_row .about_introduce,
.contact li {
	text-align: center;
	font-size: .8vw;
	line-height: 1.5vw
}

.about_row .about_introduce,
.contact {
	width: 22%
}

.beian {
	text-align: center;
	line-height: 1.5vw;
	background-color: #333;
	padding: 10px;
}

.beian a {
	font-size: .8vw;
	color: #FFFFFF;
	/* text-decoration: none !important; */
}

.beian a:visited {
	color: #FFFFFF;
}

/* 已被访问过的链接 蓝色 */
.beian a:hover {
	color: #FFFFFF
}

/* 鼠标悬浮在上的链接 蓝色 */
.beian a:active {
	color: #FFFFFF
}

.beian p{
	color: #FFFFFF;
	font-size: .8vw;
}
/* 鼠标点中激活链接 蓝色 */
.about_row .about_introduce li {
	font-size: .8vw;
	line-height: 1.5vw
}

.about .email li input {
	width: 80%;
	height: 100%;
	display: block;
	margin: 0 auto;
	border: 0;
	background: #fff
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px white inset
}

.about .email h4 {
	text-align: left
}

.about .email ul li {
	display: inline-block;
	border: 1px solid rgba(51, 51, 51, 1);
	border-radius: .3vw;
	padding: .2vw 0
}

.about .email ul .name {
	width: 21%;
	margin-bottom: .5vw
}

.about .email ul .tel {
	width: 31%;
	margin-left: .62vw
}

.about .email ul .tel input {
	width: 80%
}

.about .email .content {
	display: inline-block;
	vertical-align: bottom;
	width: 80%
}

.about .email textarea {
	width: 75%;
	padding: 3% 3% 10%;
	border-radius: .3vw;
	border: 1px solid rgba(51, 51, 51, 1);
	display: inline-block;
	vertical-align: bottom
}

.about .email .send {
	text-align: center;
	cursor: pointer;
	background: #f5f5f5;
	border: 1px solid #333;
	padding: .1vw .4vw .15vw;
	border-radius: .3vw;
	margin-left: .5vw;
	display: inline-block
}

.about .email .send a {
	font-size: .7vw;
	text-decoration: none
}

.layui-layer-content {
	color: #fff
}

.meng {
	width: 100%;
	position: absolute;
	top: 70.2%;
	left: 0;
	background: rgba(0, 0, 0, 0.39);
	padding: 1% 0 3%
}

.meng .down_code {
	width: 71.7%;
	padding-left: 3%
}

.meng li {
	color: #fff
}

.links {
	padding-bottom: 5%
}

.links_all {
	margin-left: 12%
}

.link_detail {
	width: 33%;
	display: inline-block;
	vertical-align: top
}

.links h4 {
	font-size: .8vw;
	line-height: 1.5vw
}

.links ul {
	margin-top: .5vw
}

.links ul li {
	line-height: 1.5vw
}

.links ul a {
	font-size: .8vw
}

function echo(stringA, stringB) {
	var hello="你好";
	alert("hello world")
}
