html{font-size: 85%;}



/*头部样式*/







.g-hd{ background:#ffffff;overflow:hidden;    border-bottom: 1px solid #cecece;}



.g-hd img{width: 100%;



    vertical-align: middle;}



.g-hd .m-logo{ float:left;width:20%;padding:1.625em 0 1.5em 1%;}







.g-hd span{float:right;width:72.65625%;padding:2em 0 0 0;color: #020202;}







.g-hd span b{ display:block; font-size:0.8em;}







.g-hd span small{ font-size:83.3333%; color:#595757;}







.g-hd span a{font-size:1.5em;font-weight:bold;color: #020202;}















/*底部开始*/







.g-ft{ padding:0 0 4.75em 0;background-image: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#e3e3e3)); 







background-image: -webkit-linear-gradient(top,   #fcfcfc, #e3e3e3); 







background-image: -moz-linear-gradient(top, #fcfcfc, #e3e3e3);







background-image: linear-gradient(top,  #fcfcfc, #e3e3e3); overflow:hidden;}















.g-ft .go_top{ position:relative; display:block; line-height:3em; color:#333333; background:#eeeeee;}







.go_top span{ display:block; text-align: center;}







.go_top span:before{ position:absolute; content:""; top:37%; left:34.5%; z-index:9;width:0; height:0; border-bottom:0.8em solid #333333;border-right:0.8em solid transparent;border-left:0.8em solid transparent;}















.g-ft p{ padding:2.08em 0 0 0; text-align:center;}







.g-ft p a{ display:inline-block; width:36.875%; margin:0 4% 1.8em; line-height:3.4em;color:#ffffff;background-image: -webkit-gradient(linear, left top, left bottom, from(#29a0ec), to(#94243a)); 







background-image: -webkit-linear-gradient(top,   #020202, #94243a); 







background-image: -moz-linear-gradient(top, #020202, #94243a);







background-image: linear-gradient(top,  #020202, #94243a);}







.g-ft p a span{ font-size:116%;}



/*底部浮动栏样式3*/







.social_nav3{ height:55px; width:320px; position:fixed; bottom:0; left:0; z-index:999; overflow:hidden; font-size:12px;}







/*底部浮动社交导航/电话*/







.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:65px; display:inline-block; font-size:12px; position:relative; z-index:11; text-align:center; color:#fff;}







.social_nav3 a.tel{ width:65px; text-indent:15px;}







.social_nav3 span{display:block;width:35px;height:25px;position:absolute;top:0;z-index:10;}







.social3{



	background-color: #020202;;;



	background-image: -webkit-gradient(linear, left top, left bottom, from(#d40000;;), to(#d40000;;));



	background-image: -webkit-linear-gradient(top, #020202;;, #020202;;);



	background-image: -moz-linear-gradient(top, #020202;;, #020202;;);



	background-image: -o-linear-gradient(top, #020202;;, #94243a);



	background-image: -ms-linear-gradient(top, #020202;;, #94243a);



	background-image: linear-gradient(top, #020202;;, #94243a);



	}







.social3:before{content:'';height:1px;width:100%;background: #020202;;;border-bottom: 1px solid #020202;;;position:absolute;top:0;left:0;}







.social3:after{content:'';height:1px;width:100%;background: #020202;;;border-top: 1px solid #020202;;;position:absolute;bottom:0;left:0;}







.social3 b{width:1px; height:100%; background:#d40000;;; border-left:1px solid #020202;;; 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;







}



/*底部社交-微信-动画*/







.social_nav3 span.weichat{







	background-position: 6px -150px;







    background-repeat: no-repeat;







    left: 78px;







    top: 7px;







	width:33px;







}







@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: 157px; 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:226px; 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);







    background-size: 33px 889px;}



