@media screen and (max-width: 1535px) {
  .menu_main .main_li {
    margin-left: 28px;
  }
}

@media screen and (max-width: 1460px) {
  .menu_main .main_li {
    margin-left: 22px;
  }
}

@media screen and (max-width: 1406px) {
  .menu_main .main_li {
    margin-left: 20px;
  }

  .logo {
    width: 280px;
  }
}

@media screen and (max-width: 1369px) {
  .menu_main .main_li {
    margin-left: 18px;
  }

  .logo {
    width: 250px;
  }
}

@media screen and (max-width: 1320px) {
  .menu_main .main_li {
    margin-left: 16px;
  }

  .logo {
    width: 220px;
  }
}

@media screen and (max-width: 1274px) {
  .menu_main .main_li .main_a {
    font-size: 22px;
  }

}

@media screen and (max-width: 1222px) {
  .menu_main .main_li .main_a {
    font-size: 20px;
  }

}

@media screen and (max-width: 1150px) {
  .logo {
    width: 200px;
  }

  .menu_main {
    margin-left: 18px;
  }
}

@media screen and (max-width: 768px) {
  .nav-pc {
    display: none;
  }

  .nav-phone {
    display: block;

  }

  .head_nav {
    width: 100%;
    height: 1.33rem;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 1001;
    /* 1. 渐变：上透明，下纯白，匹配效果图 */
    /* background: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)); */
   
  }

  .place-box {
    height: 1.33rem;
  }

  .place-box-index {
    height: 0;
  }

  .nav-content {
    background: #fff;
    padding: 0 0.3rem;
    height: 1.33rem;
    transition: background 0.3s ease-out;
    -webkit-transition: background 0.3s ease-out;
    -moz-transition: background 0.3s ease-out;
    -o-transition: background 0.3s ease-out;
    -ms-transition: background 0.3s ease-out;
  }

  .nav-phone-index .nav-content {
    background: linear-gradient(to bottom, 
    rgba(255, 255, 255, 1) 0%, 
    rgba(255, 255, 255, 0.8) 50%, 
    rgba(255, 255, 255, 0) 100%
  );
      background: -webkit-linear-gradient(to bottom, 
    rgba(255, 255, 255, 1) 0%, 
    rgba(255, 255, 255, 0.8) 50%, 
    rgba(255, 255, 255, 0) 100%
  );
  }

  .nav-phone-index.nav-scrolled .nav-content {
    background: #fff;
  }

  .logo-img {
    width: 3.02rem;
    height: auto;
  }

  .nav-img {
    width: 0.66rem;
    height: 100%;
  }

  .close-img {
    display: none;
  }

  .trigger-btn img {
    width: 0.57rem;
    height: 0.57rem;
    margin-right: 0.16rem;
    vertical-align: middle;
  }

  .dropdown-menu-yu {
    top: calc(100% + 0.16rem);
    min-width: 1.2rem;
    padding: 0.16rem 0;
  }

  .dropdown-menu-yu a {
    font-size: 0.28rem;
  }

  /* 菜单 */
  .m_nav_box {
    display: block;
    width: 100%;
    height: calc(100vh - 1.33rem);
    position: fixed;
    top: 1.33rem;
    right: -100%;
    z-index: 10;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    opacity: 0;
    visibility: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: #fff;

  }

  .hide_m_nav {
    width: 0%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }

  .m_nav_ul {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    /* background: rgba(16, 15, 13, 1); */
  }

  .m_nav_ul li {
    display: inline-block;
    width: 100%;
    /* line-height: 1.6rem; */
    padding: 0 0.3rem 0 0.3rem;
    border-bottom: 1px solid #E1E1E1;
  }



  .m_nav_ul li a {
    display: inline-block;
    width: 100%;
    line-height: 1.2rem;
    font-size: 0.36rem;
    color: #001934;
  }

  .m_nav_ul li.m_nav_ul_p {
    padding: 0;
  }

  .m_nav_ul li.m_nav_ul_p .parent_a {
    padding: 0 0.3rem;
  }

  .m_nav_ul_p .parent_a {
    position: relative;
  }


  .m_nav_ul_p.show_nav .m_nav_div {
    display: inline-block;
  }

  .m_nav_ul_p .parent_a::after {
    content: "";
    width: 0.38rem;
    height: 0.38rem;
    background: url(../images/nav_arrow.png) no-repeat;
    background-size: 100% auto;
    background-position: center center;
    position: absolute;
    right: 0.2rem;
    top: 50%;
    margin-top: -0.24rem;
  }

  .m_nav_ul_p.show_nav .parent_a::after {
    content: "";
    width: 0.38rem;
    height: 0.38rem;
    background: url(../images/nav_arrow_b.png) no-repeat;
    background-size: 100% auto;
    background-position: center center;
    position: absolute;
    right: 0.38rem;
    top: 50%;
    margin-top: -0.24rem;
  }

  .m_nav_div {
    width: 100%;
    display: none;
    /* padding: 0.65rem 0; */
    /* background: rgba(16, 15, 13, 1); */
  }

  .m_nav_div div {
    padding: 0 0.3rem;
    padding-left: 0.34rem;
    border-bottom: 0.025rem solid rgb(236, 234, 234);
    background-color: #F9F9F9;
  }

  .m_nav_div div:last-child {
    border: none;
  }

  .m_nav_div div a {
    line-height: 1rem;
    color: #2E425B;
    font-size: 0.34rem;
  }

  .m_nav_div div a.active {
    color: #27883C;
  }

  .m_nav_ul li.active > a {
    color: #27883C;
  }

  .m_nav_ul li.m_nav_ul_p.active > .parent_a {
    color: #27883C;
  }

  /* .m_nav_ul li.active > a {
    background-color: #004B9B;
    color: #FFFFFF;
  } */

  .m_nav_div div:nth-child(1) a {
    border: none;
  }

  .m_r_show_right {
    display: flex;
    justify-content: right;
    align-items: center;
  }

  .shadow_nav {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  }
}