@media only screen and (max-width: 576px) {
  #sticky-header {height: 48px;}
  #collapse-menu {top: 48px;}
  .logo img {width: 126px;}
  .menu-wrap {padding: 10px 0 !important;}
  .menu-area .mobile-nav-toggler {font-size: 25px !important;}
  .banner-bg {padding: 0;}
  .banner-p {padding: 27px 26px 19px 33px !important;}
  .section-b {
    margin:0 0 70px;
    padding: 0;
  }
  .banner-content {height: auto;}
  .banner-content .sub-title {
    font-size: 12px;
    margin-bottom: 10px;
    line-height: 17px;
  }
  .banner-content .title {
    font-size: 25px;
    margin-bottom: 20px;
    line-height: 34px;
  }
  .banner-content .slogan {
    font-size: 12px;
    line-height: 26px;
    margin-bottom: 26px;
  }
  .banner-btn {
    margin: 0;
    justify-content: center;
    margin-bottom: 48px;
  }
  .banner-btn .button{padding: 11px 30px;}
  .banner-btn > a {
    margin-top: 0;
    font-size: 12px;
    width: 142px;
    height: 41px;
    line-height: 17px;
  }
  .section-title .title {
    line-height: 34px;
    margin-bottom: 15px;
    font-size: 25px;
    padding: 0;
  }
  .section-title p {
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 30px;
  }
  .data .section-title p { margin-bottom: 20px;}
 
  .certificate-title ,
  .copyright-title {
    font-size: 18px;
    font-weight: 600;
  }
  .scetion-content  {padding: 0;}
  .yuhuofeiData {
    height: 805px;
    background-color: #F2F6FE;
  }
  .yuhuofeiData .title{
    margin-top: 30px;
  }
  .counter_feature_mb {
    background: #f2f6fe;
    padding-bottom: 0;
  }
  .single_counter h2 {
    font-size: 14px;
    font-weight: 500;
  }
  .single_counter h3 {
    font-size: 12px;
    font-weight: 400;
  }
  .product-handle { margin: 0 -8px;}
  .news-btn .button,
  .product-handle--btn .button{padding: 8px 39px;}
  .news-btn > a,
  .product-handle--btn > a {
    width: 126px;
    height: 34px;
    font-size: 12px;
    margin-bottom: 0;
    line-height: 16px;
  }
  .reviews {
    margin: 0;
    padding: 32px 0 41px;
  }
  .reviews-text p {
    font-size: 16px;
    line-height: 22px;
  }
  .reviews-next {font-size: 18px;}
  .people-img img {
    max-width: 81px;
    height: auto;
  }
  .news-item {padding: 0;}
  .news-content {
    margin: 0 15px 30px;
    width: 335px;
  }
  .nc-btn {
    font-size: 15px;
    padding: 8px 9px 7px;
  }
  .nc-thumb img {min-width: 335px;}
  .news-time,
  .news-text {
    font-size: 13px;
    padding: 18px 22px;
  }
  .news-text {line-height: 26px; width: 345px;}
  .news-time {line-height: 18px; width: 345px;}
  .address-intro > img {padding: 0 15px 30px 0;} 
  .address-intro,
  .address {margin: 0;}
  .footer-ul  {
    background: #F2F6FE;
    border-bottom: none;
    justify-content: space-between;
    align-items: center;
    padding: 0;
  }
  .footer-ul>:first-child {width: 100%;}
  .footer-ul>:nth-child(4) {width: 50%;}
  .footer-li {
    min-width: auto !important;
    padding: 15px 15px 4px;
  }
  .footer-logo {width: 300px;}
  .footer-logo img {
    width: 138px;
    height: auto;
  }
  .fl-title {font-size: 20px;}
  .footer-link {font-size: 18px;}
  .footer-copyright {padding: 32px 16px 24px 17px;}

  .main-title { padding: 78px 0 0; }
  .page-button {
    font-size: 12px;
    margin: 21px 0 30px;
  }
  .placeholder-height {
    min-height: 48px;
  }
  .turn {
    padding: 6px 13px 5px;
    margin: 0 6px;
  }
  .page-num {
    padding: 6px 11px 5px;
    margin: 0 1px;
  }
  .content {
    width: 100%;
  }
  .crumbs,
  .crumbs-ul,
  .crumbs-ul li,
  .crumbs-ul li a {
    font-size: 12px;
    top: -65px;
  }
  /* 详情 */
  #title {
    font-size: 20px;
  }
  #details{
    font-size: 14px;
  }
}

@media only screen and (min-width: 1200px) {
 .content {
   width: 1220px;
 }
}
@media only screen and (max-width: 1200px) {
  .content {
    width: 100%;
  }
}