html, body, * {font-family: "Microsoft YaHei" ! important; }
*{padding: 0;margin: 0;list-style: none;text-decoration: none;}
body {
	margin: 0;
	padding: 0;
	font:12px/180% Microsoft Yahei;
	min-width: 640px; color:#666666;
	background:url(../images/main_back.jpg) center bottom no-repeat;
}

a{color:#343434;text-decoration:none;}
a:hover{text-decoration:none;}
ul{
	list-style-type: none;
}
li{
	list-style-type: none;
}
.clear{clear:both;}
.l{float:left;}
.r{float:right;}

*:hover
	{
		/* -webkit-transition: all .2s linear; */
		/* -moz-transition: all .2s linear; */
		/* -o-transition: all .2s linear; */
		/* transition: all .2s linear; */
	}
	
	
.main_content{width:100%;height:auto;background-size:100% auto;}
.main_content .mian_con{width:1200px;margin:0 auto;min-height:1000px;}
.main_content .mian_con .banner{width:100%}
.main_content .mian_con .banner img{width:100%}
.fenlei_tab{width:100%;margin-top:20px;border-bottom:2px solid #eaeaea}
.fenlei_tab .span1{display:block;font-size:16px;font-weight:600;color:#474747;text-transform: uppercase;}
.fenlei_tab ul{display:block;margin-left:30px;text-align:justify;}
.fenlei_tab ul li{display:inline-block;margin:10px;font-size:16px;padding:4px 12px;cursor:pointer;}
.fenlei_tab ul li:hover{background:#023e95;color:#fff;}
.fenlei_tab ul li.on{background:#023e95;color:#fff;}

.fenlei_list{width:100%; height:100px;border-top: 1px solid #eee;margin-top:20px;}
.fenlei_list li{border:1px solid #eee;border-top:0;width:400px;height:450px;float:left;}
.fenlei_list li .quyu{width:356px;margin:0 auto;}
.fenlei_list li .quyu h5{display:inline-block;font-size:16px;margin-top:10px;padding:8px 16px 18px 16px;background:url(../images/quyu_back.png)center no-repeat;color:#fff;background-size:100% 100%;}
.fenlei_list li .quyu_img{width:356px;height:250px;margin:0 auto;overflow:hidden;}
.fenlei_list li .quyu_img img{width:100%;min-height:100%;}
.fenlei_list li .quyu_info{width:356px;margin:0 auto;}
.fenlei_list li .quyu_info h2{font-size:18px;line-height:22px;font-weight:600;}
.fenlei_list li .quyu_info span{font-size:16px;}

/* outBox */
.out_main_content{width:1200px;margin:0 auto;margin-top:3px;}
.outBox{width:1200px;  }
.outBox .hd{ height:46px; background:#f4f4f4; padding:0 20px; border-bottom:1px solid #ddd;  position:relative;  }
.outBox .hd ul{ float:left; position:absolute; left:20px; top:4px; height:34px;line-height:34px;   }
.outBox .hd ul li{ float:left;font-size:16px;height:34px;padding:0 25px;font-weight:500 cursor:pointer; border-radius:6px; }
.outBox .hd ul li.on{background:#023e95; border:1px solid #ddd; color:#fff;}

/* .inBox{   } */
/* .inBox .inHd{  } */
/* .inBox .inHd ul{ } */
/* .inBox .inHd ul li{  } */
/* .inBox .inHd ul li.on{  } */
/* .inBox .inBd ul{   } */
/* .inBox .inBd li{  } */
.inBox .inBd li .date{ float:right; color:#999;  }
/* outBox end*/
	
@media screen and (max-width: 1300px){
	.main_content .mian_con{width:1110px;}
	.out_main_content{width:1110px;  }
	.outBox{width:1110px;  }
	.fenlei_list li{width:370px;height:450px;}
	.fenlei_list li .quyu{width:329.3px;}
	.fenlei_list li .quyu_img{width:329.3px;height:231.25px;}
	.fenlei_list li .quyu_info{width:329.3px;}
}

@media screen and (max-width: 1120px){
	.out_main_content{width:900px;  }
	.outBox{width:900px;  }
	.main_content .mian_con{width:900px;}
	.main_content .mian_con img{width:900px;}
	.fenlei_list li{width:300px;height:440px;}
	.fenlei_list li .quyu{width:280px;}
	.fenlei_list li .quyu_img{width:280px;height:231.25px;}
	.fenlei_list li .quyu_info{width:280px;}
}
	
@media screen and (max-width: 900px){
	.out_main_content{width:100%;  }
	.outBox{width:100%;  }
	.main_content .mian_con{width:96%;}
	.main_content .mian_con img{width:100%;}
	.fenlei_list li{width:50%;height:16.0rem;}
	.fenlei_list li .quyu{width:96%;}
	.fenlei_list li .quyu_img{width:96%;height:9.0rem;}
	.fenlei_list li .quyu_info{width:96%;}
	.fenlei_list li .quyu h5{font-size:16px;margin-top:10px;padding:4px 14px 14px 14px;}
	.fenlei_list li .quyu_info h2{font-size:14px;line-height:18px;}
	.fenlei_list li .quyu_info span{font-size:14px;}
	
	.fenlei_tab ul li{margin-right:10px;padding:0.3rem 1.0rem;}

}
	
@media screen and (max-width: 340px){
	.fenlei_tab ul li{margin-right:10px;padding:0.3rem 1.0rem;}
}