/* 测试是否一致 */
/* body{opacity: 0.72;}::-webkit-scrollbar{width: 0;}html{background: top left no-repeat url(../images/000.png) !important;} */
.content{margin-bottom: 35px;}
/* .slick-slider.slick-slide.slick-current.slick-active{position: relative;z-index: 0!important;}
.slick-slider.slick-slide{position: relative;z-index: 0!important;}
.slick-images1 .slide-txt{position: absolute;bottom: 0px;left: 0;width: 100%;color: #fff;line-height: 34px;overflow: hidden;text-shadow: 0 0 10px rgba(0,0,0,0.5);font-weight: bold;box-sizing: border-box;z-index: 10;line-height: 26px;}
.slick-images1 .slide-txt div{padding-right: 200px;box-sizing: border-box;padding: 10px 300px 20px 20px;box-sizing: border-box;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-shadow: 0px 3px 3px rgba(0,0,0,0.5);}
.slick-images1 .slick-arrow{width: 46px;height:46px;color: #0080ff;line-height: 46px;text-align: center;position: absolute;border:none;cursor: pointer;transition: all 0.35s ease-in-out;background: none;overflow: hidden;font-size: 35px;border: 1px solid #0080ff;border-radius: 50%;box-sizing: border-box;} 
.slick-images1 .slick-arrow:hover {opacity: 1;background-image: -moz-linear-gradient( 38deg, rgb(17,128,231) 0%, rgb(43,201,145) 100%);
  background-image: -webkit-linear-gradient( 38deg, rgb(17,128,231) 0%, rgb(43,201,145) 100%);
  background-image: -ms-linear-gradient( 38deg, rgb(17,128,231) 0%, rgb(43,201,145) 100%);color: #fff;}
.slick-images1 .slick-arrow{opacity: 0.6;}
.slick-images1 .slick-prev{left: 50%;margin-left: -600px;}
.slick-images1 .slick-prev::before{left: -195px;}
.slick-images1 .slick-next{right: 50%;margin-right: -600px;}
.slick-images1 .slick-next::before{right: 195px;}
.slick-images1 .slick-img{display: block;height: 0;padding-bottom: 22.96%;position: relative;}
.slick-images1 .slick-slide::before{content: "";display: block;width: 100%;height: 70px;background-image: linear-gradient(to top, rgba(0,0,0,0.6), rgba(0,0,0,0));position: absolute;bottom: 0;z-index: 1;}
.slick-images1 .slick-img::before{content: '';width: 100%;height: 260px;position: absolute;left: 0;bottom: 0;display: none;} 

.slick-images1 .slick-dots{position: absolute;width: 200px;text-align: right;bottom: 20px;left:50%;margin-left: 400px;z-index: 2;}
.slick-images1 .slick-dots li{width: 9px;height: 9px;position: relative;display: inline-block;*display: inline;*zoom: 1;margin:0 9px;background-color: rgba(255,255,255,0.6);border-radius: 5px;vertical-align: middle;transition: all 0.35s ease-out;border: 1px solid #0080ff;cursor: pointer;}
.slick-images1 .slick-dots li button{display: none;}
.slick-images1 .slick-dots li.slick-active button,.slick-dots li:hover button{background-position: 0 -15px;}
.slick-images1 .slick-dots li.slick-active{width: 25px;background-color: #fff;vertical-align: middle;} */

/* 轮播 */
.banner{ width:100%; overflow: hidden; position: relative;z-index: 8} 
.rslides { position: relative; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.rslides li {  -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li a { display: block;position: relative;}
.rslides li .slick-txt{ position: absolute;bottom: 0px;left: 0;width: 100%;color: #fff;overflow: hidden; box-sizing: border-box;z-index: 10;line-height: 26px;padding: 10px 0 20px;}
.rslides li .slick-txt p{ color: #fff;overflow: hidden;font-weight: bold;line-height: 26px;max-height: 52px;padding-right: 170px;box-sizing: border-box;}
.rslides li:first-child { position: relative; display: block; float: left; }
.rslides .img { display: block; height: auto; float: left; width: 100%; border: 0; }
.slide_container { position: relative; float: left; width: 100%;overflow:hidden; }
.slide { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.slide li { position: absolute; width: 100%; left: 0; top: 0; }
.slide .img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0; }
.slide_nav { position: absolute; top: 45%; left: 10px; opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; height: 50px; width: 30px; background:url(../images/lf.png) no-repeat left top; margin-top: -22px; }
.slide_nav:active { opacity: 1.0; }
.slide_nav.next { left: auto;background:url(../images/rt.png) no-repeat left top; right: 10px; }
.slide_tabs{position:absolute;left:50%;bottom:10px;z-index:88;margin-left:-63px;width:150px;}
.slide_tabs li{width:12px;height:12px;border-radius:5px;margin-left:10px;background-color:#fff;float:left;color:#fff;}
.slide_tabs li a{color:#fff;display:block;text-indent:-999em;}
.slide_tabs li.slide_here{background:none;border:2px solid #fff;border-radius:15px;width:10px;height:10px;}
.til_slides{width:100%;overflow:hidden;position:absolute;left:0;bottom:1px;z-index:88;}
.slide li img{display:block;margin:0 auto;}
#vdo {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.slideDot{
  position: absolute;
  bottom: 20px; 
  margin: 0 auto;
  z-index: 1;
  left: 0;
  right: 0; 
  z-index: 10;
}
.slideDot ul{
  text-align: right;
}
.item li{
  display: inline-block;
  width: 9px;
  height: 9px;
  background: rgba(255,255,255,0.6);
  margin: 0 9px;
/* opacity: 0.25; */
  filter: alpha(opacity=25);
  border-radius: 5px;
  cursor: pointer;
  border: 1px solid #0080ff;cursor: pointer;
}
 

.item .activeDot{
  background: #fff;
  width: 25px;
}


.columnTitle{border-bottom: 1px solid #cccccc;box-sizing: border-box;padding: 18px 0;margin-bottom: 20px;}
.columnTitle .more{background: url(../images/more.png) no-repeat;width: 30px;height: 16px;background-size: cover;float: right;margin-top: 6px;cursor: pointer;display: block;}
.columnTitle h2{font-weight: bold;line-height: 1;position: relative;padding-left: 16px;margin-right: 35px;color: #333;}
.columnTitle h2::before{content: "";display: block;width: 5px;height: 100%;background: #f8ae31;position: absolute;left: 0;top: 1px;}

.mode1{margin-top: 25px;}
.mode1_lt{width: 615px;float: left;border-radius: 7px;}
.mode1_lt .slick-slider{}
.mode1_lt .slick-slider a{width: 100%;display: block;position: relative;}
.mode1_lt .slick-slider a span{padding-bottom: 61.68%;background: none;}
.mode1_lt .slick-slider a h3 {width: 100%;box-sizing: border-box;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 150px 0 28px;font-weight: normal;background: -webkit-linear-gradient(top, rgba(0, 0, 0, .1), rgba(0, 0, 0, .6));/* Safari 5.1 - 6.0 */background: -o-linear-gradient(top, rgba(0, 0, 0, .1), rgba(0, 0, 0, .6));/* Opera 11.1 -7.0 */background: -moz-linear-gradient(top, rgba(0, 0, 0, .1), rgba(0, 0, 0, .6));/* Firefox 3.6 - 15 */background: linear-gradient(top, rgba(0, 0, 0, .1), rgba(0, 0, 0, .6));/* æ ‡å‡†çš„è¯­æ³• */ color: #fff;position: absolute;left: 0;bottom: 0px;line-height: 54px;height: auto;} 
.mode1_lt .slick-slider .slick-dots{bottom: 17px;right: 30px;position: absolute;width: auto;} 
.mode1_lt .slick-slider .slick-dots li{width: 8px;height: 8px;border-radius: 0;margin: 0 5px;border-radius: 4px;cursor: pointer;background: #fff;} 
.mode1_lt .slick-slider .slick-dots li button{display: none;} 
.mode1_lt .slick-slider .slick-dots li.slick-active {width: 25px;}
.mode1_rt{margin-left: 640px;}
.mode1_rt ul{padding-top: 5px;}
.mode1_rt ul li{overflow: hidden;margin-bottom: 25px;}
.mode1_rt ul li .date{width: 65px;text-align: center;line-height: 1;border-right: 1px solid #cccccc;;float: left;}
.mode1_rt ul li .date span{color: #999;display: block;margin: 5px 0 8px;}
.mode1_rt ul li .date b{font-weight: normal;color: #0080ff;display: block;}
.mode1_rt ul li .info{margin-left: 80px;box-sizing: border-box;display: block;border-bottom: 1px dashed #e5e5e5 ;min-height: 55px;}
.mode1_rt ul li .info h3{color: #333; margin: 2px 0;font-weight: normal;line-height: 1.5;margin-bottom: 5px;}
/* .mode1_rt ul li .info p{color: #999;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin: 12px 0;}  */
.mode1_rt ul li:hover .info h3{color: #0080ff;}

.mode2{margin-top: 30px;}
.mode2 ul{margin: 0 -6px;overflow: hidden;padding-top: 5px;} 
.mode2 ul li{width: 25%;float: left;} 
.mode2 ul li>div{overflow: hidden;margin: 0 6px;background: #f7f7f7;border-radius: 5px;box-sizing: border-box;padding: 25px  25px 25px 0;}
.mode2 ul li>div .date{background-image: -moz-linear-gradient( 38deg, rgb(17,128,231) 0%, rgb(43,201,145) 100%);background-image: -webkit-linear-gradient( 38deg, rgb(17,128,231) 0%, rgb(43,201,145) 100%);background-image: -ms-linear-gradient( 38deg, rgb(17,128,231) 0%, rgb(43,201,145) 100%);width: 64px;height: 64px;float: left;text-align: center;color: #fff;line-height: 1;box-sizing: border-box; }
.mode2 ul li>div .date span{display: block;margin: 9px 0;}
.mode2 ul li>div .date b{display: block;font-weight: normal;}
.mode2 ul li>div .info{display: block;margin-left: 80px;}
.mode2 ul li>div .info h3{color: #333;font-weight: normal;line-height: 1.5; }
.mode2 ul li>div .info p{color: rgba(3,3,3,0.7);line-height: 19px;height: 57px;overflow: hidden;margin-top: 6px;}
.mode2 ul li>div:hover .info h3{color: #0080ff;}

.mode3{margin-top: 22px;}
.mode3_lt{width: 23.5%;float: left;}
.mode3_lt a{display: block;position: relative;padding-bottom: 85.56%;} 
.mode3_lt a p{position: absolute;top: 50%;left: 50%;;transform: translate(-50%,-50%);text-align: center;color: transparent;-webkit-text-fill-color: #fff;font-weight: 600;-webkit-text-stroke: 1px #f8ae31;width: 100%;}
.mode3_rt{margin-left: 27%;}
.mode3_rt ul{margin: 0 -12px;overflow: hidden;}
.mode3_rt ul li{width: 33.3%;float: left;margin-bottom: 18px;}
.mode3_rt ul li>div{margin: 0 12px;}
.mode3_rt ul li>div a{display: block;position: relative;}
.mode3_rt ul li>div a{padding-bottom: 40.57%;}
.mode3_rt ul li>div a p{position: absolute;top: 50%;left: 50%;;transform: translate(-50%,-50%);text-align: center;color: transparent;-webkit-text-fill-color: #fff;font-weight: 600;-webkit-text-stroke: 1px #f8ae31;width: 100%;}

.slick-images2{position: relative;}
.slick-images2 .slick-arrow{width: 46px;height:46px;color: #0080ff;line-height: 46px;text-align: center;position: absolute;border:none;cursor: pointer;transition: all 0.35s ease-in-out;background: none;overflow: hidden;font-size: 35px;border: 1px solid #0080ff;border-radius: 50%;box-sizing: border-box;background: rgba(255,255,255,0.6);} 
.slick-images1 .slick-arrow:hover {opacity: 1;background-image: -moz-linear-gradient( 38deg, rgb(17,128,231) 0%, rgb(43,201,145) 100%);
  background-image: -webkit-linear-gradient( 38deg, rgb(17,128,231) 0%, rgb(43,201,145) 100%);
  background-image: -ms-linear-gradient( 38deg, rgb(17,128,231) 0%, rgb(43,201,145) 100%);color: #fff;}
.slick-images2 .slick-arrow{opacity: 0.6;}
.slick-images2 .slick-prev{left:5px; }
.slick-images2 .slick-prev::before{left: -195px;}
.slick-images2 .slick-next{right: 5px;}
.slick-images2 .slick-next::before{right: 195px;}

@media screen and (max-width:1240px) {
  .slick-images1 .slick-prev{left:50px;margin-left: 0px;}
  /* .slick-images1 .slick-prev::before{left: -195px;} */
  .slick-images1 .slick-next{right: 50px;margin-right: 0px;}
  /* .slick-images1 .slick-next::before{right: 195px;} */
  .slick-images1 .slick-dots{left: initial;right: 30px;}

  
} 
@media screen and (max-width:996px) {  
  .mode1_lt{width: 100%;float: none;}
  .mode1_rt{margin-left: 0;margin-top: 20px;}
  .mode2 ul li{width: 50%;margin-bottom: 20px;}
  .mode2 ul li>div .info p{height: 38px;}
}
@media screen and (max-width:768px) {
  .mode3_lt{width: 32%;}
  .mode3_rt{margin-left: 34%;}
  .mode3_rt ul li{width: 50%;}
  .content{margin-bottom: 20px;}
  .slick-images1 .slide-txt{display: none;}
  .slick-images1 .slick-dots{right: 50%;transform: translateX(50%);margin-left: 0;width: auto;}
  .mode1{margin-top: 5px;}
  .mode2{margin-top: 0px;}
  .mode3{margin-top: 0px;}
  .rslides li .slick-txt{display: none;}
  .slideDot ul{text-align: center;}
  .slideDot{bottom: 15px;}
}
@media screen and (max-width:540px) { 
  .mode2 ul li{width: 100%;}
  .mode3_lt{width: 100%;float: none;margin-bottom: 10px;}
  .mode3_rt{margin-left: 0%;}
  .slick-images1 .slick-arrow{display: none!important;}
  .slick-images1 .slick-dots{bottom: 8px;}
  .slideDot{bottom: 10px;}
}
@media screen and (max-width:479px) {
  .mode3_rt ul li{width: 100%;}
   
}









