@charset "utf-8";
/* CSS Document */


.content{width:100%;overflow:hidden;margin:0px auto;background:  url(../images/index_box.jpg) no-repeat center bottom #f4f6f6;
    padding: 30px 0 40px 0;}
.mode01{width: 1200px;margin: 0 auto ;overflow: hidden;}
.mode01 .lf{float: left;width: 20%;margin-right: 20px; overflow: hidden;}
.mode01 .md{float: left;width: 56.25%;overflow: hidden;}
.mode01 .rt{float: right;width: 20%;overflow: hidden;}


.articleList01{    border: 1px solid #efefef;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;}

.articleTitle{
    height: 45px;
    background: #8b0012;
    padding: 0 20px 0 5px;
    color: #fff;
    line-height: 40px;
    position: relative;
    }
.more{
    color: #fff;
    font-size: 14px;
    float: right;
    padding-right: 13px;
    background: url(../images/more.png) no-repeat center right;
    }
.more:hover{color:#beddff;}

.articleTitle h2{    font-size: 18px;    padding: 0px 0 0px 10px;color:#fff;font-weight: normal;}
.articleTitle h2:after{    content: "";
    position: absolute;
    left: 5px;
    width: 100%;
    height: 2px;
    background: #fff;
    bottom: 3px;}

.slidesStill{position: absolute;bottom: 0;left: 0;width: 100%;background: url(../images/banner_bg.png) repeat ;height: 60px;line-height: 60px;}
.flexslider .slides li a{position: relative;}
.slidesStill p{width: 980px;margin: 0 auto;color:#fff;font-size: 17px}
.index_ul{padding-top:5px; padding-left:15px; padding-right:15px;   }
.index_ul li{height:26px; line-height:26px; font-size:14px}
.index_ul li a{display:block;overflow: hidden;}
.index_ul li a span{color: #8b0012;height:30px;font-size:17px;width:11px;float:right;background:url(../images/more.png) no-repeat center right}

.articleTitle01{height:40px; line-height:40px; background:url(../images/banner_bg.png) repeat; position:absolute; width:100%; left:0; top:0}
.articleTitle01 .t{font-weight: normal;font-size:18px;color:#fff;float: left;padding:0 12px;height:40px;background: rgba(139, 0, 18,1);*background: #5482b5}

.cooperation_index{margin-top:17px; position:relative;}
.cooperation_index img{width:100%; }
.cooperation_index a{display: block;    padding-top: 30px;
    background-color: #fff;}
.articleList02{background: none;border:none;}

.newsList{padding:23px 20px 0 20px;overflow: hidden;}
.newsList li{margin-bottom: 20px;overflow: hidden;}
.news01{overflow: hidden;}
.news01 .left{float: left;width: 184px;overflow: hidden;}
.news01 .right{margin-left: 210px;overflow: hidden;}
.newsImg{padding-bottom: 63%;overflow: hidden;height: 0;}
.newsImg a{display: block;	}
.newsImg img{overflow: hidden;width: 100%}

.newsInfo{overflow: hidden;position: relative;}
.newsInfo .title{height: 30px;line-height: 30px;color: #8b0012;font-size: 14px;overflow: hidden;font-weight: normal;}
.newsInfo .time {    height: 20px;    line-height: 20px;    color: #999898;overflow: hidden;font-size: 12px;}
.newsInfo .txt{ height: 66px; line-height: 22px;padding-top: 8px;display: -webkit-box;overflow: hidden;    -webkit-box-orient: vertical;  font-size: 12px;  -webkit-line-clamp: 3}
.more1{position: absolute;bottom:0;right:0;font-size: 12px;color: #8b0012;}











@media screen  and (max-width:1200px) {

	.content{width:100%;}
	.mode01,.flex-direction-nav{width:90%;margin:0 auto;position:static;}
	.more1{position: relative;}
    .newsInfo .txt{height: 44px;padding-top: 0;}

}



@media screen and (max-width: 1024px) {
	.slidesStill{height: 30px;line-height: 30px;}
	.slidesStill p{width:90%;margin:0 auto ;font-size: 14px;}
	.flex-control-nav{width:97%;margin-left: 0;left: 0;bottom: 0;}
	.flex-direction-nav {display: none;}
    .articleTitle h2,.articleTitle01 .t{font-size: 16px;}
     .mode01 .lf{margin-right: 10px;}
    

}	
@media screen and (max-width: 800px){
	
	.mode01 .lf{float: none;width:100%;margin-right: 0;}
    .mode01 .md{float: none;width: 100%;overflow: hidden;}
    .mode01 .rt{float: none;width: 100%;overflow: hidden;}
    .newsInfo .txt{height: auto}
}


@media screen  and (max-width:640px) {
	
}

@media screen and (max-width:480px){
	
    .news01 .left{float: none;width: 100%;}
    .news01 .right{margin-left: 0;margin-top: 10px;}
}


@media screen and (max-width:400px) {
	
}