@charset "utf-8";
/* 响应式布局 - 适配不同设备尺寸 */
@media screen and (max-width: 1799.98px) {
  /* Banner尺寸调整 */
  .banner_s {
    width: 100%;
 }
}


/* 超大屏幕设备 (宽度小于等于1440px) */
@media screen and (max-width: 1439.98px) {
  html,body {
    font-size: 16px;}
  
  .container {
    max-width: 1320px;}

  /* 导航样式调整 */
  #header_nav {
    padding: 0 2rem;}
  
  .navI > li > a {
    padding: 0 1.25rem;
    height: 4.25rem;
    line-height: 4.25rem;}

  .search_box {
    margin: 1.25rem /* 20/16 */ auto;
    height: 2.5rem /* 40/16 */;}

  /* Banner尺寸调整 */
  .banner_s {
    width: 100%;
    max-width: 1440px;
}

  /* 页面内容区域调整 */
  .box_header .title_box {
    font-size: 2.5rem;}

  .box_header .title_box img {
    height: 3.75rem;}

    #notice-section .box_header .title_box img {
        max-height: 2.125rem /* 34/16 */;
        }

  .box_header .desc_box {
    font-size: 1.375rem;}

  /* 页脚区域调整 */
  #footer_main {
    height: 13.5rem;}

  #footer_main .footer_box_left {
    width: 36%;}

  #footer_main .footer_box_middle {
    width: 45%;}

  /* 系统链接调整 */
  #system_link ul {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 2.5rem;}
}

/* 大屏幕设备 (宽度小于等于1400px) */
@media screen and (max-width: 1399.98px) {
  html,body {
    font-size: 16px;}
  
  .container {
    max-width: 1140px;}

  /* 头部区域调整 */
  #name_box_w {
    height: 10rem;}

  #header_logo img {
    max-height: 3.75rem;}

  /* 导航样式调整 */
  .navI > li > a {
    font-size: 1.0625rem;
    padding: 0 1.125rem;}

  .navI li .children {
    min-width: 180px;}

  /* 子导航样式 */
  .navCur {
    width: 16rem;
    height: 4.75rem;}

  .navCur p {
    font-size: 1.5rem;
    padding-left: 2rem;}

  /* 页面标题调整 */
  .section-title h2 {
    font-size: 2.125rem;}

  .section-title p {
    font-size: 1.0625rem;}
}

/* 大屏幕设备 (宽度小于等于1280px) */
@media screen and (max-width: 1279.98px) {
  html,body {
    font-size: 15px;}
  
  .container {
    max-width: 1080px;}

  /* 头部区域调整 */
  #name_box_w {
    height: 9.5rem;}

  /* 导航样式调整 */
  #header_nav {
    padding: 0 1.5rem;}

  .navI > li > a {
    padding: 0 1rem;
    height: 4rem;
    line-height: 4rem;}

  /* 页面内容调整 */
  .box_header .title_box {
    font-size: 2.25rem;}

  .box_header .title_box img {
    height: 3.5rem;}

  .box_header .desc_box {
    font-size: 1.25rem;}

  /* 页脚区域调整 */
  #footer_main {
    height: 12.5rem;}

  .qrcodeList li .qrcode-img img {
    width: 5rem;
    height: 5rem;}

  /* 系统链接调整 */
  #system_link ul {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 2rem;}
}

/* 标准屏幕设备 (宽度小于等于1200px) */
@media screen and (max-width: 1199.98px) {
  html,body {
    font-size: 15px;}
  
  .container {
    max-width: 960px;}

  /* 头部导航调整 */
  #header_nav {
    padding: 0 1rem;}

  .navI > li > a {
    font-size: 1rem;
    padding: 0 0.875rem;}

  /* 子页面布局调整 */
  #page_left {
    width: 24%;}

  #page_right {
    width: 72%;}

  /* 页脚布局调整 */
  #footer_main .footer_box_left {
    width: 34%;}

  #footer_main .footer_footer_box_middle {
    width: 44%;}

  #footer_main .footer_footer_box_right {
    width: 22%;}

  /* 视频模态框调整 */
  .video_modal_content {
    width: 85%;}
}

/* 小屏电脑设备 (宽度小于等于1024px) */
@media screen and (max-width: 1023.98px) {
  html,body {
    font-size: 15px;}
  
  .container {
    max-width: 900px;
    padding: 0 1rem;}

  /* 头部区域调整 */
  #name_box_w {
    height: 8.5rem;}

  #header_logo img {
    max-height: 3.25rem;}

  /* 导航样式调整 */
  .navI > li > a {
    height: 3.75rem;
    line-height: 3.75rem;
    padding: 0 0.75rem;}

  /* 系统链接调整 */
  #system_link ul {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 1.75rem;}

  /* Swiper按钮调整 */
  .flash_all .swiper-button-next,
  .flash_all .swiper-button-prev {
    width: 2.25rem;
    height: 2.25rem;}
}

/* 平板横屏设备 (宽度小于等于992px) */
@media screen and (max-width: 991.98px) {
  html,body {
    font-size: 15px;}
  
  .container {
    max-width: 720px;}

  /* 头部区域调整 */
  #name_box_w {
    height: 8rem;}

  #header_logo img {
    max-height: 3rem;}

  /* 页面布局调整 */
  #page_left,
  #page_right {
    width: 100%;
    float: none;
    margin-left: 0;}

  /* 页脚重排 */

  #footer {
    margin-bottom: 5rem /* 80/16 */;}

  .friend-links-title {
    font-size: 1.25rem /* 20/16 */;
    margin-bottom: 1.875rem /* 30/16 */
  ;}

  #footer_copy {
    height: auto;
    padding: .625rem /* 10/16 */ 0;
    text-align: center;
    line-height: 2;}

  #footer_main {
    height: auto;
    padding: 2rem 0;}

  #footer_main .footer_box_left,
  #footer_main .footer_box_middle,
  #footer_main .footer_box_right {
    width: 100%;}

  #footer_main .footer_box_middle::after,
  #footer_main .footer_box_middle::before {
    display: none;}
  
}

/* 平板竖屏设备 (宽度小于等于768px) */
@media screen and (max-width: 767.98px) {
  html,body {
    font-size: 15px;}
  
  .container {
    max-width: 540px;}

  /* 头部区域调整 */
  #name_box_w {
    height: 7rem;}

  #header_logo img {
    max-height: 2.75rem;}

 #subNav_box { padding: .625rem /* 10/16 */ 0; background-color: rgba(183, 27, 18, 0.8);}

  .subNav li a { font-size: .9375rem /* 15/16 */;}

  .navCur p {
    font-size: 1.5rem;
    padding-left: 2rem;}

  /* 内容区域调整 */
  .section_box,
  #section_box,
  #section_box_1 {
    padding-top: 2rem;
    padding-bottom: 2rem;}

  /* 标题样式调整 */
  .box_header .title_box {
    font-size: 1.875rem;}

  .box_header .title_box img {
    height: 3rem;}

  .section-title h2 {
    font-size: 1.75rem;}

  /* 系统链接调整 */
  #system_link ul {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 1.5rem;}
}

/* 大屏手机设备 (宽度小于等于576px) */
@media screen and (max-width: 575.98px) {
  html,body {
    font-size: 14px;}
  
  .container {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;}


  .mainInfo {
    font-size: 1.125rem /* 18/16 */;}

  /* 头部区域调整 */
  #name_box_w {
    height: 5rem /* 80/16 */;}

  #header_logo img {
    max-height: 2.5rem;}

  /* 标题样式调整 */
  .box_header .title_box {
    font-size: 1.625rem;}

  .box_header .title_box img {
    height: 2.75rem;}

  .section-title h2 {
    font-size: 1.5rem;}

  /* 页面间距调整 */
  .section_box,
  #section_box,
  #section_box_1 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;}

  /* 系统链接调整 */
  #system_link ul {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: .625rem /* 10/16 */;}

  #system_link img {
    width: 3rem /* 48/16 */;
    height: 3rem /* 48/16 */;}

  /* 视频模态框调整 */
  .video_modal_content {
    width: 95%;}
}

/* iPhone及中等手机设备 (宽度小于等于375px) */
@media screen and (max-width: 374.98px) {
  html,body {
    font-size: 14px;}

  /* 头部区域调整 */
  #name_box_w {
    height: 5.5rem;}

  #header_logo img {
    max-height: 2.25rem;}

  /* 标题样式调整 */
  .box_header .title_box {
    font-size: 1.5rem;}

  .box_header .title_box img {
    height: 2.5rem;}

  .section-title h2 {
    font-size: 1.375rem;}

  /* 页面间距调整 */
  .section_box,
  #section_box,
  #section_box_1 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;}

  /* 系统链接调整 */
  #system_link ul {
    grid-template-columns: 1fr;
    grid-gap: 1rem;
}

  /* 页脚样式调整 */
  #footer_main {
    padding: 1.5rem 0;}

  .qrcodeList {
    gap: 1.5rem;}

  .qrcodeList li .qrcode-img img {
    width: 4.5rem;
    height: 4.5rem;}