html { font-size: 90%; }
img { max-width:100%; }
.f-fr { float: right; }
.g-tex { line-height: 144%; font-size: 1em; color: #000; padding: 2% 0 10%; text-align: center; }
.m-tel .u-tel { width: 1.4em; height: 1.4em; display: inline-block; background: url(../images/tel.png) no-repeat; -webkit-background-size: 100%; -ms-background-size: 100%; -o-background-size: 100%; background-size: 100%; margin: 2% 1% 0 0; }
.g-hd .m-tel { height: auto; overflow: hidden; position: relative; font-weight: bold; width: 100%; z-index: 99; text-align: right; font-size: 1.42em; line-height: 260%; color: #4d4c4c; font-family: "Microsoft Yahei", Verdana, Arial, Helvetica, sans-serif; }
.g-hd { text-align:center; height: auto; background: url(../images/topbg.jpg) no-repeat center bottom #fff; }
.g-hd.m-tel { height: auto; overflow: hidden; position: relative; font-weight: bold; width: 100 %;
z-index: 99; text-align: right; font-size: 1.42em; line-height: 260 %;
color: #4d4c4c; font-family: "Microsoft Yahei", Verdana, Arial, Helvetica, sans-serif; }
.m-tel.u-tel { width: 1.4em; height: 1.4em; display: inline-block; background: url(../images/tel.png) no-repeat; -webkit-background-size: 100 %;
-ms-background-size: 100 %;
-o-background-size: 100 %;
background-size: 100 %;
margin: 2 % 1 % 0 0;
}
/*头部电话图标*/



.g-hd.m-logo {
width: 60 %; margin: 0 auto; display: block }
.g-hd.m-logo { width: 100 %;
}
.g-tex {
line-height: 144 %; font-size: 1em; color: #000; padding: 2 % 0 10 %;
text-align: center }
.g-tex b { display: block; font-size: 1.4em; line-height: 117 %;
}
/*底部开始*/



.g-ft { margin: 0 auto 60px auto; font-family: "微软雅黑"; font-size: 1.04em; color: #999; }
.g-ft.btop { position: absolute; right: 2em; top: 1.2em; line-height: 178 %;
font-size: 1.08em; }
/*回到顶部图标样式*/



/*回到顶部图标样式*/

.m-bmu { text-align: center; position: relative; background-color: #fff; line-height: 40px; height: 40px; width:80%; float:left; color:#4c4c4e; }
.m-bmu a { color: #999; padding: 0 2%; white-space: nowrap }
.m-bmu em { font-style: normal; display: block; line-height: 20px; height: 33px; font-size: 12px; color: #999; }
.code { display: block; margin: 3% auto 0; width: 28%; }
.code img { width: 98%; background: #fff; padding: 1%; }
#content * { max-width: 100%; width: auto!important; height: auto; }
.m-ys h3 b { color:#303030 }
.m-bg { width:100%; margin:auto; padding-bottom:8em; }
.x_fh { width:20%; float:left; }
.u-top { height: 2.6em; padding:13% 0 0; color: #b0b0b0; text-align:center; }
.u-top:before { content: ""; width: 100%; height: 1px; background: #b9b9b9; bottom: 0; left: 0; }
/*回到顶部样式*/

	.u-top span { display: inline-block; width: 0px; height: 0px; border-left: 0.8em solid transparent; /* left arrow slant*/

	border-right: 0.8em solid transparent; /* right arrow slant*/

	border-bottom: 0.8em solid #7c7c7c; /* bottom, add background color here*/

	line-height: 0px; }
/*底部浮动社交导航/电话*/



.social_nav3 .social3 { display: block; width: 288px; height: 55px; margin-right: 18px; overflow: hidden; position: relative; }
.social_nav3 a { height: 55px; line-height: 85px; font-size: 13px; width: 61px; display: inline-block; font-size: 12px; position: relative; z-index: 11; text-align: center; color: #fff; }
.social_nav3 a:hover { color: #fff; }
.social_nav3 a.tel { width: 65px; }
.social_nav3 span { display: block; width: 35px; height: 25px; position: absolute; top: 0; z-index: 10; }
.social_nav3 span.talk99 { background-position: 1px -200px; background-repeat: no-repeat; left: 18px; height: 24px; width: 26px; top: 8px; text-indent: 15px; }
.social_nav3 .btn { display: block; width: 32px; height: 55px; position: absolute; right: 0; background-position: 0 -786px; }
.social_nav3 .btn2 { display: block; width: 32px; 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_nav3 .btn,  .social_nav3 .btn2,  .social3 span,  .brand_advance .yscontent .telbg { background-image: url(../images/Index/SkinsBar3.png); background-size: 32px 889px; }
/*底部图标-动画*/



.social_nav3 span.weibo { background-position: 1px -430px; background-repeat: no-repeat; height: 26px; left: 148px; top: 7px; }
.social_nav3 span.weichat { background-position: 6px -150px; background-repeat: no-repeat; left: 79px; top: 7px; }
/*底部结束*/



.social_nav3 span.tel { left: 213px; 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)
}
}
/*底部样式开始*/




.x_footer { width: 92%; margin:auto; }
.x_footer ul { width:100%; margin:auto; }
.x_footer ul li { float:left; border-bottom:dashed 1px #BBB; }
.x_dizhi { width:100%; margin:auto; font-size: 1em; line-height: 2.5em; color: #4c4c4e; border-bottom:dashed 1px #BBB; }
.x_yx { width: 60%; font-size: 1em; line-height: 2.5em; color: #4c4c4e; }
.x_dh { width: 40%; font-size: 1em; line-height: 2.5em; color: #4c4c4e; }
.x_db { width:100%; margin:auto; position:fixed; bottom:0; width:100%; z-index:999; margin-top:8em; }
.db1 { width:20%; float:left; text-align:center; }
.db1 a { background: url(../Images/db1.png) no-repeat center 0.9em; display:block; line-height:3em; font-size:1.1em; color:#fff; }
.db1 a span { padding-top: 1.8em; display:block; }
.db2 { width:20%; float:left; text-align:center; }
.db2 a { background: url(../Images/db2.png) no-repeat center 0.9em; display:block; line-height:3em; font-size:1.1em; color:#fff; }
.db2 a span { padding-top: 1.8em; display:block; }
.db3 { width:20%; float:left; text-align:center; }
.db3 a { background: url(../Images/db3.png) no-repeat center 0.9em; display:block; line-height:3em; font-size:1.1em; color:#fff; }
.db3 a span { padding-top: 1.8em; display:block; }
.db4 { width:20%; float:left; text-align:center; }
.db4 a { background: url(../Images/db4.png) no-repeat center 0.9em; display:block; line-height:3em; font-size:1.1em; color:#fff; }
.db4 a span { padding-top: 1.8em; display:block; }
.db5 { width:20%; float:left; text-align:center; }
.db5 a { background: url(../Images/db5.png) no-repeat center 0.9em; display:block; line-height:3em; font-size:1.1em; color:#fff; }
.db5 a span { padding-top: 1.8em; display:block; }