@media only screen and (max-width: 1370px){
    .layout{padding-left: 15px; padding-right: 15px;}
    .pcheader li{width: 130px;}
}
@media only screen and (max-height: 700px){
    .box4_confoo::before{height: 35% !important;}
    .box4_confoo .foo{height: 65%;}
    .boxh6{font-size: 40px;}
    .boxp{font-size: 20px;;}
}
@media screen and (max-width: 1199px){
    .sernav{display: none !important}
    .proc1.hidden2{height: auto;}
    .warp{ top: 0px; padding-top: 0px;}
    .boxh6{font-size: 40px;}
    .box2_con{padding-top: 40px; height: auto;}
    .box2_swiper{height: 500px; position: relative; }
    .boxp{font-size: 20px; line-height: 32px;}
    .box2_swiper{margin-top: 30px;}
    .box2_con{padding-left: 15px; padding-right: 15px;}
    .box2_swiper .swiper-pagination-bullet::after{font-size: 20px; line-height: 28px; border-bottom: 2px solid transparent}
    .box2_swiper .swiper-pagination{height: auto;}
    .box2_swiper .swiper-slide{height: 5rem; min-height: 250px}
    .box2_swiper{height: auto;}
    #fullpage .box3_con{ padding-top: 0px; margin-top: 40px;}
    .box3_w ul{position: relative; top: auto;}
    .box3_w{margin-top: 20px; height: auto; padding: 20px 0px;}
    .box3_w li h3{display: none}
    .box4_con{padding-top: 45px;}
    .box4_confoo{position: relative; bottom: auto}
    .handHeight{display: none; height: 81px; }
    .box4_adder{margin-top: 20px; padding: 20px; height: auto;}
    .foo1 .words2{display: none}
    .foo>.layout{padding: 15px 15px}
    .handHeight1{display: none}
    .all_banner{position: relative; }
    .trinav{display: none}
    .all_color{padding: 25px 0px;;}
    .box1 li, .box2_con, .box3_con{display: none !important}
    #fp-nav ul li:last-of-type{display: block}
    .phongbox{display: block !important}
    .pro_list li:hover{transform: scale(1)}
    .pro_c .more{display: none}
    .proc1{display: block;}
    .box5{display: table !important}
    #fp-nav ul, .fp-slidesNav ul{display: none !important}
    .pro_list li h5{color: #ff4800}
    .hot_list li p{opacity: 1; font-size: 18px; background-color: rgba(0, 0, 0, 0.4); letter-spacing: 2px}
    .bpro_swiper .swiper-slide{padding: 33% 0px;}
    .pro_swiperlics .swiper-container{padding: 30px 0px;}
    .prosnav>form button{font-size: 18px}
    .adderfiex ul{padding: 0 15px; }
    .adderfiex ul li a{height: auto; }
    .adderfiex ul li .words{padding: 0px 0.7rem}
    .adderfiex ul li .words1{height: 80px; width: 80px; background-size: auto 35%}
    .prosnav{max-width: none;  margin-bottom: 20px;}
    .lingl .words1 img{display: none}
    .lingl .words1 p{width: 100%; padding: 0px 15px;}
    .lingl .words2 {margin-top: 0.75rem;}
    .lingl .words2>img{width: 100%; float: none;}
    .lingl .words2 p{float: none; width: 100%; margin-top: 0.4rem; padding: 0px;}
    .lingl .words2 p img{display: none}
    .lingl .words3 img{display: block; float: left; width: 40%}
    .lingl .words3 p{float: right; padding: 0 10px; width: 50%}
    .newsl h6{font-size: 40px;line-height: 52px; padding: 20px 15px 35px;}
    .newsl .pic2{width: 100%; float: none;}
    .newsl .words1{width: 100%; float: none; }
    .newsl .words2{position: relative; width: 100%; display: block}
    .newsl .words2 img{width: 50%; float: left; margin-right: 15px;}
    .wenl img:nth-of-type(1){margin-bottom: 0px;}
    .sonpage .wen{height: 32px;}
    .pagejoin .wen{height: 470px;}
    .pagedown_wapper .swiper-slide .words{width: 90%}
    .join_right h6, .join_left h5{font-size: 32px}
    .majoin .formleft{width: 300px;}





}
@media screen and (max-width: 1024px){
    .descrizione ul li div{padding-bottom: 10px;}
    .descrizione h2{font-size: 40px; line-height: 50px;}
    .btn{visibility: hidden;}
    .newsvleft, .descrizione{padding: 0px; margin-right: 0px;}
    .prosnav>div h5, .prosnav>form, .prosnav>div li a{line-height: 50px; height: 50px; font-size: 20px;}
    .prosnav>form input{font-size: 20px;}
    .pro_list li{margin-right: 0px; width: 48%;}
    .pro_list li:nth-of-type(2n+2){float: right; }
    .bpro_swiper .words{display: block}
    .dingc::before{content: none}
    .dingcon .words h5{font-size: 50px;}








}

@media screen and (max-width: 991px){
    .descrizione{float: none; margin-bottom: 1rem}
    .casel .pic3{display: block}
    .casel .pic2{display: none}
    .join_right{float: none; margin-bottom: 20px; width: 100%;}
    .join_left{position: relative; top: auto; bottom: auto; left: auto; width: 100%; padding-bottom: 20px;}
    .join_left p{float: left; width: 50%}
    .join_left p br{display: none}
}












@media screen and (max-width: 767px){
    .boxh6{font-size: 26px; margin-bottom: 15px;}
    .boxp{font-size: 14px; line-height: 20px;}
    .box2_swiper .swiper-pagination-bullet::after{font-size: 16px; line-height: 20px; }
    .box2_con{padding-top: 20px;}
    #fullpage .box3_con{margin-top: 20px}
    .box4_con{padding-top: 20px}
    .addernav select{height: 36px; font-size: 16px}
    .addernav div{width: 48%}
    .box4_adder form{width: 100%;}
    .addernav div::after{background-size: 30%;}
    .foo2>.layout{display: block}
    .foo1 .words1 p{margin-bottom: 5px}
    .foo1 .words1 h5{font-size: 24px}
    .boxh6{border-bottom: 1px solid #525252; line-height: 150%}
    .case_list li .desc{font-size: 14px;}
    .case_list li .col-md-1{font-size: 14px;}
    .case_list li .col-md-4 h4{font-size: 24px; line-height: 32px}
    .fengge>div .feng{width: 35px; height: 35px; font-size: 16px;line-height: 35px}
    .fengge>div .feng::before{margin-left: 5px}
    .fengge>div .fengc{width: 100px; font-size: 24px; line-height: 35px; height: 35px;}
    .fengge i{background-size: 70%;}
    .handHeight{height: 61px;}
    .descrizione h2{font-size: 30px; line-height: 40px;}
    .descrizione ul li div{font-size: 14px;}
    .pro_list li{margin-right: 0px; padding: 0px; margin-bottom: 70px; border-radius: 0px; width: 100%; float: none !important; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0);}
    .prosnav{display: none}
    .prosnav_swpier{display: block}
    .proc1 h3{font-size: 26px; width: 30%; min-width: 200px;}
    .spro_swiper .pic{display: none}
    .spro_swiper p{width: 100%;}
    .bpro_swiper .swiper-pagination, .box4_con{display: none}
    .spro_swiper{width: 100%; margin-top: 15px;}
    .hot_list{width: 100%;}
    .warp{top: 0px}
    .phwords h5{font-size: 17px;}
    .phwords h5::before{background-size: auto 28%; top: -20px}
    .phwords h5::after{width: 30px; margin-left: -15px; }
    .phbox5 .phwords>.words p, .phbox5 .phwords>.words a{font-size: 16px;}
    .phbox5 .words2 h3{font-size: 20px;}
    .phbox5 .words2 p{font-size: 14px;}
    .pro_list li img:nth-of-type(2){display: block}
    .pro_list li img:nth-of-type(1){display: none}
    .pro_list li .words{position: absolute; top: 240px; left: 0px; width: 100%;}
    .pro_list li .pic{padding: 33% 0px; margin-bottom: 0px;}
    .phbox5 .phwords>.words{width: 100%; padding: 0 15px 15px; display: none}
    .phbox5 .phwords>.words1{width: 100%; padding: 0 15px;}
    .case_list li a{flex-direction: column; align-items: flex-start}
    .case_list li .col-md-7, .case_list li .col-md-4, .case_list li .col-md-1{width: 100%; text-align: left}
    .case_list li .col-md-7{padding: 10% 0px;}
    .all_color2{background-color: #fff; padding-top: 0px;}
    .fengge, .provh6{display: none}
	.mtit{display:block;text-align:center;font-size:22px;line-height:33px;}
    .banner_act1{display: none}
    .pro_banner{display: block}
    .phbox3_swpier .swiper-prev, .phbox3_swpier .swiper-next, .pro_banner .swiper-prev, .pro_banner .swiper-next{background-size: auto 34%;}
    .bpro_swiper .swiper-prev, .bpro_swiper .swiper-next, .proc1_swiper .swiper-prev, .proc1_swiper .swiper-next{width: 24px;height: 39px;}
    .hot_list li p{padding: 0 5px}
    .case_list, .newsv, .cul_list{background-color: transparent}
    .adderfiex li .words p{font-size: 16px; line-height: 24px}
    .adderfiex li .words h6{font-size: 12px;}
    .phbox5 .phwords>img{margin-bottom: 15%}
    .all_list p{font-size: 14px; line-height: 24px; padding: 0px 10px; margin-top: 20px !important}
    .jingl>p{margin-top: 20px}
    .danl>div{margin-top: 30px; }
    .danl .words4{width: 90%}
    .danl .words2 p, .danl .words3 p{margin-top: 0px !important}
    .newsl h6{font-size: 22px; line-height: 32px; padding: 10px 0px 5px}
    .newsl .words1 p{font-size: 14px; line-height: 24px; margin-bottom: 0px; margin-top: 10px !important}
    .wenl>p:nth-of-type(1){font-size: 14px;}
    .wenl>p:nth-of-type(2){font-size: 14px; padding: 10px 0px;}
    .banner_act2{height: 250px}
    .second_nav li p{font-size: 0.6428rem}
    .sonpage .wen{height: 22px;}
    .page3d_swiper p{font-size: 14px;}
    .pageson{padding-top: 15px}
    .page3d_button .swiper-pagination-bullet{margin: 0 2px}
    .pagejoin .wen{ display: none}
    .pagejoin form p{font-size: 14px; width: 24%;}
    .pagedown_wapper .swiper-slide i, .pagedown_wapper .swiper-slide .words p:nth-of-type(3), .pagedown_wapper .swiper-slide .words p:nth-of-type(4){display: none}
    .pagedown ul li{height: 38px; line-height: 38px; font-size: 14px; width: 100px;}
    .pagedown ul {margin-top: 20px;}
    .pagedown_wapper .swiper-slide .words{width: 100%;}
    .pagedown_wapper .swiper-slide .words p:nth-of-type(2){width: 65%;}
    .pagedown_wapper .swiper-slide .words p:nth-of-type(1){width: 35%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
    .join_left p{float: none; width: 100%; margin-top: 10px;}
    .dingl li .words{top: 0px; left: 0px; bottom: 0px; right: 0px; width: auto}
    .dingl li{padding: 0px;}
    .dingl li .pic{padding: 50% 0px;}
    .dingl li{width: 48%; float: left !important;}
    .dingl li:nth-of-type(2n+2){float: right !important;}
    .dingcon .words{top: -75px; max-width: 380px; margin: auto}
    .dingcon .words h5{font-size: 30px;}
    .dingcon .words div{width: auto; }
    .dingconli{top: -40px; max-width: 655px; width: auto; margin: 0 auto}
    .dingconli li{ width: 49.5%}







}

@media screen and (max-width: 600px){
    .box3_w li{width: 48%; margin-right: 0px; margin-bottom: 15px;}
    .box3_w li:nth-of-type(2n+2){float: right}
    .foo1 .words3{display: none}
    .foo>.layout{justify-content: center}
    .pro_c h5, .spro_swiper p{font-size: 14px; line-height: 22px;}
    .phwords p span{font-size: 16px;}
    .phbox4 .phwords p{font-size: 24px;}
    .foo2 p{font-size: 12px;}
    .pagedown ul{flex-wrap: wrap}
    .pagedown ul li{width: 40%; margin-top: 15px;}
    .majoin .formright, .majoin .ver_code{float: none; margin-bottom: 20px;}
    .majoin .formleft{float: none; width: 100%}
    .majoin .form_submit{float: none}
    .join_right h6, .join_left h5{font-size: 24px;}
}


@media screen and (max-width: 414px){
    .banner_act12 .addernavwarp::before{background-size: 80%;}
    .second_nav li p{font-size: 18px;}
    .second_nav li dd a{font-size: 14px;}
    .sonpage .wen{height: 14px;}
    .pagedown_wapper .swiper-slide .words p{font-size: 12px;}
    .dingconli li{ height: 120px;}
}