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; 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/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;}