@media screen and (max-width:1780px){
    .layout{padding: 0 3%;}
    .foot>div figure ul li{margin-left: 15px;}
    .in-con figure{height: 590px;}
}
@media screen and (max-width:1530px){
    .join-box6-con{max-width: 1200px;}
    .join-box6-con .j6-left{padding-left: 0;}
}
@media screen and (max-width:1200px){
    .h-top>div ul{display: none;}
    .h-top>div>form{display: none;}
    .nav-btn{display: block;}
    .mobile-nav-box{display: block;}
    .h-top>div>a{width:50%;}
    .h-top>div>a img{top:8px;width:70%;}
    .all-banner{margin-top: 0;}
    .h-top{height: 60px;background: #565656;}
    .liu{top:60px;}
    .in-about>div ul li{width: 100%;height: 160px;}
    .in-con .in-bottom{padding: 0 2%;}
    .addernavwarp{width: 100%;}
    .addoor select{width: 50%;}
    .foot>div{flex-wrap: wrap;font-size: 12px;}
    .foot>div>p{width: 100%;text-align: center;}
    .foot>div figure{flex-wrap: wrap;flex-direction: column;justify-content: center;width: 100%;align-items: center;}
    .foot>div figure p{margin-left: 0;}
    .foot>div figure ul{margin-left: 0;}
    .center{padding: 0 2%;}
    .join-box6-con{padding: 0 2%;}
}
@media screen and (max-width:1024px){
    .n-about .ab-con{flex-wrap: wrap;}
    .n-about .ab-con .ab-left{width: 100%;padding-right: 0;}
    .n-about .ab-con .ab-right{width: 100%;margin-top: 3%;padding: 36% 0;}
    .con-box{flex-wrap: wrap;height: auto;}
    .con-box li{width: 50%;border-bottom: 1px solid #dfdfdf;height: 140px;}
    .con-box li h6{font-size: 14px;height: 40px;}
    .con-box li:nth-of-type(2){border-right: none;}
    .con-box li:nth-of-type(3){border-bottom: none;}
    .con-box li:nth-of-type(4){border-bottom: none;}
    .line-bd input{width: 100%;margin-top: 3%;}
    .line-bd figure{flex-direction: column;justify-content: center;align-items: center;}
    .ver_code{margin-top: 10px;}
    .form_btn{display: flex;}
    .line-input>input{height: 45px;}
    .form_btn input{width: 100px;height: 45px;}
    .ct-bottom article h5{font-size: 20px;}
    .ct-bottom>p{font-size: 14px;}
    .ct-map{height: 300px;}
    .ct-bottom>p{text-align: center;padding-left: 30px;}
    .ct-bottom>p::before{left:5px;}
    .door-con{height: auto;flex-wrap: wrap;}
    .door-con .door-left{width: 100%;order: 2;height: 300px;}
    .door-con .door-right{width: 100%;order: 1;height: 500px;}
    .door-right .door-lb ul li h5 b{font-size: 14px;width: 20px;height: 20px;line-height: 20px;}
    .join-box4-con ul li p{margin: 10px 20px 0 20px;}
    .j7-lb1 ul li{flex-wrap: wrap;}
    .j7-lb1 ul li .lb1-left{width: 100%;padding: 30% 0;}
    .j7-lb1 ul li .lb1-right{width: 100%;padding-right: 0;margin-top: 2%;}
    .j7-lb1 ul li .lb1-right b{font-size: 18px;}
    .j7-lb1 ul li .lb1-right>b{margin-bottom: 2%;}
    .join-box7-con{height: 85px;padding: 0 30px;margin-top: 2%;}
    .join-box7-con .navigation-video i{width: 20px;}
    .j8-con{flex-wrap: wrap;}
    .j8-con .j8-left{width: 100%;height: auto;padding: 2% 0;}
    .j8-con .j8-left p{margin-top: 1%;}
    .j8-con .j8-right{width: 100%;margin-top: 2%;}
    .j8-box2 .j8-right ul{flex-wrap: wrap;height: auto;}
    .j8-box2 .j8-right ul li{width: 50%;height: 100px;border-bottom: 1px solid #ffffff;}
    .j8-box2 .j8-right ul li:nth-of-type(2){border-right: none;}
    .j8-box2 .j8-right ul li:nth-of-type(3){border-bottom: none;}
    .j8-box2 .j8-right ul li:nth-of-type(4){border-bottom: none;}
    .navigation-jia{padding: 0 40%;}
    .j8-box4 p{font-size: 12px;padding-left: 30px;min-width: 160px;}
    .j8-box4{height:auto;padding: 2% 0;}
    .j8-box4 p:before{top:-2px;left:3px;width: 25px;height: 25px;background-size: 100% 100%;}
    .n-views-box .n-view-word{width: 100%;}
    .n-views-box .n-view-aside{width: 100%;margin-top: 3%;}
    .pv-lb ul li{flex-wrap: wrap;}
    .pv-lb ul li .pv-left{width: 100%;padding: 46% 0;}
    .pv-lb ul li .pv-right{width: 100%;padding: 0;margin-top: 2%;}
    .pro-yan img{height: 25px;}
    .pv-con .navigation-pv p{width: 30px;height: 30px;line-height: 30px;font-size: 16px;}
    /*.pv-con{padding: 0 40px;}*/
    .pv-lb ul li .pv-right>h5{font-size: 20px;}
    .pv-lb ul li .pv-right .pro-td a{line-height: 30px;margin-top: 10px;}


}

@media screen and (max-width:768px){
	.all-banner{display: none;}
	.all-banner_m{display: block;}
	.banner{display: none;}
	.banner_m{display: block;}
    .a1{height: 60px;}
    .nav-btn{width: 30px;height: 30px;}
    .nav-btn span {width: 25px;}
    .nav-btn span::before{width: 25px;top:-7px;}
    .nav-btn span::after{width: 25px;top:7px;}
    .liu{position: static;top: 0;bottom: 0;height: 100%;}
    .top1{font-size: 20px;margin:20px 0;}
	
	.in-about>div ul li .ib-img{width:50%;}
    .in-about>div ul li .ib-words{font-size: 12px;background: none;color: #ffffff;width:50%;}
	.in-about>div ul li:nth-of-type(2n){
		background:#d3b57b;
	}
	.in-about>div ul li:nth-of-type(1){
		background:#282828;
	}

	.in-about>div ul li:nth-of-type(3){
		background:#282828;
	}

	
    .in-about>div ul li{border-bottom: 1px solid #ffffff;}
    .in-pro>div ul li a .ip-img{height: auto;padding: 55% 0;}
    .in-pro>div ul li{width: 100%;margin-bottom: 2%;}
    .in-pro>div ul li a .ip-words h5{font-size: 16px;}
    .in-pro>div ul li a .ip-words p{font-size: 14px;}
    .in-pro>div ul li a .ip-words span{width: 90px;height: 25px;line-height: 25px;font-size: 12px;}
    .in-new>div dl dd{height: 30px;line-height: 30px;margin-right: 10px;}
    .in-new>div ul li{width: 100%;margin-right: 0;margin-bottom: 2%;}
    .in-new>div ul li a{display: flex;justify-content: space-between;align-items: center;border: 1px solid #e5e5e5;}
    .in-new>div ul li a .in-words{border: none;padding: 0 2%;order: 2;}
    .in-new>div ul li a .in-img{padding: 23% 0;order: 1;}
    .in-new>div ul li a .in-words b{font-size: 20px;}
    .in-new>div ul li a .in-words p{font-size: 14px;margin: 2% 0;line-height: 1.5em;}
    .in-con figure{flex-wrap: wrap;height: auto;}
    .in-con .con-left{width: 100%;min-height: 300px;}
    .in-con .con-right{width: 100%;height: auto;}
    .in-con .in-bottom ul li{font-size: 12px;}
    .in-con .in-bottom ul li img{width:20px;margin-right: 5px;}
    .foot{opacity: 1!important;position: static;height: auto;padding: 2% 0;margin-bottom: 60px;}
    .foot>div figure ul{display: none;}
    .all-banner .all-nav>div form{display: none;}
    .all-banner .all-nav{position: static;padding: 10px 0;height: auto;}
    .n-nav ul{height: auto;border-bottom: none; display:flex;}
    .n-nav ul li{flex:1;font-size: 14px;line-height: 40px;width:auto;border-right: 1px solid #444;}
 .n-nav ul li:last-child{border-right:none; }
    .n-nav ul li a{padding: 0 5px;}
    .n-about>div>h5{font-size: 20px;}
    .feng-box{padding: 0 ;}
    .feng-box .fengcai{padding: 0 2%;height: 10rem;}
    .feng-box .fengcai .navigation-feng i{width: 30px;height: 30px;line-height: 30px;}
    .feng-box .fengcai ul li a p{font-size: 14px;}
    .ab2-con{flex-wrap: wrap;}
    .ab2-con .ab-left{width: 100%;padding: 4%!important;}
    .ab2-con .ab-right{width: 100%;padding-left: 0;margin-top: 3%;}
    .ab2-con .ab-right img{height: 300px}
	
	
	
    .brand-box ul li{width: 100%;margin-right: 0;}
    .brand-box ul li span{margin: 10px 0;}
    .case-box .case>ul li{width: 48%;margin-right: 2%;padding: 5px;}
    .case-box .case>ul li:nth-of-type(3n+3){margin-right: 2%;}
    .case-box .case>ul li:nth-of-type(2n+2){margin-right: 0;}
    .case-box .case>ul li p{margin: 5px 0;font-size: 14px;}
    .door-box .door-area{flex-wrap: wrap;height: auto;}
    .door-box .door-area select{width: 100%;border-right: none!important;height: 40px;border-bottom: 1px solid #dfdfdf;}
    .door-box .door-area .door-search{width: 100%;height: 40px;padding: 5px;}
    .door-box .door-area .door-search button{top:23%;}
    .historyHd{padding: 0 40px;}
    .navigation-ls{top:7%;}
    .navigation-ls i{width: 30px;height: 30px;font-size: 16px;}
    .historyBd .ls-word{padding-bottom: 0;}
    .historyBd .ls-word .swiper-wrapper .swiper-slide .hist-left b{font-size: 20px;text-align: center;display: block;}
    .historyBd{margin-top: 1%;}
    .historyBd .ls-word .swiper-wrapper .swiper-slide{flex-wrap: wrap;}
    .historyBd .ls-word .swiper-wrapper .swiper-slide .hist-left{width: 100%;padding: 0;}
    .historyBd .ls-word .swiper-wrapper .swiper-slide .hist-right{width: 100%;padding: 30% 0;margin-top: 2%;}
    .historyBd .ls-word .swiper-wrapper .swiper-slide .hist-left ul{padding-left: 0;margin-top: 2%;}
    .a-honor ul li{width: 48%;margin-right: 2%;}
    .a-honor ul li:nth-of-type(2n+2){margin-right: 0;}
    .a-honor ul li:nth-of-type(3n+3){margin-right: 2%;}
    .a-honor ul li a {padding: 10px;}
    .a-honor ul li a p{padding:2% 0;font-size: 12px;}
    .join-top h5{font-size: 20px;margin-top: 30px;}
    .join-top p{font-size: 20px;margin-top: 0;}
    .join-box1 ul li{width: 48%;margin-bottom: 1px;margin: 1%;}
    .join-box1 ul li span{font-size: 38px ;padding:10px;}
    .join-box2{min-height:590px;}
    .join-box2>div .join-box2-word p{margin:8% 10% ;font-size: 14px;line-height: 1.5em;margin-bottom:100px;}
    .join-box2>div ul li{height: 100px;font-size: 14px;}
    .join-box2>div ul li>div img {width: 30px;height: 30px;object-fit: contain;}
    .join-aaa{border-top: 2px solid #f3ce06;}
    .join-box2>div ul li:hover {border-top: 2px solid #f3ce06;}
    .join-box3-con{flex-wrap: wrap;}
    .join-box3-con .j3-left{width: 100%;order: 2;}
    .join-box3-con .j3-right{width: 100%;padding-left: 0;order: 1;margin-bottom: 3%;}
    .join-box3-con .j3-right ul li{margin-bottom: 2%;padding: 2%;height: 60px;}
    .join-box3-con .j3-right ul li:last-of-type{margin-bottom: 2%;}
    .join-top4 h5{font-size: 20px;}
    .join-top4 p{font-size: 18px;padding:1% 2%;}
    .join-top4 h6 span{font-size: 12px;}
    .join-top4 h6:before{width: 15%;}
    .join-top4 h6:after{width: 15%;}
    .join-box4-con ul li{height: auto;width: 48%;margin-right: 2%;margin-bottom: 6%;}
    .join-box4-con ul li:nth-of-type(3n+3){margin-right: 2%;}
    .join-box4-con ul li:nth-of-type(2n+2){margin-right: 0;}
    .join-box4-con ul li p {margin: 4%;font-size: 12px;}
    .join-box4-con ul li b{font-size: 16px;height: 35px;line-height: 35px;margin-left: -4px;}
    .join-box5-con ul li{width: auto;}
    .j6-top{flex-wrap: wrap;}
    .j6-top>div{order: 2;width: 100%;margin-top: 2%;}
    .j6-top article{width: 100%;order: 1;}
    .j6-top .join-top p{text-align: center;}
    .j6-top>div p{font-size: 16px;text-align: center;margin-bottom: 10px;}
    .join-box6-con{flex-wrap: wrap;padding: 0 2%;}
    .join-box6-con .j6-left{width: 100%;padding-left: 0;display: flex;justify-content: center;align-items: center;}
    .join-box6-con .j6-right{width: 100%;padding-left: 0;margin-top: 2%;}
    .news-box>div ul li{width: 100%;margin-right: 0;}
    .news-box>div ul li a{display: flex;}
    .news-box>div ul li a .in-words{width: 50%;order: 2;padding: 1%;}
    .news-box>div ul li a .in-img{width: 50%;order: 1;padding: 23% 0;}
    .news-box>div ul li a .in-words b{font-size: 18px;}
    .news-box>div ul li a .in-words p{font-size: 14px;line-height: 1.5em;margin: 2% 0;height: 42px;}
    .pro-fl li{flex-wrap: wrap;}
    .pro-fl li p i {display: block;margin-left: 10px;}
    .pro-fl li dl{display: none;width: 100%;padding: 10px;}
    .pro-fl li p{width: 100%;}
    .pro-fl li dl dd{float: left;margin-bottom: 2%;}
    .pro-fl li dl dd a{padding: 2px 5px;}
    .pro-fl li p{line-height: 40px;}
    .pv2-box>div>h5{font-size: 20px;}
    .pro-picture li{width: 100%;}
    /*.pro-picture li:nth-of-type(2n+2){margin-right: 0;}*/
    .pro-picture li a h5 b{font-size: 15px;padding-bottom:30px;}
    .pro-picture li a h5 span{font-size: 12px;}
    .pro-picture li a h5{padding: 5px;}
    .pro-picture li a p{font-size: 12px;padding:5px;}
    .video-box .video-big{padding: 30% 0;}
    .video-small{padding-bottom: 30px;}
    .in-con .con-left article{margin-bottom: 3%;}
    .in-con .con-left>p{margin-top: 3%;}
    .join-box1 ul li:nth-of-type(3){background: #d2ab66;}
    .join-box1 ul li:nth-of-type(4){background: #282828;}
    .join-box1 ul li:nth-of-type(3) span{color: #282828;}
    .join-box1 ul li:nth-of-type(3) p{color: #494747;}
    .join-box1 ul li:nth-of-type(4) span{color: #d2ab66;}
    .join-box1 ul li:nth-of-type(4) p{color: #ffffff;}
    .j7-lb1 ul li .lb1-right>b{display: none;}
    .join-box2>div ul{margin-top: 5%;}
    .pv-lb ul li .pv-right .pro-sale a{width: 46%;margin-right: 5px;}
    .pv-lb ul li .pv-right .pro-td a{width: 46%;}
    .historyHd ul li p{font-size: 14px;}
    .historyBd .ls-word .swiper-wrapper .swiper-slide .hist-left ul{font-size: 14px;}
    .n-view-word .news-title h2{font-size: 16px;}
    .addwords{border: 1px solid #000000;}
    .fix{display: block;position: fixed;width: 100%;height: 60px;bottom: 0;left:0;z-index: 100;}
    .fix_list{width: 100%;display: flex;height: 100%;}
    .fix_list li {width: 25%;height: 100%;background: #d2ab66;color: #ffffff;font-size: 16px;border-right: 1px solid #fff;line-height: 60px;text-align: center;font-weight: bold;}
    .fix_list li:last-of-type{border-right: none;}
    .fix_list li a{display: block;width: 100%;height: 100%;}
   .fix_list li a img{width:30px; padding-bottom:10px;}


}