/* 电脑端 */
@media screen and (min-width: 1200px) {
	#about{
		
			width: 80%;
		    border-bottom: 1px solid #4789d4;
		    /* position: relative; */
		    margin: 0 auto;
			color: #4789d4;

	}
	#about h5{
		position: relative;left: 2%;
	}
	#content{
		/* border: 1px solid; */
		width: 80%;
		    position: relative;
		    left: 10%;
		float: left;
	}
	#content div{
		/* border: 1px solid; */
	}
	#content #left{
		width: 20%;
		float: left;
		    margin-top: 1%
	}
	#content #right{
		    width: 75%;
		    float: left;
		    margin-left: 5%
	}
	#content #list{
		padding: 0;
		width: 100%;
		float: left;
		margin: 0;
	}
	#content #list li{
		margin: 20px 0;
	}
	#title{
		text-align: center;
	}
	#topImg>div{
		padding:0 5px;
		font-weight:bold;
	}


	#imgs{
		text-align: center;
	}
	
}
/* 手机端 */
@media screen and (max-width: 460px) {
#about{
		
		    width: 100%;
		    border-bottom: 3px solid #4789d4;
		    /* position: relative; */
		    margin: 18px auto;
			color: #4789d4;

	}
	#about h5{
		    position: relative;
		 
	}
#content{
		
		    /* border: 1px solid; */
		    width: 100%;
		    position: relative;
		    /* left: 10%; */
		    top: -3%;
		    float: left;

	}
	#content div{
		/* border: 1px solid; */
	}
	#content #left{
		width: 100%;
		  
	}
	#content #right{
		    width: 100%;
		    float: left;
		
	}
	#content #list{
		padding: 0;
		width: 100%;
		float: left;
		margin: 0;
	}
	#content #list li{
		margin: 20px 0;
	}
	#desc ul{
		padding: 0;
	}
	#title{
		text-align: center;
	}
	#topImg>ul{
		padding:0 15px;
	}
	#topImg>div{
		padding:0 5px;
		font-weight:bold;
	}
	#topImg>ul>li>img{
		width:100%;
		}
	#imgs{
		text-align: center;
	}
	
	
}