@charset "utf-8";
body { background-color: #f7f7f7; }
a,img { vertical-align: top; }

h1{ font-weight:normal;}
h2{ font-weight:normal;}
h3{ font-weight:normal;}

/* 间距清除 */
.relative { position: relative; }
.mobile { display: none; }
.pc { display: block; }
/*字体*/
.marginT5 { margin-top:5px; }
.marginT6 { margin-top:6px; }
.marginT8 { margin-top:8px; }
.marginT10 { margin-top:10px; }
.marginT15 { margin-top:15px; }
.marginT20 { margin-top:20px; }
.marginT30 { margin-top:30px; }
.marginT40 { margin-top:40px; }
.marginT50 { margin-top:50px; }
.marginT60 { margin-top:60px; }
.marginT70 { margin-top:70px; }
.marginT80 { margin-top:80px; }
.marginT90 { margin-top:90px; }
.marginT100 { margin-top:100px; }
.marginT120 { margin-top:120px; }
.lh12 { line-height:1.2!important; }
.lh13 { line-height:1.3!important; }
.lh14 { line-height:1.4!important; }
.lh15 { line-height:1.5!important; }
.lh16 { line-height:1.6!important; }
.lh17 { line-height:1.7!important; }
.lh18 { line-height:1.8!important; }
.lh19 { line-height:1.9!important; }
.font80 { font-size:80px; line-height: 1.2; }
.font55 { font-size:55px; line-height: 1.2; }
.font58 { font-size:58px; line-height: 1.2; }
.font50 { font-size:50px; line-height: 1.2; }
.font64 { font-size:64px; line-height: 1.2; }
.font72 { font-size:72px; line-height: 1.2; }
.font70 { font-size:70px; line-height: 1.2; }
.font40 { font-size:40px; line-height: 1.2; }
.font42 { font-size:42px; line-height: 1.2; }
.font45 { font-size:45px; line-height: 1.2; }
.font44 { font-size:44px; line-height: 1.2; }
.font76 { font-size:76px; line-height: 1.2; }
.font26 { font-size:26px; line-height: 1.2; }
.font28 { font-size:28px; line-height: 1.2; }
.font36 { font-size:36px; line-height: 1.2; }
.font24 { font-size:24px; line-height: 1.2; }
.font32 { font-size:32px; line-height: 1.2; }
.font30 { font-size:30px; line-height: 1.2; }
.font22 { font-size:22px; line-height: 1.2; }
.font21 { font-size:21px; line-height: 1.2; }
.font20 { font-size:20px; line-height: 1.2; }
.font18 { font-size:18px; line-height: 1.6; }
.font16 { font-size:16px; line-height: 1.6; }
.font15 { font-size:15px; line-height: 1.6; }
.font14 { font-size:14px; line-height: 1.6; }
.font12 { font-size:12px; line-height: 1.6; }
.font60 { font-size:60px; line-height: 1.2; }
.font56 { font-size:56px; line-height: 1.2; }
.font52 { font-size:52px; line-height: 1.2; }
.font66 { font-size:66px; line-height: 1.2; }
.font120 { font-size:120px; line-height: 1.2; }
.font85 { font-size: 85px; line-height: 1.2; }

.bold { font-weight:bold; }
.borderRadius6 { border-radius: 6px; overflow: hidden; }
.borderRadius10 { border-radius: 10px; overflow: hidden; }
.borderRadius20 { border-radius: 20px; overflow: hidden; }
.borderRadius30 { border-radius: 30px; overflow: hidden; }
.borderRadius40 { border-radius: 40px; overflow: hidden; }
@media(max-width:1900px){
	.marginT10 { margin-top:10px; }
	.marginT20 { margin-top:20px; }
	.marginT30 { margin-top:1.6vw; }
	.marginT40 { margin-top:2vw; }
	.marginT50 { margin-top:2.7vw; }
	.marginT60 { margin-top:3.4vw; }
	.marginT70 { margin-top:3.7vw; }
	.marginT80 { margin-top:4.3vw; }
	.marginT90 { margin-top:5vw; }
	.marginT100 { margin-top:5.4vw; }
	.marginT120 { margin-top: 6.2vw; }
	.font80 { font-size: 4.1vw;}
	.font55 { font-size: 2.8vw; }
	.font58 { font-size: 2.7vw; }
	.font50 { font-size: 2.5vw; }
	.font64 { font-size: 3.3vw; }
	.font40 { font-size: 2vw; }
	.font36 { font-size: 1.8vw; }
	.font42 { font-size: 2.1vw; }
	.font44 { font-size: 2.2vw; }
	.font72 { font-size: 3.6vw; }
	.font70 { font-size: 3.5vw; }
	.font76 { font-size: 3.8vw; }
	.font32 { font-size: 1.6vw; }
	.font30 { font-size: 1.5vw; }
	.font24 { font-size: 1.2vw; }
	.font26 { font-size: 1.3vw; }
	.font28 { font-size: 1.4vw; }
	.font22 { font-size: 21px; }
	.font21 { font-size: 20px; }
	.font20 { font-size: 1.1vw; }
	.font45 { font-size: 2.3vw; }
	.font18 { font-size: 17px; }
	.font60 { font-size: 3.2vw; }
	.font66 { font-size: 3.4vw; }
	.font56 { font-size: 2.8vw; }
	.font52 { font-size: 2.6vw; }
	.font120 { font-size: 6.4vw; }
	.borderRadius20 { border-radius: 1.1vw; }
	.borderRadius30 { border-radius: 1.6vw; }
	.borderRadius40 { border-radius: 2.2vw; }
	.font85 { font-size: 4.3vw; }
}
@media(max-width:1700px){
	.font21 { font-size: 19px; }
	.font22 { font-size: 20px; }
	.font20 { font-size: 18px; }
}
@media(max-width:1500px){
	.font21 { font-size: 18px; }
	.font22 { font-size: 19px; }
	.font18 { font-size: 16px; }
	.font20 { font-size: 17px; }
	.lh18 { line-height:1.6!important; }
}
@media(max-width:1300px){
	.font21 { font-size: 17px; }
	.font20 { font-size: 16px; }
	.font22 { font-size: 18px; }
}
@media(max-width:1100px){
	.marginT10 { margin-top:10px; }
	.marginT20 { margin-top:12px; }
	.marginT30 { margin-top:15px; }
	.marginT40 { margin-top:20px; }
	.marginT50 { margin-top:25px; }
	.marginT60 { margin-top:30px; }
	.marginT70 { margin-top:30px; }
	.marginT80 { margin-top:30px; }
	.marginT90 { margin-top:30px; }
	.marginT100 { margin-top:40px; }
	.marginT120 { margin-top: 50px; }
	.font80 { font-size: 30px;}
	.font55 { font-size: 24px; }
	.font50 { font-size: 22px; }
	.font64 { font-size: 32px; }
	.font58 { font-size: 26px; }
	.font76 { font-size: 30px; }
	.font32 { font-size: 18px; }
	.font30 { font-size: 18px; }
	.font24 { font-size: 18px; }
	.font26 { font-size: 18px; }
	.font28 { font-size: 20px; }
	.font16 { font-size: 14px; }
	.font15 { font-size: 14px; }
	.font21 { font-size: 16px; }
	.font20 { font-size: 15px; }
	.font22 { font-size: 17px; }
	.font18 { font-size: 15px; }
	.font40 { font-size: 22px; }
	.font42 { font-size: 24px; }
	.font44 { font-size: 24px; }
	.font72 { font-size: 28px; }
	.font70 { font-size: 26px; }
	.font36 { font-size: 22px; }
	.font60 { font-size: 20px; }
	.font66 { font-size: 28px; }
	.font56 { font-size: 24px; }
	.font52 { font-size: 24px; }
	.font120 { font-size: 30px; }
	.font85 { font-size: 30px; }
	.marginT90 { margin-top: 30px; }
	.borderRadius20 { border-radius: 10px; }
	.borderRadius30 { border-radius: 15px; }
	.borderRadius40 { border-radius: 20px; }
}
@media(max-width: 600px){
	.font28 { font-size: 18px; }
	.marginT60 { margin-top:20px; }
	.font66 { font-size: 24px; }
	.marginT120 { margin-top: 35px; }
}
.alignC { text-align:center; }
.alignL { text-align:left; }
.alignR { text-align:right; }
.colorWhite { color:#fff; }
.colorRed { color:#cd011d; }
.color1 { color:#111; }
.color2 { color:#222; }
.color3 { color:#333; }
.color4 { color:#444; }
.color46 { color:#465059; }
.color5 { color:#555; }
.color6 { color:#666; }
.color7 { color:#777; }
.color8 { color:#888; }
.color9 { color:#999; }
.color0 { color:#000; }
.colorA { color:#aaa; }
.colorB { color:#bbb; }
.colorC { color:#ccc; }
.colorD { color:#ddd; }
.colorBlue { color:#042A72; }
.colorBlueL { color:#00266E; }
.textTra { text-transform:uppercase; }
.opa1 { opacity: 0.1; }
.opa2 { opacity: 0.2; }
.opa3 { opacity: 0.3; }
.opa4 { opacity: 0.4; }
.opa5 { opacity: 0.5; }
.opa6 { opacity: 0.6; }
.opa7 { opacity: 0.7; }
.opa8 { opacity: 0.8; }
.opa9 { opacity: 0.9; }
.weight100 { font-weight: 100; }
.weight200 { font-weight: 200; }
.weight300 { font-weight: 300; }
.weight400 { font-weight: 400; }
.weight500 { font-weight: 500; }
.weight600 { font-weight: 600; }
.weight700 { font-weight: 700; }
.weight800 { font-weight: 800; }
.weight900 { font-weight: 900; }

.mb { display: none; }
@media(max-width: 1100px){
	.mb { display: block; }
	.pc { display: none; }
}
@media (max-width: 1100px) {
    .pc { display: none; }
    .mobile { display: block; }
}

body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, small, u, i, center, dl, dt, dd, ol, ul, li, sub, sup, tt, var, del, dfn, ins, kbd, q, s, samp, strike, applet, object, iframe, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, blockquote, pre, a, abbr, acronym, address, big, cite, code, mark, audio, video, input, textarea, select {
    margin: 0;
    padding: 0;
}

ol, ul { list-style: none; }

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
}

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

a:hover { color: #000; }

img { border: 0; max-width: 100%; }

html {
    overflow-x: hidden;
    -webkit-text-size-adjust: none;
}

body {
    font-family: 'Microsoft YaHei', 'PingFang SC', Arial, sans-serif !important;
    font-size: 14px;
    line-height: 1.6;
    color: #333;
    background-color: #fff;
}

/* 快捷方式 */
.f-l { float: left; }
.f-r { float: right; }
.clearfix { clear: both; }
.clearfix:after {
    clear: both;
    height: 0;
    content: "";
    line-height: 0;
    font-size: 0;
    display: block;
}

/* 字体样式 */
.font52 { font-size: 52px; line-height: 1.2; }
.font30 { font-size: 30px; line-height: 1.2; }
.font24 { font-size: 24px; line-height: 1.2; }
.font20 { font-size: 20px; line-height: 1.2; }
.font18 { font-size: 18px; line-height: 1.6; }
.font16 { font-size: 16px; line-height: 1.6; }
.font14 { font-size: 14px; line-height: 1.6; }

.bold { font-weight: bold; }

/* 颜色 */
.colorWhite { color: #fff; }
.colorRed { color: #cd011d; }
.color3 { color: #333; }
.color5 { color: #555; }
.color6 { color: #666; }
.colorBlue { color: #042A72; }

/* 对齐 */
.alignC { text-align: center; }
.alignL { text-align: left; }
.alignR { text-align: right; }

/* 间距 */
.marginT20 { margin-top: 20px; }
.marginT30 { margin-top: 30px; }
.marginT50 { margin-top: 50px; }

/* 容器 */
.container {
    width: 84%;
    margin: 0 auto;
    padding: 0;
}

/* 顶部导航栏 */
.top-bar {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    padding: 16px 0;
    z-index: 999;
}

.top-bar.fixheader {
    background: rgba(0, 0, 0, 0.8);
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.top-bar .container {
    width: 92%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.top-bar .logo {
    display: flex;
    align-items: center;
    gap: 10px;
}

.top-bar .logo img {
    height: 27px;
}

.top-bar .logo-text {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}

.top-bar .nav-right {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1;
}

.top-bar .right-items {
    display: flex;
    align-items: center;
    gap: 30px;
}

.top-bar .nav-right nav {
    display: flex;
    gap: 25px;
}

.top-bar .nav-right nav a {
    color: #fff;
    padding: 10px 15px;
    transition: color 0.3s;
    font-weight: bolder;
}

.top-bar .nav-right nav a:hover,
.top-bar .nav-right nav a.active {
    color: #cd011d;
}

.top-bar .nav-right .language {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    cursor: pointer;
    padding: 10px 15px;
    position: relative;
}

.top-bar .nav-right .language .languageDown{ position:absolute; top:100%; left:50%; transform:translateX(-50%); display:none; flex-direction:column; align-items:center; background:rgba(0, 0, 0, 0.8);}
.top-bar .nav-right .language:hover .languageDown{ display:flex;}
.top-bar .nav-right .language .languageDown a{ color:#fff; padding:5px 15px; white-space: pre;}
.top-bar .nav-right .language .languageDown a:hover{color: #cd011d;}
.top-bar .nav-right .language .languageDown a.active{color: #cd011d;}

.top-bar .nav-right .language img {
    width: 16px;
}
.top-bar .nav-right .language span { padding-right: 26px; background: url(../images/jtxia.png) no-repeat right center; }
.top-bar .btn-back {
    background: #cd011d;
    color: #fff;
    padding: 10px 25px;
    text-decoration: none;
    border-radius: 4px;
    transition: background-color 0.3s;
}

.top-bar .btn-back:hover {
    background: #a80018;
}

.top-bar .mobile-menu-btn {
    display: none;
    background: transparent;
    border: none;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
}

.top-bar .mobile-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #000;
    padding: 20px;
}

.top-bar .mobile-menu ul {
    list-style: none;
    padding: 0;
}

.top-bar .mobile-menu ul li {
    margin-bottom: 15px;
}

.top-bar .mobile-menu ul li a {
    color: #fff;
    font-size: 16px;
}

.top-bar .mobile-menu.show {
    display: block;
}
.top-bar .logo { margin-right: 30px; }
.mb{ display: none; }
@media(max-width: 1400px){
    .top-bar .logo img { height: 20px; }
    .top-bar .nav-right nav a { padding: 7px 12px; }
    .top-bar .nav-right nav { gap: 15px; }
}
@media(max-width: 1100px){
    .mb { display: block; }
    .pc { display: none; }
    .top-bar .logo { margin-right:0; }
    .top-bar .container { width: 100%; }
    
}
@media(max-width: 500px){
    .top-bar .logo img { height: 20px; }
}


/* Hero区域 */
.hero-section {
    position: relative;
    overflow: hidden;
}


.hero-section .hero-content {
    position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%);
    z-index: 1;
    padding: 0;
}

.hero-section .hero-content .hero-title {
    color: #fff;
    font-weight: 300;
    margin-bottom: 10px;
}

.hero-section .hero-content .hero-subtitle {
    color: rgba(255,255,255,0.8);
    font-weight: 300;
}

/* 公司简介区域 */
.company-section {
    padding: 80px 0;
    background: #fff; background: url(../images/home1bg.jpg) no-repeat bottom center;
    background-size: cover;
}

.company-section .container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5vw;
    align-items: center;
}

.company-section .company-info h2 {
    font-size: 28px;
    color: #333;
    margin-bottom: 30px;
}

.company-section .company-info p {
    font-size: 15px;
    color: #666;
    line-height: 1.8;
    margin-bottom: 20px;
}

.company-section .company-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    margin-top: 40px;
}

.company-section .stat-item {
    text-align: left;
}

.company-section .stat-item .stat-number {
    color: #cd011d;
    font-weight: bold;
}

.company-section .stat-item .stat-unit {
    color: #999;
    font-weight: normal;
}

.company-section .stat-item .stat-label {
    color: #666;
}

.company-section .company-image {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}

.company-section .company-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.company-section .image-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 30px;
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.company-info .tit{ margin-bottom:0.5em;}

.company-section .overlay-title {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}

.company-section .overlay-btn {
    background: #cd011d;
    color: #fff;
    padding: 10px 25px;
    text-decoration: none;
    border-radius: 40px;
    font-size: 14px;
    transition: background-color 0.3s;
}

.company-section .overlay-btn:hover {
    background: #a80018;
}

/* 信息披露区域 */
.info-section {
    padding: 4.2vw 0;
    background: #f8f8f8;
}

.info-section h2 {
    font-size: 28px;
    color: #333;
    text-align: left;
    margin-bottom: 2.6vw;
}

.info-section .info-grid-v2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.6vw;
}

.info-section .info-left {
    background: #fff;
    border-radius: 8px;
    padding: 1.6vw;
}

.info-section .info-left h3 {
    font-size: 18px;
    color: #333;
    margin-bottom: 1vw;
    /*padding-bottom: 0.8vw;
    border-bottom: 2px solid #cd011d;*/
    display: inline-block;
}

.info-section .announcement-list {
    margin-bottom: 1vw;
    padding-bottom: 1vw;
}

.info-section .announcement-item {
    display: block;
    padding: 0.8vw 0;
    border-bottom: 1px solid #e4e4e4;
    text-decoration: none;
    transition: all 0.3s;
}

/*.info-section .announcement-item:last-child {*/
/*    border-bottom: none;*/
/*}*/

.info-section .announcement-item:hover {
    border-bottom-color: #cd011d;
}

.info-section .announcement-item:hover .date,
.info-section .announcement-item:hover .type,
.info-section .announcement-item:hover .title {
    color: #cd011d;
}

.info-section .announcement-item .date {
    font-size: 16px;
    color: #cd011d;
    margin-right: 0.8vw;
}

.info-section .announcement-item .type {
    font-size: 16px;
    color: #666666;
    margin-right: 0.8vw;
}

.info-section .announcement-item .title {
    font-size: 16px;
    color: #333;
    margin: 0;
    line-height: 1.5;
     display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; 
}

.info-section .info-left .view-more {
    display: inline-block;
    padding: 10px 30px;
    border: 1px solid #cd011d;
    color: #cd011d;
    border-radius: 40px;
    font-size: 16px;
    transition: all 0.3s;
}

.info-section .info-left .view-more:hover {
    background: #cd011d;
    color: #fff;
}

.info-section .info-right {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

.info-section .info-card-v2 {
    background: #fff;
    border-radius: 8px;
    padding: 30px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.info-section .card-icon-v2 {
    width: 7vw; max-width: 140px; max-height: 140px;
    margin-bottom: 20px;
    background: #f5f5f5;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.info-section .card-icon-v2 img {
    width: 100%;
    height: 100%;
}

.info-section .card-title-v2 {
    font-size: 18px;
    color: #333;
    margin-bottom: 20px;
}

.info-section .view-more-btn {
    display: inline-block;
    padding: 10px 30px;
    border: 1px solid #cd011d;
    color: #cd011d;
    border-radius: 40px;
    font-size: 16px;
    transition: all 0.3s;
}

.info-section .view-more-btn:hover {
    background: #cd011d;
    color: #fff;
}

@media(max-width: 1100px){
    .info-section .info-grid-v2 {
        grid-template-columns: 1fr !important;
        gap: 1.6vw;
    }
    .info-section .info-right {
        grid-template-columns: 1fr !important;
        gap: 1.6vw;
    }
    .info-section .info-left { padding: 20px 15px; }
    .info-section .announcement-item { padding: 15px 0; }
    .info-section .card-icon-v2 { width: 100px; height: 100px;}
}

/* 业务板块 */
.business-section {
    padding: 80px 0;
    background: #fff;
}

.business-section h2 {
    font-size: 28px;
    color: #333;
    text-align: center;
    margin-bottom: 50px;
}

.business-section .business-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

.business-section .business-card {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}

.business-section .business-card img {
    width: 100%;
    height: auto;
    display: block;
}

.business-section .business-card .business-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 3.5vw;
    color: #fff;  
}

.business-section .business-card .business-content .business-icon {
    width: 55px;
    height: 55px;
}

.business-section .business-card .business-content .business-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 10px;
}

.business-section .business-card .business-content h3 {
    margin-bottom: 10px; font-weight: normal;
}

.business-section .business-card .business-content p {
    font-size: 14px;
    opacity: 0.9;
    margin-bottom: 20px;
}

.business-section .business-card .btn-view {
    display: inline-block;
    padding: 10px 30px;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 40px;
    font-size: 16px;
    transition: all 0.3s;
    margin-top: 2vw;
}

.business-section .business-card .btn-view:hover {
    background: #cd011d;
    color: #fff;
    border-color: #cd011d;
}
.contactCon { padding: 5v 0 6vw; }
/* 投资者关系联络 */
.contact-section {
    padding: 5vw 0 6vw;
    background-size: cover;
    position: relative;
}
.contact-section-index { background: url('../images/home4.jpg') no-repeat right center/cover!important; }

.contact-section .container {
    position: relative;
    z-index: 1;
}

.contact-section .contact-content {
    color: #fff;
    max-width: 100%;
}

.contact-section .contact-content h2 {
    margin-bottom: 30px; font-weight: normal;
}

.contact-section .contact-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 40px;
}

.contact-section .contact-list .contact-item {
    display: flex;
    align-items: center;
    gap: 15px;
}

.contact-section .contact-list .contact-item .contact-icon {
    width: 65px;
    height: 65px;
    object-fit: contain;
}

.contact-section .contact-list .contact-item .contact-label {
    min-width: 40px;
    opacity: 0.8;
}

.contact-section .contact-list .contact-item .contact-value {
    font-weight: 500;
}

.contact-section .contact-btn {
    display: inline-block;
    padding: 10px 30px;
    border: 1px solid #fff;
    color: #fff;
    border-radius: 40px;
    font-size: 16px;
    transition: all 0.3s;
}

.contact-section .contact-btn:hover {
    background: #cd011d;
    color: #fff;
    border-color: #cd011d;
}
@media(max-width: 1100px){
    .contact-section .contact-list .contact-item { margin-bottom: 5px; }
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.clearfix {
	clear: both;
}

.clearfix:after {
	clear: both;
	height: 0;
	content: "";
	line-height: 0;
	font-size: 0;
	display: block;
}


/* 页脚 */
.footer {
    background: #f7f7f7; border-top: 1px solid #ededed;
    color: #333;
    padding: 60px 0;
    position: relative;
    z-index: 100;
}

.footer .footer-content {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1px 1.5fr;
    gap: 40px;
}
.footer .footer-section.borderLine { border-right: 1px solid #f2f2f2; }
.footer .footer-section h4 {
    color: #666;
    margin-bottom: 20px;
    font-weight: 600;
}
.footer .botCon { max-width:  420px;}

.footer .footer-section ul {
    list-style: none;
    padding: 0;
}

.footer .footer-section ul li {
    margin-bottom: 12px;
}

.footer .footer-section ul li a {
    color: #666;
    font-size: 16px;
    transition: color 0.3s;
}

.footer .footer-section ul li a:hover {
    color: #cd011d;
}

.footer .footer-section.contact-section {
    text-align: left;
}

.footer .footer-section.contact-section p {
    font-size: 14px;
    line-height: 1.8;
    margin-bottom: 8px;
    color: #666;
    text-align: left;
}

.footer .footer-section.contact-section .social-icons {
    justify-content: flex-start;
}

.footer .footer-section .social-icons {
    margin-top: 15px;
    display: flex;
    gap: 15px;
}

.footer .footer-section .social-icon {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666;
    font-size: 18px;
    transition: all 0.3s;
    position: relative;
}

.footer .footer-section .social-icon:hover {
    background: #cd011d;
    color: #fff;
}

.footer .footer-section .social-icon .social-icon-tc{ position:absolute; left:0; bottom:100%; display:none; width:190px; background:#fff; border-radius:10px; overflow:hidden; box-shadow:rgba(0,0,0,0.1) 0 0 10px;}
.footer .footer-section .social-icon:hover .social-icon-tc{ display:block;}

.footer .footer-bottom {
    margin-top: 50px;
    padding-top: 30px;
    border-top: 1px solid #e4e4e4;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    color: #666;
}

.footer .footer-bottom .footer-links {
    display: flex;
    gap: 15px;
    align-items: center;
}

.footer .footer-bottom .footer-links a {
    color: #666;
    font-size: 12px;
    transition: color 0.3s;
}

.footer .footer-bottom .footer-links a:hover {
    color: #cd011d;
}

.footer .footer-bottom .footer-links span {
    color: #ccc;
}

/* 信息披露页面 */
.disclosure-page .hero-section {
    height: 400px;
}

/* Tab标签 */
.tab-section {
    padding: 15px 0; position: relative; z-index: 4;
     margin-top: -40px;
}


.tab-section .container {
    display: flex;box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    gap: 0;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    width: 84%;
}

.tab-section .tab-item {
    flex: 1;
    padding: 18px 40px;
    font-size: 16px;
    color: #666;
    cursor: pointer;
    position: relative;
    transition: all 0.3s;
    text-align: center;
}
.announcement-section { padding: 0 0 6vw;}
.tab-section .tab-item.active {
    background: #cd011d;
    color: #fff; border-radius: 8px;;
}
.bgf7 { background: #f7f7f7; }
.tab-section .tab-item:hover:not(.active) {
    background: #fafafa;
    color: #333;
}

/* 筛选区域 */
.filter-wrapper {
    background: #fff;
    border-radius: 8px;
    padding: 25px;
    margin-bottom: 20px;
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.section-label {
    font-size: 14px;
    color: #333;
    font-weight: 600;
    white-space: nowrap;
    padding-top: 8px;
}

.filter-area {
    padding: 0;
    background: transparent;
}

.filter-row {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
    flex: 1;
}

.filter-row select{
    padding: 10px 15px;
    border: 1px solid #999;
    border-radius: 20px;
    font-size: 14px;
    
  /* 关键！清除原生下拉箭头和边框样式 */
  appearance: none;
  -webkit-appearance: none;
  width: 310px;
  /* 自定义下拉箭头（可选） */
  background: url(../images/selectDown.png) no-repeat calc( 100% - 15px ) 50%,#fff !important;
  padding-right: 40px !important;
  cursor: pointer;
}

.filter-row select {
    min-width: 120px;
}

.filter-row input[type="text"] {
    min-width: 150px;
}

.timeBox{
    padding: 10px 15px;
    border: 1px solid #999;
    border-radius: 20px;
    font-size: 14px;
    background: #fff; display:flex; align-items:center; background:url(../images/timeIcon.png) no-repeat calc( 100% + 2px) 50%/auto 100%,#fff; padding-right:46px;}
.timeBox input{appearance: none; padding:0 10px; border:none; width:160px; cursor:pointer;}

.timeBoxs input:not([value=""])::-webkit-datetime-edit-text {

    color: #cd011d !important; /* 或者你希望的任何颜色 */

}

/* 隐藏未选择日期时的年、月、日字段文本（设为透明） */
input[type="date"]::-webkit-datetime-edit-year-field:not([aria-valuenow]),
input[type="date"]::-webkit-datetime-edit-month-field:not([aria-valuenow]),
input[type="date"]::-webkit-datetime-edit-day-field:not([aria-valuenow]) {
  color: transparent;
}

/* 当已选择日期后，恢复文本可见性 */
input[type="date"]:not([value=""]) ::-webkit-datetime-edit-year-field,
input[type="date"]:not([value=""]) ::-webkit-datetime-edit-month-field,
input[type="date"]:not([value=""]) ::-webkit-datetime-edit-day-field {
  color: #333; /* 或你希望的文本颜色 */
}



/* 可选：连年月日文字一起改 */
input[type="date"]::-webkit-datetime-edit-year-field,
input[type="date"]::-webkit-datetime-edit-month-field,
input[type="date"]::-webkit-datetime-edit-day-field {
  color: #333 !important;
}
.timeBox input:empty:before {
  content: attr(placeholder);
  color: transparent;
}

.timeBox input:focus:before,
.timeBox input:not(:empty):before {
  content: none;
}

.timeBox .date-separator{ margin:0 20px;}

.date-separator {
    color: #999;
    font-size: 14px;
}
.seachBox{
    
    border: 1px solid #999;
    border-radius: 20px;
    font-size: 14px;
    background: #fff; display:flex; align-items:center;
    }
.seachBox input[type="text"]{ width:411px; padding:0 30px; background:none; border:none; }


.btn-search {
    background: #cd011d;
    color: #fff;
    border: none;
    padding: 10px 25px;
    border-radius: 20px;
    cursor: pointer;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.resetSearch{ cursor:pointer; width:40px; height:40px; display:flex; justify-content:center; align-items:center; background:#cd011d; border-radius:40px;}
.resetSearch:hover {
    color: #a80018;
}

.resetSearch img{ width:45%;}


.btn-search:hover {
    background: #a80018;
}

.btn-search::before {
    content: '';
    width: 16px;
    height: 16px;
    background: url('../images/download.png') no-repeat center;
    background-size: contain;
    opacity: 0.8;
}

/* 分类标签 */
.category-tabs {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    flex: 1;
}

.category-tabs .category-item {
    padding: 8px 20px;
    border: 1px solid #999;
    border-radius: 20px;
    font-size: 14px;
    color: #666;
    cursor: pointer;
    transition: all 0.3s;
    white-space: nowrap;
    min-width: 150px;
    text-align: center;
}
@media (max-width: 1600px) {
    .category-tabs .category-item { min-width:auto;        white-space: normal;}
    .filter-row select{ width:200px;}
    .filter-row input[type="text"]{ width:120px; min-width:100px;}
    .seachBox input[type="text"] {
    width: 200px;}
}
@media (max-width: 780px) {

.timeBox {
    flex-direction: column;
    align-items: flex-start;
    background: #fff !important;
}

.filter-row select, .filter-row input{ line-height:2em;}
.btn-search {
        width: 100px !important;
        justify-content: center;
}
.filter-row {
    width: 100%;
}

.seachBox {
justify-content: space-between;
    align-items: center;
}

.calendar-tab {
    padding: 12px 20px !important;
    font-size: 14px !important;
}
.calendar-item {
        flex-direction: column-reverse;
        align-items: flex-start !important;
    }


}
.category-tabs .category-item.active {
    background: #cd011d;
    color: #fff;
    border-color: #cd011d;
}

/* 公告列表 */
.announcement-list {
    border-radius: 8px;
    overflow: hidden;
}

.announcement-list .list-item {
    display: flex;
    align-items: center;
    padding: 20px 25px;
    margin: 5px 0;
    background: #fff;
    border-bottom: 1px solid #f5f5f5;
    transition: all 0.3s;
    position: relative;
    border-radius: 8px;
    text-decoration: none;
}
.announcement-list .list-item:hover * {
    color:#cd011d!important;
}
.announcement-list .list-item::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: #cd011d;
    transform: scaleX(0);
    transition: transform 0.3s;
}

.announcement-list .list-item:hover::after {
    transform: scaleX(1);
}

.announcement-list .list-item:hover * {
    color: #cd011d;
}

.announcement-list .list-item .list-date {
    color: #cd011d;
    font-size: 14px;
    margin-right: 25px;
    width: 100px;
    font-weight: 500;
}

.announcement-list .list-item .list-category {
    color: #999;
    font-size: 14px;
    margin-right: 25px;
    width: 210px;
}

.announcement-list .list-item .list-title {
    flex: 1;
    color: #333;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.announcement-list .list-item .list-download {
    width: 18px;
    height: 18px;
    background: url('../images/xiaz1.png') no-repeat center;
    background-size: contain;
    margin-left: 20px;
    transition: opacity 0.3s;
}
.announcement-list .list-item:nth-child(1){ font-weight:bolder; border-bottom:#cd011d solid 2px;}
.announcement-list .list-item:nth-child(1) .list-download { background:none !important; white-space:pre; text-align:center;}
.announcement-list .list-item:nth-child(1)::after{ display:none !important;}
.announcement-list .list-item:nth-child(1) .list-date { color: #cd011d;font-weight:bolder;}
.announcement-list .list-item:nth-child(1) .list-category { color: #cd011d;}
.announcement-list .list-item:nth-child(1) .list-title { color: #cd011d;}
.announcement-list .list-item:nth-child(1) .list-download { color: #cd011d;}

.announcement-list .list-item:hover .list-download {
    background: url('../images/xiaz2.png') no-repeat center;
    background-size: contain;
}

/* 业绩报告列表 */
.financial-list {
    padding-bottom: 60px;
}

.financial-list .list-item {
    display: flex;
    align-items: center;
    padding: 20px;
    background: #fff;
    margin: 6px 0;
    transition: all 0.3s;
}

.financial-list .list-item:hover {
    border-bottom-color: #cd011d;
}

.financial-list .list-item:hover * {
    color: #cd011d;
}

.financial-list .list-item .list-date {
    color: #cd011d;
    font-size: 14px;
    margin-right: 20px;
    min-width: 100px;
}

.financial-list .list-item .list-title {
    flex: 1;
    color: #333;
    font-size: 15px;
}

.financial-list .list-item .list-download {
    width: 20px;
    height: 20px;
    background: url('../images/xiaz1.png') no-repeat center;
    background-size: contain;
    margin-left: 20px;
    transition: opacity 0.3s;
}
.financial-list .list-item:hover * { color: #cd011d!important; }
.financial-list .list-item:hover .list-download {
    background: url('../images/xiaz2.png') no-repeat center;
    background-size: contain;
}

/* 可持续发展网格 */
.sustainability-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    padding-bottom: 60px;
}

.sustainability-grid .grid-item {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    border: 2px solid transparent;
    transition: all 0.3s;
}

.sustainability-grid .grid-item:hover {
    border-bottom-color: #cd011d;
}

.sustainability-grid .grid-item .item-image {
    position: relative;
    overflow: hidden;
}

.sustainability-grid .grid-item .item-image img {
    width: 100%;
    object-fit: cover;
}

.sustainability-grid .grid-item .item-image .year-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    color: #fff;
}

.sustainability-grid .grid-item .item-image .year-badge span:first-child {
    display: block;
    font-size: 32px;
    font-weight: bold;
    line-height: 1;
}

.sustainability-grid .grid-item .item-image .year-badge span:last-child {
    font-size: 14px;
}

.sustainability-grid .grid-item .item-footer {
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sustainability-grid .grid-item .item-footer .item-title {
    font-size: 16px;
    color: #666;
}

.sustainability-grid .grid-item:hover .item-footer .item-title {
    color: #cd011d;
}

.sustainability-grid .grid-item .item-footer .item-download {
    width: 16px;
    height: 16px;
    background: url('../images/download.png') no-repeat center;
    background-size: contain;
    opacity: 0.5;
}

.sustainability-grid .grid-item:hover .item-footer .item-download {
    opacity: 1;
}

/* 上市文件页面 */


.listing-list {
    padding: 60px 0;
    background: #f8f8f8;
}

.listing-list .listing-card {
    display: flex;
    gap: 40px;
    padding: 35px;
    background: #fff;
    border-radius: 8px;
    margin-bottom: 25px;
    transition: all 0.3s;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

.listing-list .listing-card:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,0.08);
}

.listing-list .listing-card .listing-image {
    width: 330px;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    flex-shrink: 0;
}

.listing-list .listing-card .listing-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.listing-list .listing-card .listing-image .listing-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    display: flex;
    flex-direction: column;
}

.listing-list .listing-card .listing-image .listing-badge .badge-year {
    font-size: 28px;
    font-weight: bold;
    color: #cd011d;
    line-height: 1;
}

.listing-list .listing-card .listing-image .listing-badge .badge-label {
    font-size: 12px;
    color: #cd011d;
    margin-top: 4px;
}

.listing-list .listing-card .listing-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 10px 0;
}

.listing-list .listing-card .listing-content .listing-title {
    font-size: 20px;
    color: #cd011d;
    font-weight: 600;
    margin-bottom: 18px;
    padding: 0;
    border-bottom: none;
}

.listing-list .listing-card .listing-content .listing-meta {
    margin-bottom: 25px;
}

.listing-list .listing-card .listing-content .listing-meta p {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
    font-size: 14px;
    color: #666;
}

.listing-list .listing-card .listing-content .listing-meta p:last-child {
    margin-bottom: 0;
}

.listing-list .listing-card .listing-content .listing-meta p img {
    width: 16px;
    height: 16px;
}

.listing-list .listing-card .listing-content .btn-download {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 26px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s;
    width: fit-content;
}

.listing-list .listing-card .listing-content .btn-download.primary {
    background: #fff;
    color: #666;
    border: 1px solid #ddd;
}

.listing-list .listing-card .listing-content .btn-download.primary:hover {
    background: #cd011d;
    color: #fff;
    border-color: #cd011d;
}

.listing-list .listing-card .listing-content .btn-download.secondary {
    background: #fff;
    color: #666;
    border: 1px solid #ddd;
}

.listing-list .listing-card .listing-content .btn-download.secondary:hover {
    border-color: #cd011d;
    color: #cd011d;
}

/* 分页 */
.pagination {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 40px;
}

.pagination li{
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 50%;
    font-size: 14px;
    color: #666;
    cursor: pointer;
    transition: all 0.3s;
    font-weight: 500;
}

.pagination li.active{
    border-color: #cd011d;
    background:#cd011d;
    color: #fff;
}
.pagination li:hover{
    border-color: #cd011d;
    background:#cd011d;
    color: #fff;
}
.pagination li:hover a{
    color: #fff;
}

.pagination .page-item {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 50%;
    font-size: 14px;
    color: #666;
    cursor: pointer;
    transition: all 0.3s;
    font-weight: 500;
}

.pagination .page-item:hover {
    border-color: #cd011d;
    color: #cd011d;
}

.pagination .page-item.active {
    background: #cd011d;
    color: #fff;
    border-color: #cd011d;
}

.pagination .page-item.prev,
.pagination .page-item.next {
    font-size: 18px;
    font-weight: normal;
}


.layui-box{ display:flex !important; align-items:center;} 
.layui-box a{
    padding: 0  !important;
    width: 40px !important;
    height: 40px !important;
    line-height: 40px !important;
    margin: 0 5px !important;
    text-align: center !important;
    border: 1px solid #ddd !important;
    border-radius: 50% !important;
    font-size: 14px !important;
    color: #666 !important;
    cursor: pointer !important;
    transition: all 0.3s !important;
    font-weight: 500 !important; display:block !important;}
    
.layui-box .layui-laypage-curr{
    border-radius: 50px !important;
    overflow: hidden;
    padding: 0  !important;
    width: 40px !important;
    height: 40px !important;
    line-height: 40px !important;
    margin: 0 5px !important;
    text-align: center !important;
    border: 1px solid #ddd !important;
    border-radius: 50% !important;
    font-size: 14px !important;
    color: #666 !important;
    cursor: pointer !important;
    transition: all 0.3s !important;
    font-weight: 500 !important; display:block !important;
    background: #cd011d !important;
    color: #fff !important;
    border-color: #cd011d;}
.layui-laypage-disabled  {
    padding: 0  !important;
    width: 40px !important;
    height: 40px !important;
    line-height: 40px !important;
    margin: 0 5px !important;
    text-align: center !important;
    border: 1px solid #ddd !important;
    border-radius: 50% !important;
    font-size: 14px !important;
    color: #666 !important;
    cursor: pointer !important;
    transition: all 0.3s !important;
    font-weight: 500 !important; display:block !important;
}  
.layui-laypage-disabled:hover{    background: #cd011d !important;
    color: #fff !important;
    border-color: #cd011d !important;}
.layui-box a.active {
    background: #cd011d !important;
    color: #fff !important;
    border-color: #cd011d !important;
}
    
.layui-box a:hover{
    background: #cd011d !important;
    color: #fff !important;
    border-color: #cd011d !important;
}

.layui-box .layui-laypage-curr em{
    background: #cd011d !important;
    color: #fff !important;    font-style: normal !important;
    }

/* 响应式设计 */
@media (max-width: 1100px) {
    .container { width: 100%; padding: 0 4vw; }
    .footer-section .fr { float: left; width: 100%; }
    .top-bar .nav-right nav {
        display: none;
    }
    
    .top-bar .nav-right {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex: none;
    }
    
    .top-bar .right-items {
        display: flex;
        align-items: center;
        gap: 20px;
    }
    
    .top-bar .mobile-menu-btn {
        display: block;
    }

    .company-section .container {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .company-section .company-stats {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    
    .info-section .info-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    
    .business-section .business-grid {
        grid-template-columns: 1fr;
    }
    
    .contact-section .container {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .footer .footer-content {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    
    .footer .footer-content .footer-section:nth-child(2),
    .footer .footer-content .footer-section:nth-child(3) {
        display: inline-block;
        width: calc(50% - 15px);
        vertical-align: top;
        margin-right: 30px;
    }
    
    .footer .footer-content .footer-section:nth-child(3) {
        margin-right: 0;
    }
    
    .footer .footer-section.borderLine {
        display: none;
    }
    
    .sustainability-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .listing-list .listing-card {
        flex-direction: column;
        gap: 20px;
        padding: 20px;
    }
    
    .listing-list .listing-card .listing-image {
        width: 100%;
    }
    
    .listing-list .listing-card .listing-content {
        padding: 0;
    }
    
    .tab-section .tab-item {
        padding: 15px 20px;
        font-size: 14px;
    }
}

@media(max-width: 1400px){
    .company-section .company-stats { gap: 20px; }
    .info-section .info-left .view-more { font-size: 14px; }
    .info-section .view-more-btn { font-size: 14px; }
    .business-section .business-card .btn-view{ font-size: 14px; }
    .contact-section .contact-btn{ font-size: 14px; }
}
@media (max-width: 768px) {
 
    .top-bar .nav-right {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex: none;
    }
    
    .top-bar .right-items {
        display: flex;
        align-items: center;
        gap: 15px;
    }
    
    .top-bar .btn-back {
        display: none;
    }
    

    .company-section,
    .info-section,
    .business-section,
    .contact-section {
        padding: 40px 0;
    }
    
    .company-section .company-stats {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .company-section .stat-item .stat-number {
        font-size: 28px;
    }
    
    .info-section .info-grid {
        grid-template-columns: 1fr;
    }
    
    .footer .footer-content {
        grid-template-columns: 1fr;
    }
    
    .sustainability-grid {
        grid-template-columns: 1fr;
    }
    
    /* 公告页面响应式 */
    .filter-wrapper {
        flex-direction: column;
        gap: 15px;
        padding: 20px;
    }
    
    .section-label {
        padding-top: 0;
    }
    
    .filter-row {
        flex-direction: column;
        align-items: stretch;
    }
    
    .filter-row select,
    .filter-row input {
        width: 100%;
    }
    
    .date-separator {
        display: none;
    }
    
    .btn-search {
        width: 100%;
        justify-content: center;
    }
    
    .announcement-list .list-item {
        flex-wrap: wrap;
        gap: 10px;
        padding: 15px 20px; margin: 6px 0;
    }
    
    .announcement-list .list-item .list-date,
    .announcement-list .list-item .list-category {
        min-width: auto;
        margin-right: 15px;
    }
    
    .announcement-list .list-item .list-date{ width:30%;margin-right: 0;}
    .announcement-list .list-item .list-category{ width:65%;margin-right: 0;}
    .announcement-list .list-item .list-title{ width:90%;}
    .announcement-list .list-item .list-download{}
    
    .tab-section .container{ display:grid; grid-template-columns:repeat(2,1fr); padding:0;}
    .tab-section .tab-item{ }
    
    .financial-list .list-item{ flex-wrap:wrap;}
    .financial-list .list-item .list-date{ width:100%;}
    
    .business-section .business-card .business-content h3 {
    font-size: 24px;
}
    
    .category-tabs {
        flex-wrap: wrap;
    }
    
    .pagination .page-item {
        width: 36px;
        height: 36px;
        line-height: 36px;
    }
}

/* 信息披露卡片 */
.disclosure-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

/* 业绩报告页面筛选框样式 */
.filter-row-simple {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px;
}

.filter-row-simple .section-title {
    font-size: 30px;
    color: #333;
    font-weight: bold;
}

.filter-row-simple .select-wrapper {
    position: relative;
}

.filter-row-simple .year-select {
    min-width: 200px;
    padding: 12px 40px 12px 20px;
    border: 1px solid #ccc;
    border-radius: 30px;
    font-size: 16px;
    color: #333;
    background: #fff;
    appearance: none;
    cursor: pointer;
    outline: none;
}

.filter-row-simple .year-select:hover {
    border-color: #999;
}

.filter-row-simple .year-select:focus {
    border-color: #cd011d;
}

.filter-row-simple .select-wrapper::after {
    content: '';
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid #cd011d;
    pointer-events: none;
}

.disclosure-card {
    background: #fff;
    padding: 40px;
    text-align: center;
    border: 1px solid #eee;
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.3s;
}

.disclosure-card:hover {
    border-color: #cd011d;
    box-shadow: 0 4px 20px rgba(205, 1, 29, 0.1);
}

.disclosure-card .card-icon {
    font-size: 48px;
    margin-bottom: 20px;
}

.disclosure-card .card-title {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

.disclosure-card .card-desc {
    font-size: 14px;
    color: #666;
}

/* 企业管治页面 */
.governance-section {
    padding: 60px 0;
}

.governance-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

.governance-tabs {
    display: flex;
    gap: 15px;
}

.tab-btn {
    padding: 10px 25px;
    font-size: 14px;
    color: #666;
    background: #f5f5f5;
    border-radius: 20px;
    cursor: pointer;
    transition: all 0.3s;
    border: none;
}

.tab-btn.active {
    background: #cd011d;
    color: #fff;
}

.tab-btn:hover:not(.active) {
    background: #eee;
}

.governance-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.governance-card {
    background: #f7f7f7;
    padding: 30px;
    border-radius: 8px;
    border-bottom: 3px solid #cd011d;
}

.card-header {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e0e0e0;
}
.govA { padding: 5vw 0 6vw; }
.card-title {
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.card-list {
    display: table;
    list-style: none;
    padding: 0;
    margin: 0;
}

.card-list li {
    font-size: 14px;
    color: #666;
    line-height: 2.8;
    display: table-row;
}

.card-list li .member-name {
    color: #333;
    display: table-cell;
        white-space: pre;
        padding-right: 1em;
        font-size: 16px;
        font-weight: bolder;
}

.card-list li .member-position {
    display: table-cell;
    color: #999;
    margin-left: 8px;
    line-height: 1.5em;
}

/* 文档列表 */
.document-list {
    border-radius: 8px;
    overflow: hidden;
}

.document-item {
    background: #fff;
    align-items: center;
    padding: 20px;
    margin: 6px 0; border-radius: 8px;
    gap: 20px;
    transition: background 0.3s;
}
.document-item a { display: flex; }
.document-item:last-child {
    border-bottom: none;
}

.document-item .doc-date {
    color: #cd011d;
    font-size: 14px;
    min-width: 100px;
}

.document-item .doc-title {
    flex: 1;
    font-size: 14px;
    color: #666;
}

.document-item .doc-download {
    width: 15px;
    height: 15px;
    background: url('../images/xiaz1.png') no-repeat center;
    background-size: contain;
    transition: opacity 0.3s;
}
.document-item .doc-link:hover * { color: #cd011d!important; }
.document-item .doc-link:hover .doc-download {
    background: url('../images/xiaz2.png') no-repeat center;
    background-size: contain;
}

/* 投资者日历页面 */
.calendar-list {
    padding-bottom: 30px;
}

.calendar-item {
    display: flex;
    align-items: center;
    padding: 20px;
    background: #fff;
    border-radius: 8px;
    margin-bottom: 15px;
    gap: 30px;
    transition: all 0.3s;
    border-bottom: 2px solid transparent;
    justify-content: space-between;
}

.calendar-item:hover {
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    border-bottom-color: #cd011d;
}

.calendar-item:hover .calendar-date,
.calendar-item:hover .calendar-title {
    color: #cd011d;
}

.calendar-item.active {
    border-left: 3px solid #cd011d;
}

.calendar-item .calendar-date {
    color: #333;
    font-size: 14px;
    min-width: 100px;
    font-weight: bold; 
    border-right:1px solid #efefef;
}

.calendar-item .calendar-title {
    flex: 1;
    font-size: 15px;
    color: #333;
}

/* 投资者关系联络页面 */
.contact-section {
    display: flex;
    overflow: hidden;
    background: #f5f5f5;
}

.contact-info {
    width: 44%;
    padding: 3vw;
    background: url(../images/contactbg.jpg) no-repeat right bottom/cover #fff;
    position: relative;
}


.contact-info h3 {
    font-size: 24px;
    color: #333;
    margin-bottom: 40px;
    font-weight: 600;
}

.contact-item {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 35px;
}

.contact-item .icon {
    flex-shrink: 0;
}

.contact-item .icon img {
    width: 64px;
    height: 64px;
    object-fit: contain;
}

.contact-item .text {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.contact-item .contact-icon {
    font-size: 14px;
    color: #999;
}

.contact-item span:last-child {
    line-height: 1.6;
    color: #333;
    font-size: 16px;
    max-width: 300px;
}

.contact-image {
    width: 56%;
    overflow: hidden;
}

.contact-image img {
    width: 100%;
}
@media(max-width: 1400px){
    .contact-item { margin-bottom: 20px;}
    .contact-info { padding: 2vw 2vw 0; }
}
/* 响应式设计 */
@media (max-width: 1100px) {
    .disclosure-cards {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .team-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .governance-grid {
        grid-template-columns: 1fr;
    }
    
    .contact-section {
        grid-template-columns: 1fr;
    }

    .contact-info { width: 100%; padding: 25px 15px 30px; }
    .contact-section { display: block; overflow: hidden; }
    .contact-image {
        width: 100%;
    }
}

/* 可持续发展页面样式 */
.sustainability-header {
    background: #fff;
    padding: 30px 0;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    margin-top: -40px;
    position: relative;
    z-index: 10;
}

.sustainability-header .container {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.sustainability-title {
    font-size: 24px;
    font-weight: 600;
    color: #333;
    margin: 0;
}

.sustainability-filter {
    width: 100%;
}

.sustainability-filter .filter-row {
    display: flex;
    align-items: center;
    gap: 30px;
}

.sustainability-filter .year-select {
    padding: 10px 40px 10px 15px;
    border: 1px solid #e0e0e0;
    border-radius: 20px;
    font-size: 14px;
    color: #666;
    background: #fff url('../images/jtxia.png') no-repeat right 12px center;
    background-size: 12px;
    appearance: none;
    cursor: pointer;
    min-width: 150px;
}

.sustainability-filter .year-select:hover {
    border-color: #ccc;
}

.sustainability-filter .date-range {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #f7f7f7;
    padding: 8px 15px;
    border-radius: 20px;
}

.sustainability-filter .date-input {
    border: none;
    background: transparent;
    font-size: 14px;
    color: #666;
    padding: 5px 0;
    min-width: 100px;
}

.sustainability-filter .date-input::placeholder {
    color: #999;
}

.sustainability-filter .date-separator {
    color: #999;
    font-size: 14px;
}

.sustainability-filter .calendar-icon {
    font-size: 16px;
    margin-left: 5px;
    cursor: pointer;
}

.sustainability-filter .keyword-search {
    display: flex;
    align-items: center;
    flex: 1;
    max-width: 400px;
}

.sustainability-filter .search-input {
    flex: 1;
    padding: 10px 15px;
    border: 1px solid #e0e0e0;
    border-radius: 20px 0 0 20px;
    font-size: 14px;
    color: #333;
    border-right: none;
}

.sustainability-filter .search-input::placeholder {
    color: #999;
}

.sustainability-filter .search-btn {
    padding: 10px 25px;
    background: #cd011d;
    color: #fff;
    border: none;
    border-radius: 0 20px 20px 0;
    font-size: 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
    transition: background 0.3s;
}

.sustainability-filter .search-btn:hover {
    background: #a80018;
}

.sustainability-filter .search-btn::before {
    content: '🔍';
    font-size: 14px;
}

.sustainability-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    padding: 40px 0;
}

.sustainability-grid .grid-item {
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    border-bottom: 2px solid transparent;
    transition: all 0.3s;
    cursor: pointer;
}

.sustainability-grid .grid-item:hover {
    border-bottom-color: #cd011d;
}

.sustainability-grid .grid-item.active {
    border-bottom-color: #cd011d;
}

.sustainability-grid .grid-item .item-image {
    position: relative;
    overflow: hidden;
}

.sustainability-grid .grid-item .item-image img {
    width: 100%;
    object-fit: cover;
}

.sustainability-grid .grid-item .year-badge {
    position: absolute;
    top: 15px;
    left: 15px;
    color: #cd011d;
}

.sustainability-grid .grid-item .year-badge span:first-child {
    display: block;
    font-size: 32px;
    font-weight: bold;
    line-height: 1;
}

.sustainability-grid .grid-item .year-badge span:last-child {
    font-size: 14px;
    font-weight: 500;
}

.sustainability-grid .grid-item .item-footer {
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sustainability-grid .grid-item .item-footer .item-title {
    font-size: 14px;
    color: #666;
}

.sustainability-grid .grid-item:hover .item-footer .item-title {
    color: #cd011d;
}

.sustainability-grid .grid-item .item-footer .item-download {
    width: 16px;
    height: 16px;
    background: url('../images/dow1.png') no-repeat center;
    background-size: contain;
    opacity: 0.5;
    transition: all 0.3s;
}

.sustainability-grid .grid-item:hover .item-footer .item-download {
    opacity: 1;
    background: url('../images/dow2.png') no-repeat center;
    background-size: contain;
}

@media (max-width: 1100px) {
    .sustainability-filter .filter-row {
        flex-wrap: wrap;
        gap: 15px;
    }

    .sustainability-filter .keyword-search {
        width: 100%;
        max-width: none;
    }

    .sustainability-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .sustainability-header {
        padding: 20px 0;
    }

    .sustainability-filter {
        padding: 0 10px;
    }

    .sustainability-filter .date-range {
        width: 100%;
        justify-content: space-between;
    }

    .sustainability-filter .date-input {
        min-width: auto;
    }

    .sustainability-grid {
        grid-template-columns: 1fr;
    }
}

/* 投资者日历页面样式 */
.calendarA { padding: 5vw 0 6vw; }
.calendar-header {
    position: relative;
    z-index: 10;
}

.calendar-header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.calendar-title {
    font-size: 24px;
    font-weight: 600;
    color: #333;
    margin: 0;
}

.calendar-tabs {
    display: flex;
    gap: 20px;
}

.calendar-tab {
    padding: 12px 40px;
    border-radius: 30px;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s;
    background: #fff;
    color: #999;
    border: 1px solid #ddd;
}

.calendar-tab.active {
    background: #cd011d;
    color: #fff;
    border: 1px solid #cd011d;
}

.calendar-tab:hover:not(.active) {
    border-color: #bbb;
    color: #666;
}

.calendar-filter {
    background: #fff;
    padding: 25px 30px;
    margin-bottom: 30px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.03);
}

.calendar-filter .filter-row {
    display: flex;
    align-items: center;
    gap: 30px;
}

.calendar-filter .year-select {
    padding: 10px 40px 10px 15px;
    border: 1px solid #e0e0e0;
    border-radius: 20px;
    font-size: 14px;
    color: #666;
    background: #fff url('../images/jtxia.png') no-repeat right 12px center;
    background-size: 12px;
    appearance: none;
    cursor: pointer;
    min-width: 150px;
}

.calendar-filter .year-select:hover {
    border-color: #ccc;
}

.calendar-filter .date-range {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #f7f7f7;
    padding: 8px 15px;
    border-radius: 20px;
}

.calendar-filter .date-input {
    border: none;
    background: transparent;
    font-size: 14px;
    color: #666;
    padding: 5px 0;
    min-width: 100px;
}

.calendar-filter .date-input::placeholder {
    color: #999;
}

.calendar-filter .date-separator {
    color: #999;
    font-size: 14px;
}

.calendar-filter .calendar-icon {
    font-size: 16px;
    margin-left: 5px;
    cursor: pointer;
}

.calendar-filter .keyword-search {
    display: flex;
    align-items: center;
    flex: 1;
    max-width: 400px;
}

.calendar-filter .search-input {
    flex: 1;
    padding: 10px 15px;
    border: 1px solid #e0e0e0;
    border-radius: 20px 0 0 20px;
    font-size: 14px;
    color: #333;
    border-right: none;
}

.calendar-filter .search-input::placeholder {
    color: #999;
}

.calendar-filter .search-btn {
    padding: 10px 25px;
    background: #cd011d;
    color: #fff;
    border: none;
    border-radius: 0 20px 20px 0;
    font-size: 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
    transition: background 0.3s;
}

.calendar-filter .search-btn:hover {
    background: #a80018;
}

.calendar-filter .search-btn::before {
    content: '🔍';
    font-size: 14px;
}

@media (max-width: 1100px) {
    .calendar-header .container {
        flex-direction: column;
        gap: 20px;
        align-items: flex-start;
    }

    .calendar-filter .filter-row {
        flex-wrap: wrap;
        gap: 15px;
    }

    .calendar-filter .keyword-search {
        width: 100%;
        max-width: none;
    }
}

@media (max-width: 768px) {
    .calendar-header {
        padding: 20px 0;
    }

    .calendar-filter {
        padding: 20px;
    }

    .calendar-filter .date-range {
        width: 100%;
        justify-content: space-between;
    }

    .calendar-filter .date-input {
        min-width: auto;
    }

    .disclosure-cards {
        grid-template-columns: 1fr;
    }
    
    .team-grid {
        grid-template-columns: 1fr;
    }
    
    .calendar-item {
        flex-wrap: wrap;
        gap: 10px;
    }
    
    .calendar-item .calendar-date {
        min-width: auto;
    }
}

.sustainabilityB { padding: 4vw 0 6vw; }


.pages .layui-laydate .layui-this {
    background-color: #cd011d  !important;
    color: #fff !important;
}
.pages .layui-laydate-header i:hover,.pages  .layui-laydate-header span:hover {
    color: #cd011d;
}

.pages .layui-laydate-footer span:hover {
    color: #cd011d
}