

@media screen and (max-width:1440px){

    .nfHead_t{padding: 20px;}
    .nfHead_t .menu-handler2 {
        width: 85px;
        height: 85px;
    }
    .nfHead_t .menu-handler2 .burger {
        width: 40px;
        top: 24px;
        margin: 0px 0px 0px -19px;
    }
    .nfHead_t .menu-handler2 .burger-2 {  top: 40px;  }
    .nfHead_t .menu-handler2 .burger-3 {  top: 57px;  }
    .nfHead_t .t-img{    width: 127px;}
    .page2 .pa_two .h1 {  font-size: 44px;}
    .page .h1 {  font-size: 40px;}
    .w{width:1200px;}
    .page3 .pa_shr .w{width:1200px;}
    .page5 .page_er .text .phone{font-size: 25px;  padding-right: 20px;display: inline-block;}
    .page5 .page_er .text .h2{    font-size: 29px;}
}


@media screen and (max-width:1290px){
    .w{width:1000px;}
    .page3 .pa_shr .w{width:1000px;}
}
	


@media screen and (max-width:1024px){
    .w{width:834px;}
    .page3 .pa_shr .w{width:834px;}
}


@media screen and (max-width:834px){
    .menuBtn{display: block;}
    .w{width:95%;}
    .page3 .pa_shr .w{width:95%;}

    .nfHead .nfHead-nav{display: none!important;}
    .nfHead_t{display: none!important;}

    .page3 .pa_shr .w,.page2 .pa_two .w,.page4 .pa_four,.page5 .page_er{
        position: relative;
        top: 0;
        left: 0;
        transform: translate(0, 0);
    }
    .r_flex{display: none;}
    .page2 .pa_two .h1 {
        font-size: 29px;
    }
    .page2 .pa_two .te{width: 100%;}
    .page4 .pa_four.h1 {font-size: 29px;  }
    .page3 .pa_shr .img,.page3 .pa_shr .fl{width: 100%;max-width:100%;}
    .page5 .page_er .text {
        width: 100%;
        padding-right: 0;}
    .page5 .page_er .img{width: 100%;}
    .wrapper .h1{font-size: 20px;}
    .page2 .pa_two,.page3,.page4,.page5{padding: 15px 0;}
    .page3 .pa_shr .te{writing-mode: horizontal-tb;width: 100%;
    -webkit-writing-mode: horizontal-tb;}
    .page4 .pa_four .te {  width: 88%;}
    .nfHead .w {  position: relative;  height: 56px;  }
    .wrapper .h1 img{ width: 20px; height: 20px;}
    .wrapper .page1 {  padding-top: 56px; position: relative; }
    .gallery-thumbs{width: 200px;margin-left: -100px; }
    .gallery-thumbs .swiper-slide{height: 41px;}
    .gallery-thumbs .swiper-slide{ border: 2px solid #fff;}
    .gallery-thumbs .swiper-slide-thumb-active{ border: 2px solid #b79537;}
    .swiper-father .swiper-button-white {  width: 35px;  height: 35px;  background-size: 38% auto;}
    .nfHead .nfHead-logo{ width: 90px;}
    .Footer{    line-height: 26px;}
    .list_a a.active, .list_a a:hover{
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .list_a a{font-size: 16px;line-height: 35px;width: 29%;margin: 0 5px;margin-bottom: 10px;}
    .t_img{  padding-top: 56px;}
    .us_ul li .p{font-size: 16px;line-height: 40px;}
    .us_ul li {
        width: 48%;
        margin-right: 2%;}
    .pPage{padding: 10px 0;}
    .us_ul {  padding: 10px 0;  }
    .news_ul li {
        width: 100%;margin-right: 0;}
    .til {
        padding: 20px 0;}
    .til img{    max-width: 95%;}
    .case_ul li .img{width: 100%;}
    .case_ul li .text {width: 100%;}
    .case_ul li .text .h2 {  font-size: 20px;}
    .case_ul li{background: none;}
    .case_ul {  padding-bottom: 20px;  }
    .contact{    padding: 12px;  font-size: 16px;  line-height: 30px;}
    .swiper-father .swiper-slide{min-height: 200px;}
    .wrapper.active-page1 .swiper-father .swiper-slide .text{display: none;}

}



@media screen and (max-width:640px){
    .page2 .pa_two .h1 {  font-size: 24px;  }
    .page5 .page_er .text .h2 {  font-size: 20px;  }
    .mobileLogo{width: 86px;}
    .page5 .page_er .text .phone {  font-size: 20px;}

}


