@media screen and (max-width: 1440px) {
	.head {
	    padding: 0 20px;
	}
	.layout {
	    padding: 0 20px;
	}
}

@media screen and (max-width: 1200px) {
	.nav-list .nav-item {
	    padding: 0 30px;
	}
	#myfooter .panel1 {
	    width: 100%;
	    background: inherit;
	    text-align: center;
	    border-bottom: 1px solid #ccc;
	    border-right: 0;
	}
	#myfooter .panel4 {
	    width: 100%;
	}


}

@media screen and (max-width: 960px) {
	.n-contact .l {
	    width: 100%;
	}
	.n-contact .r {
	    width: 100%;
	    text-align: center;
	}
	.head {
	    padding: 0;
	    background: #303030;
	}
	.right-float {
	    z-index: 98;
	}
	nav .nav-list {
	    position: fixed;
	    width: 0%;
	    top: 0;
	    background: #fff;
	    z-index: 999;
	    overflow: hidden;
	    height: 100%;
	}
	nav.open:after {
		content: "";
		width: 100%;
		height: 100%;
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		background: rgba(0,0,0,0.6);
		z-index: 99;
	}
	.nav-list .nav-item {
		width: 100%;
	}
	.nav-list .nav-list {
	    display: block;
	    position: static;
	}
	.nav-item a {
		line-height: 50px;
	}
	.nav-item .nav-list a {
		line-height: 30px;
	}
	.head .logo_top {
		width: 100%;
		text-align: center;
		background: #fff;
	}
	.head .logo_top img {
		height: 40px;
	}
	.right-float {
	    position: relative;
	    width: 33.333333333%;
	    text-align: center;
	    right: 0;
	    bottom: 0;
	}
	.head nav {
		width: 33.333333333%;
		text-align: center;
	}
	.head .search {
	    width: 33.333333333%;
	    line-height: 50px;
	    text-align: center;
	}
	#menu {
		color: #fff;
		font-size: 24px;
	}
	.search #search-btn {
	    color: #fff;
	}
	.right-img {
		height: 50px;
		overflow: hidden;
	}
	.right-img>img {
		width: 50px;
		border: 0;
		background: inherit;
		filter: drop-shadow(0px 50px 0px #fff);
		transform: translateY(-50px);
	}
	.right-float .show-code {
	    right: 0;
	    top: 50px;
	    width: 100%;
	    height: 200px;
	}
	.show-code img {
		max-height: 100%;
	}

	#close {
		font-size: 24px;
		width: 40px;
		text-align: center;
		line-height: 40px;
		color: #333;
		background: #fff;
		display: none;
		z-index: 100;
		position: fixed;
		top: 0;
		left: 70%;
	}

	.pro-list .pro-item {
	    width: 49%;
	}

	.n-product .pro-left {
	    display: none;
	}

	.n-product .pro-right {
	    width: 100%;
	}

}

@media screen and (max-width: 768px) {
	.news-list .news-item {
	    width: 100%;
	}
	.about-img {
		width: 100%;
		margin-top: 20px;
	}
	.about-info {
		width: 100%;
	}

	.fcy-list .fcy-item {
	    width: 48%;
	}
	.npro-list .npro-item {
	    width: 48%;
	}
}

@media screen and (max-width: 640px) {
	.panel4 li {
	    width: 100%;
	}
	#myfooter .panel1 img {
		width: 100%;
	}
}