@media screen and (min-width: 1200px){
	.app{
		width: 1200px;
	}
	.nav_content{
		width: 1200px;
	}
	.title{
		width: 1200px;
	}
}
@media screen and (max-width: 1200px){
	.app{
		width: 100%;
	}
	.nav_content{
		width: 100%;
	}
	.title{
		width: 100%;
	}
}
@media screen and (max-width: 1200px) and (min-width: 768px){

}
@media screen and (min-width: 768px){
	.module>div{
		width: calc(50% - 18px);
	}
	.module{
		width: 100%;
		height: 518px;
	}
	.innovate_module{
		height: 624px;
	}
	.module_title{
		font-size: 30px;
	}
	.module_title{
		font-size: 30px;
		line-height: 40px;
		padding-top: 0px;
	}
	.module_title:before{
		height: 40px;
	}
	.module_title>p{
		bottom: 10px;
	}
	.module_title>span{
		font-size: 26px;
	}
	.nav{
		display: block;
	}
	.title{
		top: -128px;
	}
	.title_header{
		left: 0px;
		font-size: 30px;
		line-height: 40px;
	}
	.title_header:before{
		height: 40px;
	}
	.footer{
		width: 100%;
		margin-left: 0px;
	}
	.share{
		width: 36px;
		top: 537px;
		bottom: auto;
	}
}
@media screen and (max-width: 768px){
	.module>div{
		width: 90%;
		margin-left: 5% !important;
		margin-top: 20px;
	}
	.module{
		height: 1026px;
		padding-top: 0px;
	}
	.innovate_module{
		height: 1240px;
	}
	.module_title{
		font-size: 18px;
		line-height: 20px;
		padding-top: 20px;
	}
	.module_title:before{
		height: 20px;
	}
	.module_title>p{
		bottom: 10px;
	}
	.module_title>span{
		font-size: 18px;
	}
	.nav_my{
		display: none;
	}
	.title{
		top: 0px;
	}
	.title_header{
		left: 5%;
		font-size: 18px;
		line-height: 20px;
	}
	.title_header:before{
		height: 20px;
	}
	.footer{
		width: 90%;
		margin-left: 5%;
		padding-top: 0px;
	}
	.people{
		width: 50%;
	}
	.share{
		width: 100%;
		top: auto;
		bottom: 10px;
	}
	.share>img{
		margin-left: 10px;
	}
	.harm_switch,.harm_list{
		
	}
	.harm_switch{
		height: 76px;
		width: 100%;
		top: auto;
		bottom: -80px;
	}
	.harm_switch>div{
		width: 20%;
	}
	.harm_switch>div:first-child{
		transform: rotateZ(90deg);
	}
	.harm_switch>div:last-child{
		right: 0px;
		top: 0px;
		transform: rotateZ(-90deg);
	}
	.harm_content{
		height: 314px;
	}
	.harm_img,.harm_msg{
		width: 100%;
	}
	.harm_msg{
		right: auto;
	}
	.harm_list{
		bottom: -80px;
		top: auto;
		width: 100%;
		left: 0px;
		height: 76px;
	}
	.harm_list>div{
		overflow: hidden;
		height: 76px;
	}
	.harm_list>div>div{
		float: left;
		width: 19.2%;
		margin-left: 1%;
	}
	.harm_list>div>div:first-child{
		margin-top: 2px;
		margin-left: 0px;
	}
	.head .main .solarbe_nav{
		display: none;
	}
}