@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px; list-style:none; font-family:微软雅黑;}
body,td,th {
	color: #333;
}
body {
	
	margin: 0px;
}
a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333;
}
a:hover {
	text-decoration: none;
	color: #333;
}
a:active {
	text-decoration: none;
	color: #333;
}
.w1400{ width:1400px; margin:0px auto; overflow:hidden; }
.w1600{ width:1400px; margin:0px auto; overflow:hidden; }
.youpinlogo{ width:280px; float:left; overflow:hidden; padding:20px 0px;}
.daohang3{ width:1000px; float:right; padding-top:30px; overflow:hidden;}

.pro{ overflow:hidden;}
.pro li{ width:25%; float:left; height:400px; margin-bottom:30px; }
.pro li .ss{ background:#FFF;margin-left:20px; margin-right:20px; margin-bottom:30px; border:1px solid #ddd; margin-top:30px;box-shadow: 0 0px 10px  rgba(0, 0, 0, .2);}
.pro li .pic{ height:300px; overflow:hidden;}
.pro li .pic img{ max-width:100%; }
.pro li .tit{ text-align:center; padding-bottom:20px; font-size:18px; padding-top:10px;}
.pro a:hover li .ss{box-shadow: 0 8px 8px  rgba(0, 0, 0, .2); margin-top:10px;}


.fenlei{ overflow:hidden;}
.fenlei li{ background:#FFF; text-align:center; float: left; font-size:18px; border:1px solid #b7bdbf; border-bottom:4px solid #b7bdbf;margin-left:20px; margin-top:30px; margin-bottom:10px; padding:12px 45px; color:#666;box-shadow: 0 0px 3px  rgba(0, 0, 0, .1);}
.daohang{ overflow:hidden;}
.daohang li{ text-align:center; width:15%; float:left; font-size:18px;}
.daohang li a{ color:#333;}


.daohang2{ overflow:hidden;}
.daohang2 li{ text-align:center; width:20%; float:left; font-size:18px; }
.daohang2 li a{color:#ddd;}
.fenlei a:hover li{  border:1px solid #ddd; border-bottom:4px solid #06C;box-shadow: 0 5px 5px  rgba(0, 0, 0, .2); margin-top:15px;}
.jianjiebg{
background-image: url(images/100275-CeNDYm.jpg);
		background-position: center center;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size: cover; min-height:700px;	 
	
	
	}
	.jianjiebg2{
background-image: url(images/100275-CeNDYm2.jpg);
		background-position: center center;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size: cover; min-height:700px;	 
	
	
	}
	.yingyong{ overflow:hidden;}
	.yingyong li{ width:50%; float:left; height:300px; margin-bottom:30px;}
	.yingyong li .pic{ margin-left:15px;}
	
	
	.col-22{ width:20%; overflow:hidden;}
.news { width:1500px; margin:0px auto; overflow:hidden;}
.news li { width:45%; margin-left:30px; margin-right:30px; overflow:hidden; float:left; margin-bottom:30px;}
.container2{}
/*分页*/
.page-num:not(:disabled) {
	cursor: pointer;
}
.page-num, .page-link {
	position: relative;
	display: block;
	padding: .5rem .75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #17a2b8;
	background-color: #fff;
	border: 1px solid #dee2e6;
}
a.page-num:hover, .page-link:hover {
	text-decoration: none;
}
.page-num-current {
	z-index: 1;
	color: #fff;
	background-color: #17a2b8;
	border-color: #17a2b8;
}
.page-num-current:hover {
	color: #fff;
}
.pagination {
	display:-ms-flexbox;
	display:flex;
	padding-left:0;
	list-style:none;
border-radius:.25rem
}
.page-link {
	position:relative;
	display:block;
padding:.5rem .75rem;
	margin-left:-1px;
	line-height:1.25;
	color:#007bff;
	background-color:#fff;
	border:1px solid #dee2e6
}
.page-link:hover {
	z-index:2;
	color:#0056b3;
	text-decoration:none;
	background-color:#e9ecef;
	border-color:#dee2e6
}
.page-link:focus {
	z-index:3;
	outline:0;
box-shadow:0 0 0 .2rem rgba(0, 123, 255, .25)
}
.page-item:first-child .page-link {
	margin-left:0;
border-top-left-radius:.25rem;
border-bottom-left-radius:.25rem
}
.page-item:last-child .page-link {
border-top-right-radius:.25rem;
border-bottom-right-radius:.25rem
}
.page-item.active .page-link {
	z-index:3;
	color:#fff;
	background-color:#007bff;
	border-color:#007bff
}
.page-item.disabled .page-link {
	color:#6c757d;
	pointer-events:none;
	cursor:auto;
	background-color:#fff;
	border-color:#dee2e6
}
.pagination-lg .page-link {
padding:.75rem 1.5rem;
	font-size:1.25rem;
	line-height:1.5
}
.pagination-lg .page-item:first-child .page-link {
border-top-left-radius:.3rem;
border-bottom-left-radius:.3rem
}
.pagination-lg .page-item:last-child .page-link {
border-top-right-radius:.3rem;
border-bottom-right-radius:.3rem
}
.pagination-sm .page-link {
padding:.25rem .5rem;
font-size:.875rem;
	line-height:1.5
}
.pagination-sm .page-item:first-child .page-link {
border-top-left-radius:.2rem;
border-bottom-left-radius:.2rem
}
.pagination-sm .page-item:last-child .page-link {
border-top-right-radius:.2rem;
border-bottom-right-radius:.2rem
}
.weizhi{ border-bottom:1px solid #ccc; padding:15px 0px; margin-bottom:30px; box-shadow: 0 0 10px 5px rgba(0, 0, 0, .1) inset; box-shadow: 0 y-shadow 10px 10px rgba(0, 0, 0, .2);}
.weizhi2{ border-bottom:1px solid #ccc; margin-bottom:30px; box-shadow: 0 0 10px 5px rgba(0, 0, 0, .1) inset; box-shadow: 0 y-shadow 10px 10px rgba(0, 0, 0, .2);}

.w1200{ width:1200px; margin:0px auto; overflow:hidden; }
.w1300{ width:1400px; margin:0px auto; overflow:hidden; }
/*产品轮播*/
.view {
	max-width: 500px;
}
.view .swiper-slide {
	height: 300px;
	max-width: 500px;
	padding: 0 3px;
	box-sizing: border-box;
	overflow: hidden;
	text-align: center;
}
.view .swiper-slide img {
	height: 100%;
}
.view .arrow-left {
	background: url(../images/index_tab_l.png) no-repeat left center;
	position: absolute;
	left: 10px;
	width: 28px;
	height: 300px;
	z-index: 10;
	display: none;
}
.view .arrow-right {
	background: url(../images/index_tab_r.png) no-repeat right center;
	position: absolute;
	right: 10px;
	width: 28px;
	height: 300px;
	z-index: 10;
	display: none;
}
.preview {
	position: relative;
	width: 440px;
	left: 30px;
}
.preview .swiper-slide {
	width: 87.5px;
	height: 70px;
	margin: 0 3px;
	box-sizing: border-box;
	overflow: hidden;
	cursor: pointer;
}
.preview .swiper-slide img {
	display: inline-block;
	height: 100%;
}
.preview .active-nav {
	border: 1px solid #F00;
}
.preview .arrow-left {
	background: #fff url(../images/feel3.png) no-repeat left center;
	position: absolute;
	left: -20px;
	top: 0;
	width: 20px;
	height: 70px;
	z-index: 10;
}
.preview .arrow-right {
	background: #fff url(../images/feel4.png) no-repeat right center;
	position: absolute;
	right: -20px;
	top: 0;
	width: 20px;
	height: 70px;
	z-index: 10;
}

@media only screen and (max-width: 768px) {
.view .swiper-slide {
	height: 200px;
}
.preview {
	display: none;
}
.view .arrow-left, .view .arrow-right {
	height: 200px;
	display: block;
}
}
@media (max-width:1440px) {
	
	.w1400{ width:1360px; margin:0px auto; overflow:hidden; }

.pro{ overflow:hidden;}
.pro li{ width:25%; float:left; height:350px; margin-bottom:30px; }
.pro li .ss{ background:#FFF;margin-left:15px; margin-right:15px; margin-bottom:30px; border:1px solid #ddd; margin-top:30px;box-shadow: 0 0px 10px  rgba(0, 0, 0, .2);}
.pro li .pic{ height:300px; overflow:hidden;}
.pro li .pic img{ max-width:100%; }
.pro li .tit{ text-align:center; padding-bottom:20px; font-size:18px; padding-top:10px;}
.pro a:hover li .ss{box-shadow: 0 8px 8px  rgba(0, 0, 0, .2); margin-top:10px;}


}


@media (max-width:1280px) {
	
	.w1400{ width:1200px; margin:0px auto; overflow:hidden; }
.w1300{ width:1200px; margin:0px auto; overflow:hidden; }
.pro{ overflow:hidden;}
.pro li{ width:25%; float:left; height:290px; margin-bottom:30px; }
.pro li .ss{ background:#FFF;margin-left:15px; margin-right:15px; margin-bottom:30px; border:1px solid #ddd; margin-top:30px;box-shadow: 0 0px 10px  rgba(0, 0, 0, .2);}
.pro li .pic{ height:260px; overflow:hidden;}
.pro li .pic img{ max-width:100%; }
.pro li .tit{ text-align:center; padding-bottom:20px; font-size:18px; padding-top:10px;}
.pro a:hover li .ss{box-shadow: 0 8px 8px  rgba(0, 0, 0, .2); margin-top:10px;}


}
.pro2{ overflow:hidden;}
.pro2 li{ width:25%; float:left; height:320px; margin-bottom:30px; }
.pro2 li .ss{ background:#FFF;margin-left:15px; margin-right:15px; margin-bottom:30px; border:1px solid #ddd; margin-top:30px;box-shadow: 0 0px 10px  rgba(0, 0, 0, .2);}
.pro2 li .pic{ height:260px; overflow:hidden;}
.pro2 li .pic img{ max-width:100%; }
.pro2 li .tit{ text-align:center; padding-bottom:20px; font-size:18px; padding-top:10px;}
.pro2 a:hover li .ss{box-shadow: 0 8px 8px  rgba(0, 0, 0, .2); margin-top:10px;}
.w1000{ width:80%; margin:0px auto; overflow:hidden; border:1px solid #333;}
.picc{ width:100%; margin:0px auto; overflow:hidden;}
.picc li{ width:22.5%; float:left; overflow:hidden; text-align:center; font-size:24px; border:1px solid #ddd; margin-left:15px; margin-right:15px; margin-bottom:20px;}
.picc li img{ max-width:100%; margin-bottom:20px;}
.lx{ width:100%; overflow:hidden; }
.lxl{ width:80%; float:left; overflow:hidden;min-height:300px; padding:30px;}
.lxr{ width:17%; float:right; overflow:hidden;min-height:300px;padding:30px; text-align:center;}


.lxx{ overflow:hidden; padding:20px 0px;}
.lxx li{ width:50%; float:left; line-height:40px; font-size:20px;}

.liuyan{overflow:hidden;padding:30px;}
.liuyan li{ width:600px; float:left; padding:5px;  margin-right:20px; margin-bottom:20px; }

.liuyan li input{ width:590px;border:2px solid #ccc; background:#FFF; padding:10px;}
.liuyan li textarea{border:2px solid #ccc; background:#FFF; padding:10px; width:1210px; height:100px;}
.liuyan li button{padding:10px; width:1210px;}