/* CSS Document */
.headTop { width:100%; background:#fafafa; position:fixed; top: 0; left: 0; height:48px; z-index: 99; box-shadow: 0 1px 1px #b1b1b1;}
/*.headTop { width:100%; background:#fff; position:relative; height:58px;}*/
.headTop .topleft { display:block; float: left; cursor:pointer;}
.headTop .topleft div { float: left; padding:14px 10px; text-align:center;}
.headTop .topleft div img { vertical-align:middle; width:0.8em;}
.headTop .topleft .topcenter { height:48px; float: left; padding: 0 12px 0 0; line-height:48px; font-size:1.6em; color:#626871;}
.headTop .topright { cursor:pointer; text-align:center; position:absolute; top:0; right:0;}
.headTop .topright .ripoction { display:block; cursor:pointer; padding:14px 15px;}
.headTop .topright .ripoction img { vertical-align:middle; width:0.4em;}
.headtopwarp { position:absolute; border-bottom:1px solid #eaeaea; border-left:1px solid #eaeaea; top:49px; right:0; width:100px; background:#fff; z-index:2;}
.headtopwarp a { display:block; cursor:pointer; height:40px; line-height:40px; color:#666; font-size:14px; font-size:1.4em;}
.headtopwarp a span { display:inline-block; height:40px; width:30px; text-align:center; float:left;}
.headtopwarp a span img { width:16px; margin:11px 0 0 4px;}
.headtopwarp a.hover { background:#fff;}
.headtopwarp a:hover { background:#fff;}
.headtopwarp i { display:block; float:right; margin-top:-6px; margin-right:13px; height:0; width:0; border-left:5px solid transparent; border-right:5px solid transparent;border-bottom:6px solid #fff;}
/* side-bar */
.side-pannel{position:fixed;right:0;margin-left:0;bottom: 0;z-index:99;padding-left: 0;}
.side-bar{bottom:0px;background:#fff;width:100%; box-shadow:0px 0px 2px #ddd;}
.side-bar a{box-sizing:border-box;display:inline-block;cursor:pointer;width:20%;height:auto;border: none;position:relative;color:#656a73;text-align:center;float:left; padding:8px 0 4px 0; font-size:1.2em;}
.side-bar a s{display:block;margin-left:auto;margin-right:auto}
.side-bar a span{line-height:20px; font-size:12px;}
.side-bar a.qr s{position:absolute;top:50%;left:18px}
.side-bar a.qr i{width:277px;height:259px;position:absolute;left:0%;top:-180px;margin-top:-120px;display:none;background-position:0 0}
.side-bar a.qr:hover i{display:block}
.side-bar-icon{
	height: auto;
	margin: 0 auto;
}
.side-bar .side-bar-phone-link{
	display: block !important;
}
.side-bar a div img { width:30px; height:25px;}
/*@media screen and (max-width: 1000px) { 
	body { font-size:16px; font-size:1.6em;}
} 
@media screen and (max-width:640px) { body { font-size:12px; font-size:1.2em;}}  
@media screen and (max-width:960px) { body { font-size:14px; font-size:1.4em;}}*/
 

