@media (min-width: 1450px){

		.menu{
			display:none;}
.daohang2 {
			display:inline-block!important;width:100%;}


	.container{
		width:1430px!important;
			}
}
@media (min-width:1200px) and (max-width:1450px){
	
		.menu{
			display:none;}
	.daohang2 {
			display:inline-block!important;
			width:100%;}
	
	
	.productList .productItem .circle{
		left:5px;
	}
	#centerBanner  .centerBannerTxt{
		top:45%;
	}
	.footer .bottomList li{
		padding:0px 12px;
	}
	.footer .bottomList li{
		padding:0 12px;
		float:left;
		font-size:14px;
		color:#575757;
   }
     .productListL {
			border:1px solid #f0f0f0;
			margin-left:34px;
     }
		#productList .productListR{
			padding-right:0;
		}
	
.productDetailL .smallImgBox li img {
    display: inline-block;
    width: 80%;
    height: auto;
}
}
@media(max-width:1200px){
	
.kefu{
				display:none;}
	
	
	#newsList{
		margin-top:30px;
	}
	#newsList .newsListLeft{
		padding-left:15px;
	}
	.newsListLeft ul{
		overflow:hidden;
		
	}
	.newsListLeft li{
		float:left;
		margin-right:30px;
	}
	.newsListLeft li a{
		line-height:28px;
	}
	#newsList .newsListLeft .active a{
		margin-bottom:0;
	}
	.newsListRight .newsPageBtn{
		margin-bottom:50px;
	}
	.timeline{
		padding:80px 10px 15px 10px!important;
		margin-top:50px!important;		
	}
	.timeline .timelineLogo{
		left:25px!important;
		top:0px!important;
	}
	.timeline .timeline-row .timeline-icon{
		left:6px!important;	}
	.timeline .timeline-row .timeline-content .panel-body .arrows{
		left:-9px!important;
	}
}
@media (min-width:992px) and (max-width:1200px){
	
		
	/*---头部导航部分代码开始---*/	.weizizong::before{
		display:none;}
	.daohang2{
					width:100%;
					 height: auto;
					position:absolute;
					top:60px;
					left:0px;
					z-index:99;
					background-color:#FFF;
					    -webkit-box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.08);
    -moz-box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.08);
    box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.08);
	display:none;

	  
		    border-top: 1px solid rgba(0, 0, 0, 0.1);
		
					}

						.daohang2-1{
							width:100%;
							height: auto;
							}
							
							
											.weizi {
border-bottom: #f6f6f6 solid 1px;
height:40px;
line-height:40px;
    margin-top: 0px;
}
	.weizi:hover{
		color:#fff;
		}

						.weizi1 {border-bottom: #f6f6f6 solid 1px;
							display:none;}
							
							
				.weizizong {
					width:100%;
					padding-top: 0px;
					padding-right: 0px;
					height:auto;
padding-left: 0px;
					}	
				
					.weizizong a{
					float: left;
width: 100%;}

	.weizizong a:hover{
					
					background-color:#87bd44;
				}

					.xiala {
						width:100%;
						position:relative;
						display:none;
						float:left;
						left:0px;
						top: 0px;
						margin-left: 0px;
						background: rgba(211,211,211,1);
						padding: 0px;
						}
						
						.xiala1 {
							height:35px;
							line-height:35px;}
							.xiala1 a {
								height:35px; color:#333;}
						.xiala1 a:hover{background-color:#87bd44 !important;
							
								}
		
							
								
								
								
								.menu{
width: 40px;
text-align: center;
height: 26px;
margin-top: 17px;
cursor: pointer;
display: block;
float: right;
}

.menu span {
display: block;
width: 25px;
height: 2px;
margin: 5px auto;
background: #000;
}


	.top {
		padding-top:0px;}
	
	
		.top1 {
			height:60px;
			}
			
				.top1 img {
		width:68px;
		height:45px;
		margin-top:7.5px;}
			.top2 {
			height:60px;
			}
				.top2-1{
					margin-top:15px;}

	.top2-1 em{
		margin-right:15px;}
	
	/*---头部导航部分代码结束---*/
	
	
	


	
	/*---联系我们页面部分代码开始---*/
	.lianxi3{
		text-align:center;}
	
	.lianxi3-1{
		width:485px;
		float:none;
		
		
		
		}
			.lianxi3 .lianxi3-1:nth-child(odd)
{
	padding-right:0px;
}

.lianxi3 .lianxi3-1:nth-child(even)
{
padding-left:0px;
}
	
		/*---联系我们页面部分代码结束---*/
	
		/*---工程页面部分代码开始---*/
	.xiangmu1-2{padding: 60px 0px 60px 0px;
		
		}
	
	.yulan1{
	width:35%;}
	
	
	/*---工程页面部分代码结束---*/
	
	/*---关于页面部分代码开始---*/

	.zhongjian3{
		display:none;
		}
	
	
	/*---关于页面部分代码结束---*/
	
	
	
	.topRight .topRightNav2 li a{
		padding:0 30px;
	}
	#top .topRight .topRightNav1{
		padding-left:359px;
	}
	#centerBanner  .centerBannerTxt{
		top:40%;
	}
	#centerBanner .swiper-slide img{
		margin-left:60%;
	}
	#news{
		padding-left:100px;
		padding-right:100px;
	}
	.footer .bottomList{
		padding-left:60px;
		padding-right:60px;
	}
	.footer .bottomList li{
		padding:0 11px;
	}
	.productList .productItem .circle{
		width:130px;
		height:130px;
		left:8px;
		top:2px;
	}
	.productList  .col-md-2{
		width:14.2%;
	}
	.productList{
		padding-left:15px!important;
	}

	.productList .productItem a{
		font-size:14px;
	}
	
	#newsList .newsListLeft{
		width:100%!important;
	}
	#newsList .newsListRight{
		width:100%!important;
	}
	 .productListL {
			border:1px solid #f0f0f0;
			margin-left:0px;
     }
	#productList .productListR{
			padding-right:0;
		}
   .productListR .proItem{
   	  width:29%;
   }
   .productDetailL .bigImgBox{
   	height:435px;
   	margin-top:43px;
   }
    .productDetail{
    	margin-top:20px;
    }
.productDetailL .smallImgBox li img {
    display: inline-block;
    width: 80%;
    height: auto;
}
    #downloadList{
    	padding-left:50px;
    	padding-right:50px;
    }
    #botIndex .botIndexList{
    	width:100%;
    	
    }
    #botIndex .botIndexList li{
    	margin-right:10px;
    	width:23%;
    }
    
    
    
}
@media(min-width:768px) and (max-width:992px){
		.weizizong::before{
		display:none;}
	.daohang2{
					width:100%;
					 height: auto;
					position:absolute;
					top:60px;
					left:0px;
					z-index:99;
					background-color:#FFF;
					    -webkit-box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.08);
    -moz-box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.08);
    box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.08);
	display:none;

	  
		    border-top: 1px solid rgba(0, 0, 0, 0.1);
		
					}

						.daohang2-1{
							width:100%;
							height: auto;
							}
							
							
											.weizi {
border-bottom: #f6f6f6 solid 1px;
height:40px;
line-height:40px;
    margin-top: 0px;
}
	.weizi:hover{
		color:#fff;
		}

						.weizi1 {border-bottom: #f6f6f6 solid 1px;
							display:none;}
							
							
				.weizizong {
					width:100%;
					padding-top: 0px;
					padding-right: 0px;
					height:auto;
padding-left: 0px;
					}	
				
					.weizizong a{
					float: left;
width: 100%;}

	.weizizong a:hover{
					
					background-color:#87bd44;
				}

					.xiala {
						width:100%;
						position:relative;
						display:none;
						float:left;
						left:0px;
						top: 0px;
						margin-left: 0px;
						background: rgba(211,211,211,1);
						padding: 0px;
						}
						
						.xiala1 {
							height:35px;
							line-height:35px;}
							.xiala1 a {
								height:35px; color:#333;}
						.xiala1 a:hover{background-color:#87bd44 !important;
							
								}
		
							
								
								
								
								.menu{
width: 25px;
text-align: center;
height: 26px;
margin-top: 17px;
cursor: pointer;
display: block;
float: right;
}

.menu span {
display: block;
width: 25px;
height: 2px;
margin: 5px auto;
background: #000;
}


	.top {
		padding-top:0px;}
	
	
		.top1 {
			height:60px;
			}
			
				.top1 img {
		width:68px;
		height:45px;
		margin-top:7.5px;}
			.top2 {
			height:60px;
			}
				.top2-1{
					margin-top:15px;}

	.top2-1 em{
		margin-right:15px;}
	
	
	
	
	
	
	

	
		/*---联系我们页面部分代码开始---*/
		
	
	.lianxi3{
		text-align:center;}
	
	.lianxi3-1{
		width:485px;
		float:none;
		
		
		
		}
			.lianxi3 .lianxi3-1:nth-child(odd)
{
	padding-right:0px;
}

.lianxi3 .lianxi3-1:nth-child(even)
{
padding-left:0px;
}
	
		/*---联系我们页面部分代码结束---*/
	
		/*---荣誉页面部分代码开始---*/
		.tupian2{
			margin-top:50px;
			margin-bottom:50px;}
	

		/*---荣誉页面部分代码结束---*/
		
		/*---顶部所属位置部分代码开始---*/
	.erji{
		display:none!important;}
	
		/*---顶部所属位置部分代码结束---*/
	
		
			/*---工程页面部分代码开始---*/
	.xiangmu1-2{padding: 60px 0px 60px 0px;
		
		}
	
	.slide__overlay {
    display: none;
}

.yulan1{
	width:100%;

	bottom: 0;
left: 0;
overflow:hidden;
padding:20px;

background-color:rgba(0,0,0,0.62);
	}
	
	
	/*---工程页面部分代码结束---*/
	/*---关于页面部分代码开始---*/

	.zhongjian3{
		display:none;
		}
	
	
	/*---关于页面部分代码结束---*/
#banner .bannerTxt {
	background-image:none!important;
	top: 50%;
	padding-top: 0px;
	-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
	
	}
	#banner h3{
		font-size:27px;
	}
	.productList .col-sm-3{
		width:25%;
	}
	.productList .productItem .circle{
		left:17px;
	}
	#centerBanner .swiper-slide img{
		width:44%;
		
	}
	#centerBanner  .centerBannerTxt{
		width:464px;
		left:8%;
		top:43%;
	}
	#news{
		padding-left:30px;
		padding-right:30px;
	}
	.footer .bottomList{
		padding-left:15px;
		padding-right:15px;
	}
	.footer .bottomList li{
		padding:0 6px;
		font-size:12px;
	}
	#news .newsRight p{
		font-size:12px;
	}
	#news .swiper-slide .newsLeft{
		width:33.3%;
	}
	#news .swiper-slide .newsRight{
		width:66.6%;
	}

	
	
	
	#productList .productListR{
			padding-right:0;
			padding-left:0px;
			
		}
   .productListR .proItem{
   	  width:29%;
   }
   .productDetail .productDetailL{
   	padding-right:15px;
   }
   .productDetailL .bigImgBox{
     	width:95%;
     	margin:0 auto;
		height:300px;
   }
   .productDetailL .smallImgBox{
	   	width:95%;
	   	margin:20px auto;
   }
   .productDetail .productDetailR{
   	padding-left:30px;
   		padding-right:30px;
   }
   
    #downloadList{
    	padding-left:20px;
    	padding-right:20px;
    }
    #botIndex .botIndexList{
    	width:100%;
    	
    }
    #botIndex .botIndexList li{
    	margin-right:10px;
    	width:23.6%;
    }
}
@media(min-width:500px) and (max-width:767px){
		.weizizong::before{
		display:none;}
	.daohang2{
					width:100%;
					 height: auto;
					position:absolute;
					top:60px;
					left:0px;
					z-index:99;
					background-color:#FFF;
					    -webkit-box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.08);
    -moz-box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.08);
    box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.08);
	display:none;

	  
		    border-top: 1px solid rgba(0, 0, 0, 0.1);
		
					}

						.daohang2-1{
							width:100%;
							height: auto;
							}
							
							
											.weizi {
border-bottom: #f6f6f6 solid 1px;
height:40px;
line-height:40px;
    margin-top: 0px;
}
	.weizi:hover{
		color:#fff;
		}

						.weizi1 {border-bottom: #f6f6f6 solid 1px;
							display:none;}
							
							
				.weizizong {
					width:100%;
					padding-top: 0px;
					padding-right: 0px;
					height:auto;
padding-left: 0px;
					}	
				
					.weizizong a{
					float: left;
width: 100%;}

	.weizizong a:hover{
					
					background-color:#87bd44;
				}

					.xiala {
						width:100%;
						position:relative;
						display:none;
						float:left;
						left:0px;
						top: 0px;
						margin-left: 0px;
						background: rgba(211,211,211,1);
						padding: 0px;
						}
						
						.xiala1 {
							height:35px;
							line-height:35px;}
							.xiala1 a {
								height:35px; color:#333;}
						.xiala1 a:hover{background-color:#87bd44 !important;
							
								}
		
							
								
								
								
								.menu{
width: 25px;
text-align: center;
height: 26x;
margin-top: 17px;
cursor: pointer;
display: block;
float: right;
}

.menu span {
display: block;
width: 25px;
height: 2px;
margin: 5px auto;
background: #000;
}


	.top {
		padding-top:0px;}
	
	
		.top1 {
			height:60px;
			}
			
				.top1 img {
		width:68px;
		height:45px;
		margin-top:7.5px;}
			.top2 {
			height:60px;
			}
				.top2-1{
					margin-top:15px;}

	.top2-1 em{
		margin-right:15px;}
	
	
	
	
	
	
		/*---联系我们页面部分代码开始---*/
	.lianxi3{
		text-align:center;}
	
	.lianxi3-1{
		width:485px;
		float:none;
		
		
		
		}
			.lianxi3 .lianxi3-1:nth-child(odd)
{
	padding-right:0px;
}

.lianxi3 .lianxi3-1:nth-child(even)
{
padding-left:0px;
}
	
		/*---联系我们页面部分代码结束---*/
		
		/*---下载页面部分代码结束---*/
	.downloadTop1{
		width:100%;
		float:left;}
		
			.downloadTop2{
		width:100%;
		text-align:right;
		margin-top:10px;
		float:left;}
		
		/*---下载页面部分代码结束---*/
	
		/*---荣誉页面部分代码开始---*/
		.tupian2{
			margin-top:50px;
			margin-bottom:50px;}
	

		/*---荣誉页面部分代码结束---*/
	
	
	
	/*---顶部所属位置部分代码开始---*/
	.erji{
		display:none!important;}
	
		/*---顶部所属位置部分代码结束---*/
	
		/*---工程页面部分代码开始---*/
	.xiangmu1-2{padding: 30px 0px 30px 0px;
		
		}
	
	.slide__overlay {
    display: none;
}
	.yulan1{
	width:100%;

	bottom: 0;
left: 0;
overflow:hidden;
padding:20px;

background-color:rgba(0,0,0,0.62);
	}
	
	/*---工程页面部分代码结束---*/
	
	/*---关于页面部分代码开始---*/

	.zhongjian3{
		display:none;
		}
			.zhongjian1-1{
			font-size:20px;
			margin-top:50px;
			margin-bottom:20px;}
	.zhongjian1-2{
		background:none;padding-right: 0px;
		}
	
	/*---关于页面部分代码结束---*/

	#banner .bannerTxt {
	background-image:none!important;
	top: 50%;
	padding-top: 0px;
	-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
	
	}
	
	#banner p {
		margin-top:0px;}

	#banner h3{
		font-size:20px;
	}
	.productList .col-sm-3{
		width:33%;
	}
	.productList .productItem{
		margin-top:20px;
		margin-bottom:20px;
	}
	.productList .productItem .circle{
		left:45px;
		top:1px;
		width:130px;
		height:130px;
	}
	#centerBanner .swiper-slide img{
		width:44%;
		
	}
	#centerBanner  .centerBannerTxt{
		width:350px;
		left:15%;
		top:43%;
	}
	#centerBanner  .centerBannerTxt .bannerTxtLeft{
		width:180px;
	}
	#centerBanner .bannerTxtLeft p{
		margin-top:15px;
	}
	#centerBanner  .centerBannerTxt .bannerTxtRight{
		width:110px;
		float:right;
		padding-top:26px;
	}
	#centerBanner .bannerTxtLeft h3{
		font-size:21px;
	}
	#news{
		padding-left:30px;
		padding-right:30px;
		height:300px;
	}
	.footer .bottomList{
		padding-left:15px;
		padding-right:15px;
	}
	.footer .bottomList li{
		    padding: 0px 0px;
		    font-size: 12px;
		    width: 100%;
		    text-align: center;
		    margin-bottom: 10px;
	}
	#news .newsRight p{
		font-size:12px;
	}
	#news .newsRight{
		padding-top:12px;
		padding-left:15px;
	}
	#centerBanner .swiper-slide img{
		width:50%;
		margin-top:20px;
		margin-bottom:20px;
		margin-left:46%;
	}
	.newsListRight li a .date{
		margin-bottom:20px;
	}

	.newsListRight li .newsTil{
	 overflow: hidden;
	 height:50px;
	 line-height:25px;
}
	
	
	.pageNum .pageBtn .fontB{
		display:none;
	}
	.pageNum .pageBtn{
		margin-top:50px;
		margin-bottom:40px;
	}
	#productList .productListR{
			padding-right:0;
		}
   .productListR .proItem{
   	  width:45%;
   }
   #productList .productListR{
   	padding-left:15px;
   }
   
    .productListR .proItem{
   	  width:45%;
   }
   .productDetail .productDetailL{
   	padding-right:15px;
   }
   .productDetailL .bigImgBox{
     	width:95%;
     	margin:0 auto;height: 300px;
   }
   
   
   .productDetailL .smallImgBox{
	   	width:95%;
	   	margin:20px auto;
   }
   .productDetail .productDetailR{
   	padding-left:30px;
   		padding-right:30px;
   }
   #pageIndex .noBg .indexCon  .indexIcon{
   	margin:0 5px;
   }
.productDetailL .smallImgBox li img {
    display: inline-block;
    width: 80%;
    height: auto;
}


    #bottomProduct ul li{
    	width:50%;
    }
    .productDetail{
    	margin-top:15px;
    }
     #downloadList{
    	padding-left:20px;
    	padding-right:20px;
    }
    #botIndex .botIndexList{
    	width:100%;
    	
    }
    #botIndex .botIndexList li{
    	margin-right:9px;
    	width:47%;
    }
    #downloadList .listCon li .date{
    	display:none;
    }
    #botIndex .botIndexList{
    	padding-left:0;
    	padding-right:0;
    }
    .alertWin .emailSub{
    	width:90%;
    	left:0;
    	right:0;
    	top:0;
    	bottom:0;
    	margin:auto;
    	
    }
    .alertWin .emailSub h3{
    	background:url(../images/bannerLogo.png) no-repeat 49px center;
    }
	
	
	
		.shangxian1 {
		width:480px;
		height:253px;}
}
@media(min-width:320px) and (max-width:499px){
	.weizizong::before{
		display:none;}
	
	.daohang2{
					width:100%;
					 height: auto;
					position:absolute;
					top:60px;
					left:0px;
					z-index:99;
					background-color:#FFF;
					    -webkit-box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.08);
    -moz-box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.08);
    box-shadow: 0px 2px 8px 0px rgba(50, 50, 50, 0.08);
	display:none;

	  
		    border-top: 1px solid rgba(0, 0, 0, 0.1);
		
					}

						.daohang2-1{
							width:100%;
							height: auto;
							}
							
							
											.weizi {
border-bottom: #f6f6f6 solid 1px;
height:40px;
line-height:40px;
    margin-top: 0px;
}
	.weizi:hover{
		color:#fff;
		}

						.weizi1 {border-bottom: #f6f6f6 solid 1px;
							display:none;}
							
							
				.weizizong {
					width:100%;
					padding-top: 0px;
					padding-right: 0px;
					height:auto;
padding-left: 0px;
					}	
				
					.weizizong a{
					float: left;
width: 100%;}

	.weizizong a:hover{
					
					background-color:#87bd44;
				}

					.xiala {
						width:100%;
						position:relative;
						display:none;
						float:left;
						left:0px;
						top: 0px;
						margin-left: 0px;
						background: rgba(211,211,211,1);
						padding: 0px;
						}
						
						.xiala1 {
							height:35px;
							line-height:35px;}
							.xiala1 a {
								height:35px; color:#333;}
						.xiala1 a:hover{background-color:#87bd44 !important;
							
								}
		
							
								
								
								
								.menu{
width: 25px;
text-align: center;
height: 26x;
margin-top: 17px;
cursor: pointer;
display: block;
float: right;
}

.menu span {
display: block;
width: 25px;
height: 2px;
margin: 5px auto;
background: #000;
}


	.top {
		padding-top:0px;}
	
	
		.top1 {
			height:60px;
			}
			
				.top1 img {
		width:68px;
		height:45px;
		margin-top:7.5px;}
			.top2 {
			height:60px;
			}
				.top2-1{
					margin-top:15px;}
					
					.top2-1 span{
						display:none;}
									.top2-1 p{
						display:none;}

	.top2-1 em{
		margin-right:15px;
		margin-left:15px;}
	
	
	
	
	

		/*---联系我们页面部分代码开始---*/
	.lianxi3{
		text-align:center;}
	
	.lianxi3-1{
		width:100%;
		float:none;
		
		
		
		}
			.lianxi3 .lianxi3-1:nth-child(odd)
{
	padding-right:0px;
}

.lianxi3 .lianxi3-1:nth-child(even)
{
padding-left:0px;
}

.lianxi3-1-1{
	display:none;}
	.lianxi3-1-2{
		margin-left:0px;
		width:100%;}
		.lianxi3-1-2-1{
			margin-top:0px;}
		
		.lianxi3-1-3{
			display:none;
		
		
			}
			
			.fankui1{
				margin-top:0px;
				}
	

		/*---联系我们页面部分代码结束---*/
	
	/*---荣誉页面部分代码开始---*/
		.tupian2{
			margin-top:50px;
			margin-bottom:50px;}
	

		/*---荣誉页面部分代码结束---*/
		
		
		/*---顶部所属位置部分代码开始---*/
	.erji{
		display:none!important;}
	
		/*---顶部所属位置部分代码结束---*/
	
		
				/*---下载页面部分代码结束---*/
	.downloadTop1{
		width:100%;
		float:left;}
		
			.downloadTop2{
		width:100%;
		text-align:right;
		margin-top:10px;
		float:left;}
		
		/*---下载页面部分代码结束---*/
		
		
			/*---工程页面部分代码开始---*/
			
			.xiangmu1{    background-size:cover;
				}
				
				.xiangmu1:hover{
				background-size:cover;} 
	.xiangmu1-2{padding: 30px 0px 30px 0px;
		
		}
	
	.xiangmu1-2-1{
		width:280px;padding: 10px 0px 10px 0px;
		}
		
		.xiangmu1-2-1 p{
			margin-bottom:0px;}
	.slide__overlay {
    display: none;
}
	.yulan1{
	width:100%;

	bottom: 0;
left: 0;
overflow:hidden;
padding:20px;

background-color:rgba(0,0,0,0.62);
	}
	.yulan1-1{
		margin-bottom:0px;}
	.yulan1-2{
		display:none;}
	/*---工程页面部分代码结束---*/
	
		/*---关于页面部分代码开始---*/

	.zhongjian3{
		display:none;
		}
		.zhongjian1-1{
			font-size:20px;
			margin-top:50px;
			margin-bottom:20px;}
	.zhongjian1-2{
		background:none;padding-right: 0px;
		}
	
	/*---关于页面部分代码结束---*/
	#banner .bannerTxt {
background-image:none!important;
	top: 50%;
	padding-top: 0px;
	-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
	
	}
	
	#banner p {
		margin-top:0px;}
	#banner p{
		font-size:12px;
		margin-top:10px;
	}
	#banner .il{
		display:none;
		
		}
	#banner h3{
		font-size:16px;
		margin-top:10px;
		margin-bottom:10px;
	}
	.productList {
		padding-left:15px!important;	
		}
	.productList .col-sm-3{
		width:50%;
	}
	.productList .col-sm-3 img{
		width:80%;
		height:auto;
	}
	.productList .productItem a{
		font-size:13px;
	}
	.productList .productItem:hover a{
		color:#87bd44;
	}
	.productList .productItem{
		margin-top:15px;
		margin-bottom:15px;
	}
	.productList .productItem .circle{
		display:none;
	}
	#centerBanner .swiper-slide img{
		width:44%;
		
	}
	#centerBanner  .centerBannerTxt{
		width:80%;
		left:4%;
		top:32%;
	}
	#centerBanner  .centerBannerTxt .bannerTxtLeft{
		width:60%;
	}
	#centerBanner .bannerTxtLeft p{
		margin-top:10px;
	}
	#centerBanner  .centerBannerTxt .bannerTxtRight{
		width:40%;
		float:right;
		padding-top:15px;
	}
	#centerBanner .bannerTxtLeft h3{
		font-size:18px;
	}
	#centerBanner  .centerBannerTxt{
		height:70px;
	}
	#news{
		padding-left:30px;
		padding-right:30px;
		height:auto;
		overflow:hidden;
	}
	.footer .bottomList{
		padding-left:15px;
		padding-right:15px;
	}
	.footer .bottomList li{
		    padding: 0px 0px;
		    font-size: 12px;
		    width: 100%;
		    text-align: center;
		    margin-bottom: 10px;
	}
	#news .newsRight p{
		font-size:12px;
	}
	#news .newsRight{
		padding-top:8px;
		padding-left:15px;
	}
	
	
		.newsListRight li .newsTil{
		overflow: hidden;
		margin-left:0px;
		margin-top:30px;
		width:100%;
}


	#centerBanner .swiper-slide img{
		width:50%;
		margin-top:20px;
		margin-bottom:20px;
		margin-left:45%;
	}
	.newsListRight li a .date{
		margin-bottom:20px;
	}
	#newsList  .news li{
	
	}
	.pageNum .pageBtn .fontB{
		display:none;
	}
	.pageNum .pageBtn{
		margin-top:50px;
		margin-bottom:40px;
	}

	.newsListRight{
		padding:0px!important;}
	
	#newsList  .news{
		padding-left:27px;
	}
	.newsListLeft li{
		margin-right:20px;
	}
	.newsListRight .pageNum{
		margin-left:20px;
		float:none!important;
	}
	.pageNum .pageBtn .mr13 a{
		margin:0 5px;
	}
	.newsListRight .newsTop{
		padding-left:8px;
		margin-top:25px;
		margin-bottom:25px;
	}
	.newsListRight .newsPageBtn{
		margin-bottom:20px;
	}
	
	.newsListRight li a .newsTag{
		margin-right:0px;}
	
	#productList .productListR{
			padding-right:0;
		}
   .productListR .proItem{
   	  width:90%;
	  float:none;
	  
   	  margin:15px auto;
   }
   #productList .productListR{
   	padding-left:0px;
	text-align:center;
   }
   
    .productListR .proItem{
   	  width:245px;
   }
   .productDetail .productDetailL{
   	padding-right:15px;
   }
   .productDetailL .bigImgBox{
     	width:95%;
     	margin:0 auto;
   }
   .productDetailL .smallImgBox{
	   	width:95%;
	   	margin:20px auto;
   }
   
   
   .productDetailL .bigImgBox li img{
	display:inline-block;
	width:150px;
	height:150px;

	
	}
   .productDetail .productDetailR{
   	padding-left:30px;
   		padding-right:30px;
   }
   #pageIndex .noBg .indexCon  .indexIcon{
   	margin:0 5px;
   }
   .productDetailL .smallImgBox li img {
    display: inline-block;
    width: 100%;
    height: auto;
	
}
.productDetailL .smallImgBox li a {
	padding:0px;}
	
	.productDetailL .smallImgBox li {
		padding:5px;}
    #bottomProduct ul li{
    	width:50%;
    }
    .productDetail{
    	margin-top:15px;
    }
  

    .productDetailL .bigImgBox{
    	height:190px;
    }
	

    .productDetailR h3{
    	font-size:18px;
    	line-height:30px;
    }
    #bottomProduct ul li a{
    	background:url(../images/botProBg.png) no-repeat 15px center;
    }
    
     #downloadList{
    	padding-left:20px;
    	padding-right:20px;
    }
    #botIndex .botIndexList{
    	width:100%;
    	
    }
    .listCon .chk_1 + label{
    	margin-right:5px;
    }
    .listCon .bookName{
    	margin-left:5px;
    }
    #botIndex .botIndexList li{
    	margin-right:9px;
    	width:47%;
    }
    .listCon .pdfIcon{
    	display:none;
    }
    #downloadList{
    	margin-bottom:30px;
    }
    #downloadList .listConBtn span{
    	margin-left:5px;
    }
    #downloadList .listCon li{
    	padding-right:15px;
    }
    #downloadList .listCon li .date{
    	display:none;
    }
    #botIndex .botIndexList{
    	padding-left:0;
    	padding-right:0;
    }
    .alertWin .emailSub{
    	width:90%;
    	left:0;
    	right:0;
    	top:0!important;
    	bottom:0;
    	margin:auto;
    	
    }
    .alertWin .emailSub h3{
    	background:url(../images/bannerLogo.png) no-repeat 7px center;
    }
    .alertWin .emailSub p{
    	padding-left:15px;
    	padding-right:15px;
    }
    .alertWin .emailSub input{
    	width:83%;
    }
     .alertWin .emailSub .submitBtn{
    	width:83%;
    }
    .timeline{
		
		margin-top:20px!important;		
	}
	
	
	.shangxian1 {
		width:320px;
		height:169px;}
		
		.shangxianquxiao{
			right:25px;
			top:25px;}
			
			
			.biaoti1 i {
				font-size:30px;}
					.biaoti1 em{
				font-size:20px;}
}