@charset "utf-8";
@media screen and  (max-width: 1920px) {
}


@media screen and  (max-width: 1680px) {

}


@media screen and (max-width: 1440px) {
    .index-text {
        margin-top: 130px;
    }
    .banner .slick-prev, .banner .slick-next {
        top: 50%;
    }
}


@media screen and (max-width: 1366px) {
    .index-text h2 {
        font-size: 34px;
    }
    .index-text {
        width: 612px;
    }
}


@media screen and (max-width: 1280px) {
    .new-p-list .slick-prev {
        left: -30px;
    }
    .new-p-list .slick-next {
        right: -30px;
    }
    .qua li img {
      max-width: 96%;
        height: auto;
    }
    .slick-img img {
        width: 96%;
        /*height: auto;*/
    }
   .product-list .slick-img {
       width: 100%;
       height: auto;
    }
    .product-list  .slick-text {
        width: 100%;
        height: auto;
    }
}

@media screen and (max-width: 1199px) {
    .container{
        width: 96%;
    }
    .index-text {
        width: 500px;
    }
    .index-text h2 {
        font-size: 30px;
    }
    .top-left, .top-right {
        width: 60px;
        top: 53px;
    }
    .contact-content ul li{
        float: none;
        width: 100%;
    }
    .product-det-left{
        width: 70%;
    }
    .product-det-right{
        width: 28%;
    }
}

@media screen and (max-width: 1024px) {
    .slick-text p{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }
    .new-p-list .slick-prev {
        left: 0px;
    }
    .new-p-list .slick-next {
        right: 0px;
    }
    .foot-text h2 span {
        font-size: 14px;
        color: #474747;
        margin: 0 14px;
    }
    .slick-prev, .slick-next{
        z-index: 999;
    }
    .slick-slide img{
        width: auto;
    }
}
@media screen and (max-width: 1000px){
    .head-phone{
        display: none;
    }
    .border{
        display: none;
    }
    .nav ul li {
        width: 100px;
    }
}
@media screen and (max-width: 768px) {
        .qua li,
        .product-list ul li {
            width: 100%;
        }

    .nav{
        display: none;
    }
    .m-navbar-toggle{
        display: block;
    }
    .about-phone h2 {
        font-size: 20px;
    }
    .foot-text{
        text-align: left;
    }
    .foot-text h2{
        font-size: 16px;
    }
    .foot-text h2 span{
        display: block;
        font-size: 16px;
        margin: 10px 0;
    }
    .banner  .slick-prev, .banner .slick-next{
        display: none !important;
    }
    .slick-img,
    .slick-text{
        width: auto;
        height: auto;
    }
    .slick-img img{
        width: 100%;
    }
        .banner-two {
            height: 280px;
            background-size: cover;
        }
}
@media screen and  (max-width: 479px) {
    .new-p-list .slick-next,
    .new-p-list .slick-prev{
        display: none !important;
    }
    .product-det-left{
        width: 100%;
    }
    .product-det-right{
        width: 100%;
    }
    .my-map{
        height: 250px !important;
    }
    .recruit-content-title{
        display: none;
    }
    .recruit-content-list ul li .recruit-content-list-in div{
        width: 100% !important;
        padding-left: 70px !important;
        float: none;
        position: relative;
        line-height: 40px;
        font-size: 14px;
    }
    .recruit-content-list ul li .recruit-content-list-in div:nth-of-type(1):after{
         content: "招聘职位：";
        display: inline-block;
        position: absolute;
        left: 0px;
    }
    .recruit-content-list ul li .recruit-content-list-in div:nth-of-type(2):after{
        content: "招聘人数：";
        display: inline-block;
        position: absolute;
        left: 0px;
    }
    .recruit-content-list ul li .recruit-content-list-in div:nth-of-type(3):after{
        content: "工作地点：";
        display: inline-block;
        position: absolute;
        left: 0px;
    }
    .recruit-content-list ul li .recruit-content-list-in div:nth-of-type(4):after{
        content: "发布日期：";
        display: inline-block;
        position: absolute;
        left: 0px;
    }
    .recruit-content-list ul li .recruit-content-list-in div:nth-of-type(5):after{
        content: "查看信息：";
        display: inline-block;
        position: absolute;
        left: 0px;
    }
    .recruit-content-list ul li .recruit-content-list-in{
        height: auto;
    }
  .about-content-img{
      float: none;
      text-align: center;
      margin-right: 0px;
  }
    .about-content h2 {
        font-size: 22px;
    }
    .about-content h3{
        font-size: 16px;
    }
    .nav-bug a {
        width: 100%;
        border-bottom: 1px solid gainsboro;
    }
    .product-list{
        margin-top: 30px;
    }
    .nav-bug{
        border: none;
    }
    .nav-bug span {
      display: none;
    }
    .qua li p {
        overflow : hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
.logo img{
    width: 60%;
}
    .head {
        height: 60px;
    }
    .m-navbar-toggle {
        margin-top: -39px;
    }
    .index-text {
        width: 80%;
    }

    .index-text h2 {
        font-size: 18px;
    }
    .about-title p{
        padding: 0 20px;
    }
    .foot-text p span{
        display: block;
        font-size: 16px;
        margin: 10px 0;
    }
    .foot-bottom{
        height: auto;
        padding: 10px;
        line-height: 24px;
    }
    .foot-bottom span{
        display: block;
    }
    .foot-text p {
        text-align: left;
        padding-top: 0px;
    }
}
@media screen and  (max-width: 320px) {
    .qua li ,
    .product-list ul li {
        width: 100%;
    }
    .top-left,.top-right{
        display: none;
    }
    .index-text p {
        font-size: 15px;
    }
}