/* Home-page and shared header/footer responsive rules.
   Inner-page layout is maintained only in style_ny.css. */
@media screen and (max-width: 1200px) {
  .content {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 16px;
    padding-right: 16px;
    box-sizing: border-box;
  }
}
@media screen and (min-width: 901px) and (max-width: 1200px) {
  .g_top .m_top { width: 100%; max-width: 100%; }
  .g_nav li a { margin-left: 1.45%; margin-right: 1.45%; }
  .ttel span { width: auto; max-width: 100%; white-space: nowrap; }
}
@media screen and (max-width: 900px) {
  html { font-size: 14px; }
  html, body { max-width: 100%; overflow-x: hidden; }
  .content { width: auto !important; max-width: none !important; margin-left: 24px !important; margin-right: 24px !important; }
  .g_top { position: relative; height: auto; min-height: 72px; overflow: visible; background: #232428; }
  .g_top .m_top { min-height: 72px; padding: 0 24px; display: flex; align-items: center; flex-wrap: wrap; }
  .g_top .tlogo { float: none; width: 150px; height: 72px; padding: 10px 0; margin: 0 16px 0 0; display: flex; align-items: center; }
  .g_top .tlogo a { display: block; }
  .g_top .tlogo img { width: auto; max-width: 100%; max-height: 52px; }
  .g_top h2 { float: none; width: auto; line-height: 72px; font-size: 20px; margin-right: auto; }
  .g_nav { order: 3; float: none; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; border-top: 1px solid rgba(255,255,255,.14); }
  .g_nav ul { display: flex; width: max-content; min-width: 100%; justify-content: center; }
  .g_nav li { flex: 0 0 auto; }
  .g_nav li a { float: none; height: 48px; line-height: 48px; margin: 0; padding: 0 16px; white-space: nowrap; }
  .sou { float: none; width: 48px; height: 72px; }
  .sou:before { height: 40px; top: 16px; }
  .btn_sea_s { width: 28px; margin: 22px auto 0; }
  .ttel { float: none; flex: 0 0 70px; width: 70px; height: 72px; padding: 0; overflow: hidden; background: #e77600; }
  .ttel em { float: none; display: block; width: 28px; margin: 22px auto 0; }
  .ttel span { display: none; }
  .pub_search_box_case .pub_search_case .pub_search_box { width: 70%; left: 15%; }
  .banner .swiper-slide img { width: 100%; height: auto; object-fit: cover; }
  .banner .swiper-slide .ind_ban_tex { width: 80%; left: 10%; }
  .g_guide { height: auto; min-height: 0; padding: 48px 0; background-size: cover; }
  .g_fa dl, .g_flcp dl { height: auto; }
  .g_fa dl dt, .g_fa dl dd, .g_flcp dl dt, .g_flcp dl dd { float: none; width: 100%; }
  .g_fa dl dd, .g_flcp dl dd { padding: 32px 6%; }
  .g_fa dl dd span, .g_flcp dl dd span, .g_shzr dl dd span { margin-top: 22px; margin-bottom: 22px; }
  .g_fa .tabsfa, .g_flcp .tabsfl, .tabsnew, .tabsys { height: auto; overflow-x: auto; white-space: nowrap; }
  .g_ft .ftup { width: auto; margin-left: 24px; margin-right: 24px; }
  .g_ft .ftup .ftnav { width: 68%; }
  .g_ft .ftup .ftcode { width: 30%; }
  .g_yfcx dl dd { width: calc(100% - 48px); height: auto; min-height: 136px; margin-top: -42px; padding: 22px 24px; display: flex; align-items: center; gap: 20px; }
  .g_yfcx dl dd .yfwz { float: none; width: 55%; padding: 0; }
  .g_yfcx .m_zz { float: none; width: 45%; }
  .g_yfcx .m_zz ul { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); height: auto; }
  .g_yfcx .m_zz li, .g_yfcx .m_zz li:nth-child(n) { float: none; width: auto; height: auto; margin: 0; }
  .g_yfcx .m_zz li em { height: auto; line-height: 1.2; overflow: visible; padding-top: 0; }
  .g_yfcx .m_zz li em b { font-size: 26px; }
  .g_yfcx .m_zz li h4 { margin-top: 8px; line-height: 1.4; }
  .g_ys .m_ys, .g_ys .m_ys dl { height: auto; }
  .g_ys .m_ys .tabsys { left: 3%; }
  .g_ys .m_ys dl dd { height: 100%; padding: 40px 4% 24px 6%; }
  .g_shzr dl { height: auto; display: flex; align-items: stretch; }
  .g_shzr dl dt, .g_shzr dl dd { float: none; }
  .g_shzr dl dd { padding: 28px 4%; }
}
@media screen and (max-width: 900px) {
  *, *::before, *::after { box-sizing: border-box; }
  .g_yfcx { padding-top: 0; }
  .g_yfcx h2 { top: 28px; padding: 0 24px; }
  .g_yfcx h2 b { font-size: 32px; line-height: 1.3; }
  .g_yfcx h2 em { font-size: 14px; line-height: 1.6; }
  .g_yfcx dl dt img { min-height: 220px; object-fit: cover; }
  .g_yfcx dl dd { width: calc(100% - 48px); min-height: 0; margin: -35px 24px 0; padding: 24px; display: block; }
  .g_yfcx dl dd .yfwz { width: 100%; }
  .g_yfcx dl dd .yfwz h3 { font-size: 23px; line-height: 1.45; margin-bottom: 10px; }
  .g_yfcx dl dd .yfwz p { font-size: 14px; line-height: 1.7; }
  .g_yfcx .m_zz { width: 100%; margin-top: 18px; }
  .g_yfcx .m_zz ul { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
  .g_yfcx .m_zz li em { white-space: nowrap; }
  .g_ys { padding: 42px 0; }
  .g_ys h2 { padding: 0 24px; margin-bottom: 26px; }
  .g_ys h2 b { font-size: 32px; line-height: 1.3; }
  .g_ys h2 em { font-size: 14px; line-height: 1.7; }
  .g_ys .m_ys { height: auto; padding: 0 24px; }
  .g_ys .m_ys .tabsys { position: static; display: grid; grid-template-columns: repeat(3, 1fr); width: 100%; margin-bottom: 14px; white-space: normal; overflow: visible; }
  .g_ys .m_ys .tabsys a, .g_ys .m_ys .tabsys a:nth-child(2) { width: auto; height: auto; min-height: 100px; margin: 0; padding: 14px 8px; }
  .g_ys .m_ys .tabsys a i, .g_ys .m_ys .tabsys a i img { width: 46px; }
  .g_ys .m_ys .tabsys a em { font-size: 16px; line-height: 1.4; }
  .g_ys .m_ys dl { height: auto; overflow: visible; background: #232428; }
  .g_ys .m_ys dl dt { height: 320px; }
  .g_ys .m_ys dl dt img { height: 100%; object-fit: cover; }
  .g_ys .m_ys dl dd { position: static; width: 100%; height: auto; min-height: 0; padding: 28px 24px; background: #232428; }
  .g_ys .m_ys dl dd h3 { height: auto; margin-bottom: 14px; }
  .g_ys .m_ys dl dd h3 b { font-size: 30px; line-height: 1.4; }
  .g_ys .m_ys dl dd h3 i, .g_ys .m_ys dl dd h3:before { display: none; }
  .g_ys .m_ys dl dd h4 { height: auto; min-height: 48px; line-height: 1.6; padding: 10px 14px; border-radius: 6px; }
  .g_ys .m_ys dl dd p { margin-bottom: 20px; }
  .g_ys .m_ys dl dd p em { font-size: 14px; line-height: 1.7; }
  .g_ys .m_ys dl dd ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    width: 100%;
    margin: 0;
  }
  .g_ys .m_ys dl dd ul::after { display: none; }
  .g_ys .m_ys dl dd ul li, .g_ys .m_ys dl dd ul li:nth-child(2) {
    float: none;
    width: 100%;
  }
  .g_ys .m_ys dl dd ul li img { width: 100%; height: auto; display: block; }
  .g_splst { padding: 42px 24px; }
  .g_splst .spleft, .g_splst .spright { float: none; width: 100%; margin: 0; }
  .g_splst .spleft { margin-bottom: 24px; }
  .g_splst .spright video { width: 100%; height: auto; }
  .g_splst .spright video.is-playing { object-fit: contain; }
  .g_splst .spleft h2 b { font-size: 32px; line-height: 1.35; }
  .g_splst .spleft .m_splst dl dd .spwz { top: auto; bottom: 24px; }
  .g_shzr dl { display: block; }
  .g_shzr dl dt, .g_shzr dl dd { width: 100%; }
  .g_shzr dl dd { padding: 28px 24px; }
}
@media screen and (max-width: 767px) {
  html { font-size: 13px; }
  body { min-width: 0 !important; }
  .content { margin-left: 15px !important; margin-right: 15px !important; }
  .g_top .m_top { min-height: 60px; padding: 0 15px; }
  .g_top .tlogo { width: 112px; height: 60px; padding: 8px 0; margin-right: 10px; }
  .g_top .tlogo img { max-height: 44px; }
  .g_top h2 { line-height: 60px; font-size: 16px; }
  .sou { width: 42px; height: 60px; }
  .sou:before { height: 32px; top: 14px; }
  .btn_sea_s { width: 24px; margin-top: 18px; }
  .ttel { display: none; }
  .g_nav { margin: 0 -15px; width: calc(100% + 30px); }
  .g_nav ul { justify-content: flex-start; }
  .g_nav li a { height: 44px; line-height: 44px; padding: 0 14px; font-size: 14px; }
  .pub_search_box_case .pub_search_case .zhan_c { width: 120px; left: 15px; }
  .pub_search_box_case .pub_search_case .pub_search_box { width: calc(100% - 30px); left: 15px; }
  .pub_search_box_case .pub_search_case .btn_sea_close { right: 15px; }
  .s_inp { width: 100%; }
  .banner .swiper-slide img { min-height: 210px; object-fit: cover; }
  .banner .swiper-slide .ind_ban_tex { width: 90%; left: 5%; top: 50%; transform: translateY(-50%); }
  .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title_en { font-size: 13px; }
  .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title { font-size: 26px; line-height: 1.25; }
  .banner .swiper-slide .ind_ban_tex .ind_ban_tex_info { font-size: 13px; line-height: 1.7; }
  .banner .swiper-button-next, .banner .swiper-button-prev { display: none; }
  .g_guide, .g_fa, .g_flcp, .g_otcp, .g_yfcx, .g_ys, .g_news, .g_shzr, .g_splst { padding-top: 36px; padding-bottom: 36px; height: auto !important; }
  .g_guide h2 b, .g_fa h2 b, .g_flcp h2 b, .g_yfcx h2 b { font-size: 28px; line-height: 1.3; }
  .g_guide p { padding: 0; }
  .g_guide ul { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 16px; }
  .g_guide ul li { float: none; width: auto; margin: 0; }
  .g_fa .tabsfa, .g_flcp .tabsfl { padding: 0; }
  .g_fa .tabsfa a, .g_flcp .tabsfl a { float: none; display: inline-block; padding: 0 12px; }
  .g_fa dl dd, .g_flcp dl dd { padding: 24px 18px; }
  .g_fa dl dd span, .g_flcp dl dd span { width: 100%; display: flex; }
  .g_fa dl dd span a, .g_flcp dl dd span a { float: none; flex: 1; width: auto; text-align: center; padding-left: 0 !important; }
  .g_fa dl dd span a:before, .g_flcp dl dd span a:before { display: none; }
  .g_flcp .fatit { height: auto; padding-bottom: 12px; }
  .g_flcp .fatit .famore { position: static; text-align: right; }
  .g_flcp .tabsfl { padding-right: 0; }
  .g_fa dl dd span, .g_flcp dl dd span, .g_shzr dl dd span { margin: 20px 0 4px; }
  .g_shzr dl { display: block; height: auto; }
  .g_shzr dl dt, .g_shzr dl dd { float: none; width: 100%; }
  .g_shzr dl dd { padding: 22px 18px 26px; }
  .g_shzr dl dd h3 { height: auto; min-height: 48px; line-height: 1.4; padding: 10px 0; margin-bottom: 14px; }
  .g_shzr dl dd span { width: 100%; display: flex; }
  .g_shzr dl dd span a { float: none; flex: 1; width: auto; padding-left: 0 !important; text-align: center; }
  .g_shzr dl dd span a:before { display: none; }
  .g_yfcx { padding-top: 0; }
  .g_yfcx h2 { position: absolute; top: 25px; padding: 0 18px; }
  .g_yfcx h2 b { font-size: 28px; }
  .g_yfcx h2 em { font-size: 13px; line-height: 1.5; }
  .g_yfcx dl dt img { min-height: 180px; object-fit: cover; }
  .g_yfcx dl dd { width: calc(100% - 30px); min-height: 0; margin: -28px 15px 0; padding: 18px; display: block; }
  .g_yfcx dl dd .yfwz { width: 100%; }
  .g_yfcx dl dd .yfwz h3 { font-size: 20px; line-height: 1.45; margin-bottom: 10px; }
  .g_yfcx dl dd .yfwz p { font-size: 13px; line-height: 1.6; }
  .g_yfcx .m_zz { width: 100%; margin-top: 16px; }
  .g_yfcx .m_zz ul { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 8px; }
  .g_yfcx .m_zz li, .g_yfcx .m_zz li:nth-child(n) { min-width: 0; }
  .g_yfcx .m_zz li em { white-space: nowrap; }
  .g_yfcx .m_zz li em b { font-size: 25px; }
  .g_yfcx .m_zz li h4 { font-size: 13px; }
  .g_ys h2 { padding: 0 18px; margin-bottom: 22px; }
  .g_ys h2 b { font-size: 28px; line-height: 1.3; }
  .g_ys h2 em { font-size: 14px; line-height: 1.7; }
  .g_ys .m_ys { height: auto; padding: 0 15px; }
  .g_ys .m_ys .tabsys { position: static; display: grid; grid-template-columns: repeat(3, 1fr); width: 100%; margin-bottom: 12px; white-space: normal; overflow: visible; }
  .g_ys .m_ys .tabsys a, .g_ys .m_ys .tabsys a:nth-child(2) { width: auto; height: auto; min-height: 88px; margin: 0; padding: 12px 5px; }
  .g_ys .m_ys .tabsys a i, .g_ys .m_ys .tabsys a i img { width: 40px; }
  .g_ys .m_ys .tabsys a em { font-size: 14px; line-height: 1.4; }
  .g_ys .m_ys dl { height: auto; overflow: visible; background: #232428; }
  .g_ys .m_ys dl dt { height: 220px; }
  .g_ys .m_ys dl dt img { height: 100%; object-fit: cover; }
  .g_ys .m_ys dl dd { position: static; width: 100%; height: auto; min-height: 0; padding: 24px 18px; background: #232428; }
  .g_ys .m_ys dl dd h3 { height: auto; margin-bottom: 12px; }
  .g_ys .m_ys dl dd h3 b { font-size: 26px; line-height: 1.4; }
  .g_ys .m_ys dl dd h3 i, .g_ys .m_ys dl dd h3:before { display: none; }
  .g_ys .m_ys dl dd h4 { height: auto; min-height: 44px; line-height: 1.5; padding: 10px 12px; border-radius: 6px; }
  .g_ys .m_ys dl dd p { margin-bottom: 18px; }
  .g_ys .m_ys dl dd p em { font-size: 13px; line-height: 1.7; }
  .g_ft { padding-top: 30px; }
  .g_ft .flogo, .g_ft .ftup .ftnav { display: none; }
  .g_ft .ftup { margin: 0 15px; }
  .g_ft .ftup .ftcode { float: none; width: 100%; text-align: center; }
  .g_ft .ftup .ftcode ul { display: flex; justify-content: center; flex-wrap: wrap; gap: 14px; }
  .g_ft .ftup .ftcode ul li { float: none; margin: 0; }
  .g_ft .lxfs ul { display: block; }
  .g_ft .lxfs li { width: 100%; margin-bottom: 12px; }
  .g_ft .copyr { padding: 15px; line-height: 1.8; }
  .xin-2112-client-1 { display: none; }
  .g_fa dl, .g_flcp dl, .g_shzr dl { margin-bottom: 0; }
  .g_fa p, .g_flcp p, .g_shzr p { overflow-wrap: anywhere; }
  .g_fa dl dd, .g_flcp dl dd, .g_shzr dl dd { min-height: 0 !important; }
}
@media screen and (max-width: 900px) {
  .g_ys .m_ys { position: relative; }
  .g_ys .m_ys .tabsys {
    position: absolute;
    left: 24px;
    top: 0;
    width: 154px;
    height: 320px;
    margin: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    z-index: 11;
  }
  .g_ys .m_ys .tabsys a, .g_ys .m_ys .tabsys a:nth-child(2) {
    flex: 1 1 0;
    width: 100%;
    height: auto;
    min-height: 0;
    margin: 0;
    padding: 10px 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .g_ys .m_ys .tabsys a i { flex: 0 0 auto; }
}
@media screen and (max-width: 767px) {
  .g_ys .m_ys .tabsys {
    left: 15px;
    width: 112px;
    height: 220px;
  }
  .g_ys .m_ys .tabsys a, .g_ys .m_ys .tabsys a:nth-child(2) { padding: 6px 3px; }
  .g_ys .m_ys .tabsys a i, .g_ys .m_ys .tabsys a i img { width: 34px; }
  .g_ys .m_ys .tabsys a em { font-size: 13px; }
}
@media screen and (max-width: 900px) {
  .xin-2112-client-1 { display: none; }
}
@media screen and (max-width: 475px) {
  .content {
    margin-left: 12px !important; padding:0;
    margin-right: 12px !important;
  }
  .g_news { padding: 30px 0; }
  .g_news h2 { margin-bottom: 18px; }
  .g_news h2 b { font-size: 28px; line-height: 1.35; }
  .g_news h2 em { font-size: 13px; line-height: 1.6; }
  .g_news .newtit { height: auto; min-height: 0; margin-bottom: 14px; }
  .g_news .newtit .tabsnew {
    float: none;
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    overflow: visible;
    white-space: normal;
  }
  .g_news .newtit .tabsnew a {
    float: none;
    min-width: 0;
    margin: 0;
    padding: 34px 2px 8px;
    line-height: 1.4;
    text-align: center;
    white-space: nowrap;
  }
  .g_news .newtit .tabsnew a i {
    left: 50%;
    top: 5px;
    width: 24px;
    height: 24px;
    margin-left: -12px;
  }
  .g_news .newtit .tabsnew a i img { width: 48px; max-width: none; }
  .g_news .newtit .tabsnew .active i img { margin-left: -24px; }
  .g_news .newtit .newmore { margin-top: 6px; text-align: right; }
  .g_news .newtit .newmore a {
    position: static;
    display: inline-block;
    line-height: 32px;
    padding: 0 4px;
  }
  .g_news .js-swiper-tab { width: 100%; overflow: hidden; }
  .g_news .js-swiper-tab .newlst { width: 100%; }
  .g_news .js-swiper-tab .newlst::after { content: ""; display: block; clear: both; }
  .g_news .js-swiper-tab .newlst dl, .g_news .js-swiper-tab .newlst dl:nth-child(2n) {
    float: none;
    width: 100%;
    min-height: 0;
    padding: 16px 0;
    overflow: hidden;
    border-top: 1px solid #d9d9d9;
    border-bottom: 0;
  }
  .g_news .js-swiper-tab .newlst dl:last-child { border-bottom: 1px solid #d9d9d9; }
  .g_news .js-swiper-tab .newlst dl dt { float: right; width: 38%; }
  .g_news .js-swiper-tab .newlst dl dd { float: left; width: 58%; padding: 0; }
  .g_news .js-swiper-tab .newlst dl dd h4 a { font-size: 15px; line-height: 1.5; }
  .g_news .js-swiper-tab .newlst dl dd span { font-size: 12px; line-height: 1.5; margin: 5px 0; }
  .g_news .js-swiper-tab .newlst dl dd p { font-size: 12px; line-height: 1.5; }
  .g_guide ul { grid-template-columns: 1fr; }
  .g_yfcx .m_zz ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .g_ys .m_ys dl dd ul { grid-template-columns: 1fr; gap: 12px; }
}
@media screen and (max-width: 420px) {
  .g_top h2 { font-size: 14px; }
  .g_top .tlogo { width: 96px; }
  .g_guide ul { grid-template-columns: 1fr; }
  .banner .swiper-slide .ind_ban_tex .ind_ban_tex_title { font-size: 22px; }
}

/* Footer: replace the desktop fixed-height/absolute layout on smaller screens. */
@media screen and (max-width: 900px) {
  .g_top h2 { color: #fff; }
  .g_nav li a { color: rgba(255,255,255,.88); }
  .g_top .btn_sea_s img { filter: brightness(0) invert(1); }
  .g_nav li a:hover,
  .g_nav .cur a { color: #e77600; }
  .g_ft {
    height: auto;
    min-height: 0;
    padding: 30px 0 0;
    background-size: cover;
  }
  .g_ft::before { display: none; }
  .g_ft > .content { display: flex; flex-direction: column; }
  .g_ft .flogo, .g_ft .ftup .ftnav { display: none; }
  .g_ft .ftup {
    order: 1;
    width: 100%;
    height: auto;
    min-height: 0;
    margin: 0;
  }
  .g_ft .ftup .ftcode {
    float: none;
    width: 100%;
    text-align: center;
  }
  .g_ft .ftup .ftcode h2 { margin-bottom: 18px; }
  .g_ft .ftup .ftcode ul {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    width: 100%;
  }
  .g_ft .ftup .ftcode ul li,
  .g_ft .ftup .ftcode ul li:nth-child(3) {
    float: none;
    width: 100%;
    min-width: 0;
    margin: 0;
  }
  .g_ft .copyr {
    order: 2;
    margin: 18px 0 22px;
    padding: 0;
    line-height: 1.8;
  }
  .g_ft .lxfs {
    order: 3;
    position: static;
    width: 100%;
    height: auto;
    padding: 16px 0;
    border-top: 1px solid rgba(255,255,255,.2);
  }
  .g_ft .lxfs ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 18px;
    width: 100%;
    margin: 0;
  }
  .g_ft .lxfs li {
    float: none;
    width: 100%;
    min-width: 0;
    min-height: 34px;
    margin: 0;
    padding-left: 28px;
    overflow-wrap: anywhere;
  }
  .g_ft .lxfs li i {
    left: 0;
    top: 5px;
    width: 22px;
    height: 22px;
  }
  .g_ft .lxfs li b,
  .g_ft .lxfs li em { line-height: 34px; }
}

@media screen and (max-width: 475px) {
  .g_ft .ftup .ftcode ul { gap: 8px; }
  .g_ft .ftup .ftcode ul li i { padding: 5px; }
  .g_ft .ftup .ftcode ul li em { font-size: 11px; line-height: 1.5; padding-top: 6px; }
  .g_ft .lxfs ul { grid-template-columns: 1fr; }
}