﻿@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",Verdana,Arial,Helvetica,sans-serif; 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:'.';}
img{ padding:0; margin:0;}
a img { border:none; }
input,textarea{ border:none;font-family:"Microsoft Yahei"; font-size:13px;}
/*排版通用*/
.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{width:100%; margin:0 auto; overflow:hidden; background:#F1F1F1; 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:100%; 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;}
/*返回结束*/


/*底部开始*/
.u-top{ text-indent:24px; height:35px; line-height:35px; text-align:center; font-size:12px; color:#f08300; text-shadow:0 1px 1px #000;}
.u-top span{ width:16px; height:20px; background:url(../images/nsw.png) no-repeat; display:block; position:absolute; left:50%; margin-left:-35px;     top:7px; background-size:100%; }
.m-bmu{ padding:14px 0 20px 0;text-align:center;  position:relative; color:#a0a0a1; text-shadow:0 1px 1px #000;}
.m-bmu a{color:#a0a0a1; padding:0 5px;}
.m-bmu p{ line-height:24px; padding:10px 10px 0 10px;}
.code{ width:200px; text-align:center;  margin:0 auto; padding-top:15px;}
/*底部结束*/

/*头部开始*/
/*让传统企业在网上牛起来*/
.g-hd{ height:75px; background-size:100%;
background-color:#e2e2e2;
background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(#fff), to(#cecece)); 
background-image: -webkit-radial-gradient(circle, #fff, #cecece);
background-image: -moz-radial-gradient(circle, #fff, #cecece); 
background-image: linear-gradient(top, #fff, #cecece);}

 /*头部整体布局样式*/
.m-logo{float:left; padding:17px 0 0 5px; } /*logo边距*/
.g-hd .m-tel{ width:160px; text-align:right;float:right; position:relative;padding:20px 5px 0 0;line-height:20px;} /*头部电话边距*/
.m-tel .u-text{ font-size:15px; height:22px; overflow:hidden; display:block; text-align:right;}
.m-tel .u-num{ font-size:17px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
.m-tel .u-tel{ width:16px; height:16px; display:block; background:url(../images/telico.png) no-repeat; float:left; position:relative; -webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;left:36px; bottom:-2px;}
.g-expert .u-btn .u-tel{ width:16px; height:16px; display:block; background:url(../images/telico.png) no-repeat; float:left; position:relative; -webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;left:120px; bottom:-8px;}
.g-cust .u-btn .u-tel{ width:16px; height:16px; display:block; background:url(../images/telico.png) left; float:left; position:relative; -webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%;left:120px; bottom:-8px;}
.m-tel .u-tel .z-ln-1,.g-expert .u-btn .u-tel .z-ln-1,.g-cust .u-btn .u-tel .z-ln-1{z-index:10;
	display:inline-block;
	width:3px;
	height:3px;
	border-width: 2px 2px 0 0;
	border-radius:0 30px 0 0;
	position:absolute;
	top:3px;
	right:2px;
	animation-name: xshow2;
	animation-duration: 4s;
	animation-timing-function: linear;
	animation-iteration-count: 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;}
.m-tel .u-tel .z-ln-2,.g-expert .u-btn .u-tel .z-ln-2,.g-cust .u-btn .u-tel .z-ln-2{z-index:10;
	display:inline-block;
	width:6px;
	height:6px;
	border-width: 2px 2px 0 0;
	border-radius:0 35px 0 0;
	position:absolute;
	top:0;
	right:-1px;
	animation-name: xshow;
	animation-duration: 4s;
	animation-timing-function: linear;
	animation-iteration-count: 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;	}

.m-tel .u-tel .z-ln-3,.g-expert .u-btn .u-tel .z-ln-3,.g-cust .u-btn .u-tel .z-ln-3{z-index:10;
	display:inline-block;
	width:9px;
	height:9px;
	border-width: 2px 2px 0 0;
	border-radius:0 35px 0 0;
	position:absolute;
	top:-3px;
	right:-4px;
	animation-name: xshow3;
	animation-duration: 4s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	-webkit-animation-name: xshow3;
	-webkit-animation-duration: 4s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-o-animation-name: xshow3;
	-o-animation-duration: 4s;
	-o-animation-timing-function: linear;
	-o-animation-iteration-count: infinite;	}


















.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:100%; 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(../Images/SkinsBar4.png);
	background-repeat:no-repeat;
    background-size: 32px 889px;}
.m-bmu .loaded{display:none;}
.m-bmu .code .loaded{display:block;}
