@font-face {
    font-family: 'FZLTHK';
    src: url('images/FZLTHK.TTF') format('woff2'), 
         url('images/FZLTHK.TTF') format('woff1'),
         url('images/FZLTHK.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'FZZY';
    src: url('images/FZZYK.TTF') format('woff2'), 
         url('images/FZZYK.TTF') format('woff1'), 
         url('images/FZZYK.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SP';
    src: url('images/SP.ttf') format('woff2'), 
         url('images/SP.ttf') format('woff'), 
         url('images/SP.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

html {
    font-size: 16px; /* 1rem = 16px */
    background-color: #e7e7e7;
}

body {
    font-size: 1.4rem; /* 1.4 * 16px = 22.4px */
    position: relative;
    min-width: 20rem; /* 320px */
    margin: 0;
    padding: 0;
}

html {
    font-family: FZLTHK;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
    margin: 0;
    padding: 0;
}

body,
button,
input,
select,
textarea,
label {
    font-family: FZLTHK;
    font-size: 0.875rem; /* 14px */
    -webkit-text-size-adjust: none;
}

button,
input,
select,
label {
    vertical-align: middle;
    list-style-type: none;
    border: none;
}

ul {
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}

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

a img,
span img {
    vertical-align: middle;
}

em {
    font-style: normal;
}

a {
    all: unset;
    text-decoration: none;
    color: #000000;
}

a:hover {
    color: #118ab3;
    text-decoration: none;
    cursor: pointer;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

a:hover {
    color: #d10014;
}

.news_more_page {
    text-align: center;
    margin: 20px 0;
    font-size: 16px;
}

.news_more_page span,
.news_more_page a {
    margin-right: 10px;
}

.xlTitle {
    font-size: 16px;
    color: #5F5F5F;
    font-weight: normal;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}
.video{
    width:100%;
    height:500px;
}
.nextPage{
    width: 100%;
    text-align: center;
    display: block;
    padding-top: 25px;
    padding-bottom: 25px;
}
.first{
    display: none;
}
.last{
    display: none;
}
.fenye{
	width:48rem;
	text-align:center;
	display:block;
	padding-top:4rem;
}
.banner {
    background: url(images/ff.png) no-repeat center top;
    height: 33rem; /* 675px */
    width: 100%;
    margin: 0 auto;
    display: block;
    background-size: cover;
}

.wapbanner {
    display: none;
    padding: 1.25rem 0; /* 20px */
    padding-left: 1rem;
    background: url(images/ffwap.png) no-repeat center top; 
    background-size: cover;
    color: #004986;
    height: 5rem;
}

.wapbanner .waptil {
    font-size: 1.8rem; /* 24px */
    margin-bottom: 0.625rem; /* 10px */
    width: 13rem;
    float: left;
    font-family: SP;
}

.waptilo{
    background: url(images/backzjdj.png) no-repeat left bottom;
    font-size: 1.2rem; /* 24px */
    margin-bottom: 0.625rem; /* 10px */
    width: 7.4rem;
    text-align: right;
    float: right;
    padding-top: 0.5rem;
}

.waptilo a{
    color: #004986;
}

.wapbanner .wapabs {
    font-size: 0.75rem;
    flex-direction: column;
    /*justify-content: flex-end;*/
    display: flex;
    height: 2rem;
    width: 100%;
    float: left;
    font-family: SP;
}

.nav {
    background-color: #004986; /* 保持原底色不变 */
    width: 100%;
    padding: 0;
    margin: 0 auto;
    box-sizing: border-box;
    height: 5rem;
}

.navchanel {
    width: 100%;
    max-width: 75rem; /* 与mainbox同宽，参考浙江在线固定宽度居中 */
    margin: 0 auto;
    padding: 0 1rem; /* 左右内边距，适配移动端 */
    box-sizing: border-box;
}

.navchanel ul {
    display: block;
    flex-wrap: nowrap; /* PC端不换行 */
    align-items: center;
    height: 3.5rem; /* 固定PC端导航高度，参考浙江在线紧凑风格 */
    margin: 0;
    padding: 0;
}

.navchanel ul li {
    display: block;
    float: left;
    width: auto;
    height: 100%;
    margin: 0;
    padding: 0 1.25rem; /* 导航项间距，参考浙江在线均匀分布 */
}

.navchanel ul li a {
    font-size: 1.25rem; /* 16px，参考浙江在线字体大小 */
    color: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0;
    transition: all 0.2s ease;
}

.navchanel ul li a:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.3); /* hover半透明背景，参考浙江在线交互 */
    font-weight: 600;
    border-radius: 0; /* 取消圆角，贴合浙江在线简洁风格 */
}

.gqback {
    float: right;
    height: 3.5rem; /* 与导航高度一致 */
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
}

.gqback a {
    font-size: 1rem; /* 与导航项字体一致 */
    color: #fff;
    padding: 0 1.25rem;
    height: 100%;
    display: flex;
    align-items: center;
    background: none; /* 取消原背景，参考浙江在线纯文字样式 */
    border-radius: 0;
}

.gqback a:hover {
    background-color: rgba(255, 255, 255, 0.3);
    font-weight: 600;
    color: #fff;
}
.backzjdj{
    float: right;
}

/* --- 新增/修改 navwap 样式 --- */
.navwap {
    display: none; /* 默认隐藏，非PC端显示 */
    background-color: #004986; /* 与原nav背景色一致 */
    width: 100%; /* 撑满屏幕宽度 */
    box-sizing: border-box; /* 防止padding超出屏幕 */
    padding: 0.75rem 1rem; /* 上下内边距12px，左右16px */
    padding-bottom:1rem;
    overflow: hidden; /* 清除浮动 */
}

.navwap .links {
    display: flex;
    flex-wrap: wrap; /* 自动换行 */
    justify-content: flex-start;
    gap: 0.5rem; /* 项目间距8px */
}

.navwap .links li {
    width: calc(25% - 0.375rem); /* 一行4个，减去间距 */
    box-sizing: border-box;
    text-align: center;
}

.navwap .links li a {
    color: #fff; /* 文字白色 */
    font-size: 1.125rem; /* 14px */
    display: block;
    padding: 0.375rem 0; /* 上下内边距6px */
    border-radius: 0.25rem; /* 4px圆角 */
    transition: all 0.2s ease;
}

.navwap .links li a:hover {
    background-color: rgba(255, 255, 255, 0.3); /* hover效果与原nav一致 */
    color: #fff;
    font-weight: 600;
}

.navwap .morelinks {
    color: #fff; /* 文字白色 */
    font-size: 0.875rem; /* 14px */
    text-align: right; /* 右对齐 */
    padding: 0.375rem 0; /* 上下内边距6px */
    cursor: pointer;
    transition: all 0.2s ease;
}

.navwap .morelinks:hover {
    color: #fff;
    text-decoration: underline;
}  
.listnavjj {
    margin-top: -2rem;
    background: #e1e1e1;
}
@media (max-width: 62rem) { /* 992px */
    .banner {
        height: 25rem; /* 400px */
    }

    
    /* 平板端：隐藏原nav，显示navwap */
    .nav {
        display: none !important;
    }
    .navwap {
        display: block !important;
    }
    
    /* 平板端：所有logotil靠左对齐 */
    .yxqslogo .logotil,
    .sjzxlogo .logotil,
    .djcxallogo .logotil,
    .qlcxallogo .logotil,
    .zqlogo .logotil {
        left: 0; /* 取消居中，靠左 */
        transform: none; /* 清除平移 */
        padding-left: 0.5rem; /* 可选：添加左内边距，避免贴边 */
    }
    
    .navchanel ul {
        flex-wrap: wrap; /* 平板端开始换行 */
        height: auto; /* 取消固定高度 */
        padding: 0.5rem 0;
    }

    .navchanel ul li {
        padding: 0.5rem 1rem; /* 调整间距 */
        width: 33.333%; /* 每行3个导航项 */
        box-sizing: border-box;
    }

    .navchanel ul li a {
        justify-content: center;
        font-size: 0.9375rem; /* 15px，略缩小 */
    }

    .gqback {
        float: none;
        height: auto;
        padding: 0.5rem 1rem;
        width: 100%;
        justify-content: center;
    }
}
.listnavjj {
    margin-top: 0
    background: #e1e1e1;
}
@media (max-width: 48rem) { /* 768px */
    html {
        font-size: 14px; /* 1rem = 14px */
    }
    .banner {
        height: 15.625rem; /* 250px */
        display: none;
    }
    .wapbanner {
        display: block;
        height: auto;
        padding: 1rem;
        height: 4rem;
    }
    /* 手机端调整navwap：一行4个li，间距适配 */
    .navwap .links {
        gap: 0.375rem; /* 间距6px */
    }
    .navwap .links li {
        width: calc(25% - 0.28125rem); /* 调整宽度计算，适配更小间距 */
    }
    .navwap .links li a {
        font-size: 1.125rem; /* 11.2px，略小 */
        padding: 0.25rem 0; /* 上下内边距4px */
    }

    .navchanel ul li {
        width: 50%; /* 每行2个导航项 */
        padding: 0.5rem;
    }

    .navchanel ul li a {
        font-size: 0.875rem; /* 12px */
    }

    .gqback a {
        font-size: 0.875rem; /* 12px */
    }
        /* 手机端：隐藏原nav，显示navwap */
    .nav {
        display: none !important;
    }
    .navwap {
        display: block !important;
    }
}
/* 媒体查询：小屏手机 */
@media (max-width: 30rem) { /* 480px */
    /* 小屏手机：继续隐藏原nav，显示navwap */
    .wapbanner{
        height: 6rem;
    }
    .nav {
        display: none !important;
    }
    .navwap {
        display: block !important;
    }
    
    /* 小屏手机：所有logotil靠左对齐 */
    .yxqslogo .logotil,
    .sjzxlogo .logotil,
    .djcxallogo .logotil,
    .qlcxallogo .logotil,
    .zqlogo .logotil {
        left: 0; /* 取消居中，靠左 */
        transform: none; /* 清除平移 */
        padding-left: 0.5rem; /* 可选：添加左内边距，避免贴边 */
    }
    
    /* 小屏手机调整navwap：一行3个li（更适配小屏幕） */
    .navwap .links li {
        width: calc(33.333% - 0.25rem); /* 一行3个 */
    }
    
    .navchanel ul li {
        width: 100%; /* 每行1个导航项 */
    }
    
    .gqback {
        margin-top: 0.5rem;
    }
    
    .banner {
        height: 12.5rem; /* 200px */
    }
}