@media screen and (max-width:1920px) {
    .block {
        width: 1200px;
        margin: 0 auto;
    }

    header .navt {
        height: 100px;
    }

    header .logo {
        height: 50px;
        /*width: 290px;*/
        /*float: left;*/
        margin-top: 28px
    }

    header .nav {
        margin-top: 38px;
    }

    header .nav li {
        font-size: 1.4rem;
        margin-left: 60px;
    }

    .banner .swiper-button-next, .banner .swiper-button-prev {
        width: 20px;
    }

    .indextitle .p1 {
        font-size: 5rem;
    }

    .indextitle .p2 {
        font-size: 3rem;
        margin-top: -25px;
    }

    .indextitle .p3 {
        width: 45px;
        height: 3px;
        background: #216EC3;
        margin: 0 auto;
        margin-top: 25px;
    }

    .product {
        height: 500px;
    }

    .products {
        height: 480px;
    }

    .indextitleleft .p3 {
        margin: 0;
        margin-top: 30px
    }

    .about .left {
        margin-top: 6%;
    }

    .about .left .text {
        font-size: 1.6rem;
    }

    .more {
        display: block;
        width: 140px;
        height: 40px;
        line-height: 40px;
        font-size: 1.4rem;
    }

    .news .left .pic .data {
        width: 70px;
        height: 70px;
    }

    .news .left .pic .data .day {
        font-size: 4rem
    }

    .news .left .pic .data .month {
        font-size: 1.2rem;
    }

    .news .left .title {
        font-size: 1.8rem;
        margin-top: 20px;
    }

    .news .left .zhaiyao {
        font-size: 1.4rem;
        margin-top: 12px;
    }

    .news .right  .data {
        width: 70px;
        height: 70px;
    }

    .news .right  .data .day {
        font-size: 4rem
    }

    .news .right  .data .month {
        font-size: 1.2rem;
        margin-top: 5px;
    }

    .news .right .list .text {
        width: calc(100% - 90px);
        margin-bottom: 25px;
        padding-bottom: 25px;
    }

    .news .right .list .title {
        font-size: 1.8rem;
    }

    .news .right .list .zhaiyao {
        font-size: 1.4rem;
        margin-top: 12px;
    }

    .form textarea {
        height: 180px;
        padding: 15px 10px;
        font-size: 1.6rem
    }

    .form .text input {
        height: 60px;
        font-size: 1.6rem;
        margin-top: 30px
    }

    .form .btn {
        width: 200px;
        height: 50px;
        font-size: 1.8rem;
        margin-top: 70px;
        margin-right: 30px;
    }
    footer .boxleft{
        max-width: 260px;
    }
    footer .boxleft img {
        width: 120px;
    }

    footer .boxleft .title {
        font-size: 1.8rem;
        margin-top: 20px;
    }
    footer .right{
        max-width: 320px;
    }

    footer .left li {
        font-size: 1.4rem;
    }

    footer .left li a {
        font-size: 1.2rem
    }

    footer .right p {
        font-size: 1.2rem;
    }

    .copyright {
        font-size: 1.2rem
    }
    .product .swiper-button-next,.product .swiper-button-prev {
      width: 40px;
      height: 70px;
  }
  .product .swiper-button-prev {
      left: -80px;
      background-size: 18px;
  }

  .product .swiper-button-next {
      right: -80px;
      background-size:18px;
  }
  .wrap {
      margin: 100px auto;
  }
  .bg {
    padding: 60px 0;
}

}


@media screen and (max-width:1440px) {
    .block {
        width: 1100px;
        margin: 0 auto;
    }
    .wrap {
      margin: 80px auto;
  }
  .bg {
    padding: 50px 0;
}
header .navt {
    height:90px;
}

header .logo {
width: auto;
    /*width: 240px;*/
    /*float: left;*/
    margin-top: 26px
}

header .nav {
    margin-top: 38px;
}

header .nav li {
    font-size: 1.4rem;
    margin-left: 50px;
}

.banner .swiper-button-next, .banner .swiper-button-prev {
    width: 20px;
}

.indextitle .p1 {
    font-size: 4rem;
}

.indextitle .p2 {
    font-size: 2.4rem;
    margin-top: -15px;
}

.indextitle .p3 {
    width: 40px;
    height: 3px;
    background: #216EC3;
    margin: 0 auto;
    margin-top: 20px;
}
.warp{

}
.product {
    height: 420px;
    background-size: cover;
}
.product .pro .title{
    font-size: 1.4rem;
}
.products {
    height: 400px;
}
.indextitle{
    margin-bottom: 30px;
}
.indextitleleft .p3 {
    margin: 0;
    margin-top: 20px
}

.about .left {
    margin-top: 6%;
}

.about .left .text {
    font-size: 1.4rem;
}

.more {
    display: block;
    width: 120px;
    height: 40px;
    line-height: 40px;
    font-size: 1.3rem;
}

.news .left .pic .data {
    width: 70px;
    height: 70px;
}

.news .left .pic .data .day {
    font-size: 3rem
}

.news .left .pic .data .month {
    font-size: 1.2rem;
}

.news .left .title {
    font-size: 1.8rem;
    margin-top: 20px;
}

.news .left .zhaiyao {
    font-size: 1.4rem;
    margin-top: 12px;
}

.news .right  .data {
    width: 70px;
    height: 70px;
}

.news .right  .data .day {
    font-size: 3rem
}

.news .right  .data .month {
    font-size: 1.2rem;
    margin-top: 5px;
}

.news .right .list .text {
    width: calc(100% - 90px);
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.news .right .list .title {
    font-size: 1.8rem;
}

.news .right .list .zhaiyao {
    font-size: 1.4rem;
    margin-top: 12px;
}

.form textarea {
    height: 180px;
    padding: 15px 10px;
    font-size: 1.4rem
}

.form .text input {
    height: 60px;
    font-size: 1.4rem;
    margin-top:20px
}

.form .btn {
    width: 150px;
    height: 50px;
    font-size: 1.6rem;
    margin-top: 70px;
    margin-right:20px;
}

footer .boxleft img {
    width: 120px;
}

footer .boxleft .title {
    font-size: 1.6rem;
    margin-top: 20px;
}

footer .left li {
    font-size: 1.4rem;
}

footer .left li a {
    font-size: 1.2rem
}

footer .right p {
    font-size: 1.2rem;
}

.copyright {
    font-size: 1.2rem
}
.product .swiper-button-next,.product .swiper-button-prev {
  width: 40px;
  height: 70px;
}
.product .swiper-button-prev {
  left: -80px;
  background-size: 18px;
}

.product .swiper-button-next {
  right: -80px;
  background-size:18px;
}
}


@media screen and (max-width:1200px) {
  .block{ width:900px; }
  .wrap {
      margin: 70px auto;
  }
  .bg {
    padding: 50px 0;
}
header .navt {
    height:80px;
}

header .logo {
    /*width: 200px;*/
    /*float: left;*/
    margin-top: 26px
}

header .nav {
    margin-top: 38px;
}

header .nav li {
    font-size: 1.4rem;
    margin-left: 50px;
}

.banner .swiper-button-next, .banner .swiper-button-prev {
    width: 20px;
}
.banner .swiper-button-prev {
  left: 40px;
  background-size: 100%;
}
.banner .swiper-button-next {
  right:40px;
  background-size: 100%;
}

.indextitle .p1 {
    font-size: 4rem;
}

.indextitle .p2 {
    font-size: 2.4rem;
    margin-top: -15px;
}

.indextitle .p3 {
    width: 40px;
    height: 3px;
    background: #216EC3;
    margin: 0 auto;
    margin-top: 20px;
}

.product {
    height: 420px;
    background-size: cover;
}
.product .pro .title{
    font-size: 1.4rem;
}
.products {
    height: 400px;
}
.indextitle{
    margin-bottom: 30px;
}
.indextitleleft .p3 {
    margin: 0;
    margin-top: 20px
}

.about .left {
    margin-top: 6%;
}

.about .left .text {
    font-size: 1.4rem;
}

.more {
    display: block;
    width: 120px;
    height: 40px;
    line-height: 40px;
    font-size: 1.3rem;
}

.news .left .pic .data {
    width: 70px;
    height: 70px;
}

.news .left .pic .data .day {
    font-size: 3rem
}

.news .left .pic .data .month {
    font-size: 1.2rem;
}

.news .left .title {
    font-size: 1.6rem;
    margin-top: 20px;
}

.news .left .zhaiyao {
    font-size: 1.2rem;
    margin-top:8px;
}

.news .right  .data {
    width: 70px;
    height: 70px;
}

.news .right  .data .day {
    font-size: 3rem
}

.news .right  .data .month {
    font-size: 1.2rem;
    margin-top: 5px;
}

.news .right .list .text {
    width: calc(100% - 90px);
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.news .right .list .title {
    font-size: 1.6rem;
}

.news .right .list .zhaiyao {
    font-size: 1.2rem;
    margin-top: 8px;
}

.form textarea {
    height: 180px;
    padding: 15px 10px;
    font-size: 1.4rem
}

.form .text input {
    height: 60px;
    font-size: 1.4rem;
    margin-top:20px
}

.form .btn {
    width: 150px;
    height: 50px;
    font-size: 1.6rem;
    margin-top: 70px;
    margin-right:20px;
}
footer .boxleft{
    width: 200px;
}
footer .boxleft img {
    width: 100px;
}

footer .boxleft .title {
    font-size: 1.6rem;
    margin-top: 20px;
}
footer .boxleft .subtitle{
    line-height: 1.5;
}
footer .left li {
    font-size: 1.4rem;
}

footer .left li a {
    font-size: 1.2rem
}

footer .right p {
    font-size: 1.2rem;
}

.copyright {
    font-size: 1.2rem
}
.product .swiper-button-next,.product .swiper-button-prev {
  width: 30px;
  height: 60px;
}
.product .swiper-button-prev {
  left: -40px;
  background-size: 15px;
}

.product .swiper-button-next {
  right: -40px;
  background-size:15px;
}
    footer .boxleft{
        display: none
    }

}

@media screen and (max-width:992px) {
   .block{ width:90%; }
   .wrap {
      margin: 70px auto;
  }
  .bg {
    padding: 50px 0;
}
header .navt {
    height:80px;
}

header .logo {
    /*width: 200px;*/
    /*float: left;*/
    margin-top: 26px
}

header .nav {
    margin-top: 38px;
}

header .nav li {
    font-size: 1.4rem;
    margin-left: 30px;
}
header .nav li dl{
    width: 90px;
}

.banner .swiper-button-next, .banner .swiper-button-prev {
    width: 20px;
}
.banner .swiper-button-prev {
  left: 40px;
  background-size: 100%;
}
.banner .swiper-button-next {
  right:40px;
  background-size: 100%;
}

.indextitle .p1 {
    font-size: 4rem;
}

.indextitle .p2 {
    font-size: 2.4rem;
    margin-top: -15px;
}

.indextitle .p3 {
    width: 40px;
    height: 3px;
    background: #216EC3;
    margin: 0 auto;
    margin-top: 20px;
}

.product {
    height: 360px;
    background-size: cover;
}
.product .pro .title{
    font-size: 1.4rem;
}
.products {
    height: 300px;
}
.indextitle{
    margin-bottom: 30px;
}
.indextitleleft .p3 {
    margin: 0;
    margin-top: 20px
}

.about .left {
    margin-top: 6%;
}

.about .left .text {
    font-size: 1.4rem;
}

.more {
    display: block;
    width: 120px;
    height: 40px;
    line-height: 40px;
    font-size: 1.3rem;
}

.news .left .pic .data {
    width: 70px;
    height: 70px;
}

.news .left .pic .data .day {
    font-size: 3rem
}

.news .left .pic .data .month {
    font-size: 1.2rem;
}

.news .left .title {
    font-size: 1.6rem;
    margin-top: 20px;
}

.news .left .zhaiyao {
    font-size: 1.2rem;
    margin-top:8px;
}

.news .right  .data {
    width: 70px;
    height: 70px;
}

.news .right  .data .day {
    font-size: 3rem
}

.news .right  .data .month {
    font-size: 1.2rem;
    margin-top: 5px;
}

.news .right .list .text {
    width: calc(100% - 90px);
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.news .right .list .title {
    font-size: 1.6rem;
}

.news .right .list .zhaiyao {
    font-size: 1.2rem;
    margin-top: 8px;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
}

.form textarea {
    height: 180px;
    padding: 15px 10px;
    font-size: 1.4rem
}

.form .text input {
    height: 50px;
    font-size: 1.4rem;
    margin-top:20px
}

.form .btn {
    width: 120px;
    height: 45px;
    font-size: 1.4rem;
    margin-top: 70px;
    margin-right:20px;
}

footer .boxleft img {
    width: 100px;
}

footer .boxleft .title {
    font-size: 1.6rem;
    margin-top: 20px;
}
footer .boxleft .subtitle{
    line-height: 1.5;
}
footer .left li {
    font-size: 1.4rem;
}

footer .left li a {
    font-size: 1.2rem
}

footer .right p {
    font-size: 1.2rem;
}

.copyright {
    font-size: 1.2rem
}
.product .swiper-button-next,.product .swiper-button-prev {
  width: 30px;
  height: 60px;
}
.product .swiper-button-prev {
  left: -40px;
  background-size: 15px;
}

.product .swiper-button-next {
  right: -40px;
  background-size:15px;
}
.contact .lx-fr{width:100%;height:400px;padding:30px;color:#fff;position:relative;right:0;top:0;}
}

@media screen and (max-width:768px) {
    header{ display: none}
    .mobiles{ display: block; }
    .banner .swiper-button-next, .banner .swiper-button-prev {
        width: 15px;
    }
    .banner .swiper-button-prev {
      left:20px;
      background-size: 100%;
  }
  .banner .swiper-button-next {
      right:20px;
      background-size: 100%;
  }
  .wrap {
      margin: 50px auto;
  }
  .bg {
    padding: 40px 0;
}
.product .swiper-button-next,.product .swiper-button-prev {
   display: none
}
.product .swiper-pagination{ display: block;bottom: -20px;
    transform: translateX(-50%);
    left: 50%; }
    .about .left{width: 100%; float: none}
    .about .right{ width: 80%; margin-top: 30px; display: none }
    .news .left{width: 100%; float: none }
    .news .right{
     width: 100%; float: none; margin-top: 30px; 
 }
 .product .swiper-pagination-clickable .swiper-pagination-bullet{
    margin:0 3px;
    background: #fff;
}
footer .left{ display: none }
footer .right{ float: none }
footer .boxright{ float: none;text-align: center; }
footer .right img{ margin: 0 auto; margin-bottom: 10px; }
.product .swiper-pagination-clickable .swiper-pagination-bullet-active{
   background: rgba(33,110,195,1)
}
.height{height: 50px;}

}

@media screen and (max-width:600px) {
    .form .text input{ width: 100%; }
    .copyright{ line-height: initial }
    .copyright .sp1{ float: none; display: block;padding-top: 10px; }
    .copyright .sp2{ float: none; display: block; }
    .banner .swiper-pagination-bullet{ width: 6px; height: 6px; }
    .banner .swiper-pagination{bottom: 10px;}
    .banner .swiper-pagination-bullet-active {
      width: 12px;
  }


}