/* =========================
基础重置
========================= */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html,
body{
    width:100%;
    font-size:14px;
    color:#333;
    font-family:"微软雅黑","宋体",sans-serif;
    background:#f5f8fd;
}

body{
    padding-top:70px;
    overflow-x:hidden;
}

a{
    text-decoration:none;
    transition:.3s;
    color:inherit;
}

ul{
    list-style:none;
}

img{
    max-width:100%;
    display:block;
}

.clear{
    clear:both;
}

/* =========================
整体结构
========================= */

#divAll,
#divPage{
    width:100%;
}

#divMiddle{
    width:1200px;
    margin:0 auto;
    padding:30px 0;
    display:flex;
    justify-content:space-between;
}

#divTop{
    display:none;
}

/* 首页特殊布局 */

.home #divMiddle{
    width:100%;
    padding:0;
}

/* =========================
导航
========================= */

#divNavBar{
    position:fixed;
    top:0;
    left:0;

    width:100%;
    height:70px;

    background:#f5f8fd;

    z-index:99999;

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

    padding:0 40px;

    border-bottom:1px solid #eaeef5;
}

.nav-left{
    display:flex;
    align-items:center;
    margin-left:260px;
}

.site-name{
    font-size:25px;
    font-weight:600;
    color:#333;
    white-space:nowrap;
}

.site-name:hover{
    color:#1258d8;
}

/* 导航 */

.nav{
    display:flex;
    align-items:center;
    gap:40px;
    margin-right:260px;
}

.nav li{
    position:relative;
}

.nav li a{
    display:block;
    padding:10px 15px;
    color:#333;
    font-size:20px;
}

.nav li a:hover{
    color:#1258d8;
}

/* =========================
二级菜单
========================= */

.dropdown{
    position:absolute;
    top:100%;
    left:0;

    min-width:220px;

    background:#fff;

    border-radius:12px;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

    opacity:0;
    visibility:hidden;

    transform:translateY(10px);

    transition:.25s;

    z-index:9999;
}

/* hover显示 */

.has-dropdown:hover > .dropdown{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

/* =========================
三级菜单
========================= */

.third-menu{
    position:absolute;

    top:0;
    left:100%;

    min-width:240px;

    background:#fff;

    border-radius:12px;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

    opacity:0;
    visibility:hidden;

    transform:translateX(10px);

    transition:.25s;

    z-index:9999;
}

/* hover显示 */

.has-third:hover > .third-menu{
    opacity:1;
    visibility:visible;
    transform:translateX(0);
}

/* 下拉菜单链接 */

.dropdown a,
.third-menu a{
    display:block;
    padding:12px 18px;
    color:#333;
    white-space:nowrap;
}

.dropdown a:hover,
.third-menu a:hover{
    background:#f5f8fd;
    color:#1258d8;
}
.has-dropdown:hover > .dropdown{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

.has-third:hover > .third-menu{
    opacity:1;
    visibility:visible;
    transform:translateX(0);
}

/* =========================
首页 Banner
========================= */

.home-banner{
    width:100%;
    overflow:hidden;
    background:#f5f8fd;
}

.home-banner img{
    width:100%;
    height:auto;
    display:block;
}

.home .home-banner{
    margin-top:-70px;
}


/* =========================
首页海报区域
========================= */

.home-poster{
    width:100%;

    display:flex;
    flex-direction:column;

    gap:0;

    margin:0;
    padding:0;
}

.poster-item{
    display:block;

    width:100%;

    overflow:hidden;

    border-radius:0;

    background:none;

    box-shadow:none;

    transition:.35s;
}
.poster-item:hover{
    opacity:.96;
}

.poster-item img{
    width:100%;
    display:block;
}

/* =========================
内容区域
========================= */

#divMiddle{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
}

#divMain{
    width:860px;
    min-height:300px;
}

#divSidebar{
    width:300px;
}

/* =========================
文章卡片
========================= */

div.post{
    background:#fff;
    border-radius:18px;
    padding:30px;
    margin-bottom:25px;
    box-shadow:0 5px 20px rgba(0,0,0,.04);
}

.post-title{
    font-size:28px;
    margin-bottom:20px;
    color:#222;
}

.post-body{
    line-height:1.9;
    font-size:15px;
}

.post-body p{
    margin-bottom:20px;
}

/* =========================
侧边栏
========================= */

.function{
    background:#fff;
    border-radius:16px;
    margin-bottom:20px;
    box-shadow:0 5px 20px rgba(0,0,0,.04);
}

.function_t{
    font-size:18px;
    padding:20px;
    color:#1258d8;
    font-weight:bold;
}

.function ul{
    padding:0 20px 20px;
}

.function li{
    padding:10px 0;
    border-bottom:1px solid #f2f2f2;
}

/* =========================
产品列表
========================= */

.product-section{
    width:100%;
    padding:100px 0;
    background:#fff;
}

.section-title{
    text-align:center;
    margin-bottom:50px;
}

.section-title h2{
    font-size:38px;
    color:#1258d8;
    margin-bottom:10px;
}

.section-title p{
    color:#999;
    letter-spacing:4px;
}

.product-list{
    width:100%;
    max-width:1200px;

    margin:0 auto;

    display:flex;
    flex-wrap:wrap;

    gap:25px;
}

.product-item{
    width:calc(25% - 19px);

    background:#fff;

    border-radius:18px;

    overflow:hidden;

    box-shadow:0 5px 25px rgba(0,0,0,.05);

    transition:.3s;
}

.product-item:hover{
    transform:translateY(-8px);
}

.product-item img{
    width:100%;
}

.product-item h3{
    font-size:18px;
    padding:20px;
    color:#222;
}

.product-item a{
    display:inline-block;

    margin:0 20px 20px;

    padding:10px 20px;

    background:#1258d8;
    color:#fff;

    border-radius:8px;
}

.product-item a:hover{
    background:#0f47af;
}

/* =========================
产品中心
========================= */

.product-center{
    width:100%;
    max-width:1400px;

    margin:60px auto;

    padding:0 30px;

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;
}

.product-card{
    background:#fff;

    border-radius:20px;

    overflow:hidden;

    box-shadow:0 8px 25px rgba(0,0,0,.06);

    transition:.35s;
}

.product-card:hover{
    transform:translateY(-8px);

    box-shadow:0 20px 40px rgba(0,0,0,.12);
}

.product-card img{
    width:100%;
    height:320px;

    object-fit:contain;

    background:#f5f8fd;
}

.product-card h3{
    padding:24px;

    text-align:center;

    font-size:20px;

    color:#222;
}

/* =========================
产品详情页
========================= */

.single #divMiddle{
    width:1200px;
    display:block;
}

.single #divMain{
    width:100%;
}

.single #divSidebar{
    display:none;
}

/* =========================
关于我们
========================= */

.page-id-24 #divAll,
.page-id-24 #divPage,
.page-id-24 #divMiddle,
.page-id-24 #divMain{
    width:100%;
    max-width:none;
    margin:0;
    padding:0;
}

.page-id-24 #divSidebar{
    display:none;
}

.page-id-24 .post,
.page-id-24 .post-body,
.page-id-24 .page{
    margin:0;
    padding:0;
    background:none;
    box-shadow:none;
    border-radius:0;
}

.page-id-24 img{
    width:100%;
}

/* =========================
联系我们
========================= */

.page-id-25{
    background:#fff;
}

.page-id-25 #divAll,
.page-id-25 #divPage,
.page-id-25 #divMiddle,
.page-id-25 #divMain{
    width:100%;
    max-width:none;
    margin:0;
    padding:0;
}

.page-id-25 #divSidebar{
    display:none;
}

.page-id-25 .post,
.page-id-25 .page{
    width:100%;
    margin:0;
    padding:0;
    background:none;
    box-shadow:none;
    border-radius:0;
}

.page-id-25 .post-body{
    width:100%;
    margin:0;
    padding:0;
    line-height:0;
}

.page-id-25 .post-body img{
    width:100%;
}

/* =========================
表单
========================= */

.banner-wrap{
    position:relative;
    width:100%;
}

.banner-img{
    width:100%;
}

.form-box{
    position:absolute;

    top:55%;
    right:30%;

    transform:translateY(-50%);

    width:360px;

    background:#fff;

    padding:25px;

    border-radius:16px;

    box-shadow:0 10px 30px rgba(0,0,0,.15);

    z-index:10;
}

.contact-form{
    width:100%;
}

.contact-form input{
    width:100%;
    height:48px;

    margin-bottom:15px;

    padding:0 15px;

    border:1px solid #ddd;

    border-radius:8px;

    font-size:14px;
}

.contact-form button{
    width:100%;
    height:50px;

    border:none;

    background:#1677ff;

    color:#fff;

    font-size:16px;

    border-radius:8px;

    cursor:pointer;
}

/* =========================
隐藏分页
========================= */

.pagebar{
    display:none !important;
}

/* =========================
图片无缝
========================= */

.post-body{
    font-size:0;
}

.post-body p{
    margin:0 !important;
    padding:0 !important;
    line-height:0;
}

.post-body img{
    width:100%;
    height:auto;
}

/* =========================
移动端
========================= */

@media(max-width:768px){

    body{
        padding-top:60px;
    }
    

    .dropdown,
    .third-menu{
        display:none !important;
    }


    /* 导航 */

    #divNavBar{
        height:60px;

        padding:0 10px;

        overflow-x:auto;
        overflow-y:hidden;

        white-space:nowrap;
    }

    .nav-left{
        display:none;
    }

    .nav{
        display:flex;

        flex-wrap:nowrap;

        gap:10px;

        width:max-content;

        margin:0 auto;
    }

    .nav li{
        flex-shrink:0;
        overflow:visible !important;
    }

    .nav li a{
        padding:8px 12px;
        font-size:13px;
        white-space:nowrap;
    }

    /* 主体 */

    #divMiddle{
        width:100%;

        padding:20px 15px;

        flex-direction:column;
    }

    #divMain,
    #divSidebar{
        width:100%;
    }

    /* Banner */

   .home-banner{
    width:100%;
    height:auto !important;
    min-height:0 !important;
}

    .home-banner picture,
    .home-banner img{
        width:100%;
        height:auto !important;

        object-fit:contain !important;
    }

    /* 首页海报 */

    .home-poster{
        grid-template-columns:1fr;

        gap:15px;

        padding:0 15px;

        margin:20px auto;
    }

   
    /* 产品列表 */

    .product-list{
        width:100%;

        padding:0 12px;

        gap:12px;
    }

  .product-item{
    width:calc(50% - 6px) !important;
}
.product-item img{
    height:160px;
    object-fit:contain;
}

    .product-item h3{
        font-size:14px;
        padding:12px;
    }

    .product-item a{
        margin:0 12px 12px;

        padding:8px 12px;

        font-size:13px;
    }

    /* 标题 */

    .section-title{
        margin-bottom:25px;
    }

    .section-title h2{
        font-size:26px;
    }

    .section-title p{
        font-size:12px;
        letter-spacing:2px;
    }

    /* 表单 */

    .form-box{
        position:relative !important;

        top:auto !important;
        right:auto !important;

        transform:none !important;

        width:92%;

        margin:20px auto;

        padding:20px;

        border-radius:12px;
    }

}
/* 默认 */
.contact-mobile{
    display:none;
}

/* 手机端 */
@media screen and (max-width:768px){

    .contact-pc{
        display:none !important;
    }

    .contact-mobile{
        display:block !important;
        width:100%;
        height:auto;
    }

    .banner-wrap{
        position:static !important;
        width:100%;
        margin:0;
        padding:0;
    }

    .form-box{
        position:static !important;

        top:auto !important;
        right:auto !important;

        transform:none !important;

        width:100% !important;
        max-width:none !important;

        margin:0 !important;

        padding:20px !important;

        border-radius:0 !important;

        box-shadow:none !important;

        background:#fff;
    }

}

/* 联系我们图片切换 */

.contact-mobile{
    display:none;
}

@media screen and (max-width:768px){

    .page-id-25 .contact-pc{
        display:none !important;
    }

    .page-id-25 .contact-mobile{
        display:block !important;
        width:100%;
        height:auto;
    }
      .form-box{
        position:static !important;
        width:100% !important;
        max-width:none;
        margin:20px 0;
        transform:none !important;
        box-sizing:border-box;
    }

}

@media screen and (max-width:768px){

    .banner-wrap{
        height:auto !important;
        min-height:0 !important;
        overflow:visible !important;
    }

    .banner-img.contact-pc{
        display:none !important;
    }

    .form-box{
        position:static !important;
        width:100% !important;
        margin:0 !important;
        padding:20px !important;
        box-sizing:border-box;
    }

}
/* =========================
产品中心（标准企业版）
========================= */

.product-center-wrap{
    width:100%;
    padding:80px 0;
    background:#f5f8fd;
}

.section-title{
    text-align:center;
    margin-bottom:40px;
}

.section-title h2{
    font-size:36px;
    color:#1258d8;
}

.section-title p{
    font-size:12px;
    color:#999;
    letter-spacing:3px;
}

/* 产品网格 */
.product-center{
    max-width:1200px;
    margin:0 auto;

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;

    padding:0 20px;
}

/* 卡片 */
.product-card{
    background:#fff;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 6px 20px rgba(0,0,0,.06);
    transition:.3s;
}

.product-card:hover{
    transform:translateY(-6px);
}

/* 图片 */
.product-card img{
    width:100%;
    height:260px;
    object-fit:contain;
    background:#f5f8fd;
}

/* 标题 */
.product-card h3{
    text-align:center;
    padding:18px;
    font-size:18px;
    color:#222;
}
@media (max-width:768px){

    #divMiddle{
        width:100% !important;
        padding:15px 10px !important;
        flex-direction:column;
    }

}
@media (max-width:768px){

    #divMiddle{
        width:100% !important;
        flex-direction:column;
    }

    #divMain{
        width:100% !important;
    }

    #divSidebar{
        width:100% !important;
    }

}
/* =========================
手机端适配
========================= */
@media (max-width:768px){

    #divPage,
    #divMiddle,
    #divMain{
        width:100% !important;
        max-width:100% !important;
    }

    #divMiddle{
        padding:15px 10px !important;
        flex-direction:column !important;
    }

    #divSidebar{
        width:100% !important;
        margin-top:20px;
    }

    .product-center{
        grid-template-columns:repeat(2,1fr) !important;
        gap:8px !important;
        padding:0 4px !important;
    }

    .product-center-wrap{
        padding:10px 0 !important;
    }

    .product-card{
        border-radius:12px;
    }

    .product-card img{
        width:100% !important;
        height:100px !important;
        object-fit:contain !important;
    }

    .product-card h3{
        padding:10px 6px !important;
        font-size:14px !important;
        line-height:1.4;
    }

}

/* 默认隐藏轮播 */
.mobile-banner {
    display:none !important;
}

/* 手机端显示轮播 */
@media (max-width:768px){
    .mobile-banner {
        display:block !important;
    }
    .pc-banner-poster {
        display:none !important;
    }
}
/* =========================
电脑端海报 / 手机端轮播
========================= */

/* 电脑端显示 */
.pc-banner-poster{
    display:block !important;
    width:100%;
}

.pc-banner-poster img{
    width:100%;
    display:block;
}

/* 默认隐藏手机轮播 */
.mobile-banner{
    display:none !important;
    width:100%;
}

.mobile-banner img{
    width:100%;
    display:block;
}

/* 手机端 */
@media (max-width:768px){

    /* 隐藏电脑海报 */
    .pc-banner-poster{
        display:none !important;
    }

    /* 显示轮播 */
    .mobile-banner{
        display:block !important;
        width:100%;
    }

    .mobile-banner .swiper-slide img{
        width:100%;
        display:block;
    }

}
.news-section{
    padding:60px 0;
    background:#f8f8f8;
    text-align:center;
}

.news-section .section-title{
    font-size:28px;
    margin-bottom:40px;
    font-weight:600;
}

.news-list{
    max-width:1200px;
    margin:0 auto 30px auto;
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
    gap:20px;
}

.news-item{
    background:#fff;
    padding:20px;
    border-radius:8px;
    box-shadow:0 2px 6px rgba(0,0,0,0.05);
    text-align:left;
}

.news-item h3{
    font-size:18px;
    margin-bottom:10px;
}

.news-item p{
    color:#666;
    font-size:14px;
    line-height:1.6;
    margin-bottom:10px;
}

.news-item span{
    color:#999;
    font-size:12px;
}

.news-more a{
    display:inline-block;
    margin-top:20px;
    padding:10px 20px;
    background:#007bff;
    color:#fff;
    border-radius:4px;
    text-decoration:none;
}
.news-more a:hover{
    background:#0056b3;
}