@charset "utf-8";



/*格式化*/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea {

	margin: 0;

	padding: 0;

}

body {

	font-size: 12px;

	font-family: "Microsoft Yahei";

	background: #f9f9f9;

}

li, ol {

	list-style: none;

}

ins {

	text-decoration: none;

}

i, em {

	font-style: normal;

}

a {

	text-decoration: none;

	font-family: "Microsoft Yahei";

}

a:hover {

	cursor: pointer;

	text-decoration: none;

}

a:active {

	star: expression(this.onFocus=this.blur());

}

:focus {

	outline: 0;

}

.clear {

	clear: both;

	line-height: 0px;

	overflow: hidden;

	zoom: 1;

	font-size: 0px;

	content: '.';

}

.clearfix:after {

	visibility: hidden;

	display: block;

	font-size: 0;

	content: " ";

	clear: both;

	height: 0;

}

img {

	padding: 0;

	margin: 0;

}

a img {

	border: none;

}

input, textarea {

	border: none;

	font-family: "Microsoft Yahei";

	font-size: 13px;

}

h1, h2, h3, h4, h5, h6 {

	font-weight: normal;

	font-size: 14px;

}



/*排版通用*/

.fw {

	font-family: "Microsoft Yahei";

}

.f-mm {

	margin-left: auto;

	margin-right: auto;

}

.f-fl {

	float: left;

}

.f-fr {

	float: right;

}

.f-tr {

	text-align: right;

}

.f-tl {

	text-align: left;

}

.f-tc {

	text-align: center;

}

.f-pr {

	position: relative;

}

.f-wdnone {

	font-weight: normal;

}



/*杂项*/

.u-co-bt {

	border-radius: 4px;

	width: 80px;

	height: 26px;

	line-height: 26px;

	display: inline-block;

	vertical-align: middle;

	padding-top: 1px;

}

.u-co-bt.z-spe {

	width: 100%;

}

.u-lico {

	width: 24px;

	height: 24px;

	border-radius: 4px;

	background: #000;

	padding: 10px;

	opacity: 0.8;

	position: relative;

	left: 50%;

	margin: 10px 0 10px -14px;

	box-shadow: 0 0 3px #2d2d2d;

}

.fs12 {

	font-size: 12px;

}

.fs13 {

	font-size: 13px;

}

.fs14 {

	font-size: 14px;

}

.fs15 {

	font-size: 15px;

}

.fs16 {

	font-size: 16px;

}

.fs18 {

	font-size: 18px;

}

.pdr12 {

	padding-right: 12px;

}

.pl10 {

	padding-left: 10px;

}

.pd44 {

	padding-left: 44px;

}



/* -- 页面整体布局 -- */

.wrap {

	max-width: 640px;

	min-width: 320px;

	margin: 0 auto;

	overflow: hidden;

	position: relative;

}



/*首页标题 开始*/

.m-tit {

	position: relative;

	text-indent: 10px;

	height: 35px;

	font-size: 15px;

	line-height: 35px;

	border-bottom: 1px solid #e5e5e4;

	overflow: hidden;

}

.m-tit .u-ico {

	position: absolute;

	right: 5px;

	top: 2px;

	height: 35px;

	color: #4d4d4d;

	padding-right: 10px;

	font-size: 13px;

	font-family: Arial, Helvetica, sans-serif;

}



/*空白 分割样式*/

.u-empty1 {

	height: 25px;

}



/*空白 分割样式*/



/* 分页样式  */

.g-page {

	margin-bottom: 20px;

}

.g-page .u-pup {

	border-radius: 5px;

	display: inline-block;

	font-size: 1em;

	height: 30px;

	line-height: 30px;

	text-align: center;

	width: 25%;

}

.g-page .u-sa {

	border-radius: 5px;

	display: inline-block;

	font-size: 1em;

	height: 30px;

	line-height: 30px;

	text-align: center;

	width: 25%;

}

.g-page p {

	width: 10%;

	display: inline-block;

}

.g-page .u-pne {

	border-radius: 5px;

	display: inline-block;

	font-size: 1em;

	height: 30px;

	line-height: 30px;

	text-align: center;

	width: 25%;

}



/* 分页样式  */



/*分享样式*/

.m-share {

	margin-bottom: 23px;

	font-size: 13px;

}

.m-share span {

	vertical-align: middle;

	line-height: 25px;

	float: left;

	margin: 0 10px 0 30px;

}

.m-share .m-ico {

	position: relative;

	width: 320px;

	margin: 0 auto;

}

.m-share a {

	margin-right: 10px;

}



/*分享样式*/



/*公共盒子公用样式*/

.g-sbox .spe2 p a:first-child {

	border-top: 0;

}

.g-sbox .m-con .u-lifo {

	display: block;

	padding: 13px 35px 0 10px;

	height: 113px;

	width: 275px;

	overflow: hidden;

	position: relative;

}

.g-sbox .m-con .u-lifo img {

	float: left;

	display: inline;

	margin-right: 11px;

}

.g-sbox .m-con .u-lifo h3 {

	padding-right: 10px;

	line-height: 24px;

	height: 24px;

	overflow: hidden;

	white-space: nowrap;

}

.g-sbox .m-con .u-lifo p {

	margin: 5px;

	font-size: 12px;

	line-height: 22px;

	height: 65px;

	overflow: hidden;

}

.g-sbox .m-con .u-lifo span, .g-bd .m-con-2 dl span {

	display: block;

	width: 9px;

	height: 16px;

	position: absolute;

	top: 57px;

	right: 3%;

}

.g-sbox .m-con .u-lifo span:before, .g-bd .m-con-2 dl span:before, .g-bd .m-con.z-spe dl span:before {

	content: "";

	position: absolute;

	background: #aaaaaa;

	width: 11px;

	height: 11px;

	right: 0;

	top: 0;

	z-indx: 10;

	-moz-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg);

}

.g-sbox .m-con .u-lifo span:after, .g-bd .m-con-2 dl span:after, .g-bd .m-con.z-spe dl span:after {

	content: "";

	position: absolute;

	background: #fff;

	width: 11px;

	height: 11px;

	right: 4px;

	top: 0;

	z-indx: 11;

	-moz-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg);

}

.g-sbox .m-con .s-babg:nth-child(2n) span:after, .g-bd .m-con-2 .s-babg:nth-child(2n) span:after, .g-bd .m-con.z-spe .s-babg:nth-child(2n) span:after {

	background: #fafafa;

}

.g-sbox .m-con.z-spe {

	padding: 12px 5px 12px 5px;

	width: 310px;

	line-height: 22px;

}

.g-sbox .m-con.z-spe a {

	height: 33px;

	display: block;

	line-height: 33px;

	text-indent: 8px;

	width: 100%;

	overflow: hidden;

}

.g-sbox .m-con.z-spe a:last-child {

	border-bottom: none;

	box-shadow: none;

}



/*公共盒子公用样式*/



/*内页面包屑导航样式 开始*/

.m-btit {

	height: 35px;

	line-height: 35px;

	padding-left: 12px;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	border-top: 1px solid #d9d9d9;

	box-shadow: 0 1px #fff;

	position: relative;

	background-color: #eaeaea;

	background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#eaeaea));

	background-image: -webkit-linear-gradient(top, #f6f6f6, #eaeaea);

	background-image: -moz-linear-gradient(top, #f6f6f6, #eaeaea);

	background-image: -o-linear-gradient(top, #f6f6f6, #eaeaea);

	background-image: -ms-linear-gradient(top, #f6f6f6, #eaeaea);

	background-image: linear-gradient(top, #f6f6f6, #eaeaea);

	border-bottom: 1px solid #d9d9d9;

}

.m-btit:before {

	content: "";

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	border-top: 1px solid #fff;

}

.m-btit span {

	padding: 0 8px;

	position: relative;

}

.m-btit span:before {

	content: "";

	position: absolute;

	background: #7c7c7c;

	width: 8px;

	height: 8px;

	left: 2px;

	top: 6px;

	z-index: 10;

	-moz-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg);

}

.m-btit span:after {

	content: "";

	position: absolute;

	width: 8px;

	height: 8px;

	left: 1px;

	top: 6px;

	z-index: 11;

	background-color: #f1f1f0;

	background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#eeeeee));

	background-image: -webkit-linear-gradient(top, #f2f2f2, #eeeeee);

	background-image: -moz-linear-gradient(top, #f2f2f2, #eeeeee);

	background-image: -o-linear-gradient(top, #f2f2f2, #eeeeee);

	background-image: -ms-linear-gradient(top, #f2f2f2, #eeeeee);

	background-image: linear-gradient(top, #f2f2f2, #eeeeee);

	-moz-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg);

}



/*内页面包屑导航样式 结束*/



/*通用弹出层背景遮罩*/

.max_bg div {

	opacity: 0.8;

	border-radius: 5px;

	opacity: 1;

	width: 290px;

	border-width: 5px;

	height: 46px;

	text-indent: 50px;

	font-size: 13px;

	padding: 28px 0;

	margin: 40px auto;

	line-height: 25px;

}

.max_bg div a {

	text-decoration: underline;

	margin-right: 12px;

	line-height: 30px;

}

.max_bg {

	width: 100%;

	position: absolute;

	left: 0;

	top: 0;

	z-index: 100;

}

.max_bg div {

	opacity: 0.8;

	display: none;

	border-radius: 5px;

	opacity: 1;

	width: 290px;

	border-width: 5px;

	position: fixed;

	top: 50%;

	left: 50%;

	margin: -56px 0 0 -150px;

	height: 46px;

	font-size: 13px;

	padding: 28px 0;

	z-index: 101

}

.max_bg div a {

	text-decoration: underline;

	margin-right: 12px;

	line-height: 30px;

}

.max_bg .right {

	line-height: 25px;

	background-position: 17px -1351px;

	text-align: center;

}

.max_bg .wrong {

	background-position: 17px -1426px;

}

.max_bg .contapic_bg {

	width: 100%;

	height: 100%;

	margin: 0 auto;

	background: #000;

	left: 0;

	top: 0;

	opacity: 0.7;

	filter: alpha(opacity=70);

	z-index: 1

}



/*通用弹出层背景遮罩*/



/* -- 产品导肮 -- */

.g-prn .m-con {

	line-height: 40px;

	margin: 5px 12px 10px 12px;

	font-size: 14px;

}

.g-prn .m-con p:first-child {

	border-top: 0;

}

.g-prn .m-con p:last-child {

	border-bottom: 0;

}

.g-prn .m-con p {

	height: 32px;

	line-height: 32px;

	overflow: hidden;

}

.g-prn .m-con a {

	padding: 0 8px;

	font-size: 14px;

	white-space: nowrap;

}



/* -- 非定时切换状态栏 -- */

.g-sbox .m-cnt {

	height: 35px;

	line-height: 35px;

	position: relative;

}

.g-sbox .m-cnt li {

	float: left;

	display: block;

	height: 36px;

	font-size: 15px;

}



/*.g-sbox .m-cnt:before{ content:""; position:absolute; width:100%; height:3px; left:0; bottom:0; }

*/

.g-sbox li.z-on:before {

	border-left: 4px solid transparent;

	border-right: 4px solid transparent;

	border-top: 4px solid #ef7f00;

	bottom: -4px;

	content: "";

	height: 0;

	left: 45%;

	position: absolute;

	width: 0;

	z-index: 99;

}



/* -- 非定时切换状态栏 -- */



/*404页面*/

.erro {

	padding-bottom: 40px;

}

.erro .icon_404 {

	padding: 20px 0 10px 0;

}

.erro p.en {

	font-size: 24px;

	margin: 10px 0 15px 0;

	text-align: center;

	line-height: 35px;

}

.erro p.cn {

	font-size: 13px;

	width: 300px;

	padding-left: 20px;

	line-height: 26px;

	margin: 10px auto;

}

.erro p a {

	font-size: 13px;

}



/*404页面*/



/*-------CSS3特效集合--------*/

@keyframes xshow {

	0% {

		opacity: 0;

	}

	25% {

		opacity: 1;

	}

	50% {

		opacity: 0;

	}

	75% {

		opacity: 1;

	}

	100% {

		opacity: 0;

	}

}

@keyframes xshow2 {

	0% {

		opacity: 0;

	}

	20% {

		opacity: 1;

	}

	40% {

		opacity: 0;

	}

	60% {

		opacity: 1;

	}

	80% {

		opacity: 0;

	}

	100% {

		opacity: 0;

	}

}

@keyframes xshow3 {

	0% {

		opacity: 0;

	}

	15% {

		opacity: 1;

	}

	30% {

		opacity: 0;

	}

	50% {

		opacity: 1;

	}

	70% {

		opacity: 0;

	}

	80% {

		opacity: 1;

	}

	100% {

		opacity: 0;

	}

}

@-webkit-keyframes xshow {

	0% {

		opacity: 0;

	}

	25% {

		opacity: 1;

	}

	50% {

		opacity: 0;

	}

	75% {

		opacity: 1;

	}

	100% {

		opacity: 0;

	}

}

@-webkit-keyframes xshow2 {

	0% {

		opacity: 0;

	}

	20% {

		opacity: 1;

	}

	40% {

		opacity: 0;

	}

	60% {

		opacity: 1;

	}

	80% {

		opacity: 0;

	}

	100% {

		opacity: 0;

	}

}

@-webkit-keyframes xshow3 {

	0% {

		opacity: 0;

	}

	15% {

		opacity: 1;

	}

	30% {

		opacity: 0;

	}

	50% {

		opacity: 1;

	}

	70% {

		opacity: 0;

	}

	100% {

		opacity: 0;

	}

}

@-webkit-keyframes buttonHover {

	0% {

		box-shadow: 0 0 5px #808080;

	}

	50% {

		box-shadow: 0 0 12px #808080;

	}

	100% {

		box-shadow: 0 0 5px #808080;

	}

}

@keyframes buttonHover {

	0% {

		box-shadow: 0 0 5px #808080;

	}

	50% {

		box-shadow: 0 0 12px #808080;

	}

	100% {

		box-shadow: 0 0 5px #808080;

	}

}



/*返回开始*/

.g-back {

	overflow: hidden;

	position: relative;

	text-align: right;

	margin-top: 1px;

	height: 38px;

	padding: 7px 11px 0 9px;

}

.g-back a {

	display: inline-block;

	font-size: 0.875em;

	height: 32px;

	line-height: 28px;

	width: 32px;

	position: relative;

}

.g-back .u-bp {

	background-position: 0 0;

}

.g-back .u-bl {

	background-position: 0 -286px;

}

.g-back .u-bh {

	margin-right: 10px;

	background-position: 0 -232px;

}



/*返回结束*/



/*头部整体布局样式*/

.g-hd {

	background-color: #e2e2e2;

	background-image: radial-gradient(circle, #fff, #cecece);

	background-size: 100% auto;

}

.m-logo {

	width: 35.6%;

	float: left;

	padding: 2% 0 1% 2%;

	display: block;

}



/*logo边距*/

.m-logo img {

	width: 100%;

}

.m-ph1 {

	display: block;

	width: 53%;

	margin: 4% 3% 0 0;

	text-align: right;

}

.m-ph1 span {

	font-size: 15px;

	color: #f5821f;

}

@media screen and (min-width:400px) {

	.m-ph1 span {

		font-size: 17px;

	}

}

@media screen and (min-width:450px) {

	.m-ph1 span {

		font-size: 19px;

	}

}

@media screen and (min-width:480px) {

	.m-ph1 span {

		font-size: 21px;

	}

}

@media screen and (min-width:500px) {

	.m-ph1 span {

		font-size: 23px;

	}

}

@media screen and (min-width:550px) {

	.m-ph1 span {

		font-size: 25px;

	}

}

@media screen and (min-width:580px) {

	.m-ph1 span {

		font-size: 27px;

	}

}

@media screen and (min-width:639px) {

	.m-ph1 spann {

		font-size: 30px;

	}

}

.g-hd .m-tel {

	width: 100%;

	overflow: hidden;

	padding: 25% 0 0 0;

	height: auto;

	position: relative;

}

.m-tel .u-num {

	font-size: 17px;

	color: #f50000;

	text-shadow: none;

	position: absolute;

	top: 17%;

	right: 0;

	font-family: Arial, Helvetica, sans-serif;

}

@media screen and (min-width:350px) {

	.m-tel .u-num {

		font-size: 15px;

	}

}

@media screen and (min-width:400px) {

	.m-tel .u-num {

		font-size: 16px;

	}

}

@media screen and (min-width:450px) {

	.m-tel .u-num {

		font-size: 18px;

	}

}

@media screen and (min-width:480px) {

	.m-tel .u-num {

		font-size: 20px;

	}

}

@media screen and (min-width:550px) {

	.m-tel .u-num {

		font-size: 24px;

	}

}

@media screen and (min-width:639px) {

	.m-tel .u-num {

		font-size: 26px;

	}

}

.m-tel .u-tel {

	height: 54%;

	width: 14%;

	display: block;

	background: url(/m/assets/Front/images/tel.png) no-repeat;

	position: absolute;

	left: 17%;

	top: 12%;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

}

.u-tel .z-ln-1, .u-tel .z-ln-2, .u-tel .z-ln-3 {

	border: 1px solid #454545;

}

.u-tel .z-ln-1 {

	z-index: 10;

	display: inline-block;

	width: 3px;

	height: 3px;

	top: 6px;

	right: 6px;

	border-width: 1px 1px 0 0;

	border-radius: 0 30px 0 0;

	position: absolute;

	animation-name: xshow2; /*动画名称*/

	animation-duration: 4s;/* 动画时间*/

	animation-timing-function: linear;  /*动画频率，匀速*/

	animation-iteration-count: infinite; /*动画循环播放的次数，infinite为无限次*/

	-webkit-animation-name: xshow2;   /*针对苹果浏览器写的兼容*/

	-webkit-animation-duration: 4s; /*针对苹果浏览器写的兼容*/

	-webkit-animation-timing-function: linear; /*针对苹果浏览器写的兼容*/

	-webkit-animation-iteration-count: infinite; /*针对苹果浏览器写的兼容*/

	-o-animation-name: xshow2; /*针对欧朋浏览器写的兼容*/

	-o-animation-duration: 4s; /*针对欧朋浏览器写的兼容*/

	-o-animation-timing-function: linear; /*针对欧朋浏览器写的兼容*/

	-o-animation-iteration-count: infinite;

}



/*头部电话一闪一闪的线条，css3样式*/

.u-tel .z-ln-2 {

	z-index: 10;

	display: inline-block;

	width: 5px;

	height: 5px;

	border-width: 1px 1px 0 0;

	border-radius: 0 35px 0 0;

	position: absolute;

	top: 3px;

	right: 3px;

	animation-name: xshow;  /*动画名称*/

	animation-duration: 4s; /* 动画时间*/

	animation-timing-function: linear;  /*动画频率，匀速*/

	animation-iteration-count: infinite; /*动画循环播放的次数，infinite为无限次*/

	-webkit-animation-name: xshow; /*针对苹果浏览器写的兼容*/

	-webkit-animation-duration: 4s; /*针对苹果浏览器写的兼容*/

	-webkit-animation-timing-function: linear; /*针对苹果浏览器写的兼容*/

	-webkit-animation-iteration-count: infinite; /*针对苹果浏览器写的兼容*/

	-o-animation-name: xshow; /*针对欧朋浏览器写的兼容*/

	-o-animation-duration: 4s; /*针对欧朋浏览器写的兼容*/

	-o-animation-timing-function: linear; /*针对欧朋浏览器写的兼容*/

	-o-animation-iteration-count: infinite;

}



/*头部电话一闪一闪的线条，css3样式*/

.u-tel .z-ln-3 {

	z-index: 10;

	display: inline-block;

	width: 7px;

	height: 7px;

	border-width: 1px 1px 0 0;

	border-radius: 0 35px 0 0;

	position: absolute;

	top: 0px;

	right: 0px;

	animation-name: xshow;  /*动画名称*/

	animation-duration: 4s; /* 动画时间*/

	animation-timing-function: linear;  /*动画频率，匀速*/

	animation-iteration-count: infinite; /*动画循环播放的次数，infinite为无限次*/

	-webkit-animation-name: xshow; /*针对苹果浏览器写的兼容*/

	-webkit-animation-duration: 4s; /*针对苹果浏览器写的兼容*/

	-webkit-animation-timing-function: linear; /*针对苹果浏览器写的兼容*/

	-webkit-animation-iteration-count: infinite; /*针对苹果浏览器写的兼容*/

	-o-animation-name: xshow; /*针对欧朋浏览器写的兼容*/

	-o-animation-duration: 4s; /*针对欧朋浏览器写的兼容*/

	-o-animation-timing-function: linear; /*针对欧朋浏览器写的兼容*/

	-o-animation-iteration-count: infinite;

}



/*头部电话一闪一闪的线条，css3样式*/

@media screen and (min-width:350px) {

	.u-tel {

		height: 22%;

	}

	.u-tel .z-ln-1 {

		width: 3px;

		height: 3px;

		top: 5px;

		right: 5px;

	}

	.u-tel .z-ln-2 {

		width: 7px;

		height: 7px;

		top: 1px;

		right: 1px;

	}

	.u-tel .z-ln-3 {

		width: 10px;

		height: 10px;

		top: -3px;

		right: -3px;

	}

}

@media screen and (min-width:400px) {

	.u-tel .z-ln-1 {

		width: 6px;

		height: 6px;

		top: 5px;

		right: 5px;

	}

	.u-tel .z-ln-2 {

		width: 9px;

		height: 9px;

		top: 2px;

		right: 2px;

	}

	.u-tel .z-ln-3 {

		width: 12px;

		height: 12px;

		top: -1px;

		right: -1px;

	}

}

@media screen and (min-width:450px) {

	.u-tel .z-ln-1 {

		width: 6px;

		height: 6px;

		top: 6px;

		right: 6px;

	}

	.u-tel .z-ln-2 {

		width: 9px;

		height: 9px;

		top: 3px;

		right: 3px;

	}

	.u-tel .z-ln-3 {

		width: 12px;

		height: 12px;

		top: 0px;

		right: 0px;

	}

}

@media screen and (min-width:480px) {

	.u-tel .z-ln-1 {

		width: 6px;

		height: 6px;

		top: 7px;

		right: 7px;

	}

	.u-tel .z-ln-2 {

		width: 9px;

		height: 9px;

		top: 4px;

		right: 4px;

	}

	.u-tel .z-ln-3 {

		width: 12px;

		height: 12px;

		top: 1px;

		right: 1px;

	}

}

@media screen and (min-width:550px) {

	.u-tel .z-ln-1, .u-tel .z-ln-2, .u-tel .z-ln-3 {

		border: 2px solid #454545;

		border-width: 2px 2px 0 0;

	}

	.u-tel .z-ln-1 {

		width: 6px;

		height: 6px;

		top: 10px;

		right: 10px;

	}

	.u-tel .z-ln-2 {

		width: 12px;

		height: 12px;

		top: 5px;

		right: 5px;

	}

	.u-tel .z-ln-3 {

		width: 17px;

		height: 17px;

		top: 0;

		right: 0;

	}

}

@media screen and (min-width:640px) {

	.u-tel .z-ln-1, .u-tel .z-ln-2, .u-tel .z-ln-3 {

		border: 2px solid #454545;

		border-width: 2px 2px 0 0;

	}

	.u-tel .z-ln-1 {

		width: 7px;

		height: 7px;

		top: 10px;

		right: 10px;

	}

	.u-tel .z-ln-2 {

		width: 12px;

		height: 12px;

		top: 5px;

		right: 5px;

	}

	.u-tel .z-ln-3 {

		width: 17px;

		height: 17px;

		top: 0;

		right: 0;

	}

}



/*底部开始*/

.g-ft {

	background: #252728;

}

.m-top { text-align:center;

	display: block;

	border-bottom: 1px solid #000000;

	padding: 1% 0;

}

.u-top {

	width: 25%;

	margin: 0 auto;

	font-size: 12px;

	color: #ff8200;

	text-shadow: 0 1px 1px #000;

}

.u-top span {

	width: 22%;

	display: inline-block;

}

.u-top span img {

	width: 100%;

	vertical-align: middle;

}

.m-bmu {

	padding: 4% 0  0;

	text-align: center;

	position: relative;

	color: #a0a0a1;

	text-shadow: 0 1px 1px #000;

	border-top: 1px solid #3a3a3a;

	line-height: 200%;

}

.m-bmu a {

	color: #a0a0a1;

	padding: 0 0.5%;

}

.m-bmu p {

	padding: 2%

}

.code {

	width: 29.2%;

	text-align: center;

	margin: 0 auto;

	padding-top: 3%;

	display: none;

}

.code img {

	width: 100%;

}



/*底部结束*/

@media screen and (min-width:350px) {

	.m-tel .u-num {

		font-size: 18px;

	}

	.u-top {

		font-size: 14px;

	}

	.m-bmu {

		font-size: 12px;

	}

}

@media screen and (min-width:400px) {

	.m-tel .u-num {

		font-size: 22px;

	}

	.u-top {

		font-size: 16px;

	}

	.m-bmu {

		font-size: 16px;

	}

}

@media screen and (min-width:450px) {

	.m-tel .u-num {

		font-size: 26px;

	}

	.u-top {

		font-size: 18px;

	}

	.m-bmu {

		font-size: 12px;

	}

}

@media screen and (min-width:480px) {

	.m-tel .u-num {

		font-size: 28px;

	}

	.u-top {

		font-size: 20px;

	}

	.m-bmu {

		font-size: 12px;

	}

}

@media screen and (min-width:550px) {

	.m-tel .u-num {

		font-size: 30px;

	}

	.u-top {

		font-size: 22px;

	}

	.m-bmu {

		font-size: 14px;

	}

}

@media screen and (min-width:568px) {

	.m-tel .u-num {

		font-size: 30px;

	}

	.u-top {

		font-size: 22px;

	}

	.m-bmu {

		font-size: 13x;

	}

}

@media screen and (min-width:640px) {

	.m-tel .u-num {

		font-size: 34px;

	}

	.u-top {

		font-size: 24px;

	}

	.m-bmu {

		font-size: 24px;

	}

}

.g-se {

	padding: 15px 10px;

	position: relative;

}

.g-se .u-in {

	float: right;

	height: 30px;

	position: absolute;

	right: 10px;

	top: 15px;

	width: 42px;

	z-index: 100;

}



/*搜索布局*/

.g-se:before {

	content: '';

	display: block;

	width: 12px;

	height: 12px;

	border-radius: 17px;

	position: absolute;

	right: 24px;

	top: 20px;

	z-index: 99;

}

.g-se:after {

	content: '';

	display: block;

	width: 4px;

	height: 10px;

	border-radius: 5px;

	border: 0;

	position: absolute;

	right: 21px;

	top: 32px;

	z-index: 99;

	-webkit-transform: rotate(-52deg);

	-o-transform: rotate(-52deg);

	-ms-transform: rotate(-52deg);

	transform: rotate(-52deg);

}

.g-se .m-ipt {

	margin-right: 43px;

}

.g-se .u-glass {

	position: absolute;

	right: 10px;

	top: 15px;

	width: 42px;

	height: 30px;

	background: transparent;

	z-index: 888;

}

.g-se .u-bt {

	width: 42px;

	height: 30px;

	float: right;

	border-radius: 0 4px 4px 0;

	-webkit-border-radius: 0 4px 4px 0;

}

.g-se .u-key {

	width: 100%;

	height: 14px;

	padding: 7px 0;

	line-height: 14px;

	border-right: 0;

	border-bottom-left-radius: 5px;

	border-top-left-radius: 5px;

	border-bottom-right-radius: 0;

	border-top-right-radius: 0;

	-webkit-border-top-left-radius: 5px;

	-webkit-border-bottom-left-radius: 5px;

	-webkit-border-top-right-radius: 0;

	-webkit-border-bottom-right-radius: 0;

	text-indent: 15px;

	float: left;

}



/*搜索中的请输入关键词样式*/



/*头部结束*/



/*底部浮动栏样式*/

.social_nav4 {

	height: 55px;

	width: 320px;

	position: fixed;

	bottom: 0;

	left: 0;

	z-index: 999;

	overflow: hidden;

}



/*底部浮动社交导航/电话*/

.social_nav4 .social4 {

	display: block;

	width: 288px;

	height: 55px;

	margin-right: 18px;

	overflow: hidden;

	position: relative;

}

.social_nav4 a {

	height: 55px;

	line-height: 85px;

	font-size: 13px;

	width: 65px;

	display: inline-block;

	font-size: 12px;

	position: relative;

	z-index: 11;

	text-align: center;

	color: #fff;

}

.social_nav4 a.tel {

	width: 65px;

	text-indent: 15px;

}

.social_nav4 span {

	display: block;

	width: 35px;

	height: 25px;

	position: absolute;

	top: 0;

	z-index: 10;

}

.social4 {

	background-color: #2a2a31;

	background-image: -webkit-gradient(linear, left top, left bottom, from(#32323a), to(#23232b));

	background-image: -webkit-linear-gradient(top, #32323a, #23232b);

	background-image: -moz-linear-gradient(top, #32323a, #23232b);

	background-image: -o-linear-gradient(top, #32323a, #23232b);

	background-image: -ms-linear-gradient(top, #32323a, #23232b);

	background-image: linear-gradient(top, #32323a, #23232b);

}

.social4:before {

	content: '';

	height: 1px;

	width: 100%;

	background: #000;

	border-bottom: 1px solid #4b4c57;

	position: absolute;

	top: 0;

	left: 0;

}

.social4:after {

	content: '';

	height: 1px;

	width: 100%;

	background: #000;

	border-top: 1px solid #4b4c57;

	position: absolute;

	bottom: 0;

	left: 0;

}

.social4 b {

	width: 1px;

	height: 100%;

	background: #000;

	border-left: 1px solid #4b4c57;

	position: absolute;

	top: 0;

	right: 0;

}



/*底部社交-电话-动画*/

.social_nav4 span.tel {

	left: 30px;

	top: 5px;

	height: 30px;

	background-position: 3px -49px;

	animation-name: telshow;

	animation-duration: 1.0s;

	animation-timing-function: linear;

	animation-iteration-count: infinite;

	-webkit-animation-name: telshow;

	-webkit-animation-duration: 1.0s;

	-webkit-animation-timing-function: linear;

	-webkit-animation-iteration-count: infinite;

	-o-animation-name: telshow;

	-o-animation-duration: 1.0s;

	-o-animation-timing-function: linear;

	-o-animation-iteration-count: infinite;

}

@keyframes telshow {

	0% {

		transform: rotate(0deg)

	}

	5% {

		transform: rotate(-13deg)

	}

	10% {

		transform: rotate(0deg)

	}

	15% {

		transform: rotate(-13deg)

	}

	20% {

		transform: rotate(0deg)

	}

	25% {

		transform: rotate(-13deg)

	}

	100% {

		transform: roate(0deg)

	}

}

@-webkit-keyframes telshow {

	0% {

		-webkit-transform: rotate(0deg)

	}

	5% {

		-webkit-transform: rotate(-13deg)

	}

	10% {

		-webkit-transform: rotate(0deg)

	}

	15% {

		-webkit-transform: rotate(-13deg)

	}

	20% {

		-webkit-transform: rotate(0deg)

	}

	25% {

		-webkit-transform: rotate(-13deg)

	}

	100% {

		-webkit-transform: roate(0deg)

	}

}

@-o-keyframes telshow {

	0% {

		-o-transform: rotate(0deg)

	}

	5% {

		-o-transform: rotate(-13deg)

	}

	10% {

		-o-transform: rotate(0deg)

	}

	15% {

		-o-transform: rotate(-13deg)

	}

	20% {

		-o-transform: rotate(0deg)

	}

	25% {

		-o-transform: rotate(-13deg)

	}

	100% {

		-o-transform: roate(0deg)

	}

}



/*底部社交-微信-动画*/

.social_nav4 span.weichat {

	left: 86px;

	top: 7px;

	background-position: 6px -150px;

	background-repeat: no-repeat;

}

@keyframes xshow {

	0% {

		opacity: 0;

	}

	25% {

		opacity: 1;

	}

	50% {

		opacity: 0;

	}

	75% {

		opacity: 1;

	}

	100% {

		opacity: 0;

	}

}

@-o-keyframes xshow {

	0% {

		opacity: 0;

	}

	25% {

		opacity: 1;

	}

	50% {

		opacity: 0;

	}

	75% {

		opacity: 1;

	}

	100% {

		opacity: 0;

	}

}

@-webkit-keyframes xshow {

	0% {

		opacity: 0;

	}

	25% {

		opacity: 1;

	}

	50% {

		opacity: 0;

	}

	75% {

		opacity: 1;

	}

	100% {

		opacity: 0;

	}

}



/*底部社交-微博-动画*/

.social_nav4 span.weibo {

	left: 157px;

	top: 7px;

	background-position: 1px -357px;

	background-repeat: no-repeat;

	height: 26px;

}

.social_nav4 .line_1 {

	z-index: 10;

	display: inline-block;

	width: 5px;

	height: 4px;

	border: 2px solid #ffb841;

	border-width: 2px 2px 0 0;

	border-radius: 0 30px 0 0;

	position: absolute;

	top: 9px;

	right: 104px;

	animation-name: xshow2;

	animation-duration: 5s;

	animation-timing-function: linear;

	animation-iteration-count: infinite;

	-webkit-animation-name: xshow2;

	-webkit-animation-duration: 5s;

	-webkit-animation-timing-function: linear;

	-webkit-animation-iteration-count: infinite;

	-o-animation-name: xshow2;

	-o-animation-duration: 5s;

	-o-animation-timing-function: linear;

	-o-animation-iteration-count: infinite;

}

.social_nav4 .line_2 {

	z-index: 10;

	display: inline-block;

	width: 8px;

	height: 6px;

	border: 2px solid #ffb841;

	border-width: 2px 2px 0 0;

	border-radius: 0 35px 0 0;

	position: absolute;

	top: 6px;

	right: 101px;

	animation-name: xshow;

	animation-duration: 5s;

	animation-timing-function: linear;

	animation-iteration-count: infinite;

	-webkit-animation-name: xshow;

	-webkit-animation-duration: 5s;

	-webkit-animation-timing-function: linear;

	-webkit-animation-iteration-count: infinite;

	-o-animation-name: xshow;

	-o-animation-duration: 5s;

	-o-animation-timing-function: linear;

	-o-animation-iteration-count: infinite;

}

@keyframes xshow2 {

	0% {

		opacity: 0;

	}

	20% {

		opacity: 1;

	}

	40% {

		opacity: 0;

	}

	60% {

		opacity: 1;

	}

	80% {

		opacity: 0;

	}

	100% {

		opacity: 0;

	}

}

@-o-keyframes xshow2 {

	0% {

		opacity: 0;

	}

	25% {

		opacity: 1;

	}

	50% {

		opacity: 0;

	}

	75% {

		opacity: 1;

	}

	100% {

		opacity: 0;

	}

}

@-webkit-keyframes xshow2 {

	0% {

		opacity: 0;

	}

	25% {

		opacity: 1;

	}

	50% {

		opacity: 0;

	}

	75% {

		opacity: 1;

	}

	100% {

		opacity: 0;

	}

}

.social_nav4 span.home {

	background-position: 0px -200px;

	background-repeat: no-repeat;

	left: 224px;

	height: 24px;

	width: 26px;

	top: 8px;

}

.social_nav4 .btn {

	display: block;

	width: 34px;

	height: 55px;

	position: absolute;

	right: 0;

	background-position: 0 -786px;

}

.social_nav4 .btn2 {

	display: block;

	width: 34px;

	height: 55px;

	position: absolute;

	right: 0;

	background-position: 0 -249px;

	display: none;

}



/*定位图片样式*/

.header .tel_bt, .title .icon, .sytitbg .icon, .probox .content ul li, .probox .content ul li ul li, .navbg, .brand_advance .yscontent h2, .social_nav4 .btn, .social_nav4 .btn2, .social4 span, .brand_advance .yscontent .telbg {

	background-image: url(http://mimg.nsw88.com/Images/skins/SkinsBar4.png);

	background-repeat: no-repeat;

	background-size: 32px 889px;

}

.m-bmu .loaded {

	display: none;

}

.m-bmu .code .loaded {

	display: block;

}



/*底部导航*/

.social_nav5 {

	height: 50px;

	background: #777;

	line-height: 50px;

	position: fixed;

	bottom: 0;

	max-width: 640px;

	min-width: 320px;

	width: 100%;

	z-index: 999;

}

.social_nav5 ul li {

	float: left;

	width: 20%;

	position: relative;

	border-right: 1px solid #555;

}

.social_nav5 ul li.cur {

	background: #ff8200;

}

.social_nav5 ul li a {

	color: #fff;

	display: block;

	font-size: 12px;

	text-shadow: none;

}

.social_nav5 .erji {

	position: absolute;

	bottom: 50px;

	left: -20px;

	background: #f3f3f3;

	padding: 0 8%;

	width: 100px;

	border: 1px solid #e4e4e4;

	display: none;

}

.social_nav5 .erji a {

	display: block;

	height: 3em;

	line-height: 3em;

	font-size: 12px;

	text-shadow: none;

	color: #7d7d7d;

	overflow: hidden;

	border-bottom: 1px solid #e4e4e4;

}


.social_nav5 .erji a:nth-child(n+10){ display:none;}

.social_nav5:before {

	position: absolute;

	content: "";

	top: 25%;

	right: 5.5%;

	width: 0;

	height;

	0;

	border-bottom: 0.5em solid #fff;

	border-right: 0.5em solid transparent;

	border-left: 0.5em solid transparent

}

.social_nav5 .span1 span {

	color: #fff;

	line-height: 1em;

	font-size: 12px;

	line-height: 1em;

	display: block;

}

.social_nav5 .span1 {

	display: block;

	width: 13%;

	text-align: center;

	position: absolute;

	top: 0;

	right: 0%;

	height: 20px;

	padding-top: 30px;

}

@media screen and (min-width:350px) {

	.m-tel .u-num {

		font-size: 18px;

	}

	.u-top {

		font-size: 14px;

	}

	.m-bmu {

		font-size: 14px;

	}

	.social_nav5 ul li a {

		font-size: 14px;

	}

	.social_nav5 .erji {

		left: -20px;

	}

	.social_nav5 .erji a {

		font-size: 13px;

	}

}

@media screen and (min-width:400px) {

	.m-tel .u-num {

		font-size: 22px;

	}

	.u-top {

		font-size: 16px;

	}

	.m-bmu {

		font-size: 16px;

	}

	.social_nav5 .erji {

		left: -10px;

	}

	.social_nav5 ul li a {

		font-size: 14px;

	}

	.social_nav5 .erji a {

		font-size: 12px;

	}

}

@media screen and (min-width:450px) {

	.m-tel .u-num {

		font-size: 26px;

	}

	.u-top {

		font-size: 18px;

	}

	.m-bmu {

		font-size: 18px;

	}

	.social_nav5 .erji {

		left: -10px;

	}

	.social_nav5 ul li a {

		font-size: 14px;

	}

	.social_nav5 .erji a {

		font-size: 13px;

	}

}

@media screen and (min-width:480px) {

	.m-tel .u-num {

		font-size: 28px;

	}

	.u-top {

		font-size: 20px;

	}

	.m-bmu {

		font-size: 18px;

	}

	.social_nav5 .erji {

		left: -10px;

	}

	.social_nav5 .erji2 {

		left: 0;

	}

	.social_nav5 ul li a {

		font-size: 16px;

	}

	.social_nav5 .erji a {

		font-size: 14px;

	}

}

@media screen and (min-width:550px) {

	.m-tel .u-num {

		font-size: 30px;

	}

	.u-top {

		font-size: 22px;

	}

	.m-bmu {

		font-size: 22px;

	}

	.social_nav5 .erji {

		left: 0;

	}

	.social_nav5 ul li a {

		font-size: 18px;

	}

	.social_nav5 .erji a {

		font-size: 15px;

	}

}

@media screen and (min-width:639px) {

	.m-tel .u-num {

		font-size: 34px;

	}

	.u-top {

		font-size: 24px;

	}

	.m-bmu {

		font-size: 24px;

	}

	.social_nav5 .erji {

		left: 2px;

	}

	.social_nav5 ul li a {

		font-size: 20px;

	}

	.social_nav5 .erji a {

		font-size: 16px;

	}

}

.jiathis_style_32x32 em, .jiathis_style_24x24 em, .jiathis_style em {

	float: left;

	line-height: 32px;

	text-align: center;

	color: #FFF;

	font-weight: bold;

}

.shareWrap:after {

	display: block;

	content: "";

	clear: both;

}

body .g-hd {

	height: 75px;

	overflow: hidden;

}

body .m-logo {

	width: 110px;

	float: left;

	padding: 8px 0 0 10px;

	display: block;

}



/*logo边距*/

body .m-logo img {

	width: 114px;

	height: 60px;

}

body .m-ph1 {

	margin: 12px 10px 0 0;

	text-align: right;

	position: relative;

	width: auto;

}

body .m-ph1 span {

	font-size: 15px;

	color: #ff8201;

	display: block;

	line-height: 14px;

	padding-top: 4px;

}

body .g-hd .m-tel {

	overflow: hidden;

	position: relative;

	padding: 0;

	height: 30px;

	margin: 0;

}

body .m-tel .u-num {

	font-size: 17px;

	color: #da241f;

	text-shadow: none;

	font-weight: bold;

	position: absolute;

	top:10px;

	right: 0;

	font-family: Arial, Helvetica, sans-serif;

}

body .m-tel .u-tel {

	height: 18px;

	width: 18px;

	display: block;

	background: url(/m/assets/Front/images/tel.png) no-repeat;

	background-size: 18px 18px;

	position: absolute;

	left:0px;

	top: 10px;

}

body .u-tel .z-ln-1, body .u-tel .z-ln-2, body .u-tel .z-ln-3 {

	border: 1px solid #454545;

}

body .u-tel .z-ln-1 {

	z-index: 10;

	display: inline-block;

	width: 3px;

	height: 3px;

	top: 6px;

	right: 6px;

	border-width: 1px 1px 0 0;

	border-radius: 0 30px 0 0;

	position: absolute;

	animation-name: xshow2; /*动画名称*/

	animation-duration: 4s;/* 动画时间*/

	animation-timing-function: linear;  /*动画频率，匀速*/

	animation-iteration-count: infinite; /*动画循环播放的次数，infinite为无限次*/

	-webkit-animation-name: xshow2;   /*针对苹果浏览器写的兼容*/

	-webkit-animation-duration: 4s; /*针对苹果浏览器写的兼容*/

	-webkit-animation-timing-function: linear; /*针对苹果浏览器写的兼容*/

	-webkit-animation-iteration-count: infinite; /*针对苹果浏览器写的兼容*/

	-o-animation-name: xshow2; /*针对欧朋浏览器写的兼容*/

	-o-animation-duration: 4s; /*针对欧朋浏览器写的兼容*/

	-o-animation-timing-function: linear; /*针对欧朋浏览器写的兼容*/

	-o-animation-iteration-count: infinite;

}



/*头部电话一闪一闪的线条，css3样式*/

body .u-tel .z-ln-2 {

	z-index: 10;

	display: inline-block;

	width: 5px;

	height: 5px;

	border-width: 1px 1px 0 0;

	border-radius: 0 35px 0 0;

	position: absolute;

	top: 3px;

	right: 3px;

	animation-name: xshow;  /*动画名称*/

	animation-duration: 4s; /* 动画时间*/

	animation-timing-function: linear;  /*动画频率，匀速*/

	animation-iteration-count: infinite; /*动画循环播放的次数，infinite为无限次*/

	-webkit-animation-name: xshow; /*针对苹果浏览器写的兼容*/

	-webkit-animation-duration: 4s; /*针对苹果浏览器写的兼容*/

	-webkit-animation-timing-function: linear; /*针对苹果浏览器写的兼容*/

	-webkit-animation-iteration-count: infinite; /*针对苹果浏览器写的兼容*/

	-o-animation-name: xshow; /*针对欧朋浏览器写的兼容*/

	-o-animation-duration: 4s; /*针对欧朋浏览器写的兼容*/

	-o-animation-timing-function: linear; /*针对欧朋浏览器写的兼容*/

	-o-animation-iteration-count: infinite;

}

a {

	color: #666;

}

.g-sbox .m-con.z-spe a, .g-bd .m-con-3 li, .qabox .qacont .list a {

	border-bottom: 1px solid #e6e6e6;

}

.g-adv .m-cnt {

	height: 5px;

}

.g-adv .m-cnt li {

	height: 5px;

}



.g-adv .m-cnt {

	height: 6px;

}

.g-adv .m-cnt li {

	height: 6px;

}



.g-bd .m-con-3 {

	margin: 10px 10px 26px 10px;

}

.g-bd .m-con-3 ul {

	border-bottom: 1px solid #eaeaea;

}

.g-bd .m-con-3 li {

	height: 32px;

	line-height: 32px;

	padding-left: 15px;

	position: relative;

	background-position: 5px -1629px;

	overflow: hidden;

	display: block;

}

.g-bd .m-con-3 li:before {

	content: "";

	position: absolute;

	background: #3e3e3e;

	width: 4px;

	height: 4px;

	left: 6px;

	top: 15px;

}

.g-bd .m-con-3 .first {

	border-top: none;

}

.g-bd .m-con-3 li span {

	display: block;

	height: 16px;

	position: absolute;

	right: 10px;

	top: 10px;

	width: 9px;

}

.g-bd .m-con-3 li span:before {

	content: "";

	position: absolute;

	background: #7c7c7c;

	width: 10px;

	height: 10px;

	left: 2px;

	top: 2px;

	z-index: 10;

	-moz-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg);

}

.g-bd .m-con-3 li span:after {

	content: "";

	position: absolute;

	width: 10px;

	height: 10px;

	left: 0;

	top: 2px;

	z-index: 11;

	background-color: #f8f8f8;

	background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#f8f8f8));

	background-image: -webkit-linear-gradient(top, #fafafa, #f8f8f8);

	background-image: -moz-linear-gradient(top, #fafafa, #f8f8f8);

	background-image: -o-linear-gradient(top, #fafafa, #f8f8f8);

	background-image: -ms-linear-gradient(top, #fafafa, #f8f8f8);

	background-image: linear-gradient(top, #fafafa, #f8f8f8);

	-moz-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg);

}



/*头部电话一闪一闪的线条，css3样式*/

body .u-tel .z-ln-3 {

	z-index: 10;

	display: inline-block;

	width: 7px;

	height: 7px;

	border-width: 1px 1px 0 0;

	border-radius: 0 35px 0 0;

	position: absolute;

	top: 0px;

	right: 0px;

	animation-name: xshow;  /*动画名称*/

	animation-duration: 4s; /* 动画时间*/

	animation-timing-function: linear;  /*动画频率，匀速*/

	animation-iteration-count: infinite; /*动画循环播放的次数，infinite为无限次*/

	-webkit-animation-name: xshow; /*针对苹果浏览器写的兼容*/

	-webkit-animation-duration: 4s; /*针对苹果浏览器写的兼容*/

	-webkit-animation-timing-function: linear; /*针对苹果浏览器写的兼容*/

	-webkit-animation-iteration-count: infinite; /*针对苹果浏览器写的兼容*/

	-o-animation-name: xshow; /*针对欧朋浏览器写的兼容*/

	-o-animation-duration: 4s; /*针对欧朋浏览器写的兼容*/

	-o-animation-timing-function: linear; /*针对欧朋浏览器写的兼容*/

	-o-animation-iteration-count: infinite;

}



/*头部电话一闪一闪的线条，css3样式*/

body .g-ft {

	background: #252728;

}

.g-back .u-bp, .g-back .u-bl, .g-back .u-bh, .u-seek, .u-detail {

	background: url(/m/assets/Front/images/Nyskinsbar.png) no-repeat;

	background-size: 35px 600px;

}

body .code {

	width: 150px;

	text-align: center;

	height: 150px;

	margin: 0 auto;

	margin-top: 10px;

}

body .code img {

	width: 150px;

	height: 150px;

}

.g-back {

	overflow: hidden;

	position: relative;

	text-align: right;

	margin-top: 1px;

	height: 38px;

	padding: 7px 11px 0 9px;

}

.g-back a {

	display: inline-block;

	font-size: 0.875em;

	height: 32px;

	line-height: 28px;

	width: 32px;

	position: relative;

}

.g-back .u-bp {

	background-position: 0 0;

}

.g-back .u-bl {

	background-position: 0 -286px;

}

.g-back .u-bh {

	margin-right: 10px;

	background-position: 0 -232px;

}

.s-cyan2 {

	color: cyan;

}



/*提示评论颜色*/

.g-back {

	background: #e8e8e8;

	border-top: 1px solid #e8e8e8;

}

.m-btit {

	height: 35px;

	line-height: 35px;

	overflow: hidden;

	padding-left: 12px;

	border-top-color: rgb(217, 217, 217);

	border-bottom-color: rgb(217, 217, 217);

	border-top-width: 1px;

	border-bottom-width: 1px;

	border-top-style: solid;

	border-bottom-style: solid;

	white-space: nowrap;

	position: relative;

	text-overflow: ellipsis;

	box-shadow: 0px 1px #fff;

	background-color: rgb(234, 234, 234);

}

.m-btit::before {

	left: 0px;

	top: 0px;

	width: 100%;

	border-top-color: rgb(255, 255, 255);

	border-top-width: 1px;

	border-top-style: solid;

	position: absolute;

	content: "";

}

.m-btit span {

	padding: 0px 8px;

	position: relative;

}

.m-btit span::before {

	background: rgb(124, 124, 124);

	left: 2px;

	top: 6px;

	width: 8px;

	height: 8px;

	position: absolute;

	z-index: 10;

	content: "";

	transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	-webkit-transform: rotate(45deg);

}

.m-btit span::after {

	left: 1px;

	top: 6px;

	width: 8px;

	height: 8px;

	position: absolute;

	z-index: 11;

	content: "";

	transform: rotate(45deg);

	background-color: rgb(241, 241, 240);

	-moz-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	-webkit-transform: rotate(45deg);

}

.max_bg div {

	border-width: 5px;

	margin: 40px auto;

	padding: 28px 0px;

	border-radius: 5px;

	width: 290px;

	height: 46px;

	line-height: 25px;

	text-indent: 50px;

	font-size: 13px;

	opacity: 1;

}



/*通用值*/

.green {

	color: #390;

}



/*通用值*/

.cyan {

	color: #b3221f;

}



/*提示评论颜色*/

.g-back {

	background: #e8e8e8;

	border-top: 1px solid #e8e8e8;

}



/*返回文字样式*/

.max_bg div {

	border-style: solid;

	border-color: #bcbcbc;

	background-color: #fff;

	color: #303f4c;

}



/*弹出层背景*/

.u-mtit h1 {

	font-size: 18px;

	text-align: center;

	padding: 24px 0 10px 0;

}

.u-mtit h2 {

	font-size: 18px;

	text-align: center;

	padding: 24px 0 10px 0;

}

.u-mtit p {

	padding-top: 10px;

	font-size: 12px;

	padding-bottom: 7px;

	border-bottom: 1px solid #fff;

}

.u-mtit p a {

	margin-left: 5px;

}

.m-mcon, .procontent {

	border-top: 1px solid #e6e6e6;

	padding: 10px 14px 7px 10px;

	font-size: 13px;

}



/* 新闻内容  */

.m-mcon p, .procontent p {

	line-height: 22px; /* margin-bottom:28px;*/

}



/* 关于手机的相关新闻  */

.m-about .list {

	margin: 5px;

	font-size: 12px;

	line-height: 22px;

}

.m-about .list a {

	font-size: 14px;

	height: 33px;

	display: block;

	line-height: 33px;

	padding-left: 8px;

	overflow: hidden;

}

.m-about .list a:nth-child(1) {

	border-top: 0;

}

.m-about .list a:last-child {

	border-bottom: 0;

}

.s-wc, a.s-wc {

	color: #FF8100;

}



/*产品标题颜色*/

.g-bd .m-pronav .list1 a, .g-bd .m-pronav .list2 a, .g-bd .m-pronav .list3 a, .m-pronav .content a, .u-pnum, .g-bd .m-pronav .prolist .list1 .a_tit {

	color: #FF8100;

}



/*产品导航二级栏目字体颜色*/

.s-wc-2, a.s-wc-2 {

	color: #FF8100;

}



/*产品搜索页立即咨询颜色*/

.s-wc-3, a.s-wc-3 {

	color: #3372A2;

}



/*产品搜索页查看详情颜色*/

.z-spw {

	color: #ff6700;

}



/*产品搜索页查看详情颜色*/

.m-con-1 {

	padding: 15px 0 12px 0;

	width: 320px;

	margin: 0 auto;

}

.m-con-1 a {

	float: left;

	width: 132px;

	margin: 0 14px 10px 14px;

	text-align: center;

	line-height: 20px;

	overflow: hidden;

	display: block;

	font-size: 14px;

}

.m-con-1 .prodo li:nth-child(n+8){ display:none;}

/* .m-con-1 .prodo li:nth-child(n+3){ display:none;}
.m-con-1 .prodo li:nth-child(n+5){ display:block;}
.m-con-1 .prodo li:nth-child(n+6){ display:none;}
.m-con-1 .prodo li:nth-child(n+9){ display:block;}
.m-con-1 .prodo li:nth-child(n+11){ display:none;}
.m-con-1 .prodo li:nth-child(n+20){ display:block;}
.m-con-1 .prodo li:nth-child(n+21){ display:none;} */

.prodo{padding: 7px 0px;}

.prodo li a{
	border: 1px solid #ccc;
    height: 35px;
    line-height: 35px;
    background: #f5f5f5;}

.m-con-1 a img {

	width: 130px;

	height: 130px;

	border: 1px solid #e2e2e2;

	float: left;

	margin-bottom: 8px;

}

.m-mcon, .procontent {

	border-top: 1px solid #e6e6e6;

	padding: 10px 14px 7px 10px;

	font-size: 13px;

}



/* 新闻内容  */

.m-mcon p, .procontent p {

	line-height: 22px; /* margin-bottom:28px;*/

}



/* 关于手机的相关新闻  */

.g-bd .m-con-1 {

	padding: 15px 0 12px 0;

	width: 320px;

	margin: 0 auto;

}

.g-bd .m-con-1 a {

	float: left;

	width: 132px;

	margin: 0 14px 10px 14px;

	text-align: center;

	line-height: 20px;

	height: 160px;

	overflow: hidden;

	display: block;

	font-size: 14px;

}

.g-bd .m-con-1 a img {

	width: 130px;

	height: 130px;

	border: 1px solid #e2e2e2;

	float: left;

	margin-bottom: 8px;

}



/* 产品列表页面二样式  */

.g-bd .m-con-2 a {

	display: block;

}

.g-bd .m-con-2 {

	margin-bottom: 26px;

}

.g-bd .m-con-2 dl {

	border-bottom: 1px solid #ffffff;

	box-shadow: 0 1px #e6e6e6;

	margin-bottom: 2px;

	padding: 12px 36px 12px 10px;

	position: relative;

}

.g-bd .m-con-2 dt {

	float: left;

	display: block;

	border: 1px solid #ccc;

	margin-right: 11px;

}

.g-bd .m-con-2 dt img {

	display: block;

	float: left;

	border: 1px solid #e2e2e2;

}

.g-b2 .m-con-2 h3 {

	height: 24px;

	line-height: 24px;

	overflow: hidden;

	padding-right: 10px;

}

.g-bd .m-con-2 p {

	font-size: 12px;

	height: 65px;

	line-height: 22px;

	margin: 5px;

	margin-right: 3%;

	overflow: hidden;

}

.g-bd .m-con-2 .s-babg p span {

	width: auto;

	height: auto;

	background: none;

	position: relative;

	right: inherit;

	top: inherit;

	display: inline;

}

.g-bd .m-con-2 .s-babg p span:before, .g-bd .m-con-2 .s-babg p span:after {

	display: none;

}



/* 新闻列表页面四样式  */

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



	/*当屏幕尺寸小于1440px时，应用下面的CSS样式*/

	.g-prolistbox4 .content {

		-webkit-column-count: 6;

		-moz-column-count: 6;

	}

}

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



	/*当屏幕尺寸小于1280px时，应用下面的CSS样式*/

	.g-prolistbox4 .content {

		-webkit-column-count: 6;

		-moz-column-count: 6;

	}

}

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



	/*当屏幕尺寸小于1024px时，应用下面的CSS样式*/

	.g-prolistbox4 .content {

		-webkit-column-count: 5;

		-moz-column-count: 5;

	}

}

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



	/*当屏幕尺寸小于960px时，应用下面的CSS样式*/

	.g-prolistbox4 .content {

		-webkit-column-count: 4;

		-moz-column-count: 4;

	}

}

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



	/*当屏幕尺寸小于720px时，应用下面的CSS样式*/

	.g-prolistbox4 .content {

		-webkit-column-count: 3;

		-moz-column-count: 3;

	}

}

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



	/*当屏幕尺寸小于400px时，应用下面的CSS样式*/

	.g-prolistbox4 .content {

		-webkit-column-count: 2;

		-moz-column-count: 2;

	}

}

.g-prolistbox4 .content {

	margin: 15px auto;

	text-align: center;

	column-gap: 10px;

	-webkit-column-gap: 10px;

	-moz-column-gap: 10px;

	column-fill: balance;

	-webkit-column-fill: balance;

	-moz-column-fill: balance;

}

.g-prolistbox4 .content div {

	vertical-align: top;

	display: inline-block;

	width: 132px;

	margin-bottom: 10px;

	text-align: center;

	line-height: 20px;

	overflow: hidden;

	font-size: 14px;

}

.g-prolistbox4 .description {

	color: #999;

	display: block;

	height: 40px;

	overflow: hidden;

}

.g-prolistbox4 .content div img {

	border: 1px solid #e2e2e2;

	text-align: center;

	margin-bottom: 8px;

}

.g-prolistbox4 .content  i {

	height: 18px;

	line-height: 18px;

	overflow: hidden;

	display: inline-block;

}

.g-page a {

	background-color: #FF8100;

	color: #fff;

}

.g-page .z-noc {

	background-color: #e8e8e8;

	color: #9b0e0e;

}

.g-page .u-sa {

	color: #fff;

}
.sm6{width: 100% !important;
}