﻿


/*è½®æ’­å›¾*/

.move-image-bg{
	margin: 0 auto;
	width:100%;
	padding: 0;
	min-width:1200px;
}
.swiper-container{
	width:100%;
	margin: 0 auto;
	padding: 0;
	font-size: 0;
}
.move-image-bg .swiper-container img{
	width:100%;
	height:auto;
		
}


.pagination {
  position: absolute;
  z-index: 20;
  bottom: 10px;
  width: 100%;
  text-align: center;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 7px;
  behavior:url(../../js/ie-css3.htc);  
  background: #555;
  margin: 0 8px;
  opacity: 0.8;
  cursor: pointer;
}
.swiper-active-switch {
  background: #fff;
}

/*é€‰æ‹©æ•°é‡*/


.choose-quantity{
	margin: 0 auto;
	height:136px;
	width:100%;
	position: relative;
	min-width:1200px;
	
}
.choose-quantity-top{
	height:110px;
	color:#686868;
	font-size: 35px;
	line-height: 100px;
	text-align: center;
	background:#e1e1e1;
	
	
}
.choose-quantity span{
	color:deepskyblue;
	background: #fff;
	width:30px;
	height:60px;
	display: inline-block;
	border-radius: 4px;
	line-height: 60px;
	font-size: 28px;
}
.choose-quantity-bottom{
	position: absolute;
	width:48px;
	height:24px;
	background:url(../../img/index/u90.png) center center no-repeat;
	background-size: 100% 100%;
	top:110px;
	left:50%;
	margin-left: -25px;
}

/*content*/


.content{
	margin: 0 auto;
	width:100%;
	min-width: 1200px;
	
}
.content .product-content{
	text-align: center;
	
	
}
 .special-center{
 	font-size:28px;
 	color:#343434;
 	width:400px;
 	height:44px;
 	margin: 0 auto;
 	padding-left:52px;
 	margin-top: 25px;
 	
 }
 .special-center .product-center{
	float:left;
	margin-right:10px;
}
 .special-center i{
 	float:left;
 }
 
 .dot-image{
 	font-size:28px;	
 	width:400px;
 	margin: 0 auto;
 	height:40px;
 	text-align: center;
 	padding-left:76px;
 	margin-bottom: 25px;
 }
   .dot-image img{
  	float:left;
  	margin:0 14px;
  }
  .dot-image div{
  	float:left;
  	line-height:5px;
  	color:#9e9e9e;
  }
  
  .show-company{
  	width:1000px;
  	margin:0 auto;
  	/*become*/
  }
  
.show-company dl{ 	
  /* -webkit-box-flex: 1;*/
 /*become*/
	float:left;
	width:16.666666%; 
	/*height:275px;*/
	text-align: center;
  
 }
 .show-company dl dt a{
 	display: block;
 }
 
 .show-company dl h4{
 	font-size: 20px;
 	color:#333333;
 	font-weight: normal;
 	line-height: 50px;
 }
 .show-company dl dd span{
 	/*become*/
 	display: block;
 	text-align: center;
 	padding:0 18px;
 	line-height: 24px;
 	font-size: 14px;
	overflow: hidden;
    	text-overflow: ellipsis;
    	display: -webkit-box;
    	-webkit-line-clamp: 3;
   	 -webkit-box-orient: vertical;
    	line-height: 22px;
 }
 
 .show-company2{
	width:1000px;
	margin:0 auto;
	/*become*/
}

.show-company2 dl{ 	
/* -webkit-box-flex: 1;*/
/*become*/
  float:left;
  width:20%; 
  /*height:275px;*/
  text-align: center;

}
.show-company2 dl dt a{
   display: block;
   width: 123px;
   height: 123px;
   margin: auto;
}
.show-company2 dl dt img{
	display: block;
	width: 123px;
	height: auto;
 }

.show-company2 dl h4{
   font-size: 20px;
   color:#333333;
   font-weight: normal;
   line-height: 50px;
}
.show-company2 dl dd span{
   /*become*/
   display: block;
   text-align: center;
   padding:0 18px;
   line-height: 24px;
   font-size: 14px;
  overflow: hidden;
	  text-overflow: ellipsis;
	  display: -webkit-box;
	  -webkit-line-clamp: 3;
	  -webkit-box-orient: vertical;
	  line-height: 22px;
}
 
 .solution-content{
 	width:100%;
 	margin: 0 auto;
 	background: #f0f0f0;
 	padding-top: 25px;
 	margin-top: 30px;
 	padding-bottom: 50px;
	
 }
 
 
  .solution-company{
  	width:1000px;
  	margin:0 auto;
  	/*become*/	  	
  }
.solution-company dl{ 		
	text-align: center;	
	/*become*/	
	width:33%;
	/*height:351px;*/
	float:left;
}
.solution-company dl dt a{ 
	display: block;	
	position: relative;
}
.solution-company dl dt a .img-background{
	display: none;
	position: absolute;
	left:15px;
	top:0;
	width:91%;
	height:200px;
	z-index: 3;
	opacity: 0.5;
	background:gray;
}
.solution-company dl dd h4{
	font-size: 20px;
	color:#333333;
 	font-weight: normal;
 	line-height: 50px;
}
.solution-company dl dd span{
 	display: block;
 	text-align: center;
 	padding:0 66px;
 	line-height: 24px;
 	font-size: 14px;
 }
 .solution-company dl .blue-width{
 	width:80px;
 	height:5px;
 	background: #02b1fb;
 	margin: 10px auto;
 }

.search-many{
	
	width:168px;
	height:50px;
	border-radius: 10px;
	background: #02b1fb;
	margin: 0 auto;
	margin-top: 60px;
	line-height: 50px;	
	font-size: 20px;
	text-align: center;
	
}
.search-many:hover{
	background: #337ff5;
}
.search-many a{
	color: #fff;
	display: block;
}


.change-news{
 	width:1000px;
 	margin: 0 auto;	
 	padding-top: 20px;
 	padding-bottom: 30px;
 }
 .change-news  .special-center .product-center{
 	padding-left:32px;
 }
 
 .news-content-left{
 	float:left;
 	width:50%;
 	height:130px;
 }
 
  .news-img {
	width: 190px;
	height: 130px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
 }
  .news-content-left .news-left{
  	float:left;
  }
   .news-content-left .news-right{
  	float:left;
  	width:276px;
  	margin-left:12px;
  }
  .news-content-left .news-right p,.news-content-right .news-right p{
  	line-height: 24px;
  	color:#000000;
  	text-indent: 24px;
  	font-size: 14px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
  }
  
  .news-content-left .news-right a, .news-content-right .news-right a{
  	display: block;
  	width:316px;
  	height:32px;
  	line-height: 20px;
  	color: #000;
  }
.news-content-left .news-right a h3,.news-content-right .news-right a h3{
	float:left;
	font-size: 18px;
	font-weight: normal;
	width: 206px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	
}
.news-content-left .news-right a span,.news-content-right .news-right a span{
   	float:right;
   	color:#02b1fb;
   	margin-right:52px ;
   	font-size: 16px;
}
  .news-content-right{
 	float:right;
 	width:50%;
 	height:130px;
 }
 .news-content-right .news-left{
  	float:left;
  }
   .news-content-right .news-right{
  	float:left;
  	width:276px;
  	margin-left:12px;
  }
  
  .news-many{
  	background:#fff;
  	border: 1px solid black;
  	border-radius: 0;
  
  }
   .news-many:hover{
   	background:gray;
   }
   .news-many a{
   		color: black;
   }
   
   
     
  
