/*
 * @Author: zsy 
 * @Date: 2023-05-19 17:30:11 
 * @Last Modified by: zsy
 * @Last Modified time: 2023-05-22 17:34:09
 */

.main {
  padding: 30px 0 80px;
  background: #fff url("../images/index/bg.png") no-repeat center top -115px;
}
.main .container {
  position: relative;
  z-index: 9999;
}

.notice {
 position: relative;
  width: 158px;
  height: 100%;
  padding-left: 51px;
  background: url("../images/index/notice_bg.png") no-repeat;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 48px;
}

.notice:before {
 position: absolute;
  left: 7px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  width: 38px;
  height: 38px;
  background: url("../images/index/notice_ico.png") no-repeat;
}

.notice-box {
height: 48px;
  border-radius: 4px;
  -webkit-box-shadow: 0px 13px 26px 0px rgba(182, 206, 242, 0.25);
          box-shadow: 0px 13px 26px 0px rgba(182, 206, 242, 0.25);
  overflow: hidden;
}

.notice-scroll {
width: calc(100% - 230px);
  height: 100%;
  margin: 0 19px;
}

.notice-list {
 font-size: 0;
 position: relative;
 display: inline-block;
 width: auto;
 height: 48px;
 line-height: 48px;
 padding-left: 25px;
 vertical-align: top;
 margin-right: 22.5px;
}

.notice-item {
  position: relative;
  display: inline-block;
  width: 359px;
  height: 48px;
  line-height: 48px;
  padding-left: 25px;
  vertical-align: top;
  margin-right: 22.5px;
}

.notice-item:before {
 position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #4e5463;
}

.notice-item > a {
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: #4e5463;
}

.notice-more {
 width: 34px;
  height: 100%;
  background: url("../images/index/notice_more.png") no-repeat center, -webkit-gradient(linear, left top, left bottom, from(#2b64e9), to(#739dff));
  background: url("../images/index/notice_more.png") no-repeat center, linear-gradient(to bottom, #2b64e9, #739dff);
}


.box-hd {
  text-align: center;
}

.box-tt {
  position: relative;
  display: inline-block;
  height: 28px;
  line-height: 28px;
  padding: 0 20px;
  font-family: "Alimama_ShuHeiTi_Bold";
  font-size: 30px;
  vertical-align: top;
}

.box-tt > span {
  color: #2B64E9;
}

.box-tt:before, .box-tt:after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  content: '';
  width: 352px;
  height: 26px;
  background-repeat: no-repeat;
}

.box-tt:before {
  left: -372px;
  background-image: url("../images/index/title_before1.png");
}

.box-tt:after {
  right: -372px;
  background-image: url("../images/index/title_after1.png");
}

.dynamic-box {
  margin-top: 80px;
}

.dynamic-bd {
  position: relative;
  padding-top: 130px;
}

.news-swiper {
  position: relative;
  width: 500px;
  height: 350px;
}

.news-swiper .swiper-pagination {
  padding-right: 23px;
  text-align: right;
  bottom: 24px;
}

.news-swiper .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 2px;
  background: #fff;
  opacity: 1;
}

.news-swiper .swiper-pagination-bullets .swiper-pagination-bullet-active {
  width: 24px;
  border-radius: 10px;
  background: #FF8A31;
}

.news-img {
  display: block;
  height: 100%;
  position:relative;
  overflow:hidden;
  background: #333;
}

.news-img > img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  max-height: 100%;
  transform: translate(-50%, -50%);
}

.news-intro {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 67px;
  line-height: 67px;
  padding: 0 100px 0 26px;
  color: #fff;
  font-size: 16px;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10;
}

.dynamic-info {
  width: calc(100% - 530px);
  margin-left: 30px;
}

.dynamic-info .news-item {
  height: 40px;
  line-height: 40px;
  margin-top: 16.75px;
}

.dynamic-list {
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 0;
}

.dynamic-hdl {
  display: inline-block;
  vertical-align: top;
}

.dynamic-hdl + .dynamic-hdl {
  margin-left: 20px;
}

.dynamic-hdl > a {
  display: block;
  height: 30px;
  line-height: 28px;
  padding: 0 20px;
  border: 1px solid #fff;
  border-radius: 38px;
  font-size: 14px;
  color: #C78A4E;
  background-color: #FDF4EB;
}

.dynamic-hdl.active > a {
  border: 0;
  line-height: 30px;
  color: #fff;
  background: -webkit-gradient(linear, left top, right bottom, from(#FFB979), to(#FF7816));
  background: -webkit-linear-gradient(left top, #FFB979, #FF7816);
  background: -o-linear-gradient(left top, #FFB979, #FF7816);
  background: linear-gradient(to right bottom, #FFB979, #FF7816);
}

.dynamic-title {
  height: 22px;
  line-height: 22px;
  font-size: 22px;
  font-weight: 600;
}

.dynamic-title > a {
  display: block;
  text-align: center;
  color: #333;
}

.dynamic-intro {
  height: 86px;
  line-height: 22px;
  padding: 10px 14px 0;
  margin-top: 20px;
  border: 1px solid #CFE2FF;
  background-color: #F3F8FF;
}

.dynamic-intro > p {
  max-height: 66px;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  /* ! autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
}

.login-box {
  height: 371px;
  margin-top: 80px;
  padding-top: 50px;
  background: url("../images/index/login_bg.png") no-repeat center top;
}

.login-box .box-tt > span {
  margin-left: 17px;
}

.login-list {
  margin-top: 84px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-left: -99.75px;
}

.login-item {
  margin-left: 99.75px;
}

.login-item > a {
  display: block;
  min-width: 160px;
  line-height: 30px;
  padding-top: 131px;
  font-size: 20px;
  color: #000;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center top;
}

.login-item:hover > a {
  font-weight: 800;
  color: #2B5AB1;
}

.login-item:nth-child(1) > a {
  background-image: url("../images/index/login_ico1.png");
}

.login-item:nth-child(1):hover > a {
  background-image: url("../images/index/login_ico1h.png");
}

.login-item:nth-child(2) > a {
  background-image: url("../images/index/login_ico2.png");
}

.login-item:nth-child(2):hover > a {
  background-image: url("../images/index/login_ico2h.png");
}

.login-item:nth-child(3) > a {
  background-image: url("../images/index/login_ico3.png");
}

.login-item:nth-child(3):hover > a {
  background-image: url("../images/index/login_ico3h.png");
}

.login-item:nth-child(4) > a {
  background-image: url("../images/index/login_ico4.png");
}

.login-item:nth-child(4):hover > a {
  background-image: url("../images/index/login_ico4h.png");
}

.login-item:nth-child(5) > a {
  background-image: url("../images/index/login_ico5.png");
}

.login-item:nth-child(5):hover > a {
  background-image: url("../images/index/login_ico5h.png");
}

.side-list {
  width: 72px;
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 22px;
    z-index: 9999;
}

.side-item {
  position: relative;
}

.side-item + .side-item {
  margin-top: 8px;
}

.side-item > a {
  display: block;
  height: 70px;
  line-height: 22px;
  padding-top: 44px;
  text-align: center;
  color: #5B5A5A;
  -webkit-box-shadow: 0 4px 12px rgba(154, 154, 154, 0.25);
          box-shadow: 0 4px 12px rgba(154, 154, 154, 0.25);
  background-repeat: no-repeat;
  background-position: center 10px;
  background-color: #fff;
}

.side-item:nth-child(1) > a {
  background-image: url("../images/index/side_ico1.png");
}

.side-item:nth-child(2) > a {
  background-image: url("../images/index/side_ico2.png");
}

.side-item:nth-child(3) > a {
  background-image: url("../images/index/side_ico3.png");
}

.side-item:nth-child(4) > a {
  background-image: url("../images/index/side_ico4.png");
}

.side-item:nth-child(5) > a {
  background-image: url("../images/index/side_ico5.png");
}

.side-item:nth-child(6) > a {
  background-image: url("../images/index/side_ico6.png");
}

.side-item:hover > a {
  color: #2B64E9;
  background-color: #EBF1FA;
}

.side-item:hover .side-loc {
  display: block;
}

.side-item.gotop > a {
  color: #fff;
  background: url("../images/index/go_top.png") no-repeat center 10px, -webkit-gradient(linear, left top, left bottom, from(#2B64E9), to(#739DFF));
  background: url("../images/index/go_top.png") no-repeat center 10px, -webkit-linear-gradient(top, #2B64E9, #739DFF);
  background: url("../images/index/go_top.png") no-repeat center 10px, -o-linear-gradient(top, #2B64E9, #739DFF);
  background: url("../images/index/go_top.png") no-repeat center 10px, linear-gradient(to bottom, #2B64E9, #739DFF);
}

.side-item.gotop:hover > a {
  background: url("../images/index/go_top.png") no-repeat center 10px, -webkit-gradient(linear, left top, left bottom, from(#6795FF), to(#ABC4FF));
  background: url("../images/index/go_top.png") no-repeat center 10px, -webkit-linear-gradient(top, #6795FF, #ABC4FF);
  background: url("../images/index/go_top.png") no-repeat center 10px, -o-linear-gradient(top, #6795FF, #ABC4FF);
  background: url("../images/index/go_top.png") no-repeat center 10px, linear-gradient(to bottom, #6795FF, #ABC4FF);
}

.side-loc {
  display: none;
  position: absolute;
  right: 72px;
  top: 0;
  padding-right: 10px;
}

.side-loc-inside {
  width: 298px;
  padding: 16px;
  border-radius: 2px;
  border: 1px solid #EDEDED;
  background-color: #fff;
}

.side-loc-inside .address {
  line-height: 24px;
  padding-left: 21px;
  font-weight: 600;
  background: url("../images/index/side_loc.png") no-repeat 2px 5px;
}

.side-loc-inside .address-img {
  height: 174px;
  margin-top: 16px;
}

.side-loc-inside .address-img > img {
  width: 100%;
  height: 100%;
}

.tradeinfo-box {
  margin-top: 80px;
}

.tradeinfo-bd {
  margin-top: 50px;
  min-height: 466px;
}

.type-tab-hd {
  width: 222px;
}

.type-tab-hdl {
  border-right: 2px solid transparent;
  background: -webkit-gradient(linear, left top, right top, from(transparent), to(rgba(197, 220, 255, 0.4)));
  background: -webkit-linear-gradient(left, transparent, rgba(197, 220, 255, 0.4));
  background: -o-linear-gradient(left, transparent, rgba(197, 220, 255, 0.4));
  background: linear-gradient(to right, transparent, rgba(197, 220, 255, 0.4));
}

.type-tab-hdl > a {
  display: block;
  height: 93.6px;
  line-height: 93.6px;
  padding-left: 116px;
  font-size: 20px;
  color: #4E73D0;
  background-repeat: no-repeat;
  background-position: left center;
}

.type-tab-hdl + .type-tab-hdl {
  margin-top: 20px;
}

.type-tab-hdl:nth-child(1) > a {
  background-image: url("../images/index/type_tab_bg1.png");
}

.type-tab-hdl:nth-child(2) > a {
  background-image: url("../images/index/type_tab_bg2.png");
}

.type-tab-hdl:nth-child(3) > a {
  background-image: url("../images/index/type_tab_bg3.png");
}

.type-tab-hdl:nth-child(4) > a {
  background-image: url("../images/index/type_tab_bg4.png");
}

.type-tab-hdl:nth-child(5) > a {
  background-image: url("../images/index/type_tab_bg5.png");
}

.type-tab-hdl.active {
  border-color: #FF891D;
  background: -webkit-gradient(linear, left top, right top, from(transparent), to(rgba(255, 232, 197, 0.4)));
  background: -webkit-linear-gradient(left, transparent, rgba(255, 232, 197, 0.4));
  background: -o-linear-gradient(left, transparent, rgba(255, 232, 197, 0.4));
  background: linear-gradient(to right, transparent, rgba(255, 232, 197, 0.4));
}

.type-tab-hdl.active > a {
  font-weight: 600;
  color: #FF7917;
}

.type-tab-bd {
  position: relative;
  width: calc(100% - 252px);
  margin-left: 30px;
}

.notice-hd {
  height: 30px;
  margin: 10px 0;
}

.type-tab-bd .more {
  position: absolute;
  right: 20px;
  top: 0;
  line-height: 30px;
  color: #657DA1;
}

.type-tab-bd .news-item {
  height: 62px;
  line-height: 61px;
  padding: 0 20px;
  border-bottom: 1px solid #E8EDF3;
}

.quick-box {
  margin-top: 81.5px;
}

.quick-box .login-list {
  margin-top: 80px;
  margin-left: -25px;
}

.quick-box .login-item {
  margin-left: 25px;
}

.quick-box .login-item > a {
  min-width: 220px;
  padding-top: 150px;
}

.quick-box .login-item:nth-child(1) > a {
  background-image: url("../images/index/quick_enter_ico1.png");
}

.quick-box .login-item:nth-child(1):hover > a {
  background-image: url("../images/index/quick_enter_ico1h.png");
}

.quick-box .login-item:nth-child(2) > a {
  background-image: url("../images/index/quick_enter_ico2.png");
}

.quick-box .login-item:nth-child(2):hover > a {
  background-image: url("../images/index/quick_enter_ico2h.png");
}

.quick-box .login-item:nth-child(3) > a {
  background-image: url("../images/index/quick_enter_ico3.png");
}

.quick-box .login-item:nth-child(3):hover > a {
  background-image: url("../images/index/quick_enter_ico3h.png");
}

.quick-box .login-item:nth-child(4) > a {
  background-image: url("../images/index/quick_enter_ico4.png");
}

.quick-box .login-item:nth-child(4):hover > a {
  background-image: url("../images/index/quick_enter_ico4h.png");
}

.quick-box .login-item:nth-child(5) > a {
  background-image: url("../images/index/quick_enter_ico5.png");
}

.quick-box .login-item:nth-child(5):hover > a {
  background-image: url("../images/index/quick_enter_ico5h.png");
}

.infos-box {
  height: 515px;
  margin-top: 100px;
}

.infos-item {
  width: calc(50% - 20px);
  height: 100%;
  padding: 50.5px 30px 0;
  border: 1px solid #FFD4B5;
  background-color: #fff;
}

.infos-item .box-tt {
  padding: 0 13px;
}

.infos-item .box-tt > span {
  color: #FF7917;
}

.infos-item .box-tt:before, .infos-item .box-tt:after {
  width: 174px;
  height: 26px;
}

.infos-item .box-tt:before {
  left: -187px;
  background-image: url("../images/index/title_before2.png");
}

.infos-item .box-tt:after {
  right: -187px;
  background-image: url("../images/index/title_after2.png");
}

.infos-bd {
  margin-top: 30px;
}

.infos-bd .dynamic-list {
  position: relative;
  top: auto;
  left: auto;
  right: auto;
}

.infos-tab-bd {
  margin-top: 20px;
}

.infos-tab-bd .news-list {
  height: 318px;
}

.infos-tab-bd .news-item {
  position: relative;
  height: 53px;
  line-height: 53px;
  padding-left: 25px;
}

.infos-tab-bd .news-item:before {
  position: absolute;
  left: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #000;
}

.infos-tab-bd .news-item:hover:before {
  background-color: #2B5AB1;
}

.infos-tab-bd .more {
  height: 26px;
  line-height: 26px;
  margin-top: 2px;
  text-align: center;
  font-size: 16px;
}

.infos-tab-bd .more > a {
  color: #C78A4E;
}

.advertise-box {
  display: block;
  height: 140px;
  margin-top: 80px;
}

.advertise-box > img {
  width: 100%;
  height: 100%;
}

/* 2023-07-07 zsy */
.main {
  padding-top: 0;
  padding-bottom: 50px;
  background-color: #E3EDFF;
}

.main-bg {
  padding: 20px 20px 0;
  background-color: #fff;
}

.box-tt {
  color: #2B64E9;
}

.dynamic-box {
  margin-top: 50px;
}

.dynamic-hdl > a {
  height: 34px;
  line-height: 34px;
  font-size: 18px;
}

.dynamic-hdl.active > a {
  line-height: 34px;
  font-weight: 600;
}

.dynamic-list {
  top: 30px;
}

.dynamic-bd {
  padding-top: 94px;
}

.dynamic-info .news-item {
  position: relative;
  height: 53px;
  line-height: 52px;
  margin-top: 0;
  padding-left: 14px;
  border-bottom: 1px dashed #E3E3E3;
}

.dynamic-info .news-item:before {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  content: '';
  width: 9px;
  height: 9px;
  background: url("../images/index/news_ico.png") no-repeat;
}

.dynamic-intro {
  margin-bottom: 10px;
}

.type-tab-bd .more {
  top: 2px;
}

.notice-box {
  background: -webkit-gradient(linear, left top, left bottom, from(#EEF5FF), to(#fff));
  background: -webkit-linear-gradient(top, #EEF5FF, #fff);
  background: -o-linear-gradient(top, #EEF5FF, #fff);
  background: linear-gradient(to bottom, #EEF5FF, #fff);
}

.login-box {
  height: auto;
  margin-top: 0;
  background: none;
}

.login-list {
  margin: 35px -20px 0;
}

.login-item {
  width: 25%;
  margin-left: 0;
}

.login-item > a {
  display: block;
  text-align: center;
}

.login-item:nth-child(1) > a {
  background-image: url("../images/index/login_ico1h.png");
}

.login-item:nth-child(2) > a {
  background-image: url("../images/index/login_ico2h.png");
}

.login-item:nth-child(3) > a {
  background-image: url("../images/index/login_ico3h.png");
}

.login-item:nth-child(4) > a {
  background-image: url("../images/index/login_ico4h.png");
}

.login-item:nth-child(5) > a {
  background-image: url("../images/index/login_ico5h.png");
}

.login-item:hover {
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
          transform: translateY(-10px);
}

.login-item:hover > a {
  color: #2B64E9;
  font-weight: 800;
}

.notice-hd {
  height: 34px;
  margin: 0;
}

.type-tab-hdl {
  height: 94px;
}

.type-tab-hdl + .type-tab-hdl {
  margin-top: 11px;
}

.type-tab-bd .news-item {
  height: 60px;
  line-height: 59px;
}

.tradeinfo-box {
  margin-top: 50px;
}

.quick-box {
  margin-top: 50px;
}

.quick-box .login-list {
  margin: 28px -20px 0;
}

.quick-box .login-item > a {
  min-width: auto;
}

.quick-box .login-item:nth-child(1) > a {
  background-image: url("../images/index/quick_enter_ico1h.png");
}

.quick-box .login-item:nth-child(2) > a {
  background-image: url("../images/index/quick_enter_ico2h.png");
}

.quick-box .login-item:nth-child(3) > a {
  background-image: url("../images/index/quick_enter_ico3h.png");
}

.quick-box .login-item:nth-child(4) > a {
  background-image: url("../images/index/quick_enter_ico4h.png");
}

.quick-box .login-item:nth-child(5) > a {
  background-image: url("../images/index/quick_enter_ico5h.png");
}

.quick-box .login-item:hover {
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
          transform: translateY(-10px);
}

.quick-box .login-item:hover > a {
  color: #2B64E9;
  font-weight: 800;
}

.infos-box {
  height: auto;
  margin-top: 50px;
}

.infos-item {
  width: calc(50% - 15px);
  border: 0;
  padding: 0;
}

.infos-item .box-tt {
  color: #FF7917;
}

.infos-bd {
  margin-top: 27px;
}

.infos-tab-bd {
  margin-top: 10px;
}

.advertise-box {
  margin: 50px -20px 0;
}

/* 2023-07-24 */
body {
  min-width:1300px;
}

/* 2023-07-19 zsy */
.third-tab-hd {
  height: 34px;
  padding-left: 10px;
  margin-top: 14px;
  border-bottom: 1px solid #E8EDF3;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.third-tab-hdl + .third-tab-hdl {
  margin-left: 25px;
}
.third-tab-hdl > a {
  position: relative;
  height: 22px;
  line-height: 22px;
  padding-bottom: 12px;
  color: #333;
  font-size: 17px;
  font-weight: 600;
}
.third-tab-hdl.active > a {
  color: #FF7917;
  font-weight: 800;
}
.third-tab-hdl.active > a:before {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0;
  content: '';
  width: 35px;
  height: 2px;
  background-color: #FF7917;
}
.third-tab-bd .more {
  top: 48px;
  right: 0;
}
.type-tab-bd .news-item {
  height: 54px;
  line-height: 53px;
}