/* 电脑端 */
@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%;
		margin:30px 0 0 0;
		
	}
	#content #list li{
		width:47%;
		margin:10px;
		padding:0 10px;
		float:left;
	}
	#title{
		text-align: center;
		width:100%;
	}

	#topImg>#casec>img{
		width:250px;
		margin: 0 15px;
	}
	#topImg>#casename{
		padding-left:15px;
		}
	#topImg>ul{
		padding-bottom:35px;
	}
   #topImg>table{border-collapse:collapse; width:100%;} 
   #topImg>table>caption{ text-align:center;} 
   #topImg>table th,table td{padding:8px;border:1px solid #BFBFBF;}
   #topImg>table th{ background:#F2F2F2; text-align:center;}

	#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:30px 10px 0 10px;
		width: 100%;
		margin: 0;
	}
	#content>#list>li{
		margin: 5px 0;
		padding:0 15px;
	}
	#desc ul{
		padding: 0;
	}
	#title{
		text-align: center;
	}
	#topImg{
		width:100%;
		padding:5px;
		}
	#topImg>#casec>img{
		width:100%;
		margin:5px 0;
	}
	#topImg>#casename{
		padding:0 5px;
		}
	#topImg>ul{
		padding:0 15px;
	}
   #topImg>table{border-collapse:collapse; width:98%; margin:0 auto;} 
   #topImg>table>caption{ text-align:center;} 
   #topImg>table th,table td{padding:8px;border:1px solid #BFBFBF;}
   #topImg>table th{ background:#F2F2F2; text-align:center;}
	#imgs{
		text-align: center;
	}
	
	
}