* {
	margin: 0;
	padding: 0;
	border: 0
}

ul li {
	list-style: none
}

a,
span,
label {
	display: inline-block;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.cf:after {
	content: '';
	display: block;
	height: 0;
	clear: both
}

.cf {
	*zoom: 1
}

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px white inset !important;
}

input:-webkit-autofill {
	-webkit-transition: background-color 5000s ease-in-out 0s;
	-o-transition: background-color 5000s ease-in-out 0s;
	-moz-transition: background-color 5000s ease-in-out 0s;
	transition: background-color 5000s ease-in-out 0s;
}

.c_layout {
	width: 1160px;
	height: 100%;
	margin: 0 auto;
	position: relative;
}

.bgW {
	background: rgba(255, 255, 255, .9) !important;
}

.txtCenter {
	text-align: center
}




/* 公用布局 */
.comBox {
	padding: 60px 0;
	background: #fff;
}

.bgg {
	background: #f7f7f7;
}

.bgb {
	color: #fff;
	background: #090909 url(../images/bg1.jpg) bottom no-repeat;
	background-attachment: fixed;
}

.bgb .comWrap .tit h3::after {
	background: #fff;
}

.bgc {
	background: #eeedf3 url(../images/bg3.jpg) bottom no-repeat;
	background-attachment: fixed;
}

.bgd {
	text-align: center;
	background: url(../images/bg5.jpg) bottom no-repeat;
	background-attachment: fixed;
}

.bgd .comWrap {
	padding-bottom: 10px;
}

.bgd h3 {
	color: #fff;
	font-size: 34px;
}

.comWrap {
	width: 1160px;
	margin: 0 auto;
	overflow: hidden;
}

.comWrap .tit {
	text-align: center;
}

.comWrap .tit h3 {
	font-size: 32px;
	position: relative;
	font-weight: normal;
}

.comWrap .tit h3::after {
	content: '';
	width: 40px;
	height: 2px;
	background: #000;
	position: absolute;
	left: 50%;
	bottom: -10px;
	transform: translateX(-50%);
}

.comWrap .tit label {
	font-size: 12px;
	color: #999;
	line-height: 60px;
}




/* 客服中心 */
.onlineList {
	margin-top: 10px;
	background: #fff;
	padding: 20px 20px 40px 20px;
	border-radius: 10px;
	box-shadow: 0px 10px 20px 0px rgba(202, 202, 202, 0.25);
}

.onlineList span {
	font-size: 18px;
	color: #333;
	display: block;
	padding: 20px 0;
	margin-bottom: 15px;
	text-align: center;
	font-weight: bold;
}

.onlineList1 a:hover {
	color: #333;
	border-color: #333;
	background: url(../images/Telegramz.png) 15px center no-repeat;
}
.onlineList2 a:hover {
	color: #333;
	border-color: #333;
	background: url(../images/ico_qq.png) 15px center no-repeat;
}
.kfya2 {
	width: 175px;
	line-height: 38px;
	padding: 0 10px 0 40px;
	color: #666;
	font-size: 14px;
	overflow: hidden;
	border: 1px solid #ddd;
	border-radius: 5px;
	background: url(../images/ico_qq2.png) 15px center no-repeat;
	margin: 0 3px 10px 3px;
	transition: all .3s;
}

.kfya {
	width: 205px;
	line-height: 38px;
	padding: 0 10px 0 40px;
	color: #666;
	font-size: 14px;
	overflow: hidden;
	border: 1px solid #ddd;
	border-radius: 5px;
	background: url(../images/Telegramz.png) 15px center no-repeat;
	margin: 0 3px 10px 3px;
	transition: all .3s;
}

.kfya1 {
	font-size: 14px;
	margin: 0 3px 10px 3px;
	padding: 0 10px 0 40px;
	background: url(../images/Telegramz.png) 15px center no-repeat;
	width: 275px;
	line-height: 38px;
	border: 1px solid #ddd;
	border-radius: 5px;
}

/* 手机端兼容 */
@media (max-width: 767px) {

	html,
	body {
		font-size: 12px;
		overflow-x: hidden;
	}

	input {
		/*-webkit-appearance:none;*/
	}

	.comBox {
		padding: 20px 0;
	}

	.comWrap {
		width: 100%
	}

	.comWrap .tit h3 {
		font-size: 18px;
	}

	.comWrap .tit h3::after {
		bottom: -8px;
	}

	.comWrap .tit label {
		line-height: 40px;
	}

	footer {
		padding: 20px 0;
	}

	header {
		height: 50px;
		background: #fff;
		text-align: center;
	}

	header .logo {
		width: 100px;
		background-size: 85% auto;
	}

	.header_after_scroll {
		background: #fff;
	}

	.header_after_scroll .logo {
		background: url(../images/logo.png) center no-repeat;
		background-size: 85% auto;
	}

	.btnNav {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 40px;
		height: 100%;
		background: url(../images/ico_nav.png) center no-repeat;
		background-size: auto 25px;
	}

	.navMask {
		position: fixed;
		z-index: 3;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.2);
	}

	header .nav {
		position: absolute;
		top: 50px;
		width: 100%;
		background: #fff;
		display: none;
		border-top: 1px solid #ddd;
	}

	header .nav ul {
		width: 100%;
		padding: 0;
	}

	header ul li {
		width: 100%;
		padding: 0;
		text-align: left;
		border-bottom: 1px solid #efefef;
	}

	header ul li a {
		width: 100%;
		line-height: 36px;
		text-indent: 20px;
	}

	header ul li a,
	header .info a {
		font-size: 14px;
		padding: 0 5px;
	}

	header ul li a.active {
		font-weight: bold;
	}

	header ul li a.active::before {
		display: none;
	}

	.header_after_scroll ul li a.active {
		color: #333;
	}

	header .info {
		position: absolute;
		padding: 0;
		top: 12px;
		right: 15px;
	}

	header .info a:nth-child(2) {
		display: none;
	}

	.header_after_scroll ul li a,
	.header_after_scroll .info a,
	.themeW ul li a,
	.themeW .info a {
		color: #333;
		border-color: #333;
	}

	.themeW .logo {
		background: url(../images/logo.png) center no-repeat;
		background-size: 85% auto;
	}

	.themeW ul li a,
	.themeW ul li a.active {
		color: #333;
	}

	.themeW ul li a.active::before {
		background: #333;
	}

	.banner {
		height: 400px;
	}

	.banner .con {
		height: 80px;
		bottom: 180px;
		background-size: 90% auto;
	}

	.banner .btns {
		width: 80%;
		bottom: 150px;
	}

	.banner .btns a {
		width: 120px;
		height: 28px;
		font-size: 14px;
		line-height: 28px;
	}

	.banner .swiper-slide-active .con {
		bottom: 210px;
	}

	.swiper-button-prev,
	.swiper-button-next {
		display: none;
	}

	.advantageCon {
		padding: 10px 0 0 0;
	}

	.advantageCon .item {
		width: 50%;
		min-height: 80px;
		margin-bottom: 10px;
	}

	.advantageCon .item h4 {
		font-size: 14px;
		padding: 5px 0;
	}

	.advantageCon .item p {
		font-size: 12px;
		display: none;
	}

	.advantageList .item {
		margin: 10px 20px;
	}

	.adInfo {
		width: 100%;
		height: 130px;
		padding-top: 0;
		text-align: center;
	}

	.adInfo .item span {
		font-size: 14px;
		border: 1px solid #333;
		padding: 5px 10px;
	}

	.adInfo .item p {
		font-size: 12px;
		line-height: 20px;
		padding: 10px;
		text-align: left;
	}

	.adSlider {
		width: 100%;
		height: 240px;
	}

	.adSlider .swiper-slide {
		width: 33%;
		height: 220px;
		line-height: 220px;
		padding: 0;
	}

	.newsList ul li {
		width: 100%;
		margin-top: 0;
		margin-bottom: 0;
		display: none;
	}

	.newsList ul li:nth-child(1),
	.newsList ul li:nth-child(2) {
		display: block;
	}

	.newsList ul li:nth-child(3n+2) {
		margin-left: 0;
		margin-right: 0;
	}

	.newsList ul li a {
		padding: 10px 15px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.newsList ul li .top {
		padding-bottom: 0;
	}

	.newsList ul li .top span {
		width: 70%;
		font-size: 14px;
		line-height: 20px;
	}

	.newsList ul li .des {
		font-size: 12px;
	}

	.newsList .btn_comMore {
		font-size: 14px;
		border: 1px solid #333;
		padding: 5px 10px;
		margin-top: 10px;
	}

	.aboutDes {
		font-size: 14px;
		padding: 0 5%;
		line-height: 24px;
		padding-top: 0;
	}

	.coptList a {
		width: 29%;
		height: 50px;
		margin: 15px 2% 0 2%;
		background-size: auto 100%;
	}

	.onlineList {
		width: 94%;
		margin: 10px 3% 0 3%;
		background: #fff;
		padding: 10px 10px 20px 10px;
		border-radius: 2px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.onlineList span {
		font-size: 16px;
		padding: 10px 0;
		margin-bottom: 10px;
	}

	.onlineList a {
	
		height: 38px;
		overflow: hidden;
		
	}

	.comBanner {
		height: 180px;
		background-size: cover;
		margin-top: 50px;
	}

	.comBanner .txt {
		height: 55px;
		bottom: 70px;
		background-size: auto 70%;
	}

	.webBg {
		height: 220px;
	}

	.webBg .txt {
		height: 50px;
		bottom: 120px;
		background-size: auto 80%;
	}

	.webBg .flow {
		height: 40px;
		bottom: 60px;
		background-size: auto 80%;
	}

	.adBg {
		height: 180px;
	}

	.queList ul {
		width: 100%;
	}

	.queList ul li {
		width: 94%;
		height: auto;
		padding: 0 3%;
		float: left;
	}

	.queList ul li span {
		font-size: 14px;
		margin-top: 20px;
	}

	.queList ul li p {
		padding-top: 0;
	}

	.longList ul li:nth-child(2n) {
		margin-left: 0;
	}

	.styl2 .item p {
		padding: 0 20px;
	}

	.detail_tit {
		padding: 0 0 20px 0;
	}

	.detail_tit h1 {
		font-size: 20px;
		line-height: 40px;
	}

	.detail_con {
		min-height: 200px;
		padding: 20px;
	}

	.detail_con p {
		font-size: 14px;
		line-height: 24px;
	}

	.detial_page {
		padding: 20px 10px 0 10px;
	}

	.detial_page .prev,
	.detial_page .next {
		width: 100%;
		font-size: 14px;
	}

	.comTab {
		text-align: center;
	}

	.comTab a {
		font-size: 14px;
		padding: 8px 28px;
		margin: 0 10px;
		display: inline-block;
	}

	.proList {
		padding: 20px 0 0 0;
	}

	.proList ul li {
		width: 94%;
		margin: 0 3% 20px 3%;
	}

	.proList ul li:nth-child(2n) {
		margin-left: 3%;
	}

	.proList ul li P {
		min-height: 60px;
	}

	.mask .pop {
		width: 90%;
	}

	.mask .pop .btnClose {
		right: 10px;
		top: 10px;
		opacity: .8;
	}

	.loginFrm {
		padding: 10px 15px;
		width: 86%;
		position: absolute;
		right: 7%;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}

	.loginFrm dl dt {
		font-size: 20px;
	}

	.loginFrm dl dd.tips,
	.regTips {
		height: 28px;
		line-height: 28px;
		font-size: 12px;
	}

	.loginFrm dl dd .inp_user,
	.loginFrm dl dd .inp_pwd {
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		width: 100%;
		padding: 10px 20px 10px 40px;
		background-position: 10px center;
		background-size: auto 60%;
	}

	.loginFrm dl dd .btn_login {
		line-height: 40px;
		font-size: 16px;
	}

	.loginFrm::before {
		content: '';
		width: 100%;
		height: 35px;
		position: absolute;
		left: 0;
		top: -60px;
		background-size: auto 100%;
	}

	.regTabCon dl dt {
		font-size: 16px;
		margin-top: 20px;
	}

	.regTabCon dl {
		margin-left: 0;
		margin-top: 0;
		padding: 0 20px;
	}

	.regTabCon dl dd {
		height: auto;
		margin-top: 10px;
	}

	.regTabCon dl dd label {
		text-align: left;
		display: block;
	}

	.regTabCon dl dd input,
	.regTabCon dl dd select {
		width: 99%;
	}

	.regTabCon dl dd span {
		margin-left: 0;
		display: inline-block;
		line-height: 26px;
	}

	.regTabCon p {
		width: 100%;
	}

	.regTabCon p.accept-p {
		padding-left: 0
	}

	.regTabCon p input {
		margin-left: 20px;
	}

	.regTabCon p .zcBtn {
		margin-left: -20px;
	}

	.acceptLayout {
		width: 92%;
		margin: 0;
		padding: 4%;
	}

	.acceptLayout strong {
		margin-top: 20px;
	}

	.acceptLayout .p_l {
		padding-left: 0;
	}

	.toolBar {
		display: none;
	}

	.onlineList a {
		font-size: 12px
	}
}