* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    transition-property: all;
    -ms-transition-property: all;
    -moz-transition-property: all;
    -webkit-transition-property: all;
    -o-transition-property: all;
}

body {
    font-family: "microsoft yahei";
    color: #333;
    font-size: 1rem;
    background: #FFFFFF;
    line-height: 26px;
}

a {
    text-decoration: none;
    -webkit-transition: all ease .1s;
    -moz-transition: all ease .1s;
    transition: all ease .1s;
    border: none;
    color: #333;
}

    a:focus {
        outline: 0
    }

    a:hover {
        color: #32a0f3;
    }

img {
    border: none;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    transition: all ease .5s;
}

ul, li {
    list-style: none;
}

.clear {
    clear: both;
}

.clearfix {
    clear: both;
}

p {
    margin: 0 auto;
    padding: 0;
}

.padding5 {
    padding: 5px;
}

.padding10 {
    padding: 10px;
}

.padding15 {
    padding: 15px;
}

.padding20 {
    padding: 20px;
}

.padding30 {
    padding: 30px;
}

.padding40 {
    padding: 40px;
}

.fr {
    float: right;
}

.fl {
    float: left;
}

.paddingright {
    padding-right: 10px;
}

.paddingleft {
    padding-left: 10px;
}

.undis {
    display: block;
    background-size: cover;
}

.dis {
    display: none;
}

.pr5 {
    padding-right: 5px;
}

.red {
    color: #f00;
}

.fff {
    color: #fff;
}

.pdt30 {
    padding-top: 30px;
}

.txtcenter {
    text-align: center;
}

.auto1280 {
    width: 1360px;
    margin: 0 auto;
}

.auto_1280 {
    width: 1360px;
    margin: 0 auto;
}

.flex {
    display: flex;
    flex-wrap: wrap;
}

.flex-center {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.flex-center2 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.flex-center1 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex-center-contain {
    justify-content: space-between;
}

.flex-center-contain1 {
    justify-content: space-between;
    align-items: center;
}

.flex-center-contain2 {
    align-items: center;
}

.flex-center-contain3 {
    align-items: flex-start;
    justify-content: center;
}

em, i {
    font-style: normal;
}

h1, h2, h3, h4, h5, b, strong {
    color: #111111;
}

/* 1) 统一变量（不影响旧代码，只用于下面新增样式） */
:root {
    --c-primary: #32a0f3;
    --c-primary2: #3668ff;
    --c-accent: #2FC1EB;
    --c-text: #111;
    --c-muted: #667085;
    --c-border: #e6e8eb;
    --c-bg: #f7f9fc;
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --shadow-sm: 0 6px 16px rgba(17,24,39,.08);
    --shadow-md: 0 14px 34px rgba(17,24,39,.12);
}

::-webkit-scrollbar {
    width: 6px;
    height: 5px;
}


::-webkit-scrollbar-track {
    background-color: #f5f5f5;
    border-radius: 10px;
}


::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 10px;
}


    ::-webkit-scrollbar-thumb:hover {
        background-color: #555;
    }

#home .home,
#products .products,
#solution .solution,
#application .application,
#contact .contact,
#service .service,
#newsT .newsT,
#about .about {
    color: #32A0F3;
    border-bottom: 3px solid #32A0F3;
}



.HeaderM {
    display: none;
}


input, button, select, textarea {
    outline: none;
    font-family: "arial, helvetica, sans-serif";
}

textarea {
    resize: none;
}

input[type="button"], input[type="submit"], input[type="reset"], input[type="text"] {
    -webkit-appearance: none;
    font-weight: normal;
}

input[type="button"], input[type="submit"], input[type="reset"] {
    cursor: pointer;
}

a, button {
    cursor: pointer;
}

#warp {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.max80 {
    width: 80%;
    margin: 0 auto;
}

header.current {
    position: fixed;
    left: 0;
    top: 0;
    box-shadow: 3px 3px 20px 0 rgba(0,0,0,.1);
    z-index: 999;
}


header {
    width: 100%;
    background: #FFFFFF;
    padding: 25px 0;
}

.header-box {
    width: 80%;
    margin: 0 auto;
}

header .logo {
    border: 1px solid #c9dedd;
    border-radius: 42px;
    padding: 10px 21px;
    background: rgba(255, 255, 255, .85);
    box-shadow: 0 8px 22px rgba(54,104,255,.22);
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
    overflow: hidden;
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
    overflow: hidden;
}


    header .logo a {
        display: block;
        width: 185px;
        height: 28px;
        background: url(../images/logo.png) no-repeat;
        background-size: 100%;
    }

        header .logo a h1 {
            display: none;
        }

header .header-right {
}

header .header-lang {
    padding-left: 20px;
    cursor: pointer;
    line-height: 45px;
    position: relative;
}

    header .header-lang span {
        padding: 0 5px;
    }

    header .header-lang:hover ul {
        display: block;
    }

    header .header-lang ul {
        display: none;
        position: absolute;
        width: 120px;
        height: auto;
        background: #FFFFFF;
        border-radius: 6px;
        box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1);
        z-index: 666;
    }

        header .header-lang ul li {
            height: 42px;
            line-height: 42px;
            border-bottom: 1px solid #EEEEEE;
            text-align: center;
        }

            header .header-lang ul li a {
                display: block;
            }

            header .header-lang ul li:last-child {
                border-bottom: none;
            }


header nav.Hnav {
    height: 100%;
}

    header nav.Hnav li {
        padding: 0 15px;
        font-size: 1rem;
        height: 45px;
        line-height: 45px;
        position: relative;
    }

        header nav.Hnav li a {
            color: #333;
            display: inline-block;
            font-weight: bold;
        }

            header nav.Hnav li a:hover {
                color: #32a0f3;
            }



        header nav.Hnav li ul {
            display: none;
            position: absolute;
            left: 0;
            z-index: 999;
            top: 45px;
            background: #FFFFFF;
            border-top: 3px solid #32a0f3;
            border-radius: 6px;
            box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1);
            width: 220px;
        }

            header nav.Hnav li ul li {
                height: 42px;
                line-height: 42px;
                font-size: 0.9rem;
                border-bottom: 1px solid #EEEEEE;
                padding: 0;
                position: relative;
            }

                header nav.Hnav li ul li a {
                    display: block;
                    padding: 0 15px;
                    font-weight: normal;
                    font-size: 0.9rem;
                    color: #333333;
                }

                    header nav.Hnav li ul li a i {
                        line-height: 42px;
                    }

                    header nav.Hnav li ul li a:hover {
                        background: #32a0f3;
                        color: #FFFFFF;
                        border-bottom: none;
                    }

                header nav.Hnav li ul li:last-child {
                    border-bottom: none;
                }

                header nav.Hnav li ul li ul {
                    position: absolute;
                    left: 221px;
                    top: 0;
                    border-top: none;
                }


.searchshow {
    width: 276px;
    height: 45px;
    background: #FFFFFF;
    border-radius: 8px;
    border: 2px solid #3668FF;
}

    .searchshow input {
        width: 76%;
        height: 41px;
        padding: 0 20px;
        border-radius: 6px 0px 0px 6px;
        line-height: 41px;
        border: none;
        background: #FFFFFF;
    }

    .searchshow button {
        width: 24%;
        height: 41px;
        line-height: 41px;
        border: none;
        background: none;
        font-size: 1.1rem;
        color: #FFFFFF;
        text-align: center;
        background: linear-gradient( 90deg, #3668FF 0%, #2FC1EB 100%);
        border-radius: 0px 6px 6px 0px;
    }







/**banner**/
.main_visual .owl-carousel, .main_visual .owl-stage-outer, .main_visual .owl-stage, .main_visual .owl-carousel .owl-item {
    width: 100%;
    height: 100%;
}

    .main_visual .owl-carousel .item {
        width: 100%;
        height: 100%;
        overflow: hidden;
        margin: 0 auto;
    }

        .main_visual .owl-carousel .item a {
            display: block;
            width: 100%;
            height: 100%;
        }

        .main_visual .owl-carousel .item img {
            width: 100%;
            height: 100%;
            display: block;
        }

.main_visual .owl-prev, .main_visual .owl-next {
    width: 12px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: absolute;
    top: 50%;
    margin-top: -9px;
    text-indent: -999px;
    overflow: hidden;
}

.main_visual .owl-prev {
    background-image: url(../images/PL.png);
    left: 5%;
}

.main_visual .owl-next {
    background-image: url(../images/PR.png);
    right: 5%;
}

.main_visual .owl-dots {
    width: 100%;
    text-align: center;
    height: 10px;
    position: absolute;
    left: 0;
    bottom: 20px;
    z-index: 999;
}

    .main_visual .owl-dots .owl-dot {
        display: inline-block;
        margin: 0 4px;
    }

        .main_visual .owl-dots .owl-dot span {
            display: inline-block;
            width: 10px;
            height: 10px;
            background: #FFFFFF;
            border-radius: 50%;
        }

.main_visual .owl-dot.active span {
    background: #32a0f3;
}

.main_visual .owl-controls {
    height: 0;
}

.main_visual .owl-nav {
    height: 0;
}

.main_visual .owl-carousel .item img.Bpic {
    display: block;
}

.main_visual .owl-carousel .item img.Bmpic {
    display: none;
}


.home-title {
    padding: 60px 0 30px 0;
}

.home-title-left {
}

    .home-title-left h2 {
        font-size: 2rem;
        line-height: 44px;
    }

    .home-title-left p {
        line-height: 36px;
    }

.home-title a {
    display: inline-block;
    color: #FFFFFF;
    font-size: 0.9rem;
    height: 43px;
    line-height: 43px;
    padding: 0 30px;
    background: linear-gradient( 90deg, #319FF2 0%, #3668FF 100%);
    border-radius: 30px;
}

    .home-title a:hover {
        background: linear-gradient( 90deg, #3668FF 0%, #319FF2 100%);
    }

.home-title li {
    cursor: pointer;
    margin-left: 12px;
    height: 34px;
    line-height: 32px;
    border-radius: 17px;
    font-size: 0.9rem;
    padding: 0 40px;
    border: 1px solid #CCCCCC;
}

    .home-title li.thistab {
        color: #FFFFFF;
        background: linear-gradient( 90deg, #319FF2 0%, #3668FF 100%);
        border: none;
    }

/* =========================
   Product Center Cards (based on your css)
   ========================= */

.home-products {
    padding-bottom: 20px;
}

/* 一张卡片 */
.home-products-item {
    width: 100%;
    border-radius: 18px;
    border: 1px solid #E6EEF8;
    cursor: pointer;
    position: relative;
    background: #fff;
    overflow: hidden; /* 保证圆角内不露边 */
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

    /* 顶部蓝色条：hover 时也保留 */
    .home-products-item:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 4px;
        background: linear-gradient(90deg, #319ff2, #39c3ff);
        z-index: 2;
    }

/* 图片区域：统一主色调的浅蓝渐变背景 */
.home-products-item-pic {
    width: 100%;
    height: auto;
    text-align: center;
    border-radius: 18px 18px 0 0;
    background: radial-gradient(120% 90% at 50% 12%, rgba(49,159,242,.26) 0%, rgba(49,159,242,.10) 45%, rgba(255,255,255,1) 78%);
    border-bottom: 1px solid #EAF2FF;
    padding: 22px 15px 26px;
    position: relative;
}

    /* 图片大小（你原来 width:100% 会导致不同图片撑满） */
    .home-products-item-pic img {
        width: 170px;
        height: 170px;
        object-fit: contain;
        display: inline-block;
        transform: translateZ(0);
        transition: transform .25s ease;
    }

/* 信息区 */
.home-products-item-info {
    width: 100%;
    height: auto;
    padding: 18px 20px 20px;
    background: #fff;
    transition: background .25s ease;
}

    /* 标题（默认显示） */
    .home-products-item-info a.prolinks1 {
        display: block;
        width: 100%;
        height: 46px;
        line-height: 46px;
        border-bottom: 1px solid #EAF2FF;
        color: #0F172A;
        font-size: 1.0rem;
        font-weight: 800;
        letter-spacing: .2px;
        /* hover 时“文字不见”但占位不塌陷 */
        opacity: 1;
        visibility: visible;
        transition: opacity .18s ease, visibility .18s ease;
    }

    /* Read More */
    .home-products-item-info a.prolinks2 {
        font-size: 0.95rem;
        line-height: 20px;
        margin-top: 14px;
        display: inline-flex;
        align-items: center;
        gap: 10px;
        padding: 12px 16px;
        border-radius: 999px;
        border: 1px solid #BFE3FF;
        color: #319ff2;
        background: #F4FAFF;
        transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
    }

        /* 你原本的 span 小图标 */
        .home-products-item-info a.prolinks2 span {
            margin-left: 0;
            display: inline-block;
            width: 20px;
            height: 20px;
            background: url(../images/prolinks.png) no-repeat;
        }

/* hover 效果：抬起 + 阴影（不使用 inset/rgba 那套） */
.home-products-item:hover {
    border-color: #7CCBFF;
    transform: translateY(-6px);
    box-shadow: 0 14px 34px rgba(15, 23, 42, .12);
}

    /* hover 时图片轻微放大 */
    .home-products-item:hover .home-products-item-pic img {
        transform: scale(1.06);
    }


    /* hover 时 Read More 按钮变主色 */
    .home-products-item:hover .home-products-item-info a.prolinks2 {
        background: #319ff2;
        border-color: #319ff2;
        color: #fff;
        transform: translateY(-1px);
    }

        .home-products-item:hover .home-products-item-info a.prolinks2 span {
            background: url(../images/prolinks1.png) no-repeat;
        }


/* =========================
   Owl Carousel 修复阴影被裁切（关键）
   你现在“投影出不来”大概率就是这里裁掉了
   ========================= */

/* 方案A（推荐）：让 stage-outer 不裁切阴影 */
.main_visual3 .owl-stage-outer {
    overflow: visible !important;
}

/* 防止可视区域太紧，给一点上下空间，阴影更自然 */
.main_visual3 .owl-stage {
    padding: 12px 0 22px;
}

/* 每个 item 允许阴影显示 */
.main_visual3 .owl-carousel .owl-item {
    overflow: visible;
}

/* 你原本的保持 */
.main_visual3 .owl-carousel, .main_visual3 .owl-stage-outer, .main_visual3 .owl-stage, .main_visual3 .owl-carousel .owl-item {
    width: 100%;
    height: 100%;
}

    .main_visual3 .owl-carousel .item {
        width: 100%;
        height: 100%;
        margin: 0 auto;
        overflow: visible; /* 重要：别 hidden */
    }

.main_visual3 .owl-prev, .main_visual3 .owl-next {
    display: none;
    text-indent: -999px;
}

.main_visual3 .owl-dots {
    width: 100%;
    text-align: center;
    height: 10px;
    position: absolute;
    left: 0;
    bottom: -30px;
    z-index: 999;
}

    .main_visual3 .owl-dots .owl-dot {
        display: inline-block;
        margin: 0 4px;
    }

        .main_visual3 .owl-dots .owl-dot span {
            display: inline-block;
            width: 10px;
            height: 10px;
            background: #ccc;
            border-radius: 50%;
        }

.main_visual3 .owl-dot.active span {
    background: #32a0f3;
}

.main_visual3 .owl-controls {
    height: 0;
}

.main_visual3 .owl-nav {
    height: 0;
}



.home-solution {
    width: 100%;
}

.main_visual1 .owl-carousel, .main_visual1 .owl-stage-outer, .main_visual1 .owl-stage, .main_visual1 .owl-carousel .owl-item {
    width: 100%;
    height: 100%;
}

    .main_visual1 .owl-carousel .item {
        width: 100%;
        height: 100%;
        overflow: hidden;
        margin: 0 auto;
        position: relative;
    }

        .main_visual1 .owl-carousel .item img {
            width: 100%;
            height: auto;
            display: block;
        }

        .main_visual1 .owl-carousel .item .homesoubox {
            position: absolute;
            left: 0;
            top: 0;
            z-index: 666;
            width: 100%;
            height: 100%;
        }

            .main_visual1 .owl-carousel .item .homesoubox .auto1280 {
                height: 100%;
            }

        .main_visual1 .owl-carousel .item .homesouitem {
            width: 40%;
            height: 100%;
            background: url(../images/souinfo.png) no-repeat;
            padding: 60px;
            color: #FFFFFF;
        }

            .main_visual1 .owl-carousel .item .homesouitem img {
                width: 63px;
                height: 72px;
            }

            .main_visual1 .owl-carousel .item .homesouitem h3 {
                color: #FFFFFF;
                font-size: 1.4rem;
                line-height: 46px;
                height: 46px;
                overflow: hidden;
                margin-top: 20px;
            }

            .main_visual1 .owl-carousel .item .homesouitem p {
                line-height: 30px;
                height: 30px;
                overflow: hidden;
                margin-top: 10px;
            }

            .main_visual1 .owl-carousel .item .homesouitem a {
                display: inline-block;
                color: #FFFFFF;
                font-size: 0.9rem;
                height: 43px;
                line-height: 41px;
                border: 1px solid #FFFFFF;
                border-radius: 30px;
                padding: 0 30px;
                margin-top: 50px;
            }

                .main_visual1 .owl-carousel .item .homesouitem a:hover {
                    background: #FFFFFF;
                    color: #32A0F3;
                }


.main_visual1 .owl-prev, .main_visual1 .owl-next {
    width: 18px;
    height: 27px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: absolute;
    top: 50%;
    margin-top: -13px;
    text-indent: -999px;
    overflow: hidden;
}

.main_visual1 .owl-prev {
    background-image: url(../images/AL.png);
    left: 5%;
}

.main_visual1 .owl-next {
    background-image: url(../images/AR.png);
    right: 5%;
}

.main_visual1 .owl-dots {
    width: 1360px;
    height: 8px;
    position: absolute;
    left: 50%;
    margin-left: -620px;
    bottom: 30px;
    z-index: 999;
}

    .main_visual1 .owl-dots .owl-dot {
        display: inline-block;
        margin: 0 4px;
    }

        .main_visual1 .owl-dots .owl-dot span {
            display: inline-block;
            width: 8px;
            height: 8px;
            background: url(../images/soui.png) no-repeat;
        }

.main_visual1 .owl-dot.active span {
    background: url(../images/souis.png) no-repeat;
}

.main_visual1 .owl-controls {
    height: 0;
}

.main_visual1 .owl-nav {
    height: 0;
}


.home-about {
    width: 100%;
    height: auto;
    background: url(../images/homeaboutbg.png) no-repeat center;
    background-size: cover;
    padding-bottom: 70px;
}

.home-about-box {
}

.home-about-box-left {
    width: 50%;
    height: auto;
    background: url(../images/home-aboutleft.png) no-repeat center;
    background-size: cover;
    padding: 45px 35px;
}

    .home-about-box-left h2 {
        font-size: 1.1rem;
        font-weight: normal;
        height: 28px;
        line-height: 28px;
    }

        .home-about-box-left h2 b {
            font-weight: normal;
            display: block;
        }

        .home-about-box-left h2 span {
            display: block;
            width: 20px;
            height: 2px;
            background: #319FF2;
            margin-left: 10px;
        }

    .home-about-box-left h3 {
        font-size: 1.4rem;
        line-height: 46px;
        margin-bottom: 15px;
    }

    .home-about-box-left p {
        font-size: 0.9rem;
        line-height: 26px;
    }

    .home-about-box-left a {
        display: inline-block;
        color: #FFFFFF;
        font-size: 0.9rem;
        height: 43px;
        margin-top: 35px;
        line-height: 43px;
        padding: 0 30px;
        background: linear-gradient( 90deg, #319FF2 0%, #3668FF 100%);
        border-radius: 30px;
    }

        .home-about-box-left a:hover {
            background: linear-gradient( 90deg, #3668FF 0%, #319FF2 100%);
        }

.home-about-box-right {
    width: 50%;
    height: auto;
    padding: 30px;
    background: url(../images/homeaboutright.jpg) no-repeat center;
    color: #FFFFFF;
    text-align: center;
    background-size: cover;
    border-radius: 0px 6px 6px 0px;
}

    .home-about-box-right h2 {
        color: #FFFFFF;
        font-size: 2rem;
        line-height: 48px;
    }

    .home-about-box-right p {
        font-size: 0.9rem;
        line-height: 26px;
    }

    .home-about-box-right a {
        display: inline-block;
        color: #FFFFFF;
        font-size: 0.9rem;
        height: 43px;
        line-height: 41px;
        border: 1px solid #FFFFFF;
        border-radius: 30px;
        padding: 0 30px;
        margin-top: 30px;
    }

        .home-about-box-right a:hover {
            background: #FFFFFF;
            color: #32A0F3;
        }

.home-blog {
}

.home-blog-list dl {
    width: 23%;
    height: auto;
}

    .home-blog-list dl dt {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

        .home-blog-list dl dt a:hover img {
            transform: scale(1.1);
            -webkit-transform: scale(1.1);
        }

        .home-blog-list dl dt img {
            width: 100%;
            height: auto;
            border-radius: 6px;
        }

    .home-blog-list dl dd {
        padding: 20px 0;
    }

        .home-blog-list dl dd a.bloglinks1 {
            color: #111111;
            font-size: 1.1rem;
            font-weight: bold;
            line-height: 28px;
            height: 56px;
            overflow: hidden;
        }

            .home-blog-list dl dd a.bloglinks1:hover {
                color: #32A0F3;
            }

        .home-blog-list dl dd p {
            color: #666;
            margin: 10px 0;
            line-height: 32px;
        }

        .home-blog-list dl dd a.bloglinks2 {
            border-radius: 30px;
            display: inline-block;
            font-size: 0.9rem;
            padding: 0 40px;
            border: 1px solid #CCCCCC;
            height: 43px;
            line-height: 41px;
        }

        .home-blog-list dl dd a:hover.bloglinks2 {
            color: #FFFFFF;
            background: linear-gradient( 90deg, #319FF2 0%, #3668FF 100%);
            border: none;
        }


footer {
}

.footer-box {
    width: 100%;
    height: auto;
    background: url(../images/footer.png) no-repeat center;
    background-size: cover;
    padding: 70px 0;
}

.footer-box-menu {
    width: 68%;
    height: auto;
    border-right: 2px solid #c7cacc;
    padding-right: 80px;
}

    .footer-box-menu dl dt h2 {
        font-size: 1.2rem;
        line-height: 24px;
        margin-bottom: 12px;
    }

    .footer-box-menu dl dt em {
        display: block;
        width: 24px;
        height: 2px;
        background: linear-gradient( 90deg, #319FF2 0%, #3668FF 100%);
    }

    .footer-box-menu dl dd {
        padding-top: 15px;
    }

        .footer-box-menu dl dd a {
            display: block;
            line-height: 30px;
        }

.footer-box-contact {
    width: 32%;
    padding-left: 80px;
}

    .footer-box-contact h2 {
        font-size: 1.2rem;
        line-height: 24px;
        margin-bottom: 12px;
    }

    .footer-box-contact em {
        display: block;
        width: 24px;
        height: 2px;
        background: linear-gradient( 90deg, #319FF2 0%, #3668FF 100%);
        margin-bottom: 17px;
    }

    .footer-box-contact dl {
        width: 100%;
        margin-top: 10px;
    }

        .footer-box-contact dl dt {
            width: 16px;
        }

        .footer-box-contact dl dd {
            width: calc(100% - 16px);
            padding-left: 8px;
        }

.footer-box-contact-share {
    margin-top: 25px;
}

    .footer-box-contact-share a {
        position: relative;
        margin-right: 15px;
    }

        .footer-box-contact-share a:hover .fwx {
            display: block;
        }

        .footer-box-contact-share a .fwx {
            display: none;
            width: 160px;
            height: 160px;
            background: #FFFFFF;
            border-radius: 6px;
            padding: 10px;
            text-align: center;
            position: absolute;
            left: 0;
            bottom: 52px;
        }

            .footer-box-contact-share a .fwx img {
                width: 140px;
                height: 140px;
            }



.footer-copy {
    color: #FFFFFF;
    width: 100%;
    background: url(../images/footer-copy.png) no-repeat center;
    background-size: cover;
    line-height: 24px;
    padding: 20px 0;
}

    .footer-copy a {
        color: #FFFFFF;
    }

        .footer-copy a:hover {
            text-decoration: underline;
        }



.optain {
    display: none;
}

.fposi {
    display: none;
}

#mmenu {
    opacity: 0;
}


.banner2 {
    width: 100%;
    height: 250px;
}

.banner2info {
    text-align: left;
    color: #FFFFFF;
}

    .banner2info h1 {
        font-size: 1.4rem;
        line-height: 52px;
        color: #222;
    }

    .banner2info em {
        display: block;
        width: 48px;
        height: 4px;
        background: #319ff2;
        margin-top: 16px;
    }

.abmenu {
    width: 100%;
    height: 50px;
    line-height: 50px;
    position: relative;
    z-index: 333;
    border-bottom: 3px solid #EEEEEE;
}

.abmenuL {
}

    .abmenuL a {
        display: block;
        float: left;
        padding: 0 25px;
        font-size: 1rem;
    }

        .abmenuL a:hover {
            background: #32a0f3;
            color: #FFFFFF;
        }

#lm_hover {
    color: #FFFFFF;
    background: linear-gradient( 90deg, #3667ff 0%, #2FC1EB 100%);
    font-weight: bold;
}

.abmenuR i {
    padding-right: 10px;
    color: #32a0f3;
    margin-top: 15px;
    font-size: 20px;
}

.abmenuR a {
    margin: 0 5px;
}

.pro-lanmu {
    display: none;
}

.navbar-nav-more-body {
    display: none;
}



.about-box {
}

.about-box-left {
    width: 50%;
    height: auto;
    background: url(../images/ab1bg.png) no-repeat center;
    background-size: cover;
    padding: 45px 35px;
}

    .about-box-left h2 {
        font-size: 1.1rem;
        font-weight: normal;
        height: 28px;
        line-height: 28px;
    }

        .about-box-left h2 b {
            font-weight: normal;
            display: block;
        }

        .about-box-left h2 span {
            display: block;
            width: 20px;
            height: 2px;
            background: #319FF2;
            margin-left: 10px;
        }

    .about-box-left h3 {
        font-size: 1.4rem;
        line-height: 46px;
        margin-bottom: 15px;
    }

    .about-box-left p {
        font-size: 0.9rem;
        line-height: 26px;
    }

.about-box-right {
    width: 50%;
    height: auto;
    border-radius: 0px 6px 6px 0px;
}

    .about-box-right img {
        width: 100%;
        height: auto;
        border-radius: 0px 6px 6px 0px;
    }



.about-culture {
}

    .about-culture dl {
        width: 23.5%;
        height: auto;
        background: #F7F9FC;
        border-radius: 24px;
        text-align: center;
        padding: 70px 50px;
        cursor: pointer;
    }

        .about-culture dl dd {
            padding-top: 40px;
        }

            .about-culture dl dd b {
                display: block;
                color: #111111;
                font-size: 1.6rem;
                line-height: 52px;
            }

            .about-culture dl dd p {
                margin-top: 10px;
                font-size: 0.9rem;
            }

        .about-culture dl:hover {
            background: url(../images/abcdlbg.png) no-repeat center;
            background-size: cover;
            color: #FFFFFF;
        }

            .about-culture dl:hover b {
                color: #FFFFFF;
            }

            .about-culture dl:hover img {
                filter: invert(1) brightness(2) grayscale(1);
            }

.about-culture2 {
    margin-top: 60px;
    width: 100%;
    height: auto;
    color: #FFFFFF;
    background: url(../images/abcbg.jpg) no-repeat center;
    background-size: cover;
    padding: 50px 0;
}


    .about-culture2 dl dd {
        padding-left: 20px;
    }

        .about-culture2 dl dd b {
            color: #FFFFFF;
            font-size: 1.1rem;
            display: block;
            line-height: 30px;
        }

        .about-culture2 dl dd p {
            line-height: 22px;
            font-size: 1rem;
        }


.about-value {
    width: 100%;
    height: auto;
    background: url(../images/abvaluebg.jpg) no-repeat center;
    background-size: cover;
    padding: 60px 0;
}

.about-value-left {
    width: 50%;
    padding-right: 80px;
}

    .about-value-left h2 {
        font-size: 1.8rem;
        line-height: 42px;
    }

    .about-value-left h3 {
        font-size: 1.2rem;
        line-height: 30px;
    }

    .about-value-left p {
        margin-top: 40px;
    }

.about-value-right {
    width: 50%;
    height: auto;
}

    .about-value-right img {
        width: 100%;
        height: auto;
    }


.about-fac {
    padding-bottom: 80px;
}

.main_visual2 .owl-carousel, .main_visual2 .owl-stage-outer, .main_visual2 .owl-stage, .main_visual2 .owl-carousel .owl-item {
    width: 100%;
    height: 100% !important;
}

    .main_visual2 .owl-carousel .item {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center center;
        -webkit-background-size: cover;
        background-size: cover;
    }

        .main_visual2 .owl-carousel .item img {
            width: 100%;
            height: auto;
            border-radius: 8px;
        }

.main_visual2 .owl-prev, .main_visual2 .owl-next {
    display: none;
    text-indent: -999px;
    overflow: hidden;
}

.main_visual2 .owl-dots {
    width: 100%;
    text-align: center;
    height: 4px;
    position: absolute;
    left: 0;
    bottom: -30px;
    z-index: 999;
}

    .main_visual2 .owl-dots .owl-dot {
        display: inline-block;
        margin: 0 4px;
    }

        .main_visual2 .owl-dots .owl-dot span {
            display: inline-block;
            width: 20px;
            height: 4px;
            background: #CCCCCC;
            border-radius: 4px;
        }

.main_visual2 .owl-dot.active span {
    background: #32A0F3;
}

.main_visual2 .owl-nav {
    display: none;
    height: 0;
}


.about-info {
    padding: 25px 0;
}

    .about-info img {
        max-width: 100%;
    }

.about-img-list {
    padding: 25px 0;
}

    .about-img-list dl {
        width: 32%;
        height: auto;
        text-align: center;
        margin: 0.5%;
    }

        .about-img-list dl img {
            width: 100%;
            height: auto;
        }

        .about-img-list dl dd {
            width: 100%;
            height: 58px;
            line-height: 58px;
            font-size: 18px;
            background: #F5F5F5;
        }

/*==????????==*/
.ContactInner {
    padding-bottom: 0px !important
}

    .ContactInner .long .left, .ContactInner .long .right, .ContactInner #dituContent {
        height: 550px;
    }

    .ContactInner .long .left {
        width: 50%;
    }

        .ContactInner .long .left img {
        }

    .ContactInner .long .right {
        position: relative;
        width: 50%; /* border:1px #ddd solid;*/
        padding: 30px;
        background: #f7f7f7;
        box-sizing: border-box;
    }

        .ContactInner .long .right .title {
            color: #333333;
            font-size: 26px;
        }

        .ContactInner .long .right .tel {
            position: relative;
            margin-top: 25px;
            color: #333333;
            font-size: 14px;
            display: block;
        }

            .ContactInner .long .right .tel font {
                margin-top: 10px;
                font-size: 30px;
                color: #32a0f3;
                display: block;
                font-weight: bold;
            }

        .ContactInner .long .right .wx {
            min-height: 156px;
            margin-top: 20px;
            color: #333333;
            font-size: 14px;
            display: block;
            line-height: 26px;
        }

        .ContactInner .long .right .consult {
            position: absolute;
            top: 100px;
            right: 60px;
        }

        .ContactInner .long .right .ewm {
            position: relative;
            color: #737373;
            font-size: 12px;
            text-align: center;
            display: block;
            line-height: 15px;
        }

            .ContactInner .long .right .ewm img {
                width: 120px;
                display: block;
                margin: 0 auto 5px;
            }

        .ContactInner .long .right .online { /* float:left;*/
            color: #fff;
            margin: 30px auto 0;
            font-size: 14px;
            padding: 8px 40px;
            background: #32a0f3;
            display: block;
            border-radius: 20px;
            text-align: center;
        }

            .ContactInner .long .right .online:hover {
                background: #666;
            }

    .ContactInner .map {
    }

    .ContactInner #dituContent {
        height: 550px;
    }

        .ContactInner #dituContent img {
            max-width: initial;
        }





/*==?????????==*/

.MessageCon {
    background: url(../images/MessageBg.jpg) no-repeat center;
    background-size: cover;
    padding: 100px 0;
}

    .MessageCon .long {
        padding: 80px;
        background: #fff;
    }

    .MessageCon .title {
        margin-bottom: 40px;
        overflow: hidden;
    }

        .MessageCon .title h2 {
            float: left;
            color: #191919;
            font-size: 24px;
        }

        .MessageCon .title .tel {
            float: right;
            margin-top: 25px;
            color: #333333;
            font-size: 26px; /*font-weight: bold;*/
        }

            .MessageCon .title .tel em {
                display: block;
                float: left;
                margin-right: 10px;
                margin-top: 5px;
                color: #333;
                font-size: 25px;
                font-weight: 400;
                font-family: "iconfont";
            }

    .MessageCon input {
        position: relative;
        float: left;
        width: 49.5%;
        margin-bottom: 1%
    }

    .MessageCon .block:nth-child(2n+1) {
    }

    .MessageCon input, .MessageCon textarea {
        padding: 15px 20px 15px 45px;
        border: 1px #ddd solid;
        background-repeat: no-repeat;
        background-position: 15px 17px;
        box-sizing: border-box;
    }

    .MessageCon textarea {
        width: 100%;
        height: 120px;
    }

    .MessageCon button {
        width: 25%;
        margin-top: 20px;
        padding: 16px 0;
        border: none;
        color: #fff;
        font-size: 14px;
        background: #666;
    }

        .MessageCon button:hover {
            background: #32a0f3
        }

    .MessageCon .x1 {
        background-image: url(../images/ico201.png);
    }

    .MessageCon .x2 {
        background-image: url(../images/ico202.png);
        margin-left: 1%;
    }

    .MessageCon .x3 {
        background-image: url(../images/ico203.png);
    }

    .MessageCon .x4 {
        background-image: url(../images/ico204.png);
        margin-left: 1%;
    }

    .MessageCon .x5 {
        background-image: url(../images/ico205.png);
    }





/*==????????==*/
.form-item {
    display: flex;
    flex-wrap: wrap;
}

    .form-item .shell {
        display: flex;
        width: calc(50% - 20px);
        margin-bottom: 20px;
        border: 1px #ddd solid;
        padding: 10px 20px;
        align-items: center;
        background: #fff;
    }

        .form-item .shell.w100 {
            width: 100%
        }

    .form-item .ml {
        margin-left: 20px;
    }

    .form-item .shell.vt {
        align-items: flex-start;
    }

    .form-item h5 { /* width: 60px; */
        flex-shrink: 0;
        margin-right: 10px;
        color: #3a3a3a;
        font-size: 16px;
    }

    .form-item .fill {
        flex: 1; /* width: 100%; */
        line-height: 30px;
        color: #fff;
        font-size: 15px;
        border: none;
        background: none;
    }

    .form-item textarea {
        height: 180px
    }

    .form-item .submit {
        position: relative;
        width: 350px;
        display: table; /* margin-top: 10px; */
        color: #fff;
        font-size: 16px;
        padding: 18px 80px;
        border: none;
        cursor: pointer;
        border-radius: 5px;
        background: #32a0f3;
    }

        .form-item .submit:after {
            opacity: 0;
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            background: #fff
        }

        .form-item .submit:hover:after {
            opacity: 0.2
        }
    /*--*/
    .form-item .code {
        flex-shrink: 0; /* width: 300px; */
        display: flex;
        margin-right: 20px;
        border: 1px #ddd solid;
        background: #fff;
        align-items: center;
    }

        .form-item .code input {
            flex: 1;
        }

        .form-item .code img {
            height: 35px;
            margin: 0px 15px;
            flex-shrink: 1;
            cursor: pointer;
        }

    .form-item .yzm {
        display: flex; /* margin:0 0 0 20px; */
        align-items: center;
    }

        .form-item .yzm input {
            width: 150px;
            padding: 18px 20px;
            border: none;
            background: none;
        }

    .form-item .explain {
        margin-top: 20px;
        color: #9a9a9a;
        font-size: 16px;
    }

        .form-item .explain i {
            color: red
        }

        .form-item .explain font {
            color: #32a0f3;
            font-weight: bold;
        }

.rack {
    width: 100%;
    padding: 50px 0;
}

.titleBx {
    color: #000123;
    font-size: 40px;
    margin-bottom: 50px;
    text-align: center;
}

    .titleBx span {
        display: block;
        margin: 10px auto 0;
        color: #bdbdbd;
        font-size: 14px;
        font-weight: 400
    }

/*==??????????==*/
.news-list {
    display: flex;
    margin: 0 0 -30px -30px;
    flex-wrap: wrap;
    padding: 50px 0;
}

    .news-list li {
        float: left;
        width: calc(33.3% - 30px);
        margin: 0 0 30px 30px;
    }

        .news-list li a {
            display: block;
            height: 100%;
            background: #fff;
            border: 1px #eee solid;
        }

    .news-list .pic {
        padding-top: 60%;
        position: relative
    }

        .news-list .pic img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .news-list .box {
        padding: 30px;
    }

    .news-list h4 {
        color: #090929;
        font-size: 22px;
        margin-bottom: 10px;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .news-list p {
        -webkit-line-clamp: 2;
        color: #7a7a7a;
        font-size: 15px;
        line-height: 25px;
        height: 50px;
        overflow: hidden;
        margin-bottom: 20px;
    }

    .news-list .time {
        color: #999;
        font-size: 14px;
        justify-content: space-between;
        align-items: center;
    }

        .news-list .time i {
            opacity: 0;
            font-size: 24px;
        }

    .news-list li:hover a {
        border-color: #32a0f3;
        transform: translateY(-0px);
    }

    .news-list li:hover h4 {
        color: #32a0f3
    }

    .news-list li:hover .time i {
        opacity: 1;
        color: #32a0f3;
        transform: translateX(-5px);
    }


/*==?????????==*/
.EssayCont {
    padding: 50px 0;
}

    .EssayCont .lefter {
        float: left;
        width: 70%;
    }

    .EssayCont .righter {
        float: right;
        width: 25%;
    }

        .EssayCont .righter .shell {
            width: 100%;
            margin-bottom: 30px;
            border: 1px #ddd solid
        }

            .EssayCont .righter .shell:last-child {
                margin-bottom: 0px;
            }

            .EssayCont .righter .shell .tit {
                position: relative;
                color: #333333;
                font-size: 18px;
                border-bottom: 1px #e6e8eb solid;
                padding-bottom: 15px;
                margin-bottom: 20px;
            }

                .EssayCont .righter .shell .tit.bor:before {
                    content: "";
                    position: absolute;
                    left: 0;
                    bottom: -1px;
                    width: 20%;
                    height: 1px;
                    background: #32a0f3;
                }

                .EssayCont .righter .shell .tit .more {
                    float: right;
                    font-size: 14px;
                    color: #999;
                    margin-top: 5px;
                    transition: all .4s ease-in-out;
                }

                    .EssayCont .righter .shell .tit .more:hover {
                        color: #32a0f3
                    }
    /*--*/
    .EssayCont .bgb {
        margin-bottom: 30px;
        background: #fff;
    }

        .EssayCont .bgb:last-child {
            margin-bottom: 0px;
        }

        .EssayCont .bgb.p3 {
            padding: 20px;
            box-sizing: border-box;
        }

    /*--*/
    .EssayCont .news {
    }

        .EssayCont .news li {
            clear: both;
            width: 100%;
            margin-bottom: 12px;
        }

            .EssayCont .news li:last-child {
                margin-bottom: 0px;
            }

        .EssayCont .news .one {
            position: relative;
        }

            .EssayCont .news .one h4 {
                position: absolute;
                left: 0;
                right: 0;
                bottom: 0;
                width: 100%;
                padding: 10px 20px;
                color: #fff;
                font-size: 14px;
                background: rgba(0,0,0,0.6)
            }

            .EssayCont .news .one:hover h4 {
                background: #32a0f3
            }

        .EssayCont .news .two {
        }

            .EssayCont .news .two a {
                position: relative;
                display: block;
                padding-left: 15px;
                color: #333333;
                font-size: 15px;
            }

                .EssayCont .news .two a:before {
                    content: "";
                    position: absolute;
                    left: 0;
                    top: 9px;
                    width: 6px;
                    height: 6px;
                    border-radius: 50%;
                    background: #b2b2b2;
                }

        .EssayCont .news .title {
            width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .EssayCont .news .two:hover a {
            color: #32a0f3;
        }

            .EssayCont .news .two:hover a:before {
                background: #32a0f3;
            }
    /*--*/
    .EssayCont .content .titleTop {
        text-align: center;
        padding: 0 0 30px 0;
        margin: 0 0 40px 0;
        border-bottom: 1px #e4e4e4 solid;
    }

    .EssayCont .content .title {
        color: #333333;
        font-size: 28px;
    }

    .EssayCont .content .msg {
        margin-top: 15px;
        color: #a7a7a7;
        font-size: 14px;
    }

        .EssayCont .content .msg *, .NewsDetail .msg span, .NewsDetail .msg a {
            color: #a3a3a3;
            font-size: 14px;
        }

        .EssayCont .content .msg span {
            margin: 0 5px;
        }

        .EssayCont .content .msg a:hover, .NewsDetail .msg .active {
            color: #32a0f3
        }

        .EssayCont .content .msg .active {
            font-weight: bold;
        }

    .EssayCont .content .wor {
        min-height: 300px;
        font-size: 16px;
        line-height: 30px;
    }

        .EssayCont .content .wor img {
            max-width: 100%;
            height: auto;
        }


    /*--*/
    .EssayCont .pagIng {
        margin-top: 60px;
        padding-top: 50px;
        border-top: 1px #eee solid;
        overflow: hidden;
    }

        .EssayCont .pagIng span {
            display: inline-block;
            color: #888888;
            font-size: 15px;
        }

        .EssayCont .pagIng li {
            width: 47%;
            color: #666666;
            font-size: 15px;
            padding: 15px 20px;
            max-width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            background: #f6f6f6;
            box-sizing: border-box;
        }

            .EssayCont .pagIng li:hover {
                background: #32a0f3;
                color: #fff;
            }

                .EssayCont .pagIng li:hover a {
                    color: #fff;
                }

        .EssayCont .pagIng .prev {
            float: left
        }

        .EssayCont .pagIng .next {
            float: right
        }

.wz {
    line-height: 42px;
    padding-bottom: 20px;
    font-size: 16px;
    margin: 0 auto;
}

    .wz i {
        color: #32a0f3;
        padding-right: 5px;
        font-size: 18px;
    }

.downList {
    width: 1360px;
    height: auto;
    overflow: hidden;
}

    .downList li {
        width: 100%;
        height: 48px;
        line-height: 48px;
        border-bottom: 1px dotted #ccc;
    }

/* =========================
   Product Header (goodsInfos)
   ========================= */
.goodsInfos {
    margin: 0 auto 16px;
    padding: 18px 18px 8px;
    border: 1px solid #e6eef8;
    border-radius: 16px;
    background: radial-gradient(120% 90% at 10% 0%, rgba(54,104,255,.10) 0%, rgba(47,193,235,.06) 35%, rgba(255,255,255,1) 70%);
    box-shadow: 0 12px 32px rgba(15,23,42,.06);
}

    .goodsInfos .tit {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 18px;
    }

        .goodsInfos .tit > div {
            flex: 1;
            min-width: 0;
        }

        .goodsInfos .tit h2 {
            font-size: 30px;
            line-height: 1.2;
            margin: 0;
            color: #0f172a;
            letter-spacing: .3px;
        }

        .goodsInfos .tit p {
            margin-top: 10px;
            color: #475569;
            line-height: 28px;
            font-size: 15px;
        }

        /* 右侧 Logo */
        .goodsInfos .tit img {
            width: 160px;
            height: auto;
            border: 1px solid #e6eef8;
            border-radius: 14px;
            padding: 14px;
            background: rgba(255,255,255,.85);
            box-shadow: 0 10px 24px rgba(15,23,42,.08);
        }



.goodsShow {
    float: right;
    width: 1000px;
    height: auto;
    overflow: hidden;
}

.goodsShow1 {
    width: 1000px;
    height: auto;
    overflow: hidden;
}

.goodsShowL {
    width: 200px;
    height: auto;
    overflow: hidden;
    float: left;
    position: relative;
}

    .goodsShowL img {
        width: 100%;
        height: auto;
    }

    .goodsShowL .GLTXT {
        width: 100%;
        height: auto;
        line-height: 197px;
        text-align: center;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 666;
        color: #1698d4;
        font-weight: bold;
        font-size: 30px;
    }

.goodsShowR {
    width: 750px;
    height: auto;
    overflow: hidden;
}

    .goodsShowR h2 {
        width: 100%;
        padding: 15px 0;
        line-height: 28px;
        font-size: 20px;
        border-bottom: 1px solid #dedede;
    }

.goodsShowRinfo1 {
    width: 100%;
    height: auto;
    padding: 25px 0;
    overflow: hidden;
    line-height: 26px;
}

    .goodsShowRinfo1 table {
        border: 1px solid #ccc;
        border-left: 0px;
        border-top: 0px;
        font-size: 13px;
    }

        .goodsShowRinfo1 table td {
            border: 1px solid #ccc;
            border-right: 0px;
            border-bottom: 0px;
            padding: 12px 2px;
            text-align: center
        }

        .goodsShowRinfo1 table tr:first-child {
            background: #f7f7f7;
        }

.goodsShowRinfo2 {
    width: 100%;
    height: auto;
    padding: 25px 0;
    overflow: hidden;
}

    .goodsShowRinfo2 a {
        display: block;
        float: left;
        width: 120px;
        height: 46px;
        line-height: 46px;
        font-size: 18px;
        color: #fff;
        text-align: center;
        margin-right: 20px;
    }

        .goodsShowRinfo2 a:hover {
            opacity: 0.7;
        }

        .goodsShowRinfo2 a:first-child {
            background: #40368c;
            border-radius: 5px;
        }

        .goodsShowRinfo2 a:last-child {
            background: #1b96d4;
            border-radius: 5px;
        }


.goodsShow2 {
    width: 1000px;
    height: auto;
    overflow: hidden;
    padding-top: 40px;
}

    .goodsShow2 h2 {
        width: 100%;
        height: 46px;
        line-height: 46px;
        border-bottom: 1px solid #dedede;
    }

        .goodsShow2 h2 a {
            font-size: 16px;
            padding: 0 15px;
        }

        .goodsShow2 h2 .tabs .thistab, .tabs .thistab a:hover {
            color: #0352a0;
        }


.GoodsMain {
    height: auto;
    padding: 30px 0;
    margin: 0 auto;
}

.MainWz {
    width: 100%;
    height: 36px;
    line-height: 36px;
    padding-bottom: 20px;
    font-size: 16px;
}

    .MainWz i {
        color: #1698d4;
        padding-right: 5px;
        font-size: 18px;
    }

.GoodsMenu {
    width: 100%;
    height: auto;
}

.GmobielMenu {
    display: none;
}

.MainLeft {
    float: left;
    width: 20%;
    height: auto;
    background: #32a0f3;
    border-radius: 10px;
}

    .MainLeft h2 {
        width: 100%;
        height: 66px;
        line-height: 66px;
        color: #FFFFFF;
        border-bottom: 1px solid #fff;
        padding-left: 20px;
        box-sizing: border-box;
        font-size: 24px;
    }

.GoodsMenu .menu_head {
    width: 100%;
    height: 50px;
    line-height: 50px;
    margin-top: 1px;
}

    .GoodsMenu .menu_head a {
        display: block;
        width: 100%;
        height: 50px;
        background: #898989 url(../images/Mlibgs.png) no-repeat 20px center;
        font-size: 16px;
        color: #FFFFFF;
        padding-left: 20px;
        box-sizing: border-box;
    }

    .GoodsMenu .menu_head.current a {
        background: #32a0f3 url(../images/Mlibgs.png) no-repeat 20px center;
    }

.GoodsMenu dd {
    width: 100%;
    height: auto;
    display: none;
}

    .GoodsMenu dd a {
        display: block;
        width: 100%;
        height: 42px;
        line-height: 42px;
        background: #d1cfcf;
        color: #666;
        font-size: 15px;
        box-sizing: border-box;
        padding-left: 30px;
    }

    .GoodsMenu dd li {
        position: relative;
        width: 100%;
    }

        .GoodsMenu dd li ul {
            z-index: 999;
            display: none;
        }

            .GoodsMenu dd li ul a {
                display: block;
                width: 100%;
                height: 42px;
                line-height: 42px;
                font-size: 14px;
                padding: 0;
                padding-left: 16px;
                text-align: left;
                background: #eee;
                color: #666;
            }

                .GoodsMenu dd li ul a i {
                    padding: 0 10px;
                }

#lm_hover2 {
    color: #32a0f3;
}


.GoodsR {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.ABMenu {
    width: 100%;
    height: 36px;
    line-height: 36px;
    margin-bottom: 20px;
}

.GoodsDesc {
    margin-bottom: 20px;
    overflow: hidden
}

    .GoodsDesc .gtest {
        width: 100%
    }

    .GoodsDesc h2 {
        font-size: 24px;
        color: #111;
        line-height: 40px;
        border-bottom: 1px solid #eee
    }

    .GoodsDesc .gtest .desc {
        line-height: 24px;
        margin-top: 15px;
        color: #666
    }

    .GoodsDesc table {
        border: 1px solid #ccc;
        border-left: 0px;
        border-top: 0px;
        font-size: 14px;
        table-layout: fixed;
        width: 100%;
        box-sizing: border-box;
        border-spacing: 0;
    }

        .GoodsDesc table td {
            border: 1px solid #ccc;
            border-right: 0px;
            border-bottom: 0px;
            border-style: solid !important;
            padding: 8px 2px;
            text-align: center;
            word-wrap: break-word;
        }

        .GoodsDesc table tr {
            background: #fff;
        }

            .GoodsDesc table tr:nth-child(1) {
                background: #f6f6f6;
            }

    .GoodsDesc .pic {
        width: 20%;
        float: right
    }

        .GoodsDesc .pic img {
            width: 100%
        }

    .GoodsDesc .downexcel a {
        margin: 10px 0px;
        display: inline-block;
        width: 134px;
        text-align: center;
        padding: 8px;
        cursor: pointer;
        color: #fff;
        border-radius: 5px;
        background: #32a0f3;
    }

        .GoodsDesc .downexcel a:hover {
            background: #1698d4
        }

.goodsListBox {
    overflow: hidden;
    width: 100%;
    padding: 0 2px 14px 2px;
    height: auto;
    background: #c6dff2;
    overflow-x: auto;
    border-radius: 10px 10px 0 0;
    border: 1px solid #ccc;
}

.tableSort {
    width: 100%;
}

    .tableSort th {
        text-align: center;
        padding: 5px 0;
        font-weight: normal;
        font-size: 14px;
        border-right: 1px solid #ccc;
    }

        .tableSort th b {
            border-top: 1px solid #ccc;
            line-height: 30px;
            font-weight: normal;
            display: block;
        }

        .tableSort th:last-child {
            border-right: none;
        }

        .tableSort th.select-item {
            padding: 5px;
        }

            .tableSort th.select-item input {
                margin-right: 5px;
            }

        .tableSort th div {
            height: 100px;
            background: #fff;
            padding: 10px;
            overflow-y: auto;
            white-space: nowrap;
            display: block;
            text-align: left;
            font-size: 12px;
            line-height: 20px;
            font-weight: normal;
            color: #666;
        }

            .tableSort th div::-webkit-scrollbar {
                width: 4px;
                height: 4px
            }

            .tableSort th div::-webkit-scrollbar-thumb {
                border-radius: 10px;
                background: rgba(0,0,0,0.2);
            }

            .tableSort th div::-webkit-scrollbar-track {
                border-radius: 0;
                background: rgba(0,0,0,0.1);
            }


.key-wrap {
    padding: 0 13px;
}

    .key-wrap .key-item {
        margin: 0 10px 10px 0;
        display: inline-block;
        zoom: 1;
        padding: 0 6px;
        height: 22px;
        border: 1px solid #dedede;
        font-size: 12px;
        line-height: 22px;
        background: #fff;
    }

        .key-wrap .key-item .close-icon {
            vertical-align: -3px;
            margin-left: 7px;
            display: inline-block;
            zoom: 1;
            width: 15px;
            height: 15px;
            cursor: pointer;
            background-image: url(../images/del.png);
        }

.criteria-result-wrap {
    padding: 15px;
    border-top: 1px solid #ccc;
}

.clear-btn {
    vertical-align: top;
    display: inline-block;
    zoom: 1;
    width: 98px;
    height: 34px;
    font-size: 14px;
    line-height: 34px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--c-primary) 0%, var(--c-primary2) 100%);
    box-shadow: 0 0 0 rgba(0,0,0,0);
}

.sure-btn {
    margin-left: 10px;
    vertical-align: top;
    display: inline-block;
    zoom: 1;
    width: 98px;
    height: 34px;
    background-color: #32a0f3;
    font-size: 14px;
    line-height: 34px;
    text-align: center;
    color: #fff;
    cursor: pointer;
}

.statistics-info {
    margin-left: 17px;
    vertical-align: top;
    display: inline-block;
    zoom: 1;
    font-weight: bold;
    height: 34px;
    font-size: 14px;
    line-height: 34px;
}

.goodsList {
    width: 100%;
    height: auto;
    overflow-x: scroll;
    border: 1px solid #ccc;
    border-left: 0;
}

    .goodsList::-webkit-scrollbar {
        width: 6px;
        height: 6px;
    }

    .goodsList::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background: #5c97d0;
    }

    .goodsList::-webkit-scrollbar-track {
        border-radius: 0;
        background: rgba(0,0,0,0.1);
    }

    .goodsList table {
        border-left: 0px;
        border-top: none; /* border: 1px solid #ccc; */
    }

    .goodsList tbody tr:nth-child(even) {
        background: #f1f8ff;
    }

    .goodsList tbody {
        border-left: 0px;
        border-top: 0px;
        font-size: 14px;
        table-layout: fixed;
        width: 100%;
        box-sizing: border-box;
        border-spacing: 0;
    }

        .goodsList tbody td {
            border: 1px solid #ccc;
            border-right: 0px;
            border-bottom: 0px;
            padding: 0;
            text-align: center;
            white-space: nowrap;
            font-size: 13px;
            position: relative;
        }

            .goodsList tbody td ul {
                display: none;
                background: #fff;
                position: absolute;
                right: -120px;
                top: 0;
                width: 120px;
                z-index: 999;
                line-height: 18px;
            }

                .goodsList tbody td ul li {
                    padding: 10px 0;
                    text-align: left;
                }

                    .goodsList tbody td ul li i {
                        padding: 0 10px;
                    }

            .goodsList tbody td:hover ul {
                display: block;
            }

            .goodsList tbody td .fa-file-pdf-o {
                font-size: 18px;
                color: #003e8b;
                border: none;
                height: 32px;
                line-height: 32px;
            }

    .goodsList .select-w select {
        cursor: pointer;
        z-index: 2;
        height: 30px;
        line-height: 30px;
        margin-top: 10px;
        width: 70px;
        border-radius: 7px;
        margin-bottom: 15px;
    }

    .goodsList i {
        display: block;
        width: 100%;
        font-style: normal;
        line-height: 32px;
        min-height: 32px;
    }

    .goodsList b {
        display: block;
        height: 32px;
        line-height: 32px;
        font-weight: normal;
        width: 100%;
    }

.tableSort th.tdp1 i {
    display: block;
    line-height: 32px;
    font-style: normal;
}

.goodsList .title-w {
    min-height: 32px;
    text-align: center;
    width: 100%;
}

#tableContent td {
    padding: 0 2px;
}

.goodsList tbody tr {
    background: #fff;
}

    .goodsList tbody tr span {
    }

.goodsList dl {
    width: 100%;
    height: auto;
    border: 1px solid #eee;
    background: #f7f7f7;
    box-sizing: border-box;
    margin-bottom: 10px;
}

    .goodsList dl dt {
        width: 100%;
        height: 42px;
        line-height: 42px;
        text-align: left;
        box-sizing: border-box;
        padding: 0 25px;
        background: #eee;
        font-weight: bold;
    }

        .goodsList dl dt span {
            color: #003e8b;
        }

    .goodsList dl dd {
        width: 100%;
        height: auto;
        padding: 18px;
        float: left;
    }

        .goodsList dl dd i {
            line-height: 32px;
        }

        .goodsList dl dd span {
            display: block;
            float: left;
            width: 16%;
            border: 1px solid #dedede;
            text-align: center;
            height: auto;
            line-height: 26px;
        }

            .goodsList dl dd span b {
                color: #003e8b;
                display: block;
            }

    .goodsList dl dt ul {
        float: right;
        width: auto;
        height: 36px;
        line-height: 36px;
        overflow: hidden;
    }

        .goodsList dl dt ul li {
            float: left;
            padding: 0 20px;
            background: url(../images/pdf-icon.png) no-repeat left center;
        }


.Seabg {
    width: 96%;
}

.main-box {
    background: #fff;
    width: 1360px;
    height: auto;
    padding: 30px;
    box-sizing: border-box;
}


.wtList {
    padding-top: 30px;
}

    .wtList li {
        border-radius: 25px;
        -webkit-border-radius: 25px;
        background-color: #ffffff;
        margin-top: 19px;
    }

.wtListTop {
    height: 90px;
    position: relative;
}

.wtListTopWz {
    line-height: 90px;
    padding: 0 80px 0 27px;
}

.wtListTopBut {
    position: absolute;
    top: 20px;
    right: 0;
    bottom: 0;
    width: 80px;
    cursor: pointer;
}

.wtListTopButAn span {
    display: inline-block;
    width: 18px;
    height: 2px;
    background-color: #808080;
    transition: .8s;
    -webkit-transition: .8s;
    -moz-transition: .8s;
    -ms-transition: .8s;
    -o-transition: .8s;
}

.wtListTopButAn {
    width: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -12px 0 0 -12px;
    height: 24px;
    line-height: 24px;
    font-size: 0;
}

    .wtListTopButAn span:nth-child(2) {
        transform: rotate(90deg);
        position: absolute;
        top: 0;
        left: 0;
    }

.wtListTopBut.on .wtListTopButAn span:nth-child(2) {
    transform: rotate(0);
    opacity: 0;
}

.wtListBot {
    padding: 0 27px 30px;
    display: none;
}

.allNyBan {
    position: relative;
    z-index: 3;
}

.allNyBanPos {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.pdtion1 {
    width: 1360px;
    height: auto;
    overflow: hidden;
    padding-bottom: 60px;
}

.main_visual6 .owl-carousel, .main_visual6 .owl-stage-outer, .main_visual6 .owl-stage, .main_visual6 .owl-carousel .owl-item {
    width: 100%;
    height: 100% !important;
}

    .main_visual6 .owl-carousel .item {
        cursor: pointer;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center center;
        -webkit-background-size: cover;
        background-size: cover;
    }

        .main_visual6 .owl-carousel .item p {
            width: 100%;
            height: auto;
            box-sizing: border-box;
            background: #f7f7f7;
            padding: 15px 40px;
            font-size: 15px;
            text-align: center;
        }

.main_visual6 .owl-prev, .main_visual6 .owl-next {
    display: none;
    text-indent: -999em;
}

.main_visual6 .owl-dots {
    width: 100%;
    text-align: center;
    height: 9px;
    position: absolute;
    left: 0;
    bottom: 0px;
    z-index: 999;
}

    .main_visual6 .owl-dots .owl-dot {
        display: inline-block;
        margin: 0 5px;
    }

        .main_visual6 .owl-dots .owl-dot span {
            display: inline-block;
            width: 9px;
            height: 9px;
            background: #cccccc;
            border-radius: 5px;
        }

.main_visual6 .owl-dot.active span {
    width: 18px;
    height: 9px;
    background: #ffb027;
}


.pdtion2BG {
    width: 100%;
    height: auto;
    background: #f7f7f7;
    padding-bottom: 50px;
}

.pdtion2Box {
    width: 1360px;
    height: auto;
}

    .pdtion2Box img {
        width: 100%;
        height: auto;
    }

.pdtion3BG {
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #f7f7f7;
    margin-top: 50px;
    padding-bottom: 60px;
}

.pdtion3List {
    width: 1300px;
    height: auto;
}

    .pdtion3List dl {
        float: left;
        width: 11%;
        margin: 0.5%;
        padding-bottom: 10px;
        overflow: hidden;
        text-align: center;
        border-radius: 10px;
        background: #fff;
        box-shadow: 0 0 37px rgb(12 49 113 / 16%);
    }

        .pdtion3List dl dt {
            width: 100%;
            height: auto;
            overflow: hidden;
        }

            .pdtion3List dl dt img {
                width: 100%;
                height: auto;
            }

        .pdtion3List dl dd {
            width: 100%;
            height: 32px;
            line-height: 32px;
            border-top: 0px solid #eee;
            overflow: hidden;
            color: #0163af;
        }

.pdtion4List {
    width: 1360px;
    height: auto;
    padding-top: 35px;
}

    .pdtion4List .main_visual {
        margin-top: 0;
    }

.downList {
    width: 1300px;
    height: auto;
    padding-top: 35px;
}

    .downList dl {
        float: left;
        width: 31.3%;
        height: auto;
        overflow: hidden;
        background: #FFFFFF;
        margin: 1%;
        border: 1px solid #eee;
        box-sizing: border-box;
    }

        .downList dl:hover {
            box-shadow: 3px 3px 10px 0 rgba(0,0,0,.1);
            transition: all ease .5s;
        }

            .downList dl:hover h3 {
                background: url(../images/downicon2.jpg) no-repeat right 25px;
            }

        .downList dl dt {
            width: 100%;
            height: auto;
            overflow: hidden;
        }

            .downList dl dt img {
                width: 100%;
                height: auto;
            }

        .downList dl dd {
            width: 100%;
            height: auto;
            padding: 25px 35px;
            box-sizing: border-box;
        }

            .downList dl dd h4 {
                color: #000000;
                font-size: 18px;
                line-height: 24px;
                height: 24px;
                overflow: hidden;
            }

            .downList dl dd p {
                color: #999;
                line-height: 36px;
            }

            .downList dl dd h3 {
                width: 100%;
                margin-top: 15px;
                border-top: 2px solid #eeeeee;
                line-height: 32px;
                padding-top: 20px;
                font-size: 16px;
                color: #999999;
                background: url(../images/downicon1.jpg) no-repeat right 25px;
            }

.simpleBg {
    width: 100%;
    height: auto;
    padding: 35px 0;
    background: #f7f7f7;
}

.simple1 {
    width: 1300px;
    height: 66px;
    overflow: hidden;
    margin-bottom: 25px;
}

    .simple1 dl {
        float: left;
        width: 31.3%;
        height: 66px;
        line-height: 66px;
        background: #fff;
        box-sizing: border-box;
        margin: 0 1%;
        padding: 0 15px;
    }

        .simple1 dl dt {
            float: left;
            width: 25%;
            height: 66px;
            line-height: 66px;
        }

        .simple1 dl dd {
            float: left;
            width: 75%;
            height: 66px;
            line-height: 66px;
        }

            .simple1 dl dd input {
                border: none;
                padding: 0 15px;
                box-sizing: border-box;
                width: 100%;
                height: 66px;
                line-height: 66px;
            }

.simple2 {
    width: 1274px;
    height: 200px;
    overflow: hidden;
    margin-bottom: 25px;
    padding: 15px;
    box-sizing: border-box;
    background: #fff;
}

    .simple2 dl dt {
        float: left;
        width: 8%;
        height: 100%;
        line-height: 26px;
    }

    .simple2 dl dd {
        float: left;
        width: 92%;
        height: 100%;
        line-height: 26px;
    }

        .simple2 dl dd textarea {
            border: none;
            box-sizing: border-box;
            width: 100%;
            height: 100%;
            line-height: 26px;
        }

.simple3 {
    width: 100%;
    height: 46px;
    text-align: center;
    overflow: hidden;
}

    .simple3 button {
        text-align: center;
        color: #fff;
        width: 170px;
        height: 46px;
        line-height: 46px;
        border: none;
        background: #32a0f3;
        font-size: 16px;
    }

.souList {
    width: 1360px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}

    .souList dl {
        width: 1360px;
        height: 242px;
        margin-bottom: 15px;
    }

        .souList dl dt {
            float: left;
            width: 404px;
            height: 242px;
            overflow: hidden;
        }

            .souList dl dt img {
                width: 404px;
                height: 242px;
            }

        .souList dl dd {
            float: left;
            width: 876px;
            height: 242px;
            overflow: hidden;
            background: #f7f7f7;
            box-sizing: border-box;
            padding: 35px;
        }

            .souList dl dd a {
                display: block;
                height: 52px;
                line-height: 52px;
                font-weight: bold;
                font-size: 20px;
                overflow: hidden;
            }

            .souList dl dd p {
                font-size: 16px;
                line-height: 28px;
                height: 84px;
                overflow: hidden;
                margin-top: 10px;
            }

.souMenu {
    width: 1360px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    padding: 30px 0;
}

    .souMenu dl {
        width: 100%;
        margin-bottom: 15px;
    }

        .souMenu dl dt {
            font-size: 24px;
            color: #111;
            height: 36px;
            line-height: 36px;
            overflow: hidden;
        }

        .souMenu dl dd {
            padding-top: 10px;
        }

            .souMenu dl dd a {
                width: 31.3% !important;
                text-align: left !important;
                display: block;
                font-size: 15px !important;
                color: #333333 !important;
                height: 50px !important;
                line-height: 50px !important;
                overflow: hidden;
                border-bottom: 1px solid #eee;
                margin: 0 1%;
            }

.desigList {
    width: 1360px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}

    .desigList dl {
        width: 100%;
        height: auto;
        border: 1px solid #ccc;
        border-radius: 8px;
        margin-bottom: 10px;
        padding: 25px;
    }

        .desigList dl dt {
            font-size: 20px;
            color: #111;
            height: 36px;
            line-height: 36px;
            overflow: hidden;
            font-weight: bold;
            margin-bottom: 10px;
        }

        .desigList dl dd {
            font-size: 16px;
            color: #666;
            line-height: 28px;
            height: 56px;
            overflow: hidden;
        }

/* 让 dl 成为卡片网格 */
.GoodsMenuBox {
    padding: 30px 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

    /* 每一张卡片 */
    .GoodsMenuBox dl {
        border-radius: 16px;
        border: 1px solid #e6eef8;
        background: #fff;
        overflow: hidden;
        box-shadow: 0 10px 26px rgba(15,23,42,.06);
        transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
    }

        .GoodsMenuBox dl:hover {
            transform: translateY(-4px);
            border-color: rgba(50,160,243,.35);
            box-shadow: 0 18px 46px rgba(15,23,42,.10);
        }

        /* dt 分类标题条 */
        .GoodsMenuBox dl dt {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 16px 16px 14px;
            font-size: 18px;
            font-weight: 800;
            color: #0f172a;
            background: radial-gradient(120% 120% at 20% 0%, rgba(54,104,255,.10) 0%, rgba(47,193,235,.08) 32%, rgba(255,255,255,1) 70%);
            position: relative;
        }

            /* 标题条下方一条渐变线 */
            .GoodsMenuBox dl dt:after {
                content: "";
                position: absolute;
                left: 16px;
                right: 16px;
                bottom: 0;
                height: 1px;
                background: linear-gradient(90deg, rgba(54,104,255,.55), rgba(47,193,235,.15));
            }

            /* dt 图标 */
            .GoodsMenuBox dl dt img {
                width: 28px;
                height: 28px;
                object-fit: contain;
                flex: 0 0 28px;
                filter: drop-shadow(0 6px 10px rgba(50,160,243,.18));
            }

        /* dd：子分类区域 */
        .GoodsMenuBox dl dd {
            padding: 14px 14px 16px;
            display: flex; /* 覆盖你原本 .flex */
            flex-wrap: wrap;
            gap: 10px;
            align-content: flex-start;
        }

            /* 子分类链接变 Tag */
            .GoodsMenuBox dl dd a {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                padding: 9px 12px;
                border-radius: 999px;
                font-size: 14px;
                line-height: 1;
                color: #243b53;
                background: #f6fbff;
                border: 1px solid rgba(50,160,243,.16);
                transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease, color .2s ease;
            }

                /* hover 发光 + 抬起 */
                .GoodsMenuBox dl dd a:hover {
                    color: #fff;
                    background: linear-gradient(90deg, #3668FF 0%, #2FC1EB 100%);
                    border-color: transparent;
                    transform: translateY(-1px);
                    box-shadow: 0 12px 26px rgba(54,104,255,.22);
                }

            /* 让长文字不爆 */
            .GoodsMenuBox dl dd a {
                max-width: 100%;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

/* =========================
   Responsive
   ========================= */
@media (max-width: 1200px) {
    .GoodsMenuBox.max80 {
        width: 94%;
    }

    .GoodsMenuBox {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .home-products-item-info a.prolinks1 {
    }

    .home-products-item-info a.prolinks2 {
        font-size: 0.8rem;
        padding: 6px 10px;
    }

    .home-products-item-pic {
        padding: 15px 10px 3px;
    }

    .GoodsMenuBox {
        grid-template-columns: 1fr;
    }

        .GoodsMenuBox dl dt {
            font-size: 16px;
        }

        .GoodsMenuBox dl dd a {
            font-size: 13px;
            padding: 8px 10px;
        }
}

.goods_1280 {
    width: 94%;
    margin: 0 auto;
}

.goodsSubMenu {
    margin: 0 auto;
    padding: 25px 0;
}

    .goodsSubMenu a {
        display: inline-block;
        padding: 10px 15px;
        background: #f7f7f7;
        font-size: 15px;
        border-radius: 3px;
        margin-right: 8px;
        margin-bottom: 8px;
    }

/* =========================
   Datasheet bar (gsShowData)
   ========================= */
.gsShowData {
    margin: 0 auto 18px;
    padding: 12px 16px;
    border-radius: 14px;
    border: 1px solid #e6eef8;
    background: linear-gradient(90deg, rgba(54,104,255,.08) 0%, rgba(47,193,235,.06) 100%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.gsShowData {
    font-weight: 800;
    color: #0f172a;
}

    /* 右侧下载按钮 */
    .gsShowData a {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        padding: 10px 14px;
        border-radius: 999px;
        border: 1px solid rgba(50,160,243,.22);
        background: #ffffff;
        color: #1e3a8a;
        font-weight: 700;
        transition: transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease, border-color .2s ease;
    }

        .gsShowData a i {
            font-size: 18px;
            color: #3668ff;
        }

        .gsShowData a:hover {
            background: linear-gradient(90deg, #3668FF 0%, #2FC1EB 100%);
            color: #fff;
            border-color: transparent;
            transform: translateY(-1px);
            box-shadow: 0 14px 28px rgba(54,104,255,.18);
        }

            .gsShowData a:hover i {
                color: #fff;
            }
/* =========================
   Tabs (goodsInfosMenu)
   ========================= */
.goodsInfosMenu {
    margin: 0 auto;
    padding: 20px 0 10px;
}

    .goodsInfosMenu h2 {
        font-size: 26px;
        line-height: 1.2;
        margin-bottom: 14px;
        color: #0f172a;
    }

    .goodsInfosMenu ul {
        border-bottom: 1px solid #e6eef8;
        padding-bottom: 12px;
        margin-bottom: 14px;
        gap: 10px;
    }

        /* tab按钮 */
        .goodsInfosMenu ul li {
            padding: 4px 38px;
            border-radius: 999px;
            border: 1px solid #e6eef8;
            background: #fff;
            color: #334155;
            font-weight: 700;
            cursor: pointer;
            transition: all .2s ease;
        }

            .goodsInfosMenu ul li.thistab {
                color: #fff;
                border-color: transparent;
                background: linear-gradient(90deg, #3668FF 0%, #2FC1EB 100%);
                box-shadow: 0 12px 26px rgba(54,104,255,.18);
            }

            .goodsInfosMenu ul li:hover {
                border-color: rgba(50,160,243,.35);
                transform: translateY(-1px);
            }
/* =========================
   Spec list (gsteList)
   ========================= */
.gsteList {
    padding: 14px 0 10px;
}

    /* 一条参数 */
    .gsteList dl {
        display: flex;
        gap: 16px;
        align-items: flex-start;
        padding: 14px 16px;
        margin-bottom: 10px;
        border: 1px solid #e6eef8;
        border-radius: 14px;
        background: #fff;
        box-shadow: 0 8px 18px rgba(15,23,42,.04);
        transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    }

        .gsteList dl:hover {
            border-color: rgba(50,160,243,.30);
            transform: translateY(-1px);
            box-shadow: 0 14px 28px rgba(15,23,42,.07);
        }

        /* 左边 key */
        .gsteList dl dt {
            width: 36%;
            color: #0f172a;
            font-weight: 800;
            line-height: 24px;
            font-size: 14px;
            word-break: break-word;
        }

        /* 右边 value */
        .gsteList dl dd {
            width: 64%;
            color: #475569;
            line-height: 24px;
            font-size: 14px;
            word-break: break-word;
        }


.goodsInfosDown {
    padding-bottom: 25px;
}

    .goodsInfosDown h2 {
        font-size: 32px;
        font-weight: bold;
        line-height: 42px;
        margin-bottom: 20px;
    }

    .goodsInfosDown ul {
        width: 100%;
    }

        .goodsInfosDown ul li {
            line-height: 42px;
            border-bottom: 1px dotted #ccc;
        }

            .goodsInfosDown ul li a {
                float: right;
                color: #32a0f3;
            }

                .goodsInfosDown ul li a i {
                    margin-right: 10px;
                }

.goodsData {
    width: 100%;
    height: 100vh;
}

.goodsDataLeft {
    width: 100%;
    height: 100vh;
}

    .goodsDataLeft iframe {
        height: 100vh;
    }

.goodsDataRight {
    width: 30%;
    padding: 40px;
}

.Datalogo {
    width: 100%;
    height: auto;
    text-align: center;
}

    .Datalogo img {
        max-width: 60%;
        height: auto;
        border: 1px solid #ccc;
        border-radius: 5px;
        padding: 15px;
    }

.goodsDataRight h1 {
    color: #111;
    font-size: 22px;
    line-height: 36px;
    text-align: center;
    padding: 15px 0;
}

.goodsDataRightFrom {
    width: 100%;
    height: auto;
    padding: 20px;
    background: #eee;
    border-radius: 10px;
}

    .goodsDataRightFrom h2 {
        color: #111;
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 5px;
    }

    .goodsDataRightFrom dl {
        width: 100%;
        height: auto;
    }

        .goodsDataRightFrom dl dt {
            font-size: 15px;
            height: 36px;
            line-height: 36px;
            width: 100%;
        }

        .goodsDataRightFrom dl dd {
            width: 100%;
            height: 36px;
        }

            .goodsDataRightFrom dl dd input {
                width: 100%;
                height: 36px;
                line-height: 36px;
                border: 1px solid #ccc;
                border-radius: 5px;
                padding: 0 15px;
            }

    .goodsDataRightFrom button {
        width: 180px;
        height: 42px;
        line-height: 42px;
        text-align: center;
        font-size: 18px;
        background: #32a0f3;
        color: #fff;
        border: none;
        border-radius: 5px;
        margin-top: 10px;
    }

.optain {
    display: none;
}


.goods-search {
    padding: 5px 0;
    margin: 0 auto;
}

.goods-search-box {
    width: 500px;
}

    .goods-search-box input {
        width: 80%;
        height: 52px;
        padding: 0 20px;
        line-height: 50px;
        border: 1px solid #111;
        border-radius: 6px 0 0 6px;
        border-right: none;
        background: none;
    }

    .goods-search-box button {
        width: 20%;
        height: 52px;
        line-height: 52px;
        border: none;
        background: #32a0f3;
        font-size: 18px;
        border-radius: 0 6px 6px 0;
        color: #FFFFFF;
        text-align: center;
    }

.goodsData-download {
    text-align: center;
    padding: 10px 0;
}

    .goodsData-download a {
        background: #32a0f3;
        color: #fff;
        border-radius: 6px;
        font-size: 1rem;
        height: 36px;
        line-height: 36px;
        padding: 0 25px;
        display: inline-block;
    }

.sou-list {
    padding: 35px 0;
}

    .sou-list dl {
        width: 31.3%;
        height: auto;
        margin: 0.5%;
        border-radius: 6px;
        cursor: pointer;
        position: relative;
        text-align: center;
        position: relative;
    }

        .sou-list dl dd {
            width: 100%;
            height: 100%;
        }

            .sou-list dl dd img {
                width: 100%;
                height: 100%;
                border-radius: 6px;
            }

        .sou-list dl dt {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            z-index: 333;
            border-radius: 6px;
            background: rgba(0,0,0,0.5);
            padding: 60px 30px;
        }

            .sou-list dl dt .home-appinfo {
                width: 100%;
                height: auto;
                margin-top: 15px;
                transition: all ease .5s;
            }

                .sou-list dl dt .home-appinfo a {
                    color: #FFFFFF;
                    line-height: 28px;
                    height: 28px;
                    overflow: hidden;
                    display: block;
                }

                    .sou-list dl dt .home-appinfo a:hover {
                        text-decoration: underline;
                    }

            .sou-list dl dt h2 {
                display: block;
                font-weight: bold;
                font-size: 1.4rem;
                height: 34px;
                line-height: 34px;
                overflow: hidden;
                margin-top: 10px;
            }

                .sou-list dl dt h2 a {
                    color: #FFFFFF;
                }




@media (max-width: 1600px) {
    .header-box {
        width: 94%;
    }
}

@media (max-width: 1380px) {
    .header-box {
        width: 96%;
    }

    header nav.Hnav li {
        padding: 0 6px;
        font-size: 1rem;
    }
}



@media (max-width: 1200px) {

    .home-products-item-info a.prolinks1 {
        line-height: 20px;
    }

    .auto1280 {
        width: 94%;
        height: auto;
        overflow: hidden;
    }

    .auto_1280 {
        width: 94%;
        height: auto;
        overflow: hidden;
    }

    header {
        display: none !important;
    }

    body {
        font-size: 0.9rem;
    }


    .HeaderM {
        display: block;
        background: #FFFFFF;
        overflow: hidden;
        position: fixed;
        left: 0;
        top: 0;
        height: 60px;
        line-height: 60px;
        border-bottom: 1px solid #dedede;
        z-index: 9999;
        width: 100%;
        padding: 0 3%;
    }

        .HeaderM .logo {
            float: left;
            width: auto;
            height: 50px;
            overflow: hidden;
            padding-top: 16px;
        }

            .HeaderM .logo a {
                display: block;
                overflow: hidden;
                width: auto;
                height: 28px;
            }

                .HeaderM .logo a img {
                    width: auto;
                    height: 28px;
                }

        .HeaderM .mlang {
            float: right;
            margin-right: 30px;
        }

            .HeaderM .mlang img {
                padding-right: 10px;
            }

    .m-menu {
        float: right;
        width: 30px;
        padding-top: 15px;
    }

        .m-menu .icon {
            line-height: 1;
            font-size: 0;
            display: inline-block;
            vertical-align: middle;
            cursor: pointer;
        }

            .m-menu .icon a {
                display: block;
                width: 30px;
            }

            .m-menu .icon > span {
                display: inline-block;
                width: 30px;
                height: 1px;
                background: #333;
                margin: 4px 0;
                display: inline-block;
            }

    .client-2 {
        display: none;
    }

    #mmenu {
        z-index: 9999;
        opacity: 1.0;
    }

        #mmenu li .home-search {
            float: left;
            margin-left: 20px;
            width: 90%;
            background-color: #fff;
            padding-left: 0;
            overflow: hidden;
            margin-top: 10px;
            position: relative
        }

            #mmenu li .home-search .keyword {
                text-align: left;
                border: 0;
                box-shadow: 0;
                border-radius: 0;
                width: 85%;
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                -o-border-radius: 0;
                -mz-border-radius: 0;
                font-size: 14px;
                color: #999;
                line-height: 20px;
                vertical-align: top;
                padding: 6px 86px 6px 10px;
                -webkit-appearance: none;
                background-color: #fff;
                border: 1px solid #ccc
            }

                #mmenu li .home-search .keyword:focus {
                    transition: border linear .2s, box-shadow linear .5s;
                    -moz-transition: border linear .2s, -moz-box-shadow linear .5s;
                    -webkit-transition: border linear .2s, -webkit-box-shadow linear .5s;
                    outline: 0;
                    border: 1px solid #32a0f3;
                }

            #mmenu li .home-search .btn-sub {
                top: 0;
                border: 0;
                right: 0;
                color: #0201ff;
                width: 15%;
                height: 34px;
                line-height: 34px;
                text-align: center;
                position: absolute;
                cursor: pointer;
                border-radius: 0;
                background: #32a0f3 url(../images/search3.png) no-repeat center center;
            }


    .main_visual {
        margin-top: 61px;
    }

        .main_visual .owl-carousel, .main_visual .owl-stage-outer, .main_visual .owl-stage, .main_visual .owl-carousel .owl-item {
            width: 100%;
            height: 100% !important;
        }

            .main_visual .owl-carousel .item {
                width: 100%;
                height: 100%;
                background-repeat: no-repeat;
                background-position: center center;
                -webkit-background-size: cover;
                background-size: cover;
            }

                .main_visual .owl-carousel .item img {
                    width: 100%;
                    height: auto;
                }

        .main_visual .owl-dots {
            height: 8px;
            bottom: 10px;
        }

            .main_visual .owl-dots .owl-dot {
                margin: 0 3px;
            }

                .main_visual .owl-dots .owl-dot span {
                    display: inline-block;
                    width: 8px;
                    height: 8px;
                }


        .main_visual .owl-carousel .item img.Bpic {
            display: none;
        }

        .main_visual .owl-carousel .item img.Bmpic {
            display: block;
        }


    .home-title {
        padding: 20px 0;
    }

    .home-title-left h2 {
        font-size: 1.4rem;
        line-height: 34px;
    }

    .home-title-left p {
        line-height: 26px;
    }

    .home-title a {
        height: 36px;
        line-height: 36px;
        padding: 0 20px;
        margin-top: 10px;
    }

    .home-title ul {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-top: 10px;
    }

    .home-title li {
        margin-left: 0;
        padding: 0 25px;
        border: 1px solid #CCCCCC;
    }



    .home-products-item {
        width: 100%;
    }




    .home-solution {
        display: none;
    }

    .homesoutitle {
        display: none;
    }



    .home-about {
        padding-bottom: 30px;
    }

    .home-about-box-left {
        width: 100%;
        padding: 20px;
    }

    .home-about-box-right {
        width: 100%;
        padding: 20px;
        border-radius: 0;
    }

        .home-about-box-right h2 {
            font-size: 1.4rem;
            line-height: 38px;
        }

        .home-about-box-right a {
            padding: 0 20px;
            margin-top: 20px;
        }



    .home-blog-list dl {
        width: 100%;
        height: auto;
    }



    .footer-box {
        display: none;
    }

    .footer-copy {
        margin-bottom: 70px;
        text-align: center;
    }

        .footer-copy a {
            display: block;
        }

        .footer-copy .auto1280 {
            display: block;
        }


    .fposi {
        width: 100%;
        height: 70px;
        background: #32a0f3;
        position: fixed;
        left: 0;
        bottom: 0;
        display: block;
        z-index: 999;
    }

        .fposi a {
            display: block;
            float: left;
            text-align: center;
            width: 25%;
            height: 70px;
            color: #fff !important;
            border-right: 1px solid #EEEEEE;
            box-sizing: border-box;
        }

            .fposi a:last-child {
                border: none
            }

            .fposi a img {
                width: 30px;
                height: auto;
                padding-top: 8px;
            }

            .fposi a p {
                line-height: 32px;
                font-size: 0.9rem
            }


    .optain {
        display: none;
        background: rgba(0,0,0,.5);
        width: 100%;
        height: 100%;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 999;
    }

    .optain-close {
        width: 27px;
        height: 27px;
        background: url(../images/close.png) no-repeat;
        cursor: pointer;
        position: absolute;
        right: 20px;
        top: 33%;
    }

    .optain-search {
        width: 100%;
        height: 100%;
    }

    .optain-search-box {
        width: 94%;
        margin: 0 auto;
        background: #000;
        padding: 50px;
        border-radius: 16px;
        background: linear-gradient(318deg, rgb(248 249 255) 0%, rgb(47 190 236) 100%);
    }

        .optain-search-box input {
            width: 100%;
            height: 42px;
            line-height: 42px;
            background: #fff;
            border-radius: 4px 0 0 4px;
            border: none;
            padding: 0 15px;
            font-size: 0.9rem;
        }

        .optain-search-box button {
            width: 100%;
            height: 42px;
            line-height: 42px;
            background: #32a0f3;
            border-radius: 0 4px 4px 0;
            color: #fff;
            font-size: 1rem;
            border: none;
            margin-top: 10px;
        }



    .abmenuR i {
        font-size: 1.1rem;
        padding-right: 5px;
    }

    .abmenuR a {
        font-size: 0.9rem;
    }


    .abmenu {
        width: 100%;
        height: 52px;
        line-height: 52px;
        font-size: 0.9rem;
        font-size: 0.9rem !important;
    }

    .abmenuL {
        display: none;
    }

    .abmenuR span {
        float: left;
    }

    .abmenuR i {
        margin-top: 16px;
    }

    .pro-lanmu {
        display: block;
        font-size: 1.4rem;
    }

        .pro-lanmu i {
            margin-top: 15px;
            color: #111;
        }

    .navbar-nav-more-body {
        display: block;
        position: fixed;
        top: 0;
        left: 100%;
        width: 100vw;
        height: 100vh;
        overflow: hidden;
        z-index: 1000;
        background-color: rgba(0,0,0,0.6);
        transition: .2s
    }

        .navbar-nav-more-body .box-shadown {
            position: absolute;
            top: 0;
            left: 0;
            width: 40%;
            height: 100%
        }

        .navbar-nav-more-body .offcanva {
            position: absolute;
            top: 0;
            right: 0;
            width: 60%;
            height: 100%;
            overflow: hidden;
            background-color: #32a0f3;
        }

        .navbar-nav-more-body .offcanvas-body {
            position: relative
        }

        .navbar-nav-more-body .offcanvas-end {
            width: 60%;
            z-index: 999999
        }

        .navbar-nav-more-body .top-menu-list {
            position: absolute;
            top: 0px;
            right: 0;
            width: 100%;
            height: 100%;
            transition: .2s;
            font-size: 1rem;
            padding-top: 70px;
        }

            .navbar-nav-more-body .top-menu-list.active {
                transform: translateX(-100%)
            }

            .navbar-nav-more-body .top-menu-list > li {
                height: 3.5rem;
                line-height: 3.5rem;
                padding: 0
            }

                .navbar-nav-more-body .top-menu-list > li a {
                    height: 100%;
                    padding: 0 1rem;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    color: #FFFFFF;
                    border-bottom: 1px solid #EEEEEE;
                }

            .navbar-nav-more-body .top-menu-list ul {
                position: absolute;
                left: 100%;
                width: 100%;
                background-color: #fff;
                top: 0;
                height: 100%;
                padding: 0;
                display: none
            }

                .navbar-nav-more-body .top-menu-list ul.active {
                    display: block
                }

            .navbar-nav-more-body .top-menu-list .icon {
                font-size: 16px;
                color: #666
            }

            .navbar-nav-more-body .top-menu-list ul.active .icon {
                margin-right: .5rem
            }



    .banner2 {
        width: 100%;
        height: 150px;
        margin-top: 61px;
    }



    .about-box-left {
        width: 100%;
        padding: 20px;
    }

    .about-box-right {
        width: 100%;
        height: auto;
        border-radius: 0px;
    }

        .about-box-right img {
            border-radius: 0px;
        }




    .about-culture dl {
        width: 100%;
        padding: 30px;
        cursor: pointer;
        margin-bottom: 10px;
    }

        .about-culture dl dd {
            padding-top: 20px;
        }

            .about-culture dl dd b {
                font-size: 1.4rem;
                line-height: 42px;
            }

    .about-culture2 {
        margin-top: 20px;
        padding: 20px 0;
    }

        .about-culture2 dl {
            width: 100%;
            margin-bottom: 15px;
        }


    .about-value {
        padding: 20px 0;
    }

    .about-value-left {
        width: 100%;
        padding-right: 0;
    }

        .about-value-left h2 {
            font-size: 1.4rem;
            line-height: 32px;
        }

        .about-value-left h3 {
            font-size: 1.1rem;
            line-height: 28px;
        }

        .about-value-left p {
            margin: 20px 0;
        }

    .about-value-right {
        width: 100%;
        height: auto;
    }

        .about-value-right img {
            width: 100%;
            height: auto;
        }

    .about-fac {
        padding-bottom: 10px;
    }

    .about-img-list {
        padding: 25px 0;
    }

        .about-img-list dl {
            width: 49%;
            margin: 0.5%;
        }

    /*--*/
    .ContactInner .long .left {
        display: none;
    }

    .ContactInner .long .right {
        padding: 20px;
        width: 100%;
        height: auto;
    }

        .ContactInner .long .right .title {
            font-size: 18px;
        }

        .ContactInner .long .right .tel {
            margin-top: 10px;
            font-size: 14px;
        }

            .ContactInner .long .right .tel:before {
                top: 32px;
                width: 10px;
                height: 2px;
            }

            .ContactInner .long .right .tel:after {
                left: 13px;
                top: 32px;
                width: 25px;
                height: 2px;
            }

            .ContactInner .long .right .tel font {
                margin-top: 25px;
                font-size: 20px;
            }

        .ContactInner .long .right .wx {
            min-height: auto;
            margin-top: 10px;
            font-size: 14px;
            line-height: 24px;
        }

        .ContactInner .long .right .consult {
            position: initial;
            margin-top: 25px;
        }

        .ContactInner .long .right .ewm {
            float: left;
            margin-right: 30px;
        }

            .ContactInner .long .right .ewm:before {
                content: "";
                position: absolute;
                right: -15px;
                top: 20%;
                width: 1px;
                height: 60%;
                border-right: 1px #ddd dashed;
            }

            .ContactInner .long .right .ewm:after {
                right: -20px;
            }

        .ContactInner .long .right .online {
            float: left;
            display: table;
            margin: 50px 0 0 0px;
            font-size: 14px;
            padding: 5px 20px;
        }

        .ContactInner .long .right .rt {
            margin-top: 15px;
        }

    .ContactInner #dituContent {
        height: 220px;
    }
    /*--*/
    .MessageCon {
        padding: 50px 0;
    }

        .MessageCon .long {
            padding: 20px;
        }

        .MessageCon .title {
            margin-bottom: 20px;
        }

            .MessageCon .title h2 {
                font-size: 18px;
                width: 100%;
            }

            .MessageCon .title .tel {
                margin-top: 15px;
                font-size: 20px;
                width: 100%;
            }

                .MessageCon .title .tel em {
                    margin: 5px 10px 0 0;
                    font-size: 20px;
                }

        .MessageCon input {
            width: 100%;
            margin-bottom: 1%
        }

        .MessageCon .block:nth-child(2n+1) {
            margin-left: 0;
        }

        .MessageCon input, .MessageCon textarea {
            padding: 10px 20px 10px 40px;
            background-position: 10px 12px;
        }

        .MessageCon textarea {
            height: 100px;
        }

        .MessageCon button {
            width: 49%;
            margin-top: 15px;
            padding: 10px 0;
            font-size: 14px;
        }

        .MessageCon .x2 {
            margin-left: 0;
        }

        .MessageCon .x4 {
            margin-left: 0;
        }
    /*--*/
    .news-list {
        margin: 0 0 -12px -12px;
        padding: 20px 0;
    }

        .news-list li {
            width: calc(100%);
            margin: 0 0 12px 12px;
        }

        .news-list .box {
            padding: 15px;
        }

        .news-list h4 {
            font-size: 15px;
            margin-bottom: 8px;
        }

        .news-list p {
            font-size: 13px;
            line-height: 22px;
            height: 44px;
            overflow: hidden;
        }

        .news-list .time {
            margin-top: 15px;
            font-size: 12px;
        }

            .news-list .time i {
                font-size: 16px;
            }

    /*--*/
    .EssayCont .lefter {
        width: 100%;
    }

    .EssayCont .righter {
        display: none;
    }

    .wz {
        width: 94%;
        line-height: 42px;
        padding-bottom: 20px;
        font-size: 16px;
    }


    .downList {
        width: 94%;
        height: auto;
        overflow: hidden;
    }

        .downList li {
            width: 100%;
            height: 48px;
            line-height: 48px;
            border-bottom: 1px dotted #ccc;
        }

    .GoodsMenuBox {
        width: 94%;
        padding: 20px 0;
    }

        .GoodsMenuBox dl {
            width: 100%;
            margin-bottom: 15px;
            border: 1px solid #ccc;
            border-radius: 8px;
        }

            .GoodsMenuBox dl dt {
                width: 100%;
                height: 62px;
                line-height: 32px;
                font-size: 15px;
                padding: 0 10px;
            }

                .GoodsMenuBox dl dt img {
                    width: 32px;
                    height: 32px;
                }

            .GoodsMenuBox dl dd {
                width: 100%;
                padding: 10px;
            }

                .GoodsMenuBox dl dd a {
                    width: 100%;
                    padding: 0 10px;
                    height: 32px;
                    line-height: 32px;
                }



    .GoodsMain {
        width: 94%;
        height: auto;
        padding: 20px 0;
    }

    .MainWz {
        width: 100%;
        height: auto;
        line-height: 36px;
        padding-bottom: 20px;
    }

    .GoodsMenu {
        width: 100%;
        height: auto;
    }

    .GmobielMenu {
        display: block;
        width: 100%;
        height: 42px;
        line-height: 42px;
        color: #FFFFFF;
        border-radius: 5px 5px 0px 0px;
        background: #32a0f3;
        box-sizing: border-box;
        font-size: 1.2rem;
        padding: 0 20px;
    }

        .GmobielMenu i {
            line-height: 42px;
            font-size: 1.5rem;
        }


    .MainLeft {
        float: none;
        width: 100%;
        height: auto;
        display: none;
    }

        .MainLeft h2 {
            display: none;
        }

    .GoodsMenu .menu_head {
        width: 100%;
        height: 50px;
        line-height: 50px;
        margin-top: 1px;
    }

        .GoodsMenu .menu_head a {
            display: block;
            width: 100%;
            height: 50px;
            background: #898989 url(../images/Mlibg.png) no-repeat 24px center;
            font-size: 16px;
            color: #FFFFFF;
            padding-left: 55px;
            box-sizing: border-box;
        }

        .GoodsMenu .menu_head.current a {
            background: #32a0f3 url(../images/Mlibgs.png) no-repeat 24px center;
        }

    .GoodsMenu dd {
        width: 100%;
        height: auto;
        display: none;
    }

        .GoodsMenu dd a {
            display: block;
            width: 100%;
            height: 40px;
            line-height: 40px;
            font-size: 14px;
            box-sizing: border-box;
            padding-left: 39px;
        }

        .GoodsMenu dd li {
            position: relative;
            width: 100%;
        }

            .GoodsMenu dd li:hover ul {
                display: block;
            }

            .GoodsMenu dd li ul {
                position: inherit;
                left: 0;
                top: 0;
                display: none;
            }

                .GoodsMenu dd li ul a {
                    display: block;
                    width: 100%;
                    height: 42px;
                    line-height: 42px;
                    font-size: 15px;
                    padding: 0;
                    text-align: left;
                    padding-left: 51px;
                }



    .GoodsR {
        float: none;
        width: 100%;
        height: auto;
        overflow-x: auto;
        margin-top: 20px;
    }

    .GoodsDesc .desc {
        float: none;
        width: 100%
    }

    .GoodsDesc .pic {
        margin-top: 10px;
        float: none;
        width: 100%
    }


    .goodsListBox {
        width: 100%;
        height: auto;
        overflow-x: auto;
    }

    .goodsList {
        width: 99%;
        height: auto;
        overflow-x: auto;
    }

        .goodsList dl {
            width: 100%;
            height: auto;
            border: 1px solid #eee;
            background: #f7f7f7;
            box-sizing: border-box;
            margin-bottom: 10px;
        }

            .goodsList dl dt {
                width: 100%;
                height: 42px;
                line-height: 42px;
                text-align: left;
                box-sizing: border-box;
                padding: 0 25px;
                background: #eee;
                font-weight: bold;
            }

                .goodsList dl dt span {
                    color: #0c75ad;
                }

            .goodsList dl dd {
                width: 100%;
                height: auto;
                padding: 15px 0;
                float: left;
            }

                .goodsList dl dd i {
                    line-height: 32px;
                }

                .goodsList dl dd span {
                    display: block;
                    float: left;
                    width: 50%;
                    text-align: left;
                    text-indent: 1em;
                    height: 32px;
                    line-height: 32px;
                    overflow: hidden;
                }

                    .goodsList dl dd span b {
                        color: #0c75ad;
                        font-weight: normal;
                        padding-right: 3px;
                    }

            .goodsList dl dt ul {
                float: left;
                width: 100%;
                height: 36px;
                line-height: 36px;
                overflow: hidden;
            }

                .goodsList dl dt ul li {
                    float: left;
                    padding: 0 20px;
                    background: url(../images/pdf-icon.png) no-repeat left center;
                }
    /*0919*/
    .side {
        display: none;
    }

    .mpokf {
        width: 100%;
        height: 42px;
        line-height: 42px;
        padding: 10px 0;
        background: #0c75ad;
        color: #fff;
        display: block;
        position: fixed;
        left: 0;
        bottom: 0;
        z-index: 999;
    }

        .mpokf a {
            display: block;
            float: left;
            text-align: center;
            font-size: 1rem;
            width: 28%;
            color: #fff;
            border-right: 1px solid #05519b;
            box-sizing: border-box;
        }

            .mpokf a:last-child {
                width: 16%;
                border: none;
            }

            .mpokf a img {
                vertical-align: top;
                width: 42px;
                height: 42px;
            }

    .main-box {
        background: #fff;
        width: 95%;
        height: auto;
        overflow: hidden;
        padding: 16px;
        box-sizing: border-box;
        margin-top: 32px;
    }

    .inner-box .dl-list {
        margin: 0 auto;
        padding: 0;
        text-align: left;
        width: 100%;
        font-size: 14px;
        box-sizing: border-box;
    }

        .inner-box .dl-list dl {
            clear: both;
            display: block;
            padding: 5px 0;
        }

            .inner-box .dl-list dl:after {
                clear: none;
                content: "";
                display: block;
                height: 0;
                visibility: hidden;
            }

            .inner-box .dl-list dl dt {
                display: block;
                padding: 0;
                width: 77px;
                line-height: 42px;
                min-height: 42px;
                color: #555;
                text-align: left;
            }

                .inner-box .dl-list dl dt.mdt {
                    display: none;
                }

            .inner-box .dl-list dl dd {
                position: relative;
                line-height: 42px;
                min-height: 42px;
                color: #555;
                float: left;
                padding: 0px;
                overflow: hidden;
                _margin-left: 0;
                width: 247px;
            }

                .inner-box .dl-list dl dd .input {
                    padding: 0 10px;
                    height: 42px;
                    width: 100%;
                    box-sizing: border-box;
                }

                .inner-box .dl-list dl dd span {
                    display: block;
                }

                .inner-box .dl-list dl dd a.send {
                    display: inline-block;
                    color: #555;
                    border: 1px solid #e8e8e8;
                    border-radius: 3px;
                    width: 103px;
                    height: 40px;
                    line-height: 40px;
                    color: #333;
                    font-size: 14px;
                    text-align: center;
                    vertical-align: middle;
                }

                    .inner-box .dl-list dl dd a.send.gray {
                        color: #999;
                    }

                    .inner-box .dl-list dl dd a.send img {
                        margin-top: 9px;
                    }

                .inner-box .dl-list dl dd .input.code {
                    width: 129px;
                    ime-mode: disabled;
                    text-transform: uppercase;
                }

    .clearfix {
        display: block
    }

    /*提示样式*/
    .msg-tips {
        position: relative;
        margin: 30px auto;
        padding: 30px 0;
        width: 230px;
        font-size: 14px;
        text-align: left;
    }

    .login-right {
        width: 100%;
        height: auto;
    }

    .info-wrap {
        margin-top: 41px;
        width: 96%;
    }

    .info-box {
        float: none;
        width: 100%;
        background: #eef8fa;
        border: 1px solid #e8ecef;
        box-sizing: border-box;
    }

    .inner-box {
        border: none;
        margin: 0;
    }

    .form-box dl dt {
        display: block;
        float: none;
        width: 100%;
        line-height: 38px;
        min-height: 38px;
        color: #555;
        font-size: 13px;
        text-align: left;
        _position: absolute;
    }

    .form-box dl dd {
        position: relative;
        width: 100%;
        padding: 5px 0 5px 0;
        line-height: 28px;
        min-height: 28px;
        color: #555;
        font-size: 13px;
        overflow: hidden;
        _margin-left: 0;
    }

        .form-box dl dd .input {
            width: 100%;
            padding: 0 10px;
            box-sizing: border-box;
            height: 42px;
            line-height: 42px;
        }

        .form-box dl dd .select {
            width: 30%;
        }

    .form-box dl dt.mdt {
        display: none;
    }

    .goodsShow {
        float: none;
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    .goodsShow1 {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    .goodsShowL {
        width: 100%;
        height: auto;
        overflow: hidden;
        float: left;
    }

        .goodsShowL img {
            width: 100%;
            height: auto;
        }

        .goodsShowL .GLTXT {
            width: 100%;
            height: auto;
            line-height: 300px;
            text-align: center;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 666;
            color: #e60012;
            font-weight: bold;
            font-size: 2rem;
        }

    .goodsShowR {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

        .goodsShowR h2 {
            width: 100%;
            padding: 15px 0;
            line-height: 28px;
            font-size: 1.4rem;
            border-bottom: 1px solid #dedede;
        }

    .goodsShowRinfo1 {
        width: 100%;
        height: auto;
        padding: 25px 0;
        overflow: hidden;
        line-height: 26px;
    }

        .goodsShowRinfo1 table {
            border: 1px solid #ccc;
            border-left: 0px;
            border-top: 0px;
            font-size: 13px;
        }

            .goodsShowRinfo1 table td {
                border: 1px solid #ccc;
                border-right: 0px;
                border-bottom: 0px;
                padding: 12px 2px;
                text-align: center
            }

            .goodsShowRinfo1 table tr:first-child {
                background: #f7f7f7;
            }

    .goodsShowRinfo2 {
        width: 100%;
        height: auto;
        padding: 25px 0;
        overflow: hidden;
    }

        .goodsShowRinfo2 a {
            display: block;
            float: left;
            width: 120px;
            height: 46px;
            line-height: 46px;
            font-size: 18px;
            color: #fff;
            text-align: center;
            margin-right: 20px;
        }

            .goodsShowRinfo2 a:hover {
                opacity: 0.7;
            }

            .goodsShowRinfo2 a:first-child {
                background: #40368c;
                border-radius: 5px;
            }

            .goodsShowRinfo2 a:last-child {
                background: #1b96d4;
                border-radius: 5px;
            }


    .goodsShow2 {
        width: 100%;
        height: auto;
        height: auto;
        overflow: hidden;
        padding-top: 40px;
    }

        .goodsShow2 h2 {
            width: 100%;
            height: 46px;
            line-height: 46px;
            border-bottom: 1px solid #dedede;
        }

            .goodsShow2 h2 a {
                font-size: 1rem;
                padding: 0 5px;
            }

    .goodsInfos {
        width: 94%
    }

        .goodsInfos .tit img {
            float: none;
            margin-top: 20px;
        }



    #dituContent2 {
        width: 94%;
        height: 300px;
        margin-top: 10px;
        clear: both;
    }

    .max80 {
        width: 94%;
    }

    .goodsSubMenu {
        position: relative;
        display: flex; /* 横向排布 */
        overflow-x: auto; /* 横向滚动 */
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

        .goodsSubMenu::-webkit-scrollbar {
            display: none; /* 隐藏滚动条 */
        }

        .goodsSubMenu a {
            float: none; /* 取消 float */
            flex: 0 0 48%; /* 每个占 48% 宽度 -> 一屏 2 个 */
            margin: 0 1%;
            text-align: center;
            box-sizing: border-box;
            padding: 10px 15px;
            background: #f7f7f7;
            font-size: 15px;
            border-radius: 3px;
            white-space: nowrap; /* 名称很长就不换行，可按需删 */
        }



    .zpNrBot {
        padding: 30px 0;
        width: 94%;
    }

    .zpNrBotTit .zpNrBotListTop {
        padding: 0 30px;
    }

    .zpNrBotListTop {
        padding: 20px 30px;
    }

    .zpNrBotListTop_2 {
        display: none;
    }

    .zpNrBotListTop_3 {
        display: none;
    }

    .zpNrBotListTop_4 {
        display: none;
    }


    .pdtion1 {
        width: 94%;
        height: auto;
        overflow: hidden;
        padding-bottom: 30px;
    }


    .pdtion2BG {
        width: 100%;
        height: auto;
    }

    .pdtion2Box {
        width: 94%;
    }


    .pdtion3BG {
        width: 100%;
        height: auto;
        overflow: hidden;
        background: #f7f7f7;
        margin-top: 20px;
        padding-bottom: 30px;
    }

    .pdtion3List {
        width: 94%;
        height: auto;
    }

        .pdtion3List dl {
            float: left;
            width: 48%;
            margin: 1%;
            overflow: hidden;
            text-align: center;
            background: #fff;
        }

    .pdtion4List {
        width: 94%;
        height: auto;
        padding-top: 20px;
    }

    .downList {
        width: 94%;
        height: auto;
        padding-top: 20px;
    }

        .downList dl {
            float: none;
            width: 100%;
            height: auto;
            margin: 10px 0;
        }

    .simpleBg {
        width: 94%;
        padding: 25px 3%;
    }

    .simple1 {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-bottom: 0;
    }

        .simple1 dl {
            float: none;
            width: 100%;
            margin: 10px 0;
            padding: 0 10px;
        }


    .simple2 {
        width: 100%;
        margin-bottom: 15px;
    }


    .souList {
        width: 94%;
    }

        .souList dl {
            width: 100%;
            height: auto;
            margin-bottom: 10px;
        }

            .souList dl dt {
                float: none;
                width: 100%;
                height: auto;
            }

                .souList dl dt img {
                    width: 100%;
                    height: auto;
                }

            .souList dl dd {
                float: none;
                width: 100%;
                height: auto;
                padding: 25px;
            }

    .souMenu {
        width: 94%;
        padding: 20px 0;
    }

        .souMenu dl {
            margin-bottom: 10px;
        }

            .souMenu dl dt {
                font-size: 1.2rem;
                height: 30px;
                line-height: 30px;
            }

            .souMenu dl dd a {
                width: 100% !important;
                height: 48px !important;
                line-height: 48px !important;
                margin: 0;
            }

    .desigList {
        width: 94%;
    }

        .desigList dl dt {
            font-size: 1.2rem;
        }

        .desigList dl dd {
            font-size: 1rem;
        }

    .gsShowData {
        width: 94%;
    }

    .goodsInfosMenu h2 {
        font-size: 22px;
        margin-bottom: 0;
    }

    .gsteList {
        padding: 10px 0;
    }

        .gsteList dl {
            height: auto;
            line-height: 32px;
        }

            .gsteList dl dt {
                width: 100%;
            }

            .gsteList dl dd {
                width: 100%;
            }

    .goodsInfosDown {
        padding-bottom: 25px;
    }

        .goodsInfosDown h2 {
            font-size: 22px;
        }



    .goodsData {
        width: 100%;
        height: 100%;
    }

    .goodsDataLeft {
        width: 100%;
        height: 100vh;
    }

        .goodsDataLeft iframe {
            height: 100vh;
        }

    .goodsDataRight {
        width: 100%;
        padding: 20px;
    }


    .goods-search-box {
        width: 100%;
    }

    .EssayCont .pagIng {
        margin-top: 30px;
        padding-top: 30px;
    }

        .EssayCont .pagIng li {
            float: none;
            width: 100%;
            margin-bottom: 10px;
        }

    .sou-list {
        padding: 30px 0;
    }

        .sou-list dl {
            width: 100%;
            margin: 0;
            margin-bottom: 10px;
        }
}




/* =========================================================
   ONLY PATCH: goodsSubMenu + goods-search + goodsList
   直接追加到CSS末尾覆盖即可
   ========================================================= */

/* =========================
   1) goodsSubMenu：胶囊按钮 + 横向可滚动（移动端更好用）
   ========================= */
.goodsSubMenu {
    width: 80%;
    margin: 0 auto;
    padding: 18px 0 10px;
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

    .goodsSubMenu::-webkit-scrollbar {
        display: none;
    }

    .goodsSubMenu a {
        float: none; /* 覆盖你原来 float */
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 auto; /* 不换行 */
        padding: 10px 16px;
        border-radius: 999px;
        background: #fff;
        border: 1px solid #e6e8eb;
        color: #333;
        font-size: 15px;
        line-height: 1;
        transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease, color .2s ease;
    }

        .goodsSubMenu a:hover {
            border-color: rgba(50,160,243,.35);
            box-shadow: 0 8px 20px rgba(0,0,0,.08);
            transform: translateY(-1px);
            color: #32a0f3;
        }

/* 当前选中（你原来用 #lm_hover） */
#lm_hover {
    color: #fff !important;
    border: none !important;
    background: linear-gradient(90deg, #3668FF 0%, #2FC1EB 100%) !important;
    box-shadow: 0 8px 22px rgba(54,104,255,.22);
}

/* =========================
   2) goods-search：更像“产品中心搜索条”
   ========================= */
.goods-search {
    padding: 10px 0 16px;
    margin: 0 auto;
}

.goods-search-box {
    width: 560px; /* 原来500，稍微放大更舒服 */
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    border-radius: 12px;
    overflow: hidden;
}

    .goods-search-box input {
        width: 78%;
        height: 52px;
        padding: 0 16px;
        line-height: 52px;
        border: 1px solid #e6e8eb;
        border-right: none;
        background: #fff;
        border-radius: 12px 0 0 12px;
        font-size: 15px;
        transition: box-shadow .2s ease, border-color .2s ease;
    }

        .goods-search-box input:focus {
            border-color: rgba(50,160,243,.55);
            box-shadow: 0 0 0 4px rgba(50,160,243,.12);
        }

    .goods-search-box button {
        width: 22%;
        height: 52px;
        line-height: 52px;
        border: none;
        color: #fff;
        font-size: 16px;
        background: linear-gradient(90deg, #32a0f3 0%, #3668FF 100%);
        border-radius: 0 12px 12px 0;
        transition: transform .2s ease, box-shadow .2s ease, opacity .2s ease;
    }

        .goods-search-box button:hover {
            transform: translateY(-1px);
            box-shadow: 0 10px 26px rgba(50,160,243,.22);
            opacity: .98;
        }

/* =========================
   3) goodsList：表格更清爽 + 行 hover + 轻微卡片化
   （不改你表格结构，不动 td 内容）
   ========================= */
.goodsList {
    width: 100%;
    border: 1px solid #e6e8eb;
    border-radius: 12px;
    overflow: auto;
    background: #fff;
}

    /* 你原来 tbody td 很多 border:1px solid #ccc；这里统一淡化 */
    .goodsList tbody {
        font-size: 14px;
        border-spacing: 0;
    }

        .goodsList tbody td {
            border-color: #e6e8eb !important;
            background: #fff;
            transition: background .15s ease;
        }

        /* 斑马纹更轻、更科技 */
        .goodsList tbody tr:nth-child(even) {
            background: #f7fbff; /* 比你原来 #f1f8ff 更干净 */
        }

        /* hover 强化可读性 */
        .goodsList tbody tr:hover td {
            background: #eef7ff;
        }

    /* 表头（如果你第一行是 .firTr）更高级 */
    .goodsList .firTr {
        background: #eef6ff !important;
        color: #0f172a !important;
        font-weight: 700;
    }

    /* pdf icon/按钮区域更像“可点” */
    .goodsList tbody td .fa-file-pdf-o {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 34px;
        height: 34px;
        border-radius: 10px;
        background: #eef6ff;
        border: 1px solid rgba(50,160,243,.25);
        transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
    }

    .goodsList tbody td:hover .fa-file-pdf-o {
        background: #32a0f3;
        color: #fff;
        border-color: #32a0f3;
        transform: translateY(-1px);
    }