@charset "utf-8";
/* CSS Document */



.grid_12 {
	width: 1170px
}
.grid_11 {
	width: 1070px
}
.grid_10 {
	width: 970px
}
.grid_9 {
	width: 870px
}
.grid_8 {
	width: 770px
}
.grid_7 {
	width: 670px
}
.grid_6 {
	width: 570px
}
.grid_5 {
	width: 470px
}
.grid_4 {
	width: 370px
}
.grid_11 {
	width: 760px
}
.grid_3 {
	width: 270px
}
.grid_2 {
	width: 170px
}
.grid_1 {
	width: 70px
}
 @media (min-width: 992px) and (max-width: 1199px) {
.row {
	margin-left: -20px;
*zoom: 1
}
.row:before,  .row:after {
	display: table;
	content: "";
	line-height: 0
}
.row:after {
	clear: both
}
 [class*="grid_"] {
float: left;
min-height: 1px;
margin-left: 20px;
}
.container {
	width: 940px
}
.grid_12 {
	width: 940px
}
.grid_11 {
	width: 600px
}
.grid_10 {
	width: 780px
}
.grid_9 {
	width: 700px
}
.grid_8 {
	width: 620px
}
.grid_7 {
	width: 540px
}
.grid_6 {
	width: 460px
}
.grid_5 {
	width: 380px
}
.grid_4 {
	width: 300px
}
.grid_3 {
	width: 220px
}
.grid_2 {
	width: 140px
}
.grid_1 {
	width: 60px
}
}
 @media (min-width: 768px) and (max-width: 991px) {
.row {
	margin-left: -20px;
*zoom: 1
}

.pic_news .hot_pic{ height:158px;}
.row:before, .row:after {
	display: table;
	content: "";
	line-height: 0
}
.row:after {
	clear: both
}
 [class*="grid_"] {
float: left;
min-height: 1px;
margin-left: 10px
}
.container {
	width: 748px
}
.grid_12 {
	width: 748px
}
.grid_11 {
	width: 490px
}
.grid_10 {
	width: 620px
}
.grid_9 {
	width: 556px
}
.grid_8 {
	width: 492px
}
.grid_7 {
	width: 428px
}
.grid_6 {
	width: 364px
}
.grid_5 {
	width: 300px
}
.grid_4 {
	width: 236px
}
.grid_3 {
	width: 172px
}
.grid_2 {
	width: 108px
}
.grid_1 {
	width: 44px
}
}
 @media (max-width: 767px) {
.container {
	width: 460px
}
.row {
	margin-left: 0
}
 [class*="grid_"] {
float: none;
display: block;
width: 100%;
margin-left: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.grid_3 {
	float: left;
	width:48%;
	margin-left:2%;
}
.f32 {
	font-size: 22px
}
}
 @media (max-width: 479px) {
.container {
	width: 320px
}
.row {
	margin-left: 0
}
.first .row, .page_4 .row, .w_third .row {
	margin-left: 0px
}
.grid_3 {
	float: left;
	width:48%;
	margin-left:1%;
}
.p_20 {
	padding: 10px
}
.f14 {
	font-size: 13px
}
.f16 {
	font-size: 14px
}
.f18 {
	font-size: 16px
}
}
