html {
  color: #4f4f4f;
  font-size: 10vw;
  height: 100%;
  background-color: #f8f8f8; }

a {
  color: #4f4f4f; }

body {
  font-size: 0.09375rem;
  height: 100%;
  position: relative; }

.wrap {
  width: 6.7708333333rem;
  margin: 0 auto; }

.font-l {
  font-size: 0.1458333333rem; }

.font-b {
  font-size: 0.125rem; }

.font-m {
  font-size: 0.1041666667rem; }

.font-n {
  font-size: 0.09375rem; }

.font-s {
  font-size: 0.0729166667rem; }

.mar-t20 {
  margin-top: 0.1041666667rem; }

@media (max-width: 991px) {
  html {
    font-size: 25.6vw; }

  .font-l {
    font-size: 0.1979166667rem; }

  .font-b {
    font-size: 0.1770833333rem; }

  .font-m {
    font-size: 0.15625rem; }

  .font-n {
    font-size: 0.1458333333rem; }

  .font-s {
    font-size: 0.125rem; } }
@media (max-width: 1199px) and (min-width: 992px) {
  html {
    font-size: 140px; } }
@media (min-width: 1921px) {
  html {
    font-size: 192px; } }
* {
  margin: 0;
  padding: 0;
  font-family: "Microsoft YaHei", "MicrosoftJhengHei", PingFang SC, Verdana; }

a {
  text-decoration: none; }

li {
  list-style: none; }

.pointer {
  cursor: pointer; }

.clear:after {
  clear: both;
  content: "";
  display: block; }

.fl {
  float: left; }

.fr {
  float: right; }

.text-r {
  text-align: right; }

.text-l {
  text-align: left; }

.split {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.wid-100 {
  width: 100%; }

/* header */
.header-nav {
  width: 100%; }
  .header-nav .header {
    height: 0.78125rem; }
    .header-nav .header .wrap {
      padding-top: 0.2083333333rem; }
      .header-nav .header .wrap .logo-title .title-zh {
        font-size: 0.1875rem;
        color: #1851aa;
        font-weight: bold;
        letter-spacing: 0.0416666667rem; }
      .header-nav .header .wrap .logo-title .title-en {
        font-size: 0.0625rem;
        color: #575757; }
      .header-nav .header .wrap .search-box {
        position: relative; }
        .header-nav .header .wrap .search-box .iconfont {
          position: absolute;
          top: 0.0833333333rem;
          left: 0.078125rem;
          color: #b8b8b8;
          width: 0.1145833333rem;
          height: 0.1145833333rem;
          background: url("../img/icon-search.png") no-repeat;
          background-size: auto 100%; }
        .header-nav .header .wrap .search-box input {
          height: 0.2083333333rem;
          line-height: 0.2083333333rem;
          border: solid 1px #dbdbdb;
          width: 1.5625rem;
          background: transparent;
          padding-left: 0.2083333333rem;
          color: #737373; }
        .header-nav .header .wrap .search-box button {
          width: 0.3333333333rem;
          height: 0.2083333333rem;
          line-height: 0.2083333333rem;
          background-color: #1851aa;
          text-align: center;
          color: #fff;
          border: none;
          margin-top: 0.0416666667rem; }
  .header-nav .nav {
    height: 0.3125rem;
    background-color: #1851aa; }
    .header-nav .nav ul {
      display: flex; }
    .header-nav .nav ul li {
      float: none;
      flex: 1; }
      .header-nav .nav ul li a {
        display: block;
        width: 100%;
        line-height: 0.3125rem;
        color: #fff;
        font-weight: 700;
        text-align: center; }
        .header-nav .nav ul li a:hover {
          background-color: #114183; }
      .header-nav .nav ul li.active {
        background-color: #114183 !important; }
  .header-nav .m-menu {
    display: none; }
  .header-nav .m-menu-box {
    display: none; }

/* com-title  */
.com-title {
  width: 100%;
  border-bottom: 1px solid #e9e9e9;
  font-weight: 700;
  overflow: hidden;
  line-height: 2.5;
  position: relative; }
  .com-title li {
    float: left; }
    .com-title li span {
      padding: 0 0.0520833333rem;
      display: block; }
    .com-title li a {
      font-weight: normal;
      line-height: 0.3125rem; }
    .com-title li .more {
      position: absolute;
      right: 0;
      bottom: 0;
      color: #4f4f4f;
      display: none; }
  .com-title .active span {
    color: #1851aa;
    border-bottom: 2px solid #1851aa; }
  .com-title .active .more {
    display: block; }

.footbg {
  padding: 0;
  position: relative;
  background: #434343;
  text-align: center;
  height: 0.9375rem; }
  .footbg .container {
    position: relative; }
    .footbg .container .foot-img {
      position: absolute;
      z-index: 1;
      top: 0.15625rem; }
      .footbg .container .foot-img a {
        display: block; }
    .footbg .container .f-l {
      left: 0; }
    .footbg .container .f-r {
      right: 0;
      text-align: right; }
  .footbg .foot-con {
    position: relative;
    color: #b8c6dd;
    line-height: 0.125rem;
    padding: 0.15625rem 0 0 0; }
    .footbg .foot-con .sp {
      display: inline-block;
      padding: 0 6px;
      font-size: 0.0729166667rem; }
      .footbg .foot-con .sp img {
        vertical-align: -0.0208333333rem;
        margin-left: 0.0260416667rem;
        width: 0.1041666667rem; }
      .footbg .foot-con .sp a {
        color: #b8c6dd; }
  .footbg .foont-nav {
    margin-bottom: 0.1041666667rem;
    font-size: 0.0833333333rem; }
    .footbg .foont-nav a {
      color: #b8c6dd;
      margin: 0 0.0208333333rem; }

.com-banner {
  height: 2.6041666667rem; }
  .com-banner img {
    width: 100%;
    height: 100%; }

.wrap-inner {
  box-sizing: border-box;
  min-height: calc(100% - 2.99479rem);
  width: 7.8229166667rem;
  border: 1px solid #E1DCDC;
  margin: 0.2083333333rem auto 0.2447916667rem;
  box-sizing: border-box;
  padding: 0.140625rem 0.1979166667rem 0.234375rem 0.1041666667rem;
  /*margin-top: -0.78125rem;*/
  /*position: relative;*/
  z-index: 22;
  background-color: #fff; }
  .wrap-inner .inner-menu {
    width: 1.328125rem; }
    .wrap-inner .inner-menu li {
      border-bottom: 1px solid #fff;
      border-top: none;
      position: relative;
      box-sizing: border-box; }
      .wrap-inner .inner-menu li a {
        box-sizing: border-box;
        display: block;
        line-height: 0.2604166667rem;
        padding-left: 0.2083333333rem;
        color: #99999a;
        font-size: 0.09375rem;
        background-color: #f3f4f6; }
      .wrap-inner .inner-menu li::after {
        content: '';
        display: block;
        position: absolute;
        width: 0.1458333333rem;
        height: 0.1458333333rem;
        background: url("../img/menu-arrow.png") no-repeat;
        background-size: 100% auto;
        right: 0.0520833333rem;
        top: 0.0520833333rem; }
      .wrap-inner .inner-menu li.active {
        border-left-color: #2586C9;
        background: #DDEEFA; }
        .wrap-inner .inner-menu li.active a {
          color: #1851aa; }
      .wrap-inner .inner-menu li.active::after {
        background: url("../img/menu-arrow-s.png") no-repeat;
        background-size: 100% auto; }
    .wrap-inner .inner-menu .i-menu-title {
      box-sizing: border-box;
      line-height: 1.5;
      height: 0.5208333333rem;
      background: #1851aa;
      color: #fff;
      padding-left: 0.2083333333rem;
      padding-top: 0.1041666667rem; }
      .wrap-inner .inner-menu .i-menu-title .sub-title {
        color: #72a2e5; }
  .wrap-inner .inner-main {
    width: 5.0729166667rem; }
  .wrap-inner .inner-title {
    box-sizing: border-box;
    line-height: 0.2760416667rem;
    height: 0.2760416667rem;
    background: #DDEEFA;
    color: #1851aa;
    padding-left: 0.1041666667rem;
    font-weight: bold;
    border-left: 6px solid #1851aa; }

.pagation {
  margin: 0.1302083333rem 0 0.0416666667rem;
  text-align: center;
  color: #717372; }
  .pagation a {
    display: inline-block;
    line-height: 0.15625rem;
    padding: 0 0.0520833333rem;
    border: 1px solid #1851aa;
    margin: 0.015625rem 0.015625rem;
    color: #1851aa;
    cursor: pointer;
    border-radius: 0.0260416667rem; }
  .pagation a.disabled-page {
    background-color: #EAEAEB;
    border-color: #C6C8CD;
    color: #727474;
    cursor: not-allowed; }
  .pagation .current-page {
    background-color: #1851aa;
    border: 1px solid #1851aa;
    color: #fff; }
  .pagation .total-page {
    color: #717372;
    margin-left: 0.1041666667rem; }

@media (max-width: 991px) {
  .wrap {
    width: 100%; }

  .header-nav {
    width: 100%; }
    .header-nav .header {
      height: 0.78125rem; }
      .header-nav .header .wrap {
        padding-top: 0.0520833333rem; }
        .header-nav .header .wrap .logo-title {
          padding: 0.1041666667rem 0.15625rem; }
        .header-nav .header .wrap .search-box {
          display: none; }
        .header-nav .header .wrap .m-menu {
          display: block !important;
          position: absolute;
          right: 0.078125rem;
          top: 0.1822916667rem;
          width: 0.2604166667rem;
          height: 0.2604166667rem; }
    .header-nav .m-menu-box {
      display: none;
      position: fixed;
      right: 0;
      height: 100%;
      top: 0;
      width: 100%;
      background: rgba(0, 55, 156, 0.95);
      z-index: 9998; }
    .header-nav .m-menu-box ul {
      position: fixed;
      right: 0;
      height: 100%;
      top: 10%;
      width: 100%;
      z-index: 9999;
      text-align: center; }
    .header-nav .m-menu-box ul li {
      border: none;
      width: 100%;
      line-height: 2.5; }
    .header-nav .m-menu-box ul li.m-line {
      width: 50%;
      height: 1px;
      background: #3E5D98;
      margin: 0.1041666667rem auto; }
    .header-nav .m-menu-box ul li a {
      color: #fff;
      font-weight: 700;
      font-size: 0.2083333333rem; }
    .header-nav .nav {
      display: none; }

  .com-banner {
    height: 1.5625rem; }
    .com-banner img {
      width: 100%;
      height: 100%; }

  .footbg {
    height: auto; }
    .footbg .container .foot-img {
      display: none; }
    .footbg .container .foot-con {
      box-sizing: border-box;
      padding: 0.2604166667rem 0.3645833333rem; }
      .footbg .container .foot-con .foont-nav, .footbg .container .foot-con .sp {
        font-size: 0.1458333333rem;
        line-height: 1.5; }
        .footbg .container .foot-con .foont-nav img, .footbg .container .foot-con .sp img {
          width: 0.15625rem; }

  .wrap-inner {
    box-sizing: border-box;
    min-height: calc(100% - 2.99479rem);
    width: 96%;
    padding: 0.140625rem 0 0.234375rem 0;
    margin: 0 auto;
    border: none; }
    .wrap-inner .inner-menu {
      width: 100%;
      margin-bottom: 0.1041666667rem; }
      .wrap-inner .inner-menu li {
        border: none;
        box-sizing: border-box;
        float: left;
        margin-right: 0.078125rem; }
        .wrap-inner .inner-menu li a {
          box-sizing: border-box;
          display: block;
          line-height: 0.2604166667rem;
          padding-left: 0;
          color: #666;
          font-size: 0.15625rem;
          background-color: #EAEDEF;
          padding: 0.0260416667rem 0.078125rem; }
        .wrap-inner .inner-menu li.active:after {
          display: none; }
        .wrap-inner .inner-menu li.active a {
          border: none;
          background-color: #ebf4fc;
          color: #1851aa; }
        .wrap-inner .inner-menu li::after {
          display: none; }
      .wrap-inner .inner-menu .i-menu-title {
        display: none; }
    .wrap-inner .inner-main {
      width: 100%; }
    .wrap-inner .inner-title {
      font-size: 0.15625rem;
      line-height: 0.3125rem;
      height: 0.3125rem; }

  .pagation {
    font-size: 0.125rem;
    margin: 0.1302083333rem 0 0.0416666667rem; }
    .pagation a {
      display: inline-block;
      line-height: 0.15625rem;
      padding: 0 0.0520833333rem;
      margin: 0.015625rem 0.015625rem;
      cursor: pointer;
      border-radius: 0.0260416667rem; }
    .pagation a.disabled-page {
      cursor: not-allowed; }
    .pagation .current-page {
      color: #fff; }
    .pagation .total-page {
      color: #717372;
      margin-left: 0.1041666667rem; } }
.index .banner {
  height: 2.6041666667rem; }
  .index .banner .swiper-container {
    height: 100%;
    --swiper-navigation-color: #00ff33; }
.index .main .menu-list {
  /*margin-top: -0.78125rem;*/
  /*position: relative;*/
  z-index: 22; }
  .index .main .menu-list .menu-item {
    display: inline-block;
    width: 1.3541666667rem;
    height: 1.5625rem;
    background-color: #fefefe;
    float: left;
    text-align: center;
    color: #868781;
    border: 1px solid #e2e2e2;
    border-right: none;
    box-sizing: border-box;
    padding: 0.2604166667rem 0 0.15625rem;
    border-radius: 2px;
    position: relative; }
    .index .main .menu-list .menu-item img {
      height: 0.2604166667rem;
      width: 0.2604166667rem;
      object-position: center;
      object-fit: contain;
      margin-bottom: 0.078125rem; }
    .index .main .menu-list .menu-item .line {
      width: 0.1770833333rem;
      height: 0.0260416667rem;
      margin: 0.15625rem auto;
      background-color: #868781; }
    .index .main .menu-list .menu-item .button {
      border: 1px solid #eeeeee !important;
      width: 0.5208333333rem;
      height: 0.1822916667rem;
      background-color: #fefefe;
      color: #868781;
      margin: 0 auto;
      line-height: 0.1822916667rem; }
    .index .main .menu-list .menu-item .cover {
      display: none;
      position: absolute;
      top: -0.234375rem;
      height: 1.7916666667rem;
      width: 1.3541666667rem;
      left: -1px;
      background-color: #1851aa;
      color: #fff; }
      .index .main .menu-list .menu-item .cover .title {
        background-color: #3e3f41;
        line-height: 0.234375rem;
        color: #fff; }
      .index .main .menu-list .menu-item .cover .cover-img {
        border: 1px dashed #fff;
        border-radius: 50%;
        padding: 0.15625rem;
        width: 0.2604166667rem;
        height: 0.2604166667rem;
        margin: 0.15625rem auto 0.078125rem; }
      .index .main .menu-list .menu-item .cover .button {
        border-color: #fff;
        background-color: #1851aa;
        color: #fff;
        margin-top: 0.0520833333rem; }
  .index .main .menu-list .menu-item:last-child {
    border-right: 1px solid #e2e2e2; }
  .index .main .menu-list .active .cover {
    display: block; }
  .index .main .menu-list .menu-item:hover .cover {
    display: block; }
.index .main .main-left {
  width: 4.53125rem; }
.index .main .main-right {
  width: 2.0833333333rem; }
.index .main .news-box {
  min-height: 1.90625rem; }
  .index .main .news-box:after {
    clear: both;
    display: block;
    content: ""; }
  .index .main .news-box .news-list {
    height: 100%; }
    .index .main .news-box .news-list:after {
      content: "";
      display: block;
      clear: both; }
    .index .main .news-box .news-list .news-list-box ul {
      display: none; }
    .index .main .news-box .news-list .news-list-box .active {
      display: block; }
    .index .main .news-box .news-list .news-list-box .news-item {
      margin-bottom: 0.078125rem;
      background: url("../img/point.png") no-repeat left 0.0520833333rem; }
      .index .main .news-box .news-list .news-list-box .news-item a {
        width: calc(100% - 0.8333333333rem);
        display: block;
        padding-left: 0.09375rem; }
    .index .main .news-box .news-list .news-list-box .news-item:hover {
      color: #f29d4b; }
      .index .main .news-box .news-list .news-list-box .news-item:hover a {
        color: #f29d4b; }
    .index .main .news-box .news-list .news-pics .pic-item {
      margin-left: 0.1041666667rem;
      margin-bottom: 0.1041666667rem;
      position: relative;
      width: 1.0416666667rem;
      height: 0.7552083333rem;
      overflow: hidden;
      float: left; }
      .index .main .news-box .news-list .news-pics .pic-item a {
        display: block;
        width: 100%;
        height: 100%; }
        .index .main .news-box .news-list .news-pics .pic-item a img {
          width: 100%;
          height: 100%; }
      .index .main .news-box .news-list .news-pics .pic-item .info {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 0.0416666667rem;
        background-color: rgba(0, 0, 0, 0.6);
        color: white; }
    .index .main .news-box .news-list .news-pics .pic-item:first-child {
      margin-left: 0;
      width: 2.2135416667rem;
      height: 1.6145833333rem; }
  .index .main .news-box .table {
    line-height: 0.234375rem;
    border-collapse: collapse; }
    .index .main .news-box .table td {
      padding: 0 0.15625rem; }
    .index .main .news-box .table td:nth-child(2n) {
      text-align: right; }
    .index .main .news-box .table tr:first-child {
      line-height: 0.3125rem; }
    .index .main .news-box .table tr:nth-child(2n) {
      background-color: #ebebeb; }
  .index .main .news-box .trade-progress {
    padding: 0.1041666667rem 0; }
    .index .main .news-box .trade-progress .trade-progress-item {
      width: 0.5625rem;
      height: 0.6510416667rem;
      font-size: 0.0625rem;
      text-align: center;
      color: #1851aa; }
      .index .main .news-box .trade-progress .trade-progress-item .trade-progress-img {
        width: 0.4427083333rem;
        height: 0.4427083333rem;
        border: 1px solid #1851aa;
        border-radius: 50%;
        padding: 0.1145833333rem;
        box-sizing: border-box;
        margin: 0.0520833333rem auto 0.0208333333rem;
        cursor: pointer; }
        .index .main .news-box .trade-progress .trade-progress-item .trade-progress-img img {
          width: 100%;
          height: 100%;
          object-fit: contain;
          object-position: center; }
        .index .main .news-box .trade-progress .trade-progress-item .trade-progress-img .trade-progress-img-on {
          display: none; }
        .index .main .news-box .trade-progress .trade-progress-item .trade-progress-img .trade-progress-img-off {
          display: block; }
    .index .main .news-box .trade-progress .trade-progress-item:hover .trade-progress-img {
      background-color: #1851aa; }
    .index .main .news-box .trade-progress .trade-progress-item:hover .trade-progress-img-on {
      display: block; }
    .index .main .news-box .trade-progress .trade-progress-item:hover .trade-progress-img-off {
      display: none; }
    .index .main .news-box .trade-progress .trade-progress-arrow {
      width: 0.46875rem;
      height: 0.6510416667rem; }
      .index .main .news-box .trade-progress .trade-progress-arrow img {
        height: 0.1822916667rem;
        height: auto;
        display: block;
        margin: 0.15625rem auto 0; }
  .index .main .news-box .trade-progress-plane .trade-progress-content {
    display: none;
    padding: 0.15625rem 0.2083333333rem;
    border: 1px solid #ddd;
    border-radius: 0.0416666667rem;
    background-color: #fff;
    position: relative; }
    .index .main .news-box .trade-progress-plane .trade-progress-content p {
      line-height: 2;
      font-size: 0.0833333333rem; }
      .index .main .news-box .trade-progress-plane .trade-progress-content p span {
        font-weight: 600; }
      .index .main .news-box .trade-progress-plane .trade-progress-content p label {
        padding: 0 0.03125rem;
        color: #fff;
        background-color: #1851aa;
        border-radius: 0.0208333333rem;
        min-width: 0.2604166667rem;
        display: inline-block;
        text-align: center; }
    .index .main .news-box .trade-progress-plane .trade-progress-content:after {
      position: absolute;
      background-color: #fff;
      content: "";
      display: block;
      top: -0.0651041667rem;
      width: 0.1041666667rem;
      height: 0.1041666667rem;
      border-top: 1px solid #ddd;
      border-left: 1px solid #ddd;
      transform: rotate(45deg); }
    .index .main .news-box .trade-progress-plane .trade-progress-content:nth-of-type(1):after {
      left: 0.2083333333rem; }
    .index .main .news-box .trade-progress-plane .trade-progress-content:nth-of-type(2):after {
      left: 1.25rem; }
    .index .main .news-box .trade-progress-plane .trade-progress-content:nth-of-type(3):after {
      left: 2.2916666667rem; }
    .index .main .news-box .trade-progress-plane .trade-progress-content:nth-of-type(4):after {
      left: 3.3333333333rem; }
    .index .main .news-box .trade-progress-plane .trade-progress-content:nth-of-type(5):after {
      left: 4.375rem; }
    .index .main .news-box .trade-progress-plane .trade-progress-content:nth-of-type(6):after {
      left: 5.4166666667rem; }
    .index .main .news-box .trade-progress-plane .trade-progress-content:nth-of-type(7):after {
      left: 6.4583333333rem; }
  .index .main .news-box .trade-type {
    overflow: hidden;
    width: 100%; }
    .index .main .news-box .trade-type .trade-type-item {
      width: 2.0833333333rem;
      height: 1.4322916667rem;
      float: left;
      text-align: center; }
      .index .main .news-box .trade-type .trade-type-item a {
        display: block;
        width: 100%;
        height: 100%; }
        .index .main .news-box .trade-type .trade-type-item a img {
          height: 0.390625rem;
          width: auto;
          margin: 0.3125rem 0; }
    .index .main .news-box .trade-type .bg1 {
      background: url("../img/i-trade-1.jpg") no-repeat;
      background-size: 100% 100%; }
    .index .main .news-box .trade-type .bg2 {
      background: url("../img/i-trade-2.jpg") no-repeat;
      background-size: 100% 100%;
      margin: 0 0.2604166667rem; }
    .index .main .news-box .trade-type .bg3 {
      background: url("../img/i-trade-3.jpg") no-repeat;
      background-size: 100% 100%; }
  .index .main .news-box .trade-data .tab {
    display: flex;
    justify-content: space-between; }
    .index .main .news-box .trade-data .tab .tab-item {
      background-color: #f1f1f1;
      border-radius: 28px;
      border: solid 1px #dadada;
      text-align: center;
      width: 32%;
      float: left;
      color: #000000;
      cursor: pointer;
      line-height: 0.2604166667rem; }
    .index .main .news-box .trade-data .tab .active {
      background-color: #1751aa;
      color: #fff; }
    .index .main .news-box .trade-data .tab .tab-item:hover {
      background-color: #1751aa;
      color: #fff; }
  .index .main .news-box .trade-data .chart-box {
    width: 100%;
    height: 1.3020833333rem; }
  .index .main .news-box .trade-search .trade-search-item {
    display: block;
    width: 0.6770833333rem;
    height: 0.409166667rem;
    background-color: #fafafa;
    border-radius: 10px;
    border: solid 1px #dadada;
    padding: 8px 8px;
    text-align: center;
    float: left;
    margin: 0 0.1041666667rem 0.0441666667rem; }
    .index .main .news-box .trade-search .trade-search-item img {
      height: 0.1691666667rem;
      margin-bottom: 0.0320833333rem; }
  .index .main .news-box .trade-search .trade-search-item:hover {
    border: solid 1px #1851aa; }
.index .main .news-box .company-logo-list li {
  width: 16.6666667%;
  float: left;
  box-sizing: border-box;
  padding: 0.078125rem 0.1041666667rem;
  text-align: center; }
.index .main .news-box .company-logo-list li img {
  max-width: 100%;
  height: 0.3385416667rem;
  object-fit: contain;
  object-position: center;
  display: inline-block; }
.index .bottom-banner {
  margin-bottom: 0.1041666667rem; }
  .index .bottom-banner .bottom-banner-img {
    width: 100%;
    height: 1.4583333333rem; }
    .index .bottom-banner .bottom-banner-img img {
      width: 100%;
      height: auto; }
  .index .bottom-banner:after {
    clear: both;
    display: block;
    content: ''; }

@media (max-width: 991px) {
  .index .banner {
    height: 1.5625rem; }
  .index .main .menu-list {
    margin-top: 0.1041666667rem;
    position: relative;
    z-index: 22; }
    .index .main .menu-list .menu-item {
      width: 20%;
      height: 1.0416666667rem;
      font-size: 0.1458333333rem; }
      .index .main .menu-list .menu-item .line {
        display: none; }
      .index .main .menu-list .menu-item .button {
        display: none; }
      .index .main .menu-list .menu-item .cover {
        display: none; }
    .index .main .menu-list .active .cover {
      display: none; }
    .index .main .menu-list .menu-item:hover .cover {
      display: none; }
  .index .main .main-left {
    width: 100%; }
  .index .main .main-right {
    width: 100%; }
  .index .main .news-box {
    min-height: 1.90625rem;
    padding: 0 0.1041666667rem; }
    .index .main .news-box .news-list {
      height: 100%; }
      .index .main .news-box .news-list .news-list-box .news-item {
        margin-bottom: 0.078125rem;
        background: url("../img/point.png") no-repeat left 0.078125rem; }
        .index .main .news-box .news-list .news-list-box .news-item a {
          width: calc(100% - 1.0416666667rem);
          padding-left: 0.09375rem;
          color: #4f4f4f !important; }
      .index .main .news-box .news-list .news-pics .pic-item {
        margin-left: 0.0833333333rem;
        margin-bottom: 0.1041666667rem;
        width: 0.875rem;
        height: 0.6041666667rem; }
        .index .main .news-box .news-list .news-pics .pic-item .info {
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          padding: 0.0260416667rem; }
      .index .main .news-box .news-list .news-pics .pic-item:first-child {
        width: 1.7708333333rem;
        height: 1.3125rem; }
    .index .main .news-box .table {
      line-height: 0.2864583333rem; }
    .index .main .news-box .trade-progress {
      padding: 0.1041666667rem 0;
      font-size: 0.1145833333rem; }
      .index .main .news-box .trade-progress .trade-progress-item {
        font-size: 0.1145833333rem;
        color: #1851aa; }
        .index .main .news-box .trade-progress .trade-progress-item .trade-progress-img {
          width: 0.4427083333rem;
          height: 0.4427083333rem;
          padding: 0.1145833333rem;
          margin: 0.0520833333rem auto 0.0208333333rem; }
      .index .main .news-box .trade-progress .trade-progress-item:hover .trade-progress-img {
        background-color: #1851aa; }
      .index .main .news-box .trade-progress .trade-progress-item:hover .trade-progress-img-on {
        display: block; }
      .index .main .news-box .trade-progress .trade-progress-item:hover .trade-progress-img-off {
        display: none; }
      .index .main .news-box .trade-progress .trade-progress-arrow {
        width: 0.46875rem;
        height: 0.6510416667rem; }
        .index .main .news-box .trade-progress .trade-progress-arrow img {
          height: 0.1822916667rem;
          height: auto;
          display: block;
          margin: 0.15625rem auto 0; }
    .index .main .news-box .trade-progress-plane .trade-progress-content p {
      font-size: 0.1145833333rem; }
    .index .main .news-box .trade-progress-plane .trade-progress-content:nth-of-type(1):after {
      left: 0.2083333333rem; }
    .index .main .news-box .trade-progress-plane .trade-progress-content:nth-of-type(2):after {
      left: 1.25rem; }
    .index .main .news-box .trade-progress-plane .trade-progress-content:nth-of-type(3):after {
      left: 2.2916666667rem; }
    .index .main .news-box .trade-progress-plane .trade-progress-content:nth-of-type(4):after {
      left: 3.3333333333rem; }
    .index .main .news-box .trade-progress-plane .trade-progress-content:nth-of-type(5):after {
      left: 0.7291666667rem; }
    .index .main .news-box .trade-progress-plane .trade-progress-content:nth-of-type(6):after {
      left: 1.7708333333rem; }
    .index .main .news-box .trade-progress-plane .trade-progress-content:nth-of-type(7):after {
      left: 2.8125rem; }
    .index .main .news-box .trade-type {
      overflow: hidden;
      width: 100%; }
      .index .main .news-box .trade-type .trade-type-item {
        width: 1.2083333333rem;
        height: 0.8333333333rem; }
        .index .main .news-box .trade-type .trade-type-item a img {
          height: 0.2239583333rem;
          margin: 0.1302083333rem 0; }
        .index .main .news-box .trade-type .trade-type-item .info {
          font-size: 0.1354166667rem; }
      .index .main .news-box .trade-type .bg2 {
        margin: 0 0.0364583333rem; }
    .index .main .news-box .trade-data .tab .tab-item {
      border-radius: 0.15625rem;
      line-height: 1.5;
      padding: 0.0520833333rem 0.0104166667rem;
      font-size: 0.1145833333rem; }
    .index .main .news-box .trade-data .chart-box {
      width: 100%;
      height: 2.0833333333rem; }
    .index .main .news-box .trade-search .trade-search-item {
      width: 1.1979166667rem;
      height: 0.6770833333rem;
      border-radius: 0.1041666667rem;
      padding: 12px 8px;
      margin: 0 0.15625rem 0.1041666667rem; }
    .index .main .news-box .trade-search .trade-search-item:hover {
      border: solid 1px #1851aa; }
    .index .main .news-box .company-logo-list li {
      width: 33.3333333%;
      padding: 0.078125rem 0.1041666667rem; }
    .index .main .news-box .company-logo-list li img {
      height: 0.390625rem; }
  .index .bottom-banner {
    margin-bottom: 0.0041666667rem; }
    .index .bottom-banner .bottom-banner-img {
      width: 100%;
      height: auto; }
      .index .bottom-banner .bottom-banner-img img {
        width: 100%;
        height: auto; }
    .index .bottom-banner:after {
      clear: both;
      display: block;
      content: ''; } }
.news .news-list {
  margin-top: 0.0520833333rem;
  width: 100%;
  padding: 0 0.0208333333rem;
  box-sizing: border-box; }
  .news .news-list li {
    width: 100%;
    box-sizing: border-box;
    padding: 0.078125rem 0 0.078125rem 0.234375rem;
    border-bottom: 0.0104166667rem dotted #C9C2C2;
    background: url("../img/icon-list.png") no-repeat 0.03125rem center;
    background-size: 0.1197916667rem 0.1197916667rem; }
    .news .news-list li:after {
      content: "";
      display: block;
      clear: both; }
    .news .news-list li .new-content {
      width: 4.21875rem;
      font-size: 0.09375rem;
      line-height: 0.1354166667rem;
      color: #333333;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .news .news-list li .news-time {
      width: 0.5208333333rem;
      color: #907878;
      font-size: 0.0833333333rem;
      line-height: 0.1354166667rem;
      text-align: right;
      box-sizing: border-box;
      padding-right: 0.0104166667rem; }
@media (max-width: 991px) {
  .news .news-list li .new-content {
    width: 2.34375rem;
    font-size: 0.1458333333rem;
    line-height: 0.1875rem; }
  .news .news-list li .news-time {
    width: 0.78125rem;
    color: #907878;
    font-size: 0.1354166667rem;
    line-height: 0.1875rem;
    padding-right: 0.0104166667rem; } }

.beian-content {
  padding-top: 0.0677083333rem; }
  .beian-content .c-red {
    color: #FD0505; }
  .beian-content .tip {
    box-sizing: border-box;
    width: 100%;
    margin: 0.078125rem 0;
    padding: 0.078125rem 0.1041666667rem 0.1041666667rem;
    background-color: #f4f4f4;
    line-height: 1.5; }
    .beian-content .tip .c-red {
      margin-bottom: 0.0260416667rem; }
  .beian-content .label {
    float: left;
    width: 0.9895833333rem;
    margin-right: 0.1041666667rem;
    text-align: right; }
    .beian-content .label i {
      font-style: normal; }
  .beian-content .f-content {
    width: calc(100% - 1.25rem);
    float: left; }
    .beian-content .f-content .checkbox_inner {
      float: left;
      margin-right: 0.1041666667rem; }
      .beian-content .f-content .checkbox_inner input {
        vertical-align: -0.0104166667rem;
        width: 0.1041666667rem;
        height: 0.1041666667rem; }
    .beian-content .f-content input[type="text"], .beian-content .f-content input[type="date"], .beian-content .f-content select {
      background-color: #fff;
      background-image: none;
      border-radius: 4px;
      border: 1px solid #dcdfe6;
      box-sizing: border-box;
      color: #606266;
      display: inline-block;
      font-size: inherit;
      height: 0.1822916667rem;
      line-height: 0.1822916667rem;
      outline: none;
      padding: 0 0.078125rem;
      transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
      width: 100%; }
  .beian-content .f-row {
    width: 100%;
    overflow: hidden; }
  .beian-content .f-row-12 {
    width: 100%;
    float: left;
    margin-bottom: 0.0520833333rem; }
  .beian-content .f-row-6 {
    width: 50%;
    float: left;
    margin-bottom: 0.0520833333rem; }
  .beian-content .submit-btn {
    width: 0.8645833333rem;
    height: 0.2083333333rem;
    background-color: #1851aa;
    border: none;
    color: #fff;
    margin: 0.15625rem 0 0.3125rem; }
  @media (max-width: 991px) {
    .beian-content .f-row-6 {
      width: 100%;
      margin-bottom: 0.1041666667rem; }
    .beian-content .f-row-12 {
      margin-bottom: 0.1041666667rem; }
    .beian-content .f-content {
      width: calc(100% - 1.25rem); }
      .beian-content .f-content .checkbox_inner {
        float: left;
        margin-right: 0.1041666667rem; }
        .beian-content .f-content .checkbox_inner input {
          vertical-align: -0.0104166667rem;
          width: 0.1041666667rem;
          height: 0.1041666667rem; }
      .beian-content .f-content input[type="text"], .beian-content .f-content input[type="date"], .beian-content .f-content select {
        border-radius: 4px;
        border: 1px solid #dcdfe6;
        height: 0.2864583333rem;
        line-height: 0.2864583333rem;
        padding: 0 0.078125rem;
        width: 100%; }
    .beian-content .submit-btn {
      width: 1.3854166667rem;
      height: 0.3125rem;
      margin: 0.15625rem 0 0.3125rem; } }

/*# sourceMappingURL=main.css.map */
.banner {
  height: 2.6041666667rem;
  position: relative;
}
.banner .swiper-container {
  height: 100%;
  --swiper-navigation-color: #00ff33;
}

/* 登录框样式 */
.login-box {
  position: absolute;
  right: 0.5208333333rem;
  top: 1.3020833333rem;
  width: 2.0833333333rem;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 0.0520833333rem;
  padding: 0.15625rem;
  box-shadow: 0 0 0.1041666667rem rgba(0, 0, 0, 0.1);
  z-index: 10000;
}

.login-title {
  font-size: 0.125rem;
  font-weight: bold;
  color: #1851aa;
  text-align: center;
  margin-bottom: 0.15625rem;
  padding-bottom: 0.078125rem;
  border-bottom: 1px solid #e9e9e9;
}

.login-form .form-item {
  margin-bottom: 0.1041666667rem;
}

.login-form input[type="text"],
.login-form input[type="password"] {
  width: 100%;
  height: 0.2604166667rem;
  line-height: 0.2604166667rem;
  border: 1px solid #dbdbdb;
  border-radius: 0.0260416667rem;
  padding: 0 0.0520833333rem;
  box-sizing: border-box;
  font-size: 0.09375rem;
  outline: none;
  transition: border-color 0.3s ease;
}

.login-form input[type="text"]:focus,
.login-form input[type="password"]:focus {
  border-color: #1851aa;
  box-shadow: 0 0 0 2px rgba(24, 81, 170, 0.1);
}
.login-form .form-item:nth-child(3) {
  margin-bottom: 0.1041666667rem;
  display: flex;
  align-items: center;
  gap: 0.0520833333rem;
}

.login-form input[type="iden"] {
  flex: 1;
  height: 0.2604166667rem;
  line-height: 0.2604166667rem;
  border: 1px solid #dbdbdb;
  border-radius: 0.0260416667rem;
  padding: 0 0.0520833333rem;
  box-sizing: border-box;
  font-size: 0.09375rem;
  outline: none;
  transition: border-color 0.3s ease;
}

.login-form input[type="iden"]:focus {
  border-color: #1851aa;
  box-shadow: 0 0 0 2px rgba(24, 81, 170, 0.1);
}

.login-form .codeImg {
  width: 30%;
  height: 0.2604166667rem;
  border: 1px solid #dbdbdb;
  border-radius: 0.0260416667rem;
  padding: 0;
  box-sizing: border-box;
  cursor: pointer;
  transition: opacity 0.3s ease;
  object-fit: cover;
  background-color: #f8f8f8;
}

.login-form .codeImg:hover {
  opacity: 0.9;
}

.login-form input[type="button"] {
  width: 100%;
  height: 0.2604166667rem;
  line-height: 0.2604166667rem;
  background-color: #1851aa;
  color: #fff;
  border: none;
  border-radius: 0.0260416667rem;
  font-size: 0.09375rem;
  cursor: pointer;
}

.login-form input[type="button"]:hover {
  background-color: #114183;
}

/* 响应式布局 */
@media (max-width: 991px) {
  .login-box {
    position: relative;
    right: auto;
    top: auto;
    width: 90%;
    margin: 0 auto;
    transform: none;
  }
}


.login-form .forgot-password,
.login-form .register {
  font-size: 0.0729166667rem;
  color: #1851aa;
  text-decoration: none;
}

.login-form .forgot-password {
  float: left;
}

.banner .login-form .register {
  float: right;
}

/* 响应式设计 */
@media (max-width: 991px) {
  .banner .login-box {
    position: relative;
    right: 0;
    top: 0;
    transform: none;
    width: 90%;
    margin: 0.15625rem auto;
  }
}

.risk .risk-search {
  margin-top: 0.3385416667rem;
  text-align: center;
  box-sizing: border-box;
  padding: 0 0.78125rem;
}

.risk .risk-search .search-title {
  font-size: 0.09375rem;
  font-weight: 400;
  color: #333333;
  line-height: 0.21875rem;
}

.risk .risk-search .search {
  width: 2.5260416667rem;
  box-sizing: border-box;
  position: relative;
  padding: 0.0416666667rem 0.2604166667rem 0.0416666667rem 0.0520833333rem;
  border: 1px solid #D1CFCF;
  margin: 0.15625rem auto 0;
  border-radius: 0.0208333333rem;
}

.risk .risk-search .search input {
  width: 100%;
  height: 0.125rem;
  line-height: 0.15625rem;
  border: none;
  outline: none;
  font-size: 0.0833333333rem;
  text-align: left;
}

.risk .risk-search .search span {
  position: absolute;
  display: block;
  width: 0.2604166667rem;
  height: 100%;
  right: 0;
  top: 0;
  background: url("../img/icon-search.png") no-repeat center center;
  background-size: 0.15625rem 0.1354166667rem;
  border: none;
  cursor: pointer;
}

.risk .risk-search .search-result {
  color: #ff0000;
  font-size: 0.09375rem;
  line-height: 0.1822916667rem;
  margin-top: 0.2604166667rem;
}

@media (max-width: 991px) {
  .risk .risk-search {
    padding: 0 0.3125rem;
  }

  .risk .risk-search .search-title {
    font-size: 0.1458333333rem;
  }

  .risk .risk-search .search {
    width: 100%;
  }

  .risk .risk-search .search input {
    font-size: 0.1458333333rem;
    height: 0.2083333333rem;
    line-height: 0.2083333333rem;
  }

  .risk .risk-search .search-result {
    font-size: 0.1354166667rem;
  }
}