@charset "utf-8";

/* 导航 */
.media_pc {
  display: block !important;
}

.media_phone {
  display: none !important;
}

@media screen and (max-width: 992px) and (min-width: 0px) {
  .media_pc {
    display: none !important;
  }

  .media_phone {
    display: block !important;
  }
}

/*小于1600大于1200稍微调整下字体*/
@media screen and (max-width: 1600px) and (min-width:0px) {
  .nav ul li .a1 {
    font-size: 14px;
    padding: 0 20px;
  }

  .nav ul li .div1 .p1 a {
    font-size: 12px
  }

  .head {
    height: 60px;
  }

  .header_logo {
    margin-top: 5px !important;
    height: 50px;
  }

  .nav ul li {
    height: 60px;
  }

  .nav ul li .a1 {
    line-height: 60px;
  }

  .footerNav {
    padding: 0 2%;
  }

  .footerNavList {
    padding: 0 2%;
  }

  .footer_logo img {
    width: 300px;
  }
}

@media screen and (max-width: 1200px) and (min-width:0px) {
  .head {
    height: 60px;
  }

  .container_box {
    padding-left: 2%;
    padding-right: 2%;
  }

  .header_logo {
    margin-top: 5px !important;
    height: 50px;
  }

  .nav ul li {
    height: 60px;
  }

  .nav ul li .a1 {
    line-height: 60px;
    font-size: 14px;
    padding: 0 15px;
  }

  .nav_phone {
    font-size: 18px;
  }

  .nav_phone img {
    width: 40px;
  }

  .footerNavList>span {
    font-size: 18px;
    margin-bottom: 15px;
  }

  .footer_top .container {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
  }

  .footer_top .container>div {
    margin: 30px 0;
  }
}

@media screen and (max-width: 992px) and (min-width: 0px) {
  .head {
    display: none
  }

  .moblie_head {
    display: block;
    height: 50px;
    background: #808080;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 9999;
    border-bottom: 1px solid #ddd
  }

  .moblie_head .fl {
    padding-top: 5px;
    padding-left: 2%
  }

  .moblie_head .fl img {
    height: 40px
  }

  .moblie_head .fr {
    padding-right: 2%;
    padding-top: 15px
  }

  .moblie_head .fr a {
    height: 20px;
  }

  .moblie_head .fr a img {
    height: 20px;
    vertical-align: top
  }

  .a_txt {
    display: block;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 0px;
    height: 0px;
    overflow: hidden;
    z-index: 10000
  }

  .a_txt .div1 {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #0b0d19;
    filter: alpha(opacity=0);
    opacity: 0;
    left: 0px;
    top: 0px;
    z-index: 1
  }

  .a_txt .div2 {
    position: absolute;
    width: 20%;
    left: 0px;
    top: 5%;
    z-index: 100;
    text-align: center;
    filter: alpha(opacity=0);
    opacity: 0
  }

  .a_txt .div3 {
    position: absolute;
    width: 80%;
    right: 0px;
    top: 0px;
    background: #0b0d19;
    height: 100%;
    z-index: 100;
    right: -80%;
    overflow-y: scroll;
  }

  .a_txt .div3 ul {
    padding-left: 5%;
    padding-right: 5%
  }

  .a_txt .div3 ul li {
    border-bottom: 1px solid #232530
  }

  .a_txt .div3 ul li a {
    display: block;
    height: 45px;
    color: #fff;
    line-height: 45px;
    padding-left: 5%;
    font-size: 16px
  }

  .a_txt .div3 ul li .a_js2 {
    background: url(../images/plus.png) 95% center no-repeat;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    transition: all 0s
  }

  .a_txt .div3 ul li .a_js2_on {
    background: url(../images/reduce.jpg) 95% center no-repeat;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    transition: all 0s
  }

  .a_txt .div3 ul li .a_txt2 {
    display: none
  }

  .a_txt .div3 ul li .a_txt2 a {
    height: 40px;
    line-height: 40px;
    font-size: 14px
  }

  .a_txt .div3 ul li .a_txt3 {
    padding-left: 50px !important;
  }

  .moblieimg {
    display: block
  }

  .footer_min {
    width: 100%;
  }

  .footerNavList {
    width: auto;
  }

  .footer {
    padding-top: 0;
  }

  .footerNav {
    padding: 0 30px;
  }
}

@media screen and (max-width: 640px) and (min-width:0px) {
  .footer_min .footerNavList:first-child {
    width: 40%;
  }

  .footer_min .footerNavList {
    width: 60%;
  }

  .footer_bottom {
    line-height: 25px;
  }

  .footerNavList {
    display: none;
  }

  .footerNavList:last-child {
    display: flex;
  }

  .footer_top .container>div {
    margin: 30px 0;
    padding: 0 30px;
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

@media screen and (max-width: 400px) and (min-width:0px) {
  .footer_logo img {
    width: 100%;
  }
}

/* end-底部导航 */