/* 全局重置 & 自适应基础 */
*{margin:0;padding:0;box-sizing:border-box;list-style:none;text-decoration:none;font-family:"Microsoft Yahei";}
html{font-size:16px;}
body{overflow-x:hidden;background:#fff;}
img{border:none;max-width:100%;display:block;height:auto;object-fit:cover;}
input,textarea,button{outline:none;font-family:"Microsoft Yahei";font-size:16px;}
.container{width:1200px;margin:0 auto;padding:0 10px;}

/* ====================== 头部导航 三横汉堡折叠 ====================== */
.header{background:#0066cc;color:#fff;padding:12px 0;box-shadow:0 2px 8px rgba(0,102,204,0.25);position:relative;z-index:999;}
.headbox{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;position:relative;}

/* Logo区域 */
.logo-box{display:flex;align-items:center;gap:12px;order:1;}
.logo-img{width:160px;height:50px;object-fit:contain;}
.logo-text{font-size:24px;font-weight:bold;color:#fff;line-height:50px;}

/* PC横向导航 */
.nav-pc{display:block;order:2;}
.nav-pc ul{display:flex;gap:6px;}
.nav-pc a{
    color:#fff;font-size:16px;padding:10px 16px;display:block;border-radius:6px;
    transition:all 0.25s ease;
}
.nav-pc a:hover,.nav-pc a.active{
    background:#ffffff;color:#0066cc;box-shadow:0 2px 6px rgba(0,0,0,0.1);
}

/* 三横汉堡按钮 移动端专属 */
.hamburger{
    display:none;
    width:42px;height:42px;
    position:relative;
    cursor:pointer;
    order:3;
}
/* 三条横线 */
.hamburger span{
    display:block;
    width:30px;
    height:3px;
    background:#fff;
    border-radius:3px;
    position:absolute;
    left:6px;
    transition:all 0.3s ease;
}
.hamburger span:nth-child(1){top:10px;}
.hamburger span:nth-child(2){top:19px;}
.hamburger span:nth-child(3){top:28px;}
/* 点击后变关闭X */
.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(7px,-6px);}
.hamburger.active span:nth-child(2){opacity:0;}
.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,6px);}

/* 移动端下拉菜单容器 */
.nav-mobile{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    background:#0066cc;
    padding:0 15px;
    max-height:0;
    overflow:hidden;
    transition:max-height 0.35s ease;
}
.nav-mobile.show{max-height:600px;padding:20px 15px;}
.nav-mobile ul{display:flex;flex-direction:column;gap:12px;text-align:center;}
.nav-mobile a{
    color:#fff;font-size:16px;padding:12px;display:block;border-radius:6px;
    background:rgba(255,255,255,0.1);
}
.nav-mobile a:hover,.nav-mobile a.active{background:#fff;color:#0066cc;}

/* Banner轮播 */
.banner{margin:20px auto;overflow:hidden;border-radius:8px;box-shadow:0 3px 10px #eee;}
.banner img{width:100%;height:380px;object-fit:cover;object-position:center;}

/* 通用标题模块 */
.titlebox{text-align:center;margin:40px 0 30px;}
.titlebox h2{font-size:26px;color:#222;margin-bottom:10px;position:relative;display:inline-block;}
.titlebox h2:after{content:"";width:60px;height:3px;background:#0066cc;position:absolute;left:50%;transform:translateX(-50%);bottom:-8px;}
.titlebox p{color:#666;margin-top:8px;}

/* SEO H1标题 + 介绍文本样式 */
.main-title{
    font-size:30px;
    color:#0066cc;
    line-height:1.5;
    margin-bottom:10px;
}
.intro-text{
    font-size:16px;
    line-height:1.8;
    color:#444;
    max-width:1220px;
    margin:0 auto 20px;
    text-align:justify;
}
.intro-text strong{
    color:#0066cc;
}

/* 产品卡片 */
.productlist{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:30px;}
.productitem{width:calc(25% - 18px);border:1px solid #eee;overflow:hidden;transition:all 0.3s;border-radius:8px;}
.productitem:hover{box-shadow:0 3px 12px #e0e9f5;transform:translateY(-3px);}
.productitem img{width:100%;height:200px;object-fit:cover;}
.protext{padding:15px;}
.protext h3{font-size:18px;margin-bottom:10px;color:#0066cc;}
.protext p{color:#666;line-height:1.7;font-size:14px;}

/* 优势板块背景 */
.advantage{background:#f7f9fc;padding:40px 0;margin:50px 0;}
.advlist{display:flex;flex-wrap:wrap;gap:20px;}
.advitem{width:calc(33.333% - 14px);padding:20px;background:#fff;border-left:4px solid #0066cc;border-radius:6px;transition:0.2s;}
.advitem:hover{box-shadow:0 2px 10px #e8f0fa;}
.advitem h4{font-size:17px;margin-bottom:8px;color:#222;}
.advitem p{color:#666;font-size:14px;line-height:1.6;}

/* 办理流程 容器基础 */
.flowlist{
    display: flex;
    justify-content: space-between;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 40px;
    flex-wrap: wrap;
    gap: 30px;
}
.flowitem span{
    display:block;
    width:40px;
    height:40px;
    line-height:40px;
    border-radius:50%;
    background:#0066cc;
    color:#fff;
    margin:0 auto 10px;
    font-size:18px;
}
.flowitem h4{
    font-size: 16px;
    margin: 0 0 6px;
    color: #000;
}
.flowitem p{
    font-size: 14px;
    color: #666;
    margin: 0;
}

/* PC大屏一行5个均分 */
@media (min-width:992px){
    .flowitem{
        flex: 1;
        min-width: 160px;
    }
}
/* 平板两行 */
@media (max-width:991px) and (min-width:768px){
    .flowitem{
        flex: 1 1 calc(50% - 10px);
    }
}
/* 手机单列 */
@media (max-width:767px){
    .flowitem{
        width: 100%;
    }
}

/* 案例、新闻、技术支持通用卡片 */
.caselist,.newlist{display:flex;gap:20px;margin-top:30px;margin-bottom:40px;flex-wrap:wrap;}
.caseitem,.newitem{width:calc(33.333% - 14px);border-radius:8px;overflow:hidden;border:1px solid #eee;transition:0.3s;}
.caseitem:hover,.newitem:hover{border-color:#0066cc;box-shadow:0 2px 8px #edf4fc;}
.caseitem img{width:100%;height:220px;margin-bottom:10px;object-fit:cover;}
.caseitem p{color:#666;font-size:14px;line-height:1.6;padding:0 10px 10px;}
.newitem{padding:15px;min-height:160px;}
.newitem a{color:#222;font-size:16px;display:block;margin-bottom:8px;}
.newitem a:hover{color:#0066cc;}
.newitem p{font-size:13px;color:#888;line-height:1.6;}

/* 在线申请表单 */
.formbox{background:#f7f9fc;padding:40px;margin:50px 0;border-radius:10px;box-shadow:0 2px 12px #e0ecf8;}
.formrow{margin:18px 0;}
.formrow label{display:block;margin-bottom:8px;color:#333;font-weight:500;}
.formrow input{width:100%;padding:14px;border:1px solid #ddd;border-radius:6px;font-size:16px;transition:0.2s;}
.formrow input:focus{border-color:#0066cc;box-shadow:0 0 0 3px rgba(0,102,204,0.15);}
.subbtn{width:100%;padding:16px;background:#0066cc;color:#fff;border:none;font-size:16px;border-radius:6px;cursor:pointer;transition:0.3s;font-weight:bold;}
.subbtn:hover{background:#0052a3;box-shadow:0 3px 10px rgba(0,102,204,0.3);}
.tips-text{color:#e63946;font-size:14px;margin:14px 0;line-height:1.8;}
.service-tel{color:#0066cc;font-weight:bold;}

/* 列表页专用 */
.list-wrap{padding:30px 0;min-height:500px;}
.list-item{display:flex;border-bottom:1px dashed #eee;padding:20px 0;gap:20px;flex-wrap:wrap;}
.list-item img{width:220px;height:140px;object-fit:cover;border-radius:6px;}
.list-info{flex:1;min-width:260px;}
.list-info h3 a{font-size:18px;color:#222;}
.list-info h3 a:hover{color:#0066cc;}
.list-info .time{color:#999;font-size:13px;margin:8px 0;}
.list-info .desc{color:#666;line-height:1.7;font-size:14px;}
.pagelist{text-align:center;margin:40px 0;}
.pagelist a{display:inline-block;padding:8px 14px;border:1px solid #ddd;margin:0 4px;color:#333;border-radius:6px;transition:0.2s;}
.pagelist a:hover,.pagelist a.thisclass{background:#0066cc;color:#fff;border-color:#0066cc;}

/* 内容详情页专用 */
.article-wrap{padding:30px 0;min-height:600px;}
.article-title{font-size:28px;text-align:center;margin-bottom:15px;color:#222;line-height:1.4;}
.article-meta{text-align:center;color:#999;font-size:14px;margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid #eee;}
.article-body{line-height:1.8;font-size:16px;color:#333;}
.article-body p{margin-bottom:16px;}
.article-body img{margin:15px auto;border-radius:6px;}

/* 页脚 */
.footer{background:#222;color:#aaa;padding:40px 0;margin-top:60px;}
.footbox{text-align:center;line-height:2;}
.footbox p{margin:10px 0;font-size:14px;}

/* swiper轮播适配样式 */
.swiper.banner {
    width: 100%;
    height: 380px;
    border-radius: 8px;
    overflow: hidden;
    margin: 20px auto;
}
.swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#backTop{
    position:fixed;
    right:20px;
    bottom:30px;
    width:40px;
    height:40px;
    background:#0066cc;
    color:#fff;
    text-align:center;
    line-height:40px;
    border-radius:50%;
}

/* 弹窗遮罩全局样式 */
.pop-mask{
    display:none;
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.6);
    z-index:999999 !important;
}
.pop-box{
    width:90%;
    max-width:480px;
    background:#fff;
    border-radius:10px;
    padding:30px 20px;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    text-align:center;
}
.pop-success h3{
    font-size:24px;
    color:#0066cc;
    margin-bottom:15px;
}
.pop-error h3{
    font-size:24px;
    color:#f33;
    margin-bottom:15px;
}
.pop-qrcode{
    width:260px;
    margin:15px auto;
    border:1px solid #eee;
    border-radius:8px;
}
.pop-desc{
    font-size:16px;
    color:#333;
    line-height:1.7;
    margin:8px 0;
}
.pop-close{
    margin-top:25px;
    padding:10px 30px;
    background:#0066cc;
    color:#fff;
    border:none;
    border-radius:6px;
    font-size:16px;
    cursor:pointer;
}

/* 上下篇文章样式 无改动 */
.page-prev-next {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    padding: 30px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin: 30px 0;
}
.prev-box, .next-box {
    flex: 1;
    min-width: 260px;
}
.next-box {
    text-align: right;
}
.page-prev-next span {
    display: block;
    font-size: 14px;
    color: #666;
    margin-bottom: 6px;
}
.page-prev-next a {
    font-size: 17px;
    color: #0056b3;
    font-weight: bold;
    text-decoration: none;
}
.page-prev-next a:hover {
    text-decoration: underline;
}

/* 关联文章CSS */
.relate-article {
    margin: 40px 0;
}
.relate-title {
    font-size: 22px;
    color: #0056b3;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}
.relate-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 24px;
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.relate-item {
    width: 100%;
    max-width: 1fr;
    flex: 1 1 240px;
    border: 1px solid #eee;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.relate-item img {
    width: 100%;
    height: 140px;
    object-fit: cover;
    display: block;
    aspect-ratio: 4/2.2;
}
.relate-text {
    padding: 14px;
    flex-grow: 1;
}
.relate-link {
    display: block;
    font-size: 16px;
    color: #333;
    font-weight: bold;
    text-decoration: none;
    margin-bottom: 8px;
}
.relate-link:hover {
    color: #0066cc;
}
.relate-text p {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/* 移动端高度适配 */
@media screen and (max-width:768px) {
    .swiper.banner {
        height: 220px;
    }
}
/* 箭头美化 */
.swiper-button-next,
.swiper-button-prev {
    width: 40px;
    height: 40px;
    background: rgba(255,255,255,0.3);
    border-radius: 50%;
}
.swiper-button-next::after,
.swiper-button-prev::after {
    font-size: 16px;
    color: #fff;
}
.swiper-pagination-bullet-active {
    background: #0066cc;
}

/* ====================== 平板 1024px适配 ====================== */
@media screen and (max-width:1024px){
    .container{width:100%;padding:0 15px;}
    .logo-img{width:140px;height:46px;}
    .productitem{width:calc(33.333% - 16px);}
    .advitem{width:calc(50% - 10px);}
    .flowitem{width:calc(33.333% - 14px);margin-bottom:20px;}
    .caseitem,.newitem{width:calc(50% - 10px);}
    .banner img{height:300px;}
}

/* ====================== 手机768px以下：启用三横折叠导航 ====================== */
@media screen and (max-width:768px){
    html{font-size:15px;}
    /* 隐藏PC横向导航 */
    .nav-pc{display:none;}
    /* 显示三横汉堡按钮 */
    .hamburger{display:block;}
    /* 移动端菜单显示 */
    .nav-mobile{display:block;}

    .logo-img{width:130px;height:42px;}
    .logo-text{font-size:20px;display:none;}

    .main-title{font-size:22px;}
    .intro-text{font-size:15px;line-height:1.7;}
    .titlebox h2{font-size:22px;}
    .banner img{height:220px;}
    .productitem{width:100%;}
    .advitem{width:100%;}
    .flowitem{width:100%;}
    .caseitem,.newitem{width:100%;}
    .list-item img{width:100%;height:auto;}
    .article-title{font-size:22px;}
    .formbox{padding:25px 20px;}
    .pagelist a{padding:6px 10px;margin:0 2px;font-size:14px;}
}

/* 超小手机480px */
@media screen and (max-width:480px){
    .container{padding:0 12px;}
    .titlebox{margin:25px 0 20px;}
    .productlist,.advlist,.caselist,.newlist{gap:15px;}
    .list-item{padding:15px 0;}
    .footer{padding:25px 12px;}
    .formrow{margin:14px 0;}
}