/*page_1*/
.article {margin: 0 10% 3em;width: 80%;overflow-x: hidden;overflow-y: hidden;}
.space{-webkit-column-gap: 45px;-moz-column-gap: 45px;column-gap: 45px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-column-rule: 1px outset #C7C7C7;-moz-column-rule: 1px outset #C7C7C7; column-rule: 1px outset #C7C7C7;}
.scrollclass {margin-top: 20px;width: 100%;height:2px;background:#C7C7C7;position:relative}
.scrollclass span {position:absolute;top:0;left:0;height:2px;background:#00A0E9;display:block}
.article h2,.article p{width: 100%}
.article h2{font-size: 2.5em; font-weight:bolder; line-height:46px; padding:80px 0 15px 0;word-wrap:break-word;margin-bottom: 15px;border-bottom:5px solid #EEE}
.article p{font-size:1.2em; text-indent:2em; padding:5px 0;line-height:2em;}
.viewport {overflow: hidden;position: relative;width: 100%;}
.overview {list-style: none;position: absolute;left: 0;top: 0;padding: 0;margin: 0;overflow-x: auto}
.image-row
.article img{width:auto; height:800px; overflow:hidden}
.article span{display:block; font-size:24px; font-weight:normal; line-height:30px;}
.article h3{font-size:18px; margin-bottom:5px; color:#00a0e9; margin-top:30px;} .article h3 strong{padding:0 10px; font-size:18px; color:#FFF; font-weight:normal; background:#00a0e9; margin-right:5px}
.article i {width:120px; height:24px; text-align:center; line-height:24px; margin-top:10px; display:block; font-size:1.2em; color:#FFF; font-weight:normal; background:#00a0e9; font-style:normal}
.article em{display:block; margin-bottom:10px}

.news_h1_span{margin-bottom:15px; font-size:12px; color:#999; height:30px; line-height:30px} 
.news_h1_span a{color:#999; margin:0 5px}
.news_h1_span span{float:right}
.news_h1_span span em{float:left; margin-right:5px;}
.news_h1_span span i{background:url(../images/page_news_ico.png) no-repeat left center; width:13px; height:13px; display:block; float:left; margin-top:10px}


/*contact*/
.contact{height:100%; overflow:auto;  font-size:16px;}
	.s_contact{width:1210px; margin:0 auto}
	.contact h1{font-size:30px; color:#000; font-weight:normal; background:url(../images/tit_bg.jpg) no-repeat left bottom; padding-bottom:10px; margin-bottom:15px;}
		.contact h1 span{padding:0 5px; background:#00a0e9; font-size:14px; color:#FFF}
	
.contact_left{float:left;　width:700px;}
	.contact_left li{width:100px; line-height:18px; float:left;  margin-right:30px;}
		.contact_left li img{width:100px; height:100px}
		.contact_left li span{display:block; margin-top:5px; text-align:center}
	
.contact_right{float:right; height:220px; padding-top:30px; width:500px; margin-left:50px}
	.contact_right ul{width:50%; float:left}
	.contact_right li{display:block}
	.ewm{width:50%; height:272px; margin-top:-80px; float:left; background:url(../images/ewm_bg.png) no-repeat -10px top}
		.ewm img {margin-top:70px;width:140px; height:140px;margin:60px 0 0 70px}
		.ewm span{display:block; line-height:18px; padding:0  0 0 75px}
	
	.contact_right li span{width:16px; height:30px; float:left; display:block; margin-right:5px; background:url(../images/con_ico.png) no-repeat}
	.contact_right li i{display:block; height:30px}
	
	#con_ico01{background-position:0 center }
	#con_ico02{background-position:-16px center}
	#con_ico03{background-position:-32px center}
	#con_ico04{background-position:-48px center }
	#con_ico05{background-position:-64px center}
	#con_ico06{background-position:-80px center}
	
	.footer{background:#101011; padding:20px 0; margin-top:20px; height:100px; line-height:30px; width:100%}
.r_footer li{float:left; font-size:1em; text-align:center; width:95px;}
.r_footer ul i{float:left}
.r_footer i{color:#3E3C3F}
.r_footer{width:650px; float:left} .r_footer p{margin-left:15px; color:#404041; font-size:0.9em;} .r_footer li a{color:#BABABB}
.l_footer{width:145px; float:left; margin-right:40px}

.article_dd{background:#F8F8F8; padding:20px; margin:15px 0}
.article_dd h2{border-bottom:1px dotted #DDDDDD; margin-bottom:5px; font-size:1.8em; padding-top:0; font-weight:normal}
.article_dd i{background:url(../images/page_news_ico.png) no-repeat right center; width:13px; height:13px; display:inline-block; margin-left:5px}.article_dd p{margin-bottom:0; text-indent:0}


	
/*logo*/	
#top-left-bar{width:500px;height:150px;left:140px; margin-top:-15px; padding:0 0 0 40px;overflow:hidden;font-weight:none;} 
	#top-left-bar a{margin:0 5px; cursor:pointer; width:70px; padding-top:5px; text-align:center; display:block; float:left; font-size:14px;}
#top-right-bar{width:300px;height:100px;right:43px;overflow:hidden;text-indent:-9999px;}
.top-bar{position:absolute;top:22px;z-index:2}
	.top-bar span{display:block; width:70px; height:30px; margin-top:15px; background:url(../images/main_ico1.png) no-repeat center}
		#top_ico01{background-position:0 0}
		#top_ico02{background-position:-70px 0}
		#top_ico03{background-position:-140px 0}
	
	#fx_ico01{width:32px; height:32px; display:block; background:url(../images/fx_ico.png) no-repeat}

.image-row {position:relative}
.image-row em{position:absolute; bottom:0px; right:20px}

#top-left-bar1{width:550px;height:100px;left:33px; margin-top:-15px; padding:20px 0 0 180px; background:url(../images/logo.png) no-repeat; overflow:hidden;font-weight:none;} 
	#top-left-bar1 a{margin:0 5px; color:#FFF;  cursor:pointer; width:70px; padding-top:5px; text-align:center; display:block; float:left; font-size:14px;}

.top-bar1{position:absolute;top:22px;z-index:2}
	.top-bar1 span{display:block; width:70px; height:30px; background:url(../images/main_ico.png) no-repeat center}
		#top_ico01{background-position:0 0}
		#top_ico02{background-position:-70px 0}
		#top_ico03{background-position:-140px 0}
		
.scroll{width:11px;margin-left:10px;height:900px;float:left;background:url(../images/scroll02.png);position:relative;}
.scroll p{width:11px;height:61px;background:url(../images/scroll01.png);cursor:auto;left:0;top:1px;position:absolute;}
#menu-toc{height:700px; width:100%; float:left; overflow-y:scroll;}
#menu-toc li{font-size:14px; color:#FFF}
#menu-toc .li{margin-top:5px}

::-webkit-scrollbar {
		  width:10px; margin-left:5px
	} /* 这是针对缺省样式 (必须的) */
	
	::-webkit-scrollbar-track {
		  -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:10px;-webkit-border-radius:10px;opacity:0.8; background:#333; 
filter:alpha(opacity=80);
	} /* 滚动条的滑轨背景颜色 */

	::-webkit-scrollbar-thumb {
		 border-radius:10px;-webkit-border-radius:10px; background-color: #666;
	} /* 滑块颜色 */

	::-webkit-scrollbar-button {

	} /* 滑轨两头的监听按钮颜色 */

	::-webkit-scrollbar-corner {
		  background-color: black;
	} /* 横向滚动条和纵向滚动条相交处尖角的颜色 */