.product-details-intro {
    background: url(../images/product-details-1.jpg);
    background-size: cover;
    padding-bottom: 118px;
}

.product-details-intro .intro-flex {
    margin-top: 45px;
    display: flex;
    justify-content: space-between;
}

.product-details-intro .intro-flex .intro-left {
    width: 40.85%;
    padding-top: 59px;
}

.product-details-intro .intro-flex .product-desc {
    margin-top: 23px;
    width: 497px;
    max-width: 100%;
}

.product-details-intro .intro-flex .product-desc-item {
    font-size: 15px;
    color: #666666;
    line-height: 24px;
}

.product-details-intro .intro-flex .tags-row {
    width: 497px;
    max-width: 100%;
    margin-top: 24px;
    display: flex;
    gap: 15px 30px;
    flex-wrap: wrap;
    border-top: 1px solid rgba(237, 237, 237, 1);
    border-bottom: 1px solid rgba(237, 237, 237, 1);
    padding: 24px 0;
}

.product-details-intro .intro-flex .tag-item {
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 18px;
    color: #E71627;
    line-height: 30px;
    gap: 0 7px;
}

.product-details-intro .intro-flex .tag-item .iconfont {
    font-size: 20px;
}

.product-details-intro .btn-call {
    margin-top: 29px;
    display: inline-flex;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 38px;
    padding: 0 28px;
    line-height: 54px;
    background: #E71627;
    border-radius: 27px;
    gap: 6px;
}

.product-details-intro .btn-call .iconfont {
    font-size: 18px;
}

/* .product-details-intro .btn-call .tel{
    font-family: Bahnschrift;
    font-weight: bold;
} */
.product-details-intro .intro-right {
    position: relative;
    width: 55.64%;
    background: #F4F4F4;
    border-radius: 15px;
    border: 3px solid #FFFFFF;
    align-self: flex-start;
}

.product-details-intro .intro-right::before {
    content: "";
    display: block;
    padding-top: 61.87%;
}

.product-details-intro .intro-right .main-swiper-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 79.97%;
    height: 100%;
}

.product-details-intro .intro-right .main-swiper-wrap .swiper {
    height: 100%;
}

.product-details-intro .intro-right .main-swiper-wrap .swiper-slide {
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-details-intro .intro-right .main-swiper-wrap .swiper-slide img {
    max-width: 80%;
    max-height: 80%;
    border-radius: 15px;
}

.product-details-intro .intro-right .main-swiper-wrap .playBtn {
    position: absolute;
    width: 38px;
    height: 38px;
    left: 5.61%;
    bottom: 6.84%;
    z-index: 3;
    cursor: pointer;
}

.product-details-intro .intro-right .main-swiper-wrap .playBtn img {
    display: block;
    width: 100%;
}

.product-details-intro .intro-right .swiper-thumb-wrap {
    position: absolute;
    right: 10.52%;
    top: 50%;
    transform: translateY(-50%);
    width: 9.49%;
    height: 59.12%;
    /* width: 74px; */
}

.product-details-intro .intro-right .swiper-thumb-wrap .swiper {
    height: 100%;
    ;
}

.product-details-intro .intro-right .swiper-thumb-wrap .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    border-radius: 15px;
    border: 1px solid rgba(229, 229, 229, 0.41);
    overflow: hidden;
    cursor: pointer;
}

.product-details-intro .intro-right .swiper-thumb-wrap .swiper-slide img {
    max-width: 100%;
    max-height: 100%;
}

.product-details-intro .intro-right .swiper-thumb-wrap .swiper-slide-thumb-active {
    border-color: #E71627;
}

.indicators-sec {
    padding: 87px 0;
}

.detail-main-sec .section-title,
.indicators-sec .section-title {
    border-left: 4px solid rgba(231, 22, 39, 1);
    padding-left: 11px;
    line-height: 1;
    font-size: 28px;
}

.detail-main-sec .section-title span,
.indicators-sec .section-title span {
    color: rgba(132, 129, 129, 1);
}

.indicators-sec .indicator-content {
    margin-top: 40px;
    background: rgba(249, 249, 249, .5);
    border-radius: 15px;
    padding: 53px;
    /* background: red; */
}

.indicators-sec .indicator-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-top: 1px solid RGBA(239, 239, 239, 1);
}

.indicators-sec .indicator-item {
    border-bottom: 1px solid RGBA(239, 239, 239, 1);
    padding: 24px 29px;
}

.indicators-sec .indicator-item:not(:nth-child(3n)) {
    border-right: 1px solid RGBA(239, 239, 239, 1);
}

.indicators-sec .indicator-item .indicator-label {
    font-weight: 400;
    font-size: 14px;
    color: #676565;
    line-height: 24px;
    transition: all .3s ease-in-out;
}

.indicators-sec .indicator-item:hover .indicator-label {
    color: #E71627;
}

.indicators-sec .indicator-item .indicator-value {
    font-weight: 400;
    font-size: 16px;
    color: #3B3939;
    line-height: 24px;
    margin-top: 8px;
}

.detail-main-sec {
    padding-bottom: 82px;
}

.detail-main-sec .detail-flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.detail-main-sec .detail-flex .detail-content {
    width: 58.21%;
}

.detail-main-sec .detail-flex .detail-image-box {
    margin-top: 47px;
    border-radius: 15px;
    border: 1px solid #EBEBEB;
    padding: 32px;
}

.detail-main-sec .detail-flex .detail-image-box img {
    max-width: 100%;
    margin: 0 auto;
    display: block;
}

.detail-main-sec .sidebar-related {
    position: sticky;
    top: 131px;
    width: 30.71%;
}

.detail-main-sec .sidebar-related .related-list {
    margin-top: 48px;
}

.detail-main-sec .sidebar-related .related-list .pic {
    border-radius: 20px 0 0 20px;
}

.detail-main-sec .sidebar-related .related-list .related-name {
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: 20px;
    color: #222222;
    line-height: 1.5;
    margin-top: 24px;
    transition: all .3s ease-in-out;
}
.detail-main-sec .sidebar-related .related-list a{display: block;}
.detail-main-sec .sidebar-related .related-list a:hover .related-name {
    color: #E71627;
}

.detail-main-sec .sidebar-related .related-list a:not(:last-child) {
    margin-bottom: 35px;
}

.products-section {
    background: #fff;
}

.products-section::before {
    display: none;
}

.products-section .prod-col {
    width: 48.42%;
}

.products-section .prod-item {
    background: rgba(249, 249, 249, 1);
}

.product-list-section .product-list .product-item {
    display: flex;
    /* align-items: center; */
    background: #F9F9F9;
    border-radius: 20px;
    overflow: hidden;
}

.product-list-section .product-list .product-item:not(:last-child) {
    margin-bottom: 30px;
}

.product-list-section .product-list .product-item:nth-child(2n) {
    flex-direction: row-reverse;
}

.product-list-section .product-list .product-img,
.product-list-section .product-list .product-info {
    width: 50%;
}
.product-list-section .product-list .product-img{
    position:relative;
    z-index:4;
}    
.product-list-section .product-list .product-img img{
    height:100%;
    object-fit:cover;
}
.product-list-section .product-list .product-info {
    position: relative;
    display: flex;
    align-items: center;
    padding: 30px 67px;
}

.product-list-section .product-list .product-info .bg {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 45%;
}

.product-list-section .product-list .product-info .bg img {
    display: block;
    width: 100%;
}

.product-list-section .product-list .product-name {

    font-weight: bold;
    font-size: 26px;
    color: #222222;
    line-height: 1.38;
    position: relative;
    z-index: 2;
    transition: all .3s ease-in-out;
}

.product-list-section .product-list .product-item .btn-more:hover,
.product-list-section .product-list .product-item:hover .product-name {
    color: #E71627;
}

.product-list-section .product-list .product-desc {
    font-weight: 400;
    font-size: 16px;
    color: #666666;
    line-height: 30px;
    margin-top: 12px;
    position: relative;
    z-index: 2;
}

.product-list-section .product-list .btn-more {
    margin-top: 20px;
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 16px;
    color: #000000;
    line-height: 24px;
    gap: 10px;
    position: relative;
    z-index: 2;
    transition: all .3s ease-in-out;
}
.help-section .help-card .btn-more .icon1,
.product-list-section .product-list .btn-more .icon {
    width: 36px;
    height: 36px;
    background: #E50012;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.help-section .help-card .btn-more .icon1 .iconfont,
.product-list-section .product-list .btn-more .icon .iconfont {
    font-size: 18px;
}

.product-list-section .load-more-wrap {
    margin-top: 68px;
    text-align: center;
}

.product-list-section .load-more-wrap .btn-outline {
    line-height: 45px;
    background: rgba(0, 0, 0, 0);
    border-radius: 25px;
    border: 2px solid #000000;
    display: inline-flex;
    align-items: center;
    padding: 0 30px;
    font-weight: 400;
    font-size: 14px;
    color: #000000;
    gap: 0 8px;
    transition: all .3s ease-in-out;
}

.product-list-section .load-more-wrap .btn-outline:hover {
    background: #E71627;
    color: #fff;
    border-color: #E71627;
}

.product-list-section .load-more-wrap .btn-outline .iconfont {
    font-size: 14px;
}

.help-section {
    margin-top: 75px;
    padding-bottom: 117px;
}

.help-section .container {
    border-top: 1px solid rgba(246, 246, 246, 1);
    padding-top: 35px;
}
.help-section .section-title{
    text-align: center;
}
.help-section .help-grid{
    margin-top: 36px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
}
.help-section .help-card{
    position: relative;
    background-color: #F9F9F9;
border-radius: 15px;
padding: 45px 40px;
transition: all .3s ease-in-out;
color: #333;
overflow: hidden;
}
.help-section .help-card .bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all .3s ease-in-out;
    opacity: 0;
}
.help-section .help-card:hover .bg{
    opacity: 1;
}
.help-section .help-card .bg img{
    display: block;
    width: auto;
    height: 100%;
    object-fit: cover;
    margin: 0 0 0 auto;
    opacity: .4;
}
.help-section .help-card:hover{
    background-color: rgba(229, 0, 18, 1);
    color: #fff;
}
.help-section .help-card .text-box{
    position:relative;
    z-index:3;
}
.help-section .help-card .icon{
    width: 56px;
    height: 56px;
}
.help-section .help-card .icon img{
    display: block;
    max-width: 100%;
    max-height: 100%;
    transition: all .3s ease-in-out;
}
.help-section .help-card:hover .icon img{
    filter: brightness(0)invert(1);
}    
.help-section .help-card h3{
font-weight: bold;
font-size: 20px;
line-height: 1.5;
margin-top: 19px;
}
.help-section .help-card p{
font-weight: 400;
font-size: 14px;
line-height: 24px;
min-height: 48px;
margin-top: 8px;
}
.help-section .help-card .btn-more{
    margin-top: 32px;
    display: inline-flex;
    align-items: center;
font-weight: 400;
font-size: 16px;
line-height: 24px;
gap: 8px;
}
.help-section .help-card .btn-more .icon{
    transition: all .3s ease-in-out;
}
.help-section .help-card:hover .btn-more .icon1{
    background: #fff;
    color: #E71627;
}
@media (max-width:1199px) {
    .detail-main-sec,
    .product-details-intro{
        padding-bottom: 75px;
    }
    .indicators-sec{
        padding: 75px 0;
    }
    .detail-main-sec .sidebar-related .related-list,
    .detail-main-sec .detail-flex .detail-image-box{
        margin-top: 45px;
    }
    .product-details-intro .intro-flex{
        flex-direction: column-reverse;
    }
    .product-details-intro .intro-flex .intro-left,
    .product-details-intro .intro-right{
        width: 100%;
    }
    .product-details-intro .intro-flex .intro-left{
        padding-top: 45px;
    }
    .product-details-intro .intro-flex .product-desc,
    .product-details-intro .intro-flex .tags-row{
        width: 100%;
    }
    .indicators-sec .indicator-content{
        padding: 35px;
    }
    .detail-main-sec .section-title, .indicators-sec .section-title{
        font-size: 26px;
    }
    .detail-main-sec .detail-flex .detail-content{
        width: 65%;
    }
    .detail-main-sec .sidebar-related .related-list .related-name{
        font-size: 18px;
        margin-top: 1em;
    }
    .products-section .product-cols{
        gap: 45px;
    }
    .products-section .prod-col{
        width: 100%;
        padding: 0;;
    }
    .products-section .prod-col:nth-child(2n){
        background: transparent;
    }
    .products-section{
        padding: 75px 0;
    }
     .help-section{
        padding-bottom: 75px;
    }
    .product-list-section .load-more-wrap{
        margin-top: 45px;
    }
    .product-list-section .product-list .product-name{
        font-size: 24px;
    }
}
@media (max-width:1024px) {
    .products-section{
        padding: 65px 0;
    }
     .help-section{
        margin-top: 65px;
        padding-bottom: 65px;
    }
    .product-list-section .load-more-wrap{
        margin-top: 40px;
    }
    .products-section .product-cols{
        gap: 40px;
    }
    .detail-main-sec .section-title, .indicators-sec .section-title{
        font-size: 24px;
    }
    .product-details-intro .intro-flex .intro-left{
        padding-top: 40px;
    }
    .detail-main-sec,
    .product-details-intro{
        padding-bottom: 65px;
    }
    .indicators-sec{
        padding: 65px 0;
    }
    .product-details-intro .intro-flex,
    .detail-main-sec .sidebar-related .related-list,
    .detail-main-sec .detail-flex .detail-image-box{
        margin-top: 40px;
    }
    .indicators-sec .indicator-content{
        padding: 30px;
    }
    .indicators-sec .indicator-grid{
        grid-template-columns: repeat(2,1fr);
    }
    .indicators-sec .indicator-item{
        border-right: 1px solid RGBA(239, 239, 239, 1);
    }
    .indicators-sec .indicator-item:nth-child(2n){
        border-right: none;
    }
    .product-list-section .product-list .product-info{
        padding: 30px;
    }
    .product-list-section .product-list .product-name{
        font-size: 22px;
    }
    .help-section .help-grid{
        grid-template-columns: repeat(1,1fr);
    }
    .help-section .help-card{
        padding: 40px;
    }
    .help-section .help-card .btn-more{
        margin-top: 25px;
    }
    .help-section .help-card p{
        min-height: 0
    }
}
@media (max-width:768px) {
    .help-section .container{
        padding-top: 30px;
    }
    .help-section .help-grid{
        margin-top: 30px;
    }
    .product-list-section .product-list .product-name{
        font-size: 20px;
    }
    .products-section{
        padding: 55px 0;
    }
     .help-section{
        margin-top: 55px;
        padding-bottom: 55px;
    }
    .product-list-section .load-more-wrap{
        margin-top: 30px;
    }
    .products-section .product-cols{
        gap: 35px;
    }
    .detail-main-sec .section-title, .indicators-sec .section-title{
        font-size: 22px;
    }
    .indicators-sec .indicator-grid{
        grid-template-columns: repeat(1,1fr);
    }
    .indicators-sec .indicator-item:not(:nth-child(3n)),
    .indicators-sec .indicator-item{
        border-right: none;
    }
    .indicators-sec .indicator-item{
        padding: 20px 0;
    }
    .indicators-sec .indicator-content{
        padding: 25px;
    }
    .product-details-intro .intro-flex .intro-left{
        padding-top: 30px;
    }
    .detail-main-sec,
    .product-details-intro{
        padding-bottom: 55px;
    }
    .indicators-sec{
        padding: 55px 0;
    }
    .product-details-intro .intro-flex,
    .indicators-sec .indicator-content,
    .detail-main-sec .sidebar-related .related-list,
    .detail-main-sec .detail-flex .detail-image-box{
        margin-top: 30px;
    }
    .detail-main-sec .detail-flex{
        flex-direction: column;
        gap: 35px;
    }
    .detail-main-sec .detail-flex .detail-content,
    .detail-main-sec .sidebar-related{
        width: 100%;
    }
    .detail-main-sec .sidebar-related{
        position: relative;
        top: 0;
    }
    .detail-main-sec .sidebar-related .related-list{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 30px 20px;
    }
    .detail-main-sec .sidebar-related .related-list a:not(:last-child){
        margin-bottom: 0;
    }
    .product-list-section .product-list .product-item:nth-child(2n),
    .product-list-section .product-list .product-item{
        flex-direction: column;
    }
    .product-list-section .product-list .product-img, .product-list-section .product-list .product-info{
        width: 100%;
    }
    .help-section .help-card .icon{
        width: 45px;
        height: 45px;
    }
    .help-section .help-card{
        padding: 30px;
    }
}
@media (max-width:500px) {
    .help-section .help-card .btn-more{
        margin-top: 20px;
    }
    .help-section .help-card{
        padding: 25px;
    }
    .help-section .container{
        padding-top: 25px;
    }
    .help-section .help-grid{
        margin-top: 25px;
    }
    .product-list-section .product-list .btn-more{
        margin-top: 10px;
    }
    .product-list-section .product-list .product-desc{
        margin-top: 8px;
        line-height: 24px;
    }
    .product-list-section .product-list .product-info{
        padding: 25px 25px 30px;
    }
    .product-list-section .product-list .product-name{
        font-size: 18px;
    }
    .products-section{
        padding: 45px 0;
    }
     .help-section{
        margin-top: 45px;
        padding-bottom: 45px;
    }
    .product-list-section .load-more-wrap{
        margin-top: 25px;
    }
    .detail-main-sec .sidebar-related .related-list .related-name{
        font-size: 16px;
    }
    .detail-main-sec .detail-flex .detail-image-box{
        padding: 20px;
    }
    .detail-main-sec .section-title, .indicators-sec .section-title{
        font-size: 20px;
    }
    .indicators-sec .indicator-content{
        padding: 20px;
    }
    .product-details-intro .intro-flex .product-desc{
        margin-top: 14px;
    }
    .product-details-intro .btn-call{
        margin-top: 25px;
        line-height: 46px;
    }
    .product-details-intro .intro-flex .tag-item{
        font-size: 16px;
    }
    .product-details-intro .intro-flex .tags-row{
        padding: 17px 0;
        gap: 8px 20px;
    }
    .product-details-intro .intro-flex .intro-left{
        padding-top: 25px;
    }
    .detail-main-sec,
    .product-details-intro{
        padding-bottom: 45px;
    }
    .indicators-sec{
        padding: 45px 0;
    }
    .product-details-intro .intro-flex,
    .indicators-sec .indicator-content,
    .detail-main-sec .sidebar-related .related-list,
    .detail-main-sec .detail-flex .detail-image-box{
        margin-top: 25px;
    }
}