@charset "utf-8";
body,
ol,
ul,
h1,
h2,
h3,
h4,
h5,
h6,
p,
th,
td,
dl,
dd,
form,
fieldset,
legend,
input,
textarea,
select {
    margin: 0;
    padding: 0;
}

body {
    font-family: "微软雅黑";
    max-width: 1920px;
    margin: 0 auto;
}

html {
    scroll-behavior: auto;
}

a {
    text-decoration: none;
}

li {
    list-style: none;
}

img {
    border: 0;
    vertical-align: top;
}

p {
    word-wrap: break-word;
}

i {
    text-decoration: none;
}

input {
    outline: 0;
    border: 0;
}

.Pad_top {
    padding-top: 0.1px;
}

.Ver_top {
    vertical-align: top;
}

.f-fl {
    float: left;
}

.f-fr {
    float: right;
}

.f-cb {
    clear: both;
}

.dn {
    display: none;
}

.dk {
    display: block;
}

.pagination{
    width:100%;
    right:auto;
    text-align:center;
}


/* li加点 list-style-type:disc */


/* overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;*/


/* overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;*/

a {
    text-decoration: none;
    color: inherit;
    transition: color 0.3s ease;
}

ul {
    list-style: none;
}

 :root {
    --primary-color: #d09e52;
    /* 页面主色调金色 */
    --text-main: #333;
    --text-gray: #666;
    --text-light: #999;
    --bg-light: #f4f4f4;
    --container-width: 1200px;
}

.container {
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
}

.site-header {
    height: 100px;
    background: #fff;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 1000;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    display: flex;
    align-items: center;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.site-header.active,
.site-header:hover {
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

.header-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 80%;
}

.logo {
    display: flex;
    align-items: center;
}

.logo img {
    width: 258px;
}

.logo-bar {
    width: 3px;
    height: 40px;
    background-color: #d2993f;
    margin-right: 15px;
}

.logo-text h1 {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height:1;
}

.logo-text span {
    font-size: 10px;
    color: var(--text-light);
    letter-spacing: 1px;
    text-transform: uppercase;
}

.main-nav ul {
    display: flex;
    height: 52px;
    align-items: center;
}

.main-nav li {
    padding: 0 20px;
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
    background: url(hh.png) no-repeat right center;
}

.main-nav li:last-child {
    background: none;
}

.main-nav li > a {
    font-size: 15px;
    color: #333;
    position: relative;
    display: inline-block;
}

.main-nav li.active > a,
.main-nav li:hover > a {
    color: var(--primary-color);
}


.main-nav li > a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 100%;
    height: 2px;
    background-color: var(--primary-color);
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.3s ease;
}

.main-nav li.active > a::after,
.main-nav li:hover > a::after {
    transform: scaleX(1);
}

/* 二级菜单 */
.main-nav .dropdown {
    position: absolute;
    top: 100%;
    left: 50%;
    min-width: 160px;
    padding: 8px 0;
    background: #fff;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.10);
    opacity: 0;
    visibility: hidden;
    transform: translateX(-50%) translateY(12px);
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
    z-index: 1001;
    display: flex;
    flex-direction: column;
    height: auto;
}

.main-nav li:hover .dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

.main-nav .dropdown li {
    display: block;
    height: auto;
    padding: 0;
    background: none;
}

.main-nav .dropdown li a {
    display: block;
    padding: 9px 24px;
    font-size: 14px;
    color: #333;
    white-space: nowrap;
}

.main-nav .dropdown li a:hover {
    color: var(--primary-color);
    background: #f7f7f7;
}

.search-box {
    border: 1px solid #ddd;
    border-radius: 20px;
    padding: 4px 15px;
    display: flex;
    align-items: center;
    width: 245px;
}

.search-box input {
    height:26px;
    border: none;
    outline: none;
    font-size: 13px;
    width: 100%;
    background:transparent;
}

.fasfa-search {
    width: 15px;
    height: 15px;
    background: url(search.png) no-repeat center center;
    background-size: 100%;
}

/* 移动端汉堡菜单按钮 */
.nav-toggle {
    display: none;
    width: 30px;
    height: 30px;
    padding: 0;
    background: transparent;
    border: 0;
    cursor: pointer;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
}

.nav-toggle span {
    display: block;
    width: 100%;
    height: 2px;
    background: #333;
    border-radius: 2px;
    transition: transform 0.3s ease, opacity 0.3s ease;
}


/* =========================================
           整屏滚动
           ========================================= */
/* 
.screen {
    height: 100vh;
    min-height: 100vh;
    scroll-snap-align: start;
    position: relative;
    overflow: hidden;
} */

/* =========================================
           3. Banner 横幅区域
           ========================================= */

.banner-div {
    width: 100%;
    height: 800px;
    position: relative;
    z-index: 2;
    display: flex;
    /* align-items: center; */
    color: #fff;
}


.banner-div::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.1) 100%);
}

.banner-content {
    width: 100%;
    height: 100%;
}

.banner-content-auto {
    max-width: var(--container-width);
    position: relative;
    z-index: 1;
    margin: 0 auto;
}

.banner-content-auto .title{
    padding-top: 126px;
    margin-bottom: 18px;
}

.banner-content-auto .title p{
    font-size:72px;
    color:#fff;
    text-shadow: 0 1px 2px rgba(0,0,0,.45), 0 4px 14px rgba(0,0,0,.22);
}
.banner-content-auto .title span{
    display:block;
    font-size:72px;
    color:#f1e0c9;
    text-shadow: 0 1px 2px rgba(0,0,0,.4), 0 4px 14px rgba(0,0,0,.2);
}

.banner-content-auto .weizhi{
    font-size:22px;
    color:#fff;
    display: flex;
    align-items: center;
    margin-top: 268px;
}
.banner-content-auto .weizhi img{
    margin-right:5px;
}

.banner-subtitle {
    font-size: 14px;
    letter-spacing: 4px;
    margin-bottom: 20px;
    opacity: 0.9;
    font-weight: 300;
}

.banner-title {
    font-size: 64px;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 40px;
    text-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}

.banner-btn {
    display: inline-block;
    padding: 5px 25px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 30px;
    font-size: 14px;
    transition: all 0.3s;
    background: rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(5px);
}

.banner-btn:hover {
    background: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff;
}

.banner-location {
    position: absolute;
    bottom: -60px;
    left: 20px;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.8);
    display: flex;
    align-items: center;
    gap: 5px;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
}


/* =========================================
           4. 基本情况 (Overview)
           ========================================= */

.overview-div {
    width: 100%;
    position: relative;
    /* z-index: 1; */
    z-index: 5;
    height: 800px;
    margin-top: -42px;
    background: transparent;
}

.overview-div-at {
    width: 100%;
    position: relative;
    overflow: hidden;
    background: url(bg.png) no-repeat top center;
    height: 100%;
    z-index: 99;
    top: 0;
    left: 0;
}

.overview-div-auto {
    width: 80%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}


/* 背景淡色城市剪影装饰 */

.overview-bg-deco {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    opacity: 0.03;
    z-index: 0;
    pointer-events: none;
}

.overview-content {
    display: flex;
    position: relative;
    z-index: 1;
    gap: 50px;
    align-items: center;
}

.overview-left {
    width: 800px;
    padding-right: 40px;
}

.overview-right {
    width: 450px;
    height: 460px;
    flex: 1;
}

.div-header {
    margin-bottom: 40px;
}

.div-header h2 {
    font-size: 42px;
    font-weight: bold;
    margin-bottom: 5px;
    color: #595757;
}

.div-header .en {
    display: block;
    width: 53px;
    padding-top: 10px;
    transform-origin: left center;
    transform: scaleX(0);
    transition: transform 1.8s ease;
}

.div-header.show .en {
    transform: scaleX(1);
}

.intro-text {
    color: var(--text-gray);
    font-size: 18px;
    margin-bottom: 20px;
    line-height: 1.8;
    text-align: justify;
    text-indent: 36px;
}

.more-link {
    font-size: 14px;
    color: #9fa0a0;
    margin-bottom: 60px;
    display: inline-block;
}

.more-link:hover {
    text-decoration: underline;
}

.stats-grid {
    display: flex;
    gap: 60px;
    justify-content: space-between;
    padding-top: 40px;
}

.stat-item h3 {
    font-size: 48px;
    font-weight: bold;
    color: var(--primary-color);
    line-height: 1;
    margin-bottom: 10px;
    font-family: Arial, sans-serif;
}

.stat-item h3 small {
    font-size: 18px;
    color: var(--primary-color);
    margin-left: 2px;
}

.stat-item p {
    font-size: 14px;
    color: var(--text-gray);
}

.stat-item h3 .num {
    display: inline-block;
    transition: transform 0.3s ease, text-shadow 0.3s ease;
}

.stat-item:hover h3 .num {
    transform: scale(1.08);
    text-shadow: 0 0 12px rgba(208, 158, 82, 0.35);
}

.stat-item:hover p {
    color: var(--primary-color);
}

.overview-img {
    width: 328px;
    height: 100%;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
}

.overview-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s;
}

.overview-img:hover img {
    transform: scale(1.05);
}


/* =========================================
           5. 主营业务 (Business)
           ========================================= */

.business-div {
    background-color: #2a2a2a;
    position: relative;
    padding: 120px 0 80px;
    overflow: hidden;
    color: #fff;
}


/* 左侧金色大圆弧装饰 */

.biz-bg-deco-1 {
    position: absolute;
    top: -150px;
    left: -100px;
    width: 550px;
    height: 550px;
    border-radius: 50%;
    background-color: var(--primary-color);
    opacity: 0.15;
    z-index: 1;
}


/* 底部城市背景图 */

.biz-bg-deco-2 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 300px;
    background: url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?q=80&w=2070&auto=format&fit=crop') center top/cover no-repeat;
    opacity: 0.2;
    z-index: 1;
    mask-image: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
}

.business-container {
    display: flex;
    position: relative;
    z-index: 2;
    gap: 50px;
}

.biz-left {
    flex: 0 0 25%;
    padding-top: 60px;
}

.biz-left .div-header h2 {
    color: #fff;
    margin-bottom: 10px;
    font-size: 48px;
}

.biz-left .div-header .en {
    font-size: 40px;
    opacity: 0.08;
}

.biz-left .div-header .underline {
    width: 40px;
    height: 3px;
    background-color: #fff;
    margin-top: 15px;
}

.biz-right {
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom: 30px;
}

.biz-card {
    flex: 1;
    text-align: center;
    padding: 0 20px;
}

.icon-wrapper {
    width: 60px;
    height: 60px;
    margin: 0 auto 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 50%;
}

.icon-wrapper i {
    font-size: 28px;
    color: #fff;
}

.biz-card h3 {
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: 500;
}

.biz-card .en {
    font-size: 10px;
    color: var(--text-light);
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 30px;
}

.arrow-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-bottom: 30px;
    cursor: pointer;
    transition: all 0.3s;
}

.arrow-btn i {
    font-size: 12px;
}

.arrow-btn:hover {
    background: var(--primary-color);
    border-color: var(--primary-color);
}

.biz-card .num {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.3);
    font-family: serif;
}


/* =========================================
           6. 页脚 (Footer)
           ========================================= */

.site-footer {
    background: #fff;
    /* border-top: 1px solid #f0f0f0; */
    color: #555;
    font-size: 13px;
    overflow: hidden;
}

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

.footer-logo h3 {
    font-size: 16px;
    color: #333;
    margin-bottom: 5px;
    font-weight: 600;
}

.footer-logo span {
    font-size: 10px;
    color: var(--text-light);
    letter-spacing: 1px;
}

.footer-nav ul {
    display: flex;
    gap: 20px;
}

.footer-nav a {
    color: var(--text-gray);
}

.footer-nav a:hover {
    color: var(--primary-color);
}

.qr-box {
    text-align: center;
}

.qr-img {
    width: 80px;
    height: 80px;
    background-color: #e8e8e8;
    margin-bottom: 8px;
}

.qr-text {
    font-size: 12px;
    color: var(--text-light);
}

.footer-info {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
    padding-top: 30px;
    border-top: 1px solid #f0f0f0;
    color: var(--text-gray);
}

.contact-details p {
    margin-bottom: 5px;
}

.friend-links {
    background-color: #fbfbfb;
    padding: 15px 0;
    text-align: center;
    font-size: 12px;
    color: #888;
    border-top: 1px solid #f0f0f0;
}

.friend-links span {
    color: #666;
    margin-right: 5px;
}


/* 顶部导航栏 */

.ft-headers {
    width: 100%;
    border-bottom: 1px solid #dddddd;
}

.ft-headers1 {
    padding-top: 100px;
}

.ft-header {
    max-width: 1200px;
    margin: 0 auto;
    padding: 45px 0 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ft-logo h1 {
    font-size: 26px;
    color: #333;
    font-weight: bold;
    margin-bottom: 4px;
    letter-spacing: 1px;
}

.ft-logo p {
    font-size: 12px;
    color: #999;
    letter-spacing: 1px;
}

.ft-nav ul {
    display: flex;
    list-style: none;
}

.ft-nav li {
    position: relative;
    padding: 0 20px;
}

.ft-nav li:not(:last-child)::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 12px;
    width: 1px;
    background-color: #e5e5e5;
}

.ft-nav a {
    font-size: 15px;
    color: #d0a366;
    /* 金色/棕黄色 */
}


/* 联系信息区 */

.contact-info {
    max-width: 1200px;
    margin: 0 auto;
    padding: 25px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.contact-text {
    display: flex;
}

.contact-col {
    font-size: 14px;
    color: #595757;
    line-height: 2.2;
    margin-right: 100px;
}

.contact-col span {
    color: #595757;
    margin-right: 10px;
}

.qr-area {
    text-align: center;
    margin-right: 30px;
}

.qr-box {
    width: 85px;
    height: 85px;
    background-color: #808080;
    /* 灰色方块占位 */
    margin: 0 auto 12px;
}

.qr-text {
    font-size: 13px;
    color: #333;
}


/* 底部版权与友情链接 */

.footer {
    padding: 50px 0 50px;
    text-align: center;
    font-size: 14px;
    color: #666;
}

.footer span {
    color: #888;
    margin-right: 5px;
}

.site-footer {
    background: #fff;
    scroll-snap-align: end;
}

/* 底部超链接悬浮加粗 */
.site-footer a:hover {
    font-weight: bold;
}

.container1 {
    display: flex;
    width: 100%;
    height: 800px;
}

.zyywItem1{
    width:29.8vw;
    padding-left:9vw;
    box-sizing: border-box;
    background:url("../_images/zyywItem1.png") no-repeat 0 0/100% 100%;
    z-index:11;
}
.zyywItem2{
    width:35.42vw;
    padding-left:16.77vw;
    margin-left:-10.4vw;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
    z-index:3;
}
.zyywItem3{
    width:34.75vw;
    padding-left:17.08vw;
    margin-left:-10.6vw;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
    z-index:2;
}
.zyywItem4{
    width:30.46vw;
    padding-left:16.67vw;
    margin-left:-10.3vw;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
    z-index:1;

}

/* 主营业务卡片悬浮时叠加高亮图层 */
.zyywItem2::before,
.zyywItem3::before,
.zyywItem4::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% 100%;
    opacity: 1;
    z-index: -1;
    pointer-events: none;
}

.zyywItem2::before {
    background-image: url("../_images/zyywItem2H.png");
}

.zyywItem3::before {
    background-image: url("../_images/zyywItem3H.png");
}

.zyywItem4::before {
    background-image: url("../_images/zyywItem4H.png");
}

.zyywItem2:hover::before,
.zyywItem3:hover::before,
.zyywItem4:hover::before {
    opacity: 0;
    transition: opacity 0.3s ease;
}


.left-panel {
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
}

.left-content h2 {
    font-size: 48px;
    color: #ffffff;
    font-weight: bold;
    letter-spacing: 2px;
    margin-bottom: 10px;
}

.left-content h1 {
    font-size: 4vw;
    color: rgba(255, 255, 255, 0.2);
    font-weight: bold;
    letter-spacing: 4px;
    text-transform: uppercase;
    margin-bottom: 2vw;
}

.underline {
    width: 50px;
    height: 2px;
    background-color: #ffffff;
}


/* ================= 右侧背景图区域 ================= */

.right-panel {
    flex: 1;
    height: 100%;
    position: relative;
}


/* 卡片内容容器 */

.cards-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    z-index: 10;
    justify-content: space-around;
}


/* 单个卡片样式 */

.card {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position:relative;
    perspective: 800px;
    scale: 1;
    background-size:100% 100%;
    filter: brightness(1) drop-shadow(0 0 0 rgba(0, 0, 0, 0));
}

.card h3 {
    color: #fff;
    font-size: 1.4vw;
    font-weight: normal;
    letter-spacing: 2px;
    margin-bottom: 0.8vh;
}

.card p {
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.7vw;
    letter-spacing: 1px;
    text-transform: uppercase;
}


/* 交互与装饰区域 */

.interaction-area {
    width: 100%;
    padding-top: 8vh;
}

.arrow-btn {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    background: url(jt1.png) no-repeat center center;
    background-size: 100%;
}

.arrow-btn svg {
    width: 1.2vw;
    height: 1.2vw;
    stroke: #fff;
    stroke-width: 1.5;
    fill: none;
}

.card:hover .arrow-btn {
    background: url(jt1X.png) no-repeat center center;
    background-size: 100%;
}

.card .icon img {
    display: inline-block;
}

.card:hover .icon img {
    transform: rotateY(360deg);
    transition: transform 0.7s ease;
}

.card-number {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 11vh;
}

.card-number .slash {
    width: 29px;
    height: 2px;
    background-color: rgba(255, 255, 255, 0.5);
    transform: rotate(130deg);
    margin-bottom: 1.5vh;
}

.card-number span {
    color: #fff;
    font-size: 22px;
    font-weight: 300;
    letter-spacing: 1px;
}

.card:hover {
    filter: brightness(1.08) drop-shadow(0 16px 28px rgba(0, 0, 0, 0.35));
}

.card:hover .card-number span,
.card:hover .card-number .slash,
.card:hover .icon > p {
    color: #d09e52;
}

.card:hover .card-number .slash {
    background-color: #d09e52;
}

.container1 .card.anim-item.show:hover {
    transform: translateX(0);
    scale: 1.03 1;
    transition: scale 0.4s ease, filter 0.4s ease;
    transition-delay: 0s;
}

.zlll {
    width: 500px;
    display: inline-block;
    padding-bottom: 2vh;
    padding-top: 16vh;
}

.container1 {
    /* background: url(bgs1.jpg) no-repeat center center; */
    background-size: cover;
}

.container-li1 {
    background: red;
}

.container-li2 {
    background: green;
}

.container-li3 {
    background: yellowgreen;
}

.container-li4 {
    background: blue;
}

.container-li {
    width: 25%;
    height: 100%;
}

.icon {
    padding-top: 8vh;
}

.icon>p{
    color:#fff;
    font-size:20px;
    font-weight:bold;
    margin-top:30px;
}

.card:hover .icon > p {
    transform: scale(1.06);
    text-shadow: 0 0 6px rgba(114, 114, 109, 0.4);
    /* transition: color 0.3s ease, transform 0.3s ease, text-shadow 0.3s ease; */
}


/*  */

.anim-item {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.anim-item.show {
    opacity: 1;
    transform: translateY(0);
}

/* Banner 标题与按钮：从左侧飞入，两行标题有节奏地逐个出现 */
@keyframes flyInLeft {
    0% {
        opacity: 0;
        transform: translateX(-80px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

/* 定位图标跳动出现 */
@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: translateY(-30px) scale(0.4);
    }
    55% {
        opacity: 1;
        transform: translateY(6px) scale(1.08);
    }
    75% {
        transform: translateY(-3px) scale(0.97);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.banner-content-auto > .title > p,
.banner-content-auto > .title > span,
.banner-content-auto > .banner-btn,
.banner-content-auto > .weizhi > img,
.banner-content-auto > .weizhi > span {
    opacity: 0;
}

.banner-content-auto > .title > p.fly-in {
    animation: flyInLeft 0.7s ease forwards;
    animation-delay: 0.1s;
}

.banner-content-auto > .title > span.fly-in {
    animation: flyInLeft 0.7s ease forwards;
    animation-delay: 0.25s;
}

.banner-content-auto > .banner-btn.fly-in {
    animation: flyInLeft 0.7s ease forwards;
    animation-delay: 0.4s;
}

.banner-content-auto > .weizhi > img.fly-in {
    animation: bounceIn 0.7s ease forwards;
    animation-delay: 0.5s;
}

.banner-content-auto > .weizhi > span.fly-in {
    animation: flyInLeft 0.7s ease forwards;
    animation-delay: 0.8s;
}

/* Banner 背景图动画：从放大状态缩小到展示尺寸 */
@keyframes bannerZoom {
    0% {
        background-size: 115% 115%;
    }
    100% {
        background-size: 100% 100%;
    }
}

.banner-content.bg-anim {
    animation: bannerZoom 4s ease-out forwards;
}


/* 不同延迟，形成错落感 */

.anim-d1 {
    transition-delay: 0.3s;
}

.anim-d2 {
    transition-delay: 0.6s;
}

.anim-d3 {
    transition-delay: 0.7s;
}

.anim-d4 {
    transition-delay: 1.2s;
}

.anim-5 {
    transition-delay: 1s;
}

.anim-d6 {
    transition-delay: 1.05s;
}

.anim-d7 {
    transition-delay: 1.1s;
}

/* 第三屏波浪推进入场动效 */
html,
body {
    overflow-x: clip;
}

.container1 .left-panel.anim-item {
    opacity: 0;
    visibility: hidden;
    transform: translateX(-110vw);
    transition: transform 1.4s cubic-bezier(0.22, 1, 0.36, 1);
}

.container1 .left-panel.anim-item.show {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

.container1 .card.anim-item {
    opacity: 0;
    visibility: hidden;
    transform: translateX(-110vw);
    transition: transform 1.4s cubic-bezier(0.22, 1, 0.36, 1), background-size 0.4s ease;
}

.container1 .card.anim-item.show {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

.container1 .left-panel.anim-d1 {
    transition-delay: 0s;
}

.container1 .card.anim-d5 {
    transition-delay: 0.08s, 0s, 0s;
}

.container1 .card.anim-d6 {
    transition-delay: 0.16s, 0s, 0s;
}

.container1 .card.anim-d7 {
    transition-delay: 0.24s, 0s, 0s;
}

/* ============ 响应式兼容 ============ */
@media (max-width: 1600px) {
    .overview-left { width: 58%; padding-right: 20px; }
    .overview-right { width: 42%; height: 420px; }
    .overview-img { width: 100%; height: 100%; }
    .overview-content { gap: 30px; }
}

@media (max-width: 1366px) {
    .header-inner { width: 94%; }
    .logo img { width: 220px; }
    .main-nav li { padding: 0 12px; }
    .search-box { width: 180px; }

    .overview-left { width: 58%; padding-right: 20px; }
    .overview-right { width: 42%; height: 420px; }
    .overview-img { width: 100%; height: 100%; }
    .overview-content { gap: 30px; }
}

@media (max-width: 1100px) {
    .header-inner { width: 100%; }
    .logo img { width: 200px; }
    .main-nav li { padding: 0 8px; }
    .main-nav li > a { font-size: 13px; }
    .search-box { width: 150px; }

    .overview-div-auto { width: 94%; }
    .overview-left { width: 56%; }
    .overview-right { width: 44%; }
}

@media (max-width: 1024px) {
    .banner-content { background-size: cover !important; background-position: center center; }
    .left-panel.zyywItem1, .card {background-position: center; }
}

@media (max-width: 820px) {
    .site-header { height: auto; min-height: 70px; padding: 10px 0; background: #fff !important;}
    .header-inner { flex-wrap: wrap; justify-content: space-between; row-gap: 0; }
    .search-box { display: none; }
    .nav-toggle { display: flex; }
    .main-nav { display: none; flex-basis: 100%; width: 100%; order: 3; }
    .main-nav.open { display: block; }
    .main-nav ul { flex-direction: column; width: 100%; height: auto; align-items: stretch; background: #fff; }
    .main-nav li { padding: 0; height: auto; display: block; background: none; border-bottom: 1px solid #f0f0f0; }
    .main-nav li:last-child { border-bottom: none; }
    .main-nav li > a { display: block; padding: 14px 20px; font-size: 15px; }
    .main-nav li > a::after { display: none; }
    .main-nav .dropdown { position: static; display: block; opacity: 1; visibility: visible; transform: none; box-shadow: none; min-width: 0; padding: 0; background: #fafafa; padding: 8px 0;}
    .main-nav .dropdown li { border-bottom: none; }
    .main-nav .dropdown li a { padding: 3px 25px; font-size: 14px; color: #666; }
    .nav-toggle.open span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
    .nav-toggle.open span:nth-child(2) { opacity: 0; }
    .nav-toggle.open span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }

    .screen { height: auto; min-height: auto; overflow: visible; }
    .banner-div, .banner-content, .swiper-container1 { height: 48vh; }
    .pagination{ bottom:20px !important; }
    .banner-content-auto .title { padding-top: 6vh; margin-bottom: 12px; }
    .banner-content-auto .title p, .banner-content-auto .title span { font-size: 42px; }
    .banner-content-auto .weizhi { margin-top: 16vh; }
    .banner-content { background-size: cover !important; background-position: center center; }
    .banner-content-auto { padding: 0 20px; }
    .banner-content-auto .zlll { width: 80vw; padding-top: 8vh; }

    .overview-div { margin-top: 0; height: auto; }
    .overview-div-at { height: auto; }
    .overview-div-auto { width: 92%; height: auto; padding: 32px 0; }
    .overview-content { flex-direction: column; align-items: stretch; }
    .overview-left { width: 100%; padding-right: 0; }
    .overview-right { width: 100%; height: 260px; margin-top: 30px; }
    .overview-img { width: 328px; height: 500px; }
    .stats-grid { gap: 20px; }
    .stat-item h3 { font-size: 34px; }

    .container1 { height: 360px; }
    .left-content h2 { font-size: 24px; }
    .card .icon { padding-top: 20px; }
    .card .icon img { width: 30px; height: auto; }
    .card .icon > p { font-size: 12px; line-height: 1.4; margin-top: 12px; }
    .card .interaction-area { padding-top: 14px; }
    .card .arrow-btn { width: 34px; height: 34px; }
    .card-number { padding-top: 14px; }
    .card-number span { font-size: 16px; }
    .card-number .slash { width: 18px; margin-bottom: 8px; }

    .ft-header { flex-direction: column; gap: 20px; padding: 30px 15px; }
    .ft-nav ul { flex-wrap: wrap; justify-content: center; row-gap: 10px; }
    .contact-info { flex-direction: column; padding: 20px 15px; gap: 20px; }
    .contact-text { flex-direction: column; }
    .contact-col { margin-right: 0; }

    .pagination{ bottom:20px; }
    
}

@media (max-width: 480px) {
    .main-nav li > a { padding: 12px 18px; font-size: 14px; }

    .banner-div, .banner-content, .swiper-container1 { height: 30vh; }
    .banner-content-auto .title p, .banner-content-auto .title span { font-size: 22px; }
    .banner-btn { font-size: 10px; padding: 2px 8px; }

    .overview-right, .overview-img { width: 100%; height: 500px; }
    .stats-grid { flex-wrap: wrap; gap: 16px; }
    .stat-item h3 { font-size: 28px; }
    .stat-item h3 small { font-size: 14px; }
    .stat-item p { font-size: 12px; }

    .left-panel .left-content h2 { font-size: 18px; }
    .container1 { height: 280px; }
    .card .icon > p { font-size: 10px; }
    .card .icon img { width: 24px; height: auto; }
    .card .arrow-btn { width: 28px; height: 28px; }
    .card-number span { font-size: 14px; }
    
}

/* ============ 二级页面通用样式（合并自 about/business/contact/information/news） ============ */

/* ---- 二级页面横幅 ---- */
.page-banner {
    width: 100%;
    height: 450px;
    position: relative;
    overflow: hidden;
    z-index: 2;
}

.page-banner-content {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
}

.page-banner-content.bg-anim {
    animation: bannerZoom 4s ease-out forwards;
}

.page-banner-auto {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.page-title p {
    padding-top: 166px;
    font-size: 66px;
    color: #fff;
    line-height: 1;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45), 0 4px 14px rgba(0, 0, 0, 0.22);
    opacity: 0;
}

.page-title p.fly-in {
    animation: flyInLeft 0.7s ease forwards;
    animation-delay: 0.1s;
}

.page-banner-bottom {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 45px;
    z-index: 2;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

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

/* ---- 面包屑 ---- */
.page-breadcrumb-inner {
    max-width: 1200px;
    margin: 0 auto;
    font-size: 16px;
    color: #727171;
    line-height: 2;
    padding: 12px 0 18px;
    border-bottom: 1px solid #f0f0f0;
    background:#fff;
}

.page-breadcrumb-inner a,
.page-breadcrumb-inner span {
    font-size: 16px;
    color: #727171;
    line-height: 2;
}

.page-breadcrumb-inner .sep {
    margin: 0 32px;
    color: #727171;
}

.page-breadcrumb-inner .current {
    color: #d2993f;
}

/* ---- 栏目标题 + 子栏目导航 ---- */
.page-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 30px 0 60px;
}

.newsbox .page-container{
    padding-bottom:0;
}
.newsbox .page-subnav{
    justify-content: center;
}

.page-column {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* padding-bottom: 20px; */
    margin-bottom: 40px;
}

.page-column-title .en {
    font-family: "宋体", SimSun, serif;
    font-size: 36px;
    color: #efefef;
    line-height: 1.2;
}

.page-column-title .cn {
    font-size: 30px;
    color: #595757;
    line-height: 1.2;
}

.page-subnav {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 25px;
}

.page-subnav a {
    display: inline-block;
    color: #595757;
    font-size: 20px;
    line-height: 38px;
    min-width: 180px;
    padding: 0 20px;
    border: 1px solid #595757;
    border-radius: 20px;
    background: #fff;
    text-align: center;
    box-sizing: border-box;
    transition: all 0.3s ease;
}

.page-subnav a:hover,
.page-subnav a.active {
    background: #d2993f;
    color: #fff;
    border: 1px solid #d2993f;
}

/* ---- 内容标题 + 金色下划线 ---- */
.page-content-title h2 {
    font-size: 30px;
    color: #595757;
    font-weight: bold;
    line-height: 1.4;
}

.page-content-title .gold-line {
    width: 72px;
    height: 2px;
    background: #d2993f;
    margin-top: 12px;
    margin-bottom: 30px;
}

.business-content .page-content-title .gold-line {
    width: 52px;
}

/* ---- 二级页面响应式 ---- */
@media (max-width: 820px) {
    .page-banner { height: 300px; }
    .page-title p { padding-top: 120px; font-size: 48px; }
    .page-banner-auto { padding: 0 20px; }
    .page-breadcrumb-inner { padding: 0 20px; box-sizing: border-box; }
    .page-breadcrumb-inner .sep { margin: 0 12px; }
    .page-container { padding: 20px; box-sizing: border-box; }
    .page-column { flex-direction: column; align-items: flex-start; gap: 20px; }
    .page-subnav a { min-width: 140px; font-size: 18px; }
}


/* =========================================
   关于我们页面 - 内容
   ========================================= */
.about-content-body {
    font-size: 16px;
    color: #595757;
    line-height: 2;
    text-align: justify;
}

.about-content-body p,.about-content-body span,.about-content-body b,.about-content-body div {
    text-indent: 2em;
    margin-bottom: 1em;
    font-size:18px !important;;
    line-height:1.75 !important;
}

.about-content-body img {
    max-width: 82%;
    height: auto;
    display:block;
    margin:0 auto;
}

.about-content-body a {
    color: #d2993f;
}

.about-content-body a:hover {
    text-decoration: underline;
}


/* =========================================
   业务板块页面 - 内容
   ========================================= */
.business-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.business-carousel {
    width: 475px;
    height: 538px;
    flex: 0 0 475px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08);
}

.business-swiper {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.business-swiper .swiper-slide {
    width: 475px;
    height: 538px;
}

.business-swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.business-pagination {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 10;
}

.business-pagination .swiper-pagination-switch {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ffffff;
    margin: 0 5px;
    display: inline-block;
    cursor: pointer;
}

.business-pagination .swiper-pagination-switch.swiper-active-switch {
    background: #d2993f;
}

.business-right {
    width: 606px;
    flex: 0 0 606px;
}

.business-intro {
    font-size: 20px;
    color: #595757;
    line-height: 2;
    text-align: justify;
    text-indent: 2em;
}
.business-intro p{
    font-size: 18px !important;
    line-height: 2 !important;
}

@media (max-width: 1100px) {
    .business-content { flex-direction: column; gap: 30px; }
    .business-carousel { width: 100%; height: 500px; flex: 0 0 auto; }
    .business-swiper .swiper-slide { width: 100%; height: 380px; }
    .business-right { width: 100%; flex: 0 0 auto; }
    .business-intro { font-size: 20px; }
}

@media (max-width: 820px) {
    .business-content { flex-direction: column; gap: 30px; }
    .business-carousel { width: 100%; height: 500px; flex: 0 0 auto; }
    .business-swiper .swiper-slide { width: 100%; height: 320px; }
    .business-right { width: 100%; flex: 0 0 auto; }
    .business-intro { font-size: 18px; }
}


/* =========================================
   联系我们页面 - 内容
   ========================================= */
.contact-info-box {
    width: 100%;
    box-sizing: border-box;
    padding: 20px 25px;
    border: 1px solid #eeede7;
}

.contact-info-row {
    display: flex;
    justify-content: space-between;
}

.contact-info-item {
    width: 40%;
    display: flex;
    align-items: baseline;
    gap: 28px;
    padding: 25px 0;
    border-bottom: 1px solid #eeede7;
}

.contact-info-item .label {
    color: #979794;
    font-size: 16px;
    line-height: 1;
    white-space: nowrap;
}

.contact-info-item .value {
    color: #76747a;
    font-size: 16px;
    line-height: 1;
}

.contact-office {
    width: 100%;
    border: 1px solid #eeede7;
    margin-top: 28px;
}

.contact-office-content {
    width: 100%;
    box-sizing: border-box;
    padding: 22px;
}

.contact-office-title {
    color: #3e3c41;
    font-size: 20px;
    margin-bottom: 10px;
}

.contact-office-desc {
    color: #645f6c;
    font-size: 16px;
    line-height: 1.6;
}

.contact-map {
    width: 100%;
    height: 400px;
    background: #f5f4f0;
}

.contact-map .map-tip {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #bcbbb3;
    font-size: 14px;
}

@media (max-width: 820px) {
    .contact-info-row { flex-direction: column; }
    .contact-info-item { width: 100%; }
    .contact-office-content { padding: 16px; }
    .contact-map { height: 280px; }
}


/* =========================================
   信息公开页面 - 内容
   ========================================= */
.information-content-body {
    width: 100%;
    height: 535px;
    background: #f6f6f6;
}

/* 占位符（暂无信息） */
.article-placeholder {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 260px;
    color: #bcbbb3;
    background: #fbfbfb;
    border: 1px dashed #e5e3da;
    border-radius: 6px;
    text-align: center;
}
.article-placeholder .placeholder-icon {
    position: relative;
    width: 40px;
    height: 52px;
    margin-bottom: 18px;
    border: 2px solid #d8d5cc;
    border-radius: 4px;
    background: #fbfbfb;
}
.article-placeholder .placeholder-icon::before {
    content: '';
    position: absolute;
    top: -2px;
    right: -2px;
    width: 10px;
    height: 10px;
    border-left: 2px solid #d8d5cc;
    border-bottom: 2px solid #d8d5cc;
    background: #fbfbfb;
}
.article-placeholder .placeholder-icon::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 18px;
    width: 22px;
    height: 2px;
    background: #d8d5cc;
    transform: translateX(-50%);
    box-shadow: 0 10px 0 #d8d5cc, 0 20px 0 #d8d5cc;
}
.article-placeholder p {
    margin: 0;
    font-size: 16px;
    letter-spacing: 2px;
}
.information-content-body .article-placeholder {
    height: 100%;
    box-sizing: border-box;
}

@media (max-width: 820px) {
    .information-content-body { height: 320px; }
}


/* =========================================
   新闻中心页面 - 内容
   ========================================= */
.page-subnav--standalone {
    margin-bottom: 40px;
}

.news-list {
    width: 100%;
}

.news-item {
    width: 100%;
    transition: background 0.3s ease;
}

.news-item:last-of-type .news-item-inner{
    border-bottom: none;
}

.news-item:hover {
    background: #fbfbfb;
}

.news-item-inner {
    max-width: 1200px;
    border-bottom: 1px solid #eeeeee;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 50px 0;
    box-sizing: border-box;
}

.news-date {
    flex: 0 0 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.news-date .day {
    font-size: 30px;
    color: #d2993f;
    line-height: 1.2;
}

.news-date .year {
    font-size: 16px;
    color: #595757;
    line-height: 1.2;
    margin-top: 4px;
}

.news-deco {
    flex: 0 0 25px;
    width: 25px;
    height: 6px;
    background: #d2993f;
    align-self: flex-start;
    margin-top: 14px;
}

.news-text {
    flex: 1;
}

.news-item-title {
    font-size: 24px;
    color: #595757;
    line-height: 1.4;
    font-weight: normal;
    margin-bottom: 10px;
}

.news-item-desc {
    font-size: 16px;
    color: #7a7a7a;
    line-height: 1.6;
}

.news-more {
    width:136px;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px 0;
    min-width: 0;
    border-radius: 20px;
    box-sizing: border-box;
    transition: background 0.3s ease, padding 0.3s ease, min-width 0.3s ease;
}

.news-more .more-text {
    display: none;
    font-size: 14px;
    color: #fff;
    line-height: 1.5;
    white-space: nowrap;
}

.news-arrow {
    width: 20px;
    height: 20px;
    color: #595757;
    flex: 0 0 auto;
    transition: color 0.3s ease;
}

.news-item:hover .news-more {
    background: #d2993f;
    padding: 8px 10px;
    min-width: 135px;
}

.news-item:hover .news-more .more-text {
    display: inline;
}

.news-item:hover .news-arrow {
    color: #fff;
}

@media (max-width: 820px) {
    .news-item-inner { width:96%; flex-wrap: wrap; gap: 15px; padding: 20px 0; }
    .news-date { flex: 0 0 60px; white-space: nowrap;}
    .news-date .day { font-size: 24px; }
    .news-date .year { font-size: 14px; }
    .news-deco { display: none; }
    .news-item-title { font-size: 18px; }
    .news-item-desc { font-size: 14px; }
    .news-more { display: none; }
}


.swiper-container1 {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    /* Fix of Webkit flickering */
    z-index: 1;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height:100% !important;
    -webkit-transition-property: -webkit-transform, left, top;
    -webkit-transition-duration: 0s;
    -webkit-transform: translate3d(0px, 0, 0);
    -webkit-transition-timing-function: ease;
    -moz-transition-property: -moz-transform, left, top;
    -moz-transition-duration: 0s;
    -moz-transform: translate3d(0px, 0, 0);
    -moz-transition-timing-function: ease;
    -o-transition-property: -o-transform, left, top;
    -o-transition-duration: 0s;
    -o-transform: translate3d(0px, 0, 0);
    -o-transition-timing-function: ease;
    -o-transform: translate(0px, 0px);
    -ms-transition-property: -ms-transform, left, top;
    -ms-transition-duration: 0s;
    -ms-transform: translate3d(0px, 0, 0);
    -ms-transition-timing-function: ease;
    transition-property: transform, left, top;
    transition-duration: 0s;
    transform: translate3d(0px, 0, 0);
    transition-timing-function: ease;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-slide {
    float: left;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}


/* IE10 Windows Phone 8 Fixes */

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
}


/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/

.swiper-container {
    /* Specify Swiper's Size: */
    /*width:200px;
	height: 100px;*/
}

.swiper-slide {
    /* Specify Slides's Size: */
    /*width: 100%;
	height: 100%;*/
}

.swiper-slide-active {
    /* Specific active slide styling: */
}

.swiper-slide-visible {
    /* Specific visible slide styling: */
}


/* ===============================================================
Pagination Styles
================================================================*/

.swiper-pagination-switch {
    /* Stylize pagination button: */
}

.swiper-active-switch {
    /* Specific active button style: */
}

.swiper-visible-switch {
    /* Specific visible button style: */
}

.pagination {
    position: absolute;
    bottom: 85px;
    width: 100%;
    right: 0;
    z-index: 99;
}

.pagination .swiper-pagination-switch {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ffffff;
    margin: 0 9px;
    display: inline-block;
    cursor: pointer;
}

.pagination .swiper-pagination-switch.swiper-active-switch {
    background: #d2993f;
}

/* ============ 二级页面小屏手机 (<=480px) ============ */
@media (max-width: 480px) {
    .page-banner { height: 220px; }
    .page-title p { padding-top: 72px; font-size: 32px; }
    .page-breadcrumb-inner a,
    .page-breadcrumb-inner span { font-size: 13px; }
    .page-breadcrumb-inner .sep { margin: 0 8px; }
    .page-container { padding: 16px; }
    .page-column { margin-bottom: 24px; }
    .page-column-title .en { font-size: 26px; }
    .page-column-title .cn { font-size: 22px; }
    .page-subnav { gap: 12px; }
    .page-subnav a { min-width: 100px; font-size: 15px; line-height: 32px; padding: 0 10px; }
    .page-content-title h2 { font-size: 26px; }
    .business-swiper .swiper-slide { height: 240px; }
    .business-intro { font-size: 16px; }
    .contact-info-item { gap: 14px; padding: 18px 0; }
    .contact-map { height: 220px; }
    .news-item-title { font-size: 16px; }
    .information-content-body { height: 240px; }
    .pagination { bottom:5px; }
    .banner-content-auto .weizhi { margin-top: 8vh; font-size: 15px; }
    .banner-content-auto .weizhi img{width:15px;}
    .anim-item.show{margin-bottom:10px;}
    .div-header h2 {font-size: 26px;}
    .intro-text{font-size:16px; line-height:1.75;}
    .stats-grid{padding-top: 20px;}
    .overview-content {gap: 10px;}
    .overview-right {margin:0;}
    .banner-content-auto .title { padding-top: 3vh; margin-bottom: 10px; }
    .ft-headers1 { padding-top: 30px; }
    .ft-logo h1{ font-size: 18px; }
    .ft-logo p { font-size: 10px; }

    .page-banner-bottom{height:20px;}
}



.aboutbox .page-content-title{text-align:center;}
.aboutbox .gold-line{margin: 12px auto 30px;}

.infobox .page-content-title{text-align:center;}
.infobox .gold-line{margin: 12px auto 30px;}


/* ===============================================================
   各页面内联样式统一迁移至此
   (channel.html / sys_search.html / article.html / channel_business.html /
    inc_page.html / channel_about_ckgqy.html / channel_information.html)
   =============================================================== */

/* ---------- 通用列表 (channel.html / sys_search.html) ---------- */
.generic-list ul{list-style:none;margin:0;padding:0;}
.generic-list li{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid #eeeeee;}
.generic-list li a{flex:1;color:#595757;font-size:16px;text-decoration:none;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.generic-list li a:hover{color:#d2993f;}
.generic-list li span{color:#9f9fa0;font-size:14px;flex:0 0 auto;}
.generic-list li em{color:#d2993f;font-weight:bold;}

/* ---------- 搜索页 (sys_search.html) ---------- */
.search-form{display:flex;max-width:640px;margin:0 auto 30px;}
.search-form input[type="text"]{flex:1;height:46px;padding:0 20px;font-size:16px;color:#595757;border:1px solid #e5e3da;border-right:none;border-radius:4px 0 0 4px;outline:none;box-sizing:border-box;}
.search-form input[type="text"]:focus{border-color:#d2993f;}
.search-form button{height:46px;padding:0 30px;font-size:16px;color:#fff;background:#d2993f;border:1px solid #d2993f;border-radius:0 4px 4px 0;cursor:pointer;transition:background 0.3s ease;}
.search-form button:hover{background:#b9832f;}
.search-count{color:#9f9fa0;font-size:14px;margin:0 0 10px;}

/* ---------- 文章详情页 (article.html) ---------- */
.article-detail{max-width:1200px;margin:0 auto;padding:40px 0 80px;box-sizing:border-box;}
.article-detail .article-title{font-size:28px;color:#595757;line-height:1.4;font-weight:normal;text-align:center;margin-bottom:20px;}
.article-detail .article-meta{text-align:center;color:#9f9fa0;font-size:16px;margin-bottom:30px;}
.article-detail .article-meta span{margin:0 10px;}
.article-detail .article-body{font-size:16px;color:#595757;line-height:1.9;padding-top:20px;border-top:1px solid #eeeeee;}
.article-detail .article-body p,.article-detail .article-body div,.article-detail .article-body span{font-size:18px !important;;line-height:1.8 !important;}
.article-detail .article-body img{max-width:100%;height:auto;}
.article-body .article-media{margin:0 0 24px;text-align:center;}
.article-body .article-video video{max-width:100%;height:auto;background:#000;}
.article-body .article-audio audio{width:100%;max-width:640px;}
.article-body .article-content{font-size:18px;line-height:1.8;}
.article-body .article-download{margin-top:32px;padding-top:24px;border-top:1px solid #eeeeee;}
.article-body .article-download h2{font-size:20px;color:#595757;font-weight:normal;margin-bottom:16px;padding-left:12px;border-left:4px solid #d2993f;}
.article-body .article-download ul{list-style:none;margin:0;padding:0;}
.article-body .article-download li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border:1px solid #e5e3da;border-radius:4px;margin-bottom:10px;background:#faf9f5;}
.article-body .article-download .file-name{flex:1;color:#595757;font-size:16px;word-break:break-all;}
.article-body .article-download .file-name .file-icon{flex:none;margin-right:8px;vertical-align:-3px;}
.article-body .article-download .file-download{display:inline-flex;align-items:center;gap:6px;padding:8px 20px;font-size:14px;color:#fff;background:#d2993f;border-radius:4px;text-decoration:none;transition:background 0.3s ease;white-space:nowrap;}
.article-body .article-download .file-download .download-icon{flex:none;}
.article-body .article-download .file-download:hover{background:#b9832f;}

/* ---------- 业务板块 (channel_business.html) ---------- */
.business-panel { display: none; }
.business-panel.active { display: block; }

/* ---------- 分页 (inc_page.html) ---------- */
.inc-page{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin:32px 0;}
.inc-page a,.inc-page span{display:inline-block;min-width:38px;height:38px;line-height:38px;padding:0 12px;text-align:center;border:1px solid #e5e5e5;border-radius:4px;color:#595757;text-decoration:none;font-size:14px;background:#fff;}
.inc-page a.active{background:#d2993f;border-color:#d2993f;color:#fff;}
.inc-page a.disabled,.inc-page span.disabled{color:#ccc;pointer-events:none;}

/* ---------- 参控股企业 (channel_about_ckgqy.html) ---------- */
.ckgqy-grid {
    display: grid;
    grid-template-columns: repeat(2, 350px);
    grid-auto-rows: 125px;
    gap: 32px 238px;
    justify-content: center;
}
.ckgqy-center {
    position: relative;
    text-align: center;
    top: 328px;
}
.ckgqy-center h2 {
    font-size: 36px;
    color: #595757;
    font-weight: bold;
    line-height: 1.4;
}
.ckgqy-center .gold-line {
    width: 72px;
    height: 2px;
    background: #d2993f;
    margin: 12px auto 0;
}
.ckgqy-grid .ckgqy-item:nth-of-type(3),.ckgqy-grid .ckgqy-item:nth-of-type(5){margin-left:-82px;}
.ckgqy-grid .ckgqy-item:nth-of-type(4),.ckgqy-grid .ckgqy-item:nth-of-type(6){margin-left:82px;}
.ckgqy-grid .ckgqy-item:nth-of-type(7){margin-left:286px;}
.ckgqy-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 350px;
    height: 125px;
    box-sizing: border-box;
    border: 1px solid #939292;
    background: #fff;
    padding: 16px 30px 12px 25px;
    text-decoration: none;
    transition: all 0.3s ease;
    cursor: pointer;
    border-radius: 20px;
}
.ckgqy-item:hover {
    border-color: #d2993f;
    background: #faf5eb;
}
.ckgqy-left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
    flex: 0 1 auto;
}
.ckgqy-name {
    font-size: 20px;
    color: #595757;
    font-weight: bold;
    line-height: 1.3;
    max-width: 100%;
    white-space: nowrap;
    position: relative;
    z-index: 1;
}
.ckgqy-more {
    font-size: 14px;
    color: #9fa0a0;
    margin-top: 4px;
}
.ckgqy-arrow {
    margin-top: 8px;
    width: 22px;
    height: 22px;
    border: 1px solid #9c9b9b;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #9c9b9b;
    transition: all 0.3s ease;
}
.ckgqy-arrow svg {
    width: 12px;
    height: 12px;
    display: block;
}
.ckgqy-item:hover .ckgqy-arrow {
    background: #d2993f;
    color: #fff;
}
.ckgqy-right {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-left: 10px;
}
.ckgqy-right img {
    max-width: 230px;
    max-height: 100px;
    width: auto;
    height: auto;
    object-fit: contain;
}
@media (max-width: 820px) {
    .ckgqy-center {
        position: static;
        top: auto;
        margin-bottom: 24px;
    }
    .ckgqy-center h2 {
        font-size: 28px;
        margin: 0;
    }
    .ckgqy-grid {
        grid-template-columns: 1fr;
        grid-auto-rows: auto;
        gap: 20px;
        justify-items: center;
    }
    .ckgqy-grid .ckgqy-item:nth-of-type(3),
    .ckgqy-grid .ckgqy-item:nth-of-type(4),
    .ckgqy-grid .ckgqy-item:nth-of-type(5),
    .ckgqy-grid .ckgqy-item:nth-of-type(6),
    .ckgqy-grid .ckgqy-item:nth-of-type(7) {
        margin-left: 0;
    }
    .ckgqy-item {
        width: 100%;
        max-width: 350px;
        height: auto;
        min-height: 100px;
        padding: 14px 18px;
    }
    .ckgqy-name {
        white-space: normal;
    }
    .ckgqy-right img {
        max-width: 120px;
        max-height: 70px;
    }
}

@media (max-width: 480px) {
    .ckgqy-center h2 {
        font-size: 24px;
    }
    .ckgqy-item {
        min-height: 88px;
        padding: 12px 14px;
    }
    .ckgqy-name {
        font-size: 17px;
    }
    .ckgqy-more {
        font-size: 12px;
    }
    .ckgqy-right img {
        max-width: 160px;
        max-height: 56px;
    }
    .about-content-body img{
        max-width: 100%;
    }
}

/* ---------- 信息公开：左侧文章标题导航 + 右侧内容两栏 (channel_information.html) ---------- */
.information-content-split {
    display: flex;
    align-items: stretch;
    height: auto;
    min-height: 535px;
    background: #fff;
}
.information-sidebar {
    width: 222px;
    flex: 0 0 222px;
    background: #fbfbfb;
    overflow-y: auto;
}
.information-sidebar-list li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 222px;
    height: 88px;
    box-sizing: border-box;
    font-size: 20px;
    color: #595757;
    background: #fbfbfb;
    transition: all 0.3s ease;
}
.information-sidebar-list li a:hover,
.information-sidebar-list li a.active {
    color: #fff;
    background: #d2993f;
}
.information-main {
    flex: 1;
    min-width: 0;
    padding: 30px 40px;
    background: #f6f6f6;
    margin-left: 12px;
}
.information-article {
    display: none;
}
.information-article.active {
    display: block;
}
.information-main .article-title {
    font-size: 26px;
    color: #595757;
    line-height: 1.4;
    font-weight: normal;
    margin-bottom: 16px;
}
.information-main .article-meta {
    color: #9f9fa0;
    font-size: 14px;
    margin-bottom: 24px;
}
.information-main .article-body {
    font-size: 20px !important;
    color: #595757;
    line-height: 1.8 !important;
    padding-top: 20px;
}
.information-main .article-body img {
    max-width: 100%;
    height: auto;
}
.information-main .article-empty {
    color: #bcbbb3;
    font-size: 16px;
}
@media (max-width: 820px) {
    .information-content-split {
        flex-direction: column;
        min-height: 0;
    }
    .information-sidebar {
        width: 100%;
        flex: 0 0 auto;
        max-height: 320px;
        overflow-y: auto;
        border-right: none;
        border-bottom: 1px solid #eeeeee;
    }
    .information-sidebar-list li a {
        width: 100%;
        height: auto;
        padding: 13px 16px;
        font-size: 16px;
        justify-content: flex-start;
        box-sizing: border-box;
    }
    .information-main {
        margin-left: 0;
        padding: 20px;
    }
}

@media (max-width: 480px) {
    .information-sidebar {
        max-height: 260px;
    }
    .information-sidebar-list li a {
        padding: 11px 14px;
        font-size: 15px;
    }
    .information-main {
        padding: 16px 14px;
    }
}