
.datu .fullSlide {
    width: 100%;
    position: relative;
    background: #000;
}


    .datu .fullSlide .bd {
        margin: 0 auto;
        position: relative;
        z-index: 0;
        overflow: hidden;
    }


        .datu .fullSlide .bd ul {
            width: 100% !important;
        }


        .datu .fullSlide .bd li {
            width: 100% !important;
            overflow: hidden;
            text-align: center;
        }


            .datu .fullSlide .bd li a {
                display: block;
            }


    .datu .fullSlide .hd {
        width: 100%;
        position: absolute;
        z-index: 1;
        bottom: 0;
        left: 0;
        height: 30px;
        line-height: 30px;
    }


        .datu .fullSlide .hd ul {
            text-align: center;
        }


            .datu .fullSlide .hd ul li {
                cursor: pointer;
                display: inline-block;
                *display: inline;
                zoom: 1;
                width: 30px;
                height: 10px;
                overflow: hidden;
                background: #000;
                filter: alpha(opacity=50);
                opacity: 0.5;
                line-height: 999px;
            }

            .datu .fullSlide .hd ul .on {
                background: #f00;
            }


.datu .fullSlide .prev, .fullSlide .next {
    display: block;
    position: absolute;
    z-index: 1;
    top: 50%;
    margin-top: -30px;
    left: 15%;
    z-index: 1;
    width: 40px;
    height: 60px;
    background: url(../images/slider-arrow.png) -126px -137px #000 no-repeat;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: 0.5;
    display: none;
}


.datu .fullSlide .next {
    left: auto;
    right: 15%;
    background-position: -6px -137px;
}
.datu .fullSlide {
    height: 500px;
}

    .datu .fullSlide .bd li {
        width: 100% !important;
        height: 500px;
    }

        .datu .fullSlide .bd li a {
            height: 500px;
        }
body {
}

.kuang {
}

    .kuang .title {
        text-align: center;
        text-align: center;
        font-size: 30px;
        margin: calc(16 * var(0.0625rem)) 0 0 0;
        font-weight: var(--groot-ui-font-weight-2);
        line-height: 3rem;
    }

    .kuang .tips {
        text-align: center;
        font-size: var(--groot-ui-font-size-l);
        text-align: center;
        margin-top: var(--groot-ui-spacing-unit-3);
        margin-bottom: calc(30 * var(0.0625rem));
        color: var(--groot-ui-color-gray-7);
    }

.groot-ui-image {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
}



.product-detail {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom-left-radius: var(--groot-ui-border-radius-2);
    border-bottom-right-radius: var(--groot-ui-border-radius-2);
    font-size: 18px;
    box-sizing: border-box;
    padding: calc(16 * var(0.0625rem));
    color: var(--groot-ui-color-gray-9);
    border: var(--groot-ui-color-gray-3) 1px solid;
    text-align: center;
    line-height: 50px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom-left-radius: var(--groot-ui-border-radius-2);
    border-bottom-right-radius: var(--groot-ui-border-radius-2);
    font-size: 18px;
    box-sizing: border-box;
    padding: calc(16 * var(0.0625rem));
    color: var(--groot-ui-color-gray-9);
    border: #f7f4f4 1px solid;
}

.product-card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: -moz-flex;
    display: flex;
    -webkit-box-orient: column;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin-left: 8px;
    margin-right: 8px;
    box-sizing: border-box;
    margin-bottom: calc(20 * var(0.0625rem));
    width: calc(100% / 3 - 16px);
}

.card-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: -moz-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    box-sizing: border-box;
    margin-left: -8px;
    margin-right: -8px;
}

.groot-ui-image {
    overflow: hidden;
}

    .groot-ui-image img {
        width: 100%;
        object-fit: cover;
        height: 280px;
        transition: transform 0.5s ease; /* 动画效果 */
        transform: scale(1); /* 初始缩放比例 */
    }

    .groot-ui-image a {
        width: 100%;
    }

    .groot-ui-image img:hover {
        cursor: pointer;
        box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.13);
        transform: scale(1.2); /* 鼠标悬停时放大1.2倍 */
    }

.kuang .list {
    padding: 10px 0px;
}

.kuang .list {
    padding-top: 20px;
}

.product-card:hover {
    cursor: pointer;
    box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.13);
}

.slideBox {
    position: relative;
}

.kuang .more {
    margin-top: 30px;
}

    .kuang .more .title a {
        border: #f7f4f4 1px solid;
        padding: 20px 200px;
        width: auto;
        font-size: 20px;
        font-weight: bold;
    }

        .kuang .more .title a:hover {
            background: #3388ff;
            border: #3388ff 1px solid;
        }

        .kuang .more .title a:hover {
            color: #fff;
        }

.ellipsis {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    /*//溢出内容隐藏*/
    text-overflow: ellipsis;
    /*//文本溢出部分用省略号表示*/
    display: -webkit-box;
    /*//特别显示模式*/
    -webkit-line-clamp: 1;
    /*//行数*/
    line-clamp: 1;
    -webkit-box-orient: vertical;
    /*//盒子中内容竖直排列*/
}

.kuang.line2.gsjs {
    margin-top: 50px;
}

    .kuang.line2.gsjs .content {
        background: #f8f8f8;
        display: flex;
    }

        .kuang.line2.gsjs .content .left1 {
            flex: 2;
        }

            .kuang.line2.gsjs .content .left1 .desc {
                line-height: 30px;
                padding: 30px;
                text-indent: 2rem;
            }

                .kuang.line2.gsjs .content .left1 .desc a {
                    -webkit-line-clamp: 6;
                    font-size: 16px;
                }

            .kuang.line2.gsjs .content .left1 .more {
                padding: 0px 30px;
                margin-top: 0px;
            }

                .kuang.line2.gsjs .content .left1 .more a {
                    background: #3388ff;
                    border: #3388ff 1px solid;
                    color: #fff;
                    padding: 5px 10px;
                    font-size: 18px;
                }

                    .kuang.line2.gsjs .content .left1 .more a:hover {
                        background: #2170d9;
                    }

        .kuang.line2.gsjs .content .left2 {
            flex: 3;
        }

            .kuang.line2.gsjs .content .left2 .img {
                overflow: hidden;
            }

            .kuang.line2.gsjs .content .left2 img {
                width: 100%;
                object-fit: cover;
                /*height: 280px;*/
                transition: transform 0.5s ease; /* 动画效果 */
                transform: scale(1); /* 初始缩放比例 */
            }

                .kuang.line2.gsjs .content .left2 img:hover {
                    cursor: pointer;
                    box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.13);
                    transform: scale(1.2); /* 鼠标悬停时放大1.2倍 */
                }

.kuang.line4.hzys {
    margin-top: 50px;
}

    .kuang.line4.hzys .content {
    }

        .kuang.line4.hzys .content ul {
        }

            .kuang.line4.hzys .content ul li {
            }

                .kuang.line4.hzys .content ul li img {
                    width: 100%;
                }

.gt-jmy-pc-form-container .main-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: -moz-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.gt-jmy-pc-form-container .form-inputs-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: -moz-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: auto;
    align-items: center;
    width: calc(790 * var(0.0625em));
    width: 100%;
}

.form-item-container :not(:nth-of-type(2n)) {
    margin-right: calc(10 * var(0.0625rem));
    width: 100%;
}

.gt-jmy-pc-form-container .form-inputs-box .form-item-container {
    width: calc(390 * var(0.0625em));
    margin: 0 auto calc(20 * var(0.0625rem));
    width: 100%;
}

.form-item-container .item-label-container {
    margin-bottom: calc(10 * var(0.0625rem));
    width: 100%;
}

.gt-jmy-pc-form-container .label-text {
    font-size: 16px;
    line-height: 16px;
    color: #999;
}

.gt-jmy-pc-form-container .label-required {
    font-size: 16px;
    line-height: 16px;
    color: #ff1212;
}

.kuang.line3.hzys {
    margin-top: 50px;
}

.groot-ui-input {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    line-height: calc(60 * var(0.0625rem));
    min-width: calc(350 * var(0.0625rem));
    width: 100%;
    min-height: calc(60 * var(0.0625rem));
    padding-left: calc(20 * var(0.0625rem));
    background-color: var(--groot-ui-color-gray-3);
    cursor: pointer;
    color: var(--groot-ui-color-gray-9);
    border-radius: var(--groot-ui-border-radius-1);
    height: 60px;
}

    .groot-ui-input .input-box {
        outline: none;
        border: 0;
        background-color: transparent;
        box-sizing: border-box;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 1;
        padding: 0 calc(20 * var(0.0625rem));
        font-size: var(--groot-ui-font-size-l);
        color: var(--groot-ui-color-gray-10);
        caret-color: var(--groot-ui-color-brand-6);
        -moz-appearance: textfield;
        border: #dddddd 1px solid;
    }

.form-inputs-box {
    display: flex;
}

.form-item-container.form-item-container-name {
    flex: 1;
    margin: 10px 10px;
}

.gt-jmy-pc-form-container .form-inputs-box {
    width: 70%;
    margin: 0 auto;
}

.item-label-container {
    margin-bottom: 10px;
}

input#btn_zixun, .kuang .more .title .dhzx {
    background: #2170d9;
    padding: 10px;
    height: auto;
    width: 30%;
    font-size: 18px;
}

.kuang .more .title .dhzx {
    color: #fff;
    text-decoration: none;
    font-weight: initial;
}

body {
}

.kuang .title {
    text-align: center;
    text-align: center;
    font-size: 30px;
    margin: calc(16 * var(--groot-ui-rpx)) 0 0 0;
    font-weight: var(--groot-ui-font-weight-2);
    line-height: 1;
}

.kuang .tips {
    text-align: center;
    font-size: var(--groot-ui-font-size-l);
    text-align: center;
    margin-top: var(--groot-ui-spacing-unit-3);
    margin-bottom: calc(30 * var(--groot-ui-rpx));
    color: var(--groot-ui-color-gray-7);
}
.kuang {
    width: 1200px;
    margin: 0 auto;
    margin-top: 30px;
}
    .kuang.line2.gsjs .content {
        background: #f8f8f8;
        display: flex;
        margin-top: 20px;
    }
        .kuang.line2.gsjs .content .left1 .desc {
            line-height: 30px;
            padding: 30px;
            text-indent: 2rem;
            padding-bottom: 10px;
            padding-top: 0px;
        }
            .kuang.line2.gsjs .content .left1 .desc a {
                -webkit-line-clamp: 7;
                font-size: 16px;
            }