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

	}
	#top_nav {
	    padding: 0;
	    position: relative;
	    left: 83%;
	    top: 3%;
	    z-index: 9;
	}
	#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;
	}
	#searchDiv{
		    position: relative;
		    left: 79%;
	}
	.pro_list ul{
		padding: 0;
		
	}
	/* 显示方式 */
	#tools {
		width: 100%;
	}
	#tools img{
		width: 30px;
		height: 30px;
	}
	#tools img:hover{
		cursor: pointer;
	}
	.pro_list{
		padding:10px 0;
		float: left;
		
	}
	.typeName{
		border-bottom: 1px solid #b2b2b2;
		font-size: 16px;
		font-weight: 800;
		padding-left: 5px;
	}
	
	/* 图片显示 */
	.pro_list  .poto{
		width: 22%;
		height: 160px;
		/*border: 1px solid;*/
		float: left;
		margin:10px 12px!important;
	}
	.pro_list  .poto,.text{
		text-align: center;
	}
	 .pro_list  .poto img{
	width: 100%;
	    height: 80%;
	   
	}
	.pro_list  .poto span{
		width: 100%;
		display:block;
		font-size:14px;
		overflow:hidden;
		white-space: nowrap;
		text-overflow:ellipsis;
	
			}
			
	/* 文字 */
	.pro_list  .text{
	width: 46%;
	    height: 26px;
		line-height: 26px;
	    /*border: 1px solid; */
	    float: left;
	    margin: 0px 13px!important;
		
		
	}
	.pro_list  .text,.text{
		text-align: left;
		padding-left: 25px;
		
	} 
	 .pro_list  .text img{
	display: none;
	   
	}

    .list-group-class{
		padding:0;
		margin:0;
		background:#f7f7f7;
		display:none; }
/*.list-group-class{ padding:0;}*/
	.list-group-class li{
		border-bottom: 1px dashed;
		text-align:left;
		font-size:12px;
		line-height:25px;
		padding:0 5px;
		overflow:hidden;
		white-space: nowrap;
		text-overflow:ellipsis;}
	
}
/* 手机端 */
@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 img{
    width: 100%;
    height: 200px;
  
	}
	#imgs{
		text-align: center;
	}
	#imgs img{
		width: 32%;
	}
	.pro_list ul{
		padding: 0;
		
	}
	/* 显示方式 */
	#tools {
		width: 100%;
	}
	#tools img{
		width: 30px;
		height: 30px;
	}
	#tools img:hover{
		cursor: pointer;
	}
	.pro_list{
		padding: 0;
		float: left;
	}
	.typeName{
		border-bottom: 1px solid #b2b2b2;
		color: #4789D4;
		font-size: 18px;
		font-weight: 800;
		
	}
	/* 图片显示 */
	.pro_list  .poto{
		width: 43%;
		float: left;
		margin: 10px!important;
	}
	.pro_list  .poto,.text{
		text-align: center;
	}
	 .pro_list  .poto img{
	width: 100%;
	    height: 60%;
	   
	}
	.pro_list  .poto span{
		width: 100%;
		display:block;
		overflow:hidden;
		white-space: nowrap;
		text-overflow:ellipsis;
	
			}

	 .pro_list .poto a{
		display: block;
		height: 100%;
		    position: relative;
		    top: -95%;
	}
	/* 文字 */
	.pro_list  .text{
	width: 18%;
	  width: 46%;
	      height: 26px;
	      float: left;
	      margin: 6px!important;
		  overflow:hidden;
		white-space: nowrap;
		text-overflow:ellipsis;
		text-align:left;
	}
	 .pro_list  .text img{
	display: none;
	   
	}
	
	.list-group-class{
		padding:0;
		margin:0;
		background:#f7f7f7;
		display:none; }
/*.list-group-class{ padding:0;}*/
	.list-group-class li{
		border-bottom: 1px dashed;
		text-align:left;
		padding:0 15px;
		overflow:hidden;
		white-space: nowrap;
		text-overflow:ellipsis;}
	
}