.ban_box {
    width: 100%;
    height: calc(150px + 20rem);
    position: relative;
}

.ban_box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ban_text {
    width: max-content;
    height: max-content;
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(66px + 15rem);
    margin: auto;
}

.ban_text p:nth-of-type(1) {
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: calc(2px + 2rem);
    color: #FFFFFF;
    line-height: 1;
}

.ban_text p:nth-of-type(2) {
    width: 264px;
    height: 29px;
    font-family: Arial;
    font-weight: 400;
    font-size: calc(10px + 1.5rem);
    color: #FFFFFF;
    line-height: 1;
    opacity: 0.4;
    margin-top: calc(5px + 0.5rem);
}

.scene_box {
    width: 100%;
}

.scene {
    max-width: 1400px;
    width: 85%;

    height: calc(60px + 20rem);
    background: #F6F6F6;
    margin: calc(30px + 5rem) auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: calc(12px + 2rem);
}

.scene_pic {
    width: 30%;
    height: 100%;
}

.scene_pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.scene_intro{
    width: 61%;
}
.scene_title {
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: calc(10px + 1rem);
    color: #343434;
    line-height: 1;
    margin-bottom: calc(8px + 1.5rem);
}


.scene_text p {
    font-family: Microsoft YaHei;
    font-size: calc(6px + 0.5rem);
    color: #666666;
    line-height: calc(2px + 1.5rem);

}

.scene_text strong {
    font-weight: bold;
}

.scene_more {
    width: calc(50px + 5rem);
    line-height: calc(10px + 2rem);
    background: linear-gradient(-30deg, #019BAD, #0181CA);
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: calc(6px + 0.5rem);
    color: #FFFFFF;
    text-align: center;
    margin-top: calc(17px + 2rem);
}

.scene_domain_box {
    width: 100%;
    background: url(../images/scene_bg.png) no-repeat;
    background-size: 100%;
    padding-top: calc(15px + 4rem);
    padding-bottom: calc(78px + 5rem);
}

.scene_domain {
    max-width: 1400px;
    width: 85%;
    margin: auto;
}

.scene_domain p {
    font-family: Microsoft YaHei;
    font-weight: 400;
    font-size: calc(6px + 2rem);
    color: #F4F7F9;
    line-height: 1;
    text-align: center;
}

.domain_card_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: calc(16px + 3rem);
}

.domain_card {
    width: 24%;
    height: calc(80px + 20rem);
    border-radius: calc(5px + 0.25rem);
    position: relative;
    overflow: hidden;
}
.domain_card img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .5s;
}
.domain_card img:hover{
    transform: scale(1.1);
}

.domain_card div {
    width: 100%;
    line-height: calc(6px + 3rem);
    background: #13304285;
    border-radius: 0px 0px calc(5px + 0.25rem) calc(5px + 0.25rem);
    position: absolute;
    bottom: 0;
font-family: Microsoft YaHei;
font-weight: 400;
font-size: calc(2px + 1rem);
color: #FFFFFF;
text-align: center;
}