.home[data-v-39e207de] {
    background: #f4f7ff url(/assets/bg01-f5f27564.jpg) no-repeat;
    background-size: 100%;
    min-width: 1200px;
}

.home .banner[data-v-39e207de] {
    /* width: 100%; */
    width: 1200px;
    margin: 0 auto
}

.home .banner img[data-v-39e207de] {
    width: 100%
}

.home[data-v-39e207de] .custom-tabs {
    margin-top: 30px
}

.home[data-v-39e207de] .custom-tabs .el-tabs__header.is-left {
    margin-right: 20px
}

.home[data-v-39e207de] .custom-tabs .el-tabs__nav-scroll,.home[data-v-39e207de] .custom-tabs .el-tabs__nav {
    width: 282px;
    height: 100%;
    background: #b9b9b9
}

.home[data-v-39e207de] .custom-tabs .el-tabs__item {
    width: 100%;
    height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 1px solid;
    border-image: linear-gradient(90deg,rgba(238,118,27,0),rgb(255,165,0),rgba(238,118,27,0)) 1 1
}

.home[data-v-39e207de] .custom-tabs .el-tabs__item img {
    width: auto;
    height: 91px
}

.home[data-v-39e207de] .custom-tabs .el-tabs__item span {
    margin-top: 16px;
    display: block;
    font-size: 20px;
    color: #fff
}

.home[data-v-39e207de] .custom-tabs .el-tabs__item.is-active {
    background: #ffa500
}

.home[data-v-39e207de] .custom-tabs .right {
    position: relative
}

.home[data-v-39e207de] .custom-tabs .right .mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: linear-gradient(135deg,#ffa500 0%,rgba(13,27,39,.09) 100%)
}

.home[data-v-39e207de] .custom-tabs .right img {
    width: 100%;
    position: relative
}

.home[data-v-39e207de] .custom-tabs .right .content {
    position: absolute;
    left: 44px;
    top: 44px;
    width: 700px;
    color: #fff;
    z-index: 20
}

.home[data-v-39e207de] .custom-tabs .right .content h3 {
    font-size: 38px;
    font-weight: 500;
    line-height: 45px
}

.home[data-v-39e207de] .custom-tabs .right .content p {
    margin-top: 16px;
    font-weight: 400;
    font-size: 16px;
    line-height: 32px
}

.home[data-v-39e207de] .custom-tabs .right .more {
    position: absolute;
    width: 126px;
    height: 42px;
    right: 48px;
    bottom: 48px;
    color: #fff;
    border: 1px solid #ffffff;
    border-radius: 8px;
    cursor: pointer;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center
}

.home .section-title[data-v-39e207de] {
    padding-top: 80px;
    text-align: center
}

.home .section-title h3[data-v-39e207de] {
    font-size: 38px;
    color: #222;
    line-height: 45px;
    font-weight: 500
}

.home .section-title p[data-v-39e207de] {
    margin-top: 33px;
    font-size: 24px;
    color: #333;
    line-height: 28px
}

.home .section02[data-v-39e207de] {
    /* margin-top: 200px; */
    /* padding-bottom: 30px; */
    width: 100%;
    /* background: #f4f7ff url(/assets/bg01-f5f27564.jpg) no-repeat; */
    background-size: 100%;
    min-width: 1200px;
}

.home .section02[data-v-39e207de] .product {
    margin-top: 60px
}

.home .section02[data-v-39e207de] .product .el-tabs__nav-scroll {
    display: flex;
    justify-content: center
}

.home .section02[data-v-39e207de] .product .el-tabs__nav-wrap:after {
    height: 1px;
    background-color: #f1f1f1
}

.home .section02[data-v-39e207de] .product .el-tabs__item {
    padding: 0 50px 16px 60px;
    font-size: 20px;
    color: #999;
    font-weight: 400
}

.home .section02[data-v-39e207de] .product .el-tabs__item.is-active {
    color: orange
}

.home .section02[data-v-39e207de] .product .list {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    column-gap: 15px;
    row-gap: 30px
}

.home .section02[data-v-39e207de] .product .list .item {
    border-radius: 4px;
    padding: 15px;
    width: 390px;
    height: 340px;
    display: flex;
    justify-content: center;
    cursor: pointer;
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIBAMAAACnw650AAAAJ1BMVEUAAABmZmZnZ2dwcHBoaGhnZ2dnZ2dmZmZnZ2dmZmZnZ2dmZmZmZmYnmW9lAAAADHRSTlMA358QIM+/gGCvkHCuSR+wAAAAsklEQVRIx+zMsQ1AUBRAURILaFQKUagZQasTi1jBcLo/lPo7L79WuPXJrf6+3dUGdXOO+hR1imzI0Ta+m0S2gqzp0w5ydC8gR0cNcjSLHFUiR6BoJHIECkciRyJHIkeieCRyJHIkciRyJHIkciRyBCqMQIxAjESORI5EjkSORI5AhZHIkciRyJHIkciRyJHIkciRyFEZPZuDxSAGtjMNKPwaLAYxsExHFbTYzDAKRgGlAADHmpOJI3U+4wAAAABJRU5ErkJggg==) 344px 294px no-repeat;
    background-size: 36px;
}

.home .section02[data-v-39e207de] .product .list .item:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIBAMAAACnw650AAAALVBMVEUAAAD/pQD/pQD/rwD/pwD/pQD/pgD/pAD/pQD/pQD/pQD/pAD/pgD/nwD/pQDZJsLBAAAADnRSTlMA358QIM+/gK9gkHBfEIN7nW8AAACySURBVEjH7MyxDUBQFEBREgtolCIKNSNodWIRKxpG+2dQf+fl1wq3PrnV37e72qBuzlGfok6RDTnaxneTyFaQNX3aQY7uBeToqEGOZpGjSuQIFI1EjkDhSORI5EjkSBSPRI5EjkSORI5EjkSORI5AhRGIEYiRyJHIkciRyJHIEagwEjkSORI5EjkSORI5EjkSORI5KqNnfVgMYmB7NwGFX4fFIAaWdlTBm5sZRsEooBQAAIAlp8RE0XG0AAAAAElFTkSuQmCC)
}

.home .section02[data-v-39e207de] .product .list img {
    width: auto;
    height: 100%;
    object-fit: cover;
}

.home .section02 .more[data-v-39e207de] {
    margin: 30px auto 0;
    width: 238px;
    height: 53px;
    line-height: 53px;
    text-align: center;
    border: 1px solid #d9d9d9;
    font-size: 18px;
    font-weight: 400;
    color: #333;
    cursor: pointer
}

.home .section02 .more[data-v-39e207de]:hover {
    color: orange
}

.home .section04[data-v-39e207de] {
    padding-top: 33px;
    padding-bottom: 119px;
    /* background: #f4f7ff url(/assets/bg01-f5f27564.jpg) no-repeat; */
    min-width: 1200px;
}

.home .section04 .section-title[data-v-39e207de] {
    margin-bottom: 131px
}

.home .section04 .newsList[data-v-39e207de] {
    display: flex
}

.home .section04 .newsList .item[data-v-39e207de] {
    margin-right: 32px;
    position: relative;
    /* 添加这一行来确保容器超出部分被隐藏 */
    overflow: hidden;
    /* 添加这一行，使整个项目区域显示手型鼠标 */
    cursor: pointer;
}

.home .section04 .newsList .item[data-v-39e207de]:last-child {
    margin-right: 0
}

.home .section04 .newsList .item .front[data-v-39e207de] {
    width: 376px;
    height: 240px;
    font-size: 20px;
    color: #666;
    background-color: #fff;
    padding: 32px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer
}

.home .section04 .newsList .item .last[data-v-39e207de] {
    /* 修改这一行，从display: none改为默认显示 */
    /* display: none; */
    position: absolute;
    left: 0;
    top: 0;  /* 修改为top: 0，确保从顶部开始显示 */
    width: 100%;  /* 添加宽度100% */
    height: 100%;  /* 添加高度100% */
    /* 添加这一行，确保图片区域显示手型鼠标 */
    cursor: pointer;
    /* 修改这一行，设置较低的z-index确保图片在下层 */
    z-index: 5;
}

.home .section04 .newsList .item .last img[data-v-39e207de] {
    width: 100%;  /* 修改为100%宽度 */
    height: 100%;  /* 修改为100%高度 */
    object-fit: cover;
    /* 添加这两行，设置过渡效果 */
    transition: transform 0.5s ease-in-out;
    transform-origin: center;
}

.home .section04 .newsList .item .last_text[data-v-39e207de] {
    /* 修改这一行，从display: none改为默认显示 */
    /* display: none; */
    position: absolute;
    left: 0;
    top: 0;  /* 修改为top: 0，确保从顶部开始覆盖 */
    width: 100%;  /* 添加宽度100% */
    height: 100%;  /* 添加高度100% */
    /* 添加这一行，确保文字叠加层显示手型鼠标 */
    cursor: pointer;
    /* 修改这一行，设置较高的z-index确保文字层在图片上层 */
    z-index: 10;
}

.home .section04 .newsList .item .last_text .last_text_t[data-v-39e207de] {
    width: 376px;
    height: 240px;
    font-size: 20px;
    color: #666;
    background-color: rgba(0,0,0,.5);
    padding: 32px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: #fff
}

.home .section04 .newsList .item .last_text .viewMore[data-v-39e207de] {
    border-top: 1px solid rgba(255,255,255,.3);
    height: 61px;
    line-height: 61px;
    color: #fff;
    text-align: center;
    background-color: rgba(0,0,0,.5);
    cursor: pointer;
    font-size: 20px
}

.home .section04 .newsList .item:hover .last[data-v-39e207de],.home .section04 .newsList .item:hover .last_text[data-v-39e207de] {
    /* display: block; */
}

.home .section04 .newsList .item:hover .last img[data-v-39e207de] {
    transform: scale(1.2);
}

.home .section04 .more[data-v-39e207de] {
    margin: 78px auto 0;
    width: 238px;
    height: 53px;
    line-height: 53px;
    text-align: center;
    border: 1px solid #d9d9d9;
    font-size: 18px;
    font-weight: 400;
    color: #333;
    cursor: pointer
}

.home .section04 .more[data-v-39e207de]:hover {
    color: orange
}

.home .section03[data-v-39e207de] {
    padding-top: 100px;
    padding-bottom: 100px;
    /* background: #f4f7ff url(/assets/bg01-f5f27564.jpg) no-repeat; */
    min-width: 1200px;
}

.home .section03 img[data-v-39e207de] {
    margin-top: 80px;
    width: 100%
}