.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(../images/arrow_lf.png) no-repeat center rgba(0, 0, 0, 0.16); } 
.banner .slick-next {right: -105px;background: url(../images/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(../images/bg1.png) no-repeat center bottom;background-size: 100% auto;}

.wrap_mode03{padding: 57px 0 107px;position: relative;overflow: hidden;background: url(../images/mode03_bg.png) no-repeat center/100% auto;z-index: 2;}
.wrap_mode03::before{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;background: #2c448c;height: 280px;z-index: -1;}
.index_03{display: flex;margin: 0 0 65px;}
.index_03a{width: 600px;flex-shrink: 0}
.index_03b{flex: 1;}
.index_03b ul{margin: 0 0;display: flex;flex-direction: column;height: 100%;justify-content: stretch;}
.index_03b li{border-bottom: 1px solid #e5e5e5;height: 100%;position: relative;align-items: center;display: flex;}
.index_03b li:first-child{border-top: 1px solid #e5e5e5;}
.index_03b li::before{content: '';display: block;position: absolute;left: 0;top: 0;bottom: 0;background: #2c448c;width: 0;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;z-index: -1;}
.index_03b .item{margin: 0 0;display: block;padding: 0 0 0 30px;}
.index_03b .time{padding: 0 0 0 24px;background: url(../images/mode03_time1.png) no-repeat left center/13px auto,url(../images/mode03_more.png) no-repeat right center;margin: 0 0 10px;}
.index_03b .title{margin: 0 0;line-height: 1.33em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.index_03b li.active::before{width: 100%;}
.index_03b li.active .item{color: #fff;font-weight: bold;padding-right: 40px;}
.index_03b li.active .time{background: url(../images/mode03_time2.png) no-repeat left center/13px auto,url(../images/mode03_more.png) no-repeat right center;}

.index_04{position: relative;}
.index_04 .slick-slider{padding: 0 55px 0 0;}
.index_04 .item{margin: 0 20px 0 0;display: block;}
.index_04 .bottom{padding: 0 0 0;position: relative;background: #fff;padding: 25px 30px 30px;}
.index_04 .bottom::before{content: '';display: block;position: absolute;left: 0;width: 7px;height: 20px;background: #d6bc9a;top: 28px;}
.index_04 .title{margin: 0 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 1.33em;}

.index_04 .slick-arrow{border: 0;width: 55px;height: 55px;font-size: 0;outline: none;background: center no-repeat;position: absolute;}
.index_04 .slick-arrow:after{display: none;}
.index_04 .slick-prev{background-image: url(../images/mode04_prev.png);background-size: cover;right: 0;bottom: -28px;}
.index_04 .slick-next{right: 0px;background-image: url(../images/mode04_next.png);background-size: cover;bottom: 38px;}

.gp-img-responsive{padding-bottom: 66.6%;}

.wrap_mode04{padding: 64px 0 76px;background: #f5f5f5;}
.mode04{}
.mode04 .lf{width: calc(50% - 40px);float: left;}
.mode04 .rt{width: calc(50% - 40px);float: right;}

.index_04a{}
.index_04a ul{margin: 0 0;border-top: 1px dashed #dcdcdc;display: flex;flex-direction: column;height: 542px;}
.index_04a li{height: 100%;display: flex;border-bottom: 1px dashed #dcdcdc;align-items: center;}
.index_04a .item{margin: 0 0;display: block;}
.index_04a .time{float: right;color: #757575;line-height: 28px;margin: 0 0 0 40px;}
.index_04a .title{margin: 0 0 15px;line-height: 24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.index_04a dl{display: flex;flex-wrap: wrap;margin: 16px 0 0;line-height: 20px;}
.index_04a dd{width: 50%;line-height: 2.333;display: flex;align-items: start;align-items: flex-start;align-items: self-start;padding: 0 0 8px;}
.index_04a dd img{}
.index_04a dd p{box-sizing: border-box;padding: 0 20px;color: #2c448c;line-height: 20px;}

.index_04b{}
.index_04b ul{margin: 0 0 -13px;border-top: 1px dashed #dcdcdc;padding: 20px 0 0;}
.index_04b .item{margin: 0 0 13px;background: #fff;height: 76px;display: flex;align-items: center;padding: 0 10px;}
.index_04b .time{padding: 0 20px;line-height: 14px;flex-shrink: 0;border-right: 1px solid #cacaca;margin: 0 20px 0 0;}




@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;}

    .wrap_mode03,.wrap_mode04{padding: 30px 0;}
    .index_03{flex-wrap: wrap;margin: 0 0 30px;}
    .index_03a{width: 100%;}
    .index_03b .item{padding-top: 20px;padding-bottom: 20px;}
    
    .index_04 .bottom{padding: 16px 24px;}
    .index_04 .bottom::before{top: 16px;}
    .index_04b .item{height: auto;padding: 20px 10px;}
    .mode04 .lf,.mode04 .rt{width: 100%;float: none;margin: 0 0 30px;}
    .index_04a ul{height: auto;}
    .index_04a .item{padding: 14px 0 6px;}
    .index_04a .title{margin: 0 0 6px;}
    .index_04a .time{line-height: 24px;}

}
@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%;}

    .index_04 .slick-slider{padding: 0 30px 0 0;}
    .index_04 .slick-arrow{width: 30px;height: 30px;}
    .index_04 .slick-prev{bottom: 0;}



}
@media screen and (max-width:479px) {
    .list4 li {margin-bottom: 10px;}

}