@charset "gb2312";

/*
 * Index2 fallback for IE8/IE9 and 360 compatibility mode.
 * This file deliberately uses floats, fixed pixel sizes and simple selectors.
 * It contains no Grid, Flexbox, calc(), transitions or CSS gradients.
 */

html, body.home-1200 { min-width: 1200px; }
body.home-1200 { overflow-x: auto; }

.home-1200 .head_top_box,
.home-1200 .head,
.home-1200 #menu_out,
.home-1200 .adimg1,
.home-1200 .adimg,
.home-1200 .home-top-text,
.home-1200 .df1,
.home-1200 .df2,
.home-1200 .df22,
.home-1200 .df21,
.home-1200 .df3,
.home-1200 .box_960,
.home-1200 .zhongbu,
.home-1200 .links { width: 1200px; margin-right: auto; margin-left: auto; }

/* Header: 280 + 10 + 650 + 10 + 250 = 1200. */
.home-1200 .head {
  display: block;
  height: 96px;
  overflow: hidden;
}
.home-1200 .head_logo,
.home-1200 .head_logo_right,
.home-1200 .home-wechat-card { box-sizing: border-box; display: block; float: left; }
.home-1200 .head_logo {
  width: 280px;
  height: 88px;
  padding: 0 10px;
  overflow: hidden;
}
.home-1200 .head_logo a { display: block; padding-top: 10px; }
.home-1200 .head_logo img { max-width: 260px; max-height: 70px; }
.home-1200 .head_logo_right {
  width: 650px;
  height: 88px;
  margin-left: 10px;
  padding: 0;
  overflow: hidden;
}
.home-1200 .head_logo_right a { display: block; padding-top: 9px; }
.home-1200 .head_logo_right img { width: 650px; height: 70px; }
.home-1200 .home-wechat-card {
  position: relative;
  width: 250px;
  height: 70px;
  margin-top: 9px;
  margin-left: 10px;
  padding: 4px 8px;
  overflow: hidden;
  border: 1px solid #e2e8ed;
  background: #fff;
}
.home-1200 .home-wechat-qr { box-sizing: border-box; float: left; width: 60px; height: 60px; padding: 1px; }
.home-1200 .home-wechat-copy {
  display: block;
  margin-left: 68px;
  padding-top: 7px;
  line-height: 20px;
  white-space: nowrap;
}
.home-1200 .home-wechat-copy strong,
.home-1200 .home-wechat-copy span { display: block; }
.home-1200 .home-wechat-copy strong { font-size: 13px; color: #2b4050; }
.home-1200 .home-wechat-copy span { font-size: 11px; color: #778791; }
.home-1200 .head > .clear { display: block; clear: both; }

/* Main and branch navigation. */
.home-1200 #menu_out { padding: 0; background: #168fd7; }
.home-1200 #menu_in { padding: 0; background: none; }
.home-1200 #menu { height: 89px; background: #fff; }
.home-1200 #nav {
  display: block;
  width: 1200px;
  height: 44px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #168fd7;
}
.home-1200 #nav li { float: left; width: 99px; height: 44px; }
.home-1200 #nav li.menu_line { width: 1px; height: 24px; margin-top: 10px; background: #7bc5ee; }
.home-1200 #nav li a,
.home-1200 #nav li a span {
  display: block;
  float: none;
  width: 99px;
  height: 44px;
  padding: 0;
  background: none;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  line-height: 44px;
  text-align: center;
}
body.home-1200.home-legacy #nav { width: 100%; padding: 0; }
body.home-1200.home-legacy #nav li,
body.home-1200.home-legacy #nav li a,
body.home-1200.home-legacy #nav li a span { width: 98px; }
body.home-1200.home-legacy #nav li.menu_line { width: 1px; }
.home-1200 #menu_con {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 44px;
  padding: 0 0 0 6px;
  overflow: hidden;
  background: #f2f9fd;
}
.home-1200 #menu_con ul { display: block; width: auto; height: 44px; margin: 0; padding: 0; white-space: nowrap; }
.home-1200 #menu_con li { display: block; float: left; width: auto; height: 44px; margin: 0; }
.home-1200 #menu_con li:first-child { width: 75px; margin-right: 4px; }
.home-1200 #menu_con li:first-child img { width: 75px; height: auto; margin-top: 9px; }
.home-1200 #menu_con li a,
.home-1200 #menu_con li a span {
  display: block;
  float: none;
  height: 44px;
  padding: 0 3px;
  background: none;
  color: #35779f;
  font-size: 14px;
  line-height: 44px;
}
.home-1200 #menu_con li.menu_line2 { width: 1px; height: 17px; margin: 14px 2px 0; background: #cbdde8; }

/* Top image grids. */
.home-1200 .adimg1,
.home-1200 .adimg { display: block; padding: 3px 0; overflow: hidden; }
.home-1200 .adimg1 .list { float: left; width: 200px; padding: 0; }
.home-1200 .adimg1 .list .imgbox { width: 200px; height: 65px; }
.home-1200 .adimg1 .list .imgbox img { width: 194px; height: 65px; }
.home-1200 .adimg .list { box-sizing: border-box; float: left; width: 20%; margin: 0; padding: 3px; }
.home-1200 .adimg .list .imgbox,
.home-1200 .adimg .list .text { width: 234px; }
.home-1200 .adimg .list .imgbox { height: 70px; }
.home-1200 .adimg .list .imgbox img { width: 234px; 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 .adimg1 .clear,
.home-1200 .adimg .clear { display: block; clear: both; }

/* Text ad table: no CSS Grid dependency. */
.home-1200 .home-top-text { table-layout: fixed; }
.home-1200 .home-top-text td { display: block; box-sizing: border-box; width: 100%; padding: 0 10px; overflow: visible; }
.home-1200 .home-top-text .home-text-ad { position: relative; display: block; box-sizing: border-box; float: left; height: 34px; padding-right: 14px; overflow: visible; white-space: nowrap; text-overflow: clip; }
.home-1200 .home-top-text .home-text-dot { position: absolute; left: 0; color: #ff6b1a; font-size: 16px; line-height: 34px; }
.home-1200 .home-top-text .home-text-ad a { display: block; overflow: visible; white-space: nowrap; text-overflow: clip; }
.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,
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; }

/* First screen: 326 + 8 + 550 + 8 + 308. */
.home-1200 .df1 { display: block; height: 657px; overflow: hidden; }
.home-1200 .df1 > .left,
.home-1200 .df1 > .center,
.home-1200 .df1 > .right { display: block; float: left; height: 657px; padding: 0; }
.home-1200 .df1 > .left { width: 326px; }
.home-1200 .df1 > .center { width: 550px; margin-left: 8px; }
.home-1200 .df1 > .right { width: 308px; margin-left: 8px; }
.home-1200 .df1 > .clear { display: block; clear: both; }
/* If IE7 skips the enhancement script, retain a readable original login box. */
.home-1200 .login_box .box1 { width: 294px; margin-right: 15px; margin-left: 15px; }
.home-1200 .login_box { width: 324px; height: 223px; background: #f9fbfd; }
.home-1200 .login-modern-head { display: block; height: 54px; overflow: hidden; }
.home-1200 .login-modern-icon { float: left; background: #f4771f; }
.home-1200 .login-modern-heading { display: block; margin-left: 48px; padding-top: 8px; }
.home-1200 .login-modern-heading strong,
.home-1200 .login-modern-heading small { display: block; }
.home-1200 .login-modern-submit { background: #168fd7; }
.home-1200 .login-modern-register.is-company { background: #218fd6; }
.home-1200 .login-modern-register.is-personal { background: #ed6818; }
.home-1200 .df1 > .left .box3 { width: 326px; height: 426px; }
.home-1200 .df1 > .right .box { width: 308px; height: 657px; }
.home-1200 .df1 > .left .box3 table,
.home-1200 .df1 > .right .box table { display: table; width: 100%; height: auto; border-collapse: separate; border-spacing: 0; }
.home-1200 .df1 > .left .box3 tbody,
.home-1200 .df1 > .right .box tbody { display: table-row-group; }
.home-1200 .df1 > .left .box3 tr,
.home-1200 .df1 > .right .box tr { display: table-row; }
.home-1200 .df1 > .left .box3 td { display: table-cell; height: 71px !important; padding-bottom: 3px; }
.home-1200 .df1 > .right .box td { display: table-cell; height: 73px !important; padding-bottom: 5px; }
.home-1200 .df1 > .left .box3 a,
.home-1200 .df1 > .right .box a { display: block; width: 100%; height: auto !important; }
.home-1200 .df1 > .left .box3 img { width: 326px !important; height: 68px !important; }
.home-1200 .df1 > .right .box img { width: 308px !important; height: 68px !important; }
.home-1200 .home-carousel { width: 550px; height: 300px; }
.home-1200 .home-carousel-slide { top: 0; right: 0; bottom: 0; left: 0; }
.home-1200 .home-carousel-controls { display: block; overflow: hidden; }
.home-1200 .home-carousel-dot { display: block; float: left; margin-left: 7px; font-size: 0; line-height: 0; }
.home-1200 .df1 > .center .txtad { box-sizing: border-box; width: 550px; height: 350px; padding: 2px 8px 8px; }
.home-1200 .df1 > .center .txtad ul { box-sizing: border-box; display: block; width: 100%; height: 340px; overflow: hidden; }
.home-1200 .df1 > .center .txtad li {
  display: block;
  float: left;
  width: 266px;
  height: 25px;
  font-size: 14px;
  line-height: 25px;
  white-space: nowrap;
  overflow: hidden;
}
.home-1200 .df1 > .center .txtad li img {
  display: block;
  float: left;
  width: 5px !important;
  height: 5px !important;
  margin: 10px 6px 0 0;
  border: 0;
}
.home-1200 .df1 > .center .txtad li a {
  display: block;
  float: left;
  width: 250px;
  height: 25px;
  overflow: hidden;
  line-height: 25px;
  white-space: nowrap;
}

/* Main two-column modules. */
.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 { box-sizing: border-box; display: block; width: 876px; 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: 290px;
  height: 47px;
  padding: 5px 12px;
}
.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; height: auto; }
.home-1200 .df2 > .right tr,
.home-1200 .df22 > .right tr,
.home-1200 .df21 > .right tr { display: table-row; height: auto !important; }
.home-1200 .df2 > .right td,
.home-1200 .df22 > .right td,
.home-1200 .df21 > .right td { display: table-cell; height: auto; padding-bottom: 0; }
.home-1200 .df2 > .right a,
.home-1200 .df22 > .right a,
.home-1200 .df21 > .right a { display: block; height: auto; }
.home-1200 .df2 > .right img,
.home-1200 .df22 > .right img,
.home-1200 .df21 > .right img { width: 310px !important; height: auto; }
.home-1200 .df2 > .clear,
.home-1200 .df22 > .clear,
.home-1200 .df21 > .clear { display: block; clear: both; }

/* Bottom tab strip and three news cards. */
.home-1200 .df3 .title .tradetabs { display: block; overflow: hidden; }
.home-1200 .df3 .title .tradetabs a {
  display: block;
  float: left;
  width: auto;
  height: 42px;
  padding: 0 10px;
  font-size: 13px;
  line-height: 42px;
  white-space: nowrap;
}
.home-1200 .df3 .title .tradetabs a.selected,
.home-1200 .df3 .title .tradetabs a.selected font { background: #f36b16; color: #fff !important; }
.home-1200 .df3 .list li { float: left; width: 360px; height: 32px; }
.home-1200 .box_960 { display: block; overflow: hidden; }
.home-1200 .box_960 > .box_314 { display: block; float: left !important; width: 392px; margin-right: 12px !important; }
.home-1200 .box_960 > .box_314.last,
.home-1200 .box_960 > .box_314 + .box_314 + .box_314 { margin-right: 0 !important; }
.home-1200 .box_960 > .clear { display: block; clear: both; }
.home-1200 .bg_314 { box-sizing: border-box; display: block; position: relative; width: 392px; }
.home-1200 .zx_box { box-sizing: border-box; width: 392px; }
.home-1200 .dao_txt2 { float: left; }
.home-1200 .dao_more { display: block; float: none; position: absolute; top: 0; right: 8px; width: 42px; margin: 0; }

/* Matching vertical rhythm for IE/360 compatibility mode. */
.home-1200 .zx_box .zx_box_li { padding-top: 12px; }
.home-1200 .zx_box .zx_box_li a {
  display: block;
  height: 31px;
  line-height: 31px;
  background-position: left 11px;
}

/* One fixed alignment contract for every IE/360 section. */
body.home-1200.home-legacy .head_logo { box-sizing: border-box; width: 280px; }
body.home-1200.home-legacy .head_logo_right { box-sizing: border-box; width: 650px; margin-left: 10px; }
body.home-1200.home-legacy .home-wechat-card {
  box-sizing: border-box;
  width: 250px;
  height: 70px;
  margin: 9px 0 0 10px;
  padding: 4px 8px;
}
body.home-1200.home-legacy .home-wechat-qr { width: 60px; height: 60px; padding: 1px; }
body.home-1200.home-legacy .home-wechat-copy { margin-left: 68px; padding-top: 7px; line-height: 20px; }
body.home-1200.home-legacy .df2 > .left > .box,
body.home-1200.home-legacy .df22 > .left > .box { box-sizing: border-box; width: 876px; }
.home-1200 .zhongbu { width: 1200px; 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 #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%; }
.home-1200 .df2,
.home-1200 .df22,
.home-1200 .df21,
.home-1200 .df3,
.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,
.home-1200 .zhongbu,
.home-1200 .indexbanner { margin-top: 6px; }
.home-1200 .zhongbu,
.home-1200 .indexbanner { margin-bottom: 0; }
.home-1200 .adimg { padding-top: 2px; padding-bottom: 2px; }
.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%; }

/* Login card: IE8 and older compatibility modes do not understand the
 * :nth-child selectors used by the modern sheet. Explicit cell hooks keep the
 * historical width="911" submit cell from stretching the form. */
body.home-1200.home-legacy .df1 > .left .login_box {
  box-sizing: border-box;
  display: block;
  float: none;
  width: 326px;
  height: 223px;
  margin: 0 0 9px;
  overflow: hidden;
}
body.home-1200.home-legacy .login-modern-head {
  box-sizing: border-box;
  display: block;
  width: 324px;
  height: 55px;
  padding: 0 18px;
  overflow: hidden;
}
body.home-1200.home-legacy .login-modern-icon {
  display: block;
  float: left;
  width: 36px;
  height: 36px;
  margin: 9px 11px 0 0;
  line-height: 36px;
}
body.home-1200.home-legacy .login-modern-heading {
  display: block;
  margin-left: 47px;
  padding-top: 8px;
}
body.home-1200.home-legacy .login_box .box1 {
  box-sizing: border-box;
  display: block;
  width: 324px;
  height: 166px;
  margin: 0;
  padding: 9px 13px;
  overflow: hidden;
}
body.home-1200.home-legacy .login-modern-form {
  display: block;
  width: 298px;
  margin: 0;
  padding: 0;
}
body.home-1200.home-legacy .login-fields-table {
  table-layout: fixed;
  width: 298px !important;
  margin: 0;
  border-collapse: collapse;
}
body.home-1200.home-legacy .login-fields-table .login-label-cell {
  box-sizing: border-box;
  width: 58px !important;
  padding: 3px 5px 3px 0;
  white-space: nowrap;
}
body.home-1200.home-legacy .login-fields-table .login-input-cell {
  box-sizing: border-box;
  width: 165px !important;
  padding: 3px 5px 3px 0;
}
body.home-1200.home-legacy .login-fields-table .login-submit-cell {
  box-sizing: border-box;
  width: 75px !important;
  padding: 3px 0;
}
body.home-1200.home-legacy .index_login_input {
  box-sizing: border-box;
  width: 145px;
  height: 31px;
}
body.home-1200.home-legacy .login-modern-submit {
  box-sizing: border-box;
  display: block;
  width: 62px;
  height: 68px;
  margin: 0 auto;
  padding: 0;
}
body.home-1200.home-legacy .login-actions-table {
  table-layout: fixed;
  box-sizing: border-box;
  width: 298px !important;
  margin: 0;
}
body.home-1200.home-legacy .login-actions-table td { width: 149px; }
body.home-1200.home-legacy .login-actions-table .login-modern-register {
  box-sizing: border-box;
  display: block;
  width: 128px;
  min-width: 0;
  height: 38px;
  margin: 0 auto;
  padding: 0 8px;
  line-height: 38px;
}

/* Fixed 68px creatives: override the older, more-specific 82/79px rules. */
body.home-1200.home-legacy .df1,
body.home-1200.home-legacy .df1 > .left,
body.home-1200.home-legacy .df1 > .center,
body.home-1200.home-legacy .df1 > .right { height: 660px; }
body.home-1200.home-legacy .df1 > .left .box3 { height: 428px; }
body.home-1200.home-legacy .df1 > .right .box { height: 660px; }
body.home-1200.home-legacy .df1 > .left .box3 tr,
body.home-1200.home-legacy .df1 > .right .box tr { height: auto; }
body.home-1200.home-legacy .df1 > .left .box3 a,
body.home-1200.home-legacy .df1 > .right .box a { height: 68px !important; }
body.home-1200.home-legacy .df1 > .left .box3 td,
body.home-1200.home-legacy .df1 > .right .box td {
  box-sizing: content-box;
  height: 68px !important;
  padding: 0 0 4px;
  border: 0;
  vertical-align: top;
}
body.home-1200.home-legacy .df1 > .right .box td { padding-bottom: 6px; }
body.home-1200.home-legacy .df1 > .left .box3 .home-side-ad-last td,
body.home-1200.home-legacy .df1 > .right .box .home-side-ad-last td { padding-bottom: 0; }
body.home-1200.home-legacy .df1 > .left .box3 img,
body.home-1200.home-legacy .df1 > .right .box img { box-sizing: border-box; height: 68px !important; }
body.home-1200.home-legacy .df1 > .center .txtad { height: 352px; }

/* 360 compatibility-mode rhythm. Keep each six-item text row on one line;
 * otherwise old content-box sizing can wrap only the final marker and create
 * what looks like a large empty block above the login section. */
body.home-1200.home-legacy .home-top-text,
body.home-1200.home-legacy .home-top-text tbody {
  display: block;
  overflow: hidden;
}
body.home-1200.home-legacy .home-top-text tr,
body.home-1200.home-legacy .home-top-text td {
  display: block;
  height: 32px;
  min-height: 32px;
  overflow: hidden;
  white-space: nowrap;
}
body.home-1200.home-legacy .home-top-text .home-text-ad,
body.home-1200.home-legacy .home-top-text .home-text-ad a,
body.home-1200.home-legacy .home-top-text .home-text-dot {
  height: 32px;
  line-height: 32px;
}
body.home-1200.home-legacy .df1 { margin-top: 4px; }
body.home-1200.home-legacy .home-top-text + .df1 { margin-top: 2px; }
body.home-1200.home-legacy .df2,
body.home-1200.home-legacy .df22,
body.home-1200.home-legacy .df21,
body.home-1200.home-legacy .df3,
body.home-1200.home-legacy .df2 + .zhongbu,
body.home-1200.home-legacy .df22 + .adimg,
body.home-1200.home-legacy .df21 + .indexbanner,
body.home-1200.home-legacy .df21 + .adimg,
body.home-1200.home-legacy .adimg + .df2,
body.home-1200.home-legacy .adimg + .df22,
body.home-1200.home-legacy .adimg + .df21,
body.home-1200.home-legacy .indexbanner + .df3,
body.home-1200.home-legacy .zhongbu,
body.home-1200.home-legacy .indexbanner { margin-top: 4px; }

body.home-1200.home-legacy .login-modern-form > .login-actions-table {
  margin-top: 2px;
  padding: 4px;
}
body.home-1200.home-legacy .login-modern-form > .login-actions-table td {
  height: 38px !important;
  padding: 0 !important;
  vertical-align: middle;
}