@media screen and (min-width:1950px){
  /*  .block {
    padding: 0 300px;
}*/
/*header .top .ser_sub {
    width: 36px;
    height: 36px;
    position: relative;
    top: 0px;
    right: -15.8%;
    background: url(/public/images/search.png) no-repeat 15px center;
}*/
/*header .navt {
    height: 80px;
}*/

}


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

    .block{ padding: 0 180px;}

    .banner .btns{left:180px;}

    .about {padding-top:70px;padding-bottom:70px;}

    header .top{ height: 50px;}

    header .top input[type=text]{width:220px;height:30px;margin-top: 10px; }
.ser_sub{top: 15px }
    header .navt{height:80px;}

    header .logo{width:130px; margin-top: 23px;}

    header .nav{margin-top:30px}

    header .nav li{ font-size: 1.5rem;}

    header .nav li dl{ width: 120px;}

    .banner .swiper-pagination-bullet{ font-size: 1.6rem;}

    .banner .text h3{ font-size:3.2rem;}

    .banner .text p{ font-size: 1.4rem;}

    .banner .text .line{ width: 60px; height: 4px;}

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

    .indextitle .p2{ font-size: 3.2rem;}

    .introduction .right li{ width: 220px;padding:30px 0;margin-left: 20px;}

    .introduction .right li .icon{width: 100px; height: 100px; line-height: 100px;}

    .introduction .right li .icon img{width: 50px}

    .introduction .right li .title .p1{ font-size: 2rem;}

    .introduction .right li .title .p3{ font-size: 1.2rem;}

    .about .content{ font-size: 1.4rem;width:50%;}

    .more a{ width: 120px; height: 40px; line-height: 40px; font-size: 1.4rem;}

    .news ul{ margin-top:50px;}

    .news li{ padding: 40px 30px;}

    .news li .sm-title{ font-size: 1.5rem;}

    .news li .title{    font-size:1.6rem;height: 90px;}

    .news li .time{ font-size: 1.2rem;}

    .news li .time i{ font-size: 1.6rem;}

    footer .m-logo{width: 140px;}

    footer .title{ font-size: 2rem;}

    footer .mnav{margin: 50px auto 30px auto;}

    footer .mnav a{ font-size: 1.5rem;}

    footer .p1{ font-size: 1.2rem;}

    footer .p1 i{ font-size: 1.7rem;}

    footer .p2 i{font-size: 2.2rem;}

    .copyright{font-size: 1.2rem;}

    .wrap{ margin:80px auto;}

    footer{ padding: 50px 0;}

}

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

    .block{ padding: 0 150px;}

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

    .indextitle .p2{ font-size: 3rem;}

    .introduction .right li{ width: 200px;padding:30px 0;}

    .introduction .right li .icon{width: 80px; height: 80px; line-height: 80px;}

    .introduction .right li .icon img{width:40px}

    .introduction .right li .title .p1{ font-size: 2rem;}

    .introduction .right li .title .p3{ font-size: 1.2rem;}

    .banner .btns{left:150px;}

    .about {padding-top: 80px;padding-bottom: 80px;}

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

}

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

    .block{ padding: 0 100px;}

    .banner .btns{left:100px;}

    .about {padding-top:60px;padding-bottom:60px;}

    .banner .text h3{ font-size:3rem;}

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

    .indextitle .p2{ font-size:2.8rem;}

    .indextitle .p3{ width: 40px; height: 3px;}

    .introduction .right li .title .p1{ font-size: 1.8rem;}

    .introduction .right li .title .p3{ font-size: 1.2rem;}

    .introduction .right li .title .p2{ margin: 15px auto;}

    .introduction .right li .icon{width: 70px; height: 70px; line-height: 70px;}

    .introduction .right li .icon img{width:35px}

    header .navt{ height: 80px;}

    header .logo{width:120px; margin-top:27px;}

    header .nav{margin-top:34px}

    header .top{ height:40px;}

    header .top input[type=text]{width:200px;height:28px;margin-top:6px; }
.ser_sub{ top: 12px }
    .banner .text .line{ width:40px; height: 4px;    margin: 30px auto;}

    footer .m-logo{width: 110px;}

    footer .title{ font-size: 1.8rem;}

    footer .mnav{margin: 30px auto 20px auto;}

    footer .mnav a{ font-size: 1.4rem;}

    footer .p1{ font-size: 1.2rem;}

    footer .p1 i{ font-size: 1.6rem;}

    footer .p2 i{font-size: 2rem;}

    .copyright{height: 40px; line-height: 40px;}

    .news li{ padding:30px 20px;}

    .news li .sm-title{ font-size: 1.4rem;}

    .news li .title{    font-size:1.5rem;height:75px;margin:30px auto;}

    .mores a{ margin-top: 60px;}

    .wrap{margin:60px auto;}

}





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

    .block{ padding: 0 80px;}

    .banner .btns{left:80px;}

    .about {padding-top:50px;padding-bottom:50px;}

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

    .indextitle .p2{ font-size:2.4rem;}

    .indextitle .p3{ width: 30px; height: 3px;}

    .banner .text p{ width: 80%;}

    .wrap{margin:50px auto;}

}



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

    .block{ padding: 0 80px;}

    .banner .btns{left:80px;}

    .about {padding-top:50px;padding-bottom:50px;}

    .introduction .left{ float: none;}

    .introduction .right{ float: none; margin-top: 30px;}

    .introduction .right li{ width: 22%; margin-right: 4%; margin-left: 0;}

    .introduction .right li:nth-child(4){ margin-right: 0;}

    .producttitle{ text-align: center;}

    .producttitle .p3{margin: 0 auto;margin-top:20px;}

    .about .content{ width: 80%;    margin: 30px 0 30px 0;}

    .more a{ width: 100px; height: 30px; line-height: 30px; font-size: 1.2rem;}

    .news li .title{ font-size: 1.5rem;}

    .introduction .right li .title .p1{ font-size: 1.6rem;}

    .introduction .right li .title .p3{ font-size: 1.2rem;}

}

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

    .block{ padding: 0 50px;}

    .banner .btns{left:50px;}

    .about {padding-top:40px;padding-bottom:40px;}

    footer .mnav a{ padding: 0 20px;}

    .news li .title{ height: auto;margin:20px auto;}

    .banner .text h3{ font-size:1.8rem; }

    .banner .text p{ font-size: 1.2rem;}

    .scrolls p{margin-top:20px; height: 30px;}



}

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

    .scrolls{ display: none;}

    .block{ padding: 0 20px;}

    .banner .btns{left:20px;}

    .about {padding-top:40px;padding-bottom:40px;}

    header{ display: none}

    .mobiles{ display: block}

    .height{ height: 50px;}

    .news li{ width: 48%; margin-right: 4%;}

    .news li:nth-child(3n){ margin-right: 4%;}

    .news li:nth-child(2n){ margin-right:0;}

    .introduction .right li .title .p1{ font-size: 1.5rem;}

    .introduction .right li .title .p3{ font-size: 1rem;}

    .introduction .right li .icon{width:60px; height: 60px; line-height: 60px;}

    .introduction .right li .icon img{width:30px}

    .introduction .right li{ padding: 20px 0;}

    .more a{ margin-top: 50px;}

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

    .indextitle .p2{ font-size:2rem;}

    .indextitle .p3{ width: 30px; height: 3px;}

    .banner .text h3{ font-size:1.6rem; }

    .banner .text p{ width: 100%;}

    .introduction .right li .title{ margin-top: 20px;}

    .about .content{ width: 100%;}

   



}

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

    .block{ padding: 0 12px;}

    .banner .btns{left:12px; display: none}

    .about {padding-top:40px;padding-bottom:40px;}

    .banner .text p{ display: none}

    .banner .text h3{ font-size:1.5rem; line-height: 1.8;}

    .banner .text .line{margin:20px auto 0 auto; height: 2px; width: 30px;}

    .introduction .right li{ width: 48%; margin-bottom: 4%;}

    .introduction .right li:nth-child(2n){ margin-right: 0;}

    .about .content{ width: 100%;}

    .news li{ width: 100%; margin-right: 0;}

    footer .mnav{ line-height: 2; text-align: left;}

    footer .mnav a{ padding: 0 10px; width: 60px; display: inline-block;}

}


@media screen and (max-width: 540px){
.copyright {
    display: table;
}
}