.banner{
    height: 8rem;
    overflow: hidden;
}

.banner a{
    height: 8rem;
    display: block;
}

.year{
    width: 11.8rem;
    height: 1.62rem;
    margin: auto;
    display: flex;
    justify-content: space-between;
    padding: 0.4rem 0;
    box-sizing: content-box;
}

.year li{
    width: 2.2rem;
    height: 1.62rem;
    background-color: #FFFFFF;
    padding: 0.24rem;
}

.year li:hover{
    box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.1);
}

.year li .year_all{
    overflow: hidden;
}

.year li .year_all .year_num{
    font-size: 0.48rem;
    font-weight: bold;
    color: #E50012;
    float: left;
}
.year li .year_all .year_unit{
    font-size: 0.12rem;
    color: #E50012;
    float: left;
    margin-top: 0.35rem;
    margin-left: 0.02rem;
} 

.year li .word{
    line-height: 0.2rem;
    margin-top: 0.08rem;
    font-size: 0.14rem;
}

.serve{
    padding: 0.64rem 0;
}

.serve .serve_btn{
    width: 5.56rem;
    margin: auto;
    margin-top: 0.4rem;
    display: flex;
    justify-content: space-between;
}

.serve .serve_btn li{
    font-size: 0.16rem;
    font-weight: bold;
    text-align: center;
    color: #000000;
    cursor: pointer;
    transition: all 0.5s;
}

.serve .serve_btn li.hover{
    color: #E50012;
}

.serve .serve_btn li img{
    width: 0.64rem;
    height: 0.64rem;
    filter: grayscale(1) brightness(2);
    display: block;
    margin: auto;
    transition: all 0.5s;
}

.serve .serve_btn li.hover img{
    filter: grayscale(0) brightness(1);
}

.serve .serve_contert{
    width: 11.8rem;
    height: 5.82rem;
    margin: auto;
    margin-top: 0.4rem;
    background: #F4F4F4;
    overflow: hidden;
    position: relative;
}

.serve .serve_contert li{
    background: #F4F4F4;
}

.serve .serve_contert .serve_img{
    width: 5.9rem;
    height: 5.82rem;
    float: left;
}

.serve .serve_contert .serve_other{
    width: 5.88rem;
    height: 5.82rem;
    padding-left: 0.53rem;
    float: right;
    position: relative;
}

.serve .serve_contert .serve_other .serve_title{
    font-size: 0.24rem;
    margin-top: 0.48rem;
}

.serve .serve_contert .serve_other .serve_line{
    width: 0.29rem;
    height: 0.04rem;
    margin-top: 0.32rem;
    background: #E50012;
}

.serve .serve_contert .serve_other .serve_word{
    width: 4.57rem;
    font-size: 0.14rem;
    color: #6D6D6D;
    margin-top: 0.32rem;
}

.serve .serve_contert .serve_other .serve_img_list{
    width: 6rem;
    height: 1.4rem;
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 3.14rem;
    right: 0.8rem;
}

.serve .serve_contert .serve_other .serve_img_list li:nth-child(1) img{
    width: 2.8rem;
    height: 1.4rem;
}

.serve .serve_contert .serve_other .serve_img_list li:nth-child(2) img{
    width: 1.8rem;
    height: 1.4rem;
}

.serve .serve_contert .serve_other .serve_img_list li:nth-child(3) img{
    width: 1rem;
    height: 1.4rem;
}

.serve .serve_contert .serve_other .serve_detailed{
    width: 2.8rem;
    height: 0.41rem;
    background-color: #E50012;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.16rem;
    color: #FFFFFF;
    margin-top: 2.19rem;
}

.serve .serve_contert .serve_other .serve_detailed:hover{
    background-color: #CD0414;
}

.case{
    padding: 0.64rem 0;
}

.case .case_list{
    width: 11.8rem;
    height: 5rem;
    margin: auto;
    margin-top: 0.4rem;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
}

.case .case_list li{
    width: 3.8rem;
    height: 5rem;
    padding-top: 0.14rem;
}

.case .case_list li .case_other{
    width: 3.8rem;
    height: 4rem;
    background-color: #FFFFFF;
    position: relative;
    padding-top: 0.79rem;
}

.case .case_list li:hover .case_other{
    box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.1);
}

.case .case_list li .case_other .case_quotation{
    width: 0.24rem;
    height: 0.24rem;
    background-color: #E50012;
    position: absolute;
    top: 0.1rem;
    left: 0.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.case .case_list li .case_other .case_quotation img{
    width: 0.14rem;
    height: 0.12rem;
}

.case .case_list li .case_other .case_head_img{
    width: 0.48rem;
    height: 0.48rem;
    background-color: #E50012;
    position: absolute;
    top: -0.14rem;
    left: 0.44rem;
}

.case .case_list li .case_other .case_word{
    width: 2.86rem;
    height: 1.08rem;
    font-size: 0.14rem;
    margin: auto;
    color: #5A5A5A;
}

.case .case_list li .case_other .case_img{
    width: 3.4rem;
    height: 1.5rem;
    display: block;
    margin: auto;
    margin-top: 0.46rem;
}

.case .case_list li .date{
    width: 0.97rem;
    height: 0.33rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #E50012;
    font-size: 0.14rem;
    color: #FFFFFF;
    margin-top: 0.16rem;
    margin-left: 0.2rem;
}

.case .case_list li .case_title{
    font-size: 0.16rem;
    color: #000000;
    margin-left: 0.2rem;
    margin-top: 0.16rem;
}

.news{
    padding-top: 0.64rem;
    padding-bottom: 0.64rem;
}

.news .news_list{
    width: 11.8rem;
    height: 4.36rem;
    margin: auto;
    margin-top: 0.4rem;
}

.news .news_list li{
    width: 5.8rem;
    height: 2.08rem;
    background-color: #F0F0F0;
    float: left;
    margin-right: 0.2rem;
    margin-bottom: 0.2rem;
    padding: 0.2rem;
    position: relative;
}

.news .news_list li:hover{
    background-color: #FFFFFF;
    border: 0.01rem solid #E50012;
}

.news .news_list li:nth-child(2n){
    margin-right: 0;
}

.news .news_list li img{
    float: left;
    width: 2.8rem;
    height: 1.68rem;
}

.news .news_list li .news_date{
    width: 0.77rem;
    height: 0.63rem;
    position: absolute;
    left: 0.2rem;
    bottom: 0.2rem;
    background-color: #E50012;
    padding: 0.08rem;
}

.news .news_list li:hover .news_date{
    bottom: 0.18rem;
}

.news .news_list li .news_date span:nth-child(1){
    font-size: 0.24rem;
    line-height: 0.21rem;
    display: block;
    color: #FFFFFF;
}

.news .news_list li .news_date span:nth-child(2){
    font-size: 0.14rem;
    line-height: 0.16rem;
    display: block;
    color: #FFFFFF;
    margin-top: 0.08rem;
}

.news .news_list li .news_other{
    width: 2.4rem;
    height: 1.68rem;
    float: right;
}

.news .news_list li .news_other .news_title{
    font-size: 0.18rem;
    color: #000000;
    font-weight: 600;
}

.news .news_list li:hover .news_other .news_title{
    color: #E50012;
}

.news .news_list li .news_other .news_description{
    font-size: 0.14rem;
    color: #6D6D6D;
    margin-top: 0.16rem;
    word-break: break-all;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news .news_list li .news_other .news_detail{
    width: 1.4rem;
    height: 0.32rem;
    display: flex;
    margin-top: 0.3rem;
    float: right;
    background-color: #E50012;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    font-size: 0.12rem;
}

.news .news_list li .news_other .news_detail:hover{
    background-color: #CD0414;
}