@media screen and (max-width: 800px){
	.header{
		height: 100vh;
	}
	.navList .logo{
		padding-left: 25px;
	}
	.website{
		display: none;
	}
	.mobile{
		display: block;
	}
	.navList{
		/* display: none; */
	}
	.headerDesc{
		top: 35%;
	}
	.headerDesc h2{
		font-size: 1.7rem;
	}
	.headerDesc p{
		line-height: 40px;
		font-size: 1.1rem;
	}
	.headerDesc p.second{
		font-size: .9rem;
		padding: 0 15px;
	}
	.mainList{
		width: 300px;
		/* margin: auto; */
	}
	.mainItem .imgTxt{
		width: 220px;
	}
	.main-content{
		padding: 60px 30px;
	}
	.userDiv{
		width: 100%;
	}
	.userList{
		margin: auto;
	}
	.userList li{
		float: none;
	}
	
	.userItem:first-child{
		margin-left: auto;
	}
	.userItem{
		width: 350px;
		margin: 0 auto;
	}
	.weixin{
		float: left;
		margin-top: 15px;
	}
	.weixin img{
		width: 120px;
	}
	.zhedie img{
		width: 30px;
		position: fixed;
		right: 20px;
		top: 20px;
	}
	.zhedie img.rotate{
		transform: rotate(180deg);
	}
	.mobileNav{
		width: 100%;
		background-color: rgba(0,0,0,.7);
		position: fixed;
		top: 64px;
		bottom: 0;
		text-align: center;
	}
	.mobileNav a{
		font-size: 1.2rem;
		color: white;
		width: 100%;
		line-height: 3rem;
		border-bottom: 1px solid #fff;
	}
	.mobileNav li a.active{
		color:#D21513;
	}
	.proList{
		width: 100%;
		height: auto;
	}
	.proList .fl{
		float: none;
	}
	.officePro img{
		width: 300px;
		margin: 10px 0;
	}
	.officeTxt{
		float: none;
	}
	.officePro .officeTxt{
		width: 100%;
		/* text-align: center; */
	}
	.dbtp{
		height: 520px; 
		text-align: center;
	}
	.proItem{
		height: 320px;
	}
	.proItem h3{
		text-align: center;
		font-size: 1.1rem;
	}
	.proItem{
		width: 100%;
		margin-left: 0;
	}
	.proItem p{
		color: #000000;
		font-size: .9rem;
	}
	.appPro .proItem{
		width: 100%!important;
	}
}