@charset "utf-8";

.Banner{overflow: hidden;}
.Banner .flexslider .slides li a{position: relative;}
.Banner .stillslides{position: absolute;bottom:0;left: 0;width: 100%;background: url(../images/banner_bg.png) repeat-x;height: 50px;}
.Banner .stillslides p{width: 1120px;margin: 0 auto;color:#fff;font-size: 18px;font-weight: bold;line-height: 50px;text-shadow: 2px 3px 3px #666;}
.Banner .flexslider .slides .img{display: block;width: 100%;height: 0;overflow: hidden;padding-bottom: 19.58%;}


.content{width:100%;overflow:hidden;margin:30px auto 0;}
.mode01{width: 1200px;margin: 0 auto 30px;overflow: hidden;}
.mode01 .lf{float: left;width: 62.5%;overflow: hidden;}
.mode01 .rt{float: right;width: 33.33%;overflow: hidden;}

.articleTitle{overflow: hidden;border-bottom: 1px solid #fff;padding-bottom: 10px;margin-bottom: 20px;}
.more{float: right;color:#999;font-size: 14px;margin-top: 4px;}
.more:hover{color:#e1b261;}
.articleTitle h2{font-size: 18px;font-weight: normal;}

.newsList{overflow: hidden;width: 107%;}
.newsList li{width: 50%;float: left;overflow: hidden;*width: 49%;}
.newsList li a{display: block;margin-right:49px;}

.news01{overflow: hidden;}
.news01 .left{float: left;width: 180px;}
.news01 .left .img{width: 100%;display: block;overflow: hidden;height: 0;padding-bottom: 66.6666%;}
.news01 .left img{width: 100%;display: block;}
.news01 .right{margin-left: 196px;}
.news01 .right p{font-size: 14px;line-height: 22px;height: 88px;overflow: hidden;margin-bottom: 15px;transition: all 0.5s ease;}
.news01 .right span{font-size: 12px;font-family: 'Arial';font-style: italic;color:#999;display: block;}

.newsList li a:hover .news01 .right p{color:#e1b261;}

.noticeList{overflow: hidden;}
.noticeList li{margin-bottom: 10px;height: 20px; line-height: 20px;overflow: hidden;}
.noticeList li span{color:#e1b261;font-size: 12px;font-family: 'Arial';font-style: italic;margin-right: 14px;}
.noticeList li a{font-size: 14px;}

.mode02{width: 1200px;margin: 0 auto 30px;overflow: hidden;}
.mode02 .lf{float: left;width:30.83%;overflow: hidden;background: #ddefff;}
.mode02 .md{float: left;width: 30.83%;margin-left: 3.75%;overflow: hidden;background: #fff6f6;}
.mode02 .rt{float: right;width:30.83%;overflow: hidden;background: #ffeee3;}

.articleTitle02{/* text-align: center; */padding-top: 10px;padding-left: 18px;}
.articleTitle02 h2{display: inline;}
.more1{margin-right: 20px;color:#999;font-size: 14px;margin-top: 4px;float: right;}
.more1:hover{color:#e1b261;}
.commonList{padding:0 20px 8px;overflow: hidden;}
.commonList li{margin-bottom: 10px;height: 20px;line-height: 20px;overflow: hidden;}
.commonList li a{font-size: 14px;}
.commonList li span{color:#999;font-style:italic;font-size: 12px;margin-right: 10px;}







@media screen  and (max-width:1300px) {

	.content{width:100%;}
	.mode01,.mode02{width:92%;margin:0 auto 30px;}
	.flex-direction-nav,.Banner .stillslides p{width:92%;margin:0 auto;position:static;}
	.newsList li a{margin-right: 24px;}
	.newsList{width: 104%;}
}


@media screen  and (max-width:1200px) {
	
}


@media screen and (max-width: 1024px) {
	.flex-direction-nav{display: none;}
	.Banner .stillslides{height: 30px;}
	.Banner .stillslides p{font-size: 15px;line-height: 30px;}
	.mode01 .lf{width: 100%;float: none;}
	.mode01 .rt{width: 100%;float: none;margin-top: 20px;}
	.noticeList li span{float: right;margin-right: 0;}
	.mode02 .lf{float: none;width:100%;}
	.mode02 .md{float: none;width: 100%;margin-left: 0;margin-top: 30px; }
	.mode02 .rt{float: none;width:100%;margin-top: 30px;}
	.commonList li span{float: right;margin-right: 2px;}


}	
@media screen and (max-width: 640px){
	.newsList li{float: none;width: 100%;margin-bottom: 20px;}
	.newsList {width: 100%;}
	.newsList li a{margin-right: 0;}
	.articleTitle h2{font-size: 16px;}
	.more{margin-top: 0;}
	
}



@media screen and (max-width:480px){
	.mode01 .rt{margin-top: 0;}
	.noticeList li span{float: left;margin-right: 10px;}
	.commonList li span{float: none;margin-right: 10px;}
}


@media screen /*and (min-width:320px)*/ and (max-width:400px) {
	
}
