@media (max-width: 1199px) {
  .bx-dn {
    display: none;
  }
  .bx-db {
    display: block;
  }
  .bx-w96 {
    width: 96%;
    padding-left: 2%;
    padding-right: 2%;
  }
  .product-index .top-item a {
    font-size: 14px;
  }
  .product-index .body-items .item li .img {
    height: 1.92rem;
  }
  .cnav ul {
    text-align: center;
  }
  .service .s-left {
    width: 100%;
  }
  .service .s-right {
    margin: 20px auto 0;
  }
  .prodetail .prod-right {
    width: 42.5%;
  }
  .categary li {
    height: 2.1081rem;
  }
}
@media (max-width: 1099px) {
  .header .nav li > a {
    padding: 25px 16px;
  }
  .prolist li .proImage {
    margin: 15px 8px;
    height: 1.4rem;
  }
  .prodetail .prod-right {
    width: 36%;
  }
}
@media (max-width: 991px) {
  .mx-db {
    display: block;
  }
  .mx-dn {
    display: none;
  }
  .header .logo {
    width: 176px;
    height: 50px;
  }
  .header .tools {
    margin-top: 5px;
  }
  .header .nav li > a {
    padding: 15px 10px;
    font-size: 15px;
  }
  .header .nav li .snav a {
    line-height: 40px;
    font-size: 13px;
  }
  .news-div .content {
    line-height: 34px;
    font-size: 28px;
    white-space: inherit;
  }
  .news-index .news-left {
    width: 100%;
  }
  .news-index .news-right {
    width: 100%;
    margin-top: 20px;
  }
  .jx-div li {
    padding: 47px 0 50px;
  }
  .footer {
    padding: 30px 2%;
  }
  .footer .f-right {
    width: 100%;
    text-align: center;
  }
  .sub-banner {
    height: 2.6rem;
  }
  .prolist li {
    width: 32.08%;
  }
  .prolist li .proImage {
    height: 1.8rem;
  }
  .prodetail .prod-left {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .prodetail .prod-left .box {
    padding: 6px;
    border: 1px solid #e9e9e9;
  }
  .prodetail .prod-left .box li {
    height: 438px;
    position: relative;
  }
  .prodetail .prod-left .bottom {
    display: none;
  }
  .prodetail .prod-right {
    width: 100%;
    margin-top: 15px;
  }
  .categary li {
    height: auto;
    padding-bottom: 20px;
  }
  .categary .categary-left {
    width: 95%;
  }
  .categary .categary-left .more {
    display: inline-block;
    padding-top: 15px;
    position: static;
  }
  .categary .categary-right {
    display: none;
  }
  .ke-center ul {
    margin-left: 0%;
  }
  .ke-center li {
    width: 94%;
    margin-left: 3%;
  }
  .ke-center li > a {
    height: 150px;
  }
  .ke-center li .kh-img {
    width: 32.82%;
  }
  .ke-center li .kh-text {
    width: 65%;
  }
  .ke-center li .kh-text .h-js {
    height: 96px;
    -webkit-line-clamp: 4;
  }
}
@media (max-width: 750px) {
  .sx-db {
    display: block;
  }
  .sx-dib {
    display: inline-block;
  }
  .sx-dn {
    display: none;
  }
  .sx-w100 {
    width: 100%;
  }
  .text {
    font-size: 14px;
    line-height: 22px;
  }
  .text_s {
    font-size: 12px;
    line-height: 1.4;
  }
  .text_m {
    font-size: 16px;
    line-height: 1.3;
  }
  .text_b {
    font-size: 18px;
    line-height: 1.3;
  }
  .text_mb {
    font-size: 17px;
    line-height: 1.3;
  }
  .header {
    padding: 10px 4%;
    width: 92%;
    position: relative;
  }
  .header .logo {
    width: 158px;
    height: 45px;
  }
  .header .tools {
    margin-top: 0px;
  }
  .header .tools .languge {
    display: block;
    float: left;
    line-height: 45px;
  }
  .header .tools .search {
    display: none;
  }
  .header .tools .wx-icon {
    float: left;
    width: 40px;
    height: 45px;
    margin: 0 10px;
    background: url(../images/wx-icon.png) no-repeat center center;
  }
  .header .nav-icon {
    width: 45px;
    height: 45px;
    margin-left: 10px;
    background: url(../images/nav-ico.png) no-repeat center center;
  }
  .header .nav {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 999;
    width:100%;
    background-color: #fff;
  }
  .header .nav li {
    width: 100%;
    text-align: center;
  }
  .header .nav li > a {
    padding: 4px 0;
  }
  .header .nav li .snav {
    display: none;
    opacity: 1;
    filter: alpha(opacity=100);
    position: static;
    width: 100%;
    border-top: none;
    background-color: #eee;
  }
  .header .nav li .snav a {
    line-height: 30px;
    border-bottom: none;
  }
  .header .nav li:hover .snav {
    opacity: 1;
    filter: alpha(opacity=100);
    top: 100%;
    transition: all 0.5s;
  }
  .news-div .title {
    font-size: 14px;
    line-height: 16px;
    padding: 4px 5px;
    width: 30px;
    text-align: center;
  }
  .news-div .content {
    line-height: 40px;
    font-size: 15px;
    white-space: nowrap;
  }
  .news-index .news-right li {
    padding-bottom: .2rem;
    margin-bottom: .2rem;
  }
  .news-index .news-right li .date {
    padding: 10px 6px;
    margin-right: 10px;
  }
  .news-index .news-right li .date .day {
    margin-bottom: 0;
  }
  .news-index .news-right li .title {
    margin-bottom: 0;
  }
  .product-index .top-item a {
    width: 31.33%;
    line-height: 38px;
    background-image: none;
    background-color: #eee;
    margin: 5px 1%;
  }
  .product-index .body-items {
    padding: .2rem 0;
  }
  .product-index .body-items .item {
    margin-left: -1.5%;
  }
  .product-index .body-items .item li {
    margin-left: 1.5%;
    width: 48.5%;
  }
  .product-index .body-items .item li .img {
    height: 2.92rem;
  }
  .product-index .body-items .item li .img img {
    max-width: 85%;
    max-height: 85%;
  }
  .jx-div {
    padding: .25rem 2%;
  }
  .jx-div ul {
    margin-left: 3%;
    margin-right: 3%;
  }
  .jx-div li {
    margin-left: 0%;
    width: 100%;
    padding: .65rem 0 .72rem;
    margin-bottom: .3rem;
  }
  .footer {
    padding: .25rem 2%;
  }
  .cnavtitle {
    padding: 10px 0;
    background-color: #006834;
    color: #fff;
  }
  .cnav {
    border-bottom: none;
  }
  .cnav ul {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    z-index: 999;
    background-color: #fff;
  }
  .cnav li {
    display: block;
    margin-right: 0;
  }
  .cnav li > a {
    display: block;
    padding: 5px 0;
    border-bottom: none;
  }
  .cnav li .c-nav {
    position: static;
    margin-left: 0;
    width: 100%;
  }
  .prolist ul {
    margin-left: -2%;
  }
  .prolist li {
    width: 48%;
    margin-left: 2%;
    margin-bottom: .2rem;
  }
  .prolist li .proImage {
    margin: .15rem 5px;
    height: 2.8rem;
  }
  .prodetail .prod-left {
    width: 83.33%;
  }
  .prodetail .prod-left .box {
    padding: 5px;
  }
  .prodetail .prod-left .box li {
    height: 4.38rem;
  }
  .prodetail .prod-right {
    width: 85%;
    margin-right: 7.5%;
  }
  .detail-change .tab-label a {
    width: 100px;
    line-height: 30px;
  }
  .categary li {
    padding-bottom: .35rem;
    padding-bottom: .15rem;
  }
  .categary .categary-left .more {
    padding-top: .2rem;
  }
}
@media (max-width: 520px) {
  .ke-center li {
    margin-bottom: .24rem;
    width: 100%;
    margin-left: 0;
  }
  .ke-center li > a {
    padding: 5px;
    height: 130px;
  }
  .ke-center li .kh-img {
    width: 44%;
  }
  .ke-center li .kh-text {
    width: 54%;
  }
  .ke-center li .kh-text .h-js {
    height: 72px;
    -webkit-line-clamp: 3;
  }
}