@media (max-width: 1200px) { .container { width: 1024px; }
  .banner .swiper-slide { height: 300px; }
  .navbar .container { padding-left: 0; padding-right: 0; }
  .index-wrapper .product-center { width: 40%; }
  .index-wrapper .about-us { float: right; width: 59%; margin-left: 0; }
  .index-wrapper .contact-us { clear: both; width: 100%; margin-top: 10px; }
  .index-wrapper .contact-us .text { min-height: auto; }
  .inside-banner { height: 250px; }
  .honor-list ul li .pic { height: 235px; line-height: 233px; } }
@media (max-width: 768px) { .container { width: 768px; }
  .header .logo { height: 70px; line-height: 70px; }
  .header .tel { height: 40px; line-height: normal; margin-top: 15px; padding-left: 45px; background-size: contain; }
  .header .tel h5 { font-size: 18px; }
  .banner .swiper-slide { height: 200px; }
  .index-wrapper .product-center { clear: both; width: 100%; }
  .index-wrapper .product-center .pro-menu { clear: both; width: 100%; height: 55px; }
  .index-wrapper .product-center .pro-menu ul li { float: left; width: 25%; }
  .index-wrapper .product-center .pro-menu ul li:after { top: auto; left: 0; right: 0; bottom: -30px; margin: auto; transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); }
  .index-wrapper .product-center .pro-menu ul li a { border: none; }
  .index-wrapper .product-center .pro-cen-slide { clear: both; width: 100%; }
  .index-wrapper .about-us { clear: both; width: 100%; margin-top: 10px; }
  .inside-banner { height: 180px; }
  .inside-wrapper { padding-bottom: 100px; }
  .inside-left { float: none; width: 100%; }
  .inside-left .sub-nav .sub-title { padding-top: 10px; padding-bottom: 13px; overflow: hidden; }
  .inside-left .sub-nav .sub-title h3 { float: left; padding-bottom: 0; padding-left: 0; border: none; font-size: 24px; }
  .inside-left .sub-nav .sub-title small { float: left; padding-left: 10px; padding-top: 12px; }
  .inside-left .sub-nav ul { overflow: hidden; }
  .inside-left .sub-nav ul li { float: left; width: 25%; }
  .inside-left .sub-nav ul li a { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-left: 0; padding-right: 10px; border: none; }
  .inside-left .link-pic { display: none; }
  .inside-right { float: none; width: 100%; } }
@media (max-width: 576px) { .container { width: 100%; }
  .navbtn { display: block; top: 20px; right: 10px; padding: 0 5px; border-radius: 4px; }
  .navbtn span { width: 25px; height: 2px; margin: 6px 0; }
  .navbtn.navclose span:nth-child(1) { -moz-transform: translateY(8px) rotate(45deg); -ms-transform: translateY(8px) rotate(45deg); -webkit-transform: translateY(8px) rotate(45deg); transform: translateY(8px) rotate(45deg); }
  .navbtn.navclose span:nth-child(3) { -moz-transform: translateY(-8px) rotate(-45deg); -ms-transform: translateY(-8px) rotate(-45deg); -webkit-transform: translateY(-8px) rotate(-45deg); transform: translateY(-8px) rotate(-45deg); }
  .header { border-bottom: none; }
  .header .logo { width: 80%; }
  .header .tel { position: fixed; z-index: 999; right: 5px; bottom: 5px; width: 40px; height: 40px; padding-left: 0; text-indent: -9999px; background-color: #fff; background-position: center center; background-size: auto 85%; border: 1px #999 solid; }
  .header .tel a { display: block; }
  .navbar .container { padding-left: 0; padding-right: 0; }
  .navbar .nav { display: none; }
  .navbar .nav a { float: none !important; display: block; width: 100% !important; }
  .banner .swiper-slide { height: 130px; }
  .banner .swiper-pagination { bottom: 10px !important; }
  .banner .swiper-pagination span { margin: 0 5px !important; width: 7px; height: 7px; }
  .index-wrapper .model-title { height: 40px; line-height: 40px; }
  .index-wrapper .model-title h3 { font-size: 15px; }
  .index-wrapper .model-title a { width: 20px; background-size: 20px auto; }
  .index-wrapper .product-center .pro-menu { height: auto; }
  .index-wrapper .product-center .pro-menu ul li { width: 50%; padding-left: 0; padding-right: 0; }
  .index-wrapper .product-center .pro-menu ul li:after { display: none; }
  .index-wrapper .product-center .pro-menu ul li a { height: 40px; line-height: 40px; padding-left: 10px; padding-right: 10px; }
  .index-wrapper .about-us .content .text { float: none; width: 100%; height: auto; }
  .index-wrapper .about-us .content .video { float: none; width: 100%; margin-top: 10px; }
  .index-wrapper .about-us .content .video video { height: auto; }
  .index-wrapper .f-link { padding-top: 7px; padding-bottom: 7px; padding-left: 10px; padding-right: 10px; border: 1px #ccc solid; }
  .inside-banner { height: 100px; }
  .inside-wrapper { padding-bottom: 40px; }
  .inside-left .sub-nav .sub-title h3 { font-size: 18px; }
  .inside-left .sub-nav .sub-title small { padding-top: 5px; }
  .inside-left .sub-nav ul li { width: 50%; }
  .inside-left .sub-nav ul li a { height: 35px; line-height: 35px; text-align: center; font-size: 14px; }
  .inside-left .sub-nav ul li a:after { display: none; }
  .inside-right { margin-top: 20px; }
  .inside-right .h-row-box { padding-bottom: 5px; }
  .inside-right .h-row-box h4 { float: none; width: 100%; font-size: 16px; }
  .inside-right .h-row-box .crumbs { float: none; width: 100%; margin-top: 5px; font-size: 13px; }
  .single-content { line-height: 2; padding-top: 20px; font-size: 13px; }
  .honor-list ul li { width: 50%; margin-top: 20px; }
  .product-list ul { padding-top: 20px; }
  .product-list ul li { width: 50%; }
  .product-list ul li a { height: auto; line-height: normal; border: none; }
  .product-list ul li a span { height: 150px; line-height: 148px; border: 1px #bfbfbf solid; border-bottom: none; }
  .product-list ul li a span img { padding: 5px; }
  .product-list ul li a strong { opacity: 1; position: static; height: 35px; line-height: 35px; color: #fff; font-size: 14px; background-color: rgba(6, 104, 203, 0.8); }
  .product-detail .slider { width: 100%; }
  .product-detail .slider .detail-pro-slider { float: none; width: 100%; }
  .product-detail .slider .pic-pagination { float: none; width: 100%; height: 125px; padding-top: 10px; padding-bottom: 10px; }
  .product-detail .slider .pic-pagination .swiper-prev, .product-detail .slider .pic-pagination .swiper-next { display: none; }
  .product-detail h1 { font-size: 20px; }
  .product-detail .slider-label .label-menu { display: flex; display: -webkit-flex; flex-flow: row nowrap; justify-content: space-between; }
  .product-detail .slider-label .label-menu a { width: 32%; height: 30px; line-height: 30px; margin-right: 0; font-size: 14px; }
  .product-detail .slider-label .label-slider .swiper-slide { line-height: 2; font-size: 13px; }
  .cpxx-content h4 { font-size: 16px; }
  .cpxx-content .text { line-height: 2; font-size: 13px; }
  .cpxx-content .pic img { display: block; margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 10px; }
  .cpxx-content h5 { height: 35px; line-height: 35px; padding-left: 20px; margin-bottom: 20px; font-size: 16px; }
  .cpxx-content dl { line-height: 1.8; margin-top: 0px; }
  .cpxx-content dl dt { font-size: 14px; }
  .cpxx-content dl dd { font-size: 13px; }
  .zlxz-content h4 { font-size: 16px; }
  .zlxz-content .item { margin-top: 20px; }
  .zlxz-content .item h5 { height: 17px; line-height: 17px; padding-left: 25px; font-size: 14px; }
  .zlxz-content .item table th { height: 40px; }
  .zlxz-content .item table td { height: 35px; }
  .zlxz-content .item table td a img { padding: 5px; }
  .zlxz-content .item table th, .zlxz-content .item table td { font-size: 12px; }
  .case-list ul { margin-left: -5px; margin-right: -5px; }
  .case-list ul li { margin-top: 20px; margin-bottom: 0; padding-left: 5px; padding-right: 5px; }
  .case-list ul li a .title { opacity: 1; position: static; line-height: 30px; padding-top: 0; font-size: 14px; font-weight: normal; background-image: none; }
  .news-list .item { height: auto; padding-bottom: 20px; }
  .news-list .item .pic { float: none; width: 100%; height: auto; }
  .news-list .item .pic img { width: 100%; }
  .news-list .item .info { float: none; width: 100%; height: auto; padding-top: 15px; padding-left: 10px; padding-right: 10px; }
  .news-list .item .info .text { height: 44px; line-height: 22px; margin-top: 10px; font-size: 13px; }
  .news-list .item .operation { float: none; width: 100%; margin-top: 10px; margin-right: 0; padding-top: 0; padding-left: 10px; padding-right: 10px; }
  .news-list .item .operation .date { float: left; line-height: 30px; }
  .news-list .item .operation .more { float: right; margin-top: 0; padding-left: 20px; padding-right: 20px; }
  .contact-address { padding-right: 0; overflow: inherit; }
  .contact-address .text { float: none; width: 100%; line-height: 1.8; font-size: 13px; }
  .contact-address .map { float: none; width: 100%; }
  .contact-address .map:before { display: none; }
  .join-list .item { height: auto; line-height: normal; overflow: hidden; }
  .join-list .item .date { float: none; width: 100%; line-height: 30px; text-align: left; padding-left: 10px; padding-right: 10px; font-size: 13px; }
  .join-list .item .info { float: none; width: 100%; line-height: 2; padding-left: 10px; padding-right: 10px; font-size: 13px; }
  .join-list .item .more { float: none; width: 100%; height: auto; line-height: 30px; margin-top: 10px; text-align: center; text-indent: 0; background-image: none; color: #fff; font-size: 13px; }
  .paging { margin: 15px 0; }
  .copyright { padding-left: 10px; padding-right: 10px; color: #333; font-size: 12px; } }

/*# sourceMappingURL=media.css.map */
