.top-banner{
    width: 100%;
    height: 100rem;
    display: flex;
    align-items: center;
    justify-content: space-around;
    position: relative;
    z-index: 3;
}

.top-banner .left{
}

.top-banner .left .show-image{
    margin-right: 260rem;
}

.top-banner .left .show-image .img{
    width: 160rem;
}


.top-banner .right{
    width: 1000rem;
}


.top-banner .right .list-box{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    list-style-type: none;
}

.top-banner .right .list-box a{
    font-size: 20rem;
    font-family: SourceHanSansSC;
    color: rgb(0 0 0 / 50%);
    position: relative;
    padding: 20rem 5rem;
    display: inline-block;
    cursor: pointer;
    font-weight: bold;
}
.top-banner .right .list-box a:after{
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 2rem;
    background: rgb(0 0 0 / 50%);
}

.top-banner .right .list-box a:hover{
    font-size: 20rem;
    font-family: SourceHanSansSC;
    font-weight: bold;
    color: rgb(0 0 0 / 50%);
}
.top-banner .right .list-box a:hover:after{
    left: 0;
    transition: all 1s;
    width: 100%;
}

.top-banner .right .list-box a .icon{
    height: 6rem;
    background: #214EAC;
    border-radius: 2rem;
}
.top-banner .right .list-box a li{

}
.body-banner{
    display: flex;
    justify-content: space-around;
}
.body-banner .left-banner{
    margin-top: 50rem;
    margin-left: 50rem;
    width: 300rem;
    height: 500rem;
}
.body-banner .left-banner .title-one{
    display: flex;
}
.body-banner .left-banner .title-one a{
    color: rgba(153, 153, 153, 1);
}
.body-banner .left-banner .title-one .icon{
    color: rgba(153, 153, 153, 1);
}
.body-banner .left-banner .line{
    width: 210rem;
    opacity: 1;
    border: 1rem solid rgba(204, 204, 204, 1);
    margin: 20rem 0;
}
.body-banner .left-banner .text{
    font-size: 24rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 34.75rem;
    color: rgba(51, 51, 51, 1);
    text-align: left;
    vertical-align: top;
    margin-top: 20rem;
}
.body-banner .left-banner .title-two{


}
.body-banner .left-banner .title-two ul{

}
.body-banner .left-banner .title-two ul a{
    font-size: 16rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 23.17rem;
    color: rgba(153, 153, 153, 1);
    text-align: left;
    vertical-align: top;
    padding-bottom: 20rem;
}
.body-banner .right-banner-case {
    margin-top: 100rem;
    width: 1100rem;
    font-family: Arial, sans-serif;
    line-height: 1.6;
    padding: 20rem;
    background-color: #f4f4f4;
}
.body-banner .right-banner-case .detail-top{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.body-banner .right-banner-case .detail-top .detail-title{
    font-size: 38rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 36rem;
    color: rgba(51, 51, 51, 1);
    text-align: left;
    vertical-align: top;
}
.body-banner .right-banner-case .detail-top .out-web{
    font-size: 22rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 30rem;
    color: rgba(130, 130, 130, 1);
    text-align: left;
    vertical-align: top;
margin-right: 50rem;

}
.body-banner .right-banner-case .detail-top .out-web .out-logo{
    width: 120rem;
    height: 120rem;
    margin-top: 20px;

}
.body-banner .right-banner-case .detail-top .out-web .out-logo img{
    width: 100%;
    height: 100%;

}
.body-banner .right-banner-case .detail-time{
    font-size: 18rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20rem;
    color: rgba(51, 51, 51, 1);
    text-align: left;
    vertical-align: top;
    margin: 20rem 0;
}


.body-banner .right-banner-case .log{
    width: 114rem;
    border: 1rem solid rgba(171, 137, 53, 1);
    margin-bottom: 20rem;

}
.body-banner .right-banner-case .log1{
    font-size: 14rem;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20rem;
    color: rgba(171, 137, 53, 1);
    text-align: left;
    vertical-align: top;

}
.body-banner .right-banner-case .log1 p{
    text-align: center;
    padding: 2rem;
}
.body-banner .right-banner-case .detail-content{
    background-color: #fff;
    padding: 20rem;
    border-radius: 5rem;
    box-shadow: 0 0 10rem rgba(0, 0, 0, 0.1);
    margin-bottom: 20rem;

}
.body-banner .right-banner-case .detail-content p{
    text-align: justify;
    font-size: 16rem;
    text-indent: 2em;
    letter-spacing: 2rem;
}
.body-banner .right-banner-case .detail-content img{
    max-width: 100%;
    height: auto;
    display: block;
    margin: 20rem auto;
}

.body-banner .right-banner-case .detail-line{
    width: 1100rem;
    height: 0;
    opacity: 1;
    border: 1rem solid rgba(204, 204, 204, 1);
}


.body-banner .right-banner-case .right-banner .box{
    height: 212rem;
    opacity: 1;
    border: 1rem solid rgba(204, 204, 204, 1);
    display: flex;
    float: left;
    margin: 0;

}
.body-banner .right-banner-case .banner{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30rem;
}
.body-banner .right-banner-case .banner .right-banner{
margin-top: 0;
    width: 510rem;
    height: 250rem;

}
.body-banner .right-banner-case .banner .right-banner .previous{
    width: 50rem;

}