@charset "utf-8";
/*------------------------------------------------
--css  base.css 基本盒子代码（导航、底部)，适用于移动端端营销网站
--by    市场部 Web Designer&Front end Engineer  Sivan
--date  2022-04-01  

--移动端，响应式，载入24栅格系统 grid.min.css
--主流分辨率：
--PC端内容宽度
--前端JS转换100px=1rem

命名与书写约定：
保留类：con nav_w .list_w 
书写请写：父类+模块
步进单位：2 4 8 16... 
-------------------------------------------------*/
html{font-size:100px;}/*初始html根元素的初始字体大小为100px rem布局*/

/*-骨架屏-*/ 
.skeleton:empty{  
	background: linear-gradient(118deg,rgba(121,121,121,.1) 25%,rgba(121,121,121,.2) 37%,rgba(121,121,121,.1) 63%);
	background-size: auto;
	opacity: 1;
	border-radius: 4px;
	-webkit-animation: skeleton 1.5s ease infinite !important;
	animation: skeleton 1.5s ease infinite !important;
	background-size: 400% 100% !important;

}

@-webkit-keyframes skeleton {
	0% {
		background-position:100% 50%
	}
	100% {
		background-position:0 50%
	}
}

@keyframes skeleton {
	0% {
		background-position:100% 50%
	}
	100% {
		background-position:0 50%
	}
}


/*--------------------重定义浏览器默认样式--------------------*/
body, div, dl, dt, dd, ul, ol, li, form, input, table, tbody, tr, th, td, em, input, button,img, p, span, i, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	border: none;	
}
body {
	font: 14px/1.5 "PingFang SC",Helvetica,Arial,Microsoft Yahei,sans-serif;
	font-size: 14px;
	min-width: 240px;
	max-width: 7.5rem;
	max-width: 7.5rem;
	margin: 0 auto;
	word-wrap: break-word;
	background-size: cover;
	box-shadow: 0px 16px 64px 0px rgba(23, 64, 89, 0.2);

}
a:active, a:focus {
	outline: none;
}
ul, ol, li {
	list-style: none;
}
em, i {
	font-style: normal;
}
ul, ol {
	list-style: none;
}
input[type="button"], input[type="submit"], input[type="reset"] {
	-webkit-appearance: none;
}
input, textarea {
	-webkit-appearance: none;
	border: 0;
}
a {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	cursor: pointer;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active, a:focus {
	outline: none;
}
::selection {
	background: #14bf57;
	color: #fff;
}
.clearfix:before {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	*zoom:1;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	*zoom:1;
}


* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
:after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }

:after,:before{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
}
input[type="number"]{
	-moz-appearance: textfield;
}

input[type="button"], input[type="submit"], input[type="reset"] {
	-webkit-appearance: none;
}
input, textarea {
	-webkit-appearance: none;
	border: 0;
}
input:focus {
	outline: none; 
}

a {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}
a:hover {
	color: #FFF;
}
a:active, a:focus {
	outline: none;
}
a:active, a:focus {
	outline: none;
}

.clearfix:before {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	*zoom:1;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	*zoom:1;
}
.btn:hover,.customer_btn:hover{
	-webkit-box-shadow: 0px 16px 64px 0px rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 0px 16px 64px 0px rgba(0, 0, 0, 0.16);
	box-shadow: 0px 16px 64px 0px rgba(0, 0, 0, 0.16);
}
.con{
	max-width:750px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 0.2rem;
	padding-right: 0.2rem;
}


.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; *zoom:1;}
.f_l{float: left;}
.f_r{float: right;}

.img_w img{
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	height: auto;
}

/*--loading--*/

.load_icon{
	width: 6px;
	height: 6px;
	border-radius: 50%;
	-webkit-animation: load_icon 1s linear infinite alternate;
	-moz-animation: load_icon 1s linear infinite alternate;
	animation: load_icon 1s linear infinite alternate;
	margin: 0 8px; 
}
@-webkit-keyframes load_icon{
	0%{
		background-color: rgba(255,255,255, 1);
		box-shadow: 12px 0px 0px 0px rgba(255,255,255,0.2), 
			24px 0px 0px 0px rgba(255,255,255,0.2);
	}
	25%{ 
		background-color: rgba(255,255,255, 0.4);
		box-shadow: 12px 0px 0px 0px rgba(255,255,255,2), 
			24px 0px 0px 0px rgba(255,255,255,0.2);
	}
	75%{ background-color: rgba(255,255,255, 0.4);
		box-shadow: 12px 0px 0px 0px rgba(255,255,255,0.2), 
			24px 0px 0px 0px rgba(255,255,255,1);
	}
}

@-moz-keyframes load_icon{
	0%{
		background-color: rgba(255,255,255, 1);
		box-shadow: 12px 0px 0px 0px rgba(255,255,255,0.2), 
			24px 0px 0px 0px rgba(255,255,255,0.2);
	}
	25%{ 
		background-color: rgba(255,255,255, 0.4);
		box-shadow: 12px 0px 0px 0px rgba(255,255,255,2), 
			24px 0px 0px 0px rgba(255,255,255,0.2);
	}
	75%{ background-color: rgba(255,255,255, 0.4);
		box-shadow: 12px 0px 0px 0px rgba(255,255,255,0.2), 
			24px 0px 0px 0px rgba(255,255,255,1);
	}
}

@keyframes load_icon{
	0%{
		background-color: rgba(255,255,255, 1);
		box-shadow: 12px 0px 0px 0px rgba(255,255,255,0.2), 
			24px 0px 0px 0px rgba(255,255,255,0.2);
	}
	25%{ 
		background-color: rgba(255,255,255, 0.4);
		box-shadow: 12px 0px 0px 0px rgba(255,255,255,2), 
			24px 0px 0px 0px rgba(255,255,255,0.2);
	}
	75%{ background-color: rgba(255,255,255, 0.4);
		box-shadow: 12px 0px 0px 0px rgba(255,255,255,0.2), 
			24px 0px 0px 0px rgba(255,255,255,1);
	}
}

/*--提交成功-失败图标--*/
.success_icon,.success_error{
	height:18px;
	width:18px;
	border-radius:50%;
	display:block;
	margin: 0 8px; 
	position:relative;

}


.success_error:after,
.success_error:before{
	content:"";
	background:currentColor;
	display:block;
	position:absolute;
	width:3px;
	border-radius:3px;
	left:8px;
	height:11px;
	top:4px;
}
.success_error:after{
	transform:rotate(-45deg)
}
.success_error:before{
	transform:rotate(45deg)
}

.success_icon:after,
.success_icon:before{content:"";
	background:currentColor;
	display:block;
	position:absolute;
	width:3px;
	border-radius:3px
}
.success_icon:after{
	height:6px;
	transform:rotate(-45deg);
	top:9px;
	left:5px;
}
.success_icon:before{
	height:11px;
	transform:rotate(45deg);
	top:5px;
	left:9px;
}

/*---数字字体---*/
@font-face {
	font-family: 'num';
	src: url('../font/num.ttf');
}


/*占位符*/
.placeholder {
	background-color: #e8eaee;
	height: 0;
	overflow: hidden;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-family: inherit; font-weight: 700; line-height: 1.1; color: inherit ;margin:0;padding:0;}
.h1, h1 { font-size: 48px }
.h2, h2 { font-size: 36px }
.h3, h3 { font-size: 30px }
.h4, h4 { font-size: 24px }
.h5, h5 { font-size: 18px }
.h6, h6 { font-size: 16px }

.img_b{  
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	height: auto;
}

/*-----客服-----*/
.cs_w {
	/*! display: none; */
	position: fixed;
	z-index: 10;
	right: 8px;
	top: 50%;
	margin-top: -200px;
	width: 200px;
	height: 390px;
	color: #FFF;
	background:transparent url(../images/cs/bg.png) no-repeat center center;
	background-size:cover;
	border-radius: 16px;
	box-shadow: 0px 24px 64px 0px rgba(40, 40, 40, 0.2);

}


.cs_w .open_cs {
	display: none;
	cursor: pointer;

	position: relative;
	top:-20px;
	right:-120px;
	z-index: 999;

	border-radius: 60px;

	width: 100px;
	height: 100px;
	background: url(../images/cs/cs_r_icon_n.png) no-repeat center center;
}

.cs_w .close-im {
	position: absolute;
	right: -3px;
	top: 10px;
	z-index: 100;
	width: 24px;
	height: 24px;
}
.cs_w .close-im {
	cursor: pointer;
	position: absolute;
	right: -8px;
	top: -8px;
	z-index: 100;
	display: block;
	width: 64px;
	height: 64px;
	background: url(../images/cs/cs_icon_close.png) no-repeat center center;
}


@media screen and (max-width:992px) {

	.cs_w {
		display: none; 
	}

}

.cs_con {
	width: 220px;
	height: 420px;
	margin: 0 auto;
	text-align: center;

	width: 200px;
	height: 390px;
	color: #FFF;
	/* 	background:transparent url(../images/cs/cs_bg.png) no-repeat center center; */
	background-size:cover;
	border-radius: 16px;
	box-shadow: 0px 24px 64px 0px rgba(40, 40, 40, 0.2);	

}

.cs_con .service_title h2 {
	font-size: 28px;
	font-weight: 500;
	word-spacing: 8px;
	letter-spacing: 2px;
	margin-top: 30px;
}
/*客服列表*/
.service_con {
	padding:24px 0 32px 0;
	height: 300px;
}
.service_con a {
	display: block;
	width: 190px;
	height: 80px;
	padding: 16px 0;
	position: relative;
	z-index: 1;
}
.service_con a img {
	display: inline-block;
	vertical-align: middle;
}
.service_con a em img{
	color:#FFF;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius:100%;
	max-width:56px;
}

.service_con a i{
	position: relative;	
	display: inline-block;
	width: 100px;
	height: 38px;
	line-height: 38px;
	border-radius: 64px;
}

#cs_btn_01 i{
	background-color: #14bf57;
	/* 	background-image: -moz-linear-gradient( 0deg, rgb(58,196,124) 0%, rgb(115,223,128) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(58,196,124) 0%, rgb(115,223,128) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(58,196,124) 0%, rgb(115,223,128) 100%); */
	box-shadow: 0px 10px 20px 0px rgba(29, 181, 92, 0.2);

}

#cs_btn_01 i:hover{
	background-color: #41c87d;
	background-image: -moz-linear-gradient( -180deg, rgb(58,196,124) 0%, rgb(115,223,128) 100%);
	background-image: -webkit-linear-gradient( -180deg, rgb(58,196,124) 0%, rgb(115,223,128) 100%);
	background-image: -ms-linear-gradient( -180deg, rgb(58,196,124) 0%, rgb(115,223,128) 100%);
	box-shadow: 0px 10px 20px 0px rgba(29, 181, 92, 0.2);

}

#cs_btn_02 i{
	background-color: #e89b36;
	/* 	background-image: -moz-linear-gradient( 0deg, rgb(231,151,48) 0%, rgb(248,206,129) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(231,151,48) 0%, rgb(248,206,129) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(231,151,48) 0%, rgb(248,206,129) 100%); */
	box-shadow: 0px 4px 16px 0px rgba(206, 120, 36, 0.3);
}
#cs_btn_02 i:hover{
	background-image: -moz-linear-gradient( -180deg, rgb(231,151,48) 0%, rgb(248,206,129) 100%);
	background-image: -webkit-linear-gradient( -180deg, rgb(231,151,48) 0%, rgb(248,206,129) 100%);
	background-image: -ms-linear-gradient( -180deg, rgb(231,151,48) 0%, rgb(248,206,129) 100%);	
}


#cs_btn_03 i{
	background-color: #6578f7;
	/* 	background-image: -moz-linear-gradient( 0deg, rgb(98,118,247) 0%, rgb(144,160,251) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(98,118,247) 0%, rgb(144,160,251) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(98,118,247) 0%, rgb(144,160,251) 100%); */
	box-shadow: 0px 10px 20px 0px rgba(43, 88, 191, 0.2);
}

#cs_btn_03 i:hover {
	background-image: -moz-linear-gradient( -180deg, rgb(98,118,247) 0%, rgb(144,160,251) 100%);
	background-image: -webkit-linear-gradient( -180deg, rgb(98,118,247) 0%, rgb(144,160,251) 100%);
	background-image: -ms-linear-gradient( -180deg, rgb(98,118,247) 0%, rgb(144,160,251) 100%);
}

.service_con a i {
	color:#FFF;
	margin-left: 8px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.service_con a:hover i {

}

/*客服热线*/
.service_400 {
	padding: 8px 0 16px 0;
	height: 100px;
}
.service_400 h3 {
	margin-top: 0px;
	font-size: 28px;
	font-weight: 500;
	font-family: "num", Helvetica, arial, sans-serif
}
.service_400 p {
	font-size: 14px;
	word-spacing: 4px;
	letter-spacing: 1px
}



/**通用按钮btn**/
.luodiye_form .btn_default {
	display: block;
	width: auto;
	min-width: 200px;
	padding: 0 20px;
	cursor: pointer;
	height: 52px;
	line-height: 52px;
	margin: 20px auto 20px auto;
	text-align: center;
	font-size: 16px;
	color: #FFF;
	background-image: -moz-linear-gradient( 90deg, rgb(255,105,0) 0%, rgb(255,205,0) 100%);
	background-image: -webkit-linear-gradient( -90deg, rgb(255,105,0) 0%, rgb(255,205,0) 100%);
	background-image: linear-gradient( 90deg, rgb(255,105,0) 0%, rgb(255,205,0) 100%);
	background-color: #ff6a00;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}
.luodiye_form .btn_default:hover {
	color: #FFF;
	background-color: #008fd7;
}
/*-----头部-----*/
#header {
	margin:auto;
	position: absolute;
	z-index: 10;
	/*! top:30px; */
	top:16px;
	left:0;
	right:0;

	min-width: 1400px;
	max-width: 1920px;
	height: 64px;
}

@media screen and (max-width:1440px) {
	#header {
		min-width: auto;
		max-width: 100%;
		min-width: none;
		width: 100%;
		margin:auto;
	}
}

/*---导航---*/
.nav_w {
	width: 1440px;
	height: 64px;

	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	margin:0 auto;
}

@media screen and (max-width:1440px) {
	.nav_w {
		width: 90%;
		max-width:100%;
		margin:0 auto;
	}
}
@media screen and (max-width:992px) {
	.nav_w {
		width: 90%;
		max-width:100%;
		margin:0 auto;
		justify-content: space-around;
	}
}
.nav_con {
	flex: 1 1 auto;
	display: flex;
	flex-flow:row wrap;
	justify-content: center;
	align-items: center;	
}
.nav_con ul{
	flex: 1 1 auto;
	display: flex;
	flex-flow:row wrap;
	justify-content:  flex-end;
	margin-top: 16px;
}
@media screen and (max-width:1440px) {
	.nav_con ul{
		flex: 1 1 auto;
		display: flex;
		flex-flow:row wrap;
		justify-content: center;
		align-items: center;
		margin-top: 16px;
	}
}

@media screen and (max-width:992px) {
	.nav_con ul li{
		position: relative;
		display: none;
	}
	.nav_con {
		justify-content: right;
	}

}


.nav_con li{
	display: inline-block;
}
.nav_con li a{
	display: inline-block;
	padding:8px 32px;	
	font-size: 18px;
	opacity: 0.8;
}

@media screen and (max-width:1440px) {
	.nav_con li a{
		display: inline-block;
		padding:4px 16px;	
		font-size: 14px;
		opacity: 0.8;
	}
}
.nav_con .btn {

	margin:16px 0 0 24px;
	width: auto;
	height: 42px;
	line-height: 42px;
	padding: 0 24px 0 24px;
	font-size: 16px;
	text-align: center;
	opacity: 1;
	background-color: #df573c;
}

@media screen and (max-width:1440px) {
	.nav_con .btn {
		margin:16px 0 0 8px;
		width: auto;
		height: 32px;
		line-height: 32px;
		padding: 0 16px 0 16px;
		font-size: 14px;
		text-align: center;
		opacity: 1;
		background-color: #df573c;
	}
}

/*黑色导航*/
.dark_text .nav_con li a{
	color: #111920;
	opacity: 0.8;
}
.nav_con li a.current{
	opacity: 1;
}	
.nav_con li a:hover{
	opacity: 1;
}	


#nav_w .logo_con {
	display: block;
}
#nav_w .logo_con {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin-top: 24px;
}


@media screen and (max-width:1440px) {
	#nav_w .logo {
		display: block;
		width: 140px;
	}

}

#main{
	min-height: 500px;
}

/*按钮*/
.btn_w{
	margin:24px -16px 0 -16px;
}

.yj_hardware_w .btn_w{
	padding:64px 0;
	text-align: center;
}

.btn{
	display: block;
	display: inline-block;
	margin:0 8px;
	width:auto;
	height: 64px;
	line-height: 64px;
	padding: 0 0.64rem 0 0.64rem;
	font-size: 18px;
	text-align:center;
	background-color: #14bf57;

	background-image: -moz-linear-gradient( 180deg, rgb(0,184,49) 0%, rgb(109,201,55) 100%);
	background-image: -webkit-linear-gradient( 180deg, rgb(0,184,49) 0%, rgb(109,201,55) 100%);
	background-image: -ms-linear-gradient( 180deg, rgb(0,184,49) 0%, rgb(109,201,55) 100%);
}



.btn_primary{
	display: block;
	display: inline-block;
	width: auto;
	font-size: 18px;

	text-align: center;
	height: 56px;
	line-height: 56px;
	padding: 0 0.64rem 0 0.64rem;

	color: #FFF;
	background-color: #14bf57;

	-webkit-border-radius: 64px;
	-moz-border-radius: 64px;
	border-radius: 64px;

	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;



}
.btn_primary:hover {
	opacity: 0.8;
}

.btn_black{
	display: block;
	display: inline-block;
	width:auto;
	text-align: center;


	color: #FFF;
	background-color: #383d43;

	background-image: -moz-linear-gradient( 0deg, rgb(64,71,81) 0%, rgb(50,53,57) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(64,71,81) 0%, rgb(50,53,57) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(64,71,81) 0%, rgb(50,53,57) 100%);

	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;

	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;

}
.btn_white{
	display: block;
	display: inline-block;
	width:auto;
	text-align: center;

	color: #16222f;

	background: #FFF;


	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;

	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;

}

.btn_white:hover {
	color: #16222f;
	opacity: 0.8;
}

.btn_primary:hover {
	opacity: 0.8;
}

.btn_line {
	display: block;
	display: inline-block;
	width: auto;
	font-size: 18px;
	text-align: center;
	height: 56px;
	line-height: 56px;

	-webkit-border-radius: 64px;
	-moz-border-radius: 64px;
	border-radius: 64px;

	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	border:2px solid #FFF;
	color:#FFF;
	background: transparent;

}
.btn_line:hover {
	border:2px solid #FFF;
	color:#FFF;
	background: transparent;
	opacity: 0.8;
}







/*-----slogan_w-----*/
.slogan_w{
	text-align: center;
	margin: 0 auto;
	padding: 64px 24px 64px 24px;
}

.slogan_w  img{
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	height: auto;
}



/*-----底部-----*/
.footer {
	min-height: 4rem;
	max-width: 2560px;
	padding:0.64rem 0 1.6rem 0;
	margin: 0 auto;
	background-color: #131b22;
	color: #FFF;
	overflow: hidden;
}

.footer .footer_w{
	text-align: center;
}


/*左侧-400电话*/

.footer .contact_w{
	padding: 16px 0 32px 0;
	font-weight: 500;
	font-family: "num", Helvetica, arial, sans-serif;
}
.footer .contact_w .f_contact{
	padding:0.4rem 0 0 0;
}
.footer .contact_w .text_w{
	padding: 0.08rem 0 0 0;
}
.footer .contact_w .text_w h1{

}
.footer .contact_w  .time{
	color:#6b6e73;
}

/*右侧-二维码*/
.footer  .follow_w{
	padding:0.24rem 0 0.64rem 0;
	text-align: right;
}

@media screen and (max-width:768px) {
	.footer_con .footer_r{
		flex:1 1 auto;
		padding-bottom: 64px;
		text-align: center;
	}	
}
/*版权信息*/
.copy_w{
	color:#2f3840;
	text-align: center;
	font-size: 12px;
	line-height: 1.2;
}
/*固定底部NAV*/
@media (max-width:970px) {
	.m_footer_nav_w, .fixed_btn { display: block; } 
}

@media (min-width:969px) {
	.m_footerr_w { display: none; }
}

.m_footer_nav_w {
	position: fixed; 
	z-index: 999;
	bottom: 0; 
	height: 1.04rem;
	line-height: 1.04rem; 

	min-width: 2.4rem; 
	width: 100%; 
	max-width: 7.5rem;
	margin: 0 auto; 
	color: #42566e; 
	font-size: 12px; 
	text-align: center;  
	background: hsla(0,0%,100%,.2);
	box-shadow: 0px -16px 64px 0px rgba(44, 136, 80,0.32),0px 32px 64px 0px rgba(36, 123, 70, 0.88);
	overflow: hidden; 
}
.m_footer_nav_w:after{
	content: "";
	margin: auto;   
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: #eef1f6;    
	opacity:0.98;
	filter:Alpha(opacity=95);
	margin: -0.5rem;
}

.m_footer_nav { 
	max-width: 7.5rem; 
	margin: 0 auto; 
	text-align: center;
	height: 1.12rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.m_footer_nav li{
	color: #4873f8;
	display: inline-block;
	width: 50%;
	height: 100%;
	line-height: 2;
	text-align: center; 
	font-size: 0.36rem;
}
.m_footer_nav li a { 
	width:100%;
	height:100%;
	display: flex; 
	flex-wrap: nowrap; 
	align-items: center; 
	justify-content: center;
}
.m_footer_nav li a span{
	padding:0 0.16rem;
}
 .m_footer_nav  .m_btn_tell{
	color:#FFF;
	background-color: #14bf57;
}

 .m_footer_nav li a div { 
	height: 64px;
	line-height: 64px;
	margin: 0px auto;
}
 .m_footer_nav li a:hover { color: #14bf57; background-color: #F2F2F2; }

.m_footer_nav li a p { 
	margin: 0 auto;
	text-align:center;  
	height: 0.44rem; 
	line-height: 0.44rem; 
	font-size: 12px;
}
.m_footer_nav li a .m_footer_icon { 
	display: block;
	width: 0.44rem; 
	height: 0.44rem;
}

.m_footer_nav li a .m_icon_zx { background: url(../images/icon_zixun.png) no-repeat 0 0; background-size: contain; }
.m_footer_nav li a:hover .m_icon_zx { background: url(../images/icon_zixun_h.png) no-repeat 0 0; background-size: contain; background-position: 0 0; }
.m_footer_nav li a .m_icon_dh { background: url(../images/icon_dianhua_light.png) no-repeat 0 0; background-size: contain; }
.m_footer_nav li a:hover .m_icon_dh { background: url(../images/icon_dianhua_h.png) no-repeat 0 0; background-size: contain; background-position: 0 0; }
.m_footer_nav li a .m_icon_ty { background: url(../images/icon_biaodan.png) no-repeat 0 0; background-size: contain; }
.m_footer_nav li a:hover .m_icon_ty { background: url(../images/icon_biaodan_h.png) no-repeat 0 0; background-size: contain; background-position: 0 0; }

/*-----返回顶部-----*/
.totop {
	width: 56px;
	height: 56px;
	position: absolute;
	z-index: 99;
	left: 0;
	right: 0;
	margin: 0 auto;

	-webkit-border-radius: 64px;
	-moz-border-radius: 64px;
	border-radius: 64px;

	background: url(../images/icon_to_top_d.png) no-repeat center center;
	background-size: cover;
	-moz-box-shadow: 0px 10px 30px 0px rgba(40, 40, 40, 0.3);
	box-shadow: 0px 10px 30px 0px rgba(40, 40, 40, 0.3);
}
.totop:hover {
	background: url(../images/icon_to_top_h.png) no-repeat center center;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
}


.error-tips {
	font-size:12px;
	color:#ff5b54;
	margin-top:2px;
	visibility:hidden
}
.mask {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	border:2px solid #eee
}


/*校正视频弹窗口*/
body.compensate-for-scrollbar {
	overflow:auto !important;;
}
.compensate-for-scrollbar{
	margin: 0 !important;
}

#doyoo_mon_accept:hover{
	opacity: 0.8;
}



/**通知插件**/

@-webkit-keyframes notyf-fadeinup{0%{opacity:0;transform:translateY(25%)}to{opacity:1;transform:translateY(0)}}
@keyframes notyf-fadeinup{0%{opacity:0;transform:translateY(25%)}to{opacity:1;transform:translateY(0)}}
@-webkit-keyframes notyf-fadeinleft{0%{opacity:0;transform:translateX(25%)}to{opacity:1;transform:translateX(0)}}
@keyframes notyf-fadeinleft{0%{opacity:0;transform:translateX(25%)}to{opacity:1;transform:translateX(0)}}
@-webkit-keyframes notyf-fadeoutright{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(25%)}}
@keyframes notyf-fadeoutright{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(25%)}}
@-webkit-keyframes notyf-fadeoutdown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(25%)}}
@keyframes notyf-fadeoutdown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(25%)}}
@-webkit-keyframes ripple{0%{transform:scale(0) translateY(-45%) translateX(13%)}to{transform:scale(1) translateY(-45%) translateX(13%)}}
@keyframes ripple{0%{transform:scale(0) translateY(-45%) translateX(13%)}to{transform:scale(1) translateY(-45%) translateX(13%)}}
.notyf{position:fixed;top:0;left:0;height:100%;width:100%;color:#fff;z-index:99999;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;pointer-events:none;box-sizing:border-box;padding:24px;}
.notyf__icon--error,.notyf__icon--success{height:18px;width:18px;background:#fff;border-radius:50%;display:block;margin:0 auto;position:relative}
.notyf__icon--error:after,.notyf__icon--error:before{content:"";background:currentColor;display:block;position:absolute;width:3px;border-radius:3px;left:8px;height:11px;top:4px;}
.notyf__icon--error:after{transform:rotate(-45deg)}.notyf__icon--error:before{transform:rotate(45deg)}.notyf__icon--success:after,
.notyf__icon--success:before{content:"";background:currentColor;display:block;position:absolute;width:3px;border-radius:3px}
.notyf__icon--success:after{height:6px;transform:rotate(-45deg);top:9px;left:5px;}.notyf__icon--success:before{height:11px;transform:rotate(45deg);top:5px;left:9px;}
.notyf__toast{display:block;overflow:hidden;pointer-events:auto;-webkit-animation:notyf-fadeinup .3s ease-in forwards;animation:notyf-fadeinup .3s ease-in forwards;box-shadow:0 4px 24px 0 rgba(0,0,0,.18);
	position:relative;padding:0 24px;border-radius:6px;max-width:600px;transform:translateY(25%);box-sizing:border-box;flex-shrink:0}
.notyf__toast--disappear{transform:translateY(0);-webkit-animation:notyf-fadeoutdown .3s forwards;animation:notyf-fadeoutdown .3s forwards;-webkit-animation-delay:.25s;animation-delay:.25s}
.notyf__toast--disappear .notyf__icon,.notyf__toast--disappear .notyf__message{-webkit-animation:notyf-fadeoutdown .3s forwards;animation:notyf-fadeoutdown .3s forwards;opacity:1;transform:translateY(0)}
.notyf__toast--disappear .notyf__dismiss{-webkit-animation:notyf-fadeoutright .3s forwards;animation:notyf-fadeoutright .3s forwards;opacity:1;transform:translateX(0)}
.notyf__toast--disappear .notyf__message{-webkit-animation-delay:.05s;animation-delay:.05s}.notyf__toast--upper{margin-bottom:20px}.notyf__toast--lower{margin-top:20px;}
.notyf__toast--dismissible .notyf__wrapper{padding-right:30px;}.notyf__ripple{height:800px;width:800px;position:absolute;transform-origin:bottom right;right:0;top:0;
	border-radius:50%;transform:scale(0) translateY(-51%) translateX(13%);z-index:5;-webkit-animation:ripple .4s ease-out forwards;animation:ripple .4s ease-out forwards}
.notyf__wrapper{display:flex;align-items:center;padding-top:24px;padding-bottom:24px;padding-right:24px;border-radius:3px;position:relative;z-index:10; }
.notyf__icon{width:22px;text-align:center;font-size:1.3em;opacity:0;-webkit-animation:notyf-fadeinup .3s forwards;animation:notyf-fadeinup .3s forwards;
	-webkit-animation-delay:.3s;animation-delay:.3s;margin-right:4px;}.notyf__dismiss{position:absolute;top:0;right:0;height:100%;width:32px;margin-right:-24px;
		-webkit-animation:notyf-fadeinleft .3s forwards;animation:notyf-fadeinleft .3s forwards;-webkit-animation-delay:.35s;animation-delay:.35s;opacity:0}
.notyf__dismiss-btn{background-color:rgba(0,0,0,.12);border:none;cursor:pointer;transition:opacity .2s ease,background-color .2s ease;outline:none;opacity:.88;height:100%;width:100%}
.notyf__dismiss-btn:after,.notyf__dismiss-btn:before{content:"";background:#fff;height:12px;width:2px;border-radius:3px;position:absolute;left:calc(50% - 1px);top:calc(50% - 5px)}
.notyf__dismiss-btn:after{transform:rotate(-45deg)}.notyf__dismiss-btn:before{transform:rotate(45deg)}.notyf__dismiss-btn:hover{opacity:.7;background-color:rgba(0,0,0,.15)}
.notyf__dismiss-btn:active{opacity:.8}
.notyf__message{vertical-align:middle;position:relative;opacity:0;-webkit-animation:notyf-fadeinup .3s forwards;animation:notyf-fadeinup .3s forwards;-webkit-animation-delay:.25s;animation-delay:.25s;line-height:1.5em}
@media only screen and (max-width:480px){
	.notyf{
		padding:0.64rem;
		border-radius: 0.16rem;
	}
	.notyf__ripple{height:600px;width:600px;-webkit-animation-duration:.5s;animation-duration:.5s}.notyf__toast{border-radius: 0.16rem;overflow: hidden;max-width:none;border-radius:0;box-shadow:0 -2px 7px 0 rgba(0,0,0,.13);width:100%}.notyf__dismiss{width:56px}}



/*爱番番-客服自定义样式-强覆盖*/
body #newBridge .nb-invite-wrap-base .nb-invite-btn-base {
	width:280px;
	margin:auto;	
	position:absolute;
	left:0; 
	right:0;
	bottom:130px;
}

body #nb_invite_wrap{
	width:600px !important;
	height:420px !important;
}

body #newBridge .nb-invite-skin-0 {
	display:block;
	width:600px !important;
	height:420px !important;
	background: transparent url(../images/bdcs/cs_bg_c.png) no-repeat center center !important;
	background-size: contain;

	overflow: hidden;
	border-radius: 32px;
}

/*稍后咨询-按钮*/
body #newBridge .nb-invite-wrap-base .nb-invite-cancel-base {
	display:inline-block;
	width:130px;
	height:44px;
	line-height:44px;

	text-align:center;
	border:1px solid #14bf57 !important;;
	cursor:pointer;
	font-size:18px;
	color:#14bf57 !important;
	background:transparent !important;	
	border-radius: 24px;
	box-shadow: 0px 16px 24px 0px rgba(86, 209, 128, 0.16);
}
body #newBridge .nb-invite-wrap-base .nb-invite-cancel-base:hover{
	opacity: 0.8;
}

/*马上咨询-按钮*/
body #newBridge .nb-invite-wrap-base .nb-invite-ok-base {
	display:inline-block;
	width:130px;
	height:44px;
	line-height:44px;

	text-align:center;
	border:1px solid #transparent;
	cursor:pointer;
	font-size:18px;
	color:#FFF !important;	
	background-color: #14bf57 !important;	
	box-shadow: 0px 16px 24px 0px rgba(86, 209, 128, 0.24);
	border-radius: 24px;
}

body #newBridge .nb-invite-wrap-base .nb-invite-ok-base:hover{
	opacity: 0.8;
}
/*关闭-按钮*/
body #newBridge .customer-invite-style .nb-invite-tool {
	width: 18px;
	height: 18px;
	position: absolute;
	right: 88px;
	top: 100px;
	left: auto;
	bottom: auto;
	cursor: pointer;
	opacity: 0.64;
}

/*右下角对话框皮肤*/
body #newBridge #nbwlStatusBar {
	height:46px;
	background-color: #14bf57;
	cursor:move;
	box-shadow:0 4px 8px 0 rgba(0,0,0,0.12);
	border-radius:8px 8px 0 0
}



/*表单提交成功&失败反馈*/
#success_tips{
	display:none;
}
#error_tips{
	display:none;
}

.tips_mask {
	display: none;
	position: fixed; 
	z-index: 20; 
	left: 0;
	top: 0;
	width: 100%; 
	height: 100%;
	max-width: 100%;
	overflow: auto; 
	background-color: rgb(0,0,0); 
	background-color: rgba(0,0,0,0.64); 
	overflow: hidden;
}

.tips_con{
	position: relative;
	top:30%;
	padding:0.64rem 0.32rem;
	margin: 0 auto; 
	width: 7rem;
	max-width: 95%;
	height: auto;
	border-radius: 16px;
	background-color: #FFF;
	box-shadow: 0px 32px 88px 0px rgba(0, 0, 0, 0.24);
	text-align: center;
}

.tips_icon{
	max-width:120px;
	margin:auto;	
	position: absolute;
	top:-40px;right:0;left: 0;
}

.tips_con h2{
	padding:16px 0 0 0;
}
.tips_con p{
	font-size: 18px;
	padding:4px 0 16px 0;
	line-height: 1.2
}


.tips_btn{
	display: block;
	display: inline-block;
	margin:0 8px;
	width:auto;
	height:44px;
	line-height: 44px;
	padding: 0 48px 0 48px;
	font-size: 18px;
	text-align:center;
	color:#FFF;
	background-color: #14bf57;


	background-image: -moz-linear-gradient( 180deg, rgb(0,184,49) 0%, rgb(109,201,55) 100%);
	background-image: -webkit-linear-gradient( 180deg, rgb(0,184,49) 0%, rgb(109,201,55) 100%);
	background-image: -ms-linear-gradient( 180deg, rgb(0,184,49) 0%, rgb(109,201,55) 100%);

	-webkit-border-radius: 64px;
	-moz-border-radius: 64px;
	border-radius: 64px;
}

.tips_btn:hover {
	opacity: 0.8;
}

.tips_close {
	position: absolute;
	right: 16px;
	top: 8px;
	z-index: 10;
	color: #aaa;
	font-size: 24px;
	font-weight: bold;
	cursor: pointer;
}
.tips_close:hover,
.tips_close:focus {
	opacity: 0.8;
}