a, b, body, br, button, col, dd, div, dl, dt, em, fieldset, form, frame, frameset, h1, h2, h3, h4, head, html, i, iframe, img, input, label, legend, li, map, ol, option, p, select, span, textarea, tfoot, th, thead, ul {
    padding: 0;
    margin: 0
}

body {
    font: 11pt simsun,arial,sans-serif;
    color: #191919;
}

a {
    text-decoration: none;
    color: #333;
    outline: 0
}

    a:hover {
        text-decoration: none;
        color: #eb0064
    }

button, h1, h2, h3, h4, h5, h6, input {
    font-size: 100%
}

button, img, input, select {
    border: none;
    vertical-align: middle
}

button, input, select, textarea {
    outline: 0
}

li, ol, ul {
    list-style-type: none
}

p, td, th {
    overflow: hidden
}

.toptop {
    width: 1130px;
    margin: 0px auto;
    margin-top: 5px;
    text-align: right
}

.top {
    width: 1130px;
    height: 106px;
    line-height: 30px;
    clear: both;
    margin: 0px auto;
    margin-top: 10px;
}

.top-logo {
    width: 180px;
    height: 100px;
    float: left;
    margin-top: 12px;
}

.top-searcher {
    width: 640px;
    height: 50px;
    text-align: center;
    float: left;
    margin-left: 0px;
    margin-top: 35px;
}

.so-search-input {
    position: relative;
    float: left;
    padding-left: 10px;
    width: 520px;
    height: 38px;
    line-height: 38px;
    background-color: #fff;
    border: 1px solid #c3c8cd;
    color: #999999;
}

.soso-search-submit {
    float: left;
    width: 80px;
    height: 40px;
    cursor: pointer;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    font-family: simsun;
    background-color: #0176f9;
}

.top-kefu {
    width: 173px;
    float: left;
    margin-top: 27px;
    margin-left: 10px;
}

.top-weixin {
    margin-left: 30px;
    width: 91px;
    float: left;
    height: 106px;
}

.daohang {
    clear: both;
    height: 55px;
    width: 100%;
    background: url(../tupian/nav_bg.gif) repeat-x;
}

#menu {
    margin: 0px auto;
    height: 39px;
    width: 1130px;
}

    #menu UL {
        margin: 0px auto;
        padding-left: 5%
    }

    #menu LI {
        margin: 0px auto;
        float: left;
        width: 109px;
        line-height: 45px;
        text-align: center;
        background-image: url(../tupian/menu-line1.gif);
        background-repeat: no-repeat;
        background-position: right 50%;
    }

        #menu LI A {
            DISPLAY: block;
            COLOR: #fff;
            FONT-FAMILY: "΢���ź�"
        }

        #menu LI.on A {
            FONT-SIZE: 14px;
            BACKGROUND: url(../tupian/menu-hover.gif) no-repeat center 50%;
            COLOR: #3388d8
        }

        #menu LI A:hover {
            FONT-SIZE: 14px;
            BACKGROUND: url(../tupian/menu-hover.gif) no-repeat center 50%;
            COLOR: #3388d8
        }

.notice {
    width: 1130px;
    color: Red;
    font-weight: bold;
    margin: 0px auto;
    font-size: 11pt;
    background: #ffffff;
    height: 5px;
    padding-top: 5px;
}


#container {
    width: 1150px;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.kt1 {
    width: 800px;
    height: 10px;
    margin-left: 180px;
    background: #2461bf;
    float: left;
    border-radius: 3px;
}

.kt2 {
    font-size: 12pt;
    width: 900px;
    height: 20px;
    margin-left: 180px;
    background: #c5ddf5;
    float: left;
    padding: 5px;
    padding-left: 35px;
    border-radius: 4px
}

    .kt2 A {
        color: #0000FF;
    }

.kt3 {
    font-size: 12pt;
    width: 900px;
    min-height: 460px;
    margin-left: 180px;
    padding: 20px;
    margin-bottom: 30px;
    float: left;
    border: 1px #c5ddf5 solid;
    border-radius: 6px;
}

    .kt3 A {
        color: #0000FF;
    }

.ulx {
    list-style-type: square;
    margin-left: 50px;
    margin-right: 50px;
}

    .ulx li {
        border-bottom: 1px #DDDDDD dashed;
        margin-top: 8px;
    }

.ml {
    width: 273px;
    float: left;
}


.mulu {
    width: 273px;
    background: #FFF;
    overflow: hidden;
    float: left;
    border: 1px #c5ddf5 solid;
    border-radius: 6px;
    margin-top: 10px;
}

.mulu_bn1 {
    width: 275px;
    height: 7px;
    float: left;
    background: #2461bf;
}

.mulu_bn2 {
    width: 275px;
    height: 23px;
    float: left;
    background: #c5ddf5;
    text-align: left;
    padding-left: 26px;
    padding-top: 7px;
}

.mulu_left_pic {
    width: 275px;
    height: 80px;
    float: left;
    text-align: center;
}

.mulu_top {
    line-height: 22px;
    margin-left: 12px;
    margin-top: 12px;
    float: left;
    width: 230px;
}

.ul_mulu {
    margin-left: 16px;
    margin-top: 0px;
}

    .ul_mulu div {
        background: url(../tupian/lh_72_2.jpg) no-repeat;
        float: left;
        width: 10px;
        height: 15px;
    }

    .ul_mulu li {
        font-weight: bold;
        vertical-align: middle;
        font-family: SimHei;
        padding: 2px 5px;
    }

    .ul_mulu a {
        color: #2461bf;
    }

.ul_mulu_2 {
    margin-left: 20px;
    margin-top: 0px;
}

    .ul_mulu_2 li {
        list-style: url(../tupian/i_r30_c87.jpg);
        border-bottom: 1px #BBB solid;
        margin: 3px 0px;
        font-weight: normal;
    }

.pl {
    float: left;
    width: 860px;
    max-width: 860px;
    flex-shrink: 0;
    flex-basis: 860px;
    overflow: hidden;
    border: 1px #c5ddf5 solid;
    border-radius: 6px;
    margin-left: 10px;
    margin-top: 10px;
    box-sizing: border-box;
}

/* 禁止 flex 容器压缩子元素 */
#container { flex-shrink: 0; }
.tp-home-main { flex-shrink: 0; width: 870px; }

    .pl div {
        float: left;
    }

.banner1 {
    height: 7px;
    background: #2461bf;
    width: 860px;
}

.banner2 {
    height: 25px;
    background: #c5ddf5;
    padding-left: 10px;
    padding-top: 5px;
    width: 860px;
}

.content {
    text-align: center;
    padding: 12px 5px;
    width: 850px;
    box-sizing: border-box;
}

.content > * {
    width: 100%;
    box-sizing: border-box;
}

    .content div {
        font-size: 11pt;
        margin-left: 0px;
    }

.rmgjc {
    width: 840px;
}

    .rmgjc li {
        margin-right: 30px;
        margin-top: 5px;
        float: left;
    }

        .rmgjc li:first-child {
            width: 840px;
            text-align: left;
            color: Red;
        }






.ulcss {
    text-align: center;
    padding: 12px 0;
    width: 858px;
    float: left;
    box-sizing: border-box;
    margin: 0 auto;
}

.tjcp {
    width: 207px;
    height: 250px;
    float: left;
}

    .tjcp div:nth-child(2n-1) {
        width: 207px;
        height: 207px;
    }

    .tjcp div:nth-child(2n) {
        width: 200px;
        height: 40px;
        line-height: 20px;
        text-align: left;
        padding-left: 7px;
        margin-top: 3px;
    }

    .tjcp img {
        width: 207px;
        height: 207px;
        vertical-align: middle;
    }

.bot {
    width: 425px;
    height: 368px;
    border: 1px #c5ddf5 solid;
    float: left;
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    border-radius: 6px;
}

.bnr1 {
    height: 7px;
    background: #2461bf;
    width: 425px;
    float: left;
}

.bnr2 {
    height: 25px;
    background: #c5ddf5;
    padding-top: 5px;
    width: 415px;
    float: left;
    padding-left: 10px;
}

.wzCss div:nth-child(2n-1) {
    float: left;
    width: 300px;
    height: 20px;
    margin-left: 12px;
    border-bottom: 1px #c5ddf5 dashed;
    margin-top: 4px;
}

.wzCss div:nth-child(2n) {
    float: left;
    width: 100px;
    height: 20px;
    text-align: right;
    border-bottom: 1px #c5ddf5 dashed;
    margin-top: 3px;
}


.wzlist div:nth-child(2n-1) {
    float: left;
    width: 500px;
    height: 20px;
    margin-left: 12px;
    border-bottom: 1px #c5ddf5 dashed;
    margin-top: 4px;
    margin-left: 50px;
}

.wzlist div:nth-child(2n) {
    float: left;
    width: 100px;
    height: 20px;
    text-align: right;
    border-bottom: 1px #c5ddf5 dashed;
    margin-top: 4px;
    margin-left: 2px;
}

.ulLink {
    font-size: large;
    font-weight: bolder;
    float: left;
    margin-left: 10px;
}

    .ulLink li {
        margin-top: 13px;
    }

.jstp {
    float: left;
    width: 350px;
    margin-left: 10px;
    text-align: center
}

.gsjs {
    float: left;
    width: 360px;
    margin: 15px;
    font-size: large;
    font-weight: bolder;
}

.di_daohang {
    width: auto;
    background: #2461bf;
    margin: 0px auto;
    clear: both;
    height: 30px;
    color: White;
    text-align: center;
    padding-top: 6px;
    margin-top: 60px;
}

    .di_daohang a {
        color: White;
    }

.beian {
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
}

.warning {
    font-size: 12px;
    font-weight: bold;
    color: red;
    text-align: left;
    float: right;
    margin-right: 10px;
    vertical-align: text-bottom;
    height: 20px;
}




/* 轮播图 */
.tp-banner {
    width: 860px;
    height: 380px;
    position: relative;
    overflow: hidden;
}

.tp-banner-item {
    width: 860px;
    height: 380px;
}

.tp-banner-item img {
    width: 860px;
    height: 380px;
    object-fit: cover;
}

.tp-banner-text {
    width: 860px;
    height: 380px;
    background: linear-gradient(135deg, #1a3a7a 0%, #2461bf 50%, #3388d8 100%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0 40px;
    box-sizing: border-box;
}

.tp-banner-text h2 {
    color: #fff;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 20px;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.tp-banner-text p {
    color: #cce4ff;
    font-size: 16px;
    line-height: 1.8;
}

.tp-banner-ctrl {
    display: none;
}

/* 轮播图 - 自动轮播 */
.tp-banner-item {
    display: none;
    width: 860px;
    height: 366px;
}
.tp-banner-item:first-child {
    display: flex;
}

/* 轮播图 - 自动轮播 & 控制器 */
.tp-banner { width: 860px !important; min-height: 366px; position: relative; overflow: hidden; }
.tp-banner-item { display: none; width: 860px; height: 366px; }
.tp-banner-item:first-child { display: flex; }
.tp-banner-item img { width: 860px; height: 366px; object-fit: cover; }
.tp-banner-dots {
    position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%);
    display: flex; gap: 8px; z-index: 10;
}
.tp-dot {
    width: 10px; height: 10px; border-radius: 50%; background: rgba(255,255,255,0.6);
    cursor: pointer; transition: background 0.3s;
}
.tp-dot.active { background: #fff; }
.tp-banner-prev, .tp-banner-next {
    position: absolute; top: 50%; transform: translateY(-50%);
    width: 36px; height: 60px; cursor: pointer; z-index: 10;
    background: rgba(0,0,0,0.25) center no-repeat;
    transition: background 0.3s;
}
.tp-banner-prev { left: 10px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='60' viewBox='0 0 36 60'%3E%3Cpath d='M30 0L6 30l24 30z' fill='%23fff'/%3E%3C/svg%3E"); }
.tp-banner-next { right: 10px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='60' viewBox='0 0 36 60'%3E%3Cpath d='M6 0l24 30L6 60z' fill='%23fff'/%3E%3C/svg%3E"); }
.tp-banner-prev:hover, .tp-banner-next:hover { background-color: rgba(0,0,0,0.5); }
/* 隐藏 .pl 内的蓝色分割线 */
.pl > .banner1 { display: none; }

/* 强制覆盖 tp8-custom.css 中的 .tp-banner 样式 */
.tp-banner {
    width: 860px !important;
    min-height: 366px;
    padding: 0 !important;
    box-sizing: border-box;
}

/* 轮播图区域 - 隐藏 pl 内的 banner2 横条 */
.pl:first-child .banner2 { display: none; }
/* tp-banner-text 内容撑满 */
.tp-banner-text { width: 100% !important; padding: 0 40px !important; box-sizing: border-box; }
.tp-banner-item img { width: 100% !important; }

/* notice 隐藏但保持结构 */
.notice { display: none; }
/* tp-banner 顶部对齐 nav */
.tp-banner { margin-top: 0; }
/* 轮播图区域去除多余间距 */
.tp-home-main { padding-top: 0; }

/* 第一个 pl(轮播图) 去除边框和上边距，与下方内容区左右对齐 */
.pl:first-child { border-top: none !important; margin-top: 0 !important; margin-left: 10px !important; width: 860px !important; flex-shrink: 0 !important; box-sizing: border-box; }
.pl:first-child .tp-banner { width: 860px !important; }
.pl:first-child .tp-banner-item { width: 860px !important; }
.pl:first-child .tp-banner-item img { width: 860px !important; }
.pl:first-child .tp-banner-text { width: 860px !important; }
/* tp-banner-text 内容区撑满 100% */
.tp-banner-text { width: 100% !important; height: 100% !important; }
.tp-banner-item { width: 860px !important; height: 366px; }
.tp-banner-item img { width: 860px !important; height: 366px !important; object-fit: cover; }
.tp-banner-text > * { max-width: 800px; margin: 0 auto; }

/* 轮播图容器高度精确匹配内容 */
.tp-banner { height: 366px !important; }
/* tp-banner-text 撑满 */
.tp-banner-text { width: 860px !important; height: 366px !important; padding: 0 !important; }
.tp-banner-text > h2 { font-size: 28px; margin: 0 0 16px; text-align: center; }
.tp-banner-text > p { font-size: 14px; text-align: center; }

/* 彻底覆盖 - tp-banner-text 无 padding 背景填满 */
.tp-banner-text { width: 860px !important; height: 366px !important; padding: 0 !important; box-sizing: border-box !important; }
.tp-banner-text > * { max-width: 780px; margin: 0 auto; }
/* tp-banner 自身无 padding */
.tp-banner { padding: 0 !important; width: 860px !important; height: 366px !important; }

/* 轮播图区域 pl - 无边框无缝 */
.tp-banner-pl { border: none !important; margin: 0 !important; padding: 0 !important; }
/* 轮播图容器高度 */
.tp-banner { height: 366px !important; }
/* 轮播图项尺寸 */
.tp-banner-item { width: 860px !important; height: 366px !important; }
/* 文字背景填满 */
.tp-banner-text { width: 860px !important; height: 366px !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; }
.tp-banner-text > * { width: 100%; max-width: 800px; }
/* 图片填满 */
.tp-banner-item img { width: 860px !important; height: 366px !important; object-fit: cover; display: block; }
/* 隐藏 banner2 横条 */
.banner2 { display: none !important; }

/* banner 文字无 padding 左对齐 */
.tp-banner-text > * { max-width: 100% !important; padding: 0 !important; margin: 0 auto !important; text-align: center; }

/* banner pl 无上边距,和产品目录垂直对齐 */
.tp-banner-pl { margin-top: 0 !important; }

/* 产品目录第一个 mulu 顶部对齐 */
.mulu:first-child { margin-top: 0 !important; }
/* 产品目录列和产品列表顶对齐 */
#container { align-items: flex-start; }
.tp-home-main { padding-top: 0; }
.ml { padding-top: 0; }