@media screen and (max-width: 1480px) {
  header .head-phone {
    display: none; } }
@media screen and (max-width: 1280px) {
  header {
    margin: 30px 0 20px 0; }
    header.fixhead .menubox {
      top: 82px; }
    header .head-btn {
      display: inline-block;
      margin-top: 4px;
      float: right;
      margin-right: 5%;
      outline: none; }
    header .logo {
      margin-left: -43px;
      margin-top: 0;
      vertical-align: top; }
      header .logo img {
        width: 86px; }
    header .menubox {
      display: none;
      position: absolute;
      top: 62px;
      width: 90%;
      left: 5%;
      padding-bottom: 20px;
      background-color: #ffffff; }
      header .menubox ul {
        width: 100%;
        background-color: #ffffff; }
        header .menubox ul li {
          width: 100%;
          text-align: center;
          color: #393939;
          font-size: 18px;
          height: 50px;
          line-height: 50px;
          vertical-align: top; }
          header .menubox ul li a {
            display: block; }
          header .menubox ul li:hover {
            background-color: #eeeeee; }
            header .menubox ul li:hover a {
              border-bottom: none; }
        header .menubox ul.menu-left li {
          margin-right: 0; }
        header .menubox ul.menu-right li {
          margin-left: 0; }

  .index-active header .menubox ul li.index-active {
    background-color: #161616;
    color: #fefefe; }

  .contact-active header .menubox ul li.contact-active {
    background-color: #161616;
    color: #fefefe; }

  .about-active header .menubox ul li.about-active {
    background-color: #161616;
    color: #fefefe; }

  .product-active header .menubox ul li.product-active {
    background-color: #161616;
    color: #fefefe; }

  .project-active header .menubox ul li.project-active {
    background-color: #161616;
    color: #fefefe; }

  .index .index-banner {
    overflow: hidden; }
  .index .index-page1 .index-page12 .index-page12-content .index-page12-content-block {
    width: 49.45%; }
  .index .index-page1 .index-page12 .index-page12-content .justifyfix {
    width: 49.45%; }

  .prolist .prolist-list .prolist-block {
    width: 49.45%; }
  .prolist .prolist-list .justify {
    width: 49.45%; } }
@media screen and (max-width: 960px) {
  footer {
    text-align: center; }
    footer .foot-block1 {
      width: 100%;
      text-align: center;
      padding-right: 0;
      margin-top: 0;
      margin-bottom: 2em;
      margin-left: 0; }
    footer .foot-block2 {
      display: none;
      width: 100%;
      padding-left: 0;
      border: none;
      padding-top: 15px;
      height: auto; }
      footer .foot-block2 li {
        margin-bottom: 0;
        display: inline-block;
        margin-right: 10px; }
    footer .foot-block3 {
      width: 100%;
      padding-left: 0;
      padding-right: 0;
      padding-bottom: 1%;
      border-right: none;
      border-left: none;
      height: auto; }
    footer .foot-block4 {
      width: 100%;
      padding-left: 0;
      margin-top: 0; }

  .prolist .prolist-menu li {
    width: 33.33%; }
    .prolist .prolist-menu li a {
      display: block;
      border-right: 1px solid #b5b5b5; }
    .prolist .prolist-menu li.active {
      text-decoration: underline; } }
@media screen and (max-width: 768px) {
  .index .index-page1 .index-page12 .index-page12-content .index-page12-content-block {
    width: 48.5%;
    margin-bottom: 3%; }
    .index .index-page1 .index-page12 .index-page12-content .index-page12-content-block h4 {
      font-size: 16px; }
  .index .index-page1 .index-page12 .index-page12-content .justifyfix {
    width: 48.5%; }

  .prolist .prolist-menu li {
    font-size: 15px; }
  .prolist .prolist-list .prolist-block {
    width: 48.5%;
    margin-bottom: 3%; }
  .prolist .prolist-list .justify {
    width: 48.5%; }

  .pro .pro-page1 .back {
    font-size: 14px;
    width: 60px;
    height: 60px;
    line-height: 60px; }
  .pro .pro-related .pro-related-block {
    width: 100%;
    margin-bottom: 20px; }
  .pro .pro-related .justifyfix {
    width: 100%; } }
@media screen and (max-width: 496px) {

  .index .index-banner .index-banner-text .p1 {
    font-size: 25px;
    padding:0 0 8px 0;
  }
  .index .index-banner .index-banner-text .p2 {
    font-size: 18px;
    padding:0 0 20px 0;
  }
  .index .index-page1 {margin-bottom:60px}
  .index .index-page1 .index-page12 .index-page12-content {
    margin-top: 30px; }
  .index .index-page1 .index-page12 h5 {
    font-size: 16px; }

  .index .index-page3{
    margin:30px auto 60px auto;
  }
  .index .index-page3 h2{
    font-size:28px;
    padding:15px 0px 40px 5px;
    border-top:1px solid black;
  }
  .index .index-page3 p{
    font-size:15px;
    line-height:28px;
  }

  .index .index-page2{width:50%}
  .index .index-page2 .index-page2-text .index-phone {
    width: 90%; }
  .index .index-page2 .index-page2-text .index-erwei {
    width: 90%; }
  .index .index-page2 .index-page2-text a.advice {
    font-size: 24px; }

  .about h2 {
    font-size: 60px; }
  .about .about-page2 div {
    width: 50%; }

  .prolist .prolist-banner h1 {
    font-size: 22px;
    line-height:1.5em;
    bottom:80px;
  }
  .prolist .prolist-block {
    margin-bottom: 15px; }
  .prolist .prolist-menu {
    padding: 0; }

  .project .project-banner h1{
    font-size:22px;
    line-height:1.5em;
    bottom:80px;
  }
  .about .about-banner h1{
    font-size:22px;
    line-height:1.5em;
    bottom:80px;
  }
  .contact .contact-banner h1{
    font-size:22px;
    line-height:1.5em;
    /*padding-bottom:25px;*/
    bottom:80px;
  }

  .prolist .prolist-list .prolist-block .prolist-text{
    padding: 10px 25px 0px 25px;
  }
  .prolist .prolist-list .prolist-block .prolist-text p{
    display:none;
  }
  .prolist .prolist-list .prolist-block .prolist-text span{
    font-size:16px;
    margin-bottom: 10px;
  }

  .prolist .prolist-list{
    padding-left:10%;
    padding-right:10%;
  }
  .prolist .prolist-list .prolist-block{
    width:100%;
  }
  .about h2{
    font-size:28px;
    font-weight:800;
  }
  .about p{
    font-size:16px;
    line-height:25px;
  }
  .about .about-page3 .bold{
    font-size:18px;
  }
  .about .about-page3 p{
    font-size:16px;
  }
  .about .about-page1{
    padding-top:50px;
  }
  .about .about-page3{
    padding-bottom:150px;
  }
}

/*# sourceMappingURL=mobile.css.map */