﻿@charset "utf-8";











.g-hd{







/*	height: 8em;*/







	overflow:hidden;







	-webkit-background-size: 100%;







	-moz-background-size: 100%;







	-o-background-size: 100%;







	background-size: 100%;







	}







.g-hd p{ /*height:2.83em; */overflow:hidden; font-size:1em; color:#2b2b2b; line-height:2.0em; text-indent:7em; position:relative;







 background:url("../images/top_p.jpg") no-repeat center top;







   	-webkit-background-size: 100%;







	-moz-background-size: 100%;







	-o-background-size: 100%;







	background-size: 100%;}







.g-hd p span{ color:#013e97; font-size:1.33em; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}







.g-hd p:before{ position:absolute; content:""; width:6.25%; height:1.6666em; top:10%; left:15.8%;







 background:url("../images/tel.jpg") no-repeat;







   	-webkit-background-size: 100%;







	-moz-background-size: 100%;







	-o-background-size: 100%;







	background-size: 100%;}







.f-fl img{width:100%;}







.g-hd dl dt{







	 margin:0.0em 0 0 2.5%;







	 width:70%;

	 float: left;







	 padding-right:2%;







/*	 height:4em;*/







	 overflow:hidden;







	 position:relative;







	 box-sizing:border-box;







	 -moz-box-sizing:border-box;







	 -webkit-box-sizing:border-box;







	 -o-box-sizing:border-box;







	 }







.g-hd dl dt:before{position:absolute;content:"";width:1px;height:3em;top: 0;right:0;

}







.g-hd dl dt span{ display:block; font-size:0.50em; color:#848485; line-height:1em}







.g-hd dl dd{display: none; width:35%;margin: 1.5em 0 0 1%; float: right; font-size: 0.2rem}







































.g-ft {/* height:10.8em; */overflow:hidden;padding-bottom: 55px;}







	







.f-top{ height:2.708em; overflow:hidden; position:relative; background:#013e97; text-align:center; font-size:1.08em; color:#fff; line-height:2.708em; padding-left:6%;}







.f-top:after{ position:absolute; content:""; top:0.9em; left:33.125%;







border-bottom:0.8em solid #fff;







border-left:0.8em solid transparent;







border-right:0.8em solid transparent;}







.f-menu {padding: 1.5rem .38rem 0 .38rem;text-align:center;}



.f-menu a {display:inline-block;padding:5px 0.15rem;color:#333;}







.f-nav{overflow:hidden;text-align:center;font-size:1em;color:#666;padding: 0.83em 0;position:relative;}







.f-nav a{ display:inline-block;  color:#666; }















.f-wz{ padding:0.5em 0 0; color:#666; line-height:1.3em; text-align:center; font-size:1em;}







.f-wz a{ color:#999; }















.f-code{ width:27.5%; margin:3% auto; overflow:hidden;}







.f-code span{ display:block; text-align:center; font-size:1.08em; color:#333; }























/*底部浮动栏样式3*/







.social_nav3{ height:55px; width:100%; position:fixed; bottom:0; left:0; z-index:999; overflow:hidden;}







/*底部浮动社交导航/电话*/







.social_nav3 .social3{display:block; width:100%; height:55px;  margin-right:18px;overflow:hidden;position:relative;}







.social_nav3 a{ height:55px; line-height:85px; font-size:13px; width:24%; display:inline-block; font-size:12px; position:relative; z-index:11; text-align:center; color:#fff;}







.social_nav3 a.tel{ width:24%; }







/*.social_nav3 a.tel{ width:65px; text-indent:15px;}







.social_nav3 a.weichat {left:74px;}







.social_nav3 a.weibo {left:142px;}







.social_nav3 a.talk99 {left: 207px;}*/







.social_nav3 span{display:block;width:35px;height:25px;position:absolute;top:0;z-index:10;}







.social3{ background-color:#013e97;







	background-image: -webkit-gradient(linear, left top, left bottom, from(31ac01), to(#013e97)); 







	background-image: -webkit-linear-gradient(top,31ac01, #013e97); 







	background-image: -moz-linear-gradient(top, 31ac01, #013e97); 







	background-image: -o-linear-gradient(top, 31ac01, #013e97); 







	background-image: -ms-linear-gradient(top, 31ac01, #013e97); 







	background-image: linear-gradient(top, 31ac01, #013e97);}







.social3:before{ content:''; height:1px; width:100%; background:31ac01; border-bottom:1px solid #628fff; position:absolute; top:0; left:0;}







.social3:after{ content:''; height:1px; width:100%; background:31ac01; border-top:1px solid #013e97; position:absolute; bottom:0; left:0;}







.social3 b{width:1px; height:100%; background:31ac01; border-left:1px solid 31ac01; position:absolute; top:0; right:0;}







/*底部社交-电话-动画*/







.social_nav3 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)}







}







/*底部社交-微信-动画*/







.social_nav3 span.weichat{







	background-position: 6px -150px;







    background-repeat: no-repeat;







    left: 33%;







    top: 7px;







}







@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_nav3 span.weibo{ background-position: 1px -430px;background-repeat: no-repeat;height: 26px;left: 58.5%; top: 7px;}







@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_nav3 span.talk99{background-position:1px -200px; background-repeat:no-repeat;left:83%; height:24px; width:26px; top:8px;}







.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")/*tpa=http://www.szmwell.com/mobile/images/skins/SkinsBar3.png*/;







    background-size: 32px 889px;}





#nav {

	line-height: 35px;

	height: 80px;

	width: 100%;		

	background: #009;



}



#nav a {

	text-decoration: none;

	height:40px;

	width:25%;

	text-align: center;

	display: block;

	float: left;

	font-weight:bold;	font-size:14px;

	color:#fff;



}

