@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: 15%;



}



.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 {






	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: 15%;



}







/* 分页样式  */







/*分享样式*/



.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;



	border-bottom: 1px solid #e4e4e4;



}



.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: 114px;



	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:30px;



	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;

    white-space: nowrap;

	font-size: 14px;



}



.m-con-1 a img {



	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: #F4F2F2;



	color:black;



}



.g-page .z-noc {



	background-color: #e8e8e8;



	color: #9b0e0e;



}



.g-page .u-sa {



	color: #fff;



}
.g-page a{padding-right: 5px; padding-bottom: 3px; padding-left: 5px; margin: 0px 2px; padding-top: 3px; text-decoration: none; border: 1px solid #ccc;}

.g-page a:hover {border: 1px solid #f59601;}

.g-page a:active {border: 1px solid #f59601;}


.ss_r{ margin:auto; width:302px;}
.ss_r input.inp1{border:0;vertical-align:middle;width:245px;height:35px;background:url(/m/assets/Front/images/inp1.jpg) no-repeat;line-height:35px;font-size:12px;font-family:"Microsoft YaHei";color:#797979;padding-left:33px;}
.ss_r input.inp2{width:52px;height:35px;background:url(/m/assets/Front/images/inp2.jpg) no-repeat;border:0;}
.ss_l span{line-height:50px;display:block;color:#555555;}
.ss_l span a{margin:0 5px;font-family:"Microsoft YaHei";font-size:14px;color:#555555;}
.ss_l span b{font-family:"Microsoft YaHei";font-size:14px;color:#555555;font-weight:normal;}
input,
button,
textarea,
select,
optgroup,
option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,
button,
textarea,
select{*font-size:100%;}
input,
select{vertical-align:middle;}
.jqzoom{border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);}
.wthl{font-size:16px;color:#000;padding-left:30px;padding-top:18px;}
.ohk{width:280px;line-height:32px;margin-top:18px;}
.ohwh{width:150px;line-height:32px;margin-top:18px;}
.wkil{width:100px;height:42px;line-height:42px;margin-left:40px;margin-top:12px;margin-bottom:20px;}
.sdihe{height:12px;overflow:hidden;}
.top{top:0px;}
.bottom{bottom:0px;}
.left{left:0px;}
.right{right:0px;}
.content{width:500px;height:100px;background:#f00;font-size:50px;}
.toLeft{float:left;}



.rightshow{ margin-bottom:10px;}

.rightshow h1{ font-size: 20px; color: #000; line-height: 32px;  border-bottom: 1px #ccc solid; padding-left: 8px;}

.rightshow li{ border-bottom: 1px #ccc dotted; padding-left: 8px; padding-top: 5px; padding-bottom: 5px; line-height: 24px; overflow: hidden;}

.rightshow span{ color: #666;}

.rightshow .tel{ font-size: 20px; color:#f59601 }

.rightshow .pl{color:#f59601}

.h24{ height: 24px;}


<!--0.0002601146697998-->