@charset "utf-8";
/* CSS Document */
*{margin:0;padding: 0;list-style: none; }
h1,h2,h3,h4 { font-weight:normal;font-size:18px}/*去掉h1 h2 h3 h4加粗并统一字体大小样式*/
/*以上是清除默认样式*/
.body { margin: 0;padding: 0; }

.banner{position: relative;margin-top: 100px; height: 600px;width: 100%;}
.banner img{width:1920px; height:600px; }
/*banner end*/
/*以上是banner样式*/

.main{height:100%; width: 100%;margin: 0;padding: 0;}

.subnav{width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;box-shadow: 1px 2px 10px 0px rgba(0, 0, 0, 0.1)}
.subnav-container{width: 1180px;
	height: 80px;
	margin:0 auto;
	display:flex;
	}
.subnav-menu{width:100%;line-height:40px;display:flex;}
.subnav-menu-list{float: left;display:inline-block;height:40px;width: 100%;}
.subnav-menu-list ul{ float:left;
	position: relative;
	display:flex;
	font-family: "Microsoft YaHei";
	font-size:14px;
	color: #333;
	text-align:center;}
.subnav-menu-list a{
	display: block;
	width:86px;
	text-align: center; 
	margin: 0 6px;}
.subnav-menu-list ul li:hover a, .subnav-menu-list ul li.active a {color: white; background: #7cce73; } /*<!--定义鼠标经过时显示样式-->*/
.subnav-menu-list a:focus{background-color:#7cce73;color: white;}/*<!--定义鼠标点击后显示样式-->*/


.subnav-lower-box{position: absolute;height:40px;width:1140px;line-height:40px;margin-top:40px;}
.subnav-lower-box ul{ float:left;
	position: relative;
	display:flex;
	font-family: "Microsoft YaHei";
	font-size: 14px;
	color: #333;
	text-align:center;}
.subnav-lower-box a{float: left;
	display: block;
	position: relative;
	width:86px;
	text-align: center; 
	margin: 0 6px;}
.subnav-lower-box ul li:hover a, .subnav-hidden-box ul li.active a {color: white; background: #7cce73; } /*<!--定义鼠标经过时显示样式-->*/
.subnav-lower-box a:focus{background-color:#7cce73;color: white;}/*<!--定义鼠标点击后显示样式-->*/
.subnav-lower-box span
		{color:white;
		background-color: #7cce73;
		padding:10px 14px 10px;
		}
/*子导航栏结束*/

.Product{width: 100%;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;}
	
.ProductCont{width: 1180px;
	height:1360px;
	display:block;
	margin:0 auto;}

.ProductCont-List{float: left;margin-left: -30px;
	 border-collapse:collapse;
	 bottom: 0;
	 width:1180px;
	 height: 1270px;
	position: relative;top:40px;
    }
.ProductCont-List tr{display: block;}
.ProductCont-List td{height:370px;border: 2px solid #7cce73;}
.ProductCont-List img{width:270px;height:270px;margin-top:-20px;}
.ProductCont-List p{font-family: "Microsoft YaHei";font-size: 16px;
	color: #333;
	position: relative;}

.button-Jump{position: relative;float:left;left:28%; width: 120px;height: 30px;margin-top: 20px;
    border: none;
	background-color:#7cce73;
    border-radius: 6px;
   text-decoration: none;}
.button-Jump:hover {background-color: #49aa3e}
.button-Jump p{position: relative;float:left;left: 15%; font-family: "Microsoft YaHei";font-size: 16px;color: white;margin-top: 4px;}
.button-Jump img{position: relative;float:left;left:22%;margin-top: 9px;width: 11px;height: 12px;}/*底部跳转链接按钮*/

.paginator{float:right;width:100%; padding-top:60px;}
.page-icon{
		margin:0 0 0 0;/*设置距离顶部像素*/
		font-size:0;/*修复行内元素之间空隙间隔*/
		text-align:center;/*设置内容居中显示*/
	}
	
	/*设置共有的的样式布局，主要是进行代码优化，提高运行效率*/
.page-icon a,.page-total,.page-past,.page-next{
		border:1px solid #7cce73;
		border-radius:3px;
		padding:4px 10px 5px;
		font-size:14PX;/*修复行内元素之间空隙间隔*/
		margin-right:8px;
	}
.page-total{border:none;
		color:#333;}
.page-icon a:hover {color:#7cce73 }/*鼠标经过时变色*/
.page-icon a:hover {color:#7cce73 }
	/*对 a 标签进行样式布局 */
 .page-icon a{
		text-decoration:none;/*取消链接的下划线*/
		color:#666;
	}
 .page-current{
		color:white;
		border-radius: 3px;
		background-color: #7cce73;
		padding:4px 10px 5px;
		margin-right:8px;
		font-size:14PX;/*修复行内元素之间空隙间隔*/
	}
	
	.page-past{
		color:#ccc;
	}
.page-next{color: #ccc;}
/*产品中心样式结束*/

/*首页中间内容结束*/