@media only screen and (max-width: 1680px) {
    
}
@media only screen and (max-width: 768px) {
    .inside_nav .layui-container{
        padding: 0;
    }
    .inner-banner{
        padding: 50px 0;
        height: auto;
    }
}

@media screen and (max-width: 700px) {
    .inner-banner {
      height: 260px;
      background-size:auto 100%;
    }
    .inner-banner .box {
      padding-top: 120px;
    }
    .contact-page .contact-1 .left,
    .about-page .about-3 .left {
      width: 100%;
      padding-right: 0;
    }
    .contact-page .contact-1 .right,
    .about-page .about-3 .right {
      width: 100%;
      padding-top: 30px;
    }
    .inner-page h2 {
      font-size: 20px;
      line-height: 28px;
    }
    .history-page .history-2 .box ul li {
      padding-left: 40px;
    }
    .history-page .history-2 .box ul li .year {
      padding-left: 0;
      width: 100%;
      margin: 15px 0;
    }
    .history-page .history-2 .box ul li .year h3 {
      color: #d72017;
      position: relative;
    }
    .history-page .history-2 .box ul li .year h3:before {
      content: '';
      border: 6px solid #d72017;
      border-radius: 100%;
      position: absolute;
      left: -40px;
      top: 6px;
      z-index: 1;
      margin-left: -4px;
    }
    .history-page .history-2 .box ul li .content {
      width: 100%;
      padding-left: 0;
    }
    .history-page .history-2 .box ul li .img {
      width: 100%;
    }
  .history-page .history-2 .box ul li .content img {
      width:auto;
  }
  .history-page .history-2 .box ul li .content p {
      width:100%;
      margin-left:0;
      padding-left:0;
      padding-top:15px;
  }
    .history-page .history-2 .box ul li:after {
      left: 0;
    }
    .history-page .history-2 .box ul li:before {
      display: none;
    }
    .inner-page .inner-form .box ul li {
      width: 100%;
    }
    .prodet-page .prodet-2 .bottom {
      padding: 15px;
    }
    .inner-page .inner-form .box {
      padding-top: 20px;
    }
    .prodet-page .prodet-2 .top ul li {
      line-height: 40px;
      height: 40px;
    }
    .proBox .proInsideBox .proImg{
      height: 150px;
    }
    .proDetail .proImg{
      width: 100%;
    }
  }
  @media screen and (max-width: 500px) {
    .inner-page .news-content {
      padding: 15px;
    }
    .inner-page .news-content h3 {
      font-size: 20px;
      line-height: 24px;
    }
    .prodet-page .prodet-2 .top ul li {
      min-width: 120px;
    }
    .inner-page .inner-form .box ul li input[type="submit"] {
      max-width: none;
    }
  }