@charset "utf-8";
*{word-wrap:break-word}
.img-responsive{max-width: 100%;height: auto}
/*IE下a:hover 背景闪烁*/
*html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}
a{
cursor:pointer;

}
#roll a{
	text-decoration: none;

}

/*返回顶部*/ 

#roll_top:hover {} 
#roll {width:40px;position:fixed;right:0px;bottom:20px;
text-align:center;

z-index:9999; 
 _position:absolute; 
 _margin-top:300px; 
 _bottom:auto; 
 _top:expression(eval(document.documentElement.scrollTop+
document.documentElement.clientHeight-40-this.offsetHeight-
(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); 
} 


/*2.1 栅格系统
	Name:			style_span
	Example:		
	Explain:		栅格系统
*/
/*2.1.1 两列布局*/
/*2.1.2 三列布局*/
/*2.1.1 五列布局*/
/*2.1.1 980 20 column*/
.row:after{content:".";display:block;height:0;clear:both;visibility:hidden}.row{zoom:1}
[class^="span-"],[class*=" span-"] { float:left; margin-top:20px}
.row_980_20 [class^="span-"],.row_980_20 [class*=" span-"]{ margin-right:20px;}
.row_980_20{ margin-right:-20px;}
.row_980_20 .span-1 {width:30px;}
.row_980_20 .span-2 {width:80px;}
.row_980_20 .span-3 {width:130px;}
.row_980_20 .span-4 {width:180px;}
.row_980_20 .span-5 {width:230px;}
.row_980_20 .span-6 {width:280px;}
.row_980_20 .span-7 {width:330px;}
.row_980_20 .span-8 {width:380px;}
.row_980_20 .span-9 {width:430px;}
.row_980_20 .span-10{width:480px;}
.row_980_20 .span-11{width:530px;}
.row_980_20 .span-12{width:580px;}
.row_980_20 .span-13{width:630px;}
.row_980_20 .span-14{width:680px;}
.row_980_20 .span-15{width:730px;}
.row_980_20 .span-16{width:780px;}
.row_980_20 .span-17{width:830px;}
.row_980_20 .span-18{width:880px;}
.row_980_20 .span-19{width:930px;}
.row_980_20 .span-20{width:980px;}


.row_1180_20 [class^="span-"],.row_1180_20 [class*=" span-"]{ margin-right:20px;}
.row_1180_20{ margin-right:-20px;}
.row_1180_20 .span-1 {width:40px;}
.row_1180_20 .span-2 {width:100px;}
.row_1180_20 .span-3 {width:160px;}
.row_1180_20 .span-4 {width:275px;}
.row_1180_20 .span-5 {width:280px;}
.row_1180_20 .span-6 {width:340px;}
.row_1180_20 .span-7 {width:400px;}
.row_1180_20 .span-8 {width:460px;}
.row_1180_20 .span-9 {width:520px;}
.row_1180_20 .span-10{width:580px;}
.row_1180_20 .span-11{width:640px;}
.row_1180_20 .span-12{width:700px;}
.row_1180_20 .span-13{width:760px;}
.row_1180_20 .span-14{width:820px;}
.row_1180_20 .span-15{width:880px;}
.row_1180_20 .span-16{width:940px;}
.row_1180_20 .span-17{width:1000px;}
.row_1180_20 .span-18{width:1060px;}
.row_1180_20 .span-19{width:1120px;}
.row_1180_20 .span-20{width:1180px;}




/*2.2 流动栅格系统
	Name:			style_span
	Example:		
	Explain:		栅格系统(980),间距为10px
*/
/*2.3 布局
	Name:			style_Layout

	Explain:		左右两栏|左中右三栏|上中下
	Last Modify:	guojunhui
*/
.container,.wp{ margin-left:auto; margin-right:auto;text-align:left}
.sd{float:right}
.ct2 .mn{float:left}
.ct2 .sd{float:right}
.ct2_r .leftmenu{float:left}
.ct2_r .mn{float:right}
.ct3 .app{float:left;margin-right:20px}
.ct3 .mn{float:left;border-left:solid 1px #ddd}
.ct3 .sd{float:right}
.w_1180{ width:1180px}
.w_1000{ width:1000px}
.w_980{ width:980px}
.w_300{ width:300px}
.w_200{ width:200px}

/*2.4 响应式设计
	Name:			style_span
	Example:		
	Explain:		
*/


/*媒体适配*/
/*大屏幕*/
@media (min-width: 1200px){
  
}
/*横向平板*/
@media (min-width: 768px) and (max-width: 992px){
  
}
/*横向手机 竖向平板*/
@media (max-width: 767px) {
	img{ max-width:100%}
	.tlist li{ position:relative; font-size:18px;border-bottom: 1px solid #eee}
	.tlist li a{ display:block;padding:0.7em 30px 0.7em 12px}
	.dot_1{padding-left:0px}
	.night .tlist li{border-bottom: 1px solid #1F1F1F}
	.tlist .time{ display:none}
	.tlist i {background:url(../images/article/arrow.png) no-repeat 0 0; background-size:9px auto; height: 15px;margin-top: -7px;position: absolute;right:10px;top: 50%;width: 9px}
	.night .tlist i{ background-position:0 -75px}
	.mainnav li{font-size:1.125em}	
}
/*竖向手机*/
@media (max-width: 480px) {
	.mainnav li{ text-align:center}
	.mainnav li{width:20%}
	.mainnav li a{padding:0; width:100%}
	.content img,.thumbImage img{ max-width:100%!important; height:auto!important;width:expression(this.width > 320 ? "320px" : this.width)!important}
	.thumbImage {margin: auto;width: 320px}
	*html .content img,*html .thumbImage img{width:expression(this.width>320&&this.width>this.height?320:auto)}
}
/*横屏模式*/
@media screen and (orientation:portrait) {

}
@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }

.nav_btu{
display:block;

}
#ibox input{
font-size:12px;
height:18px;

}
#sbox{
margin:8px 0px;
height:25px;
width:120px;

}
#searchBtu{
cursor:pointer;
}
.viewPage{
width:1180px;
margin:auto;
padding:0;

}
.headerNav{
float:right;
}
.headerNavBox{
width:1180px; 
margin-left:-590px;;
left:50%;
position:absolute;
z-index:100;
top:50px;

}
.closeBtu{
float:right;

}
.mx_tab_tc{
color:#FFFFFF;

}
.mx_tab_ok{
color:#333333;

}body {
	font-family: "微软雅黑", "宋体", Arial;
}
.mm_page {
	background-color: #ffffff;
	border: 1px solid #999999;
	float:left;

	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	padding:2px 10px;
	

	

}

.mm_page_ok {
	background-color: #f4f4f4;
	color:#333333;
	border: 1px solid #666666;
	float:left;
	text-align: center;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	padding:2px 10px;
	

}
.mm_page:hover {
	border: 1px solid #666666;
	cursor:pointer;
}
.mm_page2 {
	
	float:left;
	width:3px;
	padding:3px;
	
}
.mm_pagenums{
	background-color: #ffffff;
	border: 1px solid #999999;
	float:left;

	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	padding:2px 10px;
}
#pinfo1 #pimgBox{
width:380px;
height:490px;
float:left;
margin-right:30px;
}
#pinfo1 #pimg{
width:360px;
height:360px;
padding:10px;
float:left;
border:1px #dddddd solid;
overflow:hidden;
}
#pinfo1 .pimgs{
width:65px;
height:65px;
float:left;
border:1px #dddddd  solid;
margin-top:10px;
margin-right:5px;
cursor:pointer;
padding:2px;
overflow:hidden;

}
.pimgOk{
width:65px;
height:65px;
float:left;
border:1px #666666  solid;
margin-top:10px;
cursor:pointer;
padding:2px;
margin-right:5px;
overflow:hidden;
}
#pinfo1 #pname{
float:left;
width:450px;

}
.typeBox {

	float:left;
	background-color:#f7f7f7;	
	border:#cccccc 1px solid;
	margin-right:5px;
	margin-top:5px;
	padding:5px 10px;
	cursor:pointer;
}
.typeBox2 {

	float:left;
	background-color:#f7f7f7;	
	border:#cccccc 1px solid;
	margin-right:5px;
	margin-top:5px;
	padding:2px;
	cursor:pointer;
}
.textline{
border-bottom:1px solid #cccccc;

}
.typeImg{
width:40px;
height:40px;
text-align:center;
margin:auto;

}
.mapWall{
width:180px; float:left;
margin-right:20px;
margin-bottom:10px;
}
.bigtool span {/*实现FF背景透明，文字不透明*/
position:relative;

}
.bigtool {
padding:5px;

background:rgba(0,0,0,0.1) none repeat scroll !important; /*实现FF背景透明，文字不透明*/
background:#000; filter:Alpha(opacity=10);/*实现IE背景透明*/ 
margin-left:330px; margin-top:330px; position:absolute;
}