/* ===========================
   全局样式
=========================== */

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

html{
    scroll-behavior:smooth;
}

body{
    font-family:"PingFang SC","Microsoft YaHei",sans-serif;
    color:#333;
    background:#fff;
    line-height:1.8;
}

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

header{

    position:fixed;

    top:0;
    left:0;

    width:100%;

    height:80px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:0 80px;

    background:rgba(255,255,255,.95);

    backdrop-filter:blur(15px);

    box-shadow:0 3px 20px rgba(0,0,0,.08);

    z-index:999;

}

.logo img{

    height:50px;

}

nav{

    display:flex;

    gap:35px;

}

nav a{

    color:#333;

    text-decoration:none;

    font-size:16px;

    position:relative;

    transition:.3s;

}

nav a::after{

    content:"";

    position:absolute;

    left:0;

    bottom:-8px;

    width:0;

    height:2px;

    background:#005BAC;

    transition:.3s;

}

nav a:hover{

    color:#005BAC;

}

nav a:hover::after{

    width:100%;

}
/* ===========================
   Hero
=========================== */

.hero{

    position:relative;

    height:100vh;

    background:url("../images/hero.JPG") center center/cover no-repeat;

    display:flex;

    justify-content:center;

    align-items:center;

}

.mask{

    position:absolute;

    inset:0;

    background:rgba(0,45,90,.45);

}

.hero-content{

    position:relative;

    z-index:2;

    color:white;

    text-align:center;

}

.small-title{

    letter-spacing:6px;

    font-size:15px;

    margin-bottom:20px;

    opacity:.9;

}

.hero h1{

    font-size:78px;

    line-height:1.2;

    margin-bottom:25px;

}

.hero-text{

    font-size:22px;

    margin-bottom:45px;

}

.hero-btn{

    display:inline-block;

    padding:15px 40px;

    border:2px solid white;

    color:white;

    text-decoration:none;

    border-radius:40px;

    transition:.35s;

}

.hero-btn:hover{

    background:white;

    color:#005BAC;

}
/*=========================
    最新文章
=========================*/

.article{

    padding:90px 8%;

    background:#ffffff;

}

.section-title{

    text-align:center;

    margin-bottom:60px;

}

.section-title span{

    color:#005BAC;

    letter-spacing:3px;

    font-size:15px;

}

.section-title h2{

    font-size:42px;

    margin:10px 0;

}

.section-title p{

    color:#666;

}

/* 三列布局 */

.article-list{

    display:grid;

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

    gap:30px;

}

/* 卡片 */

.card{

    background:white;

    border-radius:16px;

    overflow:hidden;

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

    transition:.35s;

}

.card:hover{

    transform:translateY(-10px);

    box-shadow:0 18px 45px rgba(0,0,0,.15);

}

/* 图片 */

.card img{

    width:100%;

    height:200px;

    object-fit:cover;

}

/* 内容 */

.card-content{

    padding:25px;

}

.date{

    color:#888;

    font-size:14px;

}

.card h3{

    margin:15px 0;

    color:#003B7A;

    font-size:22px;

}

.card p{

    color:#666;

    font-size:15px;

    margin-bottom:25px;

}

.card a{

    color:#005BAC;

    text-decoration:none;

    font-weight:bold;

}

.card a:hover{

    text-decoration:underline;

}/* ===========================
   最新财税资讯
=========================== */

.article{

    padding:80px 8%;

    background:#ffffff;

}

.section-title{

    text-align:center;

    margin-bottom:55px;

}

.section-title span{

    color:#005BAC;

    font-size:15px;

    letter-spacing:4px;

    text-transform:uppercase;

}

.section-title h2{

    font-size:42px;

    color:#003B7A;

    margin:12px 0;

}

.section-title p{

    color:#666;

    font-size:16px;

}

/* 三列布局 */

.article-list{

    display:grid;

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

    gap:28px;

}

/* 卡片 */

.card{

    background:#fff;

    border-radius:18px;

    overflow:hidden;

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

    transition:all .35s ease;

}

.card:hover{

    transform:translateY(-12px);

    box-shadow:0 18px 45px rgba(0,0,0,.16);

}

/* 图片 */

.card img{

    width:100%;

    height:210px;

    object-fit:cover;

    transition:.4s;

}

.card:hover img{

    transform:scale(1.05);

}

/* 内容 */

.card-content{

    padding:24px;

}

.date{

    display:inline-block;

    color:#888;

    font-size:14px;

    margin-bottom:12px;

}

.card h3{

    color:#003B7A;

    font-size:23px;

    line-height:1.4;

    margin-bottom:15px;

}

.card p{

    color:#666;

    font-size:15px;

    line-height:1.8;

    margin-bottom:22px;

}

.card a{

    color:#005BAC;

    text-decoration:none;

    font-weight:bold;

    transition:.3s;

}

.card a:hover{

    letter-spacing:1px;

}
.more-articles{

    text-align:center;

    margin-top:50px;

}

.more-btn{

    display:inline-block;

    padding:14px 36px;

    background:#0f4c81;

    color:#fff;

    text-decoration:none;

    border-radius:40px;

    font-size:18px;

    transition:.3s;

}

.more-btn:hover{

    background:#1d6fb8;

    transform:translateY(-3px);

}

/* 文章切换动画 */

.cards.fade-out{

    opacity:0;
    transform:translateY(15px);

}


.cards{

    opacity:1;
    transform:translateY(0);

    transition:all .35s ease;

}

/* 文章分类切换动画 */

.cards{

    opacity:1;

    transform:translateY(0);

    transition:all .35s ease;

}



.cards.fade-out{

    opacity:0;

    transform:translateY(15px);

}

/* =========================================================
   企业文化页面 - 最终版
========================================================= */


/* =========================
   Hero
========================= */

.culture-hero{

    height:380px;

    margin-top:80px;

    background:linear-gradient(
        135deg,
        #003B7A,
        #005BAC
    );

    display:flex;

    align-items:center;

    justify-content:center;

    text-align:center;

    color:#fff;

    position:relative;

    overflow:hidden;

}


/* 装饰圆环 */

.culture-hero::before{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    border:1px solid rgba(255,255,255,.14);

    border-radius:50%;

    left:-140px;

    top:-210px;

}


.culture-hero::after{

    content:"";

    position:absolute;

    width:560px;

    height:560px;

    border:1px solid rgba(255,255,255,.12);

    border-radius:50%;

    right:-260px;

    bottom:-390px;

}


.culture-hero-content{

    position:relative;

    z-index:2;

}


.culture-hero-content span{

    font-size:13px;

    letter-spacing:5px;

    opacity:.85;

}


.culture-hero-content h1{

    font-size:56px;

    margin:12px 0;

    letter-spacing:5px;

}


.culture-hero-content p{

    font-size:18px;

    letter-spacing:7px;

    opacity:.9;

}


/* =========================
   通用标题
========================= */

.culture-section-title{

    max-width:850px;

    margin:0 auto;

    text-align:center;

}


.culture-section-title span{

    color:#005BAC;

    font-size:13px;

    letter-spacing:4px;

}


.culture-section-title h2{

    font-size:36px;

    color:#003B7A;

    margin:8px 0 15px;

}


.culture-section-title p{

    color:#666;

    font-size:15px;

    line-height:1.9;

}


/* =========================
   企业文化介绍
========================= */

.culture-intro{

    padding:65px 8% 55px;

    background:#fff;

}


/* =========================
   愿景 + 使命
========================= */

.culture-block{

    max-width:1100px;

    margin:0 auto;

    padding:55px 30px;

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:55px;

    border-top:1px solid #eee;

}


/* 编号 */

.culture-label{

    display:flex;

    align-items:center;

    gap:10px;

    margin-bottom:15px;

}


.culture-label span{

    color:#005BAC;

    font-size:13px;

    font-weight:bold;

}


.culture-label p{

    color:#999;

    font-size:12px;

    letter-spacing:2px;

}


/* 内容 */

.culture-content h2{

    font-size:30px;

    color:#003B7A;

    margin-bottom:8px;

}


.culture-description{

    color:#777;

    font-size:14px;

    margin-bottom:20px;

}


/* 大字理念 */

.culture-quote{

    padding:22px 25px;

    background:#f5f8fc;

    border-left:3px solid #005BAC;

    min-height:100px;

    display:flex;

    align-items:center;

}


.culture-quote p{

    font-size:20px;

    color:#003B7A;

    line-height:1.6;

    font-weight:500;

}


/* =========================
   核心价值观
========================= */

.values-section{

    padding:70px 8%;

    background:#f6f8fb;

}


.values-list{

    max-width:1100px;

    margin:40px auto 0;

    display:grid;

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

    gap:22px;

}


.value-card{

    background:#fff;

    padding:30px;

    border-radius:16px;

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

    transition:.3s;

}


.value-card:hover{

    transform:translateY(-6px);

    box-shadow:0 14px 35px rgba(0,0,0,.11);

}


.value-number{

    color:#005BAC;

    font-size:13px;

    letter-spacing:2px;

    margin-bottom:16px;

}


.value-card h3{

    color:#003B7A;

    font-size:23px;

    margin-bottom:10px;

}


.value-card p{

    color:#666;

    font-size:14px;

    line-height:1.8;

}


/* =========================
   社会责任
========================= */

.responsibility-section{

    padding:75px 8% 85px;

    background:#fff;

}


.responsibility-list{

    max-width:1100px;

    margin:45px auto 0;

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:20px;

}


.responsibility-card{

    display:grid;

    grid-template-columns:42px 1fr;

    gap:15px;

    padding:28px;

    border:1px solid #e8edf3;

    border-radius:16px;

    transition:.3s;

}


.responsibility-card:hover{

    transform:translateY(-4px);

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

}


.responsibility-number{

    color:#005BAC;

    font-size:18px;

    font-weight:bold;

}


.responsibility-card h3{

    color:#003B7A;

    font-size:20px;

    margin-bottom:10px;

}


.responsibility-card p{

    color:#666;

    font-size:14px;

    line-height:1.9;

}


/* =========================
   页脚
========================= */

footer{

    padding:30px;

    text-align:center;

    background:#003B7A;

    color:rgba(255,255,255,.8);

    font-size:14px;

}


/* =========================
   手机端
========================= */

@media (max-width:768px){

    header{

        padding:0 20px;

    }


    nav{

        gap:15px;

    }


    nav a{

        font-size:14px;

    }


    .culture-hero{

        height:330px;

        margin-top:80px;

    }


    .culture-hero-content h1{

        font-size:42px;

    }


    .culture-hero-content span{

        font-size:10px;

        letter-spacing:2px;

    }


    .culture-hero-content p{

        font-size:15px;

        letter-spacing:4px;

    }


    .culture-intro{

        padding:55px 25px 45px;

    }


    .culture-section-title h2{

        font-size:30px;

    }


    .culture-section-title p{

        font-size:14px;

    }


    .culture-block{

        display:block;

        padding:50px 25px;

    }


    .culture-label{

        margin-bottom:20px;

    }


    .culture-content h2{

        font-size:28px;

    }


    .culture-quote{

        min-height:auto;

        padding:20px;

    }


    .culture-quote p{

        font-size:18px;

    }


    .values-section{

        padding:55px 25px;

    }


    .values-list{

        grid-template-columns:1fr;

        margin-top:30px;

    }


    .value-card{

        padding:25px;

    }


    .responsibility-section{

        padding:55px 25px 65px;

    }


    .responsibility-list{

        grid-template-columns:1fr;

        margin-top:30px;

    }


    .responsibility-card{

        padding:23px;

    }

}

/* 愿景 + 使命左右布局 */

.culture-block{

    max-width:1100px;

    margin:0 auto;

    padding:55px 30px;

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:55px;

    border-top:1px solid #eee;

}


.culture-item{

    padding:10px;

}


.culture-item .culture-label{

    margin-bottom:20px;

}


/* 手机端恢复上下排列 */

@media (max-width:768px){

    .culture-block{

        grid-template-columns:1fr;

        gap:45px;

    }

}

/* =========================
   公众号二维码
========================= */

.nav-qrcode{

    position:relative;

    display:flex;

    align-items:center;

}


.nav-qrcode > a{

    color:#333;

    text-decoration:none;

    font-size:16px;

    position:relative;

    transition:.3s;

}


.nav-qrcode > a:hover{

    color:#005BAC;

}


/* 二维码弹窗 */

.qrcode-popup{

    position:absolute;

    top:38px;

    left:50%;

    transform:translateX(-50%) translateY(-8px);

    width:180px;

    padding:15px;

    background:#fff;

    border-radius:14px;

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

    text-align:center;

    opacity:0;

    visibility:hidden;

    transition:.25s ease;

    z-index:1000;

}


/* 小三角 */

.qrcode-popup::before{

    content:"";

    position:absolute;

    top:-7px;

    left:50%;

    transform:translateX(-50%);

    width:14px;

    height:14px;

    background:#fff;

    rotate:45deg;

}


/* 二维码 */

.qrcode-popup img{

    position:relative;

    z-index:2;

    width:150px;

    height:150px;

    object-fit:contain;

    display:block;

    margin:0 auto 8px;

}


/* 提示文字 */

.qrcode-popup p{

    position:relative;

    z-index:2;

    color:#666;

    font-size:13px;

    margin:0;

}


/* 鼠标放上公众号时显示 */

.nav-qrcode:hover .qrcode-popup{

    opacity:1;

    visibility:visible;

    transform:translateX(-50%) translateY(0);

}