@charset "utf-8";
/* CSS Document */
html{ background:#fff; 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:Arial, Helvetica, sans-serif;color:#524f4f;margin:0 auto;  font-size:12px; line-height:24px;}
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;}




:focus{outline:0;}  
button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner{border:none;padding:0;}


/**:link,*:visited,*:hover,*:active,*:focus{
 transition:color .50s linear, background-color .50s linear, border-color .50s linear,opacity .50s linear;
 -webkit-transition::color .50s linear, background-color .50s linear, border-color .50s linear,opacity .50s linear; } 
*/

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

a{ color:#524f4f;text-decoration:none;} 
a:hover{text-decoration:none;} 
a.noul{ text-decoration:none}
 
.wap{ width:100%}
.w1100{ margin:0 auto ;width:100%; max-width:1100px;  } 







/*悬浮*/
*{
		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:230px; 
		_position: absolute; 
		_top: expression(documentElement.scrollTop + 300 + "px"); 
		_left:expression(documentElement.scrollLeft + 1100 + "px"); /
		
	}
	
.xuanfu .xuan_l{background:url(../images/xuanfu_l.png) no-repeat;width:25px;height:160px;float:left; margin:0px 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;}
.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: 0px 5px 0px 5px;
  
	
}

.xuan_r p a{color:#fff;}

.xuan_r P a img{ vertical-align:middle; }
.xuan_r P a{font:12px/20px Arial, Helvetica, sans-serif; font-weight:700;}

.mright_box{border:5px solid #C4C4C4;overflow:hidden; _zoom:1;padding-bottom:20px;}
.xuan_r{  background: none repeat scroll 0 0 #967057;
    border: 1px solid #3d1a03;
    border-radius: 5px 5px 5px 5px;
    float: left;
    width: 116px;}

.xuan_r .xuanfu_tit{height:20px;margin:2px;padding:8px 5px 5px 5px;color:#fff; border-bottom:1px solid #222}
.xuanfu_tit p{ text-align:center; line-height:20px; font-size:30px;}
.xuanfu_tit p a{ color:#fff}
.xuan_r>p{background: none repeat scroll 0 0 #FFFFFF;
    display: block;
    margin: 5px;
 
}
.xuan_r p a{color:#333;}

.xuan_r P a img{ vertical-align:middle; margin-right:8px; margin-left:5px; }
.xuan_r P {font:14px/20px Arial, Helvetica, sans-serif; font-weight:700; color:#222; text-align:center }

.mright_box{border:5px solid #222;overflow:hidden; _zoom:1;padding-bottom:20px;}
.xuan_r{  background: none repeat scroll 0 0 #fff;
    border:3px solid #b3d465;
    border-radius: 5px 5px 5px 5px;
    float: left;
    width: 136px; padding-bottom:15px;}
/*悬浮框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{position:absolute; top:-150px; right:0;overflow:hidden;z-index:1001;}
#online_service_fullbar{display:none;width:146px;padding-bottom:16px;background:url(../images/onfoot.png) no-repeat left bottom;}
.service_bar_head{text-indent: -9999px;width:146px;height:48px;position:relative;background:url(../images/onhead.png) no-repeat left top;}
.service_bar_main{width:114px;padding:5px 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;
}






.pro_top_detail{ font:14px/24px Arial, Helvetica, sans-serif; color:#524f4f}