.fangan-top {
    width: 100%;
    height: 42.735vw;
    background-size:100% 100%;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}
.fangan-top-title {
    font-size: 3.205vw;
    color: #FFFFFF;
}
.fangan-top-desc {
    margin-top: 2.511vw;
    font-size: 1.709vw;
    color: #FFFFFF;
}
.fangan-section {
    width: 100%;
   display: flex;
}
.fangan-section-left {
 margin-left: 10.63vw;
    
}
.fangan-section-title {
    margin-top: 7.372vw;
    font-size: 2.564vw;
    color: #333333;
    font-weight: bold;
}
.fangan-section-desc {
    margin-top: 2.03vw;
    font-size: 1.01vw;
    color: #868686;
    width: 29.594vw;
    height: 12.073vw;
    line-height: 1.7vw;
    overflow: hidden;
}
.fangan-section-btn {
    margin-top: 2.511vw;
    background-color: #E10025;
    width: 10.577vw;
    height: 2.885vw;
    border: 1px solid #E10025;
    border-radius: 1.442vw;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
}
.fangan-section-btn img {
    margin-left: 0.641vw;
    width: 1.709vw;
    height: 1.709vw;
} 
.fangan-section-right {
 margin-left: 8.013vw;
}
.fangan-section-right img { 
    margin-top: 6.197vw;
width: 43.536vw;
height: 24.412vw;
}
.fangan-section2 {
    margin-top: 4.113vw;
    width: 100%;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}
.fangan-section2-title {
    font-size: 2.564vw;
    color: #333333;
    font-weight: bold;

}
.fangan-section2-content {
    margin-top: 3.953vw;
    width: 74.786vw;
    height:32.746vw; ;
}
.fangan-section2-content img { 
    width: 100%;
    height: 100%;
}
.fangan-section3 {
    margin-top: 4.113vw;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.fangan-section3-title { 
    font-size: 2.564vw;
    color: #333333;
    font-weight: bold;
}
.fangan-section3-content {
    margin-top: 3.953vw;
    display: flex;
    justify-content: center;
}
.fangan-section3-left {
    margin-left: 2.137vw;
    width: 39.53vw;
    height: 24.412vw;
    background-size:100% 100%;
    background-repeat: no-repeat;
    position: relative;
}
.fangan-section3-left-title {
    position: absolute;
    bottom: 23%;
    left: 1.6vw;
    font-size: 1.409vw;
    color: #FFFFFF;
}
.fangan-section3-left-desc {
    position: absolute;
    bottom: 9%;
    left: 1.6vw;
    width: 34.272vw;
    height: 2.968vw;
    font-size: 1.007vw;
    color: #FFFFFF;
    overflow: hidden;
}

.fangan-section4 {
    margin-top: 4.274vw;
    width: 100%;

}
.fangan-section4-title {
    margin-left: 10.475vw;
    font-size: 2.564vw;
    color: #333333;
    font-weight: bold;
}
.fangan-section4-content {
    margin-top: 3.846vw;
    width: 100%;
    display: flex;
    justify-content: center;
    /* align-items: center; */
}
.fangan-section4-content img { 
    width:43.536vw; 
    height: 29.22vw;
}
.fangan-section4-right { 
    margin-left: 2.778vw;  
    /* border: 1px solid #E0E0E0; */
}
/* .fangan-section4-content-box:nth-child(1) {
    margin-top: 0;
} */
.fangan-section4-content-box {
    

}
.fangan-section4-content-box-title { 
    font-size: 1.923vw;
    color: #333333;
    font-weight: bold;
}
.fangan-section4-content-box-hang {
    margin-top: 1.442vw;
    width: 100%;
    height: 1px;
    /* 背景颜色一半红色，一半蓝色 */
    background: linear-gradient(to right, #E10025, #E10025 20%, #868686 10%, #868686);
}
.fangan-section4-content-box-desc {
    margin-top: 1vw;
    width: 34.829vw;
    height: 4.365vw;
    font-size: 1.068vw;
    line-height: 2vw;
    color: #868686;
    overflow: hidden;
}
.fangan-section5 {
    margin-top: 4.594vw;
    width: 100%;
    display: flex;
    justify-content: center;
}
.fangan-section5-box {
    margin-left: 2.083vw;
    width: 18.803vw;
    height: 20.192vw;
    border: 1px solid #E5E5E5;
    border-radius: 0.748vw;
    overflow: hidden;
}
.fangan-section5-title {
    display: flex;
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat;
    background-size:100% 100%;
    color: #FFFFFF;
    font-size: 1.282vw;
    width: 100%;
    height: 12.5vw;
    border-radius: 0.705vw;
}
.fangan-section5-desc {
    margin-top: 1.282vw;
    margin-left: 0.801vw;
    width: 17.041vw;
    height: 4.808vw;
    line-height: 1.5vw;
    font-size: 0.748vw;
    color: #595959;
    overflow: hidden;

}
.fangan-section5-box:hover {
    background-color: #E10025;
    cursor: pointer;
    transform: scale(1.05);
    .fangan-section5-desc {
        color: #FFFFFF;
    }
}

.fangan-section6 {
    margin-top: 3.846vw;
    width: 100%;
    height: 37.927vw;
    background-color: #F5F5F5;
}
.fangan-section6-title {
    width: 100%;
    display: flex;
    justify-content: center;
    font-size: 2.564vw;
    color: #333333;
    font-weight: bold;
    padding-top: 4.113vw;
}
.fangan-section6-content {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 3.846vw;
}
.fangan-section6-content-box {
    margin-left: 0.694vw;
    width: 19.765vw;
    height: 15.812vw;
    background-color: #FFFFFF;
    cursor: pointer;
}
.fangan-section6-content-box-title {
    margin-top: 1.282vw;
    width: 100%;
    text-align: center;
    font-size: 1.282vw;
    color: #333333;
}
.fangan-section6-content-box img {
    width: 100%; 
    height: 12.073vw;
    margin-top: 1.175vw;
}