.Banner{position: relative;z-index: 5;max-width: 1920px;margin:0 auto;}
.Banner .slick-img{display: block;height: 0;padding-bottom: 20.5%;overflow: hidden;}  
.content{position: relative;}
/*mode01*/
.wrapmode01{ background:url(../../images/shalong/modebg.jpg) no-repeat center top; overflow: hidden; background-size: cover;}
.mode01{ margin: 65px auto; overflow: hidden; }
.mode01 .gp-fl{ width: 52%; overflow: hidden; }
.mode01 .gp-fr{ width: 45%; }
/*栏目标题*/
.articleTitle01{  margin-bottom: 25px; overflow: hidden;}
.articleTitle01 .title{color: #444;}
.articleTitle01 .gp-white{ color: #fff; }
.articleTitle01.gp-fr{ width: 45%; }
.more{ color: #999; float: right;line-height: 30px;}


.articleList01 .gp-fr{ position: relative; }
.firstImg { overflow: hidden;height: 0;padding-bottom: 62.5%; position: relative;}
.articleListCon{overflow: hidden;}
.articleListCon p{line-height: 32px;} 

.list1{ margin: 16px -8px 0 -8px; overflow: hidden; width: 100%;}
.list1 li a{ display: block; border: #eeeeee 1px solid; margin: 8px; padding: 16px; position: relative; transition: all 0.3s ease;} 
.list1 .artText{ display: block; line-height: 27px; height: 81px; overflow:hidden; margin-right: 27px;}
.list1 .date{ display: block; float: right; color: #999; width: 70px; height:33px; border-bottom: #eee 1px solid; transform: rotate(90deg); text-align: center;position: absolute;right: -20px;top: 44px;line-height: 33px;}



/*往期回顾*/
.wrapmode02{ background: url(../../images/shalong/modebg2.jpg) no-repeat center top; background-size:cover;overflow: hidden; padding-bottom: 36px;}
.mode02{ margin: 60px auto; overflow: hidden; }
.articleList02{ overflow: hidden; }
.list2{ margin:-14px; /*! overflow: hidden; */ }
.list2 li{}
.list2 li a{ display: block; margin:14px; background: #fff;  overflow: hidden; transition: all 0.3s ease;}
.list2 .listText{ display: block; overflow: hidden;padding: 16px 20px 25px 20px;}
.list2 .listTitle{ height: 48px; line-height: 24px; }
.list2 .listCon{ color: #666; height: 48px;line-height: 24px;margin: 20px 0 40px 0;}
.date{ color: #666;  transition: all 0.3s ease;}
.list2 li a:hover{ box-shadow: 0px 5px 18.4px 1.6px rgba(14, 12, 91, 0.6); margin-top: -5px; }



/*沙龙预告*/
.mode03{ margin: 60px auto; overflow: hidden; } 
.mode03 .gp-fl{ width: 32.5%; overflow: hidden; }
.mode03 .gp-fr{ width: 65.5%; overflow: hidden;}
.list3 { margin: -15px; overflow: hidden; } 
.list3 li a{ display: block; margin: 15px; padding: 20px; background: #f1f1f1; overflow: hidden;transition: all 0.3s ease;}
.list3 .listTitle{ height: 48px; line-height: 24px; }
.list3 .listCon{ height:72px; line-height: 24px; color: #666; margin: 15px 0; }
.list3 li a:hover{ margin-top: 10px; }



/*主讲人风采*/
.wrapmode04{ background: #f5f5f5; padding: 60px 0; overflow: hidden; }


.slick-images3{ margin: 0 -15px;}
.slick-images3 .slick-slider > a{margin:0 15px;display: block;position: relative;overflow: hidden; height: 0;padding-bottom: 124%; transition: all 0.3s ease;}
.slick-images3 .slick-top{ position: relative; padding-bottom: 134%;}
.slick-images3 .slick-txt{color: #fff;padding:25px;font-weight: normal;position: absolute;
  bottom: 0;left: 0;width: 100%;box-sizing: border-box;
background-color:#666;
background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.8), rgba(0,0,0,0)); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(top, rgba(0,0,0,0.8), rgba(0,0,0,0)); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(top,rgba(0,0,0,0.8), rgba(0,0,0,0)); /* Firefox 3.6 - 15 */
  background: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0)); /* 标准的语法 */}

.slick-images3 .s-position{ display: block; margin-top: 5px; }
.slick-images3 .slick-Con{ display: block; height: 100%; padding: 50px 25px; overflow: hidden; position: absolute; left: 0; top: 0; opacity: 0;transition: all 0.3s ease;
  background-color: #024d97; 
  background: -moz-linear-gradient( 90deg, rgb(2,54,118) 0%, rgb(2,80,155) 99%);
  background: -webkit-linear-gradient( 90deg, rgb(2,54,118) 0%, rgb(2,80,155) 99%);
  background: -ms-linear-gradient( 90deg, rgb(2,54,118) 0%, rgb(2,80,155) 99%);}
.slick-Con .s-position{ margin: 40px 0 25px 0; } 
.slick-Con .s-con{ line-height:28px; display: block;height: 280px;overflow: hidden;}
.slick-images3 .slick-slider > a:hover{ margin-top: -15px; }
.slick-images3 .slick-slider > a:hover .slick-Con{ opacity: 1; }

.slick-images3 .slick-dots{display: none !important;}





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

@media screen  and (max-width:1700px) {
   .slick-Con .s-con{ height: 165px; }
}

@media screen  and (max-width:1400px) {
   .slick-Con .s-con{ height: 84px; }
}

@media screen  and (max-width:1020px) {
  .mode01,.mode02,.mode03{ margin: 25px auto; }
  .wrapmode04{ padding: 25px 0; }
  .slick-prev,.slick-next{ display: none !important; } 
}



@media screen  and (max-width:996px) {
   .slick-images3 .slick-Con{ display: none; }
}



@media screen and (max-width: 767px) {
   .mode01 .gp-fl,.articleTitle01.gp-fr,.articleList01 .gp-fr{ width: 100%; float: none; } 
   .articleListCon{ margin-top: 20px; }

}

@media screen  and (max-width:766px){
   .list2 .listTitle{ height: auto; }
   .list2 .listText{ padding: 10px; }
   .list2 .listCon{ height: auto; margin: 15px 0; }
}