@charset "utf-8";

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

html {
    width: 100%;
    overflow-x: hidden;
}

body {
    font: var(--fz16) "Microsoft Yahei", "Arial", sans-serif;
    color: #333;
    line-height: 1.5;
    letter-spacing: 0.05vw;
    -webkit-text-size-adjust: none;
    background: #ffffff;
}

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

dl,
dt,
dd {
    display: block;
}

a {
    text-decoration: none;
    transition: 0.5s;
    outline: none;
    color: #333;
}

input {
    height: 100%;
}

input,
textarea {
    outline: none;
    border: 0;
    background: none;
    font: var(--fz16) "Microsoft Yahei", "Arial", sans-serif;
    width: 100%;
}

input[type="button"],
input[type="submit"],
input[type="text"] {
    -webkit-appearance: none;
    outline: none;
}

button {
    border: 0;
    background: none;
    height: 100%;
    cursor: pointer;
    font-size: 0.94vw;
}

video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*文本框placeholder=""文字颜色*/
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #666;
    opacity: 1
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #666;
    opacity: 1
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #666;
    opacity: 1
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #666;
    opacity: 1
}

/* 清除浮动 */
.cf:before {
    content: '';
    display: table
}

.cf:after {
    content: '';
    display: table;
    clear: both
}

.cf {
    *zoom: 1
}

/* 字体 */
@font-face {
    font-family: 'BaiJamjuree';
    src: url('/lydlww/xhtml/fonts/BaiJamjuree-Regular.ttf');
    font-display: swap;
}

:root {
    --color: #D88820;
    --hover: #F6AB00;
    --fz12: 0.625vw;
    --fz14: 0.7292vw;
    --fz16: 0.8333vw;
    --fz18: 0.9375vw;
    --fz20: 1.0417vw;
    --fz24: 1.25vw;
    --fz26: 1.3542vw;
    --fz30: 1.5625vw;
    --fz46: 2.3958vw;
    --fz63: 3.3333vw;
    --h80: 4.16665vw;
    --h160: 8.3333vw;

    --white02: rgba(255, 255, 255, 0.1);
    --radius: 1.0417vw;
}

/* 公用类 */
.wrap {
    width: 83.3333vw;
    margin: 0 auto;
}

/* 1600 */
.line {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.line1 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.line2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.o {
    border-radius: var(--radius);
    overflow: hidden;
}

.c_more {
    width: 9.375vw;
    height: 2.3958vw;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 2.3958vw;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: var(--fz14);
}

.c_more::after {
    content: '\eb93';
    font-family: "iconfont";
    font-size: 1.3542vw;
    padding-left: 0.5208vw;
    font-weight: normal;
}

.c_more:hover {
    background: var(--color);
    color: #fff;
    border-color: var(--color);
}

.c_more.fill {
    background: var(--color);
    color: #fff;
    border-color: var(--color);
}

.c_more.fill:hover {
    background: var(--hover);
    border-color: var(--hover);
}

.c_more.black {
    border-color: #333;
    color: #333;
}

.c_more.black:hover {
    color: #fff;
    border-color: var(--color);
}

.c_more.h:hover {
    background-color: var(--hover);
    color: var(--hover);
    color: #fff;
}

.c_h46 {
    font-size: var(--fz46);
    font-weight: bold;
    line-height: 1;
}

.c_h24 {
    font-size: var(--fz24);
    font-weight: bold;
}

.c_tmt {
    font-family: "Arial";
    display: flex;
    align-items: center;
    color: #999;
}

.c_tmt::before {
    content: '';
    width: 0.3125vw;
    height: 0.3125vw;
    background: var(--color);
    margin-right: 0.4167vw;
    margin-bottom: 0.1042vw;
    flex-shrink: 0;
}

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

.c_tit::before {
    content: '';
    width: 0.4167vw;
    height: 0.4167vw;
    margin-right: 0.5208vw;
    background: var(--color);
}


/* 视频背景 */
.back_video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.back_video::before,
.back_video::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    z-index: 1;
}

.back_video .video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.back_video .pcimg,
.back_video .phoneimg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.video_dialog {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    background: rgba(0, 0, 0, 0.6);
    display: none;
}

.video_dialog .box {
    background: #ddd;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 65%;
    height: 70%;
}

.video_dialog .close {
    position: absolute;
    right: 0;
    top: 0;
    margin: -1.56vw;
    cursor: pointer;
    color: #fff;
    font-size: 1.56vw;
    line-height: 1;
}


/* 公用头部、尾部*/
.header {
    display: flex;
    width: 100%;
    height: 4.1667vw;
    padding: 0 5.2083vw;
    border-bottom: 1px solid var(--white02);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    transition: 1s;
    transform: translateY(-100%);
}

.header::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.10);
    backdrop-filter: blur(5px);
    z-index: -1;
    transition: 1s;
}

.header .logo {
    padding: 0 2.0833vw;
    border-left: 1px solid var(--white02);
    border-right: 1px solid var(--white02);
    display: flex;
    align-items: center;
}

.header .logo a {
    position: relative;
    display: inline-block;
}

.header .logo img {
    width: 10.833vw;
    transition: 0.5s;
}

.header .nav {
    display: flex;
    padding-left: 3.125vw;
    margin-right: auto;
    font-size: var(--fz14);
}

.header .nav dl {
    position: relative;
}

.header .nav dl+dl {
    margin-left: 2.6042vw;
}

.header .nav dt {
    height: 100%;
}

.header .nav dt a {
    color: #fff;
    display: flex;
    height: 100%;
    align-items: center;
}

.header .nav dt i {
    font-size: var(--fz12);
    padding-left: 0.2604vw;
}

.header .nav dd {
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    transition: 0.5s;
    opacity: 0;
    pointer-events: none;
}

.header .nav span {
    display: block;
    background: rgba(255, 255, 255, 0.80);
    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.10);
    backdrop-filter: blur(15px);
    width: 9.7396vw;
}

.header .nav span a {
    display: block;
    text-align: center;
    padding: 1.0417vw 0;
    border-bottom: 1px solid #D9D4D4;
}

.header .nav span a:hover {
    border-bottom: 1px solid var(--color);
    background: rgba(193, 25, 32, 0.15);
    color: var(--color);
}

.header .nav dt a.active,
.header .nav dl:hover dt a {
    color: var(--color);
}

.header .nav dl:hover dd {
    opacity: 1;
    pointer-events: initial;
}

.header .lang dl {
    height: 100%;
    border-left: 1px solid var(--white02);
    border-right: 1px solid var(--white02);
    position: relative;
}

.header .lang dt {
    display: flex;
    height: 100%;
    padding: 0 2.0833vw;
    align-items: center;
    cursor: pointer;
}

.header .lang dt i {
    color: #fff;
    font-size: 1.0417vw;
    transition: 0.5s;
}

.header .lang dd {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0.80);
    opacity: 0;
    pointer-events: none;
    transition: 0.5s;
    border: 1px solid rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(15px);
}

.header .lang dd a {
    display: block;
    padding: 0.5208vw 0;
    text-align: center;
}

.header .lang dd a:hover {
    color: var(--color);
}

.header .lang dl:hover dt i {
    color: var(--color);
}

.header .lang dl:hover dd {
    opacity: 1;
    pointer-events: initial;
}

.header .contact {
    border-right: 1px solid var(--white02);
    height: 100%;
}

.header .contact a {
    color: #fff;
    font-size: var(--fz14);
    padding: 0 2.0833vw;
    height: 100%;
    display: flex;
    align-items: center;
}

.header .contact i {
    padding-left: 0.5208vw;
}

.header .contact a:hover {
    color: var(--color);
}

.header.white {
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

.header.white::after {
    background: rgba(255, 255, 255, 0.80);
    backdrop-filter: blur(10px);
}

.header.white .logo {
    border-color: rgba(0, 0, 0, 0.10);
}

.header.white .nav dt a {
    color: #000;
}

.header.white .nav dt a.active {
    color: var(--color);
}

.header.white .lang dl {
    border-color: rgba(0, 0, 0, 0.10);
}

.header.white .contact {
    border-color: rgba(0, 0, 0, 0.10);
}

.header.white .lang dt i {
    color: #000;
}

.header.white .contact a {
    color: #000;
}

.header.white .contact a:hover {
    color: var(--color);
}

.header.show {
    transform: translateY(0);
}

.header.up {
    transform: translateY(-100%);
}


.footer {
    background: #F7F2EE;
    position: relative;
    z-index: 1;
}

.footer .col_2 {
    display: flex;
    padding: 3.125vw 0;
}

.footer .col_2 .logo img {
    width: 15.1vw;
}

.footer .col_2 .nav {
    margin-left: auto;
    display: flex;
    align-items: center;
}

.footer .col_2 dl+dl {
    padding-left: 4.6875vw;
}

.footer .col_2 dt a {
    font-weight: bold;
    font-size: var(--fz18);
}

.footer .col_2 dd {
    display: none;
}

.footer .col_2 dd a {
    display: block;
    font-size: var(--fz16);
    color: #666;
    margin-top: 1.1458vw;
}

.footer .col_2 dl a:hover {
    color: var(--color);
}

.footer .col_3 {
    padding-bottom: 2.6042vw;
    display: flex;
    margin: 0 -0.2604vw;
}

.footer .col_3 .item {
    width: 25%;
    padding: 0 0.2604vw;
}

.footer .col_3 dl {
    position: relative;
    cursor: pointer;
}

.footer .col_3 dt {
    border: 1px solid #D5D7DB;
    height: 2.7083vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1.3021vw;
    color: #666;
}

.footer .col_3 dt span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.footer .col_3 dt::after {
    content: '\eb6c';
    flex-shrink: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "iconfont";
    font-size: 0.63vw;
    font-weight: bold;
    color: #333;
}

.footer .col_3 dd {
    position: absolute;
    left: 0;
    bottom: 100%;
    z-index: 1;
    background: #fff;
    border: 1px solid #F1F4F6;
    width: 100%;
    max-height: 11.46vw;
    overflow: auto;
    display: none;
}

.footer .col_3 dd a {
    display: block;
    padding: 0.52vw;
}

.footer .col_3 dd a+a {
    border-top: 1px solid #F1F4F6;
}

.footer .col_3 dd a:hover {
    color: var(--color);
}

.footer .col_4 {
    display: flex;
    justify-content: space-between;
    padding-bottom: 1.5625vw;
    font-size: var(--fz14);
    color: #666;
    opacity: 0.6;
}

.footer .col_4 a {
    color: 666;
}

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



/* 博鱼官方网页版_博鱼(中国) */
.home_main>div {
    background: #fff;
    position: relative;
}


.home_part1 {
    height: 100vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    z-index: 2;
}

.home_part1 .back_video::before {
    background: url(/lydlww/xhtml/images/home/back_1.png) center no-repeat;
    background-size: cover;
}

.home_part1 .title {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 2vw;
    text-align: center;
    position: relative;
    z-index: 10;
    color: #FFF;
    text-shadow: 0 0.2vw 0.2vw rgba(0, 0, 0, 0.20);
    font-family: "Source Han Sans CN";
    font-size: 3.333vw;
    font-weight: 700;
    letter-spacing: 0.4vw;
}

.home_part1 .con_box {
    background: rgba(0, 0, 0, 0.10);
    backdrop-filter: blur(10px);
    position: relative;
    z-index: 10;
    display: flex;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.home_part1 .con_box .li {
    flex: 1;
    height: 12vw;
    padding: 1vw 1vw 1.5vw 1vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    font-size: var(--fz16);
    width: 100%;
    text-align: left;
}

.home_part1 .con_box .li:last-child {
    border-right: none;
}

.home_part1 .con_box .li .num {
    display: flex;
    justify-content: flex-end;
}

.home_part1 .con_box .li .num b {
    font-size: 2.86vw;
    margin-right: 0.5vw;
    line-height: 1;
    font-family: 'BaiJamjuree';
}


.home_part2 {
    background: #F7F2EE !important;
}

.home_part2 .con_box {
    display: flex;
    padding: 10.4167vw 0;
}

.home_part2 .con_box .img {
    width: 50%;
}

.home_part2 .con_box .img img {
    width: 100%;
}

.home_part2 .con_box .con_r {
    width: 50%;
    padding-left: 4.68vw;
}

.home_part2 .con_box .con_r .c_h46 {
    color: var(--color);
    line-height: 1.3;
    padding-top: 1vw;
}

.home_part2 .con_box .con_r .txt {
    font-family: var(--fz16);
    color: #666;
    line-height: 1.8;
    padding-top: 1.5vw;
}

.home_part2 .con_box .con_r .tat {
    padding-top: 4.16vw;
}


.home_part3 {
    padding: 10.4167vw 0;
    z-index: 2;
}

.home_part3 .c_h46 {
    text-align: center;
    padding-bottom: 2.6vw;
}

.home_part3 .c_h46 a:hover {
    color: var(--color);
}

.home_part3 .tab_box {
    margin-bottom: 2.3438vw;
    border-bottom: 1px solid #D5D7DB;
}

.home_part3 .tab {
    display: flex;
}

.home_part3 .tab a {
    flex: 1;
    text-align: center;
    padding: 0.5208vw 0 1.0417vw 0;
    font-size: var(--fz20);
    color: #999;
    position: relative;
}

.home_part3 .tab a::after {
    content: '';
    position: absolute;
    left: 0%;
    bottom: -1px;
    width: 100%;
    height: 0.1563vw;
    background: var(--color);
    transition: 0.5s;
    opacity: 0;
}

.home_part3 .tab a.selected {
    color: var(--color);
}

.home_part3 .tab a.selected::after {
    opacity: 1;
}

.home_part3 .cont {
    display: flex;
    position: relative;
}

.home_part3 .cont .tat {
    display: none;
}

.home_part3 .tmt::before {
    content: '';
    width: 0.3125vw;
    height: 0.3125vw;
    background: var(--color);
    margin-right: 0.4167vw;
    flex-shrink: 0;
}

.home_part3 .list {
    width: 37.5vw;
    flex-shrink: 0;
}

.home_part3 .list .item+.item {
    padding-top: 1.4583vw;
}

.home_part3 .list dl {
    display: flex;
    align-items: center;
}

.home_part3 .list dt {
    width: 16.6667vw;
    border-radius: var(--radius);
    flex-shrink: 0;
    overflow: hidden;
}

.home_part3 .list dt img {
    width: 100%;
}

.home_part3 .list dd {
    padding-left: 1.5625vw;
    flex: 1;
    overflow: hidden;
}

.home_part3 .list .txt {
    padding: 0.5208vw 0;
    font-size: var(--fz20);
    transition: 0.5s;
}

.home_part3 .list .tet {
    color: #999;
}

.home_part3 .list a:hover .txt {
    color: var(--color);
}

.home_part3 .hot {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 41.4583vw;
}

.home_part3 .hot dl {
    position: relative;
    border-radius: var(--radius);
    overflow: hidden;
}

.home_part3 .hot dt {
    position: relative;
}

.home_part3 .hot dt img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home_part3 .hot dt span {
    position: absolute;
    left: 2.0833vw;
    top: 1.5625vw;
    background: var(--color);
    color: #fff;
    border-radius: 0.2083vw;
    padding: 0.1563vw 1.0417vw;
}

.home_part3 .hot dt::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 16.6667vw;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 16.51%, rgba(0, 0, 0, 0.32) 45.73%, rgba(0, 0, 0, 0.61) 100%);
}

.home_part3 .hot dd {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    padding: 2.0833vw 3.125vw;
    width: 100%;
}

.home_part3 .hot .c_tmt {
    color: #fff;
    font-family: 'BaiJamjuree';
    font-size: var(--fz16);
    line-height: 1.2;
}

.home_part3 .hot .c_h24 {
    font-weight: lighter;
    color: #fff;
    transition: 0.5s;
    margin-top: 0.52vw;
}

.home_part3 .hot a:hover .c_h24 {
    color: var(--hover);
}

.home_part3 .hot .swiper {
    border-radius: var(--radius);
}

.home_part3 .hot .swiper,
.home_part3 .hot .swiper-wrapper,
.home_part3 .hot .swiper-slide .home_part3 .hot a,
.home_part3 .hot dl,
.home_part3 .hot dt {
    height: 100%;
}

.home_part3 .hot .button {
    width: 2.0833vw;
    height: 2.0833vw;
    position: absolute;
    top: 50%;
    border-radius: 50%;
    background: rgba(216, 136, 32, 0.80);
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    cursor: pointer;
    transition: 0.5s;
}

.home_part3 .hot .button i {
    font-size: var(--fz18);
}

.home_part3 .hot .prev {
    left: 1.0417vw;
}

.home_part3 .hot .next {
    right: 1.0417vw;
}

.home_part3 .hot .button:hover {
    background: var(--color);
}

.home_part3 .list1 {
    display: flex;
    flex-wrap: wrap;
    margin: -2.0833vw -2.0833vw 0;
}

.home_part3 .list1 .item {
    width: 50%;
    padding: 2.0833vw 2.0833vw 0;
}

.home_part3 .list1 dl {
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(217, 217, 217, 0.5);
    padding-bottom: 2.0833vw;
    height: 6.6667vw;
}

.home_part3 .list1 dt {
    flex-shrink: 0;
    padding-right: 1.5625vw;
    border-right: 1px solid #D5D7DB;
    text-align: center;
}

.home_part3 .list1 dt .logo {
    height: 1.8229vw;
    margin-bottom: 0.5208vw;
}

.home_part3 .list1 dt .logo img {
    max-height: 100%;
}

.home_part3 .list1 dt .tpt {
    font-size: var(--fz20);
    color: var(--color);
    width: 5.4688vw;
    padding-bottom: 0.2604vw;
}

.home_part3 .list1 dt .tit {
    font-family: 'Arial';
    color: #999;
}

.home_part3 .list1 dt .tdt {
    font-family: 'Arial';
    color: var(--color);
    font-size: 1.4583vw;
}

.home_part3 .list1 dd {
    padding-left: 1.5625vw;
    flex: 1;
    overflow: hidden;
}

.home_part3 .list1 .txt {
    font-size: var(--fz20);
    transition: 0.5s;
}

.home_part3 .list1 .tet {
    color: #999;
    padding-top: 0.5208vw;
}

.home_part3 .list1 a:hover .txt {
    color: var(--color);
}

.home_part3 .list1_box {
    width: 37.5vw;
    flex-shrink: 0;
}

.home_part3 .list1_box .item {
    width: 100%;
}

.home_part3 .list2 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2.604vw;
    width: 100%;
}

.home_part3 .list2 .item {
    border-radius: var(--radius);
    overflow: hidden;
}

.home_part3 .list2 .item a {
    display: block;
    position: relative;
    width: 100%;
}

.home_part3 .list2 .item img {
    width: 100%;
    height: 14.583vw;
    object-fit: cover;
    border-radius: var(--radius);
}

.home_part3 .list2 .item .txt {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 1.0416vw 2.0833vw;
    width: 100%;
    z-index: 10;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.70) 100%);
}

.home_part3 .list2 .item .c_tmt {
    color: #fff;
    font-family: 'BaiJamjuree';
    font-size: var(--fz16);
    line-height: 1.2;
}

.home_part3 .list2 .item .tpt {
    font-size: var(--fz20);
    font-weight: lighter;
    color: #fff;
    transition: 0.5s;
    margin-top: 0.52vw;
}

.home_part3 .list2 .item a:hover .tpt {
    color: var(--color);
}


.home_part4 {
    padding: 10.4167vw 0;
    z-index: 1;
    background: radial-gradient(324.65% 135.64% at 56.43% 50%, #FFFCFA 0%, #E6DDD6 36.11%, #C9BBB0 100%) !important;
    overflow: hidden;
}

.home_part4 .c_h46 {
    text-align: center;
    padding-bottom: 2.6vw;
}

.home_part4 .swiper_box {
    height: 33.854vw;
    position: relative;
}

.home_part4 .swiper_box .button {
    width: 3.5416vw;
    height: 3.5416vw;
    position: absolute;
    top: 50%;
    border-radius: 50%;
    border: 1px solid rgba(153, 153, 153, 0.30);
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    cursor: pointer;
    transition: 0.5s;
}

.home_part4 .swiper_box .button i {
    font-size: var(--fz18);
    color: #999;
}

.home_part4 .swiper_box .prev {
    left: -4vw;
}

.home_part4 .swiper_box .next {
    right: -4vw;
}

.home_part4 .swiper_box .button:hover {
    border-color: var(--color);
}

.home_part4 .swiper_box .button:hover i {
    color: var(--color);
}

.home_part4 .swiper {
    height: 100%;
}

.home_part4 .swiper-slide {
    display: flex;
    height: 100%;
}

.home_part4 .swiper-slide .box {
    width: 27.552vw;
    margin: 0 4.6875vw;
    padding-top: 6.25vw;
}

.home_part4 .swiper-slide .txt {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding-bottom: var(--fz20);
    margin-bottom: var(--fz20);
    line-height: var(--fz30);
}

.home_part4 .swiper-slide .txt .p1 {
    font-family: 'BaiJamjuree';
    font-size: var(--fz20);
    padding-right: 0.52vw;
}

.home_part4 .swiper-slide .txt .p2 {
    font-weight: bold;
    font-size: var(--fz24);
}

.home_part4 .swiper-slide .tet {
    font-size: var(--fz16);
    color: #999;
    padding-bottom: 2.604vw;
}

.home_part4 .swiper-slide .img {
    flex: 1;
    position: relative;
}

.home_part4 .swiper-slide .img img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.home_part4 .swiper-pagination {
    display: none;
}

.home_part4 .tab_box {
    display: flex;
    justify-content: center;
}

.home_part4 .swiper_tab {
    display: flex;
    z-index: 2;
    margin-top: 2.3438vw;
    border-bottom: 1px solid #D5D7DB;
}

.home_part4 .swiper_tab>div {
    padding: 0 2.8645vw;
    position: relative;
}

.home_part4 .swiper_tab>div::after {
    content: '';
    position: absolute;
    left: 0%;
    bottom: -1px;
    width: 100%;
    height: 0.1563vw;
    background: var(--color);
    transition: 0.5s;
    opacity: 0;
}

.home_part4 .swiper_tab span {
    display: block;
    line-height: 3.125vw;
    font-size: var(--fz20);
    color: #999;
    cursor: pointer;
}

.home_part4 .swiper_tab>div.on::after {
    opacity: 1;
}

.home_part4 .swiper_tab>div.on span {
    color: var(--color);
}


.home_part5 {
    z-index: 1;
    padding: 10.4167vw 0;
    overflow: hidden;
}

.home_part5 .c_h46 {
    text-align: center;
    padding-bottom: 2.6vw;
}

.home_part5 .wrap {
    position: relative;
    z-index: 10;
}

.home_part5 .con_box {
    display: flex;
    justify-content: space-between;
}

.home_part5 .con_l .tit {
    font-size: var(--fz24);
    font-weight: bold;
    color: #666;
    padding-bottom: 1.5625vw;
}

.home_part5 .con_l .tab a {
    padding: 0 2.3958vw;
    line-height: 2.916vw;
    font-size: var(--fz20);
    display: block;
    background: #fff;
    color: #666;
    border-radius: 0.416vw;
    margin-bottom: 0.52vw;
}

.home_part5 .con_l .tab a:hover,
.home_part5 .con_l .tab a.selected {
    background: var(--color);
    color: #fff;
}

.home_part5 .con_r .cont {
    display: flex;
}

.home_part5 .con_r .li_l {
    border-right: 1px solid #C7C7C7;
    padding-right: 2.604vw;
}

.home_part5 .con_r .li_l .num {
    display: flex;
    font-family: 'BaiJamjuree';
}

.home_part5 .con_r .li_l .num>span {
    font-size: 5.7291vw;
    line-height: 5.729vw;
}

.home_part5 .con_r .li_l .num .iconfont {
    transform: rotate(-90deg);
    font-size: 4.2vw;
    width: 5vw;
    display: flex;
    justify-content: center;
}

.home_part5 .con_r .li_l .num.color_down .iconfont {
    transform: rotate(90deg);
}

.home_part5 .con_r .li_l .num .num_r {
    display: flex;
    font-size: var(--fz18);
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 0.3vw;
    text-align: right;
}

.home_part5 .con_r .li_l .time {
    font-size: var(--fz16);
    padding-bottom: 0.52vw;
    font-family: 'BaiJamjuree';
    text-align: right;
    color: #999;
}

.home_part5 .con_r .li_l .stop {
    font-size: var(--fz18);
    padding: 0.7812vh 1.458vw;
    border-top: 1px solid #C7C7C7;
    border-bottom: 1px solid #C7C7C7;
    display: flex;
}

.home_part5 .con_r .li_l .stop>div {
    flex: 1;
    text-align: center;
    color: #999;
}

.home_part5 .con_r .li_l .stop>div span {
    color: #666;
    font-family: 'BaiJamjuree';
}

.home_part5 .con_r .li_r {
    padding-left: 2.604vw;
}

.home_part5 .con_r .li_r>div {
    line-height: 2.604vw;
    font-size: var(--fz18);
    color: #999;
    font-family: 'BaiJamjuree';
}

.home_part5 .con_r .li_r>div span {
    color: #666;
}

.home_part5 .con_r .color_up {
    color: #C11920 !important;
}

.home_part5 .con_r .color_down {
    color: #42AB9D !important;
}

.home_part5 .list {
    display: flex;
    padding-top: 3.6458vw;
    gap: 1.5625vw;
}

.home_part5 .list .li {
    flex: 1;
}

.home_part5 .list .li a {
    display: block;
    height: 18.75vw;
    border-radius: var(--radius);
    background: rgba(172, 180, 224, 0.27);
    backdrop-filter: blur(25px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.5625vw;
    color: #fff;
}

.home_part5 .list .li a:hover {
    transform: scale(1.05);
}

.home_part5 .list .li .tit {
    font-size: var(--fz24);
}

.home_part5 .list .li .img {
    width: 3.854vw;
}

.home_part5 .list .li .img img {
    width: 100%;
}


.home_part6 {
    background: #F7F2EE !important;
    padding: 10.4167vw 0;
}

.home_part6 .c_h46 {
    text-align: center;
    padding-bottom: 2.6vw;
}

.home_part6 .con_box {
    display: flex;
    padding: 0 2.08vw;
    justify-content: space-between;
    align-items: center;
}

.home_part6 .con_box .con_l {
    width: 38%;
}

.home_part6 .con_box .con_l .txt {
    font-size: var(--fz20);
    color: #666;
    padding-bottom: 4.166vw;
}

.home_part6 .con_box .con_l .tat .c_more {
    width: auto;
    padding: 0 2.4vw;
}

.home_part6 .con_box .img {
    width: 51%;
    display: flex;
    mix-blend-mode: multiply;
}

.home_part6 .con_box .img img {
    width: 100%;
}

.home_part6 .list {
    display: grid;
    gap: 1.5625vw;
    grid-template-columns: repeat(6, 1fr);
}

.home_part6 .list .li {
    grid-column: span 2;
}

.home_part6 .list .li:nth-child(1),
.home_part6 .list .li:nth-child(2) {
    grid-column: span 3;
}

.home_part6 .list .li a {
    display: block;
    border-radius: var(--radius);
    background: #fff;
    color: #666;
    padding: 2.083vw;
}

.home_part6 .list .li a:hover {
    transform: scale(1.05);
}

.home_part6 .list .li .tit {
    padding-bottom: 0.52vw;
    display: flex;
    font-size: var(--fz24);
    font-weight: bold;
}

.home_part6 .list .li .tit img {
    width: 2.083vw;
    margin-right: 0.8vw;
}

.home_part6 .list .li .txt {
    font-size: var(--fz16);
    padding-bottom: 1.5625vw;
}


.home_part7 {
    padding: 10.4167vw 0;
    z-index: 1;
}

.home_part7 .box {
    height: 33.8542vw;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: var(--radius);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 5.2083vw;
    color: #fff;
    overflow: hidden;
}

.home_part7 .box .tet {
    width: 30.9896vw;
    padding: 1.0417vw 0 5.2083vw 0;
}

.home_part7 .back_video {
    pointer-events: none;
}

.home_part7 .c_h46,
.home_part7 .tet,
.home_part7 .tat {
    position: relative;
    z-index: 1;
}





/* 动效 */
.scrollbox .often_anima {
    opacity: 0;
    transition: 1s;
}

.scrollbox .often_anima:nth-child(1) {
    transition-delay: 0s;
}

.scrollbox .often_anima:nth-child(2) {
    transition-delay: 0.2s;
}

.scrollbox .often_anima:nth-child(3) {
    transition-delay: 0.4s;
}

.scrollbox .often_anima:nth-child(4) {
    transition-delay: 0.6s;
}

.scrollbox .often_anima:nth-child(5) {
    transition-delay: 0.8s;
}

.scrollbox .often_anima:nth-child(6) {
    transition-delay: 1s;
}

.scrollbox .often_anima_scale {
    transform: scale(0.9);
}

.scrollbox .often_anima_scale2 {
    transform: scale(1.1);
}

.scrollbox .often_anima_left {
    transform: translateX(-30px);
}

.scrollbox .often_anima_right {
    transform: translateX(100px);
}

.scrollbox .often_anima_top {
    transform: translateY(-30px);
}

.scrollbox .often_anima_bottom {
    transform: translateY(30px);
}

.scrollbox.on .often_anima {
    transform: translate(0) scale(1);
    opacity: 1;
}

.scrollbox .often_anima_width {
    width: 0;
    opacity: 1;
    transform-origin: left;
}

.scrollbox.on .often_anima.often_anima_width {
    width: 100%;
}

/* 小头图 */
.c_banner {
    height: 16.4583vw;
    position: relative;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain;
}

/* .c_banner::after{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(/lydlww/xhtml/newimages/banner_back.svg) left center no-repeat; background-size: contain;} */
.c_banner .back_video {
    width: 100vw;
    left: 0;
    right: 0;
}

.c_banner .wrap {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 2;
}

.c_banner .c_path {
    position: absolute;
    right: 0;
    bottom: 1.3083vw;
    opacity: 1;
    font-size: 1.04vw;
    color: #fff;
}

.c_banner .c_path a {
    font-size: 1.04vw;
}

.c_banner .txt {
    color: #fff;
    font-size: 3.28vw;
    font-weight: bold;
    padding-top: 3.6021vw;
    text-align: center;
    /* 让宽度由文字内容决定 */
    display: inline-block;
    /* 作为伪元素的定位参考 */
    position: relative;
    /* 文字样式 */
    color: white;
    letter-spacing: 1px;
    /* 避免背景干扰，保证伪元素正常显示 */
    background: transparent;
    /* 留出下方空间给白线 */
    margin-bottom: 0.5em;
}

.c_banner .txt::after {
    content: '';
    position: absolute;
    /* 定位到文字下方 */
    bottom: -12px;
    /* 与文字的距离，可根据需要调整 */
    left: 50%;
    /* 宽度 = 父元素宽度的50% → 文字宽度的一半 */
    width: 4%;
    height: 3px;
    /* 白线粗细 */
    background: rgba(255, 255, 255, 0.5);
    /* 半透明白 */
    /* 水平居中关键 */
    transform: translateX(-50%);
    /* 平滑过渡（可选） */
    transition: all 0.2s ease;
}

.c_banner .tet {
    color: #fff;
    font-size: var(--fz16);
    width: 15.0521vw;
    padding: 0.5208vw 0 2.0833vw 0;
    transform: translateX(-3.6458vw);
    letter-spacing: 0.0417vw;
    text-align: justify;
}

.c_path a {
    font-size: var(--fz14);
    color: #fff;
    position: relative;
}

.c_path a:hover {
    color: var(--hover);
}

.c_path a+a {
    /* margin-left: 1.5625vw; */
}

.c_path a+a::before {
    content: '';
    color: #fff;
    position: absolute;
    left: -0.9375vw;
    top: -0.1563vw;
}

.main_pp>div {
    padding: var(--h80) 0;
}

.main_pp .c_h46 {
    text-align: center;
    padding-bottom: 3.125vw;
}

.about_part1 .wrap {
    display: flex;
}

.about_part1 .row_1 {
    flex: 1;
    padding-right: 5.2083vw;
}

.about_part1 .row_2 {
    width: 33.125vw;
    flex-shrink: 0;
    display: flex;
}

.about_part1 .row_2 span {
    height: calc(100% - 2.9688vw);
    width: 100%;
    transform: translateY(2.9688vw);
}

.about_part1 .row_2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about_part1 .c_h46 {
    padding: 1.5625vw 0 2.6042vw 0;
    color: #d8881f;
    text-align: left;
}

.about_part1 .tet {
    color: #666;
    padding-bottom: 4.6875vw;
    line-height: 1.8;
    letter-spacing: 0.8px;
}

.about_part1 .tet strong {
    color: #333;
}

.about_part1 .tet p+p {
    padding-top: 1em;
}

.about_part_ywls .list {
    display: flex;
    flex: 1;
    margin: 0 -1.25vw;
}

.about_part_ywls .item dl {
    border-top: 1px solid var(--color);
}

.about_part_ywls .item dt {
    padding: 0.5208vw 0 1.0417vw 0;
    font-size: var(--fz18);
    color: #666;
}

.about_part_ywls .item dd {
    font-family: "BaiJamjuree";
    font-size: 2.4vw;
    /* font-size: 3.125vw; */
    line-height: 1;
}

.main_pp .about_part_ywls {
    padding-top: 4vw !important;
}

.about_part_ywls .list .item {
    padding: 0 1.25vw;
    flex: 1;
}

.about_part_ywls .list em {
    font-style: normal;
    font-size: var(--fz18);
    font-weight: 500;
}

.c_subnav .wrap {
    display: flex;
}

.c_subnav a {
    max-width: 15%;
    flex: 1;
    height: 3.2292vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 2px solid transparent;
}

.c_subnav a.active,
.c_subnav a:hover {
    background: #d8881f;
    color: #fff;
    border-color: var(--color)
}

.c_subnav.file {
    background: #F3F3F3;
}

.ldItem dt {
    min-width: 21.825vw;
    width: fit-content;
    width: -webkit-fit-content;
    height: 3.229vw;
    line-height: 3.229vw;
    padding-right: 2vw;
    background: #f7f1ec;
    border-radius: 1.48vw;
    margin-bottom: 0.85vw;
    box-sizing: border-box;
}

.ldItem {
    margin-bottom: 2.0833vw;
}

.ldItem dt a {
    display: inline-block;
    padding: 0 1.25vw;
    background: #c29c6b;
    border-radius: 1.48vw;
}

.ldItem dt a span {
    color: #fff;
}

.ldItem dt a span.ldName {
    color: #fff;
    font-size: var(--fz24);
    padding-right: 0.8vw;
}

.ldItem dt a span.ldEnName {
    padding-left: 0.8vw;
    font-size: var(--fz16);
    color: #eccca4;
    border-left: 1px solid #eccca4;
}

.ldItem dt span.ldTitle {
    font-size: var(--fz16);
    color: #ba8a4d;
    padding-left: 0.8vw;
}

.ldItem dt a:hover span {}

.ldItem dd {
    font-size: var(--fz16);
    line-height: 1.8;
    color: #666666;
    padding: 0.8vw;
}

.dshwyh h4 {
    font-size: var(--fz24);
    color: #c29c6b;
}

.dshwyh p {
    font-size: var(--fz16);
    line-height: 30px;
    text-indent: 0px;
    color: #666;
    margin-top: 0.5vw;
}

.dshwyh p+h4 {
    margin-top: 3vw;
}

.dshwyh h6 {
    text-indent: 0.8vw;
    color: #c29c6b;
    font-size: var(--fz20);
    border-left: 4px solid #c29c6b;
    margin-top: 2vw;
}
.dshwyh h6+p{
    margin-bottom: 1.3vw;
}
.timeline.timeline {
    position: relative;
}

.timeline::after {
    content: '';
    position: absolute;
    width: 0.056vw;
    background-color: #e6e6e6;
    top: 0;
    bottom: 0;
    left: 15.8vw;
    margin-left: -0.15625vw;
}

.timeline-item {
    padding: 0;
    position: relative;
    background-color: inherit;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    margin-bottom: 1.5625vw;
    align-items: flex-start;
}

.timeline-item::after {
    content: '';
    position: absolute;
    width: 1.3021vw;
    height: 1.3021vw;
    background-color: white;
    border: 0.2083vw solid #d8881f;
    top: 1.4vw;
    border-radius: 50%;
    z-index: 1;
    left: 15.5vw;
    margin-left: -0.65104vw;
}

.timeline-date {
    font-size: 4.0104vw;
    font-weight: bold;
    color: #d8881f;
    width: 12.5vw;
    padding: 0 0.5208vw;
    text-align: right;
    margin-right: 1.0417vw;
    flex-shrink: 0;
    line-height: 4.0104vw;
}

.timeline-content {
    padding-left: 4.5vw;
    padding-top: 3.58vw;
    flex: 1;
    min-width: 0;
}

.timeline-content h3 {
    margin-top: 0;
    color: #333;
    font-size: 0.8333vw;
    line-height: 1.7708vw;
}

.timeline-content p {
    text-indent: 0 !important;
    margin-bottom: 0;
    color: #666;
    font-size: var(--fz16);
    line-height: 1.7708vw;
}

.sub_title {
    display: flex;
    height: 3vw;
    padding-left: 30%;
    padding-right: 30%;
    margin-bottom: 4vw;
    font-weight: 600;
    position: relative;
}

.sub_title span {
    position: absolute;
    top: 0;
    right: 10vw;
}

.sub_title span a {
    color: #666;
}

.sub_title>a.selected {
    background: #d9881f;
    color: #fff;
}

.sub_title>a {
    width: 13.54vw;
    height: 3.2292vw;
    line-height: 3.2292vw;
    background: #f3f3f3;
    border-radius: 1.48vw;
    font-size: var(--fz18);
    flex: 1;
    text-align: center;
    margin: 0 1vw;
}

/* 移动端响应式样式 */
@media (max-width: 768px) {
    .sub_title.tab {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 20px;
        padding-left: 0;
        padding-right: 0;
        margin-top: 30px;
    }

    .sub_title.tab a {
        width: auto;
        flex: 1;
        max-width: 150px;
        text-align: center;
    }
}

.sub_item h2 {
    font-size: var(--fz30);
    line-height: 2;
    margin-bottom: 3vw;
    color: #333;
    text-align: center;
}

/* 荣誉页面样式 */
.honors-container {
    width: 83.3333vw;
    margin: 0 auto;
    padding: 0vw;
    display: flex;
    position: relative;
}

/* 年份列表 */
.year-list {
    width: 9.5vw;
    margin-right: 20px;
    border-right: 2px solid #ddd;
    padding-right: 15px;

}

.year-item {
    width: 9vw;
    display: block;
    padding: 15px 0;
    font-size: var(--fz18);
    font-weight: bold;
    color: #999;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;
    text-decoration: none;
    border-radius: var(--radius);
    margin-bottom: 2vw;

}

.year-item:hover {
    color: #d8881f;
}

.year-item.selected {
    color: #fff;
    background: linear-gradient(to right, #d3794f, #f5aa3c);
}

/* 荣誉内容 */
.about_part4 {
    background: #f7f7f7 url(../images/gywm02.png) no-repeat right bottom;
    background-size: 30% auto;
}

.h.honors-content {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.year-content {
    width: 100%;
    flex-wrap: wrap;
    align-items: stretch;

}

.year-contentWrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 20px;
}

.honor-card {
    width: calc(50% - 15px);
    background-color: #fff;
    border-radius: 8px;
    padding: 1.5vw 2vw;
    margin-bottom: 1vw;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
    position: relative;
    box-sizing: border-box;
}

.honor-year {
    width: 48%;
    text-align: center;
    margin-bottom: 20px;
    color: #d8881f;
    font-weight: bold;
    font-size: var(--fz30);
    /* text-indent: 1.8em; */
    padding: 1vw 2vw;
    background: url(/lydlww/xhtml/images/icon01.svg) no-repeat center center;
    background-size: 100% auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 4vw;
}

.honor-year span {
    font-size: var(--fz16);
    font-weight: 400;
}

/* .honor-year::before {
    content: "?";
    margin-right: 10px;
    font-size: 20px;
} */

.honor-description {
    color: #666;
    line-height: 1.6;
}

/* 年份内容 */
.year-content {
    display: none;
}

.year-content:first-child,
.year-content[style*="display: block"],
.year-content[style*="display: flex"] {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

/* 奖杯图标 */
.trophy-icon {
    position: absolute;
    right: -50px;
    bottom: 0;
    width: 150px;
    height: 200px;
    background-image: url('/lydlww/xhtml/style/images/12345.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* 博鱼官方网页版_博鱼(中国) */
.news_list {
    /* padding: 4.1667vw 0; */
}

.news_list .list1 {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -2.0833vw;
}

.news_list .list1 .item {
    width: 100%;
    padding: 0 2.0833vw;
    margin-bottom: 3.125vw;
}

.news_list .list1 dl {
    display: flex;
    align-items: flex-start;
    border-bottom: 1px solid rgba(217, 217, 217, 0.5);
    padding-bottom: 3.125vw;
}

.news_list .list1 dt {
    flex-shrink: 0;
    padding-right: 1.5625vw;
    border-right: 1px solid #D5D7DB;
    text-align: center;
    min-width: 5.4688vw;
}

.news_list .list1 dt .tdt {
    font-family: 'Arial';
    color: var(--color);
    font-size: 1.4583vw;
    font-weight: bold;
}

.news_list .list1 dt .tit {
    font-family: 'Arial';
    color: #999;
    font-size: var(--fz16);
    margin-top: 0.2604vw;
}

.news_list .list1 dd {
    padding-left: 1.5625vw;
    flex: 1;
    display: flex;
    align-items: flex-start;
}

.news_list .list1 .content {
    flex: 1;
    margin-right: 1.5625vw;
}

.news_list .list1 .txt {
    font-size: var(--fz24);
    font-weight: bold;
    color: #333;
    transition: 0.5s;
    margin-bottom: 1.56vw;
    line-height: 1;
}

.news_list .list1 .tet {
    color: #666;
    font-weight: 600;
    font-size: var(--fz18);
    line-height: 2;
}

.news_list .list1 .img {
    width: 15vw;
    height: 8.95vw;
    overflow: hidden;
    border-radius: var(--radius);
    overflow: hidden;
    flex-shrink: 0;
}

.news_list .list1 .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news_list .list1 a:hover .txt {
    color: var(--color);
}

.newsc_part1 {
    padding: 5.2083vw 0 var(--h80) 0;
}

.newsc_part1 .c_path a,
.newsc_part1 .c_path a+a::before {
    color: #999;
}

.newsc_part1 .c_path a:hover {
    color: var(--color);
}

.newsc_part1 .box {
    padding-top: 0vw;
    margin: 0 auto;
}

.newsc_part1 .box .c_h46 {
    text-align: center;
    line-height: 1.5;
    padding-bottom: 1vw;
}

.newsc_part1 .box .txt2 {
    font-size: var(--fz30);
    line-height: 1.5;
    text-align: center;
    padding-top: 0vw;
}


.newsc_part1 .tit {
    padding: 1.0417vw 0 3.125vw 0;
    color: #999;
    display: flex;
    justify-content: center;
}

.newsc_part1 .tit span {
    padding: 0 0.5208vw;
}

.newsc_part1 .tit b {
    font-weight: normal;
    cursor: pointer;
    padding: 0 0.1042vw;
}

.newsc_part1 .tit b:hover {
    color: var(--color);
}

.newsc_part1 .tet {
    color: #333;
    position: relative;
    line-height: 2.2;
    font-size: var(--fz18);
    padding-top: 2.6042vw;
    text-align: justify;
    padding-left: 2vw;
    padding-right: 2vw;
}

.newsc_part1 .tet::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background-color: #d7d7d7;
}

.newsc_part1 .tet p+p {
    padding-top: 1em;
}

.newsc_part1 .tet img {
    border-radius: var(--radius);
    max-width: 100%;
    height: auto !important;
}

.newsc_part1 .tet.max {
    font-size: var(--fz18);
}

.newsc_part1 .tet.normal {
    font-size: 0.8333vw;
}

.newsc_part1 .tet.min {
    font-size: var(--fz14);
}

/* 主营业务 */
.zyyw_zdxm .swiper {
    width: 75vw;
    height: 36vw;
}

.zyyw_zdxm .swiper-slide {
    text-align: center;
    font-size: 0.94vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.zyyw_zdxm .swiper-slide dl {
    width: 100%;
    display: flex;
    gap: 1.04vw;
}

.zyyw_zdxm .swiper-slide dt {
    flex: 1;
    height: 32vw;
    border-radius: 1.3vw;
    overflow: hidden;
}

.zyyw_zdxm .swiper-slide dd {
    width: 14.58vw;
    display: flex;
    flex-direction: column;
    gap: 1.04vw;
    margin: auto;
}

.zyyw_zdxm .swiper-slide dd a {
    display: block;
    height: 10vw;
    border-radius: 1.3vw;
    overflow: hidden;
}

.zyyw_zdxm .swiper-slide dd a:last-child {
    margin-bottom: 0;
}

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

.zyyw_zdxm .swiper-navigation {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.04vw;
    margin-top: 1.56vw;
    flex-wrap: nowrap;
    width: 10vw;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.zyyw_zdxm .swiper-button-prev,
.zyyw_zdxm .swiper-button-next {
    width: 2.08vw;
    height: 2.08vw;
    margin-top: 0;
    background: none;
    border-radius: 50%;
    color: white;
    border: 0.05vw solid #666;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    position: relative;
    top: 0;

}

.zyyw_zdxm .swiper-button-next::after,
.zyyw_zdxm .swiper-button-prev::after {
    font-size: 1.3vw;
    color: #666;
}

.zyyw_zdxm .swiper-button-prev:hover,
.zyyw_zdxm .swiper-button-next:hover {
    border: 0.05vw solid #666;
}

.zyyw_zdxm .swiper-pagination {
    position: relative;
    width: 3.13vw;
    font-size: var(--fz24);
    color: #333;
    flex-shrink: 0;
    line-height: 2.08vw;
}

/* 新增导航按钮样式 */
.zyyw_zdxm .swiper-button-prev-1,
.zyyw_zdxm .swiper-button-next-1,
.zyyw_zdxm .swiper-button-prev-2,
.zyyw_zdxm .swiper-button-next-2,
.zyyw_zdxm .swiper-button-prev-3,
.zyyw_zdxm .swiper-button-next-3,
.zyyw_zdxm .swiper-button-prev-4,
.zyyw_zdxm .swiper-button-next-4,
.zyyw_zdxm .swiper-button-prev-5,
.zyyw_zdxm .swiper-button-next-5,
.zyyw_zdxm .swiper-button-prev-6,
.zyyw_zdxm .swiper-button-next-6 {
    width: 2.08vw;
    height: 2.08vw;
    margin-top: 0;
    background: none;
    border-radius: 50%;
    color: white;
    border: 0.05vw solid #666;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    position: relative;
    top: 0;
}

.zyyw_zdxm .swiper-button-next::after,
.zyyw_zdxm .swiper-button-prev::after {
    font-size: 0.8vw;
    color: #666;
}

.zyyw_zdxm .swiper-button-prev:hover,
.zyyw_zdxm .swiper-button-next:hover {
    border: 0.05vw solid #666;
}

.zyyw_zdxm {
    background: #f6f2ef;
}

.swiper-slide dt {
    position: relative;
}

.dt-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4.427vw;
    display: flex;
    align-items: center;
    padding: 0 1.042vw;
    color: white;
    font-size: var(--fz24);
    text-align: center;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
    box-sizing: border-box;
}

.dt-title.line1 {
    display: block;
    line-height: 4.427vw;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.zyyw_ywjs dl {
    width: 100%;
    display: flex;
    gap: 1.04vw;
}

.zyyw_ywjs dt {
    width: 29.4270vw;
    height: 23.1770vw;
    font-size: var(--fz63);
    line-height: 2.5;
    text-align: center;

    overflow: hidden;
    font-weight: bold;
}

.zyyw_ywjs dd {
    flex: 1;
    gap: 1.04vw;
    display: flex;
    flex-wrap: wrap;
    margin: -1.3542vw -0.6771vw 0;
    padding-top: 2.6042vw;
    padding-bottom: 2vw;
}

.zyyw_ywjs dd p {
    width: 100%;
    height: auto;
    display: block;
    font-size: var(--fz16);
    line-height: 1.8;
    text-align: justify;
    color: #333;
}

.zyyw_ywjs dd p:empty {
    display: none;
}

.zyyw_ywjs dd .item {
    width: 32%;
    height: 5.1041vw;
    padding: var(--fz20);
    font-size: var(--fz18);
    font-weight: 600;
    line-height: 1.8;
    text-align: justify;
    color: #333;
    box-sizing: border-box;
    background: #f6f2ef;
    border-radius: var(--radius);
    position: relative;

}

.zyyw_ywjs dd .item:hover {
    background: #ffe8c9;
}

.zyyw_ywjs dd .item span {
    width: 1.3vw;
    height: 1.3vw;
    margin-left: 0.5vw;
    position: absolute;
    bottom: 10%;
    right: 8%;
}

.zyyw_ywjs {
    background-repeat: no-repeat !important;
    background-position: left top !important;
    background-size: auto 100% !important;
}

/* 投资者关系 */
.news_listA .item dt {
    flex: none;
}

.news_listA .item dd {
    margin-left: 0.25vw;
}

.news_listA .list1 {
    display: flex;
    flex-wrap: wrap;
    margin: -2.0833vw -2.0833vw 0;
}

.news_listA .list1 .item {
    width: 50%;
    padding: 0 2.0833vw 0;
}

.news_listA .list1 dl {
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(217, 217, 217, 0.5);
    padding-bottom: 2.0833vw;
}

.news_listA .list1 dt {
    flex-shrink: 0;
    padding-right: 1.5625vw;
    border-right: 1px solid #D5D7DB;
    text-align: center;
}

.news_listA .list1 dt .logo {
    height: 1.8229vw;
    margin-bottom: 0.5208vw;
}

.news_listA .list1 dt .logo img {
    max-height: 100%;
}

.news_listA .list1 dt .tpt {
    font-size: var(--fz20);
    color: var(--color);
    width: 5.4688vw;
    padding-bottom: 0.2604vw;
}

.news_listA .list1 dt .tit {
    font-family: 'Arial';
    color: #999;
}

.news_listA .list1 dt .tdt {
    font-family: 'Arial';
    color: var(--color);
    font-size: 1.4583vw;
}

.news_listA .list1 dd {
    padding-left: 1.5625vw;
    flex: 1;
    overflow: hidden;
}

.news_listA .list1 .txt {
    font-size: var(--fz20);
    transition: 0.5s;
}

.news_listA .list1 .tet {
    color: #999;
    padding-top: 0.5208vw;
}

.news_listA .list1 a:hover .txt {
    color: var(--color);
}

.news_listA .item dt {
    flex: none;
}

.news_listA .item dd {
    margin-left: 0.25vw;
}

.news_listA .list1 {
    display: flex;
    flex-wrap: wrap;
    margin: -2.0833vw -2.0833vw 0;
}

.news_listA .list1 .item {
    width: 50%;
    padding: 0 2.0833vw 0;
}

.news_listA .list1 dl {
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(217, 217, 217, 0.5);
    padding-bottom: 2.0833vw;
}

.news_listA .list1 dt {
    flex-shrink: 0;
    padding-right: 1.5625vw;
    border-right: 1px solid #D5D7DB;
    text-align: center;
}

.news_listA .list1 dt .logo {
    height: 1.8229vw;
    margin-bottom: 0.5208vw;
}

.news_listA .list1 dt .logo img {
    max-height: 100%;
}

.news_listA .list1 dt .tpt {
    font-size: var(--fz20);
    color: var(--color);
    width: 5.4688vw;
    padding-bottom: 0.2604vw;
}

.news_listA .list1 dt .tit {
    font-family: 'Arial';
    color: #999;
}

.news_listA .list1 dt .tdt {
    font-family: 'Arial';
    color: var(--color);
    font-size: 1.4583vw;
}

.news_listA .list1 dd {
    padding-left: 1.5625vw;
    flex: 1;
    overflow: hidden;
}

.news_listA .list1 .txt {
    font-size: var(--fz20);
    transition: 0.5s;
}

.news_listA .list1 .tet {
    color: #999;
    padding-top: 0.5208vw;
}

.news_listA .list1 a:hover .txt {
    color: var(--color);
}

.tzz_01 .gpbox {
    display: flex;
}

.tzz_01 .gpbox .item {
    flex: 1;
    border-radius: var(--radius);
    background: #f9f9f9;
    padding: 2vw 3vw;
    margin: 1vw 0 2vw;
}

.tzz_01 .gpbox .item:nth-child(2) {
    margin-left: 2vw;
}

.tzz_01 .gpbox .item dd {
    padding-top: 1vw;
}

.tzz_01 .tzbox {
    display: flex;
}

.tzz_01 .tzbox .item01 {
    width: 66vw;
    padding: 2vw 3vw;
    border-radius: var(--radius);
    background: #f9f9f9;
}

.tzz_01 .tzbox .item01 li {
    font-size: var(--fz20);
    padding: 0.7813vw 0;
    line-height: 3;
}

.tzz_01 .tzbox .item01 li span {
    float: right;
    font-size: var(--fz18);
    color: #999;
}

.tzz_01 .tzbox .item02 {
    width: 14vw;
    padding: 2vw 3vw;
    margin-left: 2vw;
    border-radius: var(--radius);
    background: #f9f9f9;
}

.tzz_01 .tzbox .item02 dl {
    text-align: center;
    border-bottom: 1px solid #ddd;
    padding-top: 1.5vw;
}

.tzz_01 .tzbox .item02 dd {
    font-size: var(--fz20);
    padding: 0.7813vw 0;
    line-height: 2;
    font-weight: 600;
}

.tzz_01 .tzbox .item02 dd a:hover {
    color: var(--color);
}

.tzz_01 .tzbox .item02 dl:nth-child(3) {
    border-bottom: none;
}

.tzz_01 .gpbox .item dd {
    display: flex;
}

.tzz_01 .sz,
.tzz_01 .hk {
    font-size: var(--fz16);
    font-weight: 600;
    color: #fff;
    padding: 2px 10px;
    border-radius: 10px;
    margin-right: 0.51vw;
}

.tzz_01 .sz {
    background: #f7ab00;
}

.tzz_01 .hk {
    background: #48aea0;
}

.tzz_01 .stock-name,
.tzz_01 .stock-code {
    font-size: var(--fz24);
    color: #333;
    padding-left: 0.4vw;
}

.tzz_01 .stock-type {
    font-size: var(--fz24);
    color: #999;
    font-weight: 600;
    float: right;
    margin-right: 1vw;
    margin-left: 1vw;
    font-family: 'BaiJamjuree';
}

.tzz_01 .price {
    font-size: 41px;
    flex: 1;
    font-family: 'BaiJamjuree';
}

.tzz_01 .price i {
    font-size: 25px;
    font-style: normal;
    font-family: 'BaiJamjuree';
}

.tzz_01 .change {
    font-size: 25px;
    flex: 1;
    padding-top: 15px;
    font-family: 'BaiJamjuree';
}

.tzz_01 .change.red {
    color: #d60a22;
}

.tzz_01 .change.green {
    color: #037b66;
}

.tzz_01 .time {
    font-size: var(--fz20);
    color: #999;
    font-family: 'BaiJamjuree';
    margin-right: 1vw;
    flex: 1;
    text-align: right;
    padding-top: 20px;
}

.tzz_02 {
    padding-top: 0vw !important;
}

.tzz_02 {
    padding-bottom: 4vw;
}

.tzz_02 .wrap {
    display: flex;
}

.tzz_02 .c_h30 {
    margin-bottom: 2vw;
}

.tzz_02 .wrap .item {
    flex: 1;
    font-size: var(--fz18);
    text-align: center;
}

.tzz_02 .tab_content {
    width: 100%;
    display: flex;
    gap: 6vw;
    margin-top: 20px;
}

.tzz_02 .tab_content .item {
    flex: 1;
    text-align: center;
}

.tzz_02 .tab_content .item dt {
    margin-bottom: 15px;
}

.tzz_02 .tab_content .item dt img {
    width: 100%;
    height: auto;
    border-radius: 8px;
}

.tzz_02 .tab_content .item dd {
    line-height: 2;
    font-size: var(--fz18);
}

.tzz_02 .wrap dd {
    line-height: 3;
}

.tzz_02 .tat {
    text-align: center;
    padding-top: 2vw;
}

.tzz_02 .c_more {
    margin-left: auto;
    margin-right: auto;
}

/* 公告与通函 */
.tzz_03 {
    margin-bottom: 6vw;
    margin-top: 4vw;
}

.tzz_03 .wrap {
    display: flex;
    gap: 2vw;
    align-items: stretch;
}

.tzz_03 .item01 {
    flex: 1;
    background: #f9f9f9;
    border-radius: var(--radius);
    padding: 2vw;
}

.tzz_03 .item02 {
    width: 14vw;
    background: #fff;
    border-radius: var(--radius);
    padding: 0;
    display: flex;
    flex-direction: column;
}

.tzz_03 .item02 dl {
    text-align: center;
    margin-bottom: 2vw;
    border-radius: var(--radius);
    padding: 2vw;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #f9f9f9;
}

.tzz_03 .item02 dl:last-child {
    margin-bottom: 0;
}

.tzz_03 .c_h24 {
    display: flex;
    align-items: center;
    gap: 1vw;
    margin-bottom: 1vw;
    font-size: var(--fz24);
    font-weight: 600;
    color: #333;
    padding-bottom: 1vw;
    border-bottom: 1px solid #eee;
}

.tzz_03 .c_h24 .tab {
    display: block;
}

.tzz_03 .c_h24 span {
    float: right;
}

.tzz_03 .tab {
    display: flex;
    align-items: center;
    gap: 0.3vw;
    margin-left: 0;
    flex: 1;
}

.tzz_03 .tab .more {
    margin-left: auto;
    font-size: var(--fz16);
    color: #999;
}

.tzz_03 .tabHd {
    padding: 0.5vw 1.5vw;
    color: #666;
    font-size: 18px;
    cursor: pointer;
    transition: all 0.3s ease;
    border-bottom: 2px solid transparent;
}

.tzz_03 .tabHd.selected {
    color: var(--color);
    border-bottom: 2px solid var(--color);
}

.tzz_03 .tab .more {
    font-size: var(--fz16);
    color: #999;
}

.tzz_03 .list {
    margin-top: 1vw;
}

.tzz_03 .list li {
    padding: 1.2vw 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tzz_03 .list li:last-child {
    border-bottom: none;
}

.tzz_03 .list li a {
    flex: 1;
    font-size: var(--fz18);
    color: #333;
    line-height: 1.4;
    margin-right: 1.5vw;
    transition: color 0.3s ease;
}

.tzz_03 .list li a:hover {
    color: var(--color);
}

.tzz_03 .list li span {
    font-size: var(--fz16);
    color: #999;
    white-space: nowrap;
}

.tzz_03 .item02 dl {
    text-align: center;
    margin-bottom: 2vw;
}

.tzz_03 .item02 dt {
    margin-bottom: 1vw;
}

.tzz_03 .item02 dt img {
    width: 60px;
    height: 60px;
    object-fit: contain;
}

.tzz_03 .item02 dd a {
    font-size: var(--fz16);
    color: #333;
    transition: color 0.3s ease;
}

.tzz_03 .item02 dd a:hover {
    color: var(--color);
}

/* 可持续发展 */
.kcxpart2 {
    background: linear-gradient(to bottom, #e8e0da, #faf7f3, #e7dfd8);
    padding: 60px 0;
}

.env-protection-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
}

.env-card {
    background: #fff;
    border-radius: 8px;
    padding: 30px 45px;
    /* box-shadow: 0 2px 8px rgba(0,0,0,0.1); */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.env-card:hover {
    transform: translateY(-5px);
    /* box-shadow: 0 5px 15px rgba(0,0,0,0.15); */
}

.env-card h3 {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin-bottom: 15px;
    text-align: center;
}

.env-card p {
    font-size: 14px;
    line-height: 1.6;
    color: #666;
    text-align: left;
}

.env-protection-container {
    position: relative;
}

.env-protection-container::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 7.812vw;
    height: 7.812vw;
    border-radius: 50%;
    border: 10px solid #faf7f3;
    background-image: url(/lydlww/xhtml/images/icon_hjbh.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
    margin-top: 0px;
    box-sizing: border-box;
}

.kcxpart3 .item1,
.kcxpart3 .item2 {
    display: flex;
}

.kcxpart3 .item1 dl,
.kcxpart3 .item2 dl {
    margin: 1.2vw;
    position: relative;
}

.kcxpart3 .item1 dd,
.kcxpart3 .item2 dd {
    position: absolute;
    bottom: 0px;
    left: 0;
    font-size: var(--fz20);
    line-height: 5;
}

.kcxpart3 .item1 dd a,
.kcxpart3 .item2 dd a {
    color: #fff;
    padding-left: 2vw;
}

/* 可持续发展报告 */
.kcxpart4 {
    padding: 80px 0 100px;
    margin-top: 60px;
    position: relative;
    background: url(/lydlww/xhtml/images/kcxfzbg.png) no-repeat center center;
    background-size: cover;
}

/* 环境保护内容样式 */
.kcxfz01,
.kcxfz02,
.kcxfz03,
.kcxfz04 {
    padding: 40px 0;
    line-height: 1.8;
    color: #333;
}

.kcxfz01 p,
.kcxfz02 p,
.kcxfz03 p,
.kcxfz04 p {
    font-size: 16px;
    margin-bottom: 24px;
    text-align: justify;
    color: #333;
}

.kcxfz01 h4,
.kcxfz02 h4,
.kcxfz03 h4,
.kcxfz04 h4 {
    font-size: 20px;
    font-weight: 600;
    color: var(--color);
    margin: 32px 0 16px;
}

.kcxfz01 h5,
.kcxfz02 h5,
.kcxfz03 h5,
.kcxfz04 h5 {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin: 24px 0 16px;
}

/* 可持续发展报告列表 */
.kcxfzreport {
    padding: 80px 0 100px;
    background: #f9f9f9;
}

.kcxfzreport .report-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2vw;
}

.kcxfzreport .report-item {
    display: flex;
    align-items: center;
    padding: 2vw;
    border-bottom: 1px solid #e5e5e5;
    transition: all 0.3s ease;
}

.kcxfzreport .report-item:hover {
    background: #f5f5f5;
}

.kcxfzreport .report-icon {
    width: 1.5vw;
    height: 1.5vw;
    min-width: 20px;
    min-height: 20px;
    background: url('/lydlww/xhtml/images/tzzgx02.png') no-repeat center center;
    background-size: contain;
    margin-right: 1.5vw;
}

.kcxfzreport .report-icon::after {
    content: '|';
    margin-left: 2.5vw;
    color: #ddd;
    font-size: 1.2vw;
    font-weight: 100;
}

.kcxfzreport .report-title {
    font-size: 1.2vw;
    color: #333;
    line-height: 1.4;
    flex: 1;
}

/* 响应式样式 */
@media screen and (max-width: 758px) {

    /* kcxfzreport 响应式 */
    .kcxfzreport {
        padding: 40px 0 60px;
    }

    .kcxfzreport .report-list {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .kcxfzreport .report-item {
        padding: 15px;
    }

    .kcxfzreport .report-icon {
        width: 20px;
        height: 20px;
        margin-right: 12px;
    }

    .kcxfzreport .report-icon::after {
        margin-left: 20px;
        font-size: 14px;
        color: #ddd;
        font-weight: 100;
    }

    .kcxfzreport .report-title {
        font-size: 14px;
    }

    /* 人才招聘响应式 */
    .rlzy_zp {
        padding: 40px 0 60px;
    }

    .talent-title {
        font-size: 24px;
        margin-bottom: 30px;
        padding-bottom: 12px;
    }

    .talent-concept .talent-title::after {
        width: 100%;
        height: 1px;
        background: #d7d7d7;
    }

    .concept-item {
        padding: 15px;
        flex-wrap: wrap;
    }

    .concept-icon {
        width: 50px;
        height: 50px;
        margin-right: 15px;
    }

    .concept-subtitle {
        font-size: 18px;
        margin-right: 15px;
        width: 100px;
    }

    .concept-desc {
        font-size: 14px;
        line-height: 1.5;
        flex: 1;
        min-width: 200px;
    }

    .talent-recruitment {
        padding-top: 30px;
    }

    .recruitment-content {
        flex-direction: column;
        align-items: flex-start;
        margin-top: 15px;
    }

    .recruitment-content p {
        margin-bottom: 15px;
    }

    .recruitment-btn {
        padding: 12px 24px;
        font-size: 14px;
    }

    .recruitment-btn .arrow {
        width: 10px;
    }

    .recruitment-btn .arrow::after {
        width: 5px;
        height: 5px;
    }

    /* 教育培训响应式 */
    .jypx-title {
        font-size: 24px;
        margin-bottom: 30px;
        padding-bottom: 12px;
    }

    .jypx-title::after {
        width: 100%;
        height: 1px;
        background: #d7d7d7;
    }

    .jypx-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .jypx-item {
        padding: 20px;
        margin-left: 30px;
    }

    .jypx-icon {
        width: 60px;
        min-width: 60px;
        height: 60px;
        min-height: 60px;
        position: absolute;
        left: -30px;
        top: 50%;
        transform: translateY(-50%);
    }

    .jypx-item-content {
        padding-left: 15px;
    }

    .jypx-subtitle {
        font-size: 18px;
        margin-bottom: 12px;
    }

    .jypx-desc {
        font-size: 14px;
        line-height: 1.5;
    }

    .jypx-results,
    .jypx-certification {
        padding: 20px;
        margin-bottom: 30px;
    }

    .jypx-section-title {
        font-size: 16px;
        margin-bottom: 12px;
    }

    .jypx-results-desc,
    .jypx-certification-desc {
        font-size: 14px;
        line-height: 1.5;
    }

    /* kcxpart4 响应式 */
    .kcxpart4 .report-container {
        display: grid;
        grid-template-columns: 1fr 30px 1fr;
        gap: 0;
        padding: 0 20px;
    }

    .kcxpart4 .report-item {
        box-sizing: border-box;
        text-align: center;
        height: auto;
    }

    .kcxpart4 .report-item img {
        width: 100%;
        max-width: 150px;
        height: auto;
        margin: 0 auto 10px;
    }

    .kcxpart4 .report-item p {
        font-size: 12px;
        line-height: 1.4;
        padding: 0 10px;
    }

    .kcxpart4 .c_h46 {
        font-size: 20px;
        margin-bottom: 40px;
    }

    /* 可持续发展报告响应式 */
    .kcxpart4 {
        padding: 40px 0;
    }

    .kcxpart4 .report-swiper {
        margin-bottom: 30px;
    }

    .kcxpart4 .swiper-slide {
        padding: 0 10px;
    }

    .kcxpart4 .report-item p {
        font-size: 13px;
    }

    .kcxpart4 .swiper-pagination {
        margin-top: 20px;
        gap: 10px;
    }

    .kcxpart4 .pagination_index_num {
        width: 30px;
        height: 30px;
        font-size: 14px;
    }

    .kcxpart4 .pagination_index1 .arrow a {
        padding: 0 15px;
        height: 30px;
        font-size: 14px;
    }

    .kcxpart4 .report-pagination {
        gap: 10px;
    }

    .kcxpart4 .report-pagination .page {
        width: 24px;
        height: 24px;
        font-size: 12px;
    }

    .kcxpart4 .report-pagination .next-page {
        font-size: 12px;
        padding: 3px 8px;
    }

    /* 专项报告响应式 */
    .kcxpart5 .wrap {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .kcxpart5 .wrap .item {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .kcxpart5 .wrap dl {
        margin-bottom: 15px;
    }

    .kcxpart5 .wrap dt a {
        font-size: 13px;
    }

    .kcxpart5 .wrap dd {
        font-size: 11px;
    }
}

/* 人才招聘页面 */
.rlzy_zp {
    padding: 80px 0 100px;
    background: #f9f9f9;
}

/* 人才理念 */
.talent-concept {
    margin-bottom: 60px;
}

.talent-title {
    font-size: 2.5vw;
    color: var(--color);
    margin-bottom: 40px;
    font-weight: 600;
    position: relative;
    padding-bottom: 15px;
}

.talent-concept .talent-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #d7d7d7;
}

.talent-recruitment .talent-title::after {
    display: none;
}

.concept-list {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.concept-item {
    display: flex;
    align-items: center;
    padding: 30px;
    border-bottom: 1px solid #e5e5e5;
    transition: all 0.3s ease;
}

.concept-item:hover {
    background: #f5f5f5;
}

.concept-icon {
    width: 60px;
    height: 60px;
    margin-right: 30px;
    flex-shrink: 0;
}

.concept-icon.icon1 {
    background: url('/lydlww/xhtml/images/rlzy01.png') no-repeat center center;
    background-size: contain;
}

.concept-icon.icon2 {
    background: url('/lydlww/xhtml/images/rlzy02.png') no-repeat center center;
    background-size: contain;
}

.concept-icon.icon3 {
    background: url('/lydlww/xhtml/images/rlzy03.png') no-repeat center center;
    background-size: contain;
}

.concept-icon.icon4 {
    background: url('/lydlww/xhtml/images/rlzy04.png') no-repeat center center;
    background-size: contain;
}

.concept-icon.icon5 {
    background: url('/lydlww/xhtml/images/rlzy05.png') no-repeat center center;
    background-size: contain;
}

.concept-subtitle {
    font-size: 24px;
    color: #333;
    font-weight: 600;
    margin-right: 30px;
    flex-shrink: 0;
    width: 120px;
}

.concept-desc {
    font-size: 16px;
    color: #666;
    line-height: 1.6;
    margin: 0;
    flex: 1;
}

/* 人才招聘 */
.talent-recruitment {
    padding-top: 40px;
    border-top: 1px solid #e5e5e5;
}

.recruitment-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}

.talent-recruitment p {
    margin: 0;
}

.talent-recruitment p a {
    font-size: 16px;
    color: #666;
    text-decoration: none;
    text-transform: uppercase;
}

.talent-recruitment p a:hover {
    color: var(--color);
}

.recruitment-btn {
    display: inline-flex;
    align-items: center;
    padding: 12px 24px;
    background: var(--color);
    color: #fff;
    text-decoration: none;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 500;
    transition: all 0.3s ease;
}

.recruitment-btn:hover {
    background: #e69c2d;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(216, 136, 32, 0.3);
}

.recruitment-btn .arrow {
    margin-left: 10px;
    width: 12px;
    height: 2px;
    background: #fff;
    position: relative;
    transition: all 0.3s ease;
}

.recruitment-btn .arrow::after {
    content: '';
    position: absolute;
    right: 0;
    top: -3px;
    width: 6px;
    height: 6px;
    border-right: 2px solid #fff;
    border-top: 2px solid #fff;
    transform: rotate(45deg);
}

.recruitment-btn:hover .arrow {
    width: 16px;
}

/* 教育培训页面 */
.jypx-title {
    font-size: 2.5vw;
    color: var(--color);
    margin-bottom: 40px;
    font-weight: 600;
    position: relative;
    padding-bottom: 15px;
}

.jypx-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #d7d7d7;
}

/* 教育培训体系 */
.jypx-system {
    margin-bottom: 60px;
}

.jypx-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 4vw;
}

.jypx-item {
    background: #f7f2ee;
    padding: 2.5vw;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    position: relative;
    margin-left: 3.23vw;
}

.jypx-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

.jypx-icon {
    width: 6.46vw;
    min-width: 124px;
    height: 6.46vw;
    min-height: 124px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    position: absolute;
    left: -3.23vw;
    top: 50%;
    transform: translateY(-50%);
}

.jypx-icon.icon1 {
    background-image: url('/lydlww/xhtml/images/jypx01.png');
}

.jypx-icon.icon2 {
    background-image: url('/lydlww/xhtml/images/jypx02.png');
}

.jypx-icon.icon3 {
    background-image: url('/lydlww/xhtml/images/jypx03.png');
}

.jypx-icon.icon4 {
    background-image: url('/lydlww/xhtml/images/jypx04.png');
}

.jypx-icon.icon5 {
    background-image: url('/lydlww/xhtml/images/jypx05.png');
}

.jypx-icon.icon6 {
    background-image: url('/lydlww/xhtml/images/jypx06.png');
}

.jypx-item-content {
    padding-left: 2vw;
}

.jypx-subtitle {
    font-size: 1.5vw;
    color: #333;
    margin-bottom: 1.5vw;
    font-weight: 600;
}

.jypx-desc {
    font-size: 1.2vw;
    color: #666;
    line-height: 1.6;
    margin: 0;
}

/* 成果展示和认证体系 */
.jypx-results,
.jypx-certification {
    margin-bottom: 40px;
    padding: 2.5vw;
    background: #f7f2ee;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.jypx-section-title {
    font-size: 1.8vw;
    color: #333;
    margin-bottom: 1.5vw;
    font-weight: 600;
}

.jypx-results-desc,
.jypx-certification-desc {
    font-size: 1.2vw;
    color: #666;
    line-height: 1.6;
    margin: 0;
    text-align: justify;
}

/* 教育培训响应式样式 */
@media screen and (max-width: 758px) {
    .jypx-title {
        font-size: 24px;
        margin-bottom: 30px;
        padding-bottom: 12px;
    }

    .jypx-title::after {
        width: 100%;
        height: 1px;
        background: #d7d7d7;
    }

    .jypx-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .jypx-item {
        padding: 20px;
        margin-left: 30px;
    }

    .jypx-icon {
        width: 60px;
        min-width: 60px;
        height: 60px;
        min-height: 60px;
        position: absolute;
        left: -30px;
        top: 50%;
        transform: translateY(-50%);
    }

    .jypx-item-content {
        padding-left: 15px;
    }

    .jypx-subtitle {
        font-size: 18px;
        margin-bottom: 12px;
    }

    .jypx-desc {
        font-size: 14px;
        line-height: 1.5;
    }

    .jypx-results,
    .jypx-certification {
        padding: 20px;
        margin-bottom: 30px;
    }

    .jypx-section-title {
        font-size: 16px;
        margin-bottom: 12px;
    }

    .jypx-results-desc,
    .jypx-certification-desc {
        font-size: 14px;
        line-height: 1.5;
    }
}

.kcxpart4 .c_h46 {
    text-align: center;
    margin-bottom: 60px;
    font-size: 24px;
    color: #333;
    font-weight: bold;
}

.kcxpart4 .report-container {
    display: flex;
    justify-content: center;
    gap: 80px;
    margin-bottom: 40px;
    flex-wrap: nowrap;
}

.kcxpart4 .report-item {
    text-align: center;
    flex: 0 0 auto;
}

.kcxpart4 .report-item img {
    width: 280px;
    height: 380px;
    object-fit: contain;
    margin-bottom: 20px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
    border-radius: 12px;
    background: #fff;
}

.kcxpart4 .report-item p {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
}

/* 移动端响应式样式 */
@media (max-width: 768px) {
    .kcxpart4 .report-container {
        justify-content: space-between;
        gap: 30px;
        flex-wrap: wrap;
    }

    .kcxpart4 .report-item {
        flex: 0 0 calc(50% - 15px);
        max-width: calc(50% - 15px);
    }

    .kcxpart4 .report-item img {
        width: 100%;
        height: auto;
        max-height: 250px;
    }

    .kcxpart4 .report-item p {
        font-size: 12px;
    }

    /* 新闻列表移动端样式 */
    .news_list .list1 dl {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        box-sizing: border-box;
    }

    .news_list .list1 dd {
        flex: 1;
        min-width: 0;
        box-sizing: border-box;
        padding-left: 10px;
    }

    .news_list .list1 .content {
        flex: 1;
        min-width: 0;
    }

    .news_list .list1 .img {
        width: 80px;
        height: 50px;
        flex-shrink: 0;
        margin-left: 10px;
    }
}

.c_page {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 30px;
}

.pagination_index_num {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #666;
    cursor: pointer;
    background: #f5f5f5;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.pagination_index_num.currentIndex {
    background: var(--color);
    color: #fff;
}

.pagination_index_num a {
    color: #666;
    display: block;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.pagination_index_num a:hover {
    color: var(--color);
}

.pagination_index1 {
    height: 100%;
    display: flex;
    align-items: center;
}

.pagination_index1 .arrow {
    height: 100%;
    display: flex;
    align-items: center;
}

.pagination_index1 .arrow a {
    padding: 0 15px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #666;
    background: #f5f5f5;
    border-radius: 4px;
    transition: all 0.3s ease;
    text-decoration: none;
}

.kcxpart4 .pagination_index1 .arrow a:hover {
    color: var(--color);
    box-shadow: 0 4px 12px rgba(216, 136, 32, 0.4);
}

.kcxpart6 {
    padding-bottom: 6vw;
}

.kcxpart6 .c_h30 {
    line-height: 3;
    margin-bottom: 1vw;
}

.kcxpart6 .back_video {
    z-index: -1;
}

.kcxpart6 .c_h46 {
    text-align: center;
    padding-bottom: 2.6042vw;
}

.kcxpart6 .tab_box {
    margin-bottom: 0vw;
    padding-top: 3vw;
}

.kcxpart6 .tab {
    display: flex;
    margin-left: -2vw;
}

.kcxpart6 .tab a {
    flex: 1;
    text-align: center;
    padding: 0.5208vw 0 1.0417vw 0;
    font-size: var(--fz24);
    color: #fff;
    position: relative;
    margin-right: 2vw;
}

.kcxpart6 .tab a::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -1px;
    transform: translateX(-50%);
    width: 58%;
    height: 0.12vw;
    background: #fff;
    transition: 0.5s;
    opacity: 0;
}

.kcxpart6 .tab a.selected::after {
    opacity: 1;
}

.kcxpart6 .box {
    height: 33.8542vw;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: var(--radius);
    display: flex;
    flex-direction: column;
    padding: 0 5.2083vw;
    color: #fff;
    overflow: hidden;
}

.kcxpart6 .cont {
    width: 45.3125vw;
    height: 18vw;
    padding-top: 2vw;
    font-size: var(--fz16);
    line-height: 2.58;
}

.kcxpart6 .c_more {
    font-size: var(--fz24);
}

.kcxpart6 .c_more .iconfont.icon-lineright::before {
    font-size: var(--fz24);
    font-weight: 600;
}

.kcxpart6 .c_more {
    width: 12.375vw;
    height: 3.3958vw;
}

/* 动效 */
.scrollbox .often_anima {
    opacity: 0;
    transition: 1s;
}

.scrollbox .often_anima:nth-child(1) {
    transition-delay: 0s;
}

.scrollbox .often_anima:nth-child(2) {
    transition-delay: 0.2s;
}

.scrollbox .often_anima:nth-child(3) {
    transition-delay: 0.4s;
}

.scrollbox .often_anima:nth-child(4) {
    transition-delay: 0.6s;
}

.scrollbox .often_anima:nth-child(5) {
    transition-delay: 0.8s;
}

.scrollbox .often_anima:nth-child(6) {
    transition-delay: 1s;
}

.scrollbox .often_anima_scale {
    transform: scale(0.9);
}

.scrollbox .often_anima_scale2 {
    transform: scale(1.1);
}

.scrollbox .often_anima_left {
    transform: translateX(-30px);
}

.scrollbox .often_anima_right {
    transform: translateX(100px);
}

.scrollbox .often_anima_top {
    transform: translateY(-30px);
}

.scrollbox .often_anima_bottom {
    transform: translateY(30px);
}

.scrollbox.on .often_anima {
    transform: translate(0) scale(1);
    opacity: 1;
}

.scrollbox .often_anima_width {
    width: 0;
    opacity: 1;
    transform-origin: left;
}

.scrollbox.on .often_anima.often_anima_width {
    width: 100%;
}

.kcxpart1,
.kcxpart4,
.kcxpart5 {
    padding-top: 3vw;
    padding-bottom: 3vw;
}

.kcxpart3 {
    padding-top: 3vw;
    padding-bottom: 4vw;
}

.kcxpart1 .c_h30 {
    margin-bottom: 2vw;
}

.kcxpart1 .gh {
    display: flex;
}

.kcxpart1 .gh .item {
    flex: 1;
    padding: 0 2vw;
    text-align: center;
}

.kcxpart1 .gh .item dd {
    font-size: var(--fz20);
    line-height: 3;
}

.kcxpart5 .c_h46 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 10px;
    position: relative;
    width: 100%;
}

.kcxpart5 .c_h46::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(to left, #c1191f, #f7ab00);
}

.kcxpart5 .c_h46 .c_more {
    position: absolute;
    right: 0px;
    bottom: 10px;
    font-size: var(--fz24);
    font-weight: normal;
    background: #fff;
    color: #d88820;
    border-color: #fff;
}

.kcxpart5 .c_h46 .c_more::after {
    display: none;
}

.kcxpart5 .c_h46 .c_more .iconfont.icon-lineright::before {
    font-size: var(--fz14);
    font-weight: 600;
}

.kcxpart5 .wrap {
    margin-top: 20px;
}

.kcxpart5 .wrap .item {
    padding-top: 2vw;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3.125vw;
}

.kcxpart5 .wrap .item dl {
    padding-bottom: 1.5vw;
    border-bottom: 1px solid #e5e5e5;
}

.kcxpart5 .wrap .item dl dt {
    font-size: var(--fz24);
    line-height: 2;
    color: #333;
}

.kcxpart5 .wrap .item dd {
    font-size: var(--fz16);
    line-height: 2;
    color: #999;
}

.kcxfz .sub_title {
    width: fit-content;
    padding-left: 0;
    padding-right: 0px;
    margin-left: auto;
    margin-right: auto;
}

.kcxfz p {
    color: #666;
    font-size: var(--fz16);
    line-height: 1.8;
}

/*/* 可持续发展 end*/
/* 投资者查询 */
/* 投资者查询样式 */
.investor-query {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

.investor-query .bg-image {
    width: 100%;
    height: 31vw;
    background: url(/lydlww/xhtml/images/bg_tzzcx.png) no-repeat;
    background-size: cover;
    position: relative;
    border-radius: var(--radius);

}

.investor-query .bg-image::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.investor-query .container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-left: 10%;
    z-index: 1;
}

.investor-query .title {
    font-size: 3.5vw;
    font-weight: bold;
    color: #fff;
    margin-bottom: 4vw;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    text-align: left;
}

.investor-query .contact-info {
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 6%;
    display: flex;
    justify-content: space-between;
}

.investor-query .contact-item {
    flex: 1;
    text-align: center;
    color: #fff;
    padding: 0 2vw;
    border-left: 1px solid #fff;

}

.investor-query .contact-item:nth-child(1) {
    border-left: none;
}


.investor-query .contact-label {
    font-size: 1.2vw;
    margin-bottom: 0.8vw;
    opacity: 0.9;
}

.investor-query .contact-value {
    font-size: 1.4vw;
    font-weight: 500;
}

/* 分页 */
.pagination_index,
.pagination_index_num,
.pagination_index1,
.pagination_index_last {
    width: 2.6042vw;
    height: 2.6042vw;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #F3F3F3;
    border-radius: 0.5208vw;
    margin: 0 0.5208vw;
}

.pagination_index,
.pagination_index1,
.pagination_index_last {
    width: 5.2083vw;
}

.currentIndex,
.pagination_index:hover,
.pagination_index_num:hover,
.pagination_index1:hover,
.pagination_index_last:hover {
    background: var(--color);
    color: #fff;
}

.pagination_index_last {
    display: none;
}

.c_page a {
    width: 100%;
    height: 100%;
    background: none;
    margin: 0;
    padding: 0;
}

.c_page a:hover {
    background: none;
}

.bangy_part2 .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 弹窗 */
.greeting-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.greeting-popup.show {
    opacity: 1;
}

.greeting-popup.hide {
    opacity: 0;
    pointer-events: none;
}

.greeting-content {
    position: relative;
    max-width: 90%;
    max-height: 90%;
    text-align: center;
    overflow-y: auto;
}

.greeting-content img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
}

/* 桌面端图片默认显示，移动端图片隐藏 */
.desktop-img {
    display: block;
}

.mobile-img {
    display: none;
}


.greeting-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.2);
    border: none;
    border-radius: 50%;
    color: white;
    font-size: 24px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease;
}

.greeting-close:hover {
    background: rgba(255, 255, 255, 0.3);
}

.greeting-close::before {
    content: "×";
    font-weight: bold;
}

/* 图片列表 */
.list_imgcom .list {
    display: flex;
    margin: -2.0833vw -0.5208vw 0;
    flex-wrap: wrap;
    padding-top: 1.5625vw;
}

.list_imgcom .item {
    padding: 2.0833vw 0.5208vw 0;
    width: 25%;
}

.list_imgcom .item dt {
    border-radius: var(--radius);
    overflow: hidden;
}

.list_imgcom .item dd {
    padding-top: 0.5208vw;
    font-size: var(--fz20);
}

.list_imgcom .item dd span {
    padding-left: 0.9375vw;
    background: url(/lydlww/xhtml/images/ico_li1.svg) left 0.4167vw no-repeat;
    background-size: 0.4167vw;
}

/* .zyyw_ywjs dl dd p{display: none;} */
/* 响应式样式 */

/* 大屏幕结束 */
@media screen and (max-width: 1200px) {

    .pagination_index,
    .pagination_index_num,
    .pagination_index1,
    .pagination_index_last {
        width: 7vw;
    }

    .pagination_index,
    .pagination_index1,
    .pagination_index_last {
        width: 12vw;
    }

    .zyyw_ywjs dl {
        flex-direction: column;
        gap: 20px;
    }

    .zyyw_ywjs dt {
        width: 100%;
        height: 100px;
        font-size: 48px;
        line-height: 100px;
    }

    .zyyw_ywjs dd {
        margin: -10px -5px 0;
    }

    .zyyw_ywjs dd p {
        padding-top: 20px;
        padding-bottom: 15px;
    }

    .zyyw_ywjs dd .item {
        width: 32%;
        height: 80px;
        padding: 16px;
        font-size: 16px;
    }

    :root {
        --fz12: 12px;
        --fz14: 14px;
        --fz16: 14px;
        --fz18: 16px;
        --fz20: 16px;
        --fz24: 18px;
        --fz26: 22px;
        --fz30: 26px;
        --fz46: 28px;
        --fz63: 34px;
        --radius: 5px;
    }

    .wrap {
        width: auto;
        margin: 0 20px;
    }

    .c_more {
        width: 140px;
        height: 40px;
        border-radius: 40px;
    }

    .c_more::after {
        font-size: 16px;
        padding-left: 5px;
    }

    .c_tit::before {
        width: 5px;
        height: 5px;
        margin-right: 8px;
    }

    .c_tmt::before {
        width: 4px;
        height: 4px;
        margin-right: 8px;
    }

    .header {
        height: 60px;
        padding: 0 40px;
        align-items: center;
    }

    .header .logo {
        margin-right: auto;
        padding: 0 20px;
        height: 100%;
    }

    .header .logo img {
        width: 130px;
    }

    .header .lang {
        height: 100%;
    }

    .header .lang dt {
        padding: 0 20px;
    }

    .header .lang dt i {
        font-size: 18px;
    }

    .header .lang dl:hover dt i {
        color: #fff;
    }

    .header .lang .phone_lang {
        display: block;
    }

    .header .contact a {
        padding: 0 20px;
    }

    .header .contact a:hover {
        color: #fff;
    }

    .header .but_open {
        border-color: rgba(0, 0, 0, 0.10);
    }

    .header .nav {
        position: fixed;
        left: 0;
        top: 60px;
        width: 100%;
        height: calc(100vh - 60px);
        background: rgba(255, 255, 255, 0.7);
        backdrop-filter: blur(5px);
        display: block;
        padding: 0;
        overflow: auto;
        transform: translateX(100%);
        transition: 0.5s;
    }

    .header .nav dl+dl {
        margin: 0;
    }

    .header .nav dl {
        border-bottom: 1px solid var(--white02);
    }

    .header .nav dt a.active,
    .header .nav dl:hover dt a {
        color: #000;
    }

    .header .nav dt.on .chil i {
        transform: rotate(-90deg);
    }

    .header .nav dt a {
        font-size: 16px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 20px 20px;
        color: #000 !important;
    }

    .header .nav dd {
        display: none;
        position: inherit;
        left: auto;
        top: auto;
        transform: translateY(0);
        transition: 0s !important;
        opacity: 1;
    }

    .header .nav dd span {
        background: none;
        display: block;
        width: 100%;
        box-shadow: none;
    }

    .header .nav span a {
        padding: 10px 20px;
        border: 0;
        color: #333 !important;
        text-align: left;
    }

    .header .nav span a:hover {
        border: 0;
        background: none;
    }

    .header .nav.on {
        transform: translateY(0);
    }

    .header.white .but_open span,
    .header.white .but_open span::after,
    .header.white .but_open span::before {
        background: #333;
    }

    .header.white .lang dt i {
        color: #333 !important;
    }

    .but_open {
        height: 100%;
        cursor: pointer;
        display: flex;
        padding-left: 40px;
        width: 20px;
        position: relative;
    }

    .but_open span {
        width: 20px;
        height: 1px;
        background: #fff;
        position: absolute;
        left: 0;
        top: 50%;
        transition: 0.4s;
    }

    .but_open span::after,
    .but_open span::before {
        content: "";
        position: absolute;
        left: 0;
        width: 100%;
        height: 1px;
        background: #fff;
        display: block;
        transition: 0.4s;
    }

    .but_open span::before {
        top: -6px;
    }

    .but_open span::after {
        top: 6px;
    }

    .but_open.on span {
        background: none !important;
    }

    .but_open.on span::after {
        transform: rotate(-45deg);
        top: 0;
    }

    .but_open.on span::before {
        transform: rotate(45deg);
        top: 0;
    }

    .footer .col_1 dt p:last-child {
        letter-spacing: 2.2px;
    }

    .footer .col_3 dt {
        height: 40px;
        padding: 0 15px;
    }

    .footer .col_3 dt::after {
        font-size: 11px;
    }

    /* 博鱼官方网页版_博鱼(中国) */
    .home_part1 .title {
        font-size: 46px;
    }

    .home_part1 .con_box {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
    }

    .home_part1 .con_box .li {
        grid-column: span 2;
        height: 15vw;
    }

    .home_part1 .con_box .li:nth-child(1),
    .home_part1 .con_box .li:nth-child(2) {
        grid-column: span 3;
    }

    .home_part3 .list,
    .home_part3 .list1_box {
        width: 50%;
    }

    .home_part3 .list1 dl {
        height: 95px;
    }

    .home_part3 .list1 dt .tpt {
        width: 90px;
    }

    .home_part3 .list1 dt .tdt {
        font-size: 16px;
    }

    .home_part3 .list1 dd {
        padding-left: 20px;
    }

    .home_part3 .list1 dt .logo {
        height: 25px;
    }

    .home_part3 .hot .button {
        width: 30px;
        height: 30px;
    }

    .home_part3 .list2 {
        grid-template-columns: 1fr 1fr;
    }

    .home_part3 .list2 .item img {
        height: 24.6vw;
    }

    .home_part4 .swiper-slide .box {
        width: 40vw;
        margin: 0 3vw;
    }

    .home_part4 .swiper_tab {
        margin-top: 4vw;
    }

    .home_part4 .swiper_tab span {
        line-height: 2;
    }

    .home_part5 .con_l .tab a {
        line-height: 2;
    }

    .home_part6 .con_box {
        flex-direction: column;
    }

    .home_part6 .con_box .con_l {
        width: 100%;
    }

    .home_part6 .con_box .con_l .txt {
        padding-bottom: 2vw;
    }

    .home_part6 .con_box .img {
        width: 60%;
    }

    .c_subnav a {
        height: 40px;
    }

    .c_subnav .wrap {
        margin: 0;
    }

    .c_banner {
        height: 400px;
    }

    .honors-container {
        max-width: 100%;
        flex-direction: column;
    }

    .year-list {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
        display: flex;
        overflow-x: auto;
        padding-bottom: 10px;
        border-right: 1px solid #ddd;
    }

    .year-item {
        margin-right: 30px;
        white-space: nowrap;
    }

    .honors-content {
        grid-template-columns: 1fr;
    }

    .trophy-icon {
        position: relative;
        right: 0;
        bottom: 0;
        margin-top: 30px;
        width: 100px;
        height: 150px;
    }
}

@media (max-width: 1000px) {
    .env-protection-container {
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }

    .env-card {
        padding: 20px;
    }

    .env-card h3 {
        font-size: 16px;
    }

    .env-card p {
        font-size: 13px;
    }

    .env-protection-container::after {
        width: 100px;
        height: 100px;
        background-size: 60px;
        margin-top: -15px;
        padding: 12px;
    }

    .zyyw_ywjs dt {
        height: 100px;
        font-size: 40px;
        line-height: 100px;
    }

    .zyyw_ywjs dd .item {
        width: 48%;
    }
}

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

    :root {
        --fz20: 14px;
        --fz24: 16px;
        --fz26: 18px;
        --fz30: 18px;
        --fz46: 22px;
        --fz63: 30px;
    }


    .wrap {
        margin: 0 20px;
    }

    .c_more {
        width: 125px;
        height: 34px;
    }

    .c_more::after {
        font-size: 14px;
        transform: translateY(1px);
    }

    .header {
        height: 60px;
        padding: 0 20px;
    }

    .header .logo {
        border: 0;
        padding: 0;
    }

    .header .logo img {
        width: 130px;
    }

    .header .contact {
        display: none;
    }

    .header .nav dt a {
        padding: 15px 20px;
    }

    .header .lang dl {
        border: 0;
    }

    .header .but_open {
        padding: 0;
    }

    .footer .col_2 {
        display: none;
    }

    .footer .col_3 {
        display: none;
    }

    .footer .col_4 {
        padding: 20px 0;
        display: block;
        text-align: center;
    }

    .footer .col_4>div+div {
        padding-top: 5px;
    }

    .footer .col_1 {
        border: 0;
        margin: 0;
        padding: 20px 0 0 0;
    }

    .footer .col_1 dd {
        margin: 0 -20px 0 10px;
        padding: 0;
        overflow: auto;
    }

    .footer .col_1 dd .box {
        display: flex;
    }

    .footer .col_1 dd span:hover .dt img {
        transform: translateY(0px) scale(1);
    }

    .footer .col_1 dd span {
        padding: 0 10px 0 0;
        display: inline-block;
        flex-shrink: 0;
    }

    .footer .col_1 .dd {
        display: none;
    }


    /* 博鱼官方网页版_博鱼(中国) */
    .home_main .c_h46,
    .home_main .c_h46 a {
        color: #666;
    }

    .home_part1 .title {
        font-size: 8vw;
        padding-top: 10vw;
    }

    .home_part1 .con_box .li {
        height: 90px;
        padding: 10px;
        grid-column: span 3;
        font-size: 12px;
    }

    .home_part1 .con_box .li:last-child {
        grid-column: span 6;
    }

    .home_part1 .con_box .li .num b {
        font-size: 24px;
        margin-right: 5px;
    }

    .home_part2 .con_box {
        padding: 40px 0;
        flex-direction: column;
    }

    .home_part2 .con_box .img {
        width: 100%;
    }

    .home_part2 .con_box .con_r {
        width: 100%;
        padding: 0;
    }

    .home_part2 .con_box .con_r .c_tit {
        font-size: 22px;
        justify-content: center;
        font-weight: bold;
        padding-top: 20px;
    }

    .home_part2 .con_box .con_r .c_tit::before {
        display: none;
    }

    .home_part2 .con_box .con_r .c_h46 {
        text-align: center;
        padding: 10px 0;
        font-size: 18px;
    }

    .home_part2 .con_box .con_r .txt {}

    .home_part2 .con_box .con_r .tat {
        padding-top: 20px;
        text-align: center;
    }

    .home_part3 {
        padding: 60px 0;
    }

    .home_part3 .tab_box {
        margin-bottom: 20px;
    }

    .home_part3 .tab a {
        padding-bottom: 5px;
        font-size: 14px;
    }

    .home_part3 .tab a::after {
        width: 100%;
        bottom: 0;
    }

    .home_part3 .cont {
        display: block;
    }

    .home_part3 .list,
    .home_part3 .list1_box {
        width: auto;
    }

    .home_part3 .hot {
        position: inherit;
        width: 100%;
        height: 250px;
        padding-bottom: 20px;
    }

    .home_part3 .hot .c_h24 {
        font-weight: normal;
    }

    .home_part3 .list dt {
        width: 150px;
    }

    .home_part3 .list dd {
        padding-left: 10px;
    }

    .home_part3 .list .item+.item {
        padding-top: 20px;
    }

    .home_part3 .list .tet {
        display: none;
    }

    .home_part3 .list .txt {
        padding: 0;
        font-weight: bold;
        display: -webkit-box;
        white-space: initial;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .home_part3 .cont .tat {
        display: block;
        text-align: center;
        padding-top: 20px;
    }

    .home_part3 .list2 .item .txt {
        position: relative;
        background: none;
    }

    .home_part3 .list2 .item .c_tmt,
    .home_part3 .list2 .item .tpt {
        color: #666;
        font-weight: normal;
    }

    .home_part4 {
        padding: 60px 0;
    }

    .home_part4 .wrap {
        position: relative;
    }

    .home_part4 .swiper_box {
        height: auto;
        margin-top: 70px;
    }

    .home_part4 .swiper_box .button {
        display: none;
    }

    .home_part4 .swiper-slide {
        flex-direction: column-reverse;
        height: auto;
    }

    .home_part4 .swiper-slide .box {
        width: 100%;
        margin: 0;
    }

    .home_part4 .swiper-slide .img {
        flex: none;
        width: 100%;
        height: 200px;
        margin-bottom: 20px;
    }

    .home_part4 .swiper-pagination {
        display: block;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 10px;
        position: absolute;
        top: 220px;
    }

    .home_part4 .swiper-pagination span {
        background: #fff;
        opacity: 1;
        width: 5px;
        height: 5px;
    }

    .home_part4 .swiper-pagination span.swiper-pagination-bullet-active {
        background: var(--color);
        width: 15px;
        border-radius: 20px;
    }

    .home_part4 .tab_box {
        position: absolute;
        top: 20px;
        left: 0;
        width: 100%;
        overflow: hidden;
        overflow-x: auto;
    }

    .home_part4 .swiper_tab {
        width: 100%;
        display: flex;
        border-bottom: none;
    }

    .home_part4 .swiper_tab>div {
        flex: none;
        padding: 0 15px;
        text-align: center;
        border-bottom: 1px solid #D5D7DB;
    }

    .home_part4 .swiper_tab span {
        font-size: 14px;
        line-height: 36px;
    }

    .home_part4 .swiper-slide .txt {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .home_part4 .swiper-slide .tet {
        padding-bottom: 15px;
    }

    .home_part4 .swiper-slide .tat {
        text-align: center;
    }

    .home_part5 {
        padding: 60px 0;
        overflow: hidden;
    }

    .home_part5 .c_h46 {
        padding-bottom: 20px;
    }

    .home_part5 .con_box {
        flex-direction: column;
    }

    .home_part5 .con_l .tit {
        padding-bottom: 10px;
    }

    .home_part5 .con_l .tab {
        display: flex;
    }

    .home_part5 .con_l .tab a {
        flex: 1;
        padding: 5px 10px;
        line-height: 1.4;
        text-align: center;
    }

    .home_part5 .con_r .cont {
        padding: 15px 0;
        display: block;
    }

    .home_part5 .con_r .li_l {
        flex: 1;
        padding: 0;
        border-right: none;
    }

    .home_part5 .con_r .li_l .num {
        justify-content: flex-end;
    }

    .home_part5 .con_r .li_l .num>span {
        font-size: 50px;
        line-height: 60px;
    }

    .home_part5 .con_r .li_l .num .iconfont {
        width: 40px;
        font-size: 40px;
    }

    .home_part5 .con_r .li_l .num .num_r {
        font-size: 14px;
    }

    .home_part5 .con_r .li_l .stop {
        font-size: 14px;
    }

    .home_part5 .con_r .li_r {
        padding: 5px 0 0 0;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .home_part5 .con_r .li_r>div {
        line-height: 2;
        font-size: 14px;
        text-align: center;
    }

    .home_part5 .list {
        display: grid;
        grid-template-columns: 1fr 1fr;
        padding-top: 20px;
        gap: 10px;
    }

    .home_part5 .list .li {
        flex: none;
    }

    .home_part5 .list .li a {
        height: 150px;
        gap: 8px;
    }

    .home_part5 .list .li .img {
        width: 40px;
    }



    .home_part6 {
        padding: 60px 0;
        overflow: hidden;
    }

    .home_part6 .c_h46 {
        padding-bottom: 20px;
    }

    .home_part6 .con_box .con_l .txt {
        padding-bottom: 15px;
    }

    .home_part6 .con_box .con_l .tat {
        text-align: center;
    }

    .home_part6 .con_box .con_l .tat .c_more {
        padding: 0 20px;
    }

    .home_part6 .con_box .img {
        width: 100%;
        padding-top: 15px;
    }

    .home_part6 .list {
        display: block;
    }

    .home_part6 .list .li {
        margin-bottom: 10px;
    }

    .home_part6 .list .li a {
        padding: 15px;
    }

    .home_part6 .list .li .tit {
        padding-bottom: 10px;
    }

    .home_part6 .list .li .tit img {
        width: 20px;
        margin-right: 5px;
    }

    .home_part6 .list .li .txt {
        padding-bottom: 10px;
    }


    .home_part7 {
        padding-bottom: 40px;
        text-align: center;
    }

    .home_part7 .box {
        height: auto;
        padding: 20px;
        min-height: 250px;
    }

    .home_part7 .box .tet {
        width: auto;
        padding: 0 0 40px 0;
        text-align: left;
    }

    .home_part7 .c_h46 {
        color: #fff;
        padding-bottom: 20px;
    }

    .c_banner {
        height: 250px;
    }

    .c_banner .txt {
        font-size: 32px;
        padding-top: 30px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .c_banner .txt::after {
        content: '';
        position: absolute;
        bottom: -12px;
        left: 50%;
        width: 40%;
        height: 3px;
        background: rgba(255, 255, 255, 0.5);
        transform: translateX(-50%);
        transition: all 0.2s ease;
    }

    .c_banner .c_path {
        top: 55px;
        display: none;
    }

    /* 关于我们 */
    .about_part1 .wrap {
        display: block;
    }

    .about_part1 .row_2 {
        display: block;
        width: 100%;
    }

    .about_part_ywls .list {
        display: grid;
        gap: 1rem;
        /* 依然保持三列 grid 两行布局，只是卡片内容缩放 */
        grid-template-columns: repeat(3, 1fr);
    }

    .ldItem {
        margin-bottom: 20px;
    }

    .ldItem dt {
        min-width: 80%;
        width: 100%;
        min-height: 32px;
        height: fit-content;
        line-height: 2;
        background: none;
        border-radius: 16px;
        margin-bottom: 15px;
    }

    .ldItem dt a {
        border-radius: 16px;
        padding: 0 15px;
    }

    .ldItem dt span.ldTitle {
        display: block;
        padding: 10px;
        line-height: 1.2;
    }

    .timeline::after {
        left: 10px;
        width: 3px;
        margin-left: -3px;
    }

    .timeline-item {
        width: 100%;
        padding-left: 20px;
        padding-right: 0px;
        flex-direction: column;
        margin-bottom: 30px;
    }

    .timeline-item::after {
        left: 6px;
        width: 20px;
        height: 20px;
        border: 4px solid #d8881f;
        top: 15px;
        margin-left: -12px;
    }

    .timeline-date {
        width: 100%;
        text-align: left !important;
        margin: 0 0 10px 0 !important;
        padding: 0;
        font-size: 40px;
        line-height: 60px;
        padding-left: 10px;
    }

    .timeline-content {
        width: 100%;
        margin: 0 !important;
        padding: 0px;
        padding-left: 10px;
    }

    .timeline-content p {
        font-size: 16px;
        line-height: 34px;
    }

    .nav-tabs li {
        margin: 0 5px;
        margin-bottom: 10px;
    }

    .nav-tabs li a {
        padding: 8px 15px;
        font-size: 14px;
    }

    .sub_title {
        width: 100%;
        margin: 0 auto;
        display: flex;
        padding-left: 0%;
        padding-right: 0%;
        margin-bottom: 30px;
        font-weight: 600;
    }

    .sub_title>a.selected {
        background: #d9881f;
        color: #fff;
    }

    .sub_title>a {
        width: 30%;
        height: 36px;
        line-height: 36px;
        background: #f3f3f3;
        border-radius: 16px;
        font-size: var(--fz18);
        flex: none;
        text-align: center;
        margin: 0 10px;
    }

    .honors-container {
        width: 100%;
        padding: 0 10px;
    }

    .year-list {
        padding-top: 15px;
    }

    .year-item {
        width: 100%;
        padding: 5px 20px;
    }

    .honor-year {
        padding-left: 35px;
    }

    .honor-card {
        width: 100%;
        margin-left: 0;
        margin-right: 0px;
        padding: 20px;
        margin-bottom: 20px;
    }

    .honor-description {
        font-size: 14px;
    }

    /* 博鱼官方网页版_博鱼(中国) */
    .news_list .list1 .item {
        width: 100%;
        padding: 0;
    }

    .news_list .list1 .img {
        display: none;
    }

    .news_list .list1 dt .tdt {
        font-size: 14px;
    }

    .news_list .list1 .tet {
        font-size: 14px;
        line-height: 1.5;
        font-weight: normal;
    }

    .news_list .list1 {
        margin: 0;
    }

    .news_list .list1 .item {
        width: 100%;
        padding: 0;
    }

    .news_list .item dl {
        padding: 20px 0;
        padding-bottom: 20px;
    }

    .news_list .list1 dt .tdt {
        font-size: 14px;
    }

    .news_list .list1 dd {
        padding-left: 10px;
    }

    /* 主营业务 */
    .zyyw_zdxm .swiper {
        width: 100%;
        height: 48vw;
        /* 保持36vw/75vw的比例，100% * 36/75 = 48% */
    }

    .zyyw_zdxm .swiper-slide dl {
        flex-direction: column;
        gap: 15px;
        height: 100%;
    }

    .zyyw_zdxm .swiper-slide dt {
        height: 42.67vw;
        /* 保持32vw/75vw的比例，100% * 32/75 ≈ 42.67% */
    }

    .zyyw_zdxm .swiper-slide dd {
        width: 100%;
        flex-direction: row;
        gap: 10px;
        height: 13.33vw;
        /* 保持10vw/75vw的比例，100% * 10/75 ≈ 13.33% */
    }

    .zyyw_zdxm .swiper-slide dd a {
        flex: 1;
        height: 100%;
        min-width: 0;
    }

    .zyyw_zdxm .swiper-navigation {
        width: 100%;
        gap: 20px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .zyyw_zdxm .swiper-button-prev,
    .zyyw_zdxm .swiper-button-next {
        width: 30px;
        height: 30px;
    }

    .zyyw_zdxm .swiper-button-next::after,
    .zyyw_zdxm .swiper-button-prev::after {
        font-size: 16px;
    }

    .zyyw_zdxm .swiper-pagination {
        width: 60px;
        font-size: 16px;
        line-height: 40px;
    }

    .zyyw_zdxm .dt-title {
        height: 40px;
        font-size: 16px;
    }

    .zyyw_zdxm .swiper-pagination-1,
    .zyyw_zdxm .swiper-pagination-2,
    .zyyw_zdxm .swiper-pagination-3,
    .zyyw_zdxm .swiper-pagination-4 {
        position: relative;
        width: 28px;

    }

    /* 投资者关系 */

    /* 投资者关系 - 股价行情 */
    .tzz_01 .gpbox {
        flex-direction: column;
    }

    .tzz_01 .gpbox .item {
        padding: 15px;
        margin: 10px 0;
    }

    .tzz_01 .gpbox .item:nth-child(2) {
        margin-left: 0;
    }

    .tzz_01 .sz,
    .tzz_01 .hk {
        font-size: 12px;
        padding: 2px 8px;
        margin-right: 5px;
    }

    .tzz_01 .stock-name,
    .tzz_01 .stock-code {
        font-size: 16px;
        padding-left: 5px;
    }

    .tzz_01 .stock-type {
        font-size: 16px;
        margin-right: 10px;
        margin-left: 5px;
    }

    .tzz_01 .price {
        font-size: 24px;
    }

    .tzz_01 .price i {
        font-size: 16px;
    }

    .tzz_01 .change {
        font-size: 16px;
        padding-top: 10px;
    }

    .tzz_01 .time {
        font-size: 14px;
        margin-right: 5px;
        padding-top: 12px;
    }

    /* 投资者关系 - 公司报告 */
    .tzz_02 {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .tzz_02 .c_h46 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .tzz_02 .wrap {
        flex-direction: column;
    }

    .tzz_02 .wrap .item {
        margin-bottom: 15px;
        flex: none;
        width: 100%;
        background: #f9f9f9;
        padding: 12px;
        border-radius: 8px;
    }

    .tzz_02 .wrap .item dl {
        display: flex;
    }

    .tzz_02 .wrap .item dt {
        width: 130px;
        flex-shrink: 0;
        margin-right: 15px;
    }

    .tzz_02 .wrap .item dt img {
        width: 130px;
        height: auto;
        border-radius: 8px;
    }

    .tzz_02 .wrap dd {
        line-height: 1.8;
        font-size: 14px;
        text-align: left;
        flex: 1;
        padding-top: 10px;
    }

    .tzz_02 .wrap dd a {
        display: block;
        overflow: visible;
        text-overflow: clip;
        white-space: normal;
        word-break: break-all;
        padding: 10px;
        line-height: 1.6;
    }

    .tzz_02 .tat {
        padding-top: 15px;
    }

    .tzz_02 .tab_content {
        display: block;
    }

    .tzz_02 .sub_title {
        padding: 0 20px;
        height: 30px;
    }

    .sub_title span {
        position: absolute;
        top: 5px;
        right: 30px;
        font-size: 14px;
        color: #666;
    }

    .zyyw_ywjs dt {
        height: 80px;
        font-size: 32px;
        line-height: 80px;
    }

    .zyyw_ywjs dd p {
        font-size: 14px;
        padding-top: 15px;
        padding-bottom: 10px;
        color: #fff;
        text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
        font-weight: 600;
    }

    .zyyw_ywjs dd .item {
        width: 100%;
        height: 70px;
        padding: 14px;
        font-size: 14px;
    }

    .zyyw_ywjs dd .item span {
        position: absolute;
        bottom: 10%;
        right: 8%;
        display: none;
    }

    .newsc_part1 .tit {
        flex-wrap: wrap;
        padding: 10px 0 20px 0;
    }

    .tzz_03 {
        margin-top: 30px;
    }

    .tzz_03 .wrap {
        flex-direction: column;
        gap: 20px;
    }

    .tzz_03 .item01 {
        padding: 20px;
    }

    .tzz_03 .item02 {
        width: 100%;
        background: #f9f9f9;
        border-radius: var(--radius);
        padding: 20px;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 20px;
        justify-content: space-between;
    }

    .tzz_03 .item02 dl {
        border-radius: var(--radius);
        padding: 20px;
        margin: 0;
        flex: 1;
        min-width: calc(50% - 10px);
        max-width: calc(50% - 10px);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .tzz_03 .c_h24 {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
        margin-bottom: 20px;
        font-size: 18px;
        padding-bottom: 15px;
        border-bottom: 1px solid #eee;
    }

    .tzz_03 .tab {
        width: 100%;
        margin-left: 0;
        gap: 8px;
        align-items: center;
    }

    .tzz_03 .tabHd {
        padding: 8px 16px;
        font-size: 16px;
        border-bottom: 2px solid transparent;
    }

    .tzz_03 .tabHd.selected {
        color: var(--color);
        border-bottom: 2px solid var(--color);
    }

    .tzz_03 .tab .more {
        font-size: 14px;
    }

    .tzz_03 .list {
        margin-top: 15px;
    }

    .tzz_03 .list li {
        padding: 15px 0;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        border-bottom: 1px solid #f0f0f0;
    }

    .tzz_03 .list li:last-child {
        border-bottom: none;
    }

    .tzz_03 .list li a {
        font-size: 14px;
        margin-right: 0;
        line-height: 1.5;
    }

    .tzz_03 .list li span {
        font-size: 12px;
        color: #999;
    }

    .tzz_03 .item02 dl {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 0;
        width: calc(50% - 10px);
        max-width: 120px;
    }

    .tzz_03 .item02 dt {
        margin-bottom: 10px;
    }

    .tzz_03 .item02 dt img {
        width: 50px;
        height: 50px;
        object-fit: contain;
    }

    .tzz_03 .item02 dd a {
        font-size: 14px;
        color: #333;
        text-align: center;
    }

    .tzz_03 .item02 dd a:hover {
        color: var(--color);
    }

    .kcxpart2 {
        padding: 40px 0;
    }

    .env-protection-container {
        grid-template-columns: 1fr;
        gap: 15px;
        padding: 0 20px;
    }

    .env-card {
        padding: 15px;
    }

    .env-card h3 {
        font-size: 15px;
        margin-bottom: 10px;
    }

    .env-card p {
        font-size: 12px;
        line-height: 1.5;
    }

    .env-protection-container::after {
        display: none;
    }

    /* 758样式结束 */

    /* 公司治理移动端样式 */
    .kcxpart6 .box {
        height: auto;
        min-height: auto;
        padding: 20px;
    }

    .kcxpart6 .tab_box {
        padding-top: 20px;
    }

    .kcxpart6 .tab {
        flex-wrap: wrap;
        margin-left: 0;
    }

    .kcxpart6 .tab a {
        width: 100%;
        flex: none;
        padding: 10px 0;
        font-size: 14px;
        margin-right: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    }

    .kcxpart6 .cont {
        width: 100%;
        height: auto;
        padding-top: 15px;
        font-size: 13px;
        line-height: 1.6;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .kcxpart6 .tat {
        padding-top: 15px;
    }

    .kcxpart6 .c_more {
        width: auto;
        height: auto;
        font-size: 14px;
        padding: 8px 16px;
    }

    /* 投资者查询 */
    .investor-query .bg-image {
        height: 400px;
    }

    .investor-query .container {
        position: absolute;
        top: 40px;
        left: 15px;
        right: 15px;
        height: auto;
        width: auto;
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .investor-query .title {
        font-size: 30px;
        margin-bottom: 20px;
        text-align: left;
    }

    .investor-query .contact-info {
        width: 100%;
        position: static;
        flex-direction: column;
        background: rgba(0, 0, 0, 0.5);
        padding: 20px;
        border-radius: 8px;
        backdrop-filter: blur(10px);
    }

    .investor-query .contact-item {
        flex: none;
        padding: 15px 0;
        border-right: none !important;
        border-left: none !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
        text-align: left;
    }

    .investor-query .contact-item:last-child {
        border-bottom: none;
    }

    .investor-query .contact-label {
        font-size: 14px;
        margin-bottom: 8px;
    }

    .investor-query .contact-value {
        font-size: 16px;
    }

    .c_subnav a {
        padding: 0 5px;
        max-width: 90%;
    }

    /* 投资者查询 结束 */
    /* 分页 */
    .pagination_index,
    .pagination_index_num,
    .pagination_index1,
    .pagination_index_last {
        width: 7vw;
        height: 7vw;
    }

    .pagination_index,
    .pagination_index1,
    .pagination_index_last {
        width: 14vw;
    }

    /* 弹窗 */
    .desktop-img {
        display: none;
    }

    .mobile-img {
        display: block;
    }

    .greeting-content {
        max-width: 95%;
        max-height: 95%;
    }

    .greeting-content img {
        max-width: 100%;
        max-height: 100%;
    }

    .greeting-close {
        top: 10px;
        right: 10px;
        width: 30px;
        height: 30px;
        font-size: 18px;
    }

    /* 图片列表 */
    .list_imgcom .list {
        margin: 0;
        padding: 0;
    }

    .list_imgcom .item {
        width: 100%;
        padding: 20px 0 0 0;
    }

    .list_imgcom .item dt img {
        width: 100%;
    }

    .list_imgcom .item dd {
        padding-top: 10px;
    }

    .list_imgcom .item dd span {
        background-position: left 6px;
    }

    .list_imgcom dt.video::after {
        background-size: 30px;
    }
}
}

.list_imgcom dt.video::after {
    background-size: 30px;
}
}