body,
html,
li,
ul {
	margin: 0;
	padding: 0
}


.topNav {
	overflow: hidden;
	padding: 15px 180px;
	font-size: 18px;
}

.topNav>.logo {
	float: left;
	width: 150px;
	font-size: 0
}

.topNav>.navigate {
	height: 30px;
	float: right;
	text-align: center;
	margin-top: 5px
}

.topNav>.navigate .navigateUl {
	display: inline-block
}

.topNav>.navigate .navigateUl li {
	list-style-type: none;
	float: left;
	margin-right: 15px
}

.topNav>.navigate .navigateUl li a {
	text-decoration: none;
	font-size: 18px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #3b3b3b;
	line-height: 25px;
	
}
 .mobile_nav .navbar-content .active a{
	color:#2FA8FF;
}
.topNav>.navigate .navigateUl li a:hover {
	color: #2FA8FF
}

.mobile_nav_b {
	height: 70px;
	display: none
}


.mobile_page{
}
.mobile_page.active{
	position: fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index: 99;
	background:rgba(0,0,0,0.6); 
}
.mobile_nav {
	background: #fff;
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 99;
	display: none; 
}

.mobile_nav>.navbar-header {
	height: 70px;
	overflow: hidden;
	line-height: 70px;
	padding: 0 20px;
	position: relative
}

.mobile_nav>.navbar-header>.logo {
	font-size: 0;
	line-height: 70px;
	float: left;
	height: 70px
}

.mobile_nav>.navbar-header>.logo>img {
	width: 150px;
	vertical-align: middle
}

.mobile_nav>.navbar-header>.navigate {
	float: right;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 20px;
	cursor: pointer;
	overflow: hidden;
	line-height: 0;
	padding: 5px 2px
}
.mobile_nav .close{
	
	    float: right;
	    position: absolute;
	    top: 50%;
	    -webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	    transform: translateY(-50%);
	    right: 20px;
	    cursor: pointer;
	    overflow: hidden;
	    line-height: 0;
	    /* padding: 5px 2px; */
	    height: 25px;
}

.mobile_nav>.navbar-header>.navigate>div {
	margin: 5px auto auto;
	width: 24px;
	height: 2px;
	background: #3b3b3b;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition: -webkit-transform .3s;
	-o-transition: transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s
}

.mobile_nav>.navbar-header>.navigate>div:first-of-type {
	margin: 0
}

.mobile_nav>.navbar-content {
	display: none;
	padding-bottom: 30px
}

.mobile_nav>.navbar-content.active {
	display: block
}

.mobile_nav>.navbar-content>div {
	height: 44px;
	font-size: 16px;
	padding: 0 20px;
	line-height: 44px;
	cursor: pointer
}




.navbar-content div a {
	color:black;
	text-decoration: none;
}
.navbar-content div a:hover {
	color:#2FA8FF;
}




.mobile_nav>.navbar-content>.qrcode {
	font-size: 0;
	height: auto
}

.mobile_nav>.navbar-content>.qrcode>img {
	display: block;
	margin: 16px auto auto;
	width: 122px;
	padding: 10px
}

.mobile_nav>.navbar-content>.qrcode>div {
	text-align: center;
	height: 22px;
	font-size: 16px;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #000;
	line-height: 22px
}

@media screen and (max-width:1360px) {
	.topNav {
		padding: 15px 120px
	}
}

@media screen and (max-width:1265px) {
	.topNav,.topNav_1 {
		padding: 15px 90px
	}
}

@media screen and (max-width:1165px) {
	.topNav,.topNav_1 {
		display: none
	}

	.mobile_nav,
	.mobile_nav_b {
		display: block
	}
}
