/* 电脑端 */
@media screen and (min-width: 1200px) {
	.select{
	    background-color: rgb(71, 137, 212);
	    color: white;
	}
	#content #left{
	    width: 30%;
	    float: left;
	    margin-top: -3%;
	    margin-left: -22%;

	}  
	#content #right{
		    width: 90%;
		    float: left;
		position: relative;
		left: 10%;
		top:-5%;
	}
	#left_lxfs {
	    width: 100%;
	    padding: 0;
	    margin-top: -29px;
	    margin-left: -27%;
	}
	#searchDiv{
		float: left;position: relative;top: -31px;left: 72%;
	}
	/* 禁用点击 */
	.disabled{
		pointer-events: none;
	}
	/* 产品显示方式 */
	#toolbar{
		    position: relative;
		    top: -9%;
		    left: -13%;
			
	}
	#toolbar div{
		position: relative;
		    top: -26px;
		    left: 10%;
	}
	#toolbar a{
		float: left;
		display: block;
		width: 30px;
		height: 30px;
	}
	
	/* 左侧目录 */
	#newType{
		    width: 20%;
		    position: relative;
		    left: -28%;
		    top: 26%;
	}
	
	#newsList{
		width:100%;
	    position: relative;
	    left: 0%;
	    top: -80%;
		
	}
	/* 类型 */
	#newType{
		overflow: auto;width: 100%;text-align: center;
		margin-bottom:40px;
	}
	 #newType::-webkit-scrollbar {/*滚动条整体样式*/
	        width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/
	        height: 1px;
	    }
		
		#newType::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
		        border-radius: 10px;
		         -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
		        background: #535353;
		    }
		#newType::-webkit-scrollbar-track {/*滚动条里面轨道*/
		        -webkit-box-shadow: inset 0 0 5px rgba(85, 170, 255,0.2);
		        border-radius: 10px;
		        background: #EDEDED;
		    }
	/* 产品类别名称 */
	.typeName{
		text-align: left;
		    color: #4789D4;
		    border-bottom: 2px solid #4789D4;
		    height: 34px;
		    font-size: 21px;
	}
	/* 产品 */
	.productList{
		padding: 0;
		    margin: 10px 0;
	}
	/* 视频列表 */
	.videoList {
		padding: 0;
	}
	.videoList li{
		width: 30%;
		height: 100%;
		/* border: 1px solid; */
		text-align: center;
		float: left;
		margin:1.6%;
		
	}
	.videoList li a{
		display: block;
		width: 100%;
		height: 100%;
		    position: relative;
		    top: -97%;
	}
	.videoList li .videoImg{
		width: 100%;
		height: 80%;
	}
	.videoList li:hover{
		box-shadow: 4px 1px 17px -4px #CCCCCC;
	}
	.videoList li span{
		width: 100%;
		display:block;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		}
	/* 分页 */
	#page{
			padding-left:8%;
			
		}
	#page li{
		text-align: center;
		border: 1px solid #eee;
		cursor: pointer;
		float: left;
		border-radius: 5px;
		margin:0 5px;
	}
	#pageIndex li{
		width: 40px;
		
	}
	#page .home{
		width: 70px;
	}
	#inp{
		      width: 41%;
		          position: relative;
		          left: 70%;
		          top: -28px;
		      
	}
	#inp input{
		width: 50px;
		border: 1px solid #4789d4;
		border-radius: 10px;
	}
	#inp button{
		    border: 1px solid white;
		    background-color: #4789d4;
		    color: white;
			border-radius: 10px;
	}
	#about{
		    width: 61%;
		    border-bottom: 1px solid #4789d4;
		    /* position: relative; */
		    margin: 0 auto;
			color: #4789d4;

	}
	#about h5{
		position: relative;left: 2%;
	}
	#desc p{
		    margin: 5px auto;
			
	}
	#content{
		width: 50%;height: 400px;margin: 45px auto
	}
	#desc{
		margin-top: 17px;
		    margin-left: -44px;
	}
	/* 起始图片 */
	#img{
		width: 100%;height: 200px
	}
	 #productInfo ul{
		 padding: 0;
	 }
	  #productInfo ul li{
		  background-color: #00BFFF;
		  width: 100px;
		  height: 20px;
		  float: left;
		  color: white;
		  line-height: 1;
		  text-align: center;
		      margin-left: 25px;
			  border-radius: 10px;
	  }
	  #productInfo ul li a{
		  color: white;
	  }
	
	  
	 
}
/* 手机端 */
@media screen and (max-width: 460px) {
	
/* 产品类别名称 */
	.typeName{
		text-align: left;
		    color: #4789D4;
		    border-bottom: 2px solid #4789D4;
		    height: 34px;
		    font-size: 21px;
	}
	/* 产品 */
	.productList{
		padding: 0;
		    margin: 10px 0;
	}
	/* 视频列表 */
	.videoList {
		padding: 0;
	}
	.videoList li{
		width: 30%;
		height: 100%;
		/* border: 1px solid; */
		text-align: center;
		float: left;
		margin: 5px;
		
	}
	.videoList li a{
		display: block;
		width: 100%;
		height: 100%;
		    position: relative;
		    top: -97%;
	}
	.videoList li .videoImg{
		width: 100%;
		height: 80%;
	}
	.videoList li:hover{
		box-shadow: 4px 1px 17px -4px #CCCCCC;
	}
		.videoList li span{
		width: 100%;
		display:block;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		}
	.productList li{
		margin: 10px 0;
		border: 1px solid #4789D4;
		    height: 70px;
	}
	.productList li div{
		float: left;
	}
	.productList li .product_Name{
		display: block !important;
		    text-align: center;
		    width: 70%
	}
	.productList li .productImg{
		    width: 18% !important;
		    height:100%!important;
	
	}
	.productList li productImg img{
		width: 100%;
		height: 100%;
	}
	.productList li a{
		color: #4789D4;
		display: flex;
		width: 100%;
		height: 100%;
	}
	.productList li .product_desc{
		    height: 65%;
		    width: 75%;
			font-size: 12px;
			margin-left: 7%;
	}
	#searchDiv{
		    float: left;
		    position: relative;
		    top: -31px;
		    left: 37%;
	}
	/* 产品显示方式 */
	#toolbar{
		    position: relative;
		    top: -9%;
		    left: 2%;
			
	}
	#toolbar div{
		position: relative;
		    top: -26px;
		    left: 18%;
	}
	#toolbar a{
		float: left;
		display: block;
		width: 30px;
		height: 30px;
	}
	
#about{
		    width: 100%;
		    border-bottom: 3px solid #4789d4;
		    /* position: relative; */
		    margin: 8% auto;
			color: #4789d4;

	}
	#about h5{
		    position: relative;
		    left: 2%;
	}
	#desc p{
		     width: 101%;
  font-size: 14px;
    margin: 0px auto;
	}
	#content{
		    width: 100%;
		  
		    margin: 0px auto;
	}
	#desc{
		    margin-top: 17px;
		    margin-left: -22px;
			    font-size: 7px;
			    width: 99%;
	}
	/* 起始图片 */
	#img{
		width: 100%;
	}
	#img img{
		width: 100%;
	}
	 #productInfo ul{
		 padding: 0;
	 }
	  #productInfo ul li{
		    background-color: #00BFFF;
		    width: 79px;
		    height: 20px;
		    float: left;
		    color: white;
		    line-height: 1;
		    text-align: center;
		    margin-left: 25px;
		    border-radius: 10px;
	  }
	  #productInfo ul li a{
		  color: white;
	  }
	#aboutImg img{
		    width: 30%;
	}
	.select{
		    background-color: rgb(71, 137, 212);
		    color: white;
		
	}
		
		/* 禁用点击 */
		.disabled{
			pointer-events: none;
		}
		/* 左侧目录 */
		#newType{
			overflow: auto;
			text-align: center;
			    width: 100%;
			    position: relative;
			    left: 0%;
			    top: -12%;
				
		}
		/* 新闻 */
		#newsList{
			
			     position: relative;
			     top: -9%;
			     left: -7%;
			
		}
		#newsList .newsItem{
		    margin: 10px 0;
		    height: 31px;
		    border-bottom: 1px solid #4789d4;
		    font-size: 10px;
		}
		.newsItem a{
			display: flex;
			width: 100%;
			height: 100%;
			
		}
		.newsItem .data{
		    position: relative;
		    left: 24%;
		}
		.newsItem .view{
			     position: relative;
			     left: 30%;
		}
		/* 分页 */
		#page li{
			text-align: center;
			border: 1px solid #eee;
			cursor: pointer;
			float: left;
			border-radius: 5px;
		}
		#pageIndex li{
			width: 40px;
			
		}
		#page .home{
			width: 70px;
		}
		#inp{
			    width: 100%;
			    position: relative;
			    left: 27%;
			    top: 19px;
		}
		#inp input{
			width: 50px;
			border: 1px solid #4789d4;
			border-radius: 10px;
		}
		#inp button{
			    border: 1px solid white;
			    background-color: #4789d4;
			    color: white;
				border-radius: 10px;
		}

		#content{
			width: 100%;
			
			margin: -31px auto;
		}
	
		
		  #copyrightInfo {
		      background-color: #333;
		      width: 100%;
		      height: 200px;
		      clear: both;
		      height: 255px!important;
		      margin-top: 19%;
		  }
		 
}