@media screen and (max-width: 1280px) {
	.head {
		display: none;
	}

	.m-head {
		display: block;
	}

	.head-container {
		height: 60px;
		display: flex;
		align-items: center;
		padding: 0 15px;
		position: fixed;
		width: 100%;
		top: 0;
		z-index: 10;
		background-color: rgba(0, 0, 0, 0.3);
	}

	.head .logoA {}

	.head .language a {
		margin: 0 5px;
		display: inline-block;
		width: 40px;
		height: 20px;
		text-align: right;
	}

	.head .language a:first-child {
		background: url(../image/cn.png) left center no-repeat;
	}

	.head .language a:last-child {
		background: url(../image/en.png) left center no-repeat;
	}

	.head .head-container {
		justify-content: space-between;
		padding: 0 60px 0 15px;
	}

	.logo-company {
		font-size: 18px;
		color: white;
		font-weight: bold;
	}

	.menus {
		width: 40px;
		height: 40px;
		background: url(../image/menu-icon.png) center no-repeat #fff;
		position: absolute;
		cursor: pointer;
		z-index: 999;
		top: 50%;
		right: 15px;
		transform: translateY(-50%);
	}

	.head-start {
		width: 100%;
		position: absolute;
		top: 100%;
		left: 0;
		background: white;
		z-index: 10;
		border-radius: 0 0 10px 10px;
		box-shadow: 0 0 5px #ccc;
		display: none;
	}

	.head-nav {
		width: 100%;
	}

	.nav-li {
		width: 100%;
	}

	.navA {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 20px 0;
		color: #2b2b2b;
		font-size: 16px;
	}

	.banner-text {
		padding: 15px;
		justify-content: center;
		transform: translate(-50%, 80%);
	}

	.banner-text .box {
		flex: 0 0 40% !important;
		margin: 10px 0;
	}

	.banner-text .box h2 {
		font-size: 14px;
	}

	.banner-text .box p {
		font-size: 12px;
	}

	.home-product {
		padding: 165px 15px 20px;
	}

	.home-product .box {
		flex: 0 0 48%;
	}

	.home-quality {
		padding: 40px 15px;
	}

	.home-quality .box {
		flex: 0 0 48%;
		margin: 10px 0;
	}

	.home-quality .quality-box {
		flex-wrap: wrap;
	}

	.home-advs .advs-left {
		width: 58%;
	}
	.footer .footer-contact{
		flex-wrap: wrap;
	}
	.footer .footer-contact li{
		flex: 0 0 100%;
		margin: 5px 0;
	}
	.footer{
		padding: 20px 15px;
	}
	.footer h2{
		font-size: 36px;
	}
	.gypages {
		padding: 20px 15px;
	}
	.gypages-detail img{
		width: 100%;
		padding: 0;
	}
	.cppages-ul{
		justify-content: space-between;
	}
	.cppages-ul li{
		flex: 0 0 48%;
		margin-right: 0;
	}
	.cpdetail-top{
		padding-bottom: 20px;
		flex-wrap: wrap;
	}
	.cpdetail-left{
		flex: 0 0 100%;
	}
	.main-box.qua .cppages-li{
		flex: 0 0 48%;
		margin-right: 0;
	}
	.contact .top{
		flex-wrap: wrap;
	}
	.contact .top .contact-right{
		padding: 0;
	}
	.form-box textarea{
		width: 100%;
	}
}

@media screen and (max-width: 768px) {
	
	.main-nav .w1200{
		flex-wrap: wrap;
	}
	.main-nav .right{
		padding: 10px;
		flex: 0 0 100%;
	}
	.main-nav ul{
		flex-wrap: wrap;
	}
	.main-nav .right .list-li{
		flex: 0 0 23%;
		padding: 5px;
		text-align: center;
		margin: 5px 3px;
		box-shadow: 0 0 5px #eee;
	}
	.home-product {
		padding: 165px 15px 20px;
	}

	.title .right {
		display: none;
	}

	.title {
		width: 100%;
		padding: 0 !important;
		text-align: center;
		display: block;
		padding-bottom: 20px !important;
	}

	.title h2 {
		font-size: 30px !important;
	}

	.home-about .about-left {
		display: none;
	}

	.home-about {
		padding: 20px 15px;
	}

	.home-about .about-right {
		padding: 0;
	}

	.home-about .about-content {
		line-height: 20px;
		font-size: 14px;
		margin-top: 20px;
		padding-top: 20px;
	}

	.home-about .about-right .img {
		height: 82px;
		background: url(../image/about-title.png) left center no-repeat;
		background-size: 170px;
	}

	.home-quality {
		padding: 20px 15px;
	}

	.home-advs .advs-left {
		display: none;
	}

	.home-advs {
		padding: 20px 15px;
	}

	.home-advs .advs-box {
		justify-content: center;
	}

	.home-advs .advs-right h3 {
		margin-bottom: 10px;
	}

	.home-advs .img {
		height: 82px !important;
		background: url(../image/advs-title.png) center no-repeat !important;
		background-size: 170px !important;
	}

	.home-advs .advs-icon {
		padding: 15px 0;
		justify-content: center;
	}

	.home-advs .advs-icon .imgs {
		margin: 0 10px;
	}

	.home-advs .advs-icon .imgs img {
		width: 50px;
	}

	.home-news .news-box {
		flex-wrap: wrap;
	}

	.home-news {
		padding: 20px 15px;
	}

	.home-news .news-box h2 {
		font-size: 16px;
	}

	.home-news .news-box .news-content {
		display: none;
	}

	.home-news .news-box .box {
		flex: 0 0 48%;
	}

	.footer .img {
		height: 70px;
		background: url(../image/footer-logo.png) center no-repeat;
		background-size: 160px;
		margin-bottom: 20px;
	}
}