@media screen and (max-width: 1580px) {
  main {
    width: 1200px; }

  .home-page .section-1 main .hot-product {
    width: 1200px; }

  .home-page .section-1 main .hot-product .item {
    width: 520px; }

  .home-page .section-2 .container {
    width: 1200px; }

  .home-page .section-2 .container .content {
    width: 400px; }

  .home-page .section-3 .list {
    width: 1200px; }

  .home-page #Banner .custom-pagination {
    width: 400px;
    height: 70px; }

  .home-page #Banner .custom-pagination .page-wrapper .page-num .num {
    padding-top: 15px; }

  .home-page #Banner .custom-pagination .page-wrapper .arrow {
    margin-top: 20px; }

  .home-page #Banner .custom-pagination .page-wrapper {
    width: 280px; }

  .about-page .section-5 main {
    width: 1200px; }

  .about-page .section-5 #Advantage {
    transform: scale(0.7);
    transform-origin: right; }

  .about-page .section-6 .pic {
    width: 1200px; }

  .service-page .section-1 main {
    width: 1200px; }

  .service-page .section-3 main {
    width: 1200px; }

  .news-page .list .item {
    margin: 0 30px;
    margin-bottom: 30px; }

  .news-page .list .big .li-main {
    width: 530px; }

  .news-page .list .big .news-pic {
    width: 450px;
    height: 300px; }

  .product-page main {
    width: 1200px; }

  .product-page .sub-banner .mask .p-category {
    width: 1200px; }

  .product-page .main .list .wrapper .item {
    margin-right: 120px; }
    .product-page .main .list .wrapper .item:nth-child(4n) {
      margin-right: 120px; }
    .product-page .main .list .wrapper .item:nth-child(3n) {
      margin-right: 0px !important; }

  .contact-page .section-2 {
    width: 1200px; } }
@media screen and (max-width: 1200px) {
  main {
    width: 960px; }

  header .header-nav .nav .nav-item {
    margin-right: 30px; }

  footer .main .left-part .consultation .qr {
    width: 119px;
    height: 119px; }

  .home-page .section-1 main .hot-product {
    width: 960px; }

  .home-page .section-1 main .hot-product .item {
    width: 420px; }

  .home-page .section-1 main .hot-product .item .category {
    font-size: 24px;
    margin-top: 20px; }

  .home-page .section-1 main .list .item .cutter {
    width: 40px;
    height: 40px;
    font-size: 12px;
    line-height: 38px;
    top: 20px;
    right: 20px; }

  .home-page .section-1 main .list .item .category {
    font-size: 14px;
    line-height: 20px; }

  .home-page .section-1 main .list .item .more {
    width: 100px; }

  .home-page .section-2 .container {
    width: 960px; }

  .home-page .section-2 .container .content {
    width: 350px; }

  .home-page .section-3 .list {
    width: 960px; }

  .home-page .section-3 .list .item {
    width: 300px; }

  .home-page .section-4 main .list .item {
    width: 300px; }

  .home-page .section-4 main .list .item .img {
    height: 200px; }

  footer .main .right-part {
    padding-left: 100px; }

  .about-page .section-6 .pic {
    width: 960px; }

  .about-page .section-6 .pic .t1 {
    top: 250px;
    left: 500px; }

  .about-page .section-6 .pic .t2 {
    top: 350px;
    left: 450px; }

  .about-page .section-5 main {
    width: 960px; }

  .about-page .section-5 #Advantage {
    transform: scale(0.5); }

  .service-page .section-1 main {
    width: 960px; }

  .service-page .section-3 main {
    width: 960px; }

  .news-page .list .big {
    padding: 30px; }

  .news-page .list .line {
    margin: 20px 0px;
    display: none; }

  .news-page .list .big .news-pic {
    width: 350px;
    height: 250px; }

  .news-page .list .item {
    border-color: #c0c0c0; }

  .news-page main {
    margin-top: -200px; }

  .news-page .list .item {
    margin: 0 70px; }

  .product-page main {
    width: 960px; }

  .product-page .sub-banner .mask .p-category {
    width: 960px; }

  .product-page .main .list .wrapper .item {
    width: 300px;
    margin-right: 30px; }
    .product-page .main .list .wrapper .item:nth-child(4n) {
      margin-right: 30px; }

  .contact-page .section-2 {
    width: 960px; }

  .contact-page .map .map-dialog .left-part {
    width: 500px; }

  .contact-page .map .map-dialog .item .value {
    font-size: 16px; } }
@media screen and (max-width: 960px) {
  header {
    display: none; }

  .headerSpace {
    height: 40px; }

  .news-page .list .big {
    display: none; }

  main {
    width: 100%;
    box-sizing: border-box;
    padding: 0 15px; }

  .mobile_header {
    display: block; }

  #Banner {
    height: 250px; }
    #Banner .slideBg {
      height: 100%; }
      #Banner .slideBg img {
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
        width: 100%;
        height: 100%; }

  .custom-pagination {
    display: none; }

  .home-page .section-1 main .section-title {
    font-size: 22px;
    padding-top: 40px; }

  .home-page .section-1 main .hot-product {
    padding-top: 0px;
    width: 100%;
    display: block;
    *zoom: 1;
    margin-bottom: 30px; }
    .home-page .section-1 main .hot-product:before, .home-page .section-1 main .hot-product:after {
      content: " ";
      display: table; }
    .home-page .section-1 main .hot-product:after {
      clear: both; }

  .home-page .section-1 main .hot-product .item {
    width: 100%;
    margin-bottom: 50px;
    height: 260px; }

  .home-page .section-1 main .hot-product .item .product {
    height: 200px; }

  .home-page .section-1 main .hot-product .item .name {
    padding-top: 30px;
    font-size: 18px; }

  .home-page .section-1 main .hot-product .item .category {
    font-size: 18px; }

  .home-page .section-1 main .hot-product .item .more {
    width: 100px; }

  .home-page .section-1 main .list {
    display: block;
    justify-content: space-between; }

  .home-page .section-1 main .list .item {
    width: 100%; }

  .home-page .section-1 main .list .item .pic {
    height: 200px;
    padding-top: 20px; }

  .home-page .section-1 main .list .item .more {
    top: 30px; }

  .home-page .section-1 main .list .item {
    height: auto;
    margin-bottom: 20px;
    border: 1px solid #BCBCBC;
    padding-bottom: 10px; }

  .home-page .section-2 .container {
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px; }

  .home-page .section-2 .container .content {
    width: 100%; }

  .home-page .section-1 main .list .item:hover {
    width: 100%; }

  .home-page .section-2 .left-part {
    width: 100%;
    height: 320px; }

  .home-page .section-2 .right-part {
    width: 100%;
    height: 200px; }

  .home-page .section-2 .container .title {
    font-size: 22px;
    padding-top: 40px; }

  .home-page .section-2 .container .content {
    font-size: 16px;
    line-height: 20px;
    margin-top: 15px;
    margin-bottom: 50px; }

  .home-page .section-2 .container .more {
    width: 100px; }

  .home-page .section-3 {
    height: unset;
    padding-bottom: 30px; }

  .home-page .section-3 .title {
    padding-top: 40px;
    font-size: 22px;
    padding-bottom: 40px;
    line-height: unset; }

  .home-page .section-3 .list {
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding: 0 10px;
    *zoom: 1; }
    .home-page .section-3 .list:before, .home-page .section-3 .list:after {
      content: " ";
      display: table; }
    .home-page .section-3 .list:after {
      clear: both; }
    .home-page .section-3 .list .item {
      width: 100%;
      margin: 0 auto; }

  .home-page .section-3 .list .item {
    padding-top: 20px;
    height: unset;
    margin-bottom: 20px; }

  .home-page .section-4 main .title {
    padding-top: 40px;
    line-height: unset;
    font-size: 22px;
    text-align: center; }

  .home-page .section-4 main .center {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px; }
    .home-page .section-4 main .center .text {
      display: none; }
    .home-page .section-4 main .center .line {
      display: none; }
    .home-page .section-4 main .center .more {
      width: 100px; }

  .home-page .section-4 main .list {
    display: block; }
    .home-page .section-4 main .list .item {
      width: 100%;
      margin-bottom: 20px; }

  .home-page .section-4 main .list .item .name {
    height: unset;
    padding: 20px; }

  .home-page .section-4 main {
    padding-bottom: 40px; }

  footer .main .left-part .contact {
    font-size: 18px;
    width: 120px;
    height: 40px;
    line-height: 38px; }

  footer .main .left-part {
    padding-top: 30px !important; }

  footer .main .right-part {
    display: none; }

  footer .main .left-part .consultation .qr {
    float: left;
    margin-right: 0px; }
    footer .main .left-part .consultation .qr:first-child {
      margin-right: 40px; }

  h1 {
    font-size: 20px !important; }

  h2 {
    font-size: 16px !important; }

  footer {
    padding-top: 0; }

  footer main {
    padding-bottom: 0; }

  footer .main .left-part {
    width: 100%;
    padding: 0; }

  footer .main .left-part .logo {
    display: none; }

  footer .main .right-part {
    width: 100%; }

  footer .main .right-part .company-name {
    margin-bottom: 20px;
    margin-top: 30px;
    font-size: 18px;
    font-weight: bolder; }

  .sub-banner {
    height: 200px; }

  .sub-banner .mask .title {
    padding-top: 0px;
    height: 120px;
    line-height: 120px;
    font-size: 22px; }

  .about-page .section-1 {
    padding-top: 40px; }

  .about-page .section-1 .theme {
    margin-bottom: 40px; }

  .about-page .section-1 .theme .theme-left {
    font-size: 22px;
    text-align: center;
    width: 100%; }

  .about-page .section-1 .theme .theme-right {
    width: 100%;
    display: none; }

  .about-page .section-1 .main .right-part {
    width: 100%; }

  .about-page .section-1 .main .right-part .company-name {
    font-size: 18px; }

  .about-page .section-1 .main .right-part .info p {
    font-size: 16px; }

  .about-page .section-2 {
    width: 100%;
    margin-left: 0;
    margin-bottom: 0px; }

  .about-page .section-3 {
    margin-bottom: 0px; }

  .about-page .section-3 .left-part {
    width: 100%;
    height: 200px; }

  .about-page .section-3 .right-part {
    width: 100%;
    height: 200px;
    margin-top: 10px; }

  .about-page .section-4 .main .item1 {
    width: 100%;
    margin: 0; }

  .about-page .section-4 .main .item1 .t1 {
    font-size: 16px; }

  .about-page .section-4 .main .divider {
    display: none; }

  .about-page .section-4 .main .item2 {
    display: none; }

  .about-page .section-5 {
    width: 100%; }

  .about-page .section-5 #Advantage {
    display: none; }

  .about-page .section-5 main {
    width: 100%; }

  .about-page .section-5 .text {
    width: 100%;
    position: relative;
    top: 0px; }

  .about-page .section-5 .text .t1 {
    font-size: 22px; }

  .about-page .section-5 .text .t2 {
    font-size: 16px; }

  .about-page .section-5 {
    height: unset;
    padding-top: 30px;
    padding-bottom: 30px; }

  .about-page .section-5 main {
    height: unset; }

  .about-page .section-6 .pic {
    width: 100%; }

  .about-page .section-6 {
    margin: 30px 0px; }

  .about-page .section-6 .pic .t1 {
    left: unset;
    right: 10px;
    top: 150px;
    font-size: 22px; }

  .about-page .section-6 .pic .t2 {
    display: none; }

  .service-page .section-1 main {
    width: 100%;
    padding: 0px; }

  .service-page .section-3 main {
    width: 100%; }

  .service-page .section-1 main .left-part {
    width: 100%;
    height: unset;
    background: #F88A10;
    position: static;
    left: 0;
    top: 0px; }

  .service-page .section-1 main .left-part .top {
    font-size: 22px;
    padding-top: 30px;
    height: unset; }

  .service-page .section-1 main .left-part .bottom {
    font-size: 16px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 30px;
    padding-top: 10px; }

  .service-page .section-1 main .right-part {
    width: 100%; }

  .service-page .section-1 main .right-part img {
    position: static;
    float: right;
    margin-right: 20px;
    width: 200px; }

  .service-page .section-1 main .right-part {
    margin-right: 0px;
    padding-top: 10px;
    padding-bottom: 10px; }

  .service-page .section-1 {
    height: unset; }

  .service-page .section-1 main {
    height: unset; }

  .service-page .section-2 {
    height: auto; }

  .service-page .section-2 main .list {
    width: 100%;
    height: unset;
    margin: 0 auto;
    display: flex;
    justify-content: space-between; }
    .service-page .section-2 main .list .item {
      width: 48%;
      height: unset;
      float: left;
      margin-bottom: 15px; }
      .service-page .section-2 main .list .item img {
        width: 100%; }

  .service-page .section-2 main .list1 {
    padding-top: 30px; }

  .service-page .section-2 main .list2 {
    padding-top: 0px; }

  .service-page .section-3 {
    padding-top: 40px; }

  .service-page .section-3 main {
    padding: 0 20px; }

  .service-page .section-3 main .title {
    font-size: 22px; }

  .service-page .section-3 main .map {
    padding-top: 20px;
    padding-bottom: 20px; }

  .news-page .sub-banner {
    height: 200px; }

  .news-page main {
    margin: 0px; }

  .news-page .sub-banner .p-title {
    padding-top: 80px;
    font-size: 22px; }

  .news-page .list .item .title {
    font-size: 14px; }

  .news-page .list .item {
    width: 100%;
    margin: 0;
    margin-top: 30px; }

  .news-page .list .item {
    padding: 10px;
    height: unset; }
    .news-page .list .item .more {
      display: none; }

  .news-page .list .item .time {
    padding-top: 15px;
    margin-bottom: 15px; }

  .newsinfo-page {
    padding-top: 50px !important; }

  .newsinfo-page main .text-secondary {
    display: block; }

  .contact-page .section-1 .main .left-part {
    width: 100%; }

  .contact-page .section-1 .main .qr {
    float: left; }

  .contact-page .section-1 .map {
    padding: 0; }

  .contact-page .section-1 .map #container {
    height: 300px;
    margin-top: 10px; }

  .product-page .sub-banner {
    display: none; }
  .product-page .section-1 {
    padding-top: 20px; }

  .product-page .main .list .wrapper .item {
    width: 100%;
    margin-right: 0 !important; }

  .product-page main {
    width: 100%; }

  .product-page .main .list .wrapper .item a .pic {
    height: 150px; }

  .product-page .main .list .wrapper .item a .more {
    opacity: 1;
    width: 100px;
    transform: translateX(0px); }

  .product-page .main .proInfo .top .info {
    width: 100%; }

  .product-page .main .proInfo .top .pic {
    width: 100%;
    height: 200px;
    margin-bottom: 15px; }

  .product-page .main .proInfo {
    width: 100%; }

  .product-info-page {
    padding-top: 0px; }

  .product-page .main {
    padding-top: 30px; }

  .product-page .main .proInfo {
    padding: 0; }

  .product-page .main .proInfo .top .info .title {
    font-size: 22px; }

  .contact-page .section-1 .main {
    padding: 20px; }

  .contact-page .section-1 .main .left-part .name {
    font-size: 18px; }

  .contact-page .section-1 .main .left-part .item span {
    font-size: 14px; }

  .contact-page .section-1 {
    width: 100%;
    height: auto; }

  .contact-page .sub-banner {
    height: 200px; }

  .contact-page .sub-banner .mask .p-title {
    padding-top: 80px;
    font-size: 22px; }

  .contact-page .section-2 {
    margin-top: 0px;
    padding-top: 30px; }

  .contact-page .section-2 .main .left .t1 {
    font-size: 24px; }

  .contact-page .section-2 .main .left .t2 {
    font-size: 24px;
    margin-bottom: 20px; }

  .contact-page .section-2 .main .right {
    width: 100%;
    padding: 0px;
    margin-top: 20px; }

  .contact-page .section-2 {
    width: 100%; }

  .contact-page .section-2 .main .left {
    width: 100%;
    padding-left: 0%; }

  .contact-page .map .map-dialog {
    display: none; }

  .contact-page .map #container {
    height: 300px; }

  .contact-page .map {
    height: 300px; } }

/*# sourceMappingURL=media.css.map */
