﻿
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;height: 36px ; line-height:36px;}
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;}

.u_zxbm_txt{font-size:16px;text-align:right;font-family:微软雅黑;}


/*首页标题 开始*/
.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;}

/* -- 非定时切换状态栏 -- */


/*-------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 -110px;  }
.g-back .u-bh { margin-right:10px; background-position:0 -120px;}
/*头部整体布局样式*/
.g-hd {background:url(../images/wx_back.jpg);-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:1% 2% 0 0; text-align:right;}
.m-ph1 span{ font-size:15px; color:#CF1312;}
@media screen and (min-width:400px) {
	.m-ph1 span{font-size:20px;}
}
@media screen and (min-width:450px) {
	.m-ph1 span{font-size:20px;}
}
@media screen and (min-width:480px) {
	.m-ph1 span{font-size:20px;}
}
@media screen and (min-width:500px) {
	.m-ph1 span{font-size:20px;}
}
@media screen and (min-width:550px) {
	.m-ph1 span{font-size:20px;}
}
@media screen and (min-width:580px) {
	.m-ph1 span{font-size:20px;}
}
@media screen and (min-width:639px) {
   	.m-ph1 spann{font-size:20px;}
}

.g-hd .m-tel{ width:100%; overflow:hidden; padding:15% 0 0 0; height:auto; position:relative;}
.m-tel .u-num{ font-size:17px; color:#1A73A6; text-shadow:none; position:absolute; top:0; 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(../images/tel.png) no-repeat; position:absolute;left:17%; top:5%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;} 
/*头部电话图标*/
/*.g-hd .m-tel{ text-align:right;float:right; position:relative; width:53%; margin:4% 3% 0 0; display:block; height:20%;} 
.g-hd .m-tel span{ font-size:15px; color:#f5821f; display:block;}
@media screen and (min-width:400px) {
	.g-hd .m-tel span{font-size:17px;}
}
@media screen and (min-width:450px) {
	.g-hd .m-tel span{font-size:19px;}
}
@media screen and (min-width:480px) {
	.g-hd .m-tel span{font-size:21px;}
}
@media screen and (min-width:500px) {
	 .g-hd .m-tel span{font-size:23px;}
}
@media screen and (min-width:550px) {
	.g-hd .m-tel span{font-size:25px;}
}
@media screen and (min-width:580px) {
	.g-hd .m-tel span{font-size:27px;}
}
@media screen and (min-width:639px) {
   	.g-hd .m-tel span{font-size:30px;}
}

.m-tel .u-num{ font-size:17px; color:#f50000; text-shadow:none; position:absolute; top:115%; right:0; font-family:Arial, Helvetica, sans-serif;} 
.m-tel .u-tel{ height:115%; width:14%; display:block; background:url(/mobile/images/common/tel.png) no-repeat; position:absolute;left:18%; top:120%;
-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{margin:0 auto;}

.m-top{ display:block;padding:1% 0;}
.u-top{margin:0 auto;}
.u_title{color:#09598A;font-size:20px;text-align:left;font-family:Arial,微软雅黑;}

.u_mob{color:#9F0000;font-size:30px;text-align:left;font-family:Arial;}
.u_mob a:link{font-size:30px;color:#9F0000;text-decoration:none;}
.u_mob a:visited{font-size:30px;color:#9F0000;text-decoration:none;}
.u_mob a:hover{font-size:30px;color:#B30000;text-decoration:none;}
.u_mob a:ctive{font-size:30px;color:#B30000;text-decoration:none;}

.u_qq{color:#333333;font-size:20px;text-align:left;font-family:Arial;}
.u_qq a:link{font-size:20px;color:#333333;text-decoration:none;}
.u_qq a:visited{font-size:20px;color:#333333;text-decoration:none;}
.u_qq a:hover{font-size:20px;color:#B30000;text-decoration:none;}
.u_qq a:ctive{font-size:20px;color:#B30000;text-decoration:none;}

.u_erweima.inactive{ position:relative;}
.u_erweima.inactive:after{content:""; display:block; z-index:1000; background:#000; opacity:.5; position:absolute;top:0;bottom:0;left:0;right:0; }

.u_weixin{padding:3% 0;color:#09598A;font-size:20px;text-align:left;font-family:Arial,微软雅黑;}
.u_txt{color:#333333;font-size:16px;text-align:left;font-family:微软雅黑;}

.m-bmu{margin:0 auto;padding:1% 0  0;text-align:center;  position:relative;}
.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;
}



/*底部浮动栏样式*/
.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-repeat:no-repeat;background-size: 32px 889px;}
.m-bmu .loaded{display:none;}
.m-bmu .code .loaded{display:block;}

/*底部导航*/
.social_nav5{margin:0 auto;height:40px; background:#F40000; line-height:40px; position:fixed; bottom:0;max-width:640px; min-width:320px;width:100%; z-index:90; }
.social_nav5 ul li{ float:left; width:20%; position:relative; border-right:1px solid #FF9797;}
.social_nav5 ul li.cur{ background:#F40000;color:#fff;}
.social_nav5 ul li a{ color:#fff; display:block; font-size:12px; text-shadow:none;}
.social_nav5 .erji{ position:absolute; bottom:50px; left:-20px; padding:0 8%; width:100px; background:#F40000;border:1px solid #e4e4e4; display:none;}
.social_nav5 .erji a{ display:block; height:3em; line-height:3em; font-size:12px; text-shadow:none; color:#333333;border-bottom:1px solid #e4e4e4;}
.social_nav5:before{ position:absolute; content:""; top:25%; right:5.5%; width:0; height;0; border-right:0.5em solid transparent; border-left:0.5em solid transparent}
.social_nav5 .span1 span{color:#fff; line-height:1em;font-size:18px; 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:10px;}
@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;}
}
