@media (min-width: 330px) {
  html {
    font-size: 200px;
  }
  .index-banner-container {
    background: url(../images/phone_banner_bg.png) no-repeat;
    background-size: cover;
  }
  .index-banner-container .header-container {
    margin-bottom: 0.4rem;
    height: 0.48rem;
  }
  .index-banner-container .header-container .logo-box img {
    width: 0.46rem;
    height: 0.22rem;
  }
  .index-banner-container .header-container .menu-list {
    display: none;
  }
  .index-banner-container .header-container .phone-list {
    display: block;
    line-height: 0.8;
  }
  .index-banner-container .header-container .phone-list .show_img {
    width: 0.1rem;
    height: 0.08rem;
  }
  .index-banner-container .header-container .phone-list .close_img {
    width: 0.08rem;
    height: 0.08rem;
  }
  .index-banner-container .banner-center {
    flex-direction: column;
  }
  .index-banner-container .banner-center .left h1 {
    margin-bottom: 0.08rem;
    font-size: 0.1rem;
  }
  .index-banner-container .banner-center .left p {
    font-size: 0.06rem;
  }
  .index-banner-container .banner-center .left .chart-box {
    display: none;
  }
  .index-banner-container .banner-center .left .phone-chart {
    display: block;
  }
  .index-banner-container .banner-center .right-box {
    padding: 0.07rem 0.03rem 0;
    width: 1.8rem;
  }
  .index-banner-container .banner-center .right-box .img-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 1.8rem;
    height: 2.7rem;
    z-index: 100;
  }
  .index-banner-container .banner-center .right-box .main-box {
    width: 1.74rem;
    height: 2.63rem;
    border-top-left-radius: 55px;
    border-top-right-radius: 55px;
  }
  .mo-nav-box .nav-box {
    top: 0.45rem;
  }
  .other-banner-container {
    height: 0.46rem;
    background: linear-gradient(to left, #ff6b4f, #ff7840);
  }
  .index-menu {
    display: none;
  }
  .index-menu-phone {
    display: block;
  }
  .index-menu-phone .picture-box {
    height: 2.6rem;
  }
  .index-menu-phone .picture-box .bg-picture {
    width: 1.5rem;
    height: 1.5rem;
  }
  .index-menu-phone .picture-box .bg-picture::before {
    content: "";
    left: -0.16rem;
    width: 0.4rem;
    height: 0.5rem;
  }
  .index-menu-phone .picture-box .bg-picture::after {
    content: "";
    right: -0.16rem;
    width: 0.4rem;
    height: 0.5rem;
  }
  .index-menu-phone .picture-box .img-box {
    width: 1.2rem;
    height: 2.59rem;
  }
  .last-menu-phone {
    margin-bottom: 0.6rem;
  }
  .primary-index {
    display: block;
  }
  .primary-index .left-box {
    margin-bottom: 0.2rem;
    width: 100%;
    padding: 0 0.15rem;
  }
  .primary-index .left-box img {
    width: 100%;
    object-fit: contain;
  }
  .primary-index .right-box {
    width: 100%;
  }
  .primary-index .right-box h1 {
    font-size: 0.1rem;
  }
  .primary-index .right-box p {
    font-size: 0.08rem;
  }
  .update-index .log-name {
    font-size: 0.1rem;
  }
  .update-index .update-list {
    display: none;
  }
  .update-index .update-phone {
    display: block;
  }
  .footer-container {
    padding: 0.3rem 0;
    height: unset;
  }
  .footer-container .footer-center .left {
    display: none;
  }
  .footer-container .footer-center .right .menu-list {
    justify-content: space-around;
  }
  .footer-container .footer-center .right .menu-list li a {
    font-size: 0.08rem;
  }
  .footer-container .footer-center .right .menu-list li:not(:first-child) {
    margin-left: 0;
  }
  .footer-container .footer-center .right .copyright {
    height: 0.3rem;
  }
  .footer-container .footer-center .right .copyright p {
    text-align: center;
    font-size: 0.06rem;
  }
  .footer-container .footer-center .right .copyright p a {
    font-size: 0.06rem;
  }
}
@media (min-width: 680px) {
  html {
    font-size: 200px;
  }
  .index-banner-container {
    background: url(../images/phone_banner_bg.png) no-repeat;
    background-size: cover;
  }
  .index-banner-container .header-container {
    margin-bottom: 0.44rem;
    height: 0.66rem;
  }
  .index-banner-container .header-container .logo-box img {
    width: 0.6rem;
    height: 0.3rem;
  }
  .index-banner-container .header-container .menu-list {
    display: none;
  }
  .index-banner-container .header-container .phone-list {
    display: block;
  }
  .index-banner-container .header-container .phone-list .show_img {
    width: 0.16rem;
    height: 0.14rem;
  }
  .index-banner-container .header-container .phone-list .close_img {
    width: 0.14rem;
    height: 0.14rem;
  }
  .index-banner-container .banner-center {
    flex-direction: column;
  }
  .index-banner-container .banner-center .left h1 {
    margin-bottom: 0.08rem;
    font-size: 0.2rem;
    text-align: center;
  }
  .index-banner-container .banner-center .left p {
    font-size: 0.12rem;
  }
  .index-banner-container .banner-center .left .chart-box {
    display: none;
  }
  .index-banner-container .banner-center .left .phone-chart {
    display: block;
    width: 1.5rem;
    height: 0.28rem;
    line-height: 0.28rem;
    font-size: 0.12rem;
  }
  .index-banner-container .banner-center .right-box {
    padding: 0.115rem 0.03rem 0;
    width: 2.4rem;
  }
  .index-banner-container .banner-center .right-box .img-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 2.4rem;
    height: 3.79rem;
    z-index: 100;
  }
  .index-banner-container .banner-center .right-box .main-box {
    width: 2.26rem;
    height: 3.675rem;
    border-top-left-radius: 55px;
    border-top-right-radius: 55px;
  }
  .mo-nav-box .nav-box {
    top: 0.65rem;
  }
  .other-banner-container {
    height: 0.66rem;
    background: linear-gradient(to left, #ff6b4f, #ff7840);
    background-size: 100% 100%;
  }
  .index-menu {
    display: none;
  }
  .primary-index {
    display: block;
  }
  .primary-index .left-box {
    margin-bottom: 0.2rem;
    width: 100%;
    padding: 0 0.15rem;
  }
  .primary-index .left-box img {
    width: 100%;
    object-fit: contain;
  }
  .primary-index .right-box {
    width: 100%;
  }
  .primary-index .right-box h1 {
    font-size: 0.16rem;
  }
  .primary-index .right-box p {
    font-size: 0.08rem;
  }
  .update-index .log-name {
    font-size: 0.16rem;
  }
  .update-index .update-list {
    display: block;
  }
  .update-index .update-phone {
    display: none;
  }
  .index-menu-phone {
    display: block;
  }
  .index-menu-phone .picture-box {
    height: 3.6rem;
  }
  .index-menu-phone .picture-box .bg-picture {
    width: 2rem;
    height: 2rem;
  }
  .index-menu-phone .picture-box .bg-picture::before {
    content: "";
    left: -0.3rem;
    width: 0.6rem;
    height: 0.7rem;
  }
  .index-menu-phone .picture-box .bg-picture::after {
    content: "";
    right: -0.3rem;
    width: 0.6rem;
    height: 0.7rem;
  }
  .index-menu-phone .picture-box .img-box {
    width: 1.5rem;
    height: 3.2rem;
  }
  .index-menu-phone .text-box h2 {
    text-align: center;
    font-size: 0.18rem;
  }
  .index-menu-phone .text-box p {
    text-align: center;
    font-size: 0.12rem;
  }
  .last-menu-phone {
    margin-bottom: 0;
  }
  .footer-container {
    margin-top: 0.6rem;
    padding: 0.3rem 0;
    height: unset;
  }
  .footer-container .footer-center .left {
    display: none;
  }
  .footer-container .footer-center .right .menu-list {
    justify-content: space-around;
  }
  .footer-container .footer-center .right .menu-list li a {
    font-size: 0.1rem;
  }
  .footer-container .footer-center .right .menu-list li:not(:first-child) {
    margin-left: 0;
  }
  .footer-container .footer-center .right .copyright {
    height: 0.3rem;
  }
  .footer-container .footer-center .right .copyright p {
    text-align: center;
    font-size: 0.08rem;
  }
  .footer-container .footer-center .right .copyright p a {
    font-size: 0.06rem;
  }
}
@media (min-width: 1200px) {
  .index-banner-container {
    background: url(../images/banner_bg.png) no-repeat;
    background-size: cover;
  }
  .index-banner-container .header-container {
    margin-bottom: 24px;
    height: 0.7rem;
  }
  .index-banner-container .header-container .logo-box img {
    width: 0.7rem;
    height: 0.34rem;
  }
  .index-banner-container .header-container .menu-list {
    display: flex;
  }
  .index-banner-container .header-container .phone-list {
    display: none;
  }
  .index-banner-container .banner-center {
    flex-direction: row;
  }
  .index-banner-container .banner-center .left h1 {
    font-size: 0.22rem;
  }
  .index-banner-container .banner-center .left p {
    font-size: 0.12rem;
  }
  .index-banner-container .banner-center .left .chart-box {
    display: block;
  }
  .index-banner-container .banner-center .left .phone-chart {
    display: none;
  }
  .index-banner-container .banner-center .right-box {
    padding: 0.1rem 0.03rem 0;
    width: 2.3rem;
  }
  .index-banner-container .banner-center .right-box .img-bg {
    width: 2.3rem;
    height: 3.79rem;
    overflow: hidden;
  }
  .index-banner-container .banner-center .right-box .main-box {
    position: relative;
    width: 2.24rem;
    height: 3.69rem;
    overflow: hidden;
    border-top-right-radius: 50px;
    border-top-left-radius: 50px;
  }
  .other-banner-container {
    height: 0.7rem;
    background: linear-gradient(to left, #ff6b4f, #ff7840);
    background-size: 100% 100%;
  }
  .index-menu {
    display: flex;
  }
  .primary-index {
    display: flex;
  }
  .primary-index .left-box {
    width: 40%;
    padding: 0 0.15rem;
  }
  .primary-index .left-box img {
    width: 100%;
    object-fit: contain;
  }
  .primary-index .right-box {
    width: 60%;
  }
  .primary-index .right-box p {
    font-size: 0.08rem;
  }
  .index-menu-phone {
    display: none;
  }
  .footer-container {
    margin-top: 0;
    height: 1.52rem;
  }
  .footer-container .footer-center .left {
    display: flex;
  }
  .footer-container .footer-center .right .menu-list {
    justify-content: flex-end;
  }
  .footer-container .footer-center .right .menu-list li a {
    font-size: 0.1rem;
  }
  .footer-container .footer-center .right .menu-list li:not(:first-child) {
    margin-left: 30px;
  }
  .footer-container .footer-center .right .copyright {
    height: 0.8rem;
  }
  .footer-container .footer-center .right .copyright p {
    text-align: right;
    font-size: 0.08rem;
  }
  .footer-container .footer-center .right .copyright p a {
    font-size: 0.07rem;
  }
}
@media (min-width: 1460px) {
  .index-banner-container .banner-center {
    flex-direction: row;
  }
  .index-banner-container .banner-center .left h1 {
    font-size: 0.27rem;
  }
  .index-banner-container .banner-center .left p {
    font-size: 0.14rem;
  }
  .index-banner-container .banner-center .right-box {
    padding: 0.13rem 0.15rem 0;
    width: 2.76rem;
  }
  .index-banner-container .banner-center .right-box .img-bg {
    width: 2.76rem;
    height: 3.79rem;
    overflow: hidden;
  }
  .index-banner-container .banner-center .right-box .main-box {
    width: 2.46rem;
    height: 3.66rem;
  }
}