@charset "utf-8";
html{ height: 100%; overflow-y:hidden; _background: url(about:black) no-repeat fixed;} 
body {height:100%; font-family:Microsoft YaHei, arial, \5b8b\4f53, sans-serif; font-size:12px; font-weight:normal; color:#333; background:#f5f5f5;}
* {margin:0; padding:0; border:0;}
ul,ol,li{ list-style: none;}
a{ text-decoration:none; color:#333;outline:none;blr:expression(this.onFocus=this.blur());}
a:hover{ text-decoration:none; color:#c00; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;}
img{ vertical-align:middle;}
section{ display:block;}
p{word-wrap:break-word; word-break:break-all;}
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear{clear:both; font-size:0; height:0; line-height:0; overflow:hidden;}


/*底部*/
.pubTopNav{ width:100%; position:fixed; left:0; top:0; _position: absolute; _top: expression(offsetParent.scrollLeft + 0);}
.copyright{width:100%; height:60px; padding:10px 0 0; font:12px/20px arial,simsun; text-align:center; position:fixed; bottom:0; background:#f5f5f5;}
.copyright .p-cut{font:12px/22px arial;margin-top:8px;}

.wraper{ width:100%; position:relative;}
.main{ height:700px; position:absolute; left:290px;}
.main .inner{ padding:90px 0 0 0; }
.img_list_content{ height:220px; margin:15px 20px; overflow:hidden;}
.img_list_wraper{ width:310px; height:210px; overflow:hidden;}
.img_list_content h2{ margin-bottom:8px; font-size:12px; color:#999;}
.img_list_content p{ line-height:24px; color:#999;}
.side{
	background:#3f4b57;
	width:210px;
	position:fixed;
	left:0;
	top:30px;
	z-index:10002;
	_position:absolute;
	_top: expression(offsetParent.scrollTop + 40);
	height:100%; 	
}
.side .side_index{ position:relative;}
.side .topic_logo{height:232px; padding-top:50px; background:#fff; text-align:center;}
.side .side_index_inner{ padding:20px 0; overflow-y:auto;}
.side_index_inner ul{}
.side_index_inner ul li{ height:30px; line-height:30px; font-size:14px; color:#fff;}
.side_index_inner ul li a{ display:inline-block; padding:0 20px 0 25px; color:#fff; cursor:pointer;}
.side_index_inner ul li a:hover{color:#30b623;}
.side_index_inner ul .current a{background:#30b623;}
.side_index_inner ul .current a:hover{color:#fff;}
.side_index_inner ul li:last-child{color:#3f4b57;}
.side_index_inner ul li:last-child a{color:#3f4b57;}
.side_index_inner ul li:last-child a:hover{color:#3f4b57;}
.bg_circle{ width:41px; height:100%; background:url(../../../images/special/150701/side.png) repeat-y; position:absolute; top:310px; right:-20px; display:none;}
.scroll_tab table{position: relative;}
.scroll_tab .mod{
	display: inline;
	float: left;
	margin-right:10px;
	height: 510px;
	width: 310px;	
	border:1px solid #d9d9d9;
	position: relative;
	top: 0;
	left: 0;	
	-webkit-transform-style: preserve-3d;	
	-webkit-transition: all 0.5s linear 0s;
	   -moz-transition: all 0.5s linear 0s;
	     -o-transition: all 0.5s linear 0s;
	    -ms-transition: all 0.5s linear 0s;
	        transition: all 0.5s linear 0s;
}
.scroll_tab .mod:hover{ position:relative; top:-10px; box-shadow: 0 0 5px #ccc;}
.scroll_tab .mod:hover .img_list_wraper img{
	-webkit-transition: all 0.5s linear 0s;
		   -moz-transition: all 0.5s linear 0s;
			 -o-transition: all 0.5s linear 0s;
			-ms-transition: all 0.5s linear 0s;
				transition: all 0.5s linear 0s;
		-webkit-transform: scale(1.04);
		   -moz-transform: scale(1.04);
			 -o-transform: scale(1.04);
			-ms-transform: scale(1.04);
				transform: scale(1.04);
}
.mod .hd{ height:12px; background:#30b623;}
.mod .ft{ height:38px; line-height:38px;}
.mod .ft .read_all{ width:90px; padding-left:15px; background:#dfdfdf url(../../../images/special/150701/arrow.png) 15px center no-repeat; font-size:14px;color:#666; text-align:center; display:block; float: left;}
.mod .ft .read_all:hover{ background:#30b623 url(../../../images/special/150701/arrow_hover.png) 15px center no-repeat; color:#fff;}
.mod .ft .current_index{ padding-right:8px; font-size:14px; color:#666; float:right;}

/*封面*/
.cover{width:1090px; height:auto; padding-top:120px;}
.cover h3{height:50px; line-height:50px; padding-bottom:10px; margin-bottom:30px; border-bottom:5px solid #333; font-size:36px; color:#30b623;}
.cover p{ line-height:32px; font-size:18px; color:#333; margin-top:20px;}
.cover .link{ height:70px; padding-top:80px; text-align:center;}
.cover .link a{ height:68px; line-height:68px; padding:0 75px; border:1px solid #30b623; border-radius:10px; display:inline-block; font-size:36px; color:#30b623;}
.cover .link a:hover{ background:#30b623; color:#fff;}
.producer{ position:fixed; left:290px; bottom:80px; line-height:30px; font-size:16px; color:#333;}
.producer span{ padding:0 8px; background:#3f4b57; color:#fff; border-radius:3px;}
.producer em{margin:0 20px;}

/*内容*/
.content{width:100%;height:510px; padding-top:100px; overflow:hidden;}
.content .pic{width:540px; height:510px; padding-right:50px; float:left;}
.content .pic img{width:540px; height:510px; border:none;}
.content .intro{/* padding-left:590px; *padding-left:20px;*/ height:100%; overflow-y:auto;}
.content h3{height:auto; line-height:50px; padding-bottom:10px; margin-bottom:10px; margin-right:50px; border-bottom:5px solid #333; font-size:36px; color:#30b623;}
.content .txt{width:auto; padding-right:50px;}
.content p{ line-height:24px; font-size:14px; color:#333; margin-top:20px;}
.content h4{ line-height:24px; font-size:18px; color:#333; font-weight:bold; margin:20px 0;}


@media screen and (max-width:640px){
html{ overflow-y:scroll;}
body{ background:#fff;}
.pubTopNav{display:none;}
.copyright{ height:40px; padding:10px 0; position:static; background:none;}
.cop_dg{ display:none;}
.side{ width:100%; position:static; height:auto;}
.side .topic_logo{ padding-top:10px;}
.side .side_index{display:none;}
.bg_circle{display:none;}
.main{ position:static; height:auto;}
.main .inner{ padding:0;}
.scroll_tab .mod{width:auto; height:auto; display:block; margin:10px; float:none;}
.scroll_tab .mod:hover{ position:relative; top:0; box-shadow: 0 0 5px #ccc;}
.scroll_tab .mod:hover .img_list_wraper img{
		-webkit-transform: scale(1);
		   -moz-transform: scale(1);
			 -o-transform: scale(1);
			-ms-transform: scale(1);
				transform: scale(1);
}
.img_list_wraper{width:100%; height:auto;}
.img_list_wraper img{width:100%; height:auto;}
.img_list_content{ height:auto;}
.cover{width:auto; margin:10px; padding:0;}
.cover h3{ height:30px; line-height:30px; margin-bottom:10px; border-bottom-width:2px; font-size:24px;}
.cover .link{ height:50px; padding-top:30px;}
.cover .link a{ height:48px; line-height:48px; padding:0 40px; font-size:24px;}
.producer{ position:static; margin:30px 10px 10px; text-align:center;}
.producer em{ display:block; margin:0;}
.content{width:auto; height:auto; margin:10px; padding:0;}
.content .pic{width:100%; height:auto; padding:0; float:none;}
.content .pic img{width:100%; height:auto;}
.content .intro{ padding:0; margin-top:10px;}
.content h3{ height:auto; line-height:30px; margin-bottom:0; margin-right:0; border-bottom-width:2px; font-size:20px;}
.content .txt{width:100%; padding:0; float:none;}
.content .txt img{width:100%; height:auto;}
.content p{ line-height:28px; margin-top:15px; font-size:16px;}
}