@charset "utf-8";

/* CSS Document */

body{ overflow-x:hidden; overflow-y:hidden}

html{background:url(../images/html_bg.png) repeat; overflow-y:scroll;-webkit-text-size-adjust:none;}

body,ol,ul,li,h1,h2,h3,h4,h5,h6, p,th,td,dl,dd,form,fieldset,legnd,input, textarea,select,button,textarea,select,optgroup,option{ margin:0; padding:0; }

body{font-family:"宋体";color:#000;margin:0 auto; }

table{border-collapse:collapse;border-spacing:0;}

fieldset,img{border:0;}

.clear{clear:both; width:100%; height:0px;}

.spacing{ height:10px; clear:both;}

.fr{float:right; display:inline;}

.fl{float:left;display:inline;} 

.keep{ word-break:keep-all; word-spacing:normal} 

ul,li{list-style:none;}

.mt5{margin-top:5px}

.mt10{margin-top:10px}

.mt15{margin-top:15px}

.mt20{ margin-top:20px;}





.clr:after {content: ".";visibility: hidden;display: block;height: 0;clear: both;}	

.clr {zoom: 1;}



a{ color:#000;text-decoration:none;} 

a:hover{text-decoration:none;} 

a.noul{ text-decoration:none}

a.active{background:#0C5896; color:#fff} 

a.active:hover{color:#0C5896; background:none} 

.w985{width:985px; margin:0 auto; } 















/*悬浮*/

*{

		margin: 0px;

		padding: 0px;

	}

	body {

		height:auto;

		_background-image: url(about:blank)

		_background-attachment: fixed;

	}

	#topNav {

		z-index: 100; 

		overflow: visible;

		position: fixed;

		right:0px;

		top:250px; 

		_position: absolute; 

		_top: expression(documentElement.scrollTop + 300 + "px"); 

		_left:expression(documentElement.scrollLeft + 1100 + "px"); /

		

	}
	

	

.xuanfu{width:146px;}

.picBox {

 width:9px;

 background:#337ABB url(images/right.gif) no-repeat center center;

}

.picBox {float:left;height:100%; _margin-right:0px; }





.xuanfu .xuan_l{background:url(../images/xuanfu_l.png) no-repeat;width:30px;height:118px;float:left; margin:22px 0px 0px -6px}

/*.xuan_r{background:url(../images/xuanfu_r.png) no-repeat;width:116px;height:156px;float:left;}*/

.xuan_r .xuanfu_tit{height:20px;margin:2px;padding:11px 5px 5px 5px;color:#fff; text-align:center}

.xuanfu_tit p{ text-align:center; line-height:20px}

.xuanfu_tit p a{ color:#fff}

.xuan_r>p{background: none repeat scroll 0 0 #FFFFFF;

    display: block;

    margin: 5px;

   

}
.xuan_r>p{ height:45px; background:#FFF}
.xuan_r>p>img{ vertical-align:middle; float:left}
.xuan_r>p>a{ float:left}

.xuan_r p a{color:#fff;}



.xuan_r P a img{ vertical-align:middle; }

.xuan_r P a{font:12px/20px "宋体"; font-weight:700;}



.mright_box{border:5px solid #C4C4C4;overflow:hidden; _zoom:1;padding-bottom:20px;}

.xuan_r{  background: none repeat scroll 0 0 #7ACDF9;

    border: 1px solid #34B0E6;

    border-radius: 5px 5px 5px 5px;

    float: left;

    width: 116px;}





/*悬浮框2*/

#qqdiv{ background:url(../images/pf_bg.png) no-repeat;}

.qqdiv_top { height:49px; padding:10px 10px 0px 0px; overflow:hidden; text-align:right; display:none; }

.qq_close a{ cursor:pointer; overflow:hidden; display:block; float:right;}

.qqdiv_main { overflow:hidden; padding-bottom:10px; padding-top:55px; }

.qqdiv_main ul{ padding:0px; margin:0px;list-style:none}

.qqdiv_main ul li { text-align:center; margin-bottom:2px;list-style:none}

.qqdiv_bottom { background:url(../images/qq_bottom.png) no-repeat; height:37px; overflow:hidden; display:none; }







































#social-media-icons {

	float: right;

	margin-top: 60px;

}



a.social-media-icon {

	display: inline-block;

	width: 32px;

	height: 32px;

	margin-left:7px;

	background-position: 0 0;

	overflow: hidden;

	text-indent: -1000px;

	-moz-transition: background-position .25s ease;

	-webkit-transition: background-position .25s ease;

	-o-transition: background-position .25s ease;

	-ms-transition: background-position .25s ease;

	transition: background-position .25s ease;

}



a.social-media-icon:hover {

	background-position: 0 -32px;

}



.facebook {

	background-image:url(../images/facebook.png)

}



.twitter {

	background-image: url(../images/twitter.png);

}



.pinterest {

	background-image: url(../images/pinterest.png);

}



.flickr {

	background-image: url(../images/flickr.png);

}



.vimeo {

	background-image: url(../images/vimeo.png);

}



.youtube {

	background-image: url(../images/youtube.png);

}



.google-plus {

	background-image: url(../images/google-plus.png);

}



.dribble {

	background-image: url(../images/dribble.png);

}



.linkedin {

	background-image: url(../images/linkedin.png);

}



#social-media-icons a{ float:right}



/*悬浮框3*/

#online_service_bar{font-size:12px;color:#555;font-family:Arial, Helvetica, sans-serif;}

#online_service_bar a{color:#555;text-decoration: none;}

#online_service_bar a:hover{color:#E21F2B;text-decoration: none;}

#online_service_bar img{border:none;vertical-align: middle;}

#online_service_bar dl,#online_service_bar dd,#online_service_bar ul,#online_service_bar li{margin:0;padding:0;list-style:none;}

#online_service_bar dl,#online_service_bar dd,#online_service_bar ul,#online_service_bar li p{ padding:2px 0px }

#online_service_bar dl,#online_service_bar dd,#online_service_bar ul,#online_service_bar li p a img{margin-right:5px;}





#online_service_bar{position:absolute; top:-150px; right:0;overflow:hidden;z-index:1001;}

#online_service_fullbar{display:none;width:120px;padding-bottom:12px;background:url(../images/onfoot.png) no-repeat left bottom;}

.service_bar_head{text-indent: -9999px;width:120px;height:40px;position:relative;background:url(../images/onhead.png) no-repeat left top;}

.service_bar_main{width:80px;padding:0px 12px;background:url(../images/onmain.png) repeat-y left top;}

#service_bar_close{position:absolute;width:35px;height:35px;top:0;right:0;cursor:pointer;display:block;text-indent: -9999px;}







/* 悬浮框*/

.qq_v {

    font-size: 12px;

    position:fixed;

    right:0px;

    top: 145px;

    width: 168px;

    z-index: 10000;

}

.tips {

    background:url(images/tips.png) no-repeat;

    height: 191px;

    position: absolute;

    right: 0;

    top:0px;

    width: 32px;

    z-index: 15000;

}

.qq_vb2 {

    height: 34px;

    overflow: hidden;

    width: 168px;

}

.qq_vb3 {

    background:url(../images/01_3.jpg) repeat-y;

    padding: 10px 0 0;

    width: 168px;

}

.qq_vb3 ul {

    border-bottom: 1px solid #F3D3B0;

    color: #EC9C45;

    list-style: none outside none;

    margin: 0;

    padding: 10px 0 10px 10px;

}

.qq_vb3 ul li {

    height: 31px;

    line-height: 31px;

    padding: 0;

    text-align: left;

}

.qq_vb3 a {

    color: #EC9C45;

    font-size: 12px;

    line-height: 31px;

}

.qq_vb3 ul li a:hover {

    color: #FF0000;

    text-decoration: none;

}

.qq_vb3 ul li img {

    float: left;

}

.qq_vb3 p {

    padding: 0;

}

.qq_vb3 ul.qq_tel {

    color: #FF8400;

    height: 24px;

    line-height: 24px;

    padding: 0;

    text-align: center;

}

.qq_vb3 ul.qq_ewm {

    line-height: 20px;

    padding: 10px 0;

    text-align: center;

}

.qq_vb5 {

    background:url(../images/01_5.png);

    height: 34px;

    overflow: hidden;

    width: 168px;

}

html {

    overflow-x: hidden;

}