@charset "gb2312";

/*
 * 1200px homepage preview. Every selector is scoped so that pages which use
 * the shared header/footer and the original stylesheets stay at 960px.
 */
body.home-1200 {
  min-width: 1200px;
  color: #555;
  font-family: Arial, "Microsoft YaHei", "SimSun", sans-serif;
}

.home-1200 *,
.home-1200 *::before,
.home-1200 *::after {
  box-sizing: content-box;
}

/* Shared header and navigation, widened only under the preview body. */
.home-1200 .head_top_box,
.home-1200 .head,
.home-1200 .links,
.home-1200 .page_location {
  width: 1200px;
}

.home-1200 .head_top_box_left { width: 562px; }
.home-1200 .head_top_box_right { width: 638px; }
.home-1200 .head_logo { width: 500px; padding-left: 12px; }
.home-1200 .head_logo_right { width: 688px; }
.home-1200 .is_weixin { left: 850px; }

.home-1200 #menu_out {
  width: 1196px;
}

.home-1200 #nav {
  display: flex;
  align-items: stretch;
  padding-left: 10px;
}

.home-1200 #nav > li:not(.menu_line) {
  flex: 1 1 auto;
}

.home-1200 #nav > li:not(.menu_line) > a,
.home-1200 #nav > li:not(.menu_line) > a > span {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}

.home-1200 #nav > li:not(.menu_line) > a > span {
  font-size: 15px;
}

/* Top advertising and text strip. */
.home-1200 .adimg1,
.home-1200 .adimg,
.home-1200 .indexbanner,
.home-1200 .df1,
.home-1200 .df2,
.home-1200 .df22,
.home-1200 .df21,
.home-1200 .df3,
.home-1200 .box_960,
.home-1200 .home-top-text,
.home-1200 .zhongbu {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.home-1200 .adimg1,
.home-1200 .adimg {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.home-1200 .adimg1 .list { width: 200px; }
.home-1200 .adimg1 .list .imgbox { width: 200px; height: 70px; }
.home-1200 .adimg1 .list .imgbox img {
  display: block;
  width: 194px;
  height: 69px;
  object-fit: fill;
}

.home-1200 .adimg1 > table,
.home-1200 .home-top-text {
  flex: 0 0 1200px;
  width: 1200px;
}

.home-1200 .adimg .list { width: 240px; }
.home-1200 .adimg .list .imgbox,
.home-1200 .adimg .list .text { width: 234px; }
.home-1200 .adimg .list .imgbox { height: 71px; }
.home-1200 .adimg .list .imgbox img {
  display: block;
  width: 234px;
  height: 69px;
  object-fit: fill;
}
.home-1200 .adimg .list .text { font-size: 13px; }

/* First screen: 323 / 565 / 312. */
.home-1200 .df1 {
  display: grid;
  grid-template-columns: 323px 565px 312px;
}
.home-1200 .df1 > .left,
.home-1200 .df1 > .center,
.home-1200 .df1 > .right { float: none; }
.home-1200 .df1 > .left { width: 323px; }
.home-1200 .df1 > .center { width: 565px; }
.home-1200 .df1 > .right { width: 312px; }
.home-1200 .df1 > .clear { display: none; }

.home-1200 .login_box {
  width: 310px;
  height: 231px;
  background-size: 310px 341px;
}
.home-1200 .box1 {
  width: 275px;
  height: 150px;
  margin-top: 81px;
  margin-left: 18px;
  margin-right: 17px;
}
.home-1200 .index_login_input { width: 132px; }
.home-1200 .df1 > .left .box3 { width: 310px; height: 381px; }
.home-1200 .df1 > .left .box3 img { width: 308px; height: 69px; object-fit: fill; }

.home-1200 .df1 > .center .banner { width: 552px; height: 231px; }
.home-1200 .df1 > .center > table { width: 550px; }
.home-1200 .df1 > .center img[width="320"] { width: 400px; height: 225px; object-fit: cover; }
.home-1200 .df1 > .center .txtad { height: 56px; }
.home-1200 .df1 > .center .txtad li { width: 275px; font-size: 13px; }

.home-1200 .df1 > .right .box { width: 310px; height: 600px; }
.home-1200 .df1 > .right img[width="245"] { width: 306px; height: 70px; object-fit: fill; }
.home-1200 .df1 > .right .box .txt li { font-size: 13px; }

/* Main two-column business sections: 888 / 312. */
.home-1200 .df2,
.home-1200 .df22,
.home-1200 .df21 {
  display: grid;
  grid-template-columns: 888px 312px;
}
.home-1200 .df2 > .left,
.home-1200 .df22 > .left,
.home-1200 .df21 > .left { float: none; width: 888px; }
.home-1200 .df2 > .right,
.home-1200 .df22 > .right,
.home-1200 .df21 > .right { float: none; width: 312px; }
.home-1200 .df2 > .clear,
.home-1200 .df22 > .clear,
.home-1200 .df21 > .clear { display: none; }

.home-1200 .df2 > .left > .box,
.home-1200 .df22 > .left > .box { width: 875px; height: 444px; }
.home-1200 .df21 > .left > .box { width: 875px; height: 481px; }
.home-1200 .df2 > .right > .box,
.home-1200 .df22 > .right > .box { width: 310px; height: 444px; }
.home-1200 .df21 > .right > .box { width: 310px; height: 481px; }

.home-1200 .df2 > .left > .box > .title > .left,
.home-1200 .df22 > .left > .box > .title > .left,
.home-1200 .df21 > .left > .box > .title > .left {
  width: 750px;
  font-size: 16px;
}
.home-1200 .df2 > .left > .box > .title > .right,
.home-1200 .df22 > .left > .box > .title > .right,
.home-1200 .df21 > .left > .box > .title > .right { width: 100px; }

.home-1200 .df2 > .left > .box > .list,
.home-1200 .df22 > .left > .box > .list {
  width: 275px;
  padding-left: 12px;
  font-size: 13px;
}
.home-1200 .df2 > .right img[width="245"],
.home-1200 .df22 > .right img[width="245"],
.home-1200 .df21 > .right img[width="245"] {
  width: 306px;
  height: 63px;
  object-fit: fill;
}
.home-1200 .df21 > .left table[width="700"] { width: 875px; font-size: 13px; }

/* The paired 700/248 banner table. */
.home-1200 .zhongbu { table-layout: fixed; }
.home-1200 .zhongbu td:first-child { width: 10px; }
.home-1200 .zhongbu td:nth-child(2) { width: 878px; }
.home-1200 .zhongbu td:nth-child(3) { width: 312px; }
.home-1200 .zhongbu img[width="700"] { width: 875px; height: 69px; object-fit: fill; }
.home-1200 .zhongbu img[width="248"] { width: 310px; height: 69px; object-fit: fill; }

/* Full-width banners and industry listing. */
.home-1200 .indexbanner img { width: 1200px; height: auto; display: block; }
.home-1200 .df3 { font-size: 13px; }
.home-1200 .df3 .title { height: 36px; }
.home-1200 .df3 .title .tradetabs a { height: 36px; line-height: 36px; }
.home-1200 .df3 .list { padding: 12px; }
.home-1200 .df3 .list li {
  width: 360px;
  margin-right: 18px;
  padding-left: 12px;
}

/* Three news columns: 392 + 12 + 392 + 12 + 392. */
.home-1200 .box_960 {
  display: grid;
  grid-template-columns: repeat(3, 392px);
  column-gap: 12px;
}
.home-1200 .box_960 > .box_314 {
  float: none !important;
  width: 392px;
  margin-right: 0 !important;
}
.home-1200 .box_960 > .clear { display: none; }
.home-1200 .bg_314 {
  width: 392px;
  height: 35px;
  background-size: 392px 35px;
}
.home-1200 .dao_txt2 {
  width: 110px;
  height: 35px;
  line-height: 35px;
  font-size: 16px;
}
.home-1200 .zx_box {
  width: 370px;
  padding: 10px;
  font-size: 13px;
}
.home-1200 .zx_box .zx_box_img { width: 125px; height: 95px; }
.home-1200 .zx_box .zx_box_img img { width: 125px; height: 95px; object-fit: cover; }
.home-1200 .zx_box .zx_box_txt,
.home-1200 .zx_box_txt .zx_box_txt_ti,
.home-1200 .zx_box_txt .zx_box_txt_cont { width: 226px; }
.home-1200 .zx_box .zx_box_li { width: 100%; }
.home-1200 .zx_box .zx_box_li a {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.home-1200 .zx_box_txt .zx_box_txt_ti { height: 24px; }
.home-1200 .zx_box_txt .zx_box_txt_ti a {
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Links and the shared footer table, scoped to this body only. */
.home-1200 .links { font-size: 13px; }
.home-1200 .links .imglink { margin-right: 12px; padding-right: 0; }
.home-1200 > table:last-of-type { width: 1200px; }

/* Make old dynamic creatives fill their new Index2 slots only. */
.home-1200 img {
  max-width: 100%;
}

/* -------------------------------------------------------------------------
 * Content-fit pass (2026-08-08)
 * Remove inherited scaled heights and use the actual item count to fill each
 * row. These rules intentionally come last so they override the first draft.
 * ---------------------------------------------------------------------- */

/* Text ads fill the whole row instead of leaving an unused right-hand cell. */
.home-1200 .home-top-text {
  border: 1px solid #e5e8ec;
  border-collapse: collapse;
  background: #fff;
}
.home-1200 .home-top-text td {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
  align-items: center;
  min-height: 34px;
  padding: 0 10px;
  border-bottom: 1px solid #eef0f2;
  font-size: 14px;
  line-height: 34px;
}
.home-1200 .home-top-text tr:last-child td { border-bottom: 0; }
.home-1200 .home-text-ad {
  position: relative;
  min-width: 0;
  padding: 0 12px 0 10px;
  overflow: visible;
  white-space: nowrap;
  text-overflow: clip;
}
.home-1200 .home-text-dot {
  position: absolute;
  left: 0;
  color: #ff6b1a;
  font-size: 16px;
  line-height: 34px;
}
.home-1200 .home-text-ad a {
  display: block;
  overflow: visible;
  white-space: nowrap;
  text-overflow: clip;
  line-height: 34px;
}

/* First-screen columns all resolve to the same content-driven height. */
.home-1200 .df1 {
  column-gap: 0;
  align-items: stretch;
  margin-top: 4px;
}
.home-1200 .df1 > .left,
.home-1200 .df1 > .center,
.home-1200 .df1 > .right {
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.home-1200 .df1 > .left { padding-right: 10px; width: 313px; }
.home-1200 .df1 > .center { padding: 0 10px; width: 545px; }
.home-1200 .df1 > .right { padding-left: 10px; width: 302px; }
.home-1200 .login_box {
  flex: 0 0 231px;
  margin: 0 0 8px;
}
.home-1200 .df1 > .left .box3,
.home-1200 .df1 > .right .box {
  width: 100%;
  height: auto;
  flex: 1 1 auto;
}
.home-1200 .df1 > .left .box3 table,
.home-1200 .df1 > .right .box table,
.home-1200 .df2 > .right table,
.home-1200 .df22 > .right table,
.home-1200 .df21 > .right table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 8px;
}
.home-1200 .df1 > .left .box3 td,
.home-1200 .df1 > .right .box td,
.home-1200 .df2 > .right td,
.home-1200 .df22 > .right td,
.home-1200 .df21 > .right td {
  height: auto !important;
  padding: 0;
}
.home-1200 .df1 > .left .box3 img,
.home-1200 .df1 > .right .box img {
  display: block;
  width: 100% !important;
  border: 1px solid #e1e5e9;
}
.home-1200 .df1 > .left .box3 img { height: 79px; }
.home-1200 .df1 > .right .box img { height: 75px; }

/* Modern replacement for the legacy table-based five-panel carousel. */
.home-1200 .home-carousel {
  box-sizing: border-box;
  position: relative;
  width: 545px;
  height: 300px;
  margin-bottom: 8px;
  overflow: hidden;
  border: 1px solid #dfe4e8;
  background: #f3f6f8;
}
.home-1200 .home-carousel-viewport,
.home-1200 .home-carousel-slide,
.home-1200 .home-carousel-slide > a {
  display: block;
  width: 100%;
  height: 100%;
}
.home-1200 .home-carousel-slide {
  position: absolute;
  inset: 0;
  visibility: hidden;
  opacity: 0;
  transition: opacity .35s ease;
}
.home-1200 .home-carousel-slide.is-active {
  visibility: visible;
  opacity: 1;
}
.home-1200 .home-carousel-slide img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  object-fit: cover;
}
.home-1200 .home-carousel-caption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 10px 16px;
  overflow: hidden;
  background: rgba(0, 0, 0, .62);
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.home-1200 .home-carousel-controls {
  position: absolute;
  right: 14px;
  bottom: 52px;
  z-index: 2;
  display: flex;
  gap: 7px;
}
.home-1200 .home-carousel-dot {
  width: 10px;
  height: 10px;
  padding: 0;
  border: 2px solid #fff;
  border-radius: 50%;
  background: rgba(0, 0, 0, .35);
  cursor: pointer;
}
.home-1200 .home-carousel-dot.is-active { background: #ff7318; }
.home-1200 .df1 > .center .txtad {
  height: auto;
  flex: 1 1 auto;
  margin-top: 0;
  padding: 2px 8px 8px;
  border: 1px solid #edf0f2;
  background: #fff;
}
.home-1200 .df1 > .center .txtad ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 18px;
}
.home-1200 .df1 > .center .txtad li {
  float: none;
  width: auto;
  height: 26px;
  overflow: hidden;
  font-size: 14px;
  line-height: 26px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* Recruitment and resume sections stretch to their real content, with gaps. */
.home-1200 .df2,
.home-1200 .df22,
.home-1200 .df21 {
  align-items: stretch;
  column-gap: 12px;
  grid-template-columns: 876px 312px;
  margin-top: 10px;
}
.home-1200 .df2 > .left,
.home-1200 .df22 > .left,
.home-1200 .df21 > .left {
  display: flex;
  width: 876px;
}
.home-1200 .df2 > .right,
.home-1200 .df22 > .right,
.home-1200 .df21 > .right {
  display: flex;
  width: 312px;
}
.home-1200 .df2 > .left > .box,
.home-1200 .df22 > .left > .box,
.home-1200 .df21 > .left > .box,
.home-1200 .df2 > .right > .box,
.home-1200 .df22 > .right > .box,
.home-1200 .df21 > .right > .box {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  min-height: 0;
}
.home-1200 .df2 > .left > .box,
.home-1200 .df22 > .left > .box {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-rows: minmax(57px, 1fr);
}
.home-1200 .df2 > .left > .box > .title,
.home-1200 .df22 > .left > .box > .title {
  grid-column: 1 / -1;
  height: 40px;
  margin-bottom: 0;
  line-height: 40px;
}
.home-1200 .df2 > .left > .box > .clear,
.home-1200 .df22 > .left > .box > .clear { display: none; }
.home-1200 .df2 > .left > .box > .list,
.home-1200 .df22 > .left > .box > .list {
  float: none;
  align-self: stretch;
  width: auto;
  height: auto;
  min-width: 0;
  padding: 5px 12px;
  overflow: hidden;
  font-size: 14px;
  line-height: 23px;
}
.home-1200 .df2 > .right table,
.home-1200 .df22 > .right table,
.home-1200 .df21 > .right table,
.home-1200 .df2 > .right tbody,
.home-1200 .df22 > .right tbody,
.home-1200 .df21 > .right tbody {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.home-1200 .df2 > .right tbody,
.home-1200 .df22 > .right tbody,
.home-1200 .df21 > .right tbody { gap: 8px; }
.home-1200 .df2 > .right tr,
.home-1200 .df22 > .right tr,
.home-1200 .df21 > .right tr {
  display: flex;
  flex: 1 1 0;
  min-height: 0;
}
.home-1200 .df2 > .right td,
.home-1200 .df22 > .right td,
.home-1200 .df21 > .right td,
.home-1200 .df2 > .right a,
.home-1200 .df22 > .right a,
.home-1200 .df21 > .right a {
  display: block;
  width: 100%;
  height: 100%;
}
.home-1200 .df2 > .right img[width="245"],
.home-1200 .df22 > .right img[width="245"],
.home-1200 .df21 > .right img[width="245"] {
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #e1e5e9;
  object-fit: fill;
}
.home-1200 .df21 > .left > .box {
  display: flex;
  flex-direction: column;
}
.home-1200 .df21 > .left table[width="700"] {
  width: 100%;
  height: auto;
  flex: 1 1 auto;
  border-collapse: collapse;
}
.home-1200 .df21 > .left table[width="700"] td {
  height: 31px;
  font-size: 14px;
}
.home-1200 .df21 > .left table[width="700"] td[colspan="5"] {
  height: 1px !important;
  padding: 0;
  line-height: 1px;
}

/* Correct the rowspan spacer: row 2 has only the main and side ad cells. */
.home-1200 .zhongbu {
  width: 1200px;
  margin-top: 8px;
  table-layout: fixed;
}
.home-1200 .zhongbu tr:first-child > td:first-child { width: 876px; }
.home-1200 .zhongbu tr:first-child > td:nth-child(2) { width: 12px; }
.home-1200 .zhongbu tr:first-child > td:last-child { width: 312px; }
.home-1200 .zhongbu tr:nth-child(2) > td:first-child { width: 876px; }
.home-1200 .zhongbu tr:nth-child(2) > td:last-child { width: 312px; }
.home-1200 .zhongbu tr:nth-child(2) img[width="700"] {
  display: block;
  width: 876px;
  height: 69px;
}
.home-1200 .zhongbu tr:nth-child(2) img[width="248"] {
  display: block;
  width: 312px;
  height: 69px;
}

/* Bottom news cards: keep the action on one line and align all three cards. */
.home-1200 .box_960 { align-items: stretch; }
.home-1200 .box_960 > .box_314 {
  display: flex;
  flex-direction: column;
}
.home-1200 .bg_314 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.home-1200 .dao_txt2 {
  float: none;
  width: auto;
  min-width: 120px;
  padding-left: 18px;
  text-align: left;
}
.home-1200 .dao_more {
  float: none;
  flex: 0 0 64px;
  width: 64px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  white-space: nowrap;
}
.home-1200 .dao_more a {
  display: block;
  height: 35px;
  line-height: 35px;
  white-space: nowrap;
}
.home-1200 .zx_box { flex: 1 1 auto; }

/* Image borders are included in the allocated columns, preventing 1-2px overflow. */
.home-1200 .df1 > .left img,
.home-1200 .df1 > .right img,
.home-1200 .df2 > .right img,
.home-1200 .df22 > .right img,
.home-1200 .df21 > .right img,
.home-1200 .zhongbu img {
  box-sizing: border-box;
}

/* -------------------------------------------------------------------------
 * Screenshot correction pass (2026-08-08)
 * Use definite section heights before distributing ad rows. Percentage-only
 * heights formed a circular dependency in table layout and collapsed images.
 * ---------------------------------------------------------------------- */

/* First-screen columns share one baseline; each side's available ad area is
 * divided by the number of creatives actually returned by the ad call. */
.home-1200 .df1 {
  height: 684px;
  align-items: stretch;
}
.home-1200 .df1 > .left,
.home-1200 .df1 > .center,
.home-1200 .df1 > .right { height: 684px; }
.home-1200 .df1 > .left .box3,
.home-1200 .df1 > .right .box { min-height: 0; }
.home-1200 .df1 > .left .box3 table,
.home-1200 .df1 > .right .box table {
  display: block;
  height: 100%;
  border-spacing: 0;
}
.home-1200 .df1 > .left .box3 tbody,
.home-1200 .df1 > .right .box tbody {
  display: grid;
  grid-auto-rows: minmax(0, 1fr);
  gap: 8px;
  width: 100%;
  height: 100%;
}
.home-1200 .df1 > .left .box3 tr,
.home-1200 .df1 > .right .box tr,
.home-1200 .df1 > .left .box3 td,
.home-1200 .df1 > .right .box td,
.home-1200 .df1 > .left .box3 a,
.home-1200 .df1 > .right .box a {
  display: block;
  width: 100%;
  height: 100%;
}
.home-1200 .df1 > .left .box3 img,
.home-1200 .df1 > .right .box img {
  width: 100% !important;
  height: 100% !important;
}

/* Known content counts are stable (21/21/12). Definite heights let the right
 * ad stack divide itself reliably while keeping the left and right bottoms
 * aligned. */
.home-1200 .df2,
.home-1200 .df22 { height: 440px; }
.home-1200 .df21 { height: 456px; }
.home-1200 .df2 > .left,
.home-1200 .df2 > .right,
.home-1200 .df22 > .left,
.home-1200 .df22 > .right,
.home-1200 .df21 > .left,
.home-1200 .df21 > .right,
.home-1200 .df2 > .left > .box,
.home-1200 .df2 > .right > .box,
.home-1200 .df22 > .left > .box,
.home-1200 .df22 > .right > .box,
.home-1200 .df21 > .left > .box,
.home-1200 .df21 > .right > .box { height: 100%; }
.home-1200 .df2 > .right table,
.home-1200 .df22 > .right table,
.home-1200 .df21 > .right table {
  display: block;
  height: 100%;
  border-spacing: 0;
}
.home-1200 .df2 > .right tbody,
.home-1200 .df22 > .right tbody,
.home-1200 .df21 > .right tbody {
  display: grid;
  grid-auto-rows: minmax(0, 1fr);
  gap: 8px;
  width: 100%;
  height: 100%;
}
.home-1200 .df2 > .right tr,
.home-1200 .df22 > .right tr,
.home-1200 .df21 > .right tr,
.home-1200 .df2 > .right td,
.home-1200 .df22 > .right td,
.home-1200 .df21 > .right td {
  display: block;
  min-height: 0;
  width: 100%;
  height: 100%;
}
.home-1200 .df2 > .right img[width="245"],
.home-1200 .df22 > .right img[width="245"],
.home-1200 .df21 > .right img[width="245"] {
  width: 100% !important;
  height: 100% !important;
}

/* Industry navigation: a clean, single-line segmented tab bar. */
.home-1200 .df3 .title {
  height: 42px;
  overflow: visible;
  border-bottom: 1px solid #dce3e9;
  background: #f5f7f9;
}
.home-1200 .df3 .title .tradetabs {
  display: flex;
  align-items: stretch;
  width: 100%;
  height: 42px;
}
.home-1200 .df3 .title .tradetabs a {
  float: none;
  flex: 1 1 auto;
  min-width: 0;
  height: 42px;
  padding: 0 11px;
  border-right: 1px solid #dce3e9;
  color: #4f5963;
  font-size: 13px;
  line-height: 42px;
  white-space: nowrap;
  transition: background-color .2s ease, color .2s ease;
}
.home-1200 .df3 .title .tradetabs a:hover {
  background: #fff4ea;
  color: #f06419;
}
.home-1200 .df3 .title .tradetabs a.selected {
  height: 42px;
  background: linear-gradient(#ff8a32, #f36b16);
  color: #fff !important;
  font-weight: bold;
  line-height: 42px;
  box-shadow: inset 0 -3px 0 rgba(181, 68, 0, .22);
}
.home-1200 .df3 .title .tradetabs a.selected font {
  color: #fff !important;
}

/* Compact bottom-card action: pin it to the right instead of letting it claim
 * the unused title-bar space. */
.home-1200 .bg_314 { position: relative; }
.home-1200 .dao_more {
  position: absolute;
  top: 0;
  right: 10px;
  width: 42px;
  height: 35px;
  margin: 0;
  padding: 0;
  border-left: 0;
  line-height: 35px;
}
.home-1200 .dao_more a {
  width: 42px;
  text-align: center;
}

/* Let the real list/table content define block flow. JavaScript mirrors that
 * measured height to the ad stack, so the banners before and after resumes can
 * never start inside overflowing content. */
.home-1200 .df2,
.home-1200 .df22,
.home-1200 .df21 {
  height: auto;
  min-height: 0;
}
.home-1200 .df2 > .left,
.home-1200 .df22 > .left,
.home-1200 .df21 > .left,
.home-1200 .df2 > .left > .box,
.home-1200 .df22 > .left > .box,
.home-1200 .df21 > .left > .box {
  height: auto;
}
.home-1200 .df2 + .zhongbu,
.home-1200 .df22 + .adimg,
.home-1200 .df21 + .indexbanner,
.home-1200 .df21 + .adimg {
  clear: both;
  margin-top: 10px;
}

/* Modern member card. The AJAX form, field ids and registration URLs remain
 * unchanged; only presentation and the image-submit control are upgraded. */
.home-1200 .login_box {
  position: relative;
  float: none;
  width: 311px;
  height: 231px;
  overflow: hidden;
  border: 1px solid #dce5ed;
  border-radius: 8px;
  background: linear-gradient(145deg, #ffffff 0%, #f8fbfd 70%, #fff7ee 100%);
  box-shadow: 0 5px 16px rgba(36, 78, 111, .09);
}
.home-1200 .login-modern-head {
  display: flex;
  align-items: center;
  height: 54px;
  padding: 0 18px;
  border-bottom: 1px solid #edf1f4;
  background: rgba(255, 255, 255, .82);
}
.home-1200 .login-modern-icon {
  display: block;
  width: 36px;
  height: 36px;
  margin-right: 11px;
  border-radius: 50%;
  background: linear-gradient(135deg, #ff912f, #f36a17);
  box-shadow: 0 4px 10px rgba(243, 106, 23, .24);
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  line-height: 36px;
  text-align: center;
}
.home-1200 .login-modern-heading {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}
.home-1200 .login-modern-heading strong {
  color: #273b4c;
  font-size: 18px;
  font-weight: 600;
}
.home-1200 .login-modern-heading small {
  margin-top: 3px;
  color: #91a0ac;
  font-size: 10px;
  letter-spacing: 1.3px;
}
.home-1200 .login_box .box1 {
  width: auto;
  height: 157px;
  margin: 0;
  padding: 10px 15px;
  overflow: visible;
}
.home-1200 .login-modern-form > table:first-child {
  width: 100%;
  table-layout: fixed;
}
.home-1200 .login-modern-form > table:first-child td:first-child {
  width: 56px !important;
  padding: 3px 5px 3px 0;
  color: #52616d;
  font-size: 13px;
  white-space: nowrap;
}
.home-1200 .login-modern-form > table:first-child td:nth-child(2) {
  width: 137px !important;
  padding: 3px 5px 3px 0;
}
.home-1200 .login-modern-form > table:first-child td[rowspan="2"] {
  width: 65px !important;
  padding: 3px 0;
}
.home-1200 .index_login_input {
  box-sizing: border-box;
  width: 137px;
  height: 31px;
  padding: 0 9px;
  outline: none;
  border: 1px solid #ced9e2;
  border-radius: 4px;
  background: #fff;
  color: #344653;
  font-size: 13px;
  line-height: 31px;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.home-1200 .index_login_input:focus {
  border-color: #2d9bea;
  box-shadow: 0 0 0 3px rgba(45, 155, 234, .12);
}
.home-1200 .login-modern-submit {
  box-sizing: border-box;
  width: 62px;
  height: 68px;
  padding: 0;
  border: 0;
  border-radius: 5px;
  background: linear-gradient(#36a9f4, #1688da);
  box-shadow: 0 4px 10px rgba(22, 136, 218, .2);
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
}
.home-1200 .login-modern-submit:hover { background: linear-gradient(#249fea, #087bca); }
.home-1200 .login-modern-form > table:nth-of-type(2) {
  width: 100%;
  margin-top: 0;
}
.home-1200 .login-modern-form .login_err {
  height: 18px;
  overflow: hidden;
  color: #e75039;
  font-size: 12px;
  line-height: 18px;
}
.home-1200 .login-modern-register {
  display: inline-block;
  box-sizing: border-box;
  min-width: 112px;
  height: 30px;
  padding: 0 10px;
  border: 1px solid #d9e2e9;
  border-radius: 4px;
  background: #fff;
  color: #2877b5;
  font-size: 12px;
  line-height: 28px;
  text-align: center;
  text-decoration: none;
}
.home-1200 .login-modern-register:hover {
  border-color: #f39a55;
  background: #fff8f1;
  color: #ed6c19;
}
.home-1200 .login-modern-register img { display: none; }

/* Unified advertising rhythm: compact side stacks, restrained horizontal
 * gutters and consistent separation between full-width creatives. */
.home-1200 .df1 > .left .box3 tbody,
.home-1200 .df1 > .right .box tbody,
.home-1200 .df2 > .right tbody,
.home-1200 .df22 > .right tbody,
.home-1200 .df21 > .right tbody { gap: 6px; }
.home-1200 .df2 > .right > .box > .txt,
.home-1200 .df22 > .right > .box > .txt,
.home-1200 .df21 > .right > .box > .txt {
  box-sizing: border-box;
  height: 100%;
}
.home-1200 .df1 > .left .box3 img,
.home-1200 .df1 > .right .box img,
.home-1200 .df2 > .right img,
.home-1200 .df22 > .right img,
.home-1200 .df21 > .right img {
  border-color: #e3e8ec;
  border-radius: 2px;
}
.home-1200 .adimg1 .list,
.home-1200 .adimg .list {
  box-sizing: border-box;
  margin-top: 0;
  padding: 3px;
}
.home-1200 .adimg1,
.home-1200 .adimg {
  padding-top: 3px;
  padding-bottom: 3px;
  row-gap: 0;
}
.home-1200 .adimg .list .imgbox,
.home-1200 .adimg .list .text {
  box-sizing: border-box;
  width: 100%;
}
.home-1200 .adimg .list .imgbox { height: 70px; }
.home-1200 .adimg .list .imgbox img {
  width: 100%;
  height: 68px;
}
.home-1200 .adimg .list .text {
  height: 30px;
  font-size: 14px;
  line-height: 29px;
  background: transparent;
}
.home-1200 .adimg .list .text a {
  display: block;
  height: 29px;
  font-size: 14px;
  line-height: 29px;
  vertical-align: middle;
}
.home-1200 .zhongbu tr:nth-child(2) img,
.home-1200 .indexbanner img { border-radius: 2px; }
.home-1200 .indexbanner { margin-top: 8px; }
.home-1200 .indexbanner + .indexbanner { margin-top: 6px; }

/* Wider navigation also gets a taller, calmer rhythm. The secondary province
 * row remains intact while the primary links receive a 44px click target. */
.home-1200 #menu_out {
  box-sizing: border-box;
  width: 1200px;
  padding: 0;
  overflow: hidden;
  border: 1px solid #087fc6;
  border-radius: 7px;
  background: none;
  box-shadow: 0 4px 12px rgba(15, 111, 171, .14);
}
.home-1200 #menu_in {
  padding: 0;
  background: none;
}
.home-1200 #menu {
  height: 81px;
  background: #fff;
}
.home-1200 #nav {
  box-sizing: border-box;
  display: flex;
  align-items: stretch;
  width: 100%;
  height: 44px;
  margin: 0;
  padding: 0 8px;
  background: linear-gradient(#25a4ec, #087fc8);
}
.home-1200 #nav > li:not(.menu_line) {
  flex: 1 1 auto;
  height: 44px;
}
.home-1200 #nav > li.menu_line {
  flex: 0 0 1px;
  width: 1px;
  height: 24px;
  margin-top: 10px;
  background: rgba(255, 255, 255, .24);
}
.home-1200 #nav > li > a,
.home-1200 #nav > li > a > span {
  box-sizing: border-box;
  display: block;
  float: none;
  width: 100%;
  height: 44px;
  padding: 0;
  background: none;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  line-height: 44px;
  text-align: center;
  text-shadow: 0 1px 1px rgba(0, 70, 115, .2);
  transition: background-color .18s ease;
}
.home-1200 #nav > li > a:hover {
  border-radius: 4px;
  background: rgba(255, 255, 255, .18);
  text-decoration: none;
}
.home-1200 #menu_con {
  box-sizing: border-box;
  height: 37px;
  padding: 0 12px;
  overflow: hidden;
  border-top: 1px solid rgba(0, 104, 168, .14);
  background: linear-gradient(#fbfdff, #edf7fd);
}
.home-1200 #menu_con ul {
  display: flex;
  align-items: center;
  height: 36px;
  margin: 0;
  padding: 0;
}
.home-1200 #menu_con li {
  display: flex;
  align-items: center;
  float: none;
  height: 36px;
  margin: 0;
}
.home-1200 #menu_con li a,
.home-1200 #menu_con li a span {
  float: none;
  height: 36px;
  padding: 0 3px;
  background: none;
  color: #35779f;
  line-height: 36px;
}
.home-1200 #menu_con li a:hover span {
  background: none;
  color: #ef6b19;
}
.home-1200 #menu_con .menu_line2 {
  width: 1px;
  height: 14px;
  margin: 0 2px;
  background: #cbdde8;
}

/* Enlarge the branch-site strip as one visual unit: icon, abbreviations,
 * separators and row height all use the same increased rhythm. */
.home-1200 #menu { height: 89px; }
.home-1200 #menu_con {
  height: 45px;
  padding: 0 10px;
}
.home-1200 #menu_con ul,
.home-1200 #menu_con li {
  height: 44px;
}
.home-1200 #menu_con li:first-child {
  flex: 0 0 75px;
  justify-content: center;
  margin-right: 7px;
}
.home-1200 #menu_con li:first-child img {
  display: block;
  width: 75px;
  height: auto;
  max-height: none;
  image-rendering: auto;
}
.home-1200 #menu_con li a,
.home-1200 #menu_con li a span {
  height: 44px;
  padding: 0 3px;
  font-size: 14px;
  line-height: 44px;
}
.home-1200 #menu_con .menu_line2 {
  height: 17px;
  margin: 0 2px;
}

/* First-screen final alignment. Legacy td height:auto!important left empty
 * space inside each grid row; make every element inherit the allocated row. */
.home-1200 .df1,
.home-1200 .df1 > .left,
.home-1200 .df1 > .center,
.home-1200 .df1 > .right {
  height: 670px;
}
.home-1200 .df1 > .left .box3 td,
.home-1200 .df1 > .right .box td,
.home-1200 .df1 > .left .box3 a,
.home-1200 .df1 > .right .box a {
  box-sizing: border-box;
  height: 100% !important;
}
.home-1200 .df1 > .left .box3 img,
.home-1200 .df1 > .right .box img {
  box-sizing: border-box;
  height: 100% !important;
  object-fit: fill;
}
.home-1200 .df1 > .center .txtad {
  box-sizing: border-box;
  min-height: 0;
}
.home-1200 .df1 > .center .txtad ul {
  height: 100%;
  grid-auto-rows: minmax(0, 1fr);
}
.home-1200 .df1 > .center .txtad li {
  display: flex;
  align-items: center;
  height: auto;
  min-height: 0;
  line-height: normal;
}
.home-1200 .df1 > .center .txtad li a {
  display: block;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* The same legacy override exists in lower right-hand ad tables. */
.home-1200 .df2 > .right td,
.home-1200 .df22 > .right td,
.home-1200 .df21 > .right td,
.home-1200 .df2 > .right a,
.home-1200 .df22 > .right a,
.home-1200 .df21 > .right a {
  box-sizing: border-box;
  height: 100% !important;
}

/* First-screen spacing and registration actions. Two compact 8px gutters
 * replace the former 20px gaps, with the recovered width assigned to the
 * left and right advertising columns. */
.home-1200 .df1 {
  grid-template-columns: 326px 550px 308px;
  column-gap: 8px;
}
.home-1200 .df1 > .left {
  box-sizing: border-box;
  width: 326px;
  padding: 0;
}
.home-1200 .df1 > .center {
  box-sizing: border-box;
  width: 550px;
  padding: 0;
}
.home-1200 .df1 > .right {
  box-sizing: border-box;
  width: 308px;
  padding: 0;
}
.home-1200 .login_box {
  box-sizing: border-box;
  width: 326px;
  background:
    radial-gradient(circle at 92% 12%, rgba(45, 155, 234, .10), transparent 28%),
    linear-gradient(145deg, #ffffff 0%, #f8fbfd 68%, #fff5e9 100%);
}
.home-1200 .login_box .box1 {
  box-sizing: border-box;
  width: 100%;
  height: 176px;
  padding: 9px 14px;
}
.home-1200 .login-modern-form > table:first-child td:nth-child(2) {
  width: 145px !important;
}
.home-1200 .index_login_input { width: 145px; }
.home-1200 .login-modern-form > table:nth-of-type(2) {
  box-sizing: border-box;
  padding: 2px 4px 5px;
  border: 1px solid #e4ebf1;
  border-radius: 6px;
  background: rgba(247, 250, 252, .92);
}
.home-1200 .login-modern-register {
  width: 128px;
  min-width: 128px;
  height: 38px;
  padding: 0 8px;
  border: 0;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  line-height: 38px;
  box-shadow: 0 4px 10px rgba(23, 117, 181, .16);
}
.home-1200 .login-modern-register.is-company,
.home-1200 .login-modern-register[href*="type=1"] {
  background: linear-gradient(135deg, #319fe7, #147fc8);
}
.home-1200 .login-modern-register.is-personal,
.home-1200 .login-modern-register[href*="type=2"] {
  background: linear-gradient(135deg, #ff8b31, #ed6818);
  box-shadow: 0 4px 10px rgba(237, 104, 24, .18);
}
.home-1200 .login-modern-register.is-company:hover,
.home-1200 .login-modern-register[href*="type=1"]:hover {
  background: linear-gradient(135deg, #218fd6, #096eb1);
  color: #fff;
}
.home-1200 .login-modern-register.is-personal:hover,
.home-1200 .login-modern-register[href*="type=2"]:hover {
  background: linear-gradient(135deg, #f57b20, #d9570a);
  color: #fff;
}

/* The creative already carries its title, so keep the image unobstructed. */
.home-1200 .home-carousel {
  width: 550px;
}
.home-1200 .home-carousel-caption { display: none; }
.home-1200 .home-carousel-controls {
  right: 14px;
  bottom: 14px;
}

/* Distribute the branch icon, province abbreviations and separators across the
 * entire secondary navigation row, including the former empty right edge. */
.home-1200 #menu_con { padding-right: 6px; padding-left: 6px; }
.home-1200 #menu_con ul {
  width: 100%;
  justify-content: space-between;
}
.home-1200 #menu_con li:first-child { margin-right: 0; }

/* Header row: original logo, existing banner and an Index2-only WeChat card. */
.home-1200 .head {
  display: grid;
  grid-template-columns: 280px 650px 250px;
  column-gap: 10px;
  align-items: center;
  width: 1200px;
  min-height: 96px;
}
.home-1200 .head > .clear { display: none; }
.home-1200 .head_logo {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 280px;
  height: 88px;
  padding: 0 10px;
}
.home-1200 .head_logo img {
  display: block;
  max-width: 260px;
  max-height: 70px;
}
.home-1200 .head_logo_right {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 650px;
  height: 88px;
  padding: 0;
  overflow: hidden;
  text-align: center;
}
.home-1200 .head_logo_right > a {
  display: block;
  width: 100%;
}
.home-1200 .head_logo_right img {
  display: block;
  width: 100%;
  max-width: 650px;
  height: 70px;
  object-fit: fill;
}
.home-1200 .home-wechat-card {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 250px;
  height: 70px;
  padding: 4px 8px;
  overflow: hidden;
  border: 1px solid #e2e8ed;
  border-radius: 7px;
  background: linear-gradient(135deg, #fff, #f8fbfd);
  box-shadow: 0 3px 10px rgba(38, 74, 99, .07);
}
.home-1200 .home-wechat-qr {
  box-sizing: border-box;
  flex: 0 0 60px;
  width: 60px;
  height: 60px;
  padding: 1px;
  border: 1px solid #edf0f2;
  background: #fff;
}
.home-1200 .home-wechat-copy {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-width: 0;
  padding-left: 8px;
  color: #52616d;
  line-height: 1.55;
}
.home-1200 .home-wechat-copy strong {
  color: #2b4050;
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
}
.home-1200 .home-wechat-copy span {
  color: #778791;
  font-size: 11px;
  white-space: nowrap;
}

/* Bottom full-width sections: improve readability without changing data
 * counts or links. */
.home-1200 .df3 { font-size: 14px; }
.home-1200 .df3 .title .tradetabs a {
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.home-1200 .df3 .list { padding: 14px 12px; }
.home-1200 .df3 .list li {
  height: 32px;
  background-position: left 12px;
  line-height: 32px;
}
.home-1200 .df3 .list li .tj_gs,
.home-1200 .df3 .list li .tj_gs a {
  font-family: Arial, "Microsoft YaHei", sans-serif;
  font-size: 14px;
  line-height: 32px;
}
.home-1200 .df3 .list li .tj_gw,
.home-1200 .df3 .list li .tj_gw a {
  font-family: Arial, "Microsoft YaHei", sans-serif;
  font-size: 13px;
  line-height: 32px;
}
.home-1200 .dao_txt2 { font-size: 17px; }
.home-1200 .zx_box {
  padding-top: 12px;
  font-size: 14px;
}
.home-1200 .zx_box_txt .zx_box_txt_ti,
.home-1200 .zx_box_txt .zx_box_txt_ti a {
  font-family: Arial, "Microsoft YaHei", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
}
.home-1200 .zx_box_txt .zx_box_txt_cont {
  font-family: Arial, "Microsoft YaHei", sans-serif;
  font-size: 13px;
  line-height: 22px;
}
.home-1200 .zx_box .zx_box_txt {
  height: auto;
  min-height: 95px;
}
.home-1200 .zx_box .zx_box_li,
.home-1200 .zx_box .zx_box_li a {
  font-family: Arial, "Microsoft YaHei", sans-serif;
  font-size: 14px;
  line-height: 27px;
}
.home-1200 .links {
  font-size: 14px;
  line-height: 28px;
}

/* -------------------------------------------------------------------------
 * Trident / 360 compatibility-mode fallback
 * Modern browsers keep Grid/Flex. The JS adds .home-legacy only when an IE
 * document engine is detected, then these float/table rules take over.
 * ---------------------------------------------------------------------- */
body.home-1200.home-legacy .head {
  display: block;
  height: 96px;
  min-height: 96px;
  overflow: hidden;
}
body.home-1200.home-legacy .head_logo,
body.home-1200.home-legacy .head_logo_right,
body.home-1200.home-legacy .home-wechat-card {
  float: left;
}
body.home-1200.home-legacy .head_logo_right,
body.home-1200.home-legacy .home-wechat-card { margin-left: 10px; }
body.home-1200.home-legacy .home-wechat-card { display: block; position: relative; }
body.home-1200.home-legacy .home-wechat-qr { float: left; }
body.home-1200.home-legacy .home-wechat-copy {
  display: block;
  margin-left: 83px;
  padding-top: 15px;
}
body.home-1200.home-legacy .home-wechat-copy strong,
body.home-1200.home-legacy .home-wechat-copy span { display: block; }

body.home-1200.home-legacy #nav {
  display: block;
  overflow: hidden;
  background: #168fd7;
}
body.home-1200.home-legacy #nav li {
  float: left;
  width: 96px;
  height: 44px;
}
body.home-1200.home-legacy #nav li.menu_line {
  width: 1px;
  height: 24px;
}
body.home-1200.home-legacy #nav li a,
body.home-1200.home-legacy #nav li a span {
  display: block;
  float: none;
  width: 96px;
  height: 44px;
}
body.home-1200.home-legacy #menu_con ul {
  display: block;
  overflow: hidden;
  white-space: nowrap;
}
body.home-1200.home-legacy #menu_con li {
  display: block;
  float: left;
  width: auto;
}
body.home-1200.home-legacy #menu_con li:first-child { width: 75px; }
body.home-1200.home-legacy #menu_con .menu_line2 {
  width: 1px;
  margin-right: 2px;
  margin-left: 2px;
}

body.home-1200.home-legacy .adimg1,
body.home-1200.home-legacy .adimg {
  display: block;
  overflow: hidden;
}
body.home-1200.home-legacy .adimg1 .list,
body.home-1200.home-legacy .adimg .list {
  float: left;
}
body.home-1200.home-legacy .home-top-text td { display: block; }
body.home-1200.home-legacy .home-text-ad {
  display: inline-block;
  float: left;
  min-width: 0;
}
body.home-1200.home-legacy .home-top-text tr:first-child .home-text-ad,
body.home-1200.home-legacy .home-top-text tr:last-child .home-text-ad { width: auto; }

body.home-1200.home-legacy .df1 {
  display: block;
  overflow: hidden;
}
body.home-1200.home-legacy .df1 > .left,
body.home-1200.home-legacy .df1 > .center,
body.home-1200.home-legacy .df1 > .right {
  display: block;
  float: left;
}
body.home-1200.home-legacy .df1 > .center,
body.home-1200.home-legacy .df1 > .right { margin-left: 8px; }
body.home-1200.home-legacy .df1 > .clear { display: block; clear: both; }
body.home-1200.home-legacy .df1 > .left .box3 table,
body.home-1200.home-legacy .df1 > .right .box table,
body.home-1200.home-legacy .df1 > .left .box3 tbody,
body.home-1200.home-legacy .df1 > .right .box tbody {
  display: table;
  width: 100%;
  height: auto;
}
body.home-1200.home-legacy .df1 > .left .box3 tbody,
body.home-1200.home-legacy .df1 > .right .box tbody { display: table-row-group; }
body.home-1200.home-legacy .df1 > .left .box3 tr,
body.home-1200.home-legacy .df1 > .right .box tr { display: table-row; }
body.home-1200.home-legacy .df1 > .left .box3 td,
body.home-1200.home-legacy .df1 > .right .box td {
  display: table-cell;
  padding-bottom: 4px;
}
body.home-1200.home-legacy .df1 > .left .box3 img { height: 82px !important; }
body.home-1200.home-legacy .df1 > .right .box img { height: 79px !important; }
body.home-1200.home-legacy .df1 > .center .txtad ul {
  display: block;
  height: 350px;
  overflow: hidden;
}
body.home-1200.home-legacy .df1 > .center .txtad li {
  display: block;
  float: left;
  width: 50%;
  height: 25px;
  line-height: 25px;
}
body.home-1200.home-legacy .home-carousel-slide {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
body.home-1200.home-legacy .login-modern-icon { background: #f4771f; }
body.home-1200.home-legacy .login-modern-submit { background: #168fd7; }
body.home-1200.home-legacy .login-modern-register[href*="type=1"] { background: #218fd6; }
body.home-1200.home-legacy .login-modern-register[href*="type=2"] { background: #ed6818; }

body.home-1200.home-legacy .df2,
body.home-1200.home-legacy .df22,
body.home-1200.home-legacy .df21 {
  display: block;
  overflow: hidden;
}
body.home-1200.home-legacy .df2 > .left,
body.home-1200.home-legacy .df22 > .left,
body.home-1200.home-legacy .df21 > .left {
  display: block;
  float: left;
  width: 876px;
}
body.home-1200.home-legacy .df2 > .right,
body.home-1200.home-legacy .df22 > .right,
body.home-1200.home-legacy .df21 > .right {
  display: block;
  float: right;
  width: 312px;
}
body.home-1200.home-legacy .df2 > .left > .box,
body.home-1200.home-legacy .df22 > .left > .box {
  display: block;
  overflow: hidden;
}
body.home-1200.home-legacy .df2 > .left > .box > .title,
body.home-1200.home-legacy .df22 > .left > .box > .title { display: block; width: 100%; }
body.home-1200.home-legacy .df2 > .left > .box > .list,
body.home-1200.home-legacy .df22 > .left > .box > .list {
  display: block;
  float: left;
  width: 33.33%;
  height: 57px;
}
body.home-1200.home-legacy .df2 > .right table,
body.home-1200.home-legacy .df22 > .right table,
body.home-1200.home-legacy .df21 > .right table { display: table; height: auto; }
body.home-1200.home-legacy .df2 > .right tbody,
body.home-1200.home-legacy .df22 > .right tbody,
body.home-1200.home-legacy .df21 > .right tbody { display: table-row-group; height: auto; }
body.home-1200.home-legacy .df2 > .right tr,
body.home-1200.home-legacy .df22 > .right tr,
body.home-1200.home-legacy .df21 > .right tr { display: table-row; }
body.home-1200.home-legacy .df2 > .right td,
body.home-1200.home-legacy .df22 > .right td,
body.home-1200.home-legacy .df21 > .right td { display: table-cell; padding-bottom: 0; }
body.home-1200.home-legacy .df2 > .right img,
body.home-1200.home-legacy .df22 > .right img,
body.home-1200.home-legacy .df21 > .right img { height: auto; }

/* -------------------------------------------------------------------------
 * Image-slot standard pass (2026-08-14)
 * Top creatives use a compact 65px row. The first-screen side stacks use six
 * and nine records respectively and share a 656px baseline with the centre.
 * ---------------------------------------------------------------------- */
.home-1200 .adimg1 .list .imgbox {
  height: 65px;
}
.home-1200 .adimg1 .list .imgbox img {
  height: 65px;
}

.home-1200 .df1,
.home-1200 .df1 > .left,
.home-1200 .df1 > .center,
.home-1200 .df1 > .right {
  height: 656px;
}
.home-1200 .login_box {
  height: 223px;
  flex-basis: 223px;
}
.home-1200 .login_box .box1 {
  height: 168px;
}
.home-1200 .df1 > .left .box3 tbody,
.home-1200 .df1 > .right .box tbody {
  gap: 4px;
}
.home-1200 .df1 > .left .box3 img,
.home-1200 .df1 > .right .box img {
  box-sizing: border-box;
  height: 100% !important;
}
body.home-1200.home-legacy .df2 > .clear,
body.home-1200.home-legacy .df22 > .clear,
body.home-1200.home-legacy .df21 > .clear { display: block; clear: both; }

body.home-1200.home-legacy .df3 .title .tradetabs { display: block; }
body.home-1200.home-legacy .df3 .title .tradetabs a {
  display: block;
  float: left;
  width: auto;
  padding-right: 10px;
  padding-left: 10px;
}
body.home-1200.home-legacy .df3 .title .tradetabs a.selected,
body.home-1200.home-legacy .df3 .title .tradetabs a.selected font {
  background: #f36b16;
  color: #fff !important;
}
body.home-1200.home-legacy .box_960 { display: block; overflow: hidden; }
body.home-1200.home-legacy .box_960 > .box_314 {
  display: block;
  float: left !important;
  width: 392px;
  margin-right: 12px !important;
}
body.home-1200.home-legacy .box_960 > .box_314:nth-of-type(3) { margin-right: 0 !important; }
body.home-1200.home-legacy .box_960 > .clear { display: block; clear: both; }
body.home-1200.home-legacy .bg_314 { display: block; }
body.home-1200.home-legacy .dao_txt2 { float: left; }

/* -------------------------------------------------------------------------
 * Vertical-rhythm standard pass (2026-08-14)
 * News rows get a calmer 31px rhythm. Banner groups use one compact 6px
 * section gap instead of mixing 8px and 10px values throughout the page.
 * ---------------------------------------------------------------------- */
.home-1200 .box_960 > .box_314 {
  height: auto;
}
.home-1200 .zx_box {
  box-sizing: border-box;
  height: 100%;
  padding-bottom: 12px;
}
.home-1200 .zx_box .zx_box_li {
  padding-top: 12px;
}
.home-1200 .zx_box .zx_box_li a {
  box-sizing: border-box;
  height: 31px;
  line-height: 31px;
  background-position: left 11px;
}

.home-1200 .df2,
.home-1200 .df22,
.home-1200 .df21,
.home-1200 .df3 {
  margin-top: 4px;
}
.home-1200 .df2 + .zhongbu,
.home-1200 .df22 + .adimg,
.home-1200 .df21 + .indexbanner,
.home-1200 .df21 + .adimg,
.home-1200 .adimg + .df2,
.home-1200 .adimg + .df22,
.home-1200 .adimg + .df21,
.home-1200 .indexbanner + .df3 {
  margin-top: 4px;
}
.home-1200 .zhongbu,
.home-1200 .indexbanner {
  margin-top: 4px;
  margin-bottom: 0;
}
.home-1200 .adimg {
  padding-top: 2px;
  padding-bottom: 2px;
}

/* Use one compact vertical-gap standard for the remaining standalone blocks. */
.home-1200 .adimg1 { padding-top: 2px; padding-bottom: 2px; }
.home-1200 .home-top-text { margin-top: 0; margin-bottom: 0; }
.home-1200 .home-top-text + .df1 { margin-top: 2px; }
.home-1200 .box_960 { margin-top: 4px; margin-bottom: 4px; }

/* -------------------------------------------------------------------------
 * Universal stable-flow baseline (2026-08-15)
 * The recruitment modules no longer depend on CSS Grid. Floats and ordinary
 * table rows render the same three-column result in modern browsers, old 360
 * kernels and IE compatibility modes.
 * ---------------------------------------------------------------------- */
.home-1200 .df2,
.home-1200 .df22,
.home-1200 .df21 {
  display: block;
  overflow: hidden;
}
.home-1200 .df2 > .left,
.home-1200 .df22 > .left,
.home-1200 .df21 > .left {
  display: block;
  float: left;
  width: 876px;
}
.home-1200 .df2 > .right,
.home-1200 .df22 > .right,
.home-1200 .df21 > .right {
  display: block;
  float: right;
  width: 312px;
}
.home-1200 .df2 > .left > .box,
.home-1200 .df22 > .left > .box {
  display: block;
  overflow: hidden;
}
.home-1200 .df2 > .left > .box > .title,
.home-1200 .df22 > .left > .box > .title {
  display: block;
  width: 100%;
}
.home-1200 .df2 > .left > .box > .list,
.home-1200 .df22 > .left > .box > .list {
  box-sizing: border-box;
  display: block;
  float: left;
  width: 33.333%;
  height: 57px;
}
.home-1200 .df2 > .left > .box > .clear,
.home-1200 .df22 > .left > .box > .clear,
.home-1200 .df2 > .clear,
.home-1200 .df22 > .clear,
.home-1200 .df21 > .clear {
  display: block;
  clear: both;
}
.home-1200 .df2 > .right table,
.home-1200 .df22 > .right table,
.home-1200 .df21 > .right table {
  display: table;
  width: 100%;
  height: auto;
}
.home-1200 .df2 > .right tbody,
.home-1200 .df22 > .right tbody,
.home-1200 .df21 > .right tbody { display: table-row-group; }
.home-1200 .df2 > .right tr,
.home-1200 .df22 > .right tr,
.home-1200 .df21 > .right tr { display: table-row; }
.home-1200 .df2 > .right td,
.home-1200 .df22 > .right td,
.home-1200 .df21 > .right td { display: table-cell; }

/* -------------------------------------------------------------------------
 * Remaining legacy alignment fixes (2026-08-19)
 * Use float/percentage rows for the two text-ad lines and five image-ad
 * columns, then make each bottom news body consume its complete card width.
 * ---------------------------------------------------------------------- */
.home-1200 .home-top-text td {
  display: block;
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
}
.home-1200 .home-top-text .home-text-ad {
  box-sizing: border-box;
  display: block;
  float: left;
  height: 34px;
}
.home-1200 .home-top-text .home-text-row-5 .home-text-ad,
.home-1200 .home-top-text .home-text-row-6 .home-text-ad,
.home-1200 .home-top-text .home-text-row-7 .home-text-ad { width: auto; }

.home-1200 .adimg {
  display: block;
  overflow: hidden;
}
.home-1200 .adimg .list {
  box-sizing: border-box;
  display: block;
  float: left;
  width: 20%;
  padding: 3px;
}
.home-1200 .adimg .list .imgbox,
.home-1200 .adimg .list .text { width: 100%; }

.home-1200 .box_960 > .box_314 { box-sizing: border-box; }
.home-1200 .box_960 .bg_314 {
  box-sizing: border-box;
  width: 100%;
}
.home-1200 .box_960 .zx_box {
  box-sizing: border-box;
  width: 100%;
}
.home-1200 .box_960 .dao_more {
  position: absolute;
  top: 0;
  right: 8px;
  float: none;
  width: 42px;
  margin: 0;
}

/* IE/360 finishing fixes: let the twelve primary navigation items consume
 * the complete row, and position the 5x5 text-ad marker independently of
 * the browser's legacy `absmiddle` implementation. */
.home-1200 #nav { padding-right: 0; padding-left: 0; }
.home-1200 .df1 > .center .txtad li img {
  box-sizing: content-box;
  display: block;
  flex: 0 0 5px;
  width: 5px !important;
  height: 5px !important;
  margin: 0 6px 0 0;
  border: 0;
  vertical-align: middle;
}

/* Final 1200px alignment contract (2026-08-31).
 * Header: 280 + 10 + 650 + 10 + 250.
 * Content modules: 876 + 12 + 312. */
.home-1200 .head,
.home-1200 #menu_out,
.home-1200 .adimg1,
.home-1200 .home-top-text,
.home-1200 .df1,
.home-1200 .df2,
.home-1200 .df22,
.home-1200 .df21,
.home-1200 .df3,
.home-1200 .adimg,
.home-1200 .zhongbu,
.home-1200 .indexbanner,
.home-1200 .box_960,
.home-1200 .links {
  box-sizing: border-box;
  width: 1200px;
}
.home-1200 .zhongbu {
  table-layout: fixed;
  border-collapse: collapse;
}
.home-1200 .zhongbu td { box-sizing: border-box; padding: 0; }
.home-1200 .zhongbu tr:first-child > td:first-child,
.home-1200 .zhongbu tr + tr > td:first-child { width: 876px; }
.home-1200 .zhongbu tr:first-child > td:first-child + td { width: 12px; }
.home-1200 .zhongbu tr:first-child > td:first-child + td + td,
.home-1200 .zhongbu tr + tr > td:first-child + td { width: 312px; }
.home-1200 .zhongbu img[width="700"] {
  box-sizing: border-box;
  display: block;
  width: 876px;
}
.home-1200 .zhongbu img[width="248"] {
  box-sizing: border-box;
  display: block;
  width: 312px;
}
.home-1200 .df2 > .left,
.home-1200 .df22 > .left,
.home-1200 .df21 > .left { box-sizing: border-box; width: 876px; }
.home-1200 .df2 > .right,
.home-1200 .df22 > .right,
.home-1200 .df21 > .right { box-sizing: border-box; width: 312px; }
.home-1200 #menu_con li.home-branch-link {
  box-sizing: border-box;
  text-align: center;
}
.home-1200 #menu_con li.home-branch-link > a,
.home-1200 #menu_con li.home-branch-link > a > span {
  box-sizing: border-box;
  display: block;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  text-align: center;
}
.home-1200 .adimg1 .list.home-ad-row-start { padding-left: 0; }
.home-1200 .adimg1 .list.home-ad-row-end { padding-right: 0; }
.home-1200 .adimg1 .list .imgbox,
.home-1200 .adimg1 .list .imgbox img {
  box-sizing: border-box;
  width: 100%;
}

/* Compact member-card hierarchy: fields, reserved validation message, actions. */
.home-1200 .login-modern-form { position: relative; }
.home-1200 .login-modern-form .login-modern-error {
  display: block;
  box-sizing: border-box;
  height: 18px;
  margin: 2px 4px 0;
  overflow: hidden;
  color: #e75039;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
}
.home-1200 .login-modern-form > .login-actions-table {
  margin-top: 2px;
  padding: 4px;
}
.home-1200 .login-modern-form > .login-actions-table td {
  height: 38px !important;
  padding: 0 !important;
  vertical-align: middle;
}

/* IE/360-compatible finishing alignment for the first screen and the five-
 * column image grids. Inline widths supplied by home-1200.js take precedence
 * over the historical fixed navigation widths. */
.home-1200 .df1 > .center .txtad {
  box-sizing: border-box;
  width: 550px;
}
.home-1200 .df1 > .center .txtad ul {
  box-sizing: border-box;
  width: 100%;
}
.home-1200 .adimg .list.home-ad-row-start { padding-left: 0; }
.home-1200 .adimg .list.home-ad-row-end { padding-right: 0; }
.home-1200 .adimg .list.home-ad-row-start .imgbox,
.home-1200 .adimg .list.home-ad-row-start .text,
.home-1200 .adimg .list.home-ad-row-end .imgbox,
.home-1200 .adimg .list.home-ad-row-end .text {
  box-sizing: border-box;
  width: 100%;
}
.home-1200 .adimg .list.home-ad-row-start .imgbox img,
.home-1200 .adimg .list.home-ad-row-end .imgbox img {
  box-sizing: border-box;
  width: 100%;
}

/* First-screen six/nine image contract, 2026-09-04.
 * Left: 223 + 9 + 6*68 + 5*4 = 660. Right: 9*68 + 8*6 = 660. */
body.home-1200 .df1,
body.home-1200 .df1 > .left,
body.home-1200 .df1 > .center,
body.home-1200 .df1 > .right { height: 660px; }
body.home-1200 .df1 > .left .login_box { margin-bottom: 9px; }
body.home-1200 .df1 > .left .box3 { height: 428px; flex: 0 0 428px; }
body.home-1200 .df1 > .right .box { height: 660px; flex: 0 0 660px; }
body.home-1200 .df1 > .left .box3 tbody { grid-auto-rows: 68px; gap: 4px; }
body.home-1200 .df1 > .right .box tbody { grid-auto-rows: 68px; gap: 6px; }
body.home-1200 .df1 > .left .box3 img,
body.home-1200 .df1 > .right .box img { box-sizing: border-box; height: 68px !important; }
body.home-1200 .df1 > .center .txtad { height: 352px; flex: 0 0 352px; }

/* Final side-ad stack contract. Keep this after the table fallbacks above so
 * Chrome/Edge/Firefox use real equal rows and visible six-pixel gutters. The
 * separately loaded legacy stylesheet converts the same markup back to table
 * rows for IE and the script supplies equivalent pixel heights there. */
.home-1200 .df2 > .right > .box > .txt,
.home-1200 .df22 > .right > .box > .txt,
.home-1200 .df21 > .right > .box > .txt,
.home-1200 .df2 > .right table,
.home-1200 .df22 > .right table,
.home-1200 .df21 > .right table {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
}
.home-1200 .df2 > .right tbody,
.home-1200 .df22 > .right tbody,
.home-1200 .df21 > .right tbody {
  display: grid;
  grid-auto-rows: minmax(0, 1fr);
  gap: 6px;
  width: 100%;
  height: 100%;
}
.home-1200 .df2 > .right tr,
.home-1200 .df22 > .right tr,
.home-1200 .df21 > .right tr,
.home-1200 .df2 > .right td,
.home-1200 .df22 > .right td,
.home-1200 .df21 > .right td,
.home-1200 .df2 > .right a,
.home-1200 .df22 > .right a,
.home-1200 .df21 > .right a {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 0;
}
.home-1200 .df2 > .right img,
.home-1200 .df22 > .right img,
.home-1200 .df21 > .right img {
  box-sizing: border-box;
  display: block;
  width: 100% !important;
  height: 100% !important;
}