@charset "gb2312";
/* CSS Document */
table,td,tr,ul,ol,li,dl,dd,dt,p,input,form,em,p,img,h1,h2,h3,h4,h5 {
	margin: 0px;
	padding: 0px;
}

table {
	line-height: 18px;
}

ul {
	list-style: none;
}

.cursor {
	cursor: pointer;
}

.clear {
	font-size: 0;
	line-height: 0;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.l {
	float: left;
}

.r {
	float: right;
}

.tl {
	text-align: left;
}

.tc {
	text-align: center;
}

.tr {
	text-align: right;
}

.cred {
	color: #DD0D0B;
}

img {
	border: 0;
}

body {
	font-size: 12px;
	width: 100%;
	background-color: #fff;
	margin: 0;
	padding: 0;
	color: #666666
}

a {
	text-decoration: none;
	color: #2c2d2c;
}

a:hover {
	text-decoration: underline;
}

.weekly_top {
	width: 100%;
	height: 41px;
	background: url(../images/img3/weekly_top.jpg) repeat-x;
}

.layout {
	width: 980px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}
/*top start*/
.top {
	width: 940px;
	height: 20px;
	padding-top: 12px;
	margin: 0 auto;
}

.top_left {
	width: auto;
	padding-left: 15px;
	line-height: 20px;
	color: #000;
}

.weekly_back {
	width: auto;
	height: 20px;
	margin-right: 30px;
	line-height: 20px;
}

.top_right {
	width: auto;
	height: 20px;
	line-height: 20px;
	padding-right: 30px;
}

.top_right a {
	color: #d40000;
}

.top_right img {
	margin-top: 2px;
	float: left;
	margin-right: 10px;
}
/*top end*/
.header {
	width: 980px;
	height: 198px;
}
/*header end*/
.preface {
	width: 980px;
	height: 220px;
	padding-top: 20px;
	background: url(../images/img2/prefacebg.jpg) no-repeat;
}

.preface_content {
	width: 580px;
	height: auto;
	padding-left: 25px;
}

.preface_content h1 {
	width: auto;
	height: 40px;
	line-height: 30px;
	font-size: 16px;
}

.preface_content h1 a,.hot_list h2 a,.events_content h2 a {
	color: #000000
}

.preface_content p {
	font-size: 14px;
	line-height: 30px;
	color: #000;
	text-indent: 24px;
}

.preface_img {
	width: 281px;
	height: 180px;
	margin: 4px 0 0 66px;
	border: 1px solid #CCC
}

.read_hot {
	width: 980px;
	height: auto;
	background: #ffffff;
	margin-top: 5px;
	padding: 15px 0;
	overflow: hidden;
}

.read_left {
	width: 600px;
	height: auto;
	overflow: hidden;
}

.first_read {
	width: 575px;
	height: 198px;
	line-height: 22px;
	margin-left: 10px;
	padding: 5px;
	text-align: center;
	border: 1px solid #ccc
}

.hot_list {
	width: 560px;
	height: auto;
	margin-left: 10px;
	padding: 10px;
}

.hot_list h1 {
	width: auto;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	padding-left: 10px;
	color: #df0304
}

.hot_list p {
	width: auto;
	height: auto;
	line-height: 25px;
	font-size: 14px;
	text-indent: 24px;
}

.read_right {
	width: 370px;
	height: auto;
	margin-left: 10px;
	padding: 10px 0;
	background: #f3f3f3;
	overflow: hidden
}

.share {
	width: auto;
	height: 40px;
}

.dingyue {
	width: 108px;
	height: 32px;
	margin-top: 5px;
	margin-left: 5px;
}

.baidu_share {
	width: auto;
	height: 32px;
}
/*email take start*/
.rssbook {
	padding: 10px 15px 0 15px;
	margin: 10px auto;
	overflow: hidden;
	zoom: 1;
	background: #FFF;
	border: 1px solid #ddd;
	width: 300px;
	height: 85px;
}

.light {
	background: #f6f6f6;
	border: 3px solid #ddd;
}

.dark {
	background: #aaa;
	border: 3px solid #666;
}

.mailInput {
	margin-top: 5px;
}

.rssbook .info {
	color: #666;
	font-size: 12px;
}

.light .info {
	color: #666;
}

.dark .info {
	color: #fff;
}

.rssbutton {
	float: left;
	border: 1px solid #698ab4;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}

.dark .rssbutton {
	border: 1px solid #585858;
}

.rssbutton input {
	background: #77a0d1;
	border: 1px solid #88b3e6;
	color: #FFFFFF;
	cursor: pointer;
	font-weight: bold;
	width: 90px;
	display: block;
	height: 22px;
	line-height: 22px;
	*line-height: 19px;
	text-align: center;
}

.dark .rssbutton input {
	background: #676767;
	border: 1px solid #777;
}

.rssbutton input:hover {
	background: #86b4eb;
	text-decoration: none;
}

.dark .rssbutton input:hover {
	background: #797979;
	border: 1px solid #939393;
}

input.rsstxt {
	width: 95%;
	height: 20px;
	font-size: 14px;
	padding: 2px 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #ccc;
	;border-color: #7c7c7c #c3c3c3 #c3c3c3 #9a9a9a;
	margin-bottom: 5px;
}

.dark input.rsstxt {
	background: #eee;
}
/*email take end*/
/*news change start*/

#con {
	FONT-SIZE: 12px;
	WIDTH: 335px;
	margin-left: 18px;
}

#tags {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px 0px 0px 10px;
	WIDTH: 355px;
	PADDING-TOP: 0px;
	HEIGHT: 23px
}

#tags LI {
	BACKGROUND: url(../images/img1/tagleft.gif) no-repeat left bottom;
	FLOAT: left;
	MARGIN-RIGHT: 1px;
	LIST-STYLE-TYPE: none;
	HEIGHT: 23px
}

#tags LI A {
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	BACKGROUND: url(../images/img1/tagright.gif) no-repeat right bottom;
	FLOAT: left;
	PADDING-BOTTOM: 0px;
	COLOR: #999;
	LINE-HEIGHT: 23px;
	PADDING-TOP: 0px;
	HEIGHT: 23px;
	TEXT-DECORATION: none
}

#tags LI.emptyTag {
	BACKGROUND: none transparent scroll repeat 0% 0%;
	WIDTH: 4px
}

#tags LI.selectTag {
	BACKGROUND-POSITION: left top;
	MARGIN-BOTTOM: -2px;
	POSITION: relative;
	HEIGHT: 25px
}

#tags LI.selectTag A {
	BACKGROUND-POSITION: right top;
	COLOR: #000;
	LINE-HEIGHT: 25px;
	HEIGHT: 25px
}

#tagContent {
	PADDING-RIGHT: 1px;
	PADDING-LEFT: 1px;
	PADDING-BOTTOM: 1px;
	; PADDING-TOP: 1px;
	BACKGROUND-COLOR: #fff;
	border: 1px solid #ccc;
}

.tagContent {
	PADDING-RIGHT: 10px;
	DISPLAY: none;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 10px;
	WIDTH: 310px;
	COLOR: #474747;
	PADDING-TOP: 10px;
	HEIGHT: 280px
}

#tagContent DIV.selectTag {
	DISPLAY: block
}

.news_list li {
	width: auto;
	height: 22px;
	line-height: 22px;
	background: url(../images/img1/arrow.jpg) left no-repeat;
	text-indent: 16px;
}

.news_list li span {
	float: right;
	padding-right: 10px;
}
/*news change end*/
.like {
	width: 358px;
	height: 317px;
	margin: 0 auto;
	margin-top: 15px;
}

.like img {
	width: 358px;
	height: 317px;
}

/*power_events start*/
.power_events {
	width: 100%;
	height: 414px;
	padding-left: 10px;
}
.power_events img{
	max-width: 100%;
}
.case_go {
	width: 980px;
	height: 450px;
	margin: 0 auto;
	margin-top: 10px;
	margin-left: 20px;
	background: url(../images/img2/casebg.jpg) left top #f2f2f2 no-repeat;
}

.case {
	width: 625px;
	height: 440px;
	padding-top: 10px;
	padding-left: 15px;
}

.case h4 {
	width: 600px;
	height: 30px;
	line-height: 30px;
	text-align: right;
	font-size: 14px;
	font-weight: 100
}

.case_content {
	width: 360px;
	height: auto;
	margin-top: 22px;
}

.case_content p {
	width: 360px;
	line-height: 25px;
	font-size: 14px;
	text-indent: 24px;
	color: #000
}

.case_img {
	width: 242px;
	height: auto;
	margin-left: 20px;
}

.case_img img {
	width: 242px;
	height: 111px;
	margin-top: 20px;
}


.go{width:313px;height:430px; margin-left:10px; background:#f3f3f3}
.go h3{ color:#000000; padding:5px 0; padding-left:15px;}
.go form{ padding-left:15px;}
.go label{line-height:22px;font-size: 14px;margin-right:15px;vertical-align:top;}
.go input,.go textarea{line-height:22px; margin-bottom:13px;vertical-align:middle;display:inline-block;width:80%; border:1px solid #eeeeee;}
.go input.sendto{margin-left:46px;width:100px;height:30px;background:#94c030;color:#ffffff; cursor: pointer;}
.go_top {
	width: auto;
	height: 250px;
	line-height: 20px;
}

.go_top h1 {
	width: auto;
	height: 30px;
	line-height: 30px;
	padding-left: 20px;
	font-size: 14px;
	background: #cc0000;
	color: #fff
}

.go_content {
	width: 290px;
	height: 200px;
	margin: 5px 0 0 10px;
	padding-bottom: 8px;

}

.ask {
	width: auto;
	height: 60px;
}

.view {
	width: 290px;
	height: 130px;
	margin-top: 10px;
	float: left
}

.go_content ul li {
	width: 280px;
	height: 35px;
	line-height: 35px;
}

.textbox {
	height: 20px;
	line-height: 20px;
	width: 230px;
}

.go_write {
	width: auto;
	height: 180px;
	background: url(../images/img3/weekly02.jpg) 5% 70% no-repeat;
	line-height: 20px;
}

.go_write h1 {
	width: auto;
	height: 30px;
	line-height: 30px;
	padding-left: 20px;
	font-size: 14px;
	background: #000;
	color: #fff
}

.cehua {
	width: 200px;
	height: 130px;
	margin-top: 15px;
	float: right;
	font-size: 12px;
}

.cehua p {
	height: 50px;
	line-height: 20px;
	color: #000
}
/*foot start*/
.foot {
	width: 980px;
	height: 110px;
	margin: 0 auto;
	margin-top: 15px;
	padding-top: 15px;
	background: #FFF
}

.footer {
	width: 781px;
	height: 70px;
	margin: 0 auto;
	border: 1px solid #CCC;
	background: url(../images/img1/grayloge.jpg) 2%  #FFF no-repeat;
	padding: 25px 20px 0 150px;
}

.footer a {
	color: #6F6F6F;
}

.bottom {
	width: 450px;
	height: 50px;
	line-height: 25px;
}

.email_take {
	width: 320px;
	height: 60px;
	background: url(../images/img1/plice.jpg) no-repeat right
}

/*email take start*/
.rssbook1 {
	overflow: hidden;
	zoom: 1;
	background: #FFF;
	width: 275px;
	height: 60px;
}

.mailInput1 {
	margin-top: 5px;
}

.rssbook1 .info1 {
	color: #666;
	font-size: 12px;
}

.light .info1 {
	color: #666;
}

.dark .info1 {
	color: #fff;
}

.rssbutton1 {
	float: left;
	border: 1px solid #698ab4;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	width: 60px;
	float: left;
}

.dark .rssbutton1 {
	border: 1px solid #585858;
}

.rssbutton1 input {
	background: #77a0d1;
	border: 1px solid #88b3e6;
	color: #FFFFFF;
	cursor: pointer;
	font-weight: bold;
	width: 60px;
	display: block;
	height: 22px;
	line-height: 22px;
	*line-height: 19px;
	text-align: center;
}

.dark .rssbutton1 input {
	background: #676767;
	border: 1px solid #777;
}

.rssbutton1 input:hover {
	background: #86b4eb;
	text-decoration: none;
}

.dark .rssbutton1 input:hover {
	background: #797979;
	border: 1px solid #939393;
}

input.rsstxt1 {
	width: 70%;
	height: 20px;
	font-size: 14px;
	padding: 2px 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #ccc;
	;border-color: #7c7c7c #c3c3c3 #c3c3c3 #9a9a9a;
	margin-bottom: 5px;
	float: left;
	margin-right: 5px;
}

.dark input.rsstxt1 {
	background: #eee;
}

/*email take end*/
/*footer end*/


#fun1,.m,.dbdh,.ber1,.ber2 {
	display: none;
}

.clearfloat {
	zoom: 1
}

.clearfloat:after {
	display: block;
	clear: both;
	content: " ";
	visibility: hidden;
	height: 0;
	width: 0;
}

body {
	background-color: #fff;
}

@media (max-width:1200px) {
	.go_write {
		display: none;
	}

	.top,.layout,.header,.read_hot,.first_read,.hot_list,.like,.case h4,.case_content p,.foot,.footer,.rssbook1 {
		width: 100%;
	}

	.header,.first_read,.like,.power_events,.case {
		height: auto;
	}

	.header img,.preface_img img,.first_read img,.like img,.case_go,.case_img img {
		width: 100%;
		height: auto;
	}

	.preface {
		width: 100%;
		height: auto;
		background: url(none) #fff;
	}

	.preface_content {
		width: 69%;
		margin-left: 1%;
		padding-left: 0;
	}

	.preface_img {
		width: 29%;
		height: auto;
		margin: 4px 0 0 1%;
		border: 0 !important;
	}

	.read_left {
		width: 63%;
	}

	.read_right {
		width: 36%;
		margin-left: 1%;
	}

	.first_read {
		margin-left: 0;
		padding: 0;
		border: 0;
	}

	.hot_list {
		margin-left: 0;
		padding: 10px 10px;
		overflow: hidden;
		box-sizing: border-box;
	}

	



	.case {
		width: 60%;
		padding-left: 0;
	}

	.go {
		width: 39%;
		margin-left: 1%;
	}

	.case_content {
		width: 59%;
		padding: 0 10px;
		overflow: hidden;
		box-sizing: border-box;
	}

	.case_img {
		width: 39%;
		margin-left: 1%;
	}

	.ber2 {
		width: 100%;
		display: block;
	}

	.ber2 img {
		width: 100%;
		height: 175px;
	}

	.footer {
		border: 0;
		padding: 10px 0 0 0;
		margin-left: 0;
	}

	.bottom {
		width: 45%;
		padding-left: 140px;
	}

	.foot {
		height: 60px;
	}

	.email_take {
		width: 30%;
		background: none;
	}

	.hot_list p {
		padding-left: 3px;
	}
}

@media (max-width:991px) {
	.preface_img {
		margin: 30px 0 0 1%;
	}

	.share {
		height: 70px;
	}

	.news_list li span {
		display: none;
	}

	input.rsstxt {
		width: 75%;
	}

	.case {
		width: 56%;
	}

	.go {
		width: 42%;
	}

	.foot {
		height: 105px;
	}

	.rssbook1 {
		height: 80px;
	}

	.preface_content p {
		padding: 0 10px;
		overflow: hidden;
		box-sizing: border-box;
	}

	.rssbook {
		width: 82%;
	}
}

@media (max-width:767px) {
	.top_right,.weekly_back,.share,.go,.rssbook,#con,.foot {
		display: none;
	}

	#fun1 {
		position: absolute;
		right: 3%;
		top: 15px;
		display: block;
		cursor: pointer;
	}

	.m {
		font-size: 15px;
		background: #fff;
		list-style: none;
	}

	.m a {
		color: #3e3e3e;
	}

	.m li {
		float: none;
		height: auto;
		line-height: 34px;
		border-bottom: 1px solid #cbcbcd;
		text-align: left;
		padding-left: 15px;
	}

	.dbdh {
		display: block;
		width: 100%;
		position: fixed;
		bottom: 0;
		background: #ff4639;
	}

	.dbdh ul li {
		width: 25%;
		height: auto;
		float: left;
	}

	.dbdh ul li a {
		display: block;
		text-align: center;
		padding: 5px;
		color: #fff;
	}

	.dbdh ul li a p {
		line-height: 30px;
	}

	.dbdh ul li a img {
		display: inline-block;
	}

	.preface_content,.read_left,.case,.case_content,.case_img {
		width: 100%;
	}

	.preface_img,.read_right {
		width: 99%;
	}

	.like {
		margin-top: 0;
	}

	

	.case_img {
		margin-left: 0;
	}

	.case_img img {
		width: 33%;
		float: left;
	}
	.case_go{
		margin-left: 0;
	}
	.power_events{
		padding-left: 0;
	}
	.read_hot{
		padding: 5px 0;
	}
}

