.body{ color:#f9fafa;}
.n-banner{ font-size:30px; color:#FFFFFF; text-align:center; padding-top:170px; letter-spacing:10px;}

.prolist_nav {
  
    height: 40px;
    width: 1180px;
	margin:0 auto;
	padding-top:30px;
}
 .prolist_nav span {
     background-color: #ededed;
    display: block;
    float: left;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
	 width:1px;
	 margin-top:13px;
}
 .prolist_nav a {
    display: block;
    float: left;
    font-size: 14px;
    line-height: 40px;
    padding:0 15px;
}
 .prolist_nav a.nav1 {
    font-size: 20px;
    padding:0px 20px; 
	color:#FFFFFF;
	
}


.catebox{ width:230px;}
.catebox li{ display:block;  margin-bottom:15px;}


	

		.caption-style-1 li{
			float: left;
			padding: 0px;
			position: relative;
			overflow: hidden;
				height: 170px;
			width: 230px;
		
		}

		.caption-style-1 li:hover .caption{
			opacity: 1;

		}
		.caption-style-1 img{
			margin: 0px;
			padding: 0px;
			float: left;
			z-index: 4;
			float: left;
			width:230px; height:140px;
		}
		.caption-style-1 span{
		float: left;
			width: 230px;
			display:block;
			background:#FFF;
			text-align:center;
			height:30px; line-height:30px;
			color:#000;
			border-top:1px solid #eeeeee;
			
		
		}


		.caption-style-1 .caption{
			cursor: pointer;
			position: absolute;
			opacity: 0;
			-webkit-transition:all 0.45s ease-in-out;
			-moz-transition:all 0.45s ease-in-out;
			-o-transition:all 0.45s ease-in-out;
			-ms-transition:all 0.45s ease-in-out;
			transition:all 0.45s ease-in-out;

		}
		.caption-style-1 .blur{
			background-color: rgba(0,0,0,0.65);
			height: 140px;
			width: 230px;
			z-index: 5;
			position: absolute;
		}

		.caption-style-1 .caption-text h1{
			text-transform: uppercase;
			font-size: 24px;
		}
		.caption-style-1 .caption-text{
			z-index: 10;
			color: #fff;
			position: absolute;
			width: 230px;
			height: 140px;
			text-align: center;
			top:60px;
		}









.container2{ width:950px; margin:0  auto; float:right;}

.service_list li p{height:48px;}
.service_list li a:after{content:"";width:0;height:1px;position:absolute;left:0;bottom:0;background:#10b7ee;}
	.service_list li em{position:absolute;left:0;bottom:0;width:100%;line-height:14px;padding-bottom:20px;opacity:0;}
	.service_list li:hover a{background:#fff;box-shadow:0 0 40px rgba(0,0,0,0.1);}
	.service_list li:hover a:after{width:100%;}
	.service_list li:hover em{opacity:1;}
	

	.service_list li{width:100%;float:inherit;height:auto;margin-right:0;margin-bottom:2.5rem; background-color:#fff;}
	.service_list li a{width:auto;height:auto;}
	.service_list li .img, .service_list li img{width:100%;height:auto;}
	.service_list li div{margin-top:1.0rem;font-size:0.7rem;line-height:0.7rem;}
	.service_list li i{width:1.5rem;margin:0.5rem auto;}
	.service_list li p{line-height:0.75rem;font-size:0.5rem;}
	.service_list li em{ font-style:normal; color:#10b7ee;}
	
	

.service_list{width:950px;}
.service_list li{width:300px;float:left;margin-left:16.6px;height:390px;margin-bottom:40px;text-align:center;}
.service_list li.last{ margin-right:0px;}
.service_list li a{position:relative;display:block;width:300px;height:390px;box-shadow:0 0 0 rgba(0,0,0,0.1);}
.service_list li span{width:300px;height:226px;display:block;overflow:hidden;position: relative; z-index: 1; }
.service_list li .img{width:300px;height:226px;display:block; overflow:hidden; }

.service_list li p{margin:0 35px;line-height:24px;font-size:14px;color:#999;}
.service_list li div{font-size:16px;line-height:16px;margin-top:40px;color:#333;}
.service_list li i{width:40px;height:1px;display:block;margin:20px auto 13px;overflow:hidden;background:#e6e6e6;}

.row2 p{overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}


 a, a::before, a::after, i::after, i::before, em, em::after, em::before, .hover img,  .img i {
    transition: all 0.3s ease 0s;
}


.service_list li a.img {
    display: block;
    transition: all .5s ease 0s;

   
}
.service_list li a:hover b.img{
    transform:  scale(1.2);	
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration:0.5s;
}



/*产品详情*/
.main{ width:1180px; margin:30px auto;}




.pro-info-pic {
   
     width:750x;
	 float:left;
	  
   
}
.pro-info-pic img {
   
}
.pro-info-info {
    height: 580px;
    width: 400px;
	 background-color:#FFFFFF;
	 float:right;
}
.pro-info-info p.pro-info-nav{ border-bottom:1px solid #f1f1f1; font-size:20px; color:#10b7ee;}
.pro-info-info p {
    color: #999;
    float: left;
    font-size: 14px;
  
    line-height: 40px;
    width: 400px;
	padding:0 20px 0 30px;
	display:block;
}
.pro-info-info p span {
    color: #000;
    padding-left: 8px;
}
.pro-info-info p.pro-info-nav {
    text-align: right;
	height:52px;
}
.pro-info-info p.pro-info-nav a {
    display: inline-block;
    padding: 5px 10px;
}
.pro-info-date {
    border-top: 1px solid #f1f1f1;
    padding-top: 20px;
    width: 1160px;
}


.proOrder_tit{ font-size:20px; color:#10b7ee; height:75px; line-height:75px;}
.proOrder_list span{ width:286px; height:220px; display:block; float:left; margin-right:12px;}
.proOrder_list span.last{ margin-right:0px;}
.proOrder_list img {
    opacity: 0.9;
}
.proOrder_list img:hover {
    opacity: 1;
}



/*--pagingbar--*/
.pagingbar{width:100%; height:26px; text-align:center; padding-bottom:20px; margin-bottom:50px; float:left; font-size:14px;}
DIV.blue{padding-right: 3px;padding-left: 3px;padding-bottom: 3px;margin: 3px;padding-top: 3px;text-align: center;}
DIV.blue A{padding:3px 10px; background-color:#e0e0e0; color:#10b7ee; margin:0 3px; -moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
DIV.blue A:hover{background-color:#10b7ee;color:#fff;}
DIV.blue A:active{background-color:#10b7ee;color:#fff;}
/*分页颜色*/
DIV.blue SPAN.current{padding:3px 10px; color:#fff; margin:0 3px; -moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;
background-color:#10b7ee;}
DIV.blue SPAN.disabled{margin:0px 3px;color: #fff;text-align:center;display:inline;line-height:12px;padding:3px 3px 2px 5px;/*ORI:3px 3px 2px 5px;*/margin:0 3px; -moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;background-color:#e0e0e0; color:#fff;}