@charset "utf-8";


.Banner{overflow: hidden;}
.Banner .flexslider .slides li a{position: relative;}
.Banner .flexslider .banner-pic{position: relative;}
.Banner .flexslider .banner-pic img {
 width: 100%;transition: all 0.5s ease-in-out;max-width:none;position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	transform: translate(-50%, -50%);
	-webkit-transition: .3s;
	-o-transition: .3s;
	-moz-transition: .3s;
	transition: .3s;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);object-fit: cover;}
.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;}



.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 #ccc;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: 180px;height: 120px;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;float: left;}
.noticeList li a{font-size: 14px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;-moz-box-orient: vertical;display: block;}

.mode02{width: 1200px;margin: 0 auto 30px;overflow: hidden;}
.mode02 .lf{float: left;width:30.83%;overflow: hidden;background: #faf3e6;}
.mode02 .md{float: left;width: 30.83%;margin-left: 3.75%; overflow: hidden;background: #e9eef7;}
.mode02 .rt{float: right;width:30.83%;overflow: hidden;background: #f7eae9;}

.articleTitle02{text-align: center;padding-top: 10px;}
.articleTitle02 h2{display: inline;}
.more1{margin-left: 20px; color:#999;font-size: 14px;margin-top: 4px;}
.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;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;-moz-box-orient: vertical;display: block;}
.commonList li span{color:#999;font-style:italic;font-size: 12px;margin-right: 10px;float: left;}







@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) {
	
}