img {
    border: 0 none;
    max-width: 100%;
    height: auto;
}
.main {
    width: 100%;
    height: auto;
    margin: 0 auto;
    background: url(images/zlxcbg.png) center top;
    background-size: cover;
}

.mainbox {
    width: 90%;
    max-width: 75rem; /* 1200px */
    height: auto;
    padding: 3.125rem 1.25rem; /* 50px 20px */
    margin: 0 auto;
    background-color: #fff;
    box-shadow: -0.625rem 0 1.25rem -0.5rem rgba(0, 0, 0, 0.5),
                0.625rem 0 1.25rem -0.5rem rgba(0, 0, 0, 0.5);
    border-radius: 0.5rem; /* 8px */
    /*margin-top: -1.875rem; /* -30px */*/
    position: relative;
    z-index: 10;
}

.jd{
    width: 66rem;
    height: 13.4375rem;
    margin: 0 auto;
/*            margin-bottom: 3.75rem;*/
}

.jdtoptil{
    width: 100%;
    height: 2.6875rem;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 3rem;
}

.jdtoptil a{
    display: block;
    font-size: 2.25rem;
    font-family: FZZY;
    text-align: center;
    color: #444444;
}

.jdsubtil a:hover,
.jdtoptil a:hover{
    color: #335d95;
}

.jdtwotil{
    width: 66rem;
    height: 1.5rem;
    margin: 0 auto;
}

.jdsubtil{
    width: 50%;
    float: left;
}

.jdsubtil a{
    display: block;
    color: #444444;
    font-size: 1.25rem;
}

/* 所有标题容器的通用样式 */
.qyhcpclogo,
.qyhclogo,
.djcxallogo,
.qlcxallogo,
.zqlogo {
    width: 100%;
    height: auto;
    margin: 0 auto 1.875rem; /* 30px */
    border-bottom: 2px solid #335d95; /* 父容器的下划线 */
    text-align: center;
    padding-bottom: 0; /* 移除底部内边距，避免影响绝对定位 */
    position: relative; /* 作为 .logotil 绝对定位的参照 */
}
.qyhcpclogo{
    border-bottom: none;
}
.zqpclogo{
    border-bottom: none;
}

/* 所有 .logotil 的通用样式（PC端居中） */
.zqpclogo .logotil,
.qyhcpclogo .logotil,
.qyhclogo .logotil,
.djcxallogo .logotil,
.qlcxallogo .logotil,
.zqlogo .logotil {
    width: auto;
    height: auto;
    margin: 0; /* 移除默认外边距 */
    font-family: FZZY;
    color: #335d95;
    border-bottom: 4px solid #335d95; /* 文字的下划线 */
    display: inline-block;
    padding-bottom: 0.3125rem; /* 文字与下划线的间距 */
    
    /* PC端居中定位 */
    position: absolute;
    bottom: -2px; /* 向上移动 2px，与父容器的 border-bottom 重合 */
    left: 50%;
    transform: translateX(-50%); /* 水平居中 */
}

/* 为不同板块设置各自的字体大小，保持原有设计差异 */
.qyhcpclogo .logotil,
.qyhclogo .logotil,
.zqlogo .logotil {
    font-size: 1.75rem; /* 28px */
}
.djcxallogo .logotil,
.qlcxallogo .logotil {
    font-size: 1.5rem; /* 24px */
}
.djcxallogo{
    display: none;
}
.qlcxallogo{
    display: none;
}
.logotil a{
    color: #335d95;
    font-size: 1.75rem;
}
.logobg{
    background: url(images/logobg.png) no-repeat center bottom;
    width: 100%;
    height: 4rem;

}
.logobg a{
    display: block;
    text-align: center;
    font-family: FZZY;
    font-size: 2.25rem;
    color: #268cd1;
}
.yxqs {
    width: 90%; /* 改为相对宽度，适配不同屏幕 */
    max-width: 66.5rem; /* 保留PC端最大宽度 */
    height: auto;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* 子元素居中对齐 */
    align-items: flex-start; /* 顶部对齐 */
    margin-bottom: 7rem;
    padding: 0 1rem; /* 增加内边距，避免边缘紧贴 */
    gap:3rem;
}

/* 保持PC端图片尺寸不变 */
.yxqsimg {
    width: 100%;
    max-width: 37.6rem; /* 615px - 保持原有尺寸 */
    height: auto;
    margin: 0; /* 重置margin，通过flex控制间距 */
    padding: 0.3rem;
    flex: 0 0 auto; /* 禁止图片容器缩放 */
}

.yxqsimg a img {
    width: 100%; /* 改为自适应容器宽度 */
    max-width: 37rem; /* 保留最大宽度 */
    height: 23.15rem;
    object-fit: cover; /* 确保图片不变形 */
}

.yxqsr {
    width: 100%;
    max-width: 24.6875rem; /* 395px - 保留原有最大宽度 */
    height: auto;
    margin: 0;
    padding: 0.3rem;
    flex: 1; /* 允许文字区域自适应剩余空间 */
    min-width: 20rem; /* 设置最小宽度，避免过小 */
}

.yxqsli {
    width: 100%;
    height: auto;
    border-bottom: 2px dashed #888888;
    margin-bottom: 0.9375rem; /* 15px */
    display: flex;
    align-items: center;
    padding-bottom: 0.9375rem; /* 15px */
    /* 移除固定高度，改为自动高度 */
    min-height: 4.0625rem;
}

.yxqsli:last-child {
    border-bottom: none;
}

.yxqsli a {
    font-size: clamp(1rem, 1.5vw, 1.25rem); /* 响应式字体大小 */
    line-height: 1.5;
    color: #555555;
    text-decoration: none; /* 可选：移除下划线 */
    display: block; /* 确保链接可点击区域完整 */
    padding: 0.2rem 0;
}
.two {
    width: 100%;
    height: auto;
    margin: 0 auto 3.125rem; /* 50px */
    display: flex;
    flex-wrap: wrap;
/*            gap: 1.875rem; /* 30px */*/
    margin-bottom: 4rem;
}

.tl,
.tr {
    width: 100%;
    max-width: 28.25rem; 
    height: auto;
    margin: 0 auto;
    padding: 1.25rem; /* 20px */
    
}

.djcxalimg,
.qlcxalimg {
    width: 100%;
    height: auto;
    margin-bottom: 1.25rem; /* 20px */
    border-radius: 0.5rem; /* 8px */
    overflow: hidden;
}

.djcxaltil,
.rwxctil,
.qlcxaltil {
    width: 100%;
    height: auto;
    margin-bottom: 1.25rem; /* 20px */
    line-height: 1.5;
}

.rwxctil{
    margin: 0 auto;
    max-width: 67rem;
}

.djcxaltil a,
.rwxctil a,
.qlcxaltil a {
    font-size: 1.25rem; /* 16px */
    color: #555555;
    display: block;
    padding: 0.625rem; /* 10px */
    background-color: white;
    border-radius: 0.25rem; /* 4px */
}

.djcxalwaplogo{
    display: none;
}
.zq {
    width: 100%;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem; /* 20px */
    justify-content: center;
}
.qyhclogo{
    display: none;
}
.zqlogo{
    display: none;
}
.zq-container {
    width: 100%;
    margin: 0 auto;
    padding: 1.25rem 0; /* 20px 0 */
}

.zq-link {
    display: block;
    width: 100%;
    max-width: 65.625rem; /* 1050px */
    margin: 0 auto;
}

.zq-img {
    width: 100%;
    max-width: 65.625rem; /* 1050px */
    height: auto;
    max-height: 40.875rem; /* 654px */
    object-fit: cover; /* 保持图片比例，避免拉伸 */
}

 @media (minx-width: 62.01rem) {
    .yxqs {
        justify-content: space-between; /* PC端两端对齐 */
    }
    .yxqsr {
        margin-left: 3rem; /* PC端保留右侧间距 */
    }
    .djcxallogo{
        display: none;
    }
    .qlcxallogo{
        display: none;
    }
    .two .logobg{
        display: none;
    }
 }

/* 媒体查询：平板设备（参考浙江在线自适应逻辑） */
@media (max-width: 62rem) { /* 992px */
    .jd{
        width: 100%;
        margin-bottom: 3.75rem;
    }
    .jdtwotil{
        width: 100%;
    }
    .jdsubtil{
        width: 100%; 
    }
    /* 平板端：所有logotil靠左对齐 */
    .qyhcwaplogo .logotil,
    .djcxallogo .logotil,
    .qlcxallogo .logotil,
    .zqlogo .logotil {
        left: 0; /* 取消居中，靠左 */
        transform: none; /* 清除平移 */
        padding-left: 0.5rem; /* 可选：添加左内边距，避免贴边 */
    }
    .djcxallogo{
        display: block;
    }
    .qlcxallogo{
        display: block;
    } 
    .djcxalwaplogo{
        display: block;
    }
    .qyhclogo{
        display: none;
    }
    .qyhcpclogo{
        display: block;
    }
    .zqpclogo{
        display: block;
    }
    .zqlogo{
        display: none;
    }
    .two .logobg{
        display: none;
    }           
    .mainbox {
        width: 100%;
        padding: 1rem 0; /* 40px 15px */
        margin-top: -1.25rem; /* -20px */
    }
    .jdtoptil{
        width: 95%;
        height: 3rem;
        overflow: hidden;
        padding: 0.5rem;
        line-height: 3rem;
        border-bottom: 2px dashed #888888;
        margin-bottom: 0;
    }
    .jdtoptil a{
        width: 100%;
        font-size: 1.25rem;
        font-family: FZLTHK;
        text-align: left;
    }
    .jdsubtil{
        width: 95%;
        height: 3rem;
        overflow: hidden;
        padding: 0.5rem;
        line-height: 3rem;
        border-bottom: 2px dashed #888888;
        float: none;
        margin: 0 auto;
    }
    .jdsubtil a{
        width: 100%;
        font-size: 1.25rem;
        font-family: FZLTHK;
    }
    .qyhclogo .logotil,
    .zqlogo .logotil {
        font-size: 1.5rem; /* 24px */
    }
    .tl,
    .tr{
        padding: 0.3rem;
    } 
    .zqbox {
        width: 93%;
    }
}

/* 媒体查询：手机设备（参考浙江在线移动端样式） */
@media (max-width: 62rem) and (min-width: 40rem) {
    .yxqs {
        gap: 1.5rem; /* 增加间距 */
        margin-bottom: 4rem;
    }
    .yxqsimg, .yxqsr {
        max-width: 100%; /* 平板端允许占满宽度 */
    }
}
@media (max-width: 48rem) { /* 768px */
    .jd{
        width: 100%;
        margin-bottom: 3.75rem;
    }
    .jdtwotil{
        width: 100%;
    }
    .jdsubtil{
        width: 100%; 
    }
    /* 手机端：所有logotil靠左对齐 */
    .qyhclogo .logotil,
    .djcxallogo .logotil,
    .qlcxallogo .logotil,
    .zqlogo .logotil {
        left: 0; /* 取消居中，靠左 */
        transform: none; /* 清除平移 */
        padding-left: 0.5rem; /* 可选：添加左内边距，避免贴边 */
    }    
    .djcxallogo{
        display: block;
    }
    .qlcxallogo{
        display: block;
    } 
    .qyhcwaplogo{
        display: block;
    }
    .qyhclogo{
        display: block;
    }
    .qyhcpclogo{
        display: none;
    }
    .zqpclogo{
        display: none;
    }
    .zqlogo{
        display: block;
    }
    .two .logobg{
        display: none;
    }
    .mainbox {
        width: 100%;
        padding: 1rem 0; /* 30px 10px */
        margin-top: -0.9375rem; /* -15px */
        border-radius: 0.25rem; /* 4px */
    }
    .jdtbd {
        font-size: 1.1429rem; /* ~16px */
    }
    .jdtoptil{
        width: 95%;
        height: 3rem;
        overflow: hidden;
        padding: 0.5rem;
        line-height: 3rem;
        border-bottom: 2px dashed #888888;
        margin-bottom: 0;
    }
    .jdtoptil a{
        width: 100%;
        font-size: 1.25rem;
        font-family: FZLTHK;
        text-align: left;
    }
    .jdsubtil{
        width: 95%;
        height: 3rem;
        overflow: hidden;
        padding: 0.5rem;
        line-height: 3rem;
        border-bottom: 2px dashed #888888;
        float: none;
        margin: 0 auto;
    }
    .jdsubtil a{
        width: 100%;
        font-size: 1.25rem;
        font-family: FZLTHK;
    }
    .tl,
    .tr{
        padding: 0.3rem;
    } 
    .zqbox {
        width: 93%;
    }
}
@media (max-width: 40rem) {
    .yxqs {
        flex-direction: column; /* 移动端垂直排列 */
        gap: 1rem;
        margin-bottom: 2rem;
        /*width: 95%;*/
    }
    .yxqsimg, .yxqsr {
        max-width: 100%; /* 移动端占满宽度 */
        min-width: unset;
    }
    .yxqsli a {
        font-size: 1.4rem; /* 移动端字体稍小 */
    }
    .yxqsli {
        margin-bottom: 0.6rem;
        padding-bottom: 0.6rem;
    }
}
/* 媒体查询：小屏手机 */
@media (max-width: 30rem) { /* 480px */
    .jd{
        width: 100%;
        margin-bottom: 3.75rem;
    }
    .jdtwotil{
        width: 100%;
    }
    .jdsubtil{
        width: 100%; 
    }
    .jdtwotil{
        width: 100%;
    }
    .jdsubtil{
        width: 100%; 
    }
    .jdtoptil{
        width: 95%;
        height: 3rem;
        overflow: hidden;
        padding: 0.5rem;
        line-height: 3rem;
        border-bottom: 2px dashed #888888;
        margin-bottom: 0;
    }
    .jdtoptil a{
        width: 100%;
        font-size: 1.25rem;
        font-family: FZLTHK;
        text-align: left;
    }
    .jdsubtil{
        width: 95%;
        height: 3rem;
        overflow: hidden;
        padding: 0.5rem;
        line-height: 3rem;
        border-bottom: 2px dashed #888888;
        float: none;
        margin: 0 auto;
    }
    .jdsubtil a{
        width: 100%;
        font-size: 1.25rem;
        font-family: FZLTHK;
    }
    /* 小屏手机：所有logotil靠左对齐 */
    .qyhclogo .logotil,
    .djcxalwaplogo .logotil,
    .qlcxallogo .logotil,
    .zqlogo .logotil {
        left: 0; /* 取消居中，靠左 */
        transform: none; /* 清除平移 */
        padding-left: 0.5rem; /* 可选：添加左内边距，避免贴边 */
    }
    .djcxallogo{
        display: block;
    }
    .qlcxallogo{
        display: block;
    } 
    .qyhcwaplogo{
        display: block;
    }
    .two .logobg{
        display: none;
    }
    .qyhclogo .logotil,
    .zqlogo .logotil {
        font-size: 1.4286rem; /* ~20px */
    }
    .djcxallogo .logotil,
    .qlcxallogo .logotil {
        font-size: 1.2857rem; /* ~18px */
    }
    .tl,
    .tr{
        padding: 0.3rem;
    } 
    .qyhcpclogo{
        display: none;
    }
    .qyhclogo{
        display: block;
    }
    .zqpclogo{
        display: none;
    }
    .zqlogo{
        display: block;
    }
    .zqbox {
        width: 93%;
    }
}