/* body{opacity: 0.8;}::-webkit-scrollbar{width: 0;}html{background: top left no-repeat url(../images/1首页.jpg) !important;} */
 
/*矩形 13*/

 

.wrap_banner{position: relative;}    
.banner{position: relative;}
.banner .slick-slider a{display: block;}
.banner .slick-slider a .slick-img{padding-bottom: 48.95%;}
.banner .slick-slider a .slick-text{position: absolute;left: 0;bottom: 0px;width: 100%; padding: 33px 0;;background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 99.31%);}
.banner .slick-slider a .slick-text p{color: #fff;padding-right: 250px;box-sizing: border-box;}
.banner .slick-slider a .slick-text p:hover{color: #B51F21;}
.slick_menu >div{text-align: right;}
.slick_menu >div >div{display: inline-block;vertical-align: middle; }
.slick_menu >div::after{display: none;}
.slick_menu .slick-dots{text-align: right;position: relative;left: initial;right: initial;bottom: initial;width: auto;display: none;}
.slick_menu .slick-dots li{width: 15px;height: 15px;margin: 0 15px;} 
.slick_menu .slick-dots li:last-of-type{margin-right: 0;} 
.slick_menu .slick-dots li.slick-active button{background: #94070a;}
.slick_menu .slick-dots li button{width: 100%;height: 100%;background: #f5f5f5;cursor: pointer;transition: all 0.3s ease-in-out ;} 
.slick_menu .slick-arrow{width: 40px;height: 40px;line-height: normal;position: relative;display: inline-block;transform: initial;left: initial;z-index: 0;}
.slick_menu .slick-arrow::after{display: none;} 
.slick_menu .slick-arrow.slick-prev{background: url(../images/icon_left.png);margin-right: 30px;background-size: cover;}
.slick_menu .slick-arrow.slick-prev:hover{background: url(../images/icon_left2.png); background-size: cover;}
.slick_menu .slick-arrow.slick-next{background: url(../images/icon_right.png);background-size: cover;}
.slick_menu .slick-arrow.slick-next:hover{background: url(../images/icon_right2.png);background-size: cover;}
.slick_menu .currentSlide{color: rgba(255, 255, 255, 0.8);font-weight: 400;letter-spacing: 0px;margin-right: 40px;}
.slick_menu .currentSlide span{color: rgba(255, 255, 255, 1);}
/* .slick_menu{position: absolute;left: 0;width: 100%;bottom: 20px;}  */
.slick_menu{position: absolute;right: 50%;margin-right: -700px; bottom: 20px;} 
.slick-arrows .slick-arrow{transition: all 0.2s ease-in-out;} 


.content{position: relative;} 

/* 栏目标题 */
.columnTitle{display: flex;align-items: center;margin-bottom: 30px;}
.columnTitle .title{flex: 1;color: #333;}
.columnTitle .more{padding: 10px 30px;background: #B51F21;color: #fff;}
.columnTitle .more span{display: inline-block;vertical-align: middle;}
.columnTitle .more i{font-style: normal;margin-left: 30px;display: inline-block;vertical-align: middle;}
 
/*  */
.mode1{margin-top: 60px;}
.news1{display: flex;margin-bottom: 50px;}
.news1 .lt{width: 57%;margin-right: 2%;display: block;position: relative;}
.news1 .lt span{padding-bottom: 56.25%;}
.news1 .lt p{position: absolute;left: 0;bottom: 0;width: 100%;color: #fff;line-height: 1.5;font-weight: 700;letter-spacing: 0px;padding: 35px 30px;box-sizing: border-box;background: linear-gradient(0deg, rgba(51, 51, 51, 1) 0%, rgba(0, 0, 0, 0) 100%);}
.news1 .lt p:hover{color: #B51F21;}
.news1 .rt{flex: 1;position: relative;}
.news1 .rt .date{color: #999;font-weight: 400;letter-spacing: 0px;margin-bottom: 20px; }
.news1 .rt .title{color: #333;font-weight: 700;letter-spacing: 0px;line-height: 1.5;height: 3em;overflow: hidden;margin-bottom: 40px;display: block;}
.news1 .rt .title:hover{color: #B51F21;}
.news1 .rt .summary{color: #000;font-weight: 400;letter-spacing: 0px;line-height: 1.5;height: 6em;overflow: hidden;}
.news1 .rt .more{position: absolute;left: 0;bottom: 0;padding: 10px 30px;background: #B51F21;color: #fff;} 
.news1 .rt .more span{display: inline-block;vertical-align: middle;}
.news1 .rt .more i{font-style: normal;margin-left: 30px;display: inline-block;vertical-align: middle;}
.news2{margin: 0 -20px;}
.news2 li{width: 33.3%;float: left;}
.news2 li a{display: block;margin: 0 20px;}
.news2 li a span{padding-bottom: 56.36%;position: relative;}
.news2 li a span .info{position: absolute;left: 0;bottom: 0;width: 100%;padding: 20px;box-sizing: border-box;background: linear-gradient(0deg, rgba(51, 51, 51, 1) 0%, rgba(0, 0, 0, 0) 100%);}
.news2 li a span .info .date{color: #fff;font-weight: 400;letter-spacing: 0px;margin-bottom: 6px;}
.news2 li a span .info .title{color: #fff;font-weight: 700;letter-spacing: 0px;}
.news2 li a span .info .title:hover{color: #B51F21;}
 
.mode2{margin-top: 60px;position: relative;}
.mode2::before{content: "";display: block;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4);position: absolute;left: 0;top: 0;}
.mode2 span{padding-bottom: 20.83%;}
.mode2 span img{display: block;}
.mode2 p{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #fff;font-weight: 700;letter-spacing: 0px;text-align: center; margin: 0; }
 
 
.mode3{position: relative;overflow: hidden;} 
.mode3::before{content: "";display: block;width: 41.66%;height: 100%;background: url(../images/mode3_lt_bg.png) no-repeat center;background-size: cover;position: absolute;left: 0;top: 0;z-index: -1;}
.mode3::after{content: "";display: block;width: 58.34%;height: 100%;background: url(../images/mode3_rt_bg.png) no-repeat center right;background-size: cover;position: absolute;right: 0;top: 0;z-index: -1;}
.mode3 .left {border-left: 4px solid #B51F21;overflow: hidden;width: 38.28%;float: left;}
.mode3 .left .columnTitle{margin: 50px 0 42px 50px;}
.mode3 .left .columnTitle .more{display: none;}
.mode3 .left .more{padding: 10px 30px;background: #B51F21;color: #fff;display: inline-block;margin-top: 34px;}
.mode3 .left .more span{display: inline-block;vertical-align: middle;}
.mode3 .left .more i{font-style: normal;margin-left: 30px;display: inline-block;vertical-align: middle;}
.mode3 .left .slider-for{}
.mode3 .left .slider-for li{width: 100% !important;padding-left: 46px;padding-bottom: 11px;padding-right: 50px;border-bottom: 1px solid rgba(51, 51, 51, 1);margin-bottom: 41px;outline: none;}
.mode3 .left .slider-for li.slick-current{border-bottom-color: #b51f21;/* border: none; */outline: none;}
.mode3 .left .slider-for li.slick-current div{color: #b51f21;}
.mode3 .left .slider-for li.slick-current div a{display: block;color: #b51f21;}
.mode3 .left .slider-for li div{color: #333;font-weight: 400;letter-spacing: 0px;display: flex;cursor: pointer;align-items: center;}
.mode3 .left .slider-for li div:hover p,.mode3 .left .slider-for li div:hover a{color: #B51F21;}
.mode3 .left .slider-for li div p{flex: 1;}
.mode3 .left .slider-for li div a{color: rgba(0, 0, 0, 0);}
.mode3 .slider-nav{margin-left: 39%;padding:93px 0 0 50px ;box-sizing: border-box;overflow: hidden;}
.mode3 .slider-nav .slick-slide{}
.mode3 .slider-nav .slick-slide .title{color: #333;font-weight: 700;letter-spacing: 0px;line-height: 1.5;height: 3em;overflow: hidden;margin-bottom: 50px;}
.mode3 .slider-nav .slick-slide .title a:hover{color: #B51F21;}
.mode3 .slider-nav .slick-slide .con{}
.mode3 .slider-nav .slick-slide .con .img{width: 313px;float: left;}
.mode3 .slider-nav .slick-slide .con .img span{padding-bottom: 149.84%;}
.mode3 .slider-nav .slick-slide .con .img span img{display: block;}
.mode3 .slider-nav .slick-slide .con .info{margin-left: 343px;}
.mode3 .slider-nav .slick-slide .con .info .summary{color: #000;font-weight: 400;letter-spacing: 0px;line-height: 1.5;height: 6em;overflow: hidden;margin-bottom: 30px;}
.mode3 .slider-nav .slick-slide .con .info .brief{border-top: 1px solid rgba(0, 0, 0, 0.1);padding-top: 10px;}
.mode3 .slider-nav .slick-slide .con .info .brief p{color: #000;font-weight: 400;letter-spacing: 0px;margin-top: 20px; }

 
.mode3 .slick-arrow{width: 40px;height: 40px;line-height: normal;display: inline-block;transform: initial;left: initial;z-index: 2;position: absolute;top: 50%;right: 0;transform: translateY(-50%);}
.mode3 .slick-arrow::after{display: none;} 
.mode3 .slick-arrow.slick-prev{background: url(../images/icon_left2.png);margin-right: 50px;background-size: cover; } 
.mode3 .slick-arrow.slick-next{background: url(../images/icon_right2.png);background-size: cover;} 
.mode3 .currentSlide{color: rgba(255, 255, 255, 0.8);font-weight: 400;letter-spacing: 0px;margin-right: 40px;}
 



.mode4{background: url(../images/mode4_bg.png) no-repeat center;background-size: cover;padding: 160px 0;position: relative;}
.mode4::before{content: "";display: block;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8);position: absolute;left: 0;top: 0;}
.mode4 .columnTitle{margin-bottom: 70px;}
.mode4 .columnTitle .title{color: #fff;}
.mode4 ul{margin: 0 -20px;}
.mode4 ul li{width: 25%;float: left;margin-bottom: 30px;}
.mode4 ul li >div{margin: 0 20px; }
.mode4 ul li >div .date{color: #fff;font-weight: 400;letter-spacing: 0px;margin-bottom: 10px;}
.mode4 ul li >div .title{color: #fff;font-weight: 700;letter-spacing: 0px;line-height: 1.5;display: block;margin-bottom: 30px;height: 4.5em;overflow: hidden;}
.mode4 ul li >div .title:hover{color: #B51F21;}
.mode4 ul li >div .more{display: flex;align-items: center;border-top: 1px solid rgba(255, 255, 255, 0.8); padding-top: 20px;}
.mode4 ul li >div .more span{display: inline-block;vertical-align: middle;color: #fff;flex: 1;}
.mode4 ul li >div .more i{font-style: normal;margin-left: 30px;display: inline-block;vertical-align: middle;color: rgba(255,255,255,0.5);}
.mode4 ul li >div .more i:hover{color: #B51F21;}

.mode5{padding: 60px 0;background: url(../images/mode5_bg.png) no-repeat center;background-size: cover;}    
.mode5 .columnTitle{margin-bottom: 38px;}   
.mode5 ul{margin: 0 -20px;}    
.mode5 ul li{margin-bottom: 85px;}    
.mode5 ul li a{display: block;margin: 0 20px;}    
.mode5 ul li a span{padding-bottom: 56.36%;}    
.mode5 ul li a .info{width: 86%;margin: -30px auto 0;background: #fff;position: relative;z-index: 1;padding: 20px;box-sizing: border-box;}    
.mode5 ul li a .info .title{color: #333;line-height: 1.5;font-weight: 700;letter-spacing: 0px;height: 1.5em;overflow: hidden;margin-bottom: 20px;display: block;text-overflow: ellipsis;display: -webkit-box;display: -moz-box;display: -ms-flexbox;-webkit-line-clamp: 1;-webkit-box-orient: vertical;-moz-box-orient: vertical;}    
.mode5 ul li a .info .date{border-top: 1px solid rgba(0, 0, 0, 0.1);color: #999;padding-top: 20px;font-weight: 400;letter-spacing: 0px; }     
.mode5 ul li a:hover .info{background: #B51F21;}    
.mode5 ul li a:hover .info .title,.mode5 ul li a:hover .info .date{color: #fff;}
.mode5 .slick-dots{bottom: 0;margin: 0 -15px;}
.mode5 .slick-dots li{width: 100px;height: 4px;margin: 0 15px;}
.mode5 .slick-dots li button{width: 100%;height: 100%;background: #ddd;border-radius: 0;}
.mode5 .slick-dots li.slick-active button{background: #B51F21;}
 


     






@media screen and (max-width:1400px) { 
    .slick_menu{margin-right: -600px;}
    .news1 .rt .title{margin-bottom: 20px;}
    .news1 .lt p{padding: 30px ;}
}
@media screen and (max-width:1240px) { 
    .slick_menu{right: 40px;margin-right: 0;}
    .mode2 p{width: calc(100% - 80px);}
    .news1 .rt .date{margin-bottom: 10px;}
    .news1 .rt .title{line-height: 1.3;height: 2.6em;}
    .news1 .rt .summary{height: 4.5em;}
    .news1 .lt p{padding: 20px;}
} 
@media screen and (max-width:1200px){
    .mode3 .left .columnTitle{margin-left: 30px;}
    .mode3 .left .slider-for li{padding-left: 30px;padding-right: 20px;}
    .mode5 .slick-dots li{width: 50px;}
    .mode4{padding: 100px 0;}
}
@media screen and (max-width:1180px){
  
}
@media screen and (max-width:1140px){ 
  
}
@media screen and (max-width:1060px) {
  
}
@media screen and (max-width:996px) {  
    .slick_menu{right: 30px;}
    .slick_menu .currentSlide{display: none;}
    .banner .slick-slider a .slick-text p{padding-right: 120px;}
    .slick_menu .slick-arrow.slick-prev{margin-right: 20px;}
    .mode2 p{width: calc(100% - 60px);}
    .banner .slick-slider a .slick-text{padding: 20px 0;}
    .slick_menu{bottom: 10px;}
    
    /* mode1 */
    .news1{margin-bottom: 30px;}
    .news1 .lt{width: 55%;} 
    .news1 .rt .title{margin-bottom: 10px;height: auto;max-height: 3.9em;}
    .news1 .rt .summary{display: none;}
    .news2{margin: 0 -10px;}
    .news2 li a{margin: 0 10px;}
    .news2 li a span .info .date{display: none;}
    .news2 li a span .info{padding: 10px;}

    .mode3 .left .columnTitle{margin: 0;margin-bottom: 30px;}
    .mode3 .left{width: 100%;float: none;border-left: none;}
    .mode3 .slider-nav{margin-left: 0;padding: 0;}
    .mode3 .left .slider-for li.slick-current{position: absolute !important;left: 0 !important;top: 50% !important; height: auto !important;margin-bottom: 0;transform: translateY(-50%);}
    .mode3 .left .slider-for li{width: auto !important;max-width: 100%;margin-bottom: 20px;padding: 0px 0 10px 0px;}
    .mode3 .left .slider-for li div p{margin-right: 20px;}
    .mode3 .slider-nav .slick-slide .title{height: auto;max-height: 3em;}
    .mode3 .left .slider-for li{border-bottom: none;}
    .mode3 .left .columnTitle .more{display: block;margin: 0;} 
    .mode3 .left .more{display: none;} 
    .mode3 .slider-nav .slick-slide .title{margin-bottom: 20px;}
    .mode3 .left .slider-for li.slick-current div a{display: none;}

    .mode4{padding: 50px 0;}
    .mode4 .columnTitle{margin-bottom: 30px;}
    .mode4 ul{margin: 0 -10px;}
    .mode4 ul li{width: 50%;}
    .mode4 ul li >div{margin: 0 10px;}
    .mode4 ul li >div .title{margin-bottom: 20px;}
    .mode4 ul li >div .more{padding-top: 10px;}

    .mode5 ul li{margin-bottom: 50px;}

    .mode1,.mode2{margin-top: 40px;}
    .mode3{padding-top: 40px;}
    .mode5{padding: 40px 0;}
    .columnTitle{margin-bottom: 30px;}
    
}
@media screen and (max-width:768px) { 
    .news1{margin-bottom: 20px;}
    .mode2 p{width: calc(100% - 40px);} 
    .slick_menu{right: 15px;}
    .slick_menu .slick-arrow{width: 30px;height: 30px;}
    .banner .slick-slider a .slick-text p{padding-right: 100px;} 
    .news1 .lt p{padding: 10px 15px;}

    .mode4{padding: 30px 0;}
    .mode4 .columnTitle{margin-bottom: 20px;}
    .mode4 ul li{width: 100%;}
    .mode4 ul li >div .title{height: auto;max-height: 3em;margin-bottom: 10px;}

    .mode5 ul{margin: 0 -10px;}
    .mode5 ul li a{margin: 0 10px;}
    .mode5 ul li{margin-bottom: 40px;}

    .mode1,.mode2{margin-top: 30px;}
    .mode3{padding-top: 30px;}
    .mode5{padding: 30px 0;}
    .columnTitle,.mode3 .left .columnTitle{margin-bottom: 20px;}
}
@media screen and (max-width:540px) { 
    .news1{display: block;}
    .news1 .lt{width: 100%;margin-bottom: 10px;}
    .news1 .rt{display: none;}
    .news1 .rt .more{position: relative;bottom: initial;display: inline-block;}
    .news2 li{width: 100%;margin-bottom: 20px;}

    .mode3 .slider-nav .slick-slide .con .img{width: 100%;float: none;}
    .mode3 .slider-nav .slick-slide .con .info{margin-left: 0;margin-top: 10px;display: none;}

    .mode5 .slick-dots li{width: 30px;}
}
@media screen and (max-width:479px) {
  
}