@media (max-width: 900px){
	.head-pc{
		display: none;
	}
	.head-m{
		display: block;
	}
	.head .center{
		position: absolute !important;
		width: 100%;
		top: 52px;
		padding: 0 !important;
	}
	.head .head-nav{
		flex-direction: column;
		width: 100%;
		background-color: #fff;
	}
	.head .head-nav a{
		display: block;
		padding: 15px 0 15px 30px;
	}
	.head .head-nav .active a{
		color: #000;
	}
	.head .head-nav li{
		width: 100%;
		border-bottom: 1px solid #eee;
		justify-content: flex-start;
	}
	.head .nav-li:before{
		display: none;
	}
	.head .nav-li:after{
		display: none;
	}
	.head .head-top .left{
		flex: 1;
		position: relative;
		text-align: center;
	}
	.logoimg{
		height: 35px;
	}
	.head .head-top{
		height: 50px;
	}
	.head span{
		display: inline-block;
		width: 30px;
		height: 30px;
		background: url(../image/nav-icon.png) center no-repeat;
		position: absolute;
		left: 15px;
		top: 50%;
		transform: translate(0,-50%);
		z-index: 10;
	}
	.banner{
		padding-top: 50px;
	}
	.product{
		padding: 20px 15px;
	}
	.title h2{
		font-size: 20px;
	}
	.product .product-text{
		flex-wrap: wrap;
		padding-top: 20px;
	}
	.product .product-text .box{
		flex: 0 0 50%;
		margin-bottom: 10px;
	}
	.product .product-text .box:last-child{
		flex: 0 0 100%;
	}
	.product .swiper2{
		display: none;
	}
	.product .swiper3{
		display: block;
	}
	.product .product-text .box p{
		padding: 0 10px;
	}
	.product .product-text .box h2{
		padding-bottom: 10px;
		margin-bottom: 0;
	}
	.about{
		padding: 20px 15px;
		background: #f4f4f4;
	}
	.about .about-box .right .about-title{
		padding-bottom: 20px;
	}
	.about .about-box .left{
		display: none;
	}
	.app{
		padding: 20px 15px;
	}
	.app p{
		padding: 20px 0;
	}
	.app .app-box{
		flex-wrap: wrap;
	}
	.app .app-box .box{
		flex: 0 0 49%;
		margin-bottom: 10px;
	}
	.news{
		padding: 20px 15px;
	}
	.news .news-box .box{
		padding: 25px 0;
	}
	.partner{
		padding: 20px 15px;
	}
	.partner .partner-box{
		padding-top: 20px;
		flex-wrap: wrap;
	}
	.partner .partner-box .box{
		flex: 0 0 48%;
		margin-bottom: 10px;
	}
	.footer .footer-top{
		flex-wrap: wrap;
	}
	.footer .footer-top .box{
		flex: 0 0 100%;
		text-align: center;
	}
	.footer .footer-top p{
		height: auto;
	}
	.banner-img{
		padding-top: 50px;
	}
	.main-about .about-box{
		padding: 20px 15px;
		flex-wrap: wrap;
	}
	.main-about{
		background: #fff;
	}
	.main-about .about-box .left{
		padding: 0;
		flex: 0 0 100%;
	}
	.main-product{
		padding: 20px 15px;
	}
	.main-product .goods-box{
		flex-wrap: wrap;
		padding-top: 20px;
	}
	.main-product .goods-box .gypages-right{
		flex: 0 0 100%;
		padding: 40px 0 0 0;
	}
	.main-product .goods-box .gypages-left{
		flex: 0 0 100%;
	}
	.main-product .goods-box .gypages-left ul ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.main-product .goods-box .gypages-left ul ul li{
		flex: 0 0 48%;
	}
	.main-product .goods-box .gypages-left ul li{
		border: none;
	}
	.main-product .goods-box .gypages-right .cppages-ul li{
		flex: 0 0 48%;
	}
	.main-product .goods-box .gypages-right .cppages-ul{
		justify-content: space-between;
	}
	.gypages-right{
		padding: 0;
	}
	.main-product .goods-details{
		padding: 0;
	}
	.main-product .goods-details img{
		max-width: 100%;
	}
	.cpdetail-top{
		flex-wrap: wrap;
		padding-bottom: 20px !important;
	}
	.cpdetail-left{
		flex: 0 0 100%;
	}
	.cpdetail-right{
		flex: 0 0 100%;
		padding: 20px 0 0 0;
	}
	.main-contact .top .box{
		flex: 0 0 48%;
		margin-bottom: 20px;
	}
	.main-contact .top{
		padding: 20px 15px;
		flex-wrap: wrap;
	}
	.main-contact{
		padding: 20px 0;
	}
	.main-contact .bottom{
		flex-wrap: wrap;
	}
	.main-contact .bottom .left{
		flex: 0 0 100%;
	}
	.main-contact .bottom .right{
		flex: 0 0 100%;
	}
	.main-product .goods-details .douyin img,
	.main-product .goods-details .taobao img{
	    display: none !important;
	}
	.main-product .goods-details .details-content .text img{
	    max-width: 100%;
	}
	.footer .footer-top .box:nth-child(1){
	    flex: 0 0 100%;
	}
}