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


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

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

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

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


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


}
@media only screen and (max-width: 1280px){
	.centerBox{
		width: 90%;
	}
	.nav ul li{
		width: 120px;
	}
	.overview_text .txt{
		width: 88%;
	}
	.overview_list ul li{
		width: 48%;
		margin-right: 4%;
	}
	.advantages_list ul li{
		width: 32%;
		margin-right: 2%;
	}
	.pro_zutu{
		height: 400px;
	}
	.pro_text ul li{
		width: 40%;
		padding-right: 40px;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.pro_text ul li:nth-child(2n){
		width: 60%;
	}
	.pro_text ul li .tagss span{
		margin-top: 8.5px;
	}
}
@media only screen and (max-width: 1220px){

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

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

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

}
@media only screen and (max-width: 1024px){
	.advantages_list ul li{
		width: 48%;
		margin-right: 4%;
	}
	.advantages_list ul li:nth-child(3n){
		margin-right: 4%;
	}
	.advantages_list ul li:nth-child(2n){
		margin-right: 0;
	}
	.pro_zutu{
		height: 360px;
	}
	.pro_text{
		padding: 20px;
	}
	.pro_text h4 {
	    margin-top: 10px;
	    line-height: 40px;
	    margin-bottom: 20px;
	}
	.pro_w{
		width: 80%;
	}
	.kitchen_swiper .swiper-slide .img{
		width: 50%;
	}
	.kitchen_swiper .swiper-slide .text{
		width: 50%;
	}
}
@media only screen and (max-width: 990px){


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


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

}
@media only screen and (max-width: 770px){
	.header{
		position: fixed;
		left: 0;
		width: 100%;
		top: 0;
		z-index: 99999;
	}
	.hh{
		height: 60px;
	}
	.nav .erji dl{
		width: unset;
		padding-left: 0;
	}
	.nav .erji dd{
		display: block;
		width: unset;
		text-align: left;
		line-height: 30px;
		padding-left: 14px;
		color: #cecece;
	}
	.nav .erji{
		background: none;
		position: unset;
		height: unset;
	}
	.nav{
		display: none;
	}
	.menu{
		display: block;
	}
	.logo img{
		margin-left: -20%;
	}
	.nav{
		position: fixed;
		top: 60px;
		right: 0;
		z-index: 99999;
		background: rgba(0,0,0,0.8);
		padding: 10px 0;
		min-width: 200px;
	}
	.nav ul li{
		width: unset;
		display: block;
		float: unset;
		padding: 0 30px 0 30px;
		text-align: left;
		line-height: 40px;
	}
	.banner .pagination{
		bottom: 20px;
	}
	.fot_logo{
		margin-left: 0;
		margin-right: 20px;
	}
	.fot_nav{
		margin-right: 60px;
	}
	.fot_cop{
		margin-top: 60px;
	}
	.overview_text h3,
	.advantages,.details p{
		font-size: 40px;
	}
	.page_left ul li.active{
		font-size: 28px;
		line-height: 32px;
	}
	.page_main .centerBox{
		padding-right: 40px;
		padding-left: 30px;
	}
	.page_left ul li{
		font-size: 16px;
	}
	.page_left ul li img{
		margin-left: 10px;
	}
	.page_left ul li.active:before{
	    left: -18px;
	    top: -20px;
	    width: 60px;
	    height: 60px;
	}
    .page_left{
    	width: 36%;
    }
    .page_right h3,
    .page_right .txt, .page_right .txt *{
    	font-size: 15px;
    }
    .erji dl{
    	text-align: center;
    	padding-left: 0;
    }
    .pro_nav{
    	display: none;
    }
    .pro_right{
    	width: 100%;
    }
    .pro_main .centerBox{
    	position: relative;
    }
    .pro_menu{
    	position: absolute;
	    right: 0px;
    	top: 20px;
    }
    .pro_menu img{
    	transform: rotate(180deg);
    }
    .pro_nav{
    	background: #fff;
    	z-index: 9999;
    	width: 100%;
    	position: absolute;
    	top: 40px;
    	padding: 20px;
    	box-shadow: 0 4px 4px rgba(0,0,0,0.1);
    }
    .pro_nav ul li h3{
    	margin-bottom: 20px;
    	font-size: 16px;
    }
    .pro_nav ul li dd{
    	margin-bottom: 10px;
    	display: inline-block;
    	vertical-align: top;
    	margin-left: 20px;
    }
    .pro_nav ul li{
    	margin-bottom: 20px;
    }
    .pro_nav ul li:last-child{
    	margin-bottom: 0;
    }
    .pro_images{
    	width: 100%;
    }
    .pro_text{
    	width: 100%;
    	margin-top: 20px;
    }
    .pro_zutu{
    	height: 480px;
    }
    .pro_menu{
		display: block;
	}
	.pro_main{
		padding-top: 20px;
	}
	.electronics,.kitchen,.appliances,.review{
		padding-top: 40px;
	}
	.index_title h3{
		font-size: 34px;
		line-height: 40px;
	}
	.index_title h3:before {
	    left: -22px;
	    top: -16px;
	    width: 60px;
	    height: 60px;
	}
	.index_title{
		margin-bottom: 30px;
		padding-left: 22px;
	}
	.index_title img{
		margin-top: 0;
	}
	.electronics_list ul li p{
		height: 60px;
		font-size: 16px;
		line-height: 20px;
	}
	.kitchen_swiper .swiper-slide .text h3{
		font-size: 28px;
		margin-bottom: 20px;
	}
	.kitchen_swiper,
	.kitchen_swiper .swiper-slide .text{
		min-height: 400px;
	}
	.kitchen_swiper .swiper-slide .img{
		height: 280px;
	}
	.review_text, .review_text *{
		font-size: 18px;
		line-height: 24px;
	}
	.review_swiper .swiper-slide{
		padding: 20px;
	}
	.review_xx img{
		width: 14px;
		height: 14px;
	}
	.review_left span{
		font-size: 12px;
	}
	.review_xx{
		margin-top: 6px;
	}
	.review h3{
		font-size: 28px;
		margin-bottom: 20px;
	}
	.review{
		padding-bottom: 40px;
	}
	.review_swiper .swiper-slide{
		min-height: 200px;
	}
}
@media only screen and (max-width: 640px){

}
@media only screen and (max-width: 560px){
	.menu{
		right: 20px;
	}
	.menu,.menu i{
		width: 24px;
	}
	.menu i{
		height: 2px;
	}
	.menu i:before{
		top: -8px;
	}
	.menu i:after{
		bottom: -6px;
	}
	.banner img{
		height: 180px;
		object-fit: cover;
	}
	.banner .pagination{
		bottom: 10px;
	}
	.banner .pagination .swiper-pagination-bullet {
	    width: 8px;
	    height: 8px;
	    margin: 0 5px;
	}
	.footer{
		padding: 20px 0;
	}
	.fot_logo{
		width: 100%;
		text-align: center;
	}
	.fot_nav{
		margin-right: 0;
		margin-top: 14px;
	}
	.fot_phone{
		float: right;
		margin-top: 14px;
	}
	.fot_nav dl dd{
		margin-bottom: 12px;
	}
	.fot_cop{
		margin-top: 30px;
	}
	.advantages{
		padding: 50px 0 40px;
	}
	.about_banner img{
		height: 140px;
		object-fit: cover;
	}
	.overview{
		padding-top: 30px;
	}
	.overview_text h3, .advantages p, .details p{
		font-size: 26px;
		line-height: 40px;
	}
	.overview_text h3{
		margin-bottom: 10px;
	}
	.overview_text .txt{
		width: 100%;
		font-size: 16px;
		letter-spacing: -0.4px;
	}
	.overview_text{
		margin-bottom: 30px;
	}
	.overview_list ul li{
		margin-bottom: 20px;
	}
	.overview_list ul li h3{
		font-size: 17px;
		margin-bottom: 4px;
	}
	.overview_list ul li{
		width: 100%;
		margin-right: 0;
	}
	.overview_list ul li .txt, .overview_list ul li .txt *{
		font-size: 15px;
		letter-spacing: -0.4px;
	}
	.advantages p{
		margin-left: 40px;
	}
	.advantages p:before{
		left: -20px;
	    top: -14px;
	    width: 60px;
	    height: 60px;
	}
	.advantages_list{
		padding: 40px 0 10px;
	}
	.advantages_list ul li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 14px;
	}
	.advantages_list ul li h3{
		font-size: 18px;
		margin-bottom: 4px;
	}
	.advantages_list ul li .txt, .advantages_list ul li .txt *{
		font-size: 15px;
		letter-spacing: -0.5px;
	}
	.details{
		padding: 40px 0;
	}
	.details p{
		margin-left: 20px;
		margin-bottom: 40px;
	}
	.details p:before{
		left: -20px;
	    top: -14px;
	    width: 60px;
	    height: 60px;
	}
	.details_text ul li{
		margin-right: 30px;
	}
	.details_text ul li h3{
		font-size: 16px;
		margin-bottom: 4px;
	}
	.details_text ul li h4{
		font-size: 14px;
	}
	.details_logo img{
		display: none;
	}
	.page_left,.page_right{
		width: 100%;
		float: none;
	}
	.page_main .centerBox{
		padding: 30px 20px;
	}
	.page_left ul li.active{
		margin-bottom: 10px;
		font-size: 24px;
	}
	.page_left ul li.active:before {
	    left: -10px;
	    top: -10px;
	    width: 40px;
	    height: 40px;
	}
	.page_right h3, .page_right .txt, .page_right .txt *{
		letter-spacing: -0.5px;
	}
	.pro_list ul li{
		width: 48%;
		margin-right: 4%;
		padding: 20px 10px;
		margin-bottom: 14px;
	}
	.pro_list ul li:nth-child(3n){
		margin-right: 4%;
	}
	.pro_list ul li:nth-child(2n){
		margin-right: 0;
	}
	.pro_list ul li .img{
		margin-bottom: 20px;
	}
	.pro_zutu{
		height: unset;
	}
	.gallery-top{
		width: 100%;
		margin-bottom: 10px;
	}
	.gallery-thumbs{
		height: unset;
		width: 100%;
	}
	.pro_text h3{
		font-size: 26px;
	}
	.pro_text .txt, .pro_text .txt *{
		font-size: 14px;
		letter-spacing: -0.5px;
	}
	.pro_text ul li{
		width: 100%;
		margin-bottom: 20px;
	}
	.pro_text ul li p{
		font-size: 16px;
	}
	.pro_text ul li h5{
		margin-bottom: 6px;
	}
	.pro_qie{
		padding: 30px 0;
	}
	.pro_t ul li{
		margin: 0 5px;
		padding: 0 10px 10px;
	}
	.pro_t{
		margin-bottom: 40px;
	}
	.pro_q .txt, .pro_q .txt *{
		font-size: 15px;
	}
	.site{
		padding-top: 10px;
	}
	.site a{
		font-size: 14px;
	}
	#pages a.a1{
		padding: 0 6px;
	}
	#pages{
		font-size: 12px;
	}
	#pages a,#pages span{
		margin: 0;
	}
	.pro_banner img{
		width: 160%;
	}
	.index_title h3{
		font-size: 24px;
		line-height: 30px;
	}
	.index_title h3:before{
		height: 48px;
		width: 48px;
	}
	.index_title h3 span{
		font-size: 13px;
		line-height: 16px;
	}
	.index_title img{
		height: 40px;
		margin-top: 4px;
	}
	.electronics_list ul:nth-child(1),
	.electronics_list ul:nth-child(2){
		width: 100%;
	}
	.electronics_list ul:nth-child(1) li{
		width: 48%;
		margin-right: 4%;
	}
	.electronics_list ul:nth-child(1) li:nth-child(2n){
		margin-right: 0;
	}
	.electronics_list ul:nth-child(2){
		margin-top: 20px;
	}
	.electronics_list ul li p{
		height: 50px;
		font-size: 14px;
		line-height: 20px;
	}
	.kitchen .electronics_list ul li{
		width: 48%;
		margin-right: 4%;
		margin-bottom: 14px;
	}
	.kitchen .electronics_list ul li:nth-child(3n){
		margin-right: 4%;
	}
	.kitchen .electronics_list ul li:nth-child(2n){
		margin-right: 0;
	}
	.kitchen_swiper .swiper-slide .img,
	.kitchen_swiper .swiper-slide .text{
		width: 100%;
	}
	.kitchen_swiper .swiper-slide .text{
		padding: 20px;
		min-height: unset;
	}
	.kitchen_swiper .swiper-slide .img{
		margin: 20px 0 10px;
	}
	.kitchen_swiper .prev,
	.kitchen_swiper .next{
		top: 24%;
	}
	.kitchen_swiper .prev{
		left: 10px;
	}
	.kitchen_swiper .next{
		right: 10px;
	}
	.kitchen_swiper .swiper-slide .img img{
		max-width: 80%;
	}
	.review_text, .review_text *{
		font-size: 14px;
		line-height: 20px;
	}
	.review_text{
		margin-bottom: 10px;
	}
	.review_left{
		width: 100%;
	}
	.review_xx{
		width: 100%;
	}
	.kitchen_swiper .swiper-slide .text .txt{
		font-size: 14px;
		line-height: 20px;
	}
}
@media only screen and (max-width: 460px){

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


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


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


}