img {
    border: 0 none;
    max-width: 100%;
    height: auto;
}
.main {
    width: 100%;
    height: auto;
    margin: 0 auto;
    background: url(images/gqbg.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: 100%;
    height: auto;
    margin: 0 auto 3.125rem; /* 50px */
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem; /* 20px */
    margin-bottom: 7rem;
}

.jdl {
    width: 100%;
    max-width: 31.25rem; /* 500px */
    height: 100%;
    position: relative;
    margin: 0 auto;
}

.jdr {
    width: 100%;
    max-width: 31.25rem; /* 500px */
    height: auto;
    margin: 0 auto;
}
.jdrwap {
    display: none;
    width: 100%;
    max-width: 31.25rem; /* 500px */
    height: auto;
    margin: 0 auto;
}

.jdltil {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 0.9375rem; /* 15px */
    display: flex;
    align-items: center;
}

.jdtbd {
    font-size: 1.25rem; /* 18px */
    font-weight: 800;
    line-height: 1.5;
    color: #555555;
}

.jdtbx {
    line-height: 1.5;
    color: #555555;
    font-size: 1.125rem; /* 16px */
}

.jdlabs {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 1.25rem; /* 20px */
}

.jdlabs a {
    font-size: 1rem; /* 16px */
    line-height: 1.5;
    color: #555555;
}

.jdlli {
    width: 100%;
    margin-bottom: 0.8rem; /* 10px */
    font-size: 1.125rem;
}

.jdlli a {
    font-size: 1.125rem; /* 16px */
    line-height: 1.5;
    color: #555555;
}

.jdl .more {
    position: relative;
    right: auto;
    bottom: auto;
    margin-top: 1.25rem; /* 20px */
    text-align: right;
}

.jdl .more a {
    font-size: 1rem; /* 16px */
    line-height: 1.5;
    color: #555555;
    display: inline-block;
    padding: 0.3125rem 0.9375rem; /* 5px 15px */
    border: 1px solid #ddd;
    border-radius: 1.25rem; /* 20px */
}

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

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

/* 为不同板块设置各自的字体大小，保持原有设计差异 */
.yxqslogo .logotil,
.sjzxlogo .logotil,
.zqlogo .logotil {
    font-size: 1.75rem; /* 28px */
}
.djcxallogo .logotil,
.qlcxallogo .logotil {
    font-size: 1.5rem; /* 24px */
}

.logotil a{
		color: #bd3124;
}

.yxqs {
    width: 100%;
    height: auto;
    margin: 0 auto 3.125rem; /* 50px */
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem; /* 20px */
    margin-bottom: 7rem;
}

.yxqsimg {
    width: 100%;
    max-width: 38.4375rem; /* 615px */
    height: auto;
    margin: 0 auto;
}

.yxqsr {
    width: 100%;
    height: auto;
    margin: 0 auto;
    max-width: 31.25rem; /* 395px */
}

.yxqsli {
    width: 100%;
    height: auto;
    border-bottom: 1px dashed #888888	;
    margin-bottom: 0.5rem; /* 15px */
    display: flex;
    align-items: center;
    padding-bottom: 0.5rem; /* 15px */
    height: 2.5rem;
    font-size: 1.125rem;
}

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

.yxqsli a {
    font-size: 1.125rem; /* 16px */
    line-height: 1.5;
    color: #555555;
}

.sjzx {
    width: 100%;
    height: auto;
    margin: 0 auto 3.125rem; /* 50px */
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem; /* 20px */
}

.sjzxl,
.sjzxr {
    width: 100%;
    max-width: 31.25rem; /* 500px */
    height: auto;
    margin: 0 auto;
}

.sjzxtil {
    width: 93%;
    height: auto;
    margin-bottom: 1.25rem; /* 20px */
    padding: 0.9375rem; /* 15px */
    background-color: #f9f9f9;
    /* border-radius: 0.5rem;  */
    transition: all 0.3s ease;
}

.sjzxtil a {
    font-size: 1.125rem; /* 16px */
    color: #555555;
    line-height: 1.5;
    display: block;
}

.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: 31.25rem; /* 500px */
    height: auto;
    margin: 0 auto;
    /* padding: 1.25rem; 20px */
    
}

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

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

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

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

.zqbox {
    width: 32%;
    height: auto;
    margin: 0;
    background-color: white;
    border-radius: 0.5rem; /* 8px */
    overflow: hidden;
    box-shadow: 0 0.1875rem 0.9375rem rgba(0, 0, 0, 0.05); /* 3px 15px */
}

.zqimg {
    width: 100%;
    height: auto;
    margin-bottom: 0.9375rem; /* 15px */
}

.zqtil {
    width: 92%;
    height: auto;
    line-height: 1.5;
    /*overflow: hidden;*/
    padding: 0 0.9375rem 0.9375rem; /* 15px */
}

.zqtil a {
    font-size: 1.125rem; /* 16px */
    color: #555555;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

 @media (minx-width: 62.01rem) {
    .yxqsr{
        max-width: 24.6875rem; /* 395px */
    }
 }


@media (max-width: 62rem) { /* 992px */
    .jdrwap{
        display: block;
    }
    .jdr{
        display: none;
    }
    .mainbox {
        padding: 2.5rem 0.9375rem; /* 40px 15px */
        margin-top: -1.25rem; /* -20px */
    }
    .yxqslogo .logotil,
    .sjzxlogo .logotil,
    .zqlogo .logotil {
        font-size: 1.5rem; /* 24px */
    }
    .zqbox {
        width: 93%;
    }
}


@media (max-width: 48rem) { /* 768px */    
    /* 手机端：所有logotil靠左对齐 */
    .yxqslogo .logotil,
    .sjzxlogo .logotil,
    .djcxallogo .logotil,
    .qlcxallogo .logotil,
    .zqlogo .logotil {
        left: 0; /* 取消居中，靠左 */
        transform: none; /* 清除平移 */
        padding-left: 0.5rem; /* 可选：添加左内边距，避免贴边 */
    }
    
    .jdrwap{
        display: block;
    }
    .jdr{
        display: none;
    }
    .mainbox {
        padding: 1.875rem 0.625rem; /* 30px 10px */
        margin-top: -0.9375rem; /* -15px */
        border-radius: 0.25rem; /* 4px */
    }
    .jdtbd {
        font-size: 1.1429rem; /* ~16px */
    }
    .zqbox {
        width: 93%;
    }
    .djcxalimg,
    .qlcxalimg{
        height: 14.875rem;
    }
}

/* 媒体查询：小屏手机 */
@media (max-width: 30rem) { /* 480px */
    .jdrwap{
        display: block;
    }
    .jdr{
        display: none;
    }
    .yxqslogo .logotil,
    .sjzxlogo .logotil,
    .zqlogo .logotil {
        font-size: 1.4286rem; /* ~20px */
    }
    .djcxallogo .logotil,
    .qlcxallogo .logotil {
        font-size: 1.2857rem; /* ~18px */
    }
    .zqbox {
        width: 93%;
    }
    .yxqs{
        margin-bottom: 2rem;
    }
    .yxqsli{
        height: 2.0625rem;
    }
}