.Banner{position: relative;z-index: 5;max-width: 1920px;margin:0 auto;}
.Banner .slick-img{display: block;height: 0;padding-bottom: 23.5%;overflow: hidden;}  
.content{overflow: hidden;position: relative;}
/*mode01*/
.wrapmode01{ overflow: hidden; }
.mode01{margin: 50px auto; overflow: hidden;}
.mode01 > .gp-fl{width:49.6%; overflow: hidden; }
.mode01 > .gp-fr{width:45.8%;position: relative;z-index: 1;}

/*栏目标题*/
.articleTitle01{height: 48px; line-height: 48px; margin-bottom: 30px; overflow: hidden;position: relative;border-bottom: #a7161d 1px solid;}
.articleTitle01 .title { padding-left: 20px; color: #a7161d; position: relative;}
.articleTitle01 .title:before{ content: ""; display: block; width: 6px; height: 31px; background: #a7161d; position: absolute;
left: 0; top: 0; }
.more{ color: #666; float: right;}


.list { margin: -15px -19px 0 -19px; }
.list li a{ display: block; margin:15px 19px; overflow: hidden; position: relative;}
.list li .gp-img-responsive{padding-bottom: 52.6%;}
.list li .artText{ display: block; padding: 15px; overflow: hidden;position: absolute; left: 0; bottom: 0;
background-color:rgba(0,0,0,0.6);
background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.6), rgba(0,0,0,0)); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(top, rgba(0,0,0,0.6), rgba(0,0,0,0)); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(top,rgba(0,0,0,0.6), rgba(0,0,0,0)); /* Firefox 3.6 - 15 */
  background: linear-gradient(to top, rgba(0,0,0,0.6) , rgba(0,0,0,0)); /* 标准的语法 */}
.list li .artText p{ display: block; color: #fff;height: 44px; line-height: 22px; overflow: hidden;}


.list1{ margin: 0 -19px; overflow: hidden;}
.list1 li{ padding: 10px 0;  overflow: hidden; }
.list1 li a{  display: block; margin: 0 19px; overflow: hidden; position: relative;transition: all 0.3s ease;}
.list1 .listTitle{ height: 48px; line-height: 24px; margin-bottom: 5px; }
.list1 .date{ color: #646464; }
.list1 li a:hover{ padding-left: 6px; }


.list3{ overflow: hidden; }
.list3 li { margin-bottom: 19px;overflow: hidden; } 
.list3 li a{ display: block; }
.list3 .date{ display: block; width: 54px; height: 45px; float: left; text-align: center; font-family: 'Arial';  border: #a7161d 1px solid;}
.list3 .month{ display: block; height: 17px; line-height: 17px; }
.list3 .day{ display: inline-block; height: 23px;line-height: 23px; border-bottom: #fbd99c 1px solid;width: 35px;}
.list3 .artText{ display: block; margin-left: 70px;line-height: 24px; height: 15px; overflow: hidden;transition: all 0.3s ease;padding: 11px 0;}


/*mode02*/
.wrapmode02{overflow: hidden; }
.mode02{  overflow: hidden;}
.mode02 .gp-fl{ width: 25%; }
.max-mode02{ margin: 0 -27px; overflow: hidden; }
.articleList03{ margin: 0 27px; overflow: hidden; }
.list2{overflow: hidden;margin: -10px 0;}
.list2 li{ padding: 10px 0; line-height: 24px;overflow: hidden; }
.list2 li a{  display: block; height: 48px; line-height: 24px; overflow: hidden; position: relative; transition: all 0.3s ease;}
.list2 .date{ color: #646464; float: right;}



/*mode03*/
.wrapmode03{ overflow: hidden; }
.mode03{ margin: 30px auto; overflow: hidden; }
.list4{ margin: 0 74px; overflow: hidden; }
.list4 li{ float: left; width: 33.3%; }
.list4 li a{ display: block; margin: 15px 74px; color: #fff; text-align: center; overflow: hidden; padding: 25px; overflow: hidden;}
.list4 li:nth-child(1) a{background: #b22d23;}
.list4 li:nth-child(2) a{background: #ffb603;}
.list4 li:nth-child(3) a{background: #0077bc;}





@media screen  and (min-width:1020px) {
   

  }

@media screen  and (max-width:1386px) {
 
 
}
@media screen  and (max-width:1300px) {
   .list4{ margin: 0; }
   .list4 li a{ margin: 15px; } 
}


@media screen  and (max-width:996px){
	.slick-arrow{ width: 50px; height: 50px; line-height: 50px; font-size: 28px; }
	.mode01,.mode02{ margin: 25px auto; }
  .mode03{ margin: 0 auto 25px auto; }
  .mode01 > .gp-fl{ width: 100%; float: none;}
  .mode01 > .gp-fr{ width: 100%; float: none;}
  .mode02 .gp-fl{ width: 50%; }
}



@media screen and (max-width: 766px) {
   .slick-arrow,.slick-dots{ display: none !important; }
   
   

}

@media screen and (max-width: 640px) {
    .mode02 .gp-fl{ width: 100%; float: none; margin-bottom: 10px;}
    .list2 li a{ height: auto; }
    .list2 li{ padding:7px 0; }
    .list4 li{ width: 100%; float: none; }
    .list4 li a{ margin: 15px 0; padding: 15px;}
}

@media screen and (max-width: 478px) {
    .list1 .listTitle{ height: auto; }
}