@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px; list-style:none;}
body,td,th {
	font-size: 14px;
	color: #333333; font-family:Arial, Helvetica, sans-serif
	
}
table,td{border-spacing: 0;/*去掉单元格间隙*/}
body {
	margin: 0px;
}
a:link {
	color: #333333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333333;
}
a:hover {
	text-decoration: none;
	color: #333333;
}
a:active {
	text-decoration: none;
}
.w1400{ width:90%;margin:0px auto; overflow:hidden; }
.chanpin{ overflow:hidden;}
.chanpin li{width:18.5%; height:295px; float:left;border-radius:0px 0px 20px 20px; border:1px solid #ccc; margin-left:10px; margin-right:10px; margin-bottom:30px; overflow:hidden;}
.chanpin li .pic5 { width:100%;height:230px; overflow:hidden;  margin:0px auto;}
.chanpin li .pic5 img{ width:100%;height:230px;transition: all 0.5s;}

.chanpin li .tit5{ background:#009ddb; text-align:center; color:#FFFFFF; padding:0px 10px; height:65px;}
.chanpin a:hover li .tit5{
	text-decoration: none; background: #FF9900;
	color: #fff;
}
.chanpin a:hover li .pic5 img{  transform: scale(1.1);}

.chanpin a:hover li{box-shadow:0 0 10px  rgba(0, 0, 0, .5);}



#demo {width:90%; margin:0px auto;overflow:hidden;height:300px;}
#indemo {float:left;width: 800%;}
#demo1 {float:left;}
#demo2 {float:left;}
#demo ul li {width:400px;height:300px;float:left;margin:0px 5px 0 5px;display:block;text-align:center; }
#demo ul  img{ width:100%; height:260px;transition: all 0.5s;}
#demo ul li a {line-height:20px;}
#demo ul li:hover {text-decoration:underline;}



.banner{ overflow:hidden; background: #000000; min-height:600px;}
.pro22{  margin:0px auto; overflow:hidden;}
.pro22 li{ width:400px; float:left;}
.pro22 li .pic22{width:100%; height:260px; overflow:hidden;}
.pro22 li .pic22 img{ width:100%; height:260px;transition: all 0.5s;}
.pro22 li .txt22{border-radius:0px 0px 30px 30px; text-align:center; padding:15px 0px;background: #FF9900; color:#FFFFFF; }
 .pro22 a:hover li .pic22 img{  transform: scale(1.2);}
.pro22  a:hover li .txt22{ background: #FF9900; color:#FFFFFF;}




.menu{ background:#0096d5;padding:12px;}
.nav{ width:1400px; margin:0px auto; overflow:hidden;}
.nav li{ float: left;  text-align:center; font-size:22px; color:#FFFFFF; padding:0px 40px;}
.news{ overflow:hidden;}
.news li{ border-bottom:1px solid #ccc; line-height:40px;}
.content{ width:1400px; margin:0px auto; overflow:hidden;}
.content .left{ width:300px; float:left; overflow:hidden;}
.content .right{ width:1080px; float:right; overflow:hidden;}
.content .right img{ max-width:100%;}
.rtit{ border:1px solid #ccc; padding:10px; overflow:hidden;}
.itit{background:#355aaf; text-align:center; color:#FFF; font-size:16px; padding:15px 0px;border-radius:20px 20px 0px 0px;}
.protit{ border:1px solid #ccc; padding:10px; overflow:hidden; background:#f2f2f2;}
.protit li{ border-bottom:1px solid #ccc; height:45px; line-height:45px;}

.protit a:hover li{ background:#ccc;}
.xw{ overflow:hidden;}
.xw li{ line-height:45px; border-bottom:1px dashed #ccc;}
.title{ text-align:center;}
.info{ text-align:center; border-bottom:1px solid #ccc;}
.ichanpin{ overflow:hidden;}
.ichanpin li{ width:322px; height:295px; float:left;border-radius:0px 0px 20px 20px; border:1px solid #ccc; margin-left:15px; margin-right:15px; margin-bottom:30px; overflow:hidden;}
.ichanpin li .pic5 { width:320px;height:230px; overflow:hidden;  margin:0px auto;}
.ichanpin li .pic5 img{ width:320px;height:230px;transition: all 0.5s;}

.ichanpin li .tit5{ background:#009ddb; text-align:center; color:#FFFFFF; padding:10px; height:45px;}
.ichanpin a:hover li .tit5{
	text-decoration: none; background: #FF9900;
	color: #fff;
}
.ichanpin a:hover li .pic5 img{  transform: scale(1.1);}

.ichanpin a:hover li{box-shadow:0 0 10px  rgba(0, 0, 0, .5);}


.fenlei2{text-indent:1em; line-height:35px; border-bottom:1px dashed #ccc;}
 a:hover .fenlei2{ background:#ccc; line-height:45px; font-size:18px;}
 /*轮播*/
.slider.main{position:relative;overflow:hidden;margin-top:0px;padding:0!important;}
.slideBox{background:#fff;border-radius:4px;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; text-align: center; z-index:1; bottom: 15px;width: 100%;}
.slideBox .hd ul li{ display: inline-block; margin:0 4px ;  width:15px; height:15px; line-height:14px; text-align:center; background:#999999; cursor:pointer; border-radius: 50%;}
.slideBox .hd ul li.on{ background:#22a9ff; color:#fff; }
.slider img{width:100%;border-radius:4px;}
.slideBox .bd{height:645px;width:100%;overflow: hidden;}
.slideBox .prev,.slideBox .next{ position:absolute; left:0; top:50%; margin-top:-70px; display:block; width:50px; height:140px; background:url(images/slider_nav.png) 0px 0px no-repeat;}
.slideBox .next{ left:auto; right:0; background-position:-50px 0; }
.slideBox .prev:hover{background-position: -153px 0;}
.slideBox .next:hover{background-position: -101px 0;}
.w1300{ width:1300px;}
	.abouttxt{padding:0px 150px 0px 50px; line-height:150%;}	
	.abouttxt2{line-height:150%;}
@media only screen and (max-width:1680px) {
	.w1400{ width:1400px;margin:0px auto; overflow:hidden; }
	
	
.chanpin{ overflow:hidden;}
.chanpin li{width:246px; height:255px; float:left;border-radius:0px 0px 20px 20px; border:1px solid #ccc; margin-left:10px; margin-right:10px; margin-bottom:30px; overflow:hidden;}
.chanpin li .pic5 { width:240px;height:200px; overflow:hidden;  margin:0px auto;}
.chanpin li .pic5 img{ width:100%;height:200px;transition: all 0.5s;}

.chanpin li .tit5{ background:#009ddb; text-align:center; color:#FFFFFF; padding:10px; height:45px;}
.chanpin a:hover li .tit5{
	text-decoration: none; background: #FF9900;
	color: #fff;
}
.chanpin a:hover li .pic5 img{  transform: scale(1.1);}

.chanpin a:hover li{box-shadow:0 0 10px  rgba(0, 0, 0, .5);}


	
	.abouttxt{padding:0px 150px 0px 50px; font-size:14px;}	

.pro22{  margin:0px auto; overflow:hidden;}
.pro22 li{ width:400px; float:left;}
.pro22 li .pic22{width:100%; height:260px; overflow:hidden;}
.pro22 li .pic22 img{ width:100%; height:260px;transition: all 0.5s;}
.pro22 li .txt22{border-radius:0px 0px 30px 30px; text-align:center; padding:15px 0px;background: #FF9900; color:#FFFFFF; }
 .pro22 a:hover li .pic22 img{  transform: scale(1.2);}
.pro22  a:hover li .txt22{ background: #FF9900; color:#FFFFFF;}





}
@media only screen and (max-width:1440px) {
	.w1400{ width:1200px;margin:0px auto; overflow:hidden; }
	
	
.chanpin{ overflow:hidden;}
.chanpin li{width:218px; height:255px; float:left;border-radius:0px 0px 20px 20px; border:1px solid #ccc; margin-left:10px; margin-right:10px; margin-bottom:30px; overflow:hidden;}
.chanpin li .pic5 { width:218px;height:200px; overflow:hidden;  margin:0px auto;}
.chanpin li .pic5 img{ width:100%;height:200px;transition: all 0.5s;}

.chanpin li .tit5{ background:#009ddb; text-align:center; color:#FFFFFF; padding:10px; height:45px;}
.chanpin a:hover li .tit5{
	text-decoration: none; background: #FF9900;
	color: #fff;
}
.chanpin a:hover li .pic5 img{  transform: scale(1.1);}

.chanpin a:hover li{box-shadow:0 0 10px  rgba(0, 0, 0, .5);}


	.w1300{ width:1200px;}
	
	.abouttxt{padding:0px 150px 0px 50px; font-size:14px;line-height:110%;}	
	.abouttxt2{line-height:110%;}
	
.pro22{  margin:0px auto; overflow:hidden;}
.pro22 li{ width:400px; float:left;}
.pro22 li .pic22{width:100%; height:260px; overflow:hidden;}
.pro22 li .pic22 img{ width:100%; height:260px;transition: all 0.5s;}
.pro22 li .txt22{border-radius:0px 0px 30px 30px; text-align:center; padding:15px 0px;background: #FF9900; color:#FFFFFF; }
 .pro22 a:hover li .pic22 img{  transform: scale(1.2);}
.pro22  a:hover li .txt22{ background: #FF9900; color:#FFFFFF;}

	
	
	
}