/* 测试是否一致 */
/* body{opacity: 0.8;}::-webkit-scrollbar{width: 0;}html{background: top left no-repeat url(../images2024/000.jpg) !important;} */

.banner{ position: relative;z-index: 5;overflow: hidden;}
.banner .slick-list {overflow: visible;} 
.banner .slick-slider{max-width: 73vw;margin: 0 auto;} 
.banner .slick-slider >a {display: block;background-color: #fff;position: relative;margin: 0 5px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);} 
.banner .slick-slider >a::before{content: "";display: block;width: 100%;height: 100%;background: rgba(0,0,0,0.5) ;position: absolute;left: 0;bottom: 0;} 
.banner .slick-slider >a::after{content: "";display: block;width: 100%;height: 30%;background-image: -moz-linear-gradient( 90deg, rgba(0,0,0,0.502) 0%, rgba(0,0,0,0) 100%);background-image: -webkit-linear-gradient( 90deg, rgba(0,0,0,0.502) 0%, rgba(0,0,0,0) 100%);background-image: -ms-linear-gradient( 90deg, rgba(0,0,0,0.502) 0%, rgba(0,0,0,0) 100%);position: absolute;left: 0;bottom: 0;}  
.banner .slick-slider >a .slick-txt{position: absolute;width: 100%;bottom: 45px;color: #fff;z-index: 1;font-weight: bold;line-height: 1.077;text-shadow: 0px 4px 28px rgba(0, 0, 0, 0.44),0px 4px 0px rgba(0, 0, 0, 0.44);box-sizing: border-box;padding: 0 200px 0 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} 
.banner .slick-slider >a img {opacity: 1;transition: opacity 0.1s ease-in-out;}
.banner .slick-slider .slick-img {display: block;height: 0;padding-bottom: 35.8%;overflow: hidden;}
.banner .slick-current >a img {opacity: 1;}
.banner .slick-current >a::before{display: none;} 
.banner .slick-arrow {width: 58px;height: 58px;line-height: 58px;border-radius: 50%; border: 1px solid rgba(255,255,255,0.2);position: absolute;top: 50%;transform: translateY(-50%);z-index: 1;cursor: pointer;}
.banner .slick-arrow::before {display: none;}
.banner .slick-arrow:after {display: none;}
.banner .slick-prev {left: -105px;background: url(../images2024/arrow_lf.png) no-repeat center rgba(0, 0, 0, 0.16); } 
.banner .slick-next {right: -105px;background: url(../images2024/arrow_rt.png) no-repeat center rgba(0, 0, 0, 0.16); } 
.banner .slick-dots {position: absolute;text-align: center;bottom: 40px;right: 25px;;font-size: 0;}
.banner .slick-dots li {border: 16px solid rgba(255,255,255,0.0);display: inline-block;width: 12px;height: 12px;border-radius: 50%;}
.banner .slick-dots li button {width: 12px;height: 12px;background: rgba(255,255,255,0.5);border-radius: 50%;border: none;color: transparent;cursor: pointer;}
.banner .slick-dots li.slick-active {border-color: #fff;}
.banner .slick-dots li.slick-active button {background: rgba(255,255,255,0);}




.articleTitle2 {margin-bottom: 20px;overflow: hidden;}

.articleTitle2 .more {color: #2c448c;opacity: 0.7;display: inline-block;margin-left: 40px;padding-left: 16px;position: relative;}

.articleTitle2 .more:before {content: "";display: block;width: 1px;height: 26px;background: #364c8f;transform: skewX(-30deg);position: absolute;left: 0;top: -8px;}
 
.wrapmode1{margin: 40px 0 0;}
.mode1{display: flex;justify-content: space-between;}
.mode1_1{width: 59.85%;}
.list1{overflow-y: auto;}
.list1::-webkit-scrollbar{
    /*滚动条整体样式*/
    width : 10px;  /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
.list1::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius   : 0px;
    background-color: #c0c0c0; 
}
.list1::-webkit-scrollbar-track {
    /*滚动条里面轨道*/ 
    background   : #f0f0f0;
    border-radius: 0px;
}
  

.list1 li{border-bottom: 1px dashed rgba(0,0,0,0.1);}
.list1 li:first-child{border-top: 1px solid rgba(0,0,0,0.1);}
.list1 li .con{display: flex;box-sizing: border-box;padding: 20px 30px 22px;}
.list1 li .date{text-align: center;width: 67px;}
.list1 li .date .day{line-height: 40px;background: #2c448c;color: #fff;border: 1px solid #2c448c;border-bottom: none;border-radius: 15px 15px 0 0;}
.list1 li .date .month{line-height: 29px;background: #fff;color: #2c448c;border: 1px solid #d6d6d6;border-top: none;border-radius:0 0 15px 15px ;}
.list1 li .rt{flex: 1;overflow: hidden;margin-left: 20px;}
.list1 li .rt .title{display: block;color: #222;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 1.5;margin: 6px 0 0px;transition: all 0.2s ease-in-out;}
.list1 li .rt .title:hover{color: #2c448c;padding-left: 5px;}
.list1 li .rt dl{display: flex;flex-wrap: wrap;margin: 16px 0 0;}
.list1 li .rt dd{width: 50%;line-height: 2.333;display: flex;align-items: start;align-items: flex-start;align-items: self-start;}
.list1 li .rt dd img{}
.list1 li .rt dd p{box-sizing: border-box;padding: 0 20px;color: #2c448c;} 
  

.mode1_2{width: 36%;}

.tab1{}
.tab1 .top{display: flex;align-items: center;margin-bottom: 20px;}
.tabMenu1{}
.tabMenu1 li{margin-left: 20px;}
.tabMenu1 li:first-child{margin-left: 0;}
.tabMenu1 li a{display: block;padding-right:18px;transition: color 0.4s ease-in-out;position: relative;color: #757575;}
.tabMenu1 li a::before{content: "";display: block;width: 1px;height: 1em;background: #e5e5e5;position: absolute;right: 0;top: 50%;margin-top: -0.5em;}
.tabMenu1 li:last-child a::before{display: none;}
.tabMenu1 li.on a{ color: #222;font-weight: bold;}
.tabMore1{margin-left: 30px;}
.tabMore1 a{display: none;color: #2c448c;opacity: 0.7;margin-left: 0px;padding-left: 16px;position: relative;}  
.tabMore1 a:before {content: "";display: block;width: 1px;height: 26px;background: #364c8f;transform: skewX(-30deg);position: absolute;left: 0;top: -8px;} 
.tabMore1 a:hover{opacity: 1;} 
.tabListBox{display: none;} 
.list2{}
.list2 li{margin-bottom: 16px;background: #f7f5f0;border-left:  4px solid #d6bc9a;box-sizing: border-box;padding: 22px 25px;border-radius: 0 10px 10px 0;}
.list2 li:last-child{margin-bottom: 0px; }
.list2 li a{display: block;}
.list2 li a .date{color: #2c448c;}
.list2 li a .date img{margin-right: 10px;}
.list2 li a .title{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #222;margin-top: 6px;transition: all .2s ease-in-out;}
.list2 li a .title:hover{color: #2c448c;padding-left: 5px;}


.wrapmode2 .articleTitle2{margin-bottom:16px;}
.wrapmode2{padding:44px 0 60px;}
.mode2{display: flex;justify-content: space-between;}
.mode2_1{width: 59.85%;}
.mode2_2{width: 36%;}

.list3{}
.list3 li{border-top: 1px dashed rgba(0,0,0,0.1);box-sizing: border-box;padding: 16px 30px;} 
.list3 a{display: flex;align-items: center;}
.list3 a .date{height: 34px;;line-height: 34px;background: rgba(44, 68, 140,0.102);padding-right: 20px;border-radius: 0 20px 20px 0;}
.list3 a .date .day{width: 40px;text-align: center;background: #2c448c;color: #fff;display: inline-block; }
.list3 a .date .month{display: inline-block; margin-left: 15px;color: rgb(117, 117, 117);}
.list3 a .title{flex: 1;overflow: hidden;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-left: 20px;transition: all .2s ease-in-out;}
.list3 a .title:hover{color: #2c448c;padding-left: 5px;}
 
.list4{display: flex;flex-wrap: wrap;background: #fffcf7;box-sizing: border-box; ;border-radius: 10px;margin: 0 -3px;}
.list4 li{width: 25%;margin-bottom: 35px;}
.list4 li:nth-child(n+5){margin-bottom: 7px;}
.list4 li a{display: flex;flex-direction: column;align-items: center;justify-content: center;margin: 0 3px;transition: all 0.2s ease-in-out;}
.list4 li a img{}
.list4 li a p{color: #222;margin: 6px 0 0;text-align: center;}
.list4 li a:hover p{color: #2c448c;}
.list4 li a:hover{transform: translateY(-5px);}
 
 

  

.content{background: url(../images2024/bg1.png) no-repeat center bottom;background-size: 100% auto;}

@media screen and (max-width:1440px) {
    .banner .slick-slider {max-width: 86vw;}
    .banner .slick-prev{left: -10px;transform: translateX(-100%) translateY(-50%);}
    .banner .slick-next{right: -10px;transform: translateX(100%) translateY(-50%);}
  
}

@media screen and (max-width:1300px) {
    .banner .slick-slider {max-width: calc(100vw - 70px); }
    .banner .slick-prev{left: 10px;transform: translateX(0%) translateY(-50%);}
    .banner .slick-next{right: 10px;transform: translateX(0%) translateY(-50%);}

    .banner .slick-slider >a .slick-txt{bottom: 30px;}
    .banner .slick-dots{bottom: 25px;}
}

@media screen and (max-width:1024px) {
    .banner .slick-slider {max-width: calc(100vw - 40px); }
    .mode1{flex-direction: column;} 
    .mode1_1{width: 100%;}
    .mode1_2{width: 100%;margin: 40px 0 0 ;}
    
    .wrapmode2{ padding: 0 0 50px;margin: 40px 0 0;} 
    .mode2{flex-direction: column; } 
    .mode2_1{width: 100%;}
    .mode2_2{width: 100%;margin: 30px 0 0 ;}
    .list3 li {padding: 12px 15px;}
    .list4 li {margin-bottom: 30px;}
}

@media screen and (max-width:768px) {
    .banner .slick-arrow {width: 40px;height: 40px;line-height: 40px;}
    .banner .slick-dots {bottom: 10px;text-align: center;width: 100%;right: 0;}
    .banner .slick-dots li{width: 10px;height: 10px;border: none;margin: 0 6px;} 
    .banner .slick-dots li.slick-active {border: none;}
    .banner .slick-dots li.slick-active button {background: rgba(255,255,255,1);}
    .banner .slick-slider >a .slick-txt{padding: 0 10px;display: none;}

    .articleTitle2{margin-bottom: 15px;}
    .tab1 .top{margin-bottom: 15px;}

    .wrapmode1{margin: 30px 0 0;}
    .list1 li .con{padding: 10px 10px 10px 0;}
    .list1 li .rt{margin-left: 15px;}
    .list1 li .rt .title{margin: 0;}
    .list1 li .rt dl{margin: 10px 0 0;}
    .list1 li .rt dd{width: 100%;margin-bottom: 5px;} 
    .list1 li .rt dd p{padding: 0;padding-left: 10px;}
    .mode1_2{ margin: 30px 0 0 ;}

    .list2 li{padding: 15px 16px;}

    
    .wrapmode2{  margin: 30px 0 0;} 
    .mode2_2{ margin: 20px 0 0 ;}
    .list3 li {padding: 10px 0px;}
    .list4 li {margin-bottom: 20px;}
    .list4 li a img {max-width: 70%;}
}
@media screen and (max-width:479px) {
    .list4 li {margin-bottom: 10px;}

}