﻿@media (max-width: 1680px) {

  .login .register-form,
  .login .login-form {
    width: 30%;
  }
}

@media (max-width: 1480px) {
  .counselor .li-box .li {
    width: 49%;
    height: 7rem;
  }

  .counselor .li-box .li:nth-child(3n) {
    margin-right: 2%;
  }

  .counselor .li-box .li:nth-child(2n) {
    margin-right: 0;
  }
}

@media (max-width: 1200px) {
  .w1400 {
    width: 90%;
  }

  .news .btm {
    padding: 1.25rem 5% 2rem;
  }

  .service .wrap .li .intro .cont {
    max-height: 5.6rem;
  }

  .contact .map-text-box {
    left: 5%;
  }

  .counselor .li-box .li {
    height: 9rem;
  }

  .login .register-form,
  .login .login-form {
    width: 35%;
    right: 5%;
  }
}

@media (max-width: 1024px) {
  .foot .top .lf a {
    margin-right: .5rem;
  }

  .i-about .wrap .top .map .point {
    left: 65.5%;
  }

  .about .bg-img {
    top: 3rem;
  }

  .financial .wrap .li-box .li .intro {
    padding: 1rem .5rem;
  }

  .news .top {
    flex-wrap: wrap;
  }

  .news .top .news-container {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1rem;
  }

  .news .top .rg {
    width: 100%;
  }

  .service .wrap .li .intro {
    padding: 1rem .75rem .5rem;
  }

  .service .wrap .li .intro .cont {
    max-height: 3.2rem;
  }

  .pro .btm .wrap .li .intro .intro-box .lst-box {
    justify-content: space-between;
    padding-right: 1rem;
  }

  .pro .btm .wrap .li .intro .intro-box .lst-box .lst {
    width: max-content;
  }

  .pro .top .wrap .search {
    width: 100%;
  }

  .left-nav {
    display: none;
  }

  .account .wrap .rg-box {
    width: 100%;
  }

  .user .wrap .rg-box {
    width: 100%;
  }

  .counselor .li-box .li {
    height: 7rem;
  }

  .pub-font .font {
    left: 5%;
    top: calc(2.3rem + 5%);
  }

  .pub-font .font .h1 {
    font-size: 1.5rem;
  }

  .login .login-form {
    right: 5%;
  }

  .login .register-form {
    right: 5%;
  }

  .login .login-form.show {
    top: 36%;
    right: 5%;
  }

  .login .register-form.show {
    right: 5%;
    top: 30%;
  }

  .index-pos {
    left: 5%;
    width: 90%;
  }
}

@media (max-width: 997px) {
  .w1760 {
    width: 90%;
  }

  .index-pos .tit {
    font-size: 1.2rem;
  }

  .index-pos .cont br {
    display: none;
  }

  .i-about .wrap .top .map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }

  .i-about .wrap .top .box {
    width: 100%;
    position: relative;
    z-index: 2;
    padding-top: 11rem;
  }

  .font48 {
    font-size: 1rem;
  }

  .i-about,
  .i-ser,
  .i-news {
    padding: 1rem 0 1.2rem;
  }

  .i-about .wrap .btm {
    flex-wrap: wrap;
  }

  .i-about .wrap .btm .li {
    width: 100%;
    margin-bottom: .5rem;
  }

  .i-about .wrap .btm .li:last-child {
    margin-bottom: 0;
  }

  .i-ser .wrap .li-box {
    flex-wrap: wrap;
  }

  .i-ser .wrap .li-box .li {
    width: 100%;
  }

  .i-news .wrap .box {
    flex-wrap: wrap;
  }

  .i-news .wrap .box .lf {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1rem;
  }

  .i-news .wrap .box .rg {
    width: 100%;
  }

  .foot .top .lf {
    display: none;
  }

  .foot .top {
    padding: 1rem 5%;
    justify-content: center;
  }

  .foot .btm {
    padding: 1rem 5%;
    flex-wrap: wrap;
  }

  .foot .btm .lf {
    width: 100%;
    padding-top: 0;
    margin-bottom: .5rem;
    text-align: center;
  }

  .foot .btm .rg {
    width: 100%;
    flex-wrap: wrap;
  }

  .foot .btm .lf div {
    margin: 0 auto .5rem;
  }

  .foot .btm .rg .intro {
    width: 100%;
    text-align: center;
    margin-right: 0;
    margin-bottom: .5rem;
  }

  .foot .btm .rg .code {
    margin: 0 auto;
  }

  .banner-intro {
    width: 90%;
  }

  .banner-intro p {
    font-size: 1.2rem;
  }

  .nav-container .swiper-wrapper {
    justify-content: flex-start;
  }

  .nav-container .swiper-slide {
    margin-right: 1.5rem;
  }

  .about {
    padding-top: 0;
  }

  .about .bg-img {
    width: 100%;
    top: 0;
    left: 0;
    position: relative;
  }

  .about .wrap .sub {
    line-height: 1.2;
  }

  .about .wrap .cont {
    width: 100%;
    margin-bottom: 1.5rem;
  }

  .about .wrap .li-box {
    flex-wrap: wrap;
  }

  .about .wrap .li-box .li {
    width: 100%;
  }

  .stockholder .bg-img {
    width: 100%;
  }

  .stockholder {
    padding: 2.5rem 0 2rem;
  }

  .speech .cont {
    width: 100%;
  }

  .speech .pic {
    top: .5rem;
    right: 5%;
  }

  .speech .pic .infor {
    top: .3rem;
    right: 4.6rem;
    display: none;
  }

  .speech .wrap {
    position: relative;
    z-index: 5;
    padding-top: 1.5rem;
  }

  .cultrue .wrap .li-wrap {
    flex-wrap: wrap;
  }

  .cultrue .wrap .li-wrap .li {
    width: 100%;
    margin-bottom: .25rem;
    margin-right: 0;
  }

  .cultrue .wrap .li-wrap .li:nth-child(2n) {
    margin-right: 0;
  }

  .cultrue {
    padding: 1.5rem 0 1rem;
  }

  .cultrue .wrap .sub {
    margin-bottom: 1.25rem;
  }

  .financial {
    padding: 1.5rem 0;
  }

  .financial .wrap .tit {
    margin-bottom: 1.1rem;
  }

  .financial .wrap .li-box .li {
    width: 100%;
    margin-right: 0;
  }

  .financial .wrap .li-box .li .intro {
    padding: .5rem;
  }

  .financial .wrap .li-box .li .intro .infor {
    line-height: 1.2;
  }

  .financial .wrap .li-box .li .pic {
    height: 100%;
  }

  .financial .wrap .li-box .li .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .partner {
    padding: 1.5rem 0;
  }

  .partner .wrap .tit {
    margin-bottom: 1rem;
  }

  .partner .wrap .partner-container .swiper-slide {
    width: 100%;
  }

  .fin-info {
    width: 90%;
  }

  .fin-info .tit {
    font-size: .9rem;
    line-height: 1.2;
  }

  .partner-info .wrap {
    flex-wrap: wrap;
    padding-bottom: 1.2rem;
  }

  .partner-info .wrap .lf {
    width: 100%;
    padding-right: 0;
  }

  .partner-info .wrap .rg {
    width: 100%;
  }

  .news .top .rg .li .infor .h2,
  .news .btm .box .li .cont .intro {
    line-height: .65rem;
    max-height: 1.3rem;
    height: 1.3rem;
  }

  .news .btm .box .li {
    flex-wrap: wrap;
    margin-bottom: 1.25rem;
    padding-bottom: .5rem;
    border-bottom: 1px solid #DDDDDD;
  }

  .news .btm .box .li .pic {
    width: 100%;
    margin-right: 0;
    margin-bottom: .5rem;
  }

  .news .btm .box .li .cont {
    width: 100%;
    border-bottom: none;
  }

  .news .btm .box .li .cont .intro {
    margin-bottom: .6rem;
  }

  .font44 {
    font-size: .9rem;
  }

  .news-info .wrap .cont {
    font-size: 14px;
  }

  .service .wrap .li .pic {
    width: 100%;
  }

  .service .wrap .li .intro {
    width: 100%;
    padding: .75rem;
  }

  .service .wrap .li .intro .cont {
    max-height: inherit;
  }

  .service {
    padding: 1rem 0 1.5rem;
  }

  .system {
    padding: 1.8rem 0 1.7rem;
  }

  .system .wrap .box {
    top: 0;
    height: auto;
  }

  .system .wrap .li-wrap {
    position: relative;
  }

  .system .wrap .li-wrap .li {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    height: auto;
    margin-bottom: .75rem;
  }

  .system .wrap .li-wrap .li:nth-child(1),
  .system .wrap .li-wrap .li:nth-child(2),
  .system .wrap .li-wrap .li:nth-child(3),
  .system .wrap .li-wrap .li:nth-child(4),
  .system .wrap .li-wrap .li:nth-child(5) {
    top: 0;
    left: 0;
  }

  .pro .top .wrap .search {
    height: 1.5rem;
  }

  .pro .top .wrap .search .intro,
  .pro .top .wrap .search div {
    line-height: 1.5rem;
  }

  .pro .top .wrap .box .li p {
    margin-right: .75rem;
    line-height: 2;
  }

  .pro .top .wrap .box .li span {
    margin-right: 1rem;
    line-height: 2;
  }

  .pro .btm .wrap .li .intro {
    padding: .8rem;
  }

  .pro .btm .wrap .li .intro .intro-box {
    flex-wrap: wrap;
  }

  .pro .btm .wrap .li .intro .intro-box .lst-box {
    flex-wrap: wrap;
    width: 100%;
    padding-right: 0;
    border-right: none;
  }

  .pro .btm .wrap .li .intro .intro-box .lst-box .lst {
    min-width: 50%;
    margin-bottom: .5rem;
  }

  .pro .btm .wrap .li .intro .intro-box .open {
    width: 100%;
  }

  .join {
    padding: 1.2rem 0 1.5rem;
  }

  .join .wrap .search {
    width: 100%;
  }

  .join .wrap .search input {
    padding: 0 .5rem;
    font-size: 14px;
  }

  .join .wrap .search div {
    font-size: 14px;
  }

  .join .wrap .intro,
  .join .wrap .ajax-box .li .top {
    padding-left: .5rem;
  }

  .join .wrap .intro p,
  .join .wrap .ajax-box .li .top p {
    width: 25%;
  }

  .join .wrap .intro .address,
  .join .wrap .ajax-box .li .top .address {
    display: none;
  }

  .join .wrap .intro .name,
  .join .wrap .intro .numb,
  .join .wrap .intro .time,
  .join .wrap .ajax-box .li .top .name,
  .join .wrap .ajax-box .li .top .numb,
  .join .wrap .ajax-box .li .top .time {
    width: 33.33%;
  }

  .join .wrap .ajax-box .li .btm {
    padding: 1rem .5rem;
  }

  .join .wrap .ajax-box .li .btm .require {
    flex-wrap: wrap;
  }

  .join .wrap .ajax-box .li .btm .require .lst {
    width: 50%;
    border-right: none;
  }

  .join .wrap .ajax-box .li .btm .duty {
    flex-wrap: wrap;
  }

  .join .wrap .ajax-box .li .btm .duty .lst {
    width: 100%;
    border-right: none;
  }

  .join .wrap .ajax-box .li .btm .duty .lst:nth-child(2) {
    padding-left: 0;
  }

  .contact {
    height: auto;
  }

  .contact .mapbox {
    height: 10rem;
    margin-bottom: 1rem;
  }

  .contact .map-text-box {
    position: relative;
    width: 90%;
    top: 0;
    left: 0;
    margin: 0 auto;
    padding: 0;
    height: auto;
  }

  .amap-icon {
    width: 1rem;
  }

  .amap-icon img {
    width: 100%;
  }

  .account .wrap .rg-box .intro .infor {
    flex-wrap: wrap;
  }

  .account .wrap .rg-box .intro .infor .pht {
    margin-right: 0;
    margin-bottom: .5rem;
  }

  .account .wrap .rg-box .intro .infor .name-box {
    width: 100%;
    flex-wrap: wrap;
  }

  .account .wrap .rg-box .intro .infor .money {
    width: 100%;
  }

  .account .wrap .rg-box .intro .infor .name .level {
    width: 2.5rem;
  }

  .account .wrap .rg-box .intro .infor .name {
    margin-right: 0;
    margin-bottom: .5rem;
  }

  .account .wrap .rg-box .intro {
    flex-wrap: wrap;
  }

  .account .wrap .rg-box .intro .time {
    width: 100%;
    margin-top: .5rem;
  }

  .account .wrap .rg-box .li-box .overview .box {
    flex-wrap: wrap;
  }

  .account .wrap .rg-box .li-box .overview .box .lf {
    width: 100%;
    padding-right: 0;
    border-right: none;
    margin-bottom: 1rem;
  }

  .account .wrap .rg-box .li-box .overview .box .rg {
    width: 100%;
    padding-left: 0;
  }

  .account .wrap .rg-box .li-box .overview .box .lf .survival {
    height: 3.2rem;
  }

  .account .wrap .rg-box .li-box .overview .box .lf .harvest {
    flex-wrap: wrap;
  }

  .account .wrap .rg-box .li-box .overview .box .lf .harvest .invest {
    width: 100%;
    margin-right: 0;
    margin-bottom: .5rem;
    height: 3.2rem;
  }

  .account .wrap .rg-box .li-box .overview .box .lf .harvest .cumulative {
    width: 100%;
    height: 3.2rem;
  }

  .table-box,
  .solid .ajax-box .change-cont {
    overflow-x: auto;
  }

  .account .wrap .rg-box .li-box .particulars .table,
  .solid .ajax-box .change-cont .table {
    min-width: 600px;
  }

  .solid .top-assets {
    width: 100%;
    height: 3.2rem;
    margin-bottom: .75rem;
  }

  .counselor .li-box .li {
    width: 100%;
    margin-right: 0;
  }

  .user .wrap {
    padding: 1rem 0 1.5rem;
  }

  .change-password .box {
    width: 90%;
    padding: .5rem 1rem;
  }

  .pub-font .font .h1 {
    font-size: .8rem;
    margin-bottom: .2rem;
  }

  .pub-font .font .h2 {
    font-size: 16px;
    line-height: 1.2;
  }

  .foot2 {
    flex-wrap: wrap;
    padding: .5rem 5%;
  }

  .foot2 .lf {
    width: 100%;
    justify-content: center;
    margin-bottom: .5rem;
  }

  .foot2 .rg {
    width: 100%;
    justify-content: center;
  }

  .login .login-form {
    width: 90%;
    padding: .75rem;
  }

  .login .register-form {
    width: 90%;
    padding: .75rem;
    height: 17rem;
  }

  .login .register-form.show {
    top: 20%;
  }

  .login .register-form .tit {
    margin-bottom: .5rem;
  }

  .login .register-form .agree {
    flex-wrap: wrap;
    margin-bottom: .5rem;
  }

  .login .register-form .code {
    margin-bottom: .4rem;
  }

  .login .register-form .agree p {
    width: calc(100% - 16px - 0.2rem);
  }

  .login .register-form .agree a {
    width: max-content;
    padding-left: calc(16px + .2rem);
  }

  .i-about .wrap .top .map .point {
    display: none;
  }

  .contact .map-text-box .lst p,
  .contact .map-text-box .lst .change span {
    font-size: 14px;
  }

  .contact .map-text-box .maptext-list {
    height: 11rem;
  }

  .news .top .rg .li {
    position: relative;
    padding: .4rem 0 1.1rem;
    margin-bottom: .75rem;
  }

  .news .top .rg .li .data {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
  }

  .news .top .rg .li .infor {
    width: 100%;
  }

  .news .top .rg .li .data p {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
    border-right: 1px solid rgba(0, 0, 0, 0.5);
    padding-right: .2rem;
    margin-right: .2rem;
    font-size: .9rem;
    line-height: .8;
  }

  .pro .btm .wrap .li .intro .intro-box .lst-box .lst .numb span {
    font-size: .8rem;
  }

  .pro .btm .wrap .li .cont .lst .url-box a {
    width: 100%;
  }

  .manage .rg-box {
    min-height: 9rem;
  }

  .login .login-form.show {
    top: 30%;
  }

  .login {
    height: 110vh;
  }

  .login .register-form.show {
    top: 24%;
  }
}