@charset "utf-8";
/* 响应式布局 - 适配不同设备尺寸 */

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

  /* 视频模态框 */
  .video_modal_content {
    max-width: 1100px;
  }

  /* 统一header */
  #name_box_w {
    height: 5.5rem;
  }

  #index #name_box_w {
    height: 6.875rem;
  }

  /* 主导航 */
  .navI > li > a {
    font-size: 1rem;
  }

  /* Banner相关 */
  .banner_s {
    width: 100%;
  }

  .box_header .title_box {
    font-size: 2.625rem;
  }

  .box_header .desc_box {
    font-size: 1.375rem;
  }
  
  /* 主标题样式 */
  .box_header.main_box_header {
    margin-bottom: 1.75rem;
  }
  
  
  .box_header.main_box_header .title_box a {
    font-size: 2.375rem;
  }
  
  .box_header.main_box_header .desc_box {
    margin-top: 0.8125rem;
    font-size: 0.875rem;
    letter-spacing: 0.3125rem;
  }
}

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

  /* 视频模态框 */
  .video_modal_content {
    max-width: 1050px;
  }

  /* 统一header */
  #name_box_w {
    height: 5.375rem;
  }

  #index #name_box_w {
    height: 6.75rem;
  }

  #name_box_w #header_logo img {
    max-height: 3.875rem;
  }

  /* 主导航 */
  .navI > li > a {
    font-size: 0.9375rem;
  }

  .navI > li:hover > a:after,
  .navI > li.active > a:after {
    width: 4.375rem;
  }
  
  /* 主标题样式 */
  .box_header.main_box_header {
    margin-bottom: 1.625rem;
  }
  
  .box_header.main_box_header .title_box a {
    font-size: 2.25rem;
  }
  
  .box_header.main_box_header .desc_box {
    margin-top: 0.75rem;
    font-size: 0.875rem;
    letter-spacing: 0.3125rem;
  }
}

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

  /* 视频模态框 */
  .video_modal_content {
    max-width: 1000px;
  }

  /* 统一header */
  #name_box_w {
    height: 5.25rem;
  }

  #index #name_box_w {
    height: 6.5rem;
  }

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

  /* 主导航 */
  .navI > li > a {
    font-size: 0.9375rem;
  }

  .navI > li:hover > a:after,
  .navI > li.active > a:after {
    width: 4.25rem;
  }

  /* Banner相关 */
  .banner_s {
    width: 100%;
  }

  .box_header .title_box {
    font-size: 2.5rem;
  }

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

  /* 子导航 */
  .subNav .swiper-slide {
    height: 4rem;
  }

  .subNav .swiper-slide a {
    font-size: 1.125rem;
  }
}

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

  /* 视频模态框 */
  .video_modal_content {
    max-width: 950px;
  }

  /* 统一header */
  #name_box_w {
    height: 5.125rem;
  }

  #index #name_box_w {
    height: 6.25rem;
  }

  #name_box_w .container #header_nav {
    padding: 0 3.5rem;
  }

  #name_box_w #header_logo img {
    max-height: 3.625rem;
  }

  #name_box_w.boxshow {
    height: 4.125rem !important;
  }

  
  /* 主标题样式 */
  .box_header.main_box_header {
    margin-bottom: 1.5rem;
  }
  
  .box_header.main_box_header .title_box a {
    font-size: 2.125rem;
  }
  
  .box_header.main_box_header .desc_box {
    margin-top: 0.6875rem;
    font-size: 0.8125rem;
    letter-spacing: 0.25rem;
  }
}

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

  /* 视频模态框 */
  .video_modal_content {
    max-width: 900px;
  }

  .video_close {
    font-size: 1.75rem;
  }

  /* 统一header */
  #name_box_w {
    height: 5rem;
  }

  #index #name_box_w {
    height: 6rem;
  }

  #name_box_w .container #header_nav {
    padding: 0 3rem;
  }

  #name_box_w #header_logo img {
    max-height: 3.5rem;
  }

  #name_box_w.boxshow {
    height: 4rem !important;
  }

  /* Banner相关 */
  .banner_s {
    width: 100%;
  }

  .box_header .title_box {
    font-size: 2.25rem;
  }

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

  /* 子导航 */
  .subNav .swiper-slide {
    height: 3.75rem;
  }

  .subNav .swiper-slide a {
    font-size: 1.125rem;
  }

  /* 统一子页面 */
  #page_left {
    width: 25%;
  }

  #page_right {
    width: 71%;
    margin-left: 4%;
  }

  #page_right .page_title .title {
    font-size: 1.75rem;
  }

  .section_box,
  #section_box,
  #section_box_1,
  #section_box_2,
  #section_box_3,
  #section_box_4,
  #section_box_5 {
    padding-top: 2.75rem;
    padding-bottom: 2.75rem;
  }

  /* 通用子页面标题 */
  .section-title h2 {
    font-size: 2.125rem;
  }

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

  /* 页脚 */
  #footer_main {
    padding-top: 2.75rem;
    padding-bottom: 3.25rem;
  }

  #footer_main .footer_logo img {
    max-height: 2.75rem;
  }
  
  /* 主标题样式 */
  .box_header.main_box_header {
    margin-bottom: 1.375rem;
  }
  
  .box_header.main_box_header .title_box a {
    font-size: 2rem;
  }
  
  .box_header.main_box_header .desc_box {
    margin-top: 0.625rem;
    font-size: 0.8125rem;
    letter-spacing: 0.25rem;
  }
}

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

  /* 视频模态框 */
  .video_modal_content {
    max-width: 850px;
  }

  .video_close {
    font-size: 1.75rem;
  }

  /* 统一header */
  #name_box_w {
    height: 4.75rem;
  }

  #index #name_box_w {
    height: 5.75rem;
  }

  #name_box_w .container #header_nav {
    padding: 0 2.5rem;
  }

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

  #name_box_w.boxshow {
    height: 3.75rem !important;
  }


  /* Banner相关 */
  .banner_s {
    width: 100%;
  }

  .box_header .title_box {
    font-size: 2.125rem;
  }

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

  /* 子导航 */
  .subNav .swiper-slide {
    height: 3.5rem;
  }

  .subNav .swiper-slide a {
    font-size: 1.125rem;
  }

  /* 统一子页面 */
  #page_left {
    width: 26%;
  }

  #page_right {
    width: 70%;
    margin-left: 4%;
  }

  #page_right .page_title .title {
    font-size: 1.625rem;
  }

  .section_box,
  #section_box,
  #section_box_1,
  #section_box_2,
  #section_box_3,
  #section_box_4,
  #section_box_5 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  /* 通用子页面标题 */
  .section-title h2 {
    font-size: 2rem;
  }

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

  /* 页脚 */
  #footer_main {
    padding-top: 2.5rem;
    padding-bottom: 3rem;
  }

  #footer_main .footer_logo img {
    max-height: 2.5rem;
  }

  .slider_contact_list .slider_tel_num {
    font-size: 1.5rem;
  }
  
  /* 主标题样式 */
  .box_header.main_box_header {
    margin-bottom: 1.25rem;
  }
  
  .box_header.main_box_header .title_box a {
    font-size: 1.875rem;
  }
  
  .box_header.main_box_header .desc_box {
    margin-top: 0.5625rem;
    font-size: 0.75rem;
    letter-spacing: 0.1875rem;
  }
}

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

  /* 视频模态框 */
  .video_modal_content {
    width: 90%;
    max-width: 700px;
  }

  .video_close {
    font-size: 1.625rem;
  }

  /* 统一header */
  #name_box_w {
    height: 4.5rem;
  }

  #index #name_box_w {
    height: 5.5rem;
  }

  #name_box_w .container #header_nav {
    padding: 0 2rem;
  }

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

  #name_box_w.boxshow {
    height: 3.5rem !important;
  }


  /* Banner相关 */
  .banner_s {
    width: 100%;
  }

  .box_header .title_box {
    font-size: 2rem;
  }

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

  /* 子导航 */
  .subNav .swiper-slide {
    height: 3.25rem;
  }

  .subNav .swiper-slide a {
    font-size: 1.125rem;
  }

  /* 统一子页面 */
  #page_left,
  #page_right {
    width: 100%;
    margin-left: 0;
  }

  #page_left {
    margin-bottom: 2rem;
  }

  #page_right .page_title .title {
    font-size: 1.5rem;
  }

  .section_box,
  #section_box,
  #section_box_1,
  #section_box_2,
  #section_box_3,
  #section_box_4,
  #section_box_5 {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }

  /* 通用子页面标题 */
  .section-title h2 {
    font-size: 1.875rem;
  }

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

  /* 页脚 */
  #footer_main {
    padding-top: 2.25rem;
    padding-bottom: 2.75rem;
  }

  #footer_main .footer_logo img {
    max-height: 2.25rem;
  }
  
  /* 主标题样式 */
  .box_header.main_box_header {
    margin-bottom: 1.125rem;
  }
  
  .box_header.main_box_header .title_box a {
    font-size: 1.75rem;
  }
  
  .box_header.main_box_header .desc_box {
    margin-top: 0.5rem;
    font-size: 0.75rem;
    letter-spacing: 0.1875rem;
  }
}

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

  /* 视频模态框 */
  .video_modal_content {
    width: 90%;
    max-width: 500px;
  }

  .video_close {
    top: 8px;
    right: 12px;
    font-size: 1.5rem;
  }

  /* 9:16 */
  .video_container { padding-bottom: 177.7777%; }
  /* 统一header */
  #name_box_w {
    height: 4rem;
  }

  #index #name_box_w {
    height: 4.5rem;
  }

  #name_box_w .container #header_nav {
    padding: 0 1.5rem;
  }

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

  #name_box_w.boxshow {
    height: 3rem !important;
  }
  

  /* 统一header */
  #name_box_w {
    height: 4.25rem;
  }

  #index #name_box_w {
    height: 4.25rem;
  }

  #proinfo #name_box_w {
    border-bottom: 1px solid #efefef;
  }

  #name_box_w .container #header_nav {
    padding: 0 1.25rem;
  }

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

  #name_box_w.boxshow {
    height: 3.25rem !important;
  }

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

  /* Banner相关 */
  .banner_s {
    width: 100%;
  }

  .box_header .title_box {
    font-size: 1.5rem /* 24/16 */;
    line-height: 1.5;
  }

  .box_header .desc_box {
    font-size: 0.9375rem;
    margin-top: 0.2rem;
    line-height: 1.5;
  }

  /* 子导航 */
  #subNav_box {
    overflow-x: auto;
  }

  .subNav .swiper-slide {
    height: 3.125rem;
  }

  .subNav .swiper-slide a {
    font-size: 1.125rem;
    padding: 0 0.75rem;
    white-space: nowrap;
  }

  /* 统一子页面 */
  #page_left,
  #page_right {
    width: 100%;
    margin-left: 0;
  }

  #page_left {
    margin-bottom: 1.75rem;
  }

  #page_right .page_title .title {
    font-size: 1.375rem;
    border-left: 0.3125rem solid var(--base_color);
  }

  .section_box,
  #section_box,
  #section_box_1,
  #section_box_2,
  #section_box_3,
  #section_box_4,
  #section_box_5 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  /* 通用子页面标题 */
  .section-title {
    margin-bottom: 1.125rem;
  }

  .section-title h2 {
    font-size: 1.625rem;
    margin-bottom: 0.3125rem;
  }

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

  /* 页脚 */
  #footer {
    font-size: 0.9375rem;
  }

  #footer_main {
    padding-top: 2rem;
    padding-bottom: 2.25rem;
  }

  #footer_main .box_left,
  #footer_main .box_right {
    width: 100%;
  }

  #footer_main .box_right {
    margin-top: 1.75rem;
    border-left: none;
    padding-left: 0;
  }

  #footer_main .footer_logo img {
    max-height: 2.25rem;
  }

  #footer_main .contactList {
    margin-bottom: 1.375rem;
  }

  #footer_main .contactList li {
    margin-bottom: 0.5rem;
  }

  .qrcodeList .icon_box {
    width: 2rem;
    height: 2rem;
  }

  .qrcodeList .icon_box i {
    font-size: 1.125rem;
  }

  #footer_main .footer_nav {
    display: flex;
    flex-wrap: wrap;
  }

  #footer_main .footer_nav > li {
    width: 50%;
    margin-bottom: 1.125rem;
  }

  #footer_copy {
    height: auto;
    padding: 0.875rem 0;
    font-size: 0.875rem;
  }

  /* swiper按钮适配 */
  .flash_all .swiper-pagination {
    bottom: 1.125rem !important;
  }

  .flash_all .swiper-pagination .swiper-pagination-bullet {
    width: 0.675rem !important;
    height: 0.125rem !important;
    margin: 0 0.25rem;
  }

  .flash_all .swiper-pagination-bullet-active {
    padding: 0 1.125rem !important;
  }

  .swiper-button-prev:after,
  .swiper-button-next:after {
    font-size: 1.125rem !important;
  }
  
  /* 主标题样式 */
  .box_header.main_box_header {
    margin-bottom: 1rem;
  }
  .box_header.main_box_header .title_box { margin-bottom: .625rem /* 10/16 */; }
  .box_header.main_box_header .title_box a {
    font-size: 1.625rem;
  }
  
  .box_header.main_box_header .desc_box {
    margin-top: 0;
    font-size: 0.6875rem;
    letter-spacing: 0.125rem;
  }
}

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

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

  .video_close {
    top: 6px;
    right: 10px;
    font-size: 1.375rem;
  }

  /* 统一header */
  #name_box_w {
    height: 4rem;
  }

  #index #name_box_w {
    height: 4rem;
  }

  #proinfo #name_box_w {
    border-bottom: 1px solid #efefef;
  }

  #name_box_w .container #header_nav {
    padding: 0 1rem;
  }

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

  #name_box_w.boxshow {
    height: 3rem !important;
  }

  #name_box_w.boxshow #header_logo img {
    max-height: 2rem;
  }

  /* Banner相关 */
  .banner_s {
    width: 100%;
  }

  .box_header .title_box {
    font-size: 1.25rem /* 20/16 */;
    line-height: 1.4;
  }

  .box_header .desc_box {
    font-size: 0.875rem;
    margin-top: 0.2rem;
    line-height: 1.4;
  }

  /* 子导航 */
  .subNav .swiper-slide {
    height: 3rem;
  }

  .subNav .swiper-slide a {
    font-size: 1.125rem;
    padding: 0 1rem;
    white-space: nowrap;
  }

  /* 统一子页面 */
  #page_left,
  #page_right {
    width: 100%;
    margin-left: 0;
  }

  #page_left {
    margin-bottom: 1.5rem;
  }

  #page_right .page_title .title {
    font-size: 1.25rem;
    border-left: 0.25rem solid var(--base_color);
  }

  .section_box,
  #section_box,
  #section_box_1,
  #section_box_2,
  #section_box_3,
  #section_box_4,
  #section_box_5 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }

  /* 通用子页面标题 */
  .section-title {
    margin-bottom: 1rem;
  }

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

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

  /* 页脚 */
  #footer {
    font-size: 0.875rem;
  }

  #footer_main {
    padding-top: 1.75rem;
    padding-bottom: 2rem;
  }

  #footer_main .box_left,
  #footer_main .box_right {
    width: 100%;
  }

  #footer_main .box_right {
    margin-top: 1.5rem;
    border-left: none;
    padding-left: 0;
  }

  #footer_main .footer_logo img {
    max-height: 2.25rem;
  }

  #footer_main .contactList {
    margin-bottom: 1.25rem;
  }

  #footer_main .contactList li {
    margin-bottom: 0.5rem;
  }

  .qrcodeList .icon_box {
    width: 1.875rem;
    height: 1.875rem;
  }

  .qrcodeList .icon_box i {
    font-size: 1.125rem;
  }

  #footer_main .footer_nav {
    display: flex;
    flex-wrap: wrap;
  }

  #footer_main .footer_nav > li {
    width: 50%;
    margin-bottom: 1rem;
  }

  #footer_copy {
    height: auto;
    padding: 0.875rem 0;
    font-size: 0.8125rem;
  }

  /* swiper按钮适配 */
  .flash_all .swiper-pagination {
    bottom: 1rem !important;
  }

  .flash_all .swiper-pagination .swiper-pagination-bullet {
    width: 0.625rem !important;
    height: 0.125rem !important;
    margin: 0 0.25rem;
  }

  .flash_all .swiper-pagination-bullet-active {
    padding: 0 1rem !important;
  }

  .swiper-button-prev:after,
  .swiper-button-next:after {
    font-size: 1.125rem !important;
  }
  
  /* 主标题样式 */
  .box_header.main_box_header {
    margin-bottom: 0.875rem;
  }
  
  .box_header.main_box_header .title_box a {
    font-size: 1.5rem;
  }
  
  .box_header.main_box_header .desc_box {
    margin-top: 0;
    font-size: 0.625rem;
    letter-spacing: 0.0625rem;
  }
}