.banner-item{
    height:522px;
}

.banner-item-desc{
    width:60%;
    height:60%;
    top:20%;
    border-top-right-radius: 200px;
    border-bottom-right-radius: 200px;
    padding:1em 10em 1em 3em;
    display:flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;

    & .inner{
        max-width: calc(1280px * 0.5);
        font-family: "PingFang SC",Arial,"Microsoft Yahei",ahoma, Geneva,sans-serif;
        & .describe{
            overflow: hidden;           /* 隐藏溢出的文本 */
            text-overflow: ellipsis;    /* 显示省略号 */
            display: -webkit-box;       /* 必须结合使用 */
            -webkit-line-clamp: 6;      /* 显示的行数 */
            -webkit-box-orient: vertical; /* 设置盒子方向 */
            min-height:5em;
        }
    }

    & .btn{
        padding-right:4em;
        padding-top:1em;
    }

    .banner-body-block{
        height: 100%;
    }
}

.banner-item-desc2{
    width:100%;
    height:30%;
    bottom:10%;
    padding:1em;
}

.group-about{
    width:100%;
    display:flex;
    align-items: center;
    justify-content:center;
    background-image: url("../images/bg-1.jpg");

    .about-text{
        flex-grow:1;
        flex-shrink: 1;
        color:#FFF;
        display:flex;
        align-items: center;
        justify-content: center;
        padding:2em;
        flex-basis: 50%;
    }

    .about-text-body{
        max-width: calc(1280px * 0.5);
        display:flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        gap:1em;
    }

    .about-img{
        flex-basis: 50%;
        flex-grow:0;
        flex-shrink:0;
        height:430px;
        display:flex;
        align-items: stretch;
        justify-content: flex-start;
        & img{
            width:100%;
            height:100%;
            object-position:50% 50%;
            object-fit: cover;
        }
    }

    .about-item{
        height:430px;
    }

}

.index-products{
    display:flex;
    align-items: flex-start;
    justify-content: flex-start;
    box-sizing: border-box;
    width:100%;
    gap:3em;

    & .product-nav{
        display:flex;
        flex-direction: column;
        gap:2em;
        flex-grow: 1;
        flex-shrink: 1;
        width:50%;
        & .title{
            font-family: "PingFang SC",Arial,"Microsoft Yahei",ahoma, Geneva,sans-serif;
            color:#027596;
            font-size:1.5em;
        }

        & .describe{
            overflow: hidden;           /* 隐藏溢出的文本 */
            text-overflow: ellipsis;    /* 显示省略号 */
            display: -webkit-box;       /* 必须结合使用 */
            -webkit-line-clamp: 8;      /* 显示的行数 */
            -webkit-box-orient: vertical; /* 设置盒子方向 */
            min-height:2em;
        }

        & .group{
            box-sizing: border-box;
            padding-left:1em;

            & .items{
                border-left: 2px solid #c0bebe;
                display:flex;
                flex-direction: column;
                gap:0.5em;
                align-items: flex-start;
                justify-content: flex-start;
                font-size:1.5em;

                & .item {
                    position: relative;
                    padding-left:1em;
                    font-family: "PingFang SC",Arial,"Microsoft Yahei",ahoma, Geneva,sans-serif;
                    cursor:pointer;
                }

                & .item.active{
                    color:#027596;
                    font-weight: 700;
                }

                & .item::before{
                    position: relative;
                    display:inline-block;
                    content:"";
                    width:0.5em;
                    height:0.5em;
                    border-radius: 0.5em;
                    left:calc(0px - 1em - 0.25em - 1px);
                }

                & .item:hover{
                    color:#8CC640;
                    font-weight: 700;
                }

                & .item.active::before{
                    position: relative;
                    display:inline-block;
                    content:"";
                    width:0.5em;
                    height:0.5em;
                    border-radius: 0.5em;
                    background-color: #027596;
                    left:calc(0px - 1em - 0.25em - 1px);
                    border:1px solid #FFFFFF;
                }

                & .item:hover::before{
                    position: relative;
                    display:inline-block;
                    content:"";
                    width:0.5em;
                    height:0.5em;
                    border-radius: 0.5em;
                    background-color: #8CC640;
                    left:calc(0px - 1em - 0.25em - 1px);
                    border:1px solid #FFFFFF;
                }
            }
        }

    }

    & .product-detail{
        margin-top: 2em;
        flex-grow: 1;
        flex-shrink: 1;
        width:50%;
        & .cp-swiper{
            height: 500px;
            width:100%;
        }

        & .cp-swiper-1{
            height: 500px;
            width:100%;
        }
    }


    & .pro-detail{
        height:100%;
        width:100%;
        box-sizing: border-box;
        padding:1.5em;
        border-top: 5px solid #027596;
        background-color: #FFF;
        display:flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap:1.5em;
        box-shadow: 0px -1px 2px rgb(206, 206, 205);

        & .pro-detail-describe{
            overflow: hidden;           /* 隐藏溢出的文本 */
            text-overflow: ellipsis;    /* 显示省略号 */
            display: -webkit-box;       /* 必须结合使用 */
            -webkit-line-clamp: 7;      /* 显示的行数 */
            -webkit-box-orient: vertical; /* 设置盒子方向 */
             min-height:10em;
        }

        & .pro-detail-link{

        }
    }
}


.index-products.xwcp{
    margin:2em 0;
}

.index-products.hyjcp{
    margin:2em 0;
}


.apply-body{
    padding-bottom:4em;

    & .apply-title{
        font-family: "PingFang SC",Arial,"Microsoft Yahei",ahoma, Geneva,sans-serif;
        color: #027596;
        font-size: 1.5em;
        margin-bottom:1.5em;
    }
}

.apply-list{
    display:flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    flex-wrap: wrap;

    &  .apply-item{
        display:flex;
        align-items: stretch;
        justify-content: flex-start;

        & .pics{
            display:flex;
            align-items: center;
            justify-content: center;
            box-sizing: border-box;
            flex-grow: 0;
            flex-shrink: 0;
        }

        & .texts{
            box-sizing: border-box;
            padding:1em;
            display:flex;
            flex-direction: column;
            justify-content: space-around;
            flex-grow: 1;
            flex-shrink: 1;

            & .texts-body{
                display:flex;
                flex-direction: column;
                gap:0.5em;
                & .title{
                    font-family: "PingFang SC",Arial,"Microsoft Yahei",ahoma, Geneva,sans-serif;
                    color:#027596;
                    font-size:1.5em;
                }

                & .describe{
                        overflow: hidden;           /* 隐藏溢出的文本 */
                        text-overflow: ellipsis;    /* 显示省略号 */
                        display: -webkit-box;       /* 必须结合使用 */
                        -webkit-line-clamp: 6;      /* 显示的行数 */
                        -webkit-box-orient: vertical; /* 设置盒子方向 */
                        min-height:9em;
                }
            }
        }

    }

    & .apply-item>.pics{
        width:40%;
        aspect-ratio: 2 / 1;
    }

    & .apply-swiper-item{
        width:100%;
        height:100%;

        & img{
            width:100%;
            height:100%;
            object-fit: cover;
            object-position: center;
        }
    }
}

.apply-list>div{
    width:100%;
}

.index-subscribe{
    width:100%;
    height:300px;
    background-image: url("../images/bg-2.jpg");
    display:flex;
    align-items: center;
    justify-content: center;
    font-size:1.5em;
    color: #fdfbfb;
}


.index-news{
    width:100%;
    overflow:hidden;
}

#news-swiper{
    overflow: hidden;
}

.index-news-item{
    width:100%;
    height:100%;
    display:flex;
    align-items: stretch;
    justify-content: space-between;


    & .index-news-image{
        flex-basis: 40%;
        flex-grow: 1;
        flex-shrink: 1;
        min-height:360px;

        & img{
            width:100%;
            height:100%;
            max-height:430px;
            object-fit: cover;
            object-position: center;
        }
    }

    & .index-news-body{
        flex-basis: 60%;
        flex-grow: 1;
        flex-shrink: 1;
        padding:2em;

        & .index-news-body-layout{
            width:calc(1280px * 0.6);
            display:flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
            gap:1.5em;

            & .index-news-describe{
                overflow: hidden;           /* 隐藏溢出的文本 */
                text-overflow: ellipsis;    /* 显示省略号 */
                display: -webkit-box;       /* 必须结合使用 */
                -webkit-line-clamp: 5;      /* 显示的行数 */
                -webkit-box-orient: vertical; /* 设置盒子方向 */
                 min-height:8em;
            }
        }
    }
}

.index-news-item.red{
    background-color: #ff8189;
    color:#FFF;
}

.index-news-item.yellow{
    background-color: #c49c10;
    color:#FFF;
}

.index-news-item.green{
    background-color: #3ea115;
    color:#FFF;
}

.index-news-item.orange{
    background-color: #ef9425;
    color:#FFF;
}



@media (max-width: 1280px) {
    .group-about{
        flex-direction: column;

        & .about-text{
            width:100% !important;
            box-sizing: border-box;
        }

        & .about-img{
            width:100% !important
        }

        & .about-text-body{
            max-width:100%!important;
        }

        & .video-block{
            width:100%;
            & .player{
                width: 100%;
            }
        }
    }


    .index-products{
        gap:0.5em;
    }

    .banner-item-desc{
        width:80%;
        & .inner{
            max-width: 100%;
            & .describe{ /* 必须结合使用 */
                -webkit-line-clamp: 4;      /* 显示的行数 */
            }
        }
    }

    .apply-list{
        flex-direction: column;
    }

    .apply-list>div{
        width:100%;
    }

    .apply-item>.pics{
        aspect-ratio: 2/1;
    }

    .cp-swiper{
        height: 650px!important;
    }

    .cp-swiper-1{
        height: 650px!important;
        width:100%;
    }


    .index-news-body-layout{
        width:100%!important;
    }



}