/************************************ 1200-1440 *************************************************/
@media (max-width: 1439px) {
  .production-line,
  .our-products,
  .index-news {
    padding: 80px 0; }
  .about-us {
    padding-top: 80px; }
  .index-swiper {
    height: 623px; }
    .index-swiper .swiper-pagination-bullets {
      bottom: 28px; }
      .index-swiper .swiper-pagination-bullets .swiper-pagination-bullet {
        width: 48px; }
  .production-line-main {
    width: 1180px;
    height: 557px; }
  .index-news-main {
    width: 1180px; }
  .index-news-focus {
    width: 582px; }
    .index-news-focus div {
      height: 283px; }
    .index-news-focus h4 {
      height: 50px;
      display: -webkit-box;
      white-space: pre-wrap;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical; }
    .index-news-focus p {
      height: 96px;
      -webkit-line-clamp: 4; }
  .index-news-list {
    width: 582px; }
  .about-us-info {
    width: 1180px; }
  .about-us-intro li {
    padding: 30px; }
    .about-us-intro li img {
      width: 70px;
      height: 70px; }
    .about-us-intro li p {
      width: 420px; }
    .about-us-intro li:first-child p {
      width: 380px; }
  .about-us-data {
    width: 1180px;
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto; }
  .our-products-main {
    width: 1180px; }
  .our-products-list {
    margin-left: -10px;
    margin-right: -10px; }
    .our-products-list li {
      width: 380px; }
  .our-products-img {
    height: 195px; }
  .our-products-info {
    width: 340px;
    padding: 30px 30px 0; }
    .our-products-info p {
      height: 96px; }
    .our-products-info div a {
      width: 130px; }
  .m-header,
  .m-topbar {
    width: 1180px; }
  .m-header-extend {
    width: 1180px; }
    .m-header-extend dl {
      padding-left: 10px; }
  .index-page .m-header-extend {
    width: 1180px; }
  .production-line-tab a p {
    padding: 0 10px; }
  .m-foot-nav a {
    margin-right: 30px; }
  .m-foot-nav a::before {
    right: -15px; } }

/********** 1200 < x < 1300(特殊情况) ****************/
@media (min-width: 1200px) and (max-width: 1299px) {
  .about-production-strength-swiper .swiper-button-next {
    right: 0; }
    .about-production-strength-swiper .swiper-button-next.swiper-button-disabled {
      border: 1px solid #293665;
      border-radius: 50%; }
  .about-production-strength-swiper .swiper-button-prev {
    left: 0; }
    .about-production-strength-swiper .swiper-button-prev.swiper-button-disabled {
      border: 1px solid #293665;
      border-radius: 50%; } }

@media (min-width: 992px) and (max-width: 1070px) {
  .about-production-strength-swiper .swiper-button-next {
    right: 0; }
    .about-production-strength-swiper .swiper-button-next.swiper-button-disabled {
      border: 1px solid #293665;
      border-radius: 50%; }
  .about-production-strength-swiper .swiper-button-prev {
    left: 0; }
    .about-production-strength-swiper .swiper-button-prev.swiper-button-disabled {
      border: 1px solid #293665;
      border-radius: 50%; } }

@media (max-width: 850px) {
  .about-production-strength-swiper .swiper-button-next {
    right: 0; }
    .about-production-strength-swiper .swiper-button-next.swiper-button-disabled {
      border: 1px solid #293665;
      border-radius: 50%; }
  .about-production-strength-swiper .swiper-button-prev {
    left: 0; }
    .about-production-strength-swiper .swiper-button-prev.swiper-button-disabled {
      border: 1px solid #293665;
      border-radius: 50%; } }

/************************************* 992-1200 ***********************************************************/
@media (max-width: 1199px) {
  .m-topbar,
  .m-header {
    width: 970px;
    padding-left: 10px;
    padding-right: 10px; }
  .m-header {
    position: relative; }
  .m-header-form {
    width: 120px;
    position: absolute;
    top: 0;
    right: 0;
    transition: all 0.2s; }
    .m-header-form:hover {
      width: 240px; }
  .mod-title p {
    font-size: 30px; }
  .production-line,
  .our-products,
  .index-news {
    padding: 60px 0; }
  .about-service-commitment,
  .about-international-cooperation,
  .about-qualification,
  .about-production-strength,
  .m-rec-products {
    padding: 60px 0; }
  .about-xkj-group {
    padding: 34px 0 60px; }
  .about-us {
    padding-top: 60px; }
  .u-topbar-chat-btn,
  .u-topbar-email-txt,
  .u-topbar-phone-txt {
    margin: 0 10px; }
  .m-topbar-language-select {
    margin-left: 10px; }
  .u-topbar-chat-btn::after, .u-topbar-email-txt::after, .u-topbar-phone-txt::after {
    right: -10px; }
  .m-header-nav li {
    margin-right: 30px; }
  .index-swiper {
    height: 524px; }
    .index-swiper .swiper-pagination-bullets {
      bottom: 23px; }
      .index-swiper .swiper-pagination-bullets .swiper-pagination-bullet {
        width: 40px;
        height: 4px;
        margin: 0px 4px; }
  .production-line-main {
    width: 970px;
    height: 458px; }
  .production-line-tab {
    height: 140px; }
    .production-line-tab a img {
      width: 50px;
      height: 50px; }
    .production-line-tab a p {
      line-height: 24px;
      font-size: 16px; }
  .m-leave-msg-main {
    padding: 50px 60px; }
  .about-us-info {
    width: 970px; }
  .about-us-data {
    width: 970px; }
  .about-us-intro li img {
    display: none; }
  .index-news-main {
    width: 970px; }
  .index-news-focus {
    width: 475px;
    padding: 30px;
    height: 512px; }
    .index-news-focus div {
      height: 233px; }
    .index-news-focus h4 {
      margin-top: 24px; }
  .index-news-list {
    width: 475px; }
    .index-news-list a {
      height: auto;
      padding: 18px 30px; }
      .index-news-list a::before {
        left: 14px;
        top: 27px; }
    .index-news-list p {
      height: 50px;
      white-space: pre-wrap;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical; }
  .our-products-main {
    width: 970px; }
  .our-products-list li {
    width: 310px; }
  .our-products-img {
    height: 160px; }
  .our-products-info {
    width: 270px;
    padding: 30px 20px 0; }
    .our-products-info h4 {
      line-height: 24px;
      font-size: 20px; }
    .our-products-info div a {
      width: 110px;
      font-size: 14px; }
  .m-foot-right {
    width: 470px; }
  .m-foot-nav {
    margin-top: 20px;
    margin-left: -90px; }
    .m-foot-nav a {
      letter-spacing: 0;
      margin-right: 20px;
      font-size: 14px; }
      .m-foot-nav a::before {
        right: -10px; }
  .m-foot-share {
    margin-top: 20px; }
  .about-service-commitment {
    padding: 60px 0; }
    .about-service-commitment img {
      width: 130px;
      height: 130px; }
    .about-service-commitment h4 {
      font-size: 20px;
      line-height: 28px; }
    .about-service-commitment p {
      margin-top: 20px;
      font-size: 14px;
      line-height: 22px; }
  .m-leave-msg,
  .m-leave-msg.z-index-leave-msg,
  .m-leave-msg.z-product-leave-msg {
    padding: 0; }
  .m-rec-title {
    font-size: 28px; }
  .m-latest-news-hot .media .media-heading {
    height: 96px;
    -webkit-line-clamp: 4; }
  .m-rec-title p {
    font-size: 28px; }
  .m-rec-products-btns a {
    width: 100%;
    margin-bottom: 15px; }
    .m-rec-products-btns a:last-child {
      margin-bottom: 0; }
  .news-swiper {
    padding: 40px 0 80px; }
    .news-swiper .swiper {
      height: 267px; }
    .news-swiper .swiper-pagination {
      bottom: 40px; }
  .news-swiper-info {
    padding: 30px; }
  .layout-content {
    width: 700px; }
  .layout-side {
    width: 220px; }
  .wsc-detlink {
    padding: 10px 20px; }
  .side-helps {
    padding: 25px 20px 30px; }
  .product-switch-wrap {
    padding: 30px; }
  .product-cate-tab a {
    width: 294px; }
  .product-attr-tab a {
    margin-right: 30px;
    line-height: 30px; }
  .product-hub-banner-first a,
  .product-hub-banner-second a {
    padding: 35px 20px 38px; }
    .product-hub-banner-first a img,
    .product-hub-banner-second a img {
      width: 100px;
      height: 100px; }
  .z-product-hub-leave-msg {
    padding-top: 60px; }
  .product-cate-body {
    height: 395px; }
  .product-cate-info {
    padding: 30px; }
    .product-cate-info h4 {
      margin-right: 0;
      font-size: 14px;
      line-height: 20px; }
    .product-cate-info p {
      margin-top: 20px; }
      .product-cate-info p a {
        height: 32px;
        padding: 0 12px;
        margin: 0 4px 4px 0;
        line-height: 30px;
        font-size: 13px; }
    .product-cate-info div {
      padding: 0 30px 30px; }
      .product-cate-info div a {
        width: 200px;
        height: 40px;
        line-height: 36px;
        font-size: 14px; }
  .line-detail-swiper-2 {
    height: 466px; }
  .products-details-info {
    padding-left: 20px; }
  .products-details-attr dl, .products-details-attr dl:first-child {
    margin-top: 10px; }
  .products-details-attr dd {
    margin-top: 0; }
  .line-detail-btns {
    margin-top: 30px; }
    .line-detail-btns a {
      width: 220px; }
  .line-detail-contact {
    margin-top: 20px; }
  .products-details {
    padding: 40px 0; }
  .side-leave-msg .contact-us-form {
    padding: 25px 20px 30px; }
    .side-leave-msg .contact-us-form .f-contact-us-sub {
      height: 32px;
      line-height: 32px;
      font-size: 14px; }
  .pro-detail-main .pdTab li a {
    font-size: 16px;
    padding: 0 20px; }
  .wsc-editCon .pro-detail-table th {
    padding: 20px 0 !important;
    text-align: center !important;
    font-size: 15px !important; }
  .wsc-editCon .pro-detail-table td {
    padding: 24px 0 !important;
    text-align: center !important; }
  .products-details-info .line-detail-btns {
    margin-top: 20px; }
  .pro-detail-main .wsc-editTit {
    line-height: 70px;
    font-size: 30px;
    background-position: 0 29px; }
  .index-page .m-header-extend,
  .index-page .z-line-nav-item .m-header-extend,
  .z-line-nav-item .m-header-extend,
  .m-header-extend {
    width: 970px; }
    .index-page .m-header-extend dl,
    .index-page .z-line-nav-item .m-header-extend dl,
    .z-line-nav-item .m-header-extend dl,
    .m-header-extend dl {
      width: 100%;
      padding-left: 0; }
      .index-page .m-header-extend dl.m-header-extend-first, .index-page .m-header-extend dl.m-header-extend-last,
      .index-page .z-line-nav-item .m-header-extend dl.m-header-extend-first,
      .index-page .z-line-nav-item .m-header-extend dl.m-header-extend-last,
      .z-line-nav-item .m-header-extend dl.m-header-extend-first,
      .z-line-nav-item .m-header-extend dl.m-header-extend-last,
      .m-header-extend dl.m-header-extend-first,
      .m-header-extend dl.m-header-extend-last {
        width: 100%; }
    .index-page .m-header-extend dt,
    .index-page .z-line-nav-item .m-header-extend dt,
    .z-line-nav-item .m-header-extend dt,
    .m-header-extend dt {
      font-size: 14px; }
    .index-page .m-header-extend dd,
    .index-page .z-line-nav-item .m-header-extend dd,
    .z-line-nav-item .m-header-extend dd,
    .m-header-extend dd {
      margin-right: 20px;
      float: left; }
  .map-item ul li {
    width: 50%; }
  .m-hub-transform-item .f-jump-serv {
    line-height: 24px; }
  .m-product-paging {
    padding: 16px 0 60px; } }

/**************************768-992************************************/
@media (max-width: 991px) {
  .m-topbar,
  .m-header {
    width: 750px;
    padding-left: 10px;
    padding-right: 10px; }
  .m-header-form {
    width: 34px; }
    .m-header-form input {
      padding: 0;
      transition: all 0.2s; }
    .m-header-form ul {
      height: 0; }
    .m-header-form:hover input {
      padding: 10px 40px 10px 20px; }
    .m-header-form:hover ul {
      height: auto; }
  .index-swiper {
    height: 395px; }
    .index-swiper .swiper-pagination-bullets {
      bottom: 16px; }
  .mod-title p {
    font-size: 24px; }
  .m-leave-msg-main {
    padding: 40px; }
  .m-leave-msg-title dt {
    font-size: 34px; }
  .m-leave-msg-title dd {
    line-height: 20px; }
  .production-line-main {
    width: 750px;
    height: 354px; }
  .production-line-tab {
    height: 100px; }
    .production-line-tab a img {
      width: 35px;
      height: 35px;
      margin: 10px auto 0; }
    .production-line-tab a p {
      line-height: 18px;
      font-size: 14px; }
  .m-footbar-main p, .m-footbar-main div {
    font-size: 12px; }
  .m-foot-right {
    width: 100%;
    margin-top: 20px; }
  .m-footer-right-logo {
    float: left; }
  .m-foot-share {
    width: auto;
    margin-top: 1px;
    float: left; }
  .m-foot-nav {
    width: 100%;
    float: left;
    margin-left: 0; }
  .about-us-info {
    width: 750px; }
  .about-us-data {
    width: 750px; }
    .about-us-data h4 {
      font-size: 40px; }
  .m-foot-right {
    margin-top: 0; }
  .m-footer-info {
    margin-top: 20px;
    margin-bottom: 20px; }
    .m-footer-info h4 {
      margin-bottom: 10px; }
  .about-us-intro {
    height: 200px; }
    .about-us-intro li {
      padding: 20px 15px; }
      .about-us-intro li h4 {
        text-align: center; }
      .about-us-intro li div {
        margin-left: 0; }
      .about-us-intro li p {
        font-size: 14px;
        line-height: 20px;
        min-height: 80px;
        width: auto; }
      .about-us-intro li:first-child p {
        width: auto; }
      .about-us-intro li label {
        font-size: 14px; }
  .index-news-main {
    width: 750px; }
  .index-news-focus {
    width: 100%;
    height: auto;
    margin-bottom: 20px; }
    .index-news-focus div {
      height: auto; }
      .index-news-focus div img {
        width: 100%; }
    .index-news-focus p {
      height: 48px;
      -webkit-line-clamp: 2; }
  .index-news-list {
    width: 100%; }
    .index-news-list p {
      height: 25px;
      display: block;
      white-space: nowrap; }
  .index-news .btn-learn-more {
    margin: 30px auto 0; }
  .our-products-main {
    width: 750px; }
    .our-products-main li {
      width: 236px; }
  .our-products-list {
    padding-left: 1px; }
  .our-products-info {
    width: 226px;
    height: auto;
    padding: 20px 15px;
    margin-left: 5px;
    margin-top: -30px; }
    .our-products-info h4 {
      font-size: 18px; }
    .our-products-info p {
      height: 80px;
      margin-top: 15px;
      font-size: 14px;
      line-height: 20px;
      -webkit-line-clamp: 4; }
    .our-products-info div {
      margin-top: 5px;
      flex-wrap: wrap; }
      .our-products-info div a {
        width: 100%;
        margin-top: 10px; }
  .our-products-img {
    height: 125px; }
  .our-products .btn-learn-more {
    margin: 20px auto 0; }
  .u-topbar-phone-txt,
  .u-topbar-email-txt {
    font-size: 0; }
    .u-topbar-phone-txt::before,
    .u-topbar-email-txt::before {
      left: 4px; }
    .u-topbar-phone-txt:hover,
    .u-topbar-email-txt:hover {
      font-size: 14px; }
  .m-header-nav li {
    margin-right: 20px;
    font-size: 16px; }
  .about-service-commitment-list li {
    margin-bottom: 20px; }
  .about-service-commitment-list div {
    height: auto; }
  .m-latest-news-hot {
    margin-bottom: 20px; }
  .about-xkj-group-info li {
    margin-bottom: 20px; }
    .about-xkj-group-info li:nth-child(3)::before {
      display: none; }
  .m-rec-title p {
    font-size: 24px; }
  .contact-us-box {
    height: auto; }
  .contact-us-form {
    padding: 40px 20px; }
  .contact-us-info {
    padding: 40px 20px; }
    .contact-us-info a {
      margin-top: 47px; }
  .z-contact-title {
    font-size: 28px; }
  .m-rec-products {
    padding: 40px 0 20px; }
    .m-rec-products .row li {
      margin-bottom: 20px; }
  .new-tab a {
    margin: 0 20px;
    font-size: 18px; }
  .news-swiper {
    padding: 40px 0 60px; }
    .news-swiper .swiper {
      height: 205px; }
    .news-swiper .swiper-pagination {
      bottom: 30px; }
  .news-swiper-info {
    padding: 20px; }
    .news-swiper-info h4 {
      height: 44px;
      line-height: 22px;
      font-size: 18px; }
    .news-swiper-info span {
      margin-top: 5px; }
    .news-swiper-info p {
      margin-top: 15px;
      height: 80px;
      font-size: 15px;
      line-height: 20px; }
  .layout-content {
    width: 100%; }
  .d-tit {
    font-size: 24px;
    line-height: 28px; }
  .line-tab a {
    height: 180px;
    padding: 30px 30px 20px; }
    .line-tab a img {
      width: 60px;
      height: 60px; }
    .line-tab a p {
      font-size: 16px; }
    .line-tab a:nth-child(3)::before {
      width: 100%;
      height: 2px; }
    .line-tab a:last-child::after {
      content: '';
      display: block;
      width: 100%;
      height: 2px;
      background-color: #fff;
      position: absolute;
      top: 0;
      left: 0; }
  .m-line-paging {
    padding: 16px 0 50px; }
  .m-rec-line {
    padding: 60px 0 40px;
    border-top: none; }
    .m-rec-line .row li {
      margin-bottom: 20px; }
  .product-cate-tab {
    padding-left: 1px; }
    .product-cate-tab a {
      width: 220px;
      padding: 0 20px 0 50px; }
      .product-cate-tab a span {
        font-size: 14px; }
      .product-cate-tab a img {
        width: 30px;
        height: 30px;
        top: 21px;
        left: 10px; }
  .product-hub-banner-first a,
  .product-hub-banner-second a {
    padding: 20px; }
    .product-hub-banner-first a h4,
    .product-hub-banner-second a h4 {
      height: 60px;
      line-height: 20px;
      font-size: 16px; }
    .product-hub-banner-first a img,
    .product-hub-banner-second a img {
      width: 70px;
      height: 70px;
      margin: 10px auto 0; }
  .product-hub-banner-second a h4 {
    height: 40px;
    line-height: 20px;
    font-size: 16px; }
  .product-hub-banner-title dt {
    font-size: 35px; }
  .product-hub-banner-title dd {
    padding: 25px 0; }
  .product-hub-banner {
    padding: 60px 0; }
  .m-hub-transform-item {
    padding: 30px 10px 30px; }
    .m-hub-transform-item img {
      width: 70px;
      height: 70px; }
    .m-hub-transform-item a {
      height: 30px;
      margin-top: 20px;
      font-size: 14px;
      line-height: 30px;
      font-size: 14px; }
    .m-hub-transform-item .f-jump-serv {
      line-height: 24px;
      font-size: 14px; }
      .m-hub-transform-item .f-jump-serv:hover {
        text-indent: 5px; }
    .m-hub-transform-item .f-chat-online {
      width: 180px;
      line-height: 30px; }
  .product-cate-title {
    font-size: 28px; }
  .product-cate-info {
    min-height: 303px; }
    .product-cate-info div {
      padding: 0 30px; }
      .product-cate-info div a {
        width: 150px; }
  .product-cate-body {
    height: auto; }
  .m-rec-line-item p {
    padding: 10px; }
  .common-banner dt {
    font-size: 40px; }
  .line-detail-swiper-2 {
    height: 499px; }
    .line-detail-swiper-2 .swiper-pagination {
      width: 100%;
      bottom: 10px; }
    .line-detail-swiper-2 .swiper-pagination-bullet {
      width: 10px;
      height: 10px;
      margin: 0 8px;
      background: url("../image/i-point-gray.png") no-repeat center center/cover;
      opacity: 1; }
      .line-detail-swiper-2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-image: url("../image/i-point-red.png"); }
  .products-details-imgs {
    padding-left: 10px;
    padding-right: 10px; }
  .products-details-swiper .swiper-pagination {
    bottom: 10px; }
  .m-products-details-title {
    height: 48px;
    line-height: 24px;
    font-size: 18px;
    white-space: pre-wrap;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
  .pro-detail-main .pdTab {
    height: 48px; }
    .pro-detail-main .pdTab li {
      line-height: 48px; }
      .pro-detail-main .pdTab li a {
        padding: 0 15px; }
        .pro-detail-main .pdTab li a::before {
          top: 17px; }
  .pro-detail-main .wsc-editTit {
    padding-left: 20px;
    line-height: 28px;
    font-size: 18px;
    background-position: 0 9px;
    background-size: 10px 10px; }
  .pro-detail-main.pd-main {
    padding-bottom: 30px;
    padding-top: 48px;
    margin-top: 0; }
  .pro-detail-main .wsc-editCon {
    margin-top: 10px; }
  .wsc-editCon-tit {
    margin: 10px 0;
    font-size: 16px; }
  .z-line-nav-item .m-header-extend,
  .m-header-extend {
    width: 750px; }
  .index-page .z-line-nav-item .m-header-extend,
  .index-page .m-header-extend {
    width: 750px; }
  .m-product-paging {
    padding: 16px 0 50px; } }