@media (max-width: 768px) {
	.mnav{
		display: block;
	}
	.pcnav{
		display: none;
	}
	.nav-btn{
		display: block;
		position:absolute;
		right:20px;
		width: 30px;
		z-index: 999;
	}
	.nav-btn>p{
		width: 100%;
		height: 2px;
		background: #fff;
		margin-top: 8px;
		transition: all .2s;
	}
	.nav-btn.active>p:nth-child(1){
		transform: rotateZ(45deg) translateX(25%);
	}
	.nav-btn.active>p:nth-child(2){
		transform: rotateZ(-45deg) translateX(25%);
	}
	.nav-btn.active>p:nth-child(3){
		display: none;
	}
	nav{
		z-index: 998;
	}
	nav ul{
		position: fixed;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.9);
		left:0px;
		top:0px;
		flex-wrap: wrap;
		padding-top: 120px;
		box-sizing: border-box;
		align-content: baseline;
		transition: all .2s;
	}
	nav ul li{
		width: 100%;
		text-align: center;
		font-size: 16px;
	}
	.head .main .solarbe_nav{
		display: none !important;
	}
	.pcbanner{
		display: none;
	}
	.mbanner{
		display: block;
	}
	.content{
		width: 98%;
	}
	.title{
		font-size: 18px;
	}
	.content .des{
		font-size: 14px;
	}
	.subtitle{
		font-size: 16px;
	}
	.content .user li{
		width: 30%;
		margin:60px 1.5% 10px 1.5%;
	}
	.content .user li div{
		width: 90%;
		height: 0px;
		padding-top:90%
	}
	.content .plan-title{
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.content .plan-title li{
		margin-bottom:10px;
		width: 100%;
		text-align: center;
		line-height: 10px;
	}
	.content .plan{
		width: 100%;
	}
	.content .plan .plan-item .plan-time{
		width: 40%;
		font-size: 14px;
	}
	.content .plan .plan-item .plan-name{
		width: 60%;
		font-size: 14px;
	}
	.content .plan .plan-item .plan-sub{
		width: 60%;
		font-size: 16px;
	}
	.content .plan .plan-item .plan-des{
		width: 60%;
		font-size: 16px;
	}
	.content .lightspot .lightspot-item .lightspot-item-bg .lightspot-title{
		display: none;
	}
	.content .lightspot .lightspot-item .lightspot-item-bg .lightspot-content{
		display: block;
	}
	.content .news div{
		width: 100%;
		overflow: hidden;
		text-overflow:ellipsis;    
		white-space: nowrap;
	}
	.content .phone{
		width: 100%;
		height: 200px;
	}
	.content .thumbs{
		height: 60px;
	}
	.content .tissue .tissue-title{
		font-size: 16px;
	}
	.content .tissue .tissue-img{
		width: 30%;
		margin:0px;
		margin:0px 1.5%;
		margin-top: 10px;
		margin-bottom: 30px;
	}
	.content .tissue{
		justify-content: flex-start;
	}
	.content .contact{
		flex-wrap: wrap;
	}
	.content .contact .contact-item{
		width: 100%;
		margin-top: 10px;
	}
	.content .tissue.center1{
		justify-content: space-around;
	}
	.content .user-pop .user-pop-content{
		width: 98%;
	}
}