/*
函信网络 设计编写 原创设计 请勿仿制
公司网址:www.hanett.com
HMM编写
*/

@media screen and (max-width:1920px) {
    .warp {
        padding: 80px 0;
    }
}

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

    .warp {
        padding: 60px 0;
    }
}


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



@media screen and (max-width:1200px) {
    .warp {
        padding: 50px 0;
    }

    .block {
        width: 90%;
    }

    .banner .swiper-slide {
        height: 600px;
    }

}

@media screen and (max-width:992px) {
    .m20{margin-top: 10px;}
    .m30 {
        margin-top: 10px;
    }
    .m50{margin-top: 15px;}
    .m60 {
        margin-top: 20px;
    }
    .m80{margin-top: 30px;}
    footer{padding: 30px 0;}
    .footers{display: flex;flex-direction: column;align-items: center;justify-content: center;}
    .footers .right{align-items: flex-start !important;width: 100%;margin-left: 5%;margin-top: 20px;}
    .footers .left{align-items: flex-start;width: 100%;margin-left: 5%;}

    .news_index{flex-direction: column;}
    .new_index{width:100%;padding: 30px 0;background: #FFFFFF;box-shadow: 0px 4px 35px 0px rgba(162, 162, 162, 0.22);border-radius: 20px;}
    .adv_menu h2{margin-right: 0px;font-size: 14px;}
    .adv_menu{justify-content: space-between;}
    .adv_show{flex-direction: column;padding-bottom: 20px;}
    .adv_show .right{width: 90%;}
    .adv_show .right .adv_name{margin-top: 20px;}
    
    .qyjj_index{flex-direction: column;}
    .qyjj_index .left{width: 100%;}
    .qyjj_index .right{width: 100%;margin-top: 20px;}
    .teams{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;width: 100%;}
}


@media screen and (max-width:768px) {
    .mobilesss{display: block;}
    .headers{display: none;}
    .mobiles{ display: block; }
    .banner .swiper-pagination .swiper-pagination-bullet {
        width: 20px;
        height: 5px;
        margin: 0 5px;
    }

    .banner .swiper-slide {
        height: 300px;
        background-size: cover;
    }
    .n_banner h1{top: 60%;width: 100%;font-size: 22px;}
    .n_banner .sort{display: none;}
    .n_banner img{margin-top: 50px;height:150px;}
    .mobile_menu{margin-top: 30px;display: block;}
    .mobile_menu ul{display: flex;align-items: center;flex-wrap: wrap;}
    .mobile_menu ul li{margin: 5px 0;}
    .mobile_menu ul li a{width:max-content;padding:5px 10px;border-radius: 24px;margin-right: 20px;line-height: 2;}
    .mobile_menu ul li .on{border: 1px solid #61B45A;color: #61B45A;}
    .contents img{width: 100%;}
    .abb_one,.abb_two{flex-direction: column;}
    .abb_one .about_text{width: 100%;}
    .abb_two .about_text{width: 100%;}
    .video{width: 100% !important;}
    .videos{width:100% ;height:200px}
    .atw_left{width: 100% !important;}
    .atw_right{width: 100% !important;}
    .abb_two{margin-top: 30px !important;}


    input,
    textarea {
        font-size: 14px;
    }
    .index-contact-form-top {
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    .one {
        width: 80%;
        margin-top: 15px;
    }
    .two {
        width: 80%;
        margin-top: 15px;
    }
    .thr {
        width: 80%;
        margin-top: 15px;
    }
    .for {
        width: 80%;
        margin-top: 15px;
    }
    .textarea {
        min-height: 100px;
    }
    .sub {
        padding: 10px 20px;
        background: #007644;
        border-radius: 4px;
        font-size: 16px;
        color: #fff;
        margin: 0 auto;
        border: none;
    }

    .pagelist2 {
        margin: 10px 0;
        flex-direction: column;
    }
    .pagelist2 .p {
        margin-top: 10px;
     
    }
}


@media screen and (max-width:600px) {
    .case{width: 300px;}
    .warp{padding: 30px 0;}
    .footers{width: 90% !important;}
    .copyright{height: auto;line-height:25px;}
    .banner .swiper-slide {
        height: 240px;
    }
    .flex-product li:nth-child(3) a img{
        height: 200px;
    }
    .flex-product li:nth-child(4) a img{
        height: 200px;
    }
    .flex-product li:nth-child(5) a img{
        height: 200px;
    }
    .ts_lb{justify-content:flex-start;}
    .map{display: none;}
    .teams{justify-content: center;}
    .teams li{
        display: flex;
    flex-direction: column;
    align-items: center;
    }
    .rys{justify-content: space-evenly;}
    .ry{margin: 10px  0;}
    .pagelist{flex-wrap: wrap;}
    .pagelist li{padding:5px 10px;margin-bottom: 5px;}
    .cases_success{justify-content: center;}
    .cases_success .case{border-bottom: 1px solid #f3f2f2;}
    .cases_success .case:nth-last-child(1){border: none;}

}