@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;z-index: 7;}

.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: 60px;
	margin:0 auto;
	display:flex;}
.subnav-menu{loat:left;
	position: relative;
	height: 60px;
	width:120px;
	line-height:60px;}
.subnav-menu ul{ float:left;
	position: relative;
	display:flex;
	font-family: "Microsoft YaHei";
	font-size: 14px;
	color: #333;
	text-align:center;}
.subnav-menu a{float: left;
	display: block;
	position: relative;
	width:120px;
	text-align: center; 
	margin: 0 6px;}
.subnav-menu span
		{color:white;
		background-color: #7cce73;
		padding:20px 30px 20px;
		}
.subnav-menu ul li:hover a, .subnav-menu ul li.active a {color: white; background: #7cce73; } /*<!--定义鼠标经过时显示样式-->*/
.subnav-menu a:focus{background-color:#7cce73;color: white;}/*<!--定义鼠标点击后显示样式-->*/
.subnav-menu li a:visited {background-color:#7cce73; }


/*子导航栏结束*/

.content{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;}
.contentCont{
	width: 1180px;
	height:1800px;
	display:block;
	margin:0 auto;}

.contentCont-List{float: left;margin-left: -30px;
	 border-collapse:collapse;
	 bottom: 0;
	 width:1180px;
	 height: 300px;
	position: relative;top:40px;
    }
.contentCont-List tr{display: block;}
.contentCont-List td{height:250px;border: 2px solid #7cce73;}
.contentCont-List img{width:212px;height:212px;margin-top:4px;}
.product-name{position:relative;float:left; width: 212px;height: 28px;padding-top:2px;
    border: none;
	background-color:#7cce73;
   text-decoration: none;}
.contentCont-List p{position: relative;height:30px; font-family: "Microsoft YaHei";font-size: 16px;letter-spacing:2px;padding-top:4px;
	color:white;}

.introduce{float: left;
	 border-collapse:collapse;
	 bottom: 0;
	 width:1180px;
	 height:1400px;
	position: relative;top:40px;
   }
.introduce-first{
	width: 1180px;
	height: 640px;
	margin-top: 80px;}
.introduce-first-left{position:relative;
	float: left;
	border: 6px solid #7cce73;
	margin-left:50px; 
	height:348px;
	width:418px;}
.introduce-first-left img{position: relative;float: left;padding-left:14px; padding-top:20px; width:310px;height:310px;padding-right:18px;}
.shuli{position:relative;float:left; text-align: center;height: 348px;width:76px;
    border: none;
	background-color:#7cce73;
    }
.shuli p{position: relative;height:30px; font-family: "Microsoft YaHei";font-size: 32px;font-weight:580;padding-top:20px;padding-left:14px;line-height:42px;
	color:white;}

.introduce-first-right{position:relative;
	float: right;
	margin-right:50px; 
	height: 360px;
	width:580px;}
.introduce-first-right-title{float: left;margin-top:50px; margin-bottom: 0; display:block;text-align:left; width:100%;}
.introduce-first-right-title h1{position:relative;float: left;font-family: "Microsoft YaHei";font-size: 24px;color:#333;}
.introduce-first-right-title h4{position:relative;float: left;margin-top:14px;margin-left:20px; font-family: "Microsoft YaHei";font-size: 12px;color:#666}
.introduce-first-right span{position:relative;float: left;margin-top:40px; font-family: "Microsoft YaHei";font-size: 16px;color:#333}
.introduce-first-right p{position:relative;float: left;margin-top:20px; font-family: "Microsoft YaHei";font-size: 16px;color:#666;line-height:24px;}
.show{position:relative;float: left;width: 1180px; height: 260px;margin-top:20px;}
.showCont{margin-left:34px; width: 1096px; height: 260px;}
.show img{position:relative;float: left;width: 350px;height: 260px; padding-left:15px;}

.introduce-second{
	width: 1180px;
	height: 640px;
	margin-top: 40px;}
.introduce-second-left{position:relative;
	float: left;
	border: 6px solid #7cce73;
	margin-left:50px; 
	height:348px;
	width:418px;}
.introduce-second-left img{position: relative;float: left;padding-left:14px; padding-top:20px; width:310px;height:310px;padding-right:18px;}
.shuli{position:relative;float:left; text-align: center;height: 348px;width:76px;
    border: none;
	background-color:#7cce73;
    }
.shuli p{position: relative;height:30px; font-family: "Microsoft YaHei";font-size: 32px;font-weight:580;padding-top:20px;padding-left:14px;line-height:42px;color:white;}

.introduce-second-right{position:relative;
	float: right;
	margin-right:50px; 
	height: 360px;
	width:580px;}
.introduce-second-right-title{float: left;margin-top:40px; margin-bottom: 0; display:block;text-align:left; width:100%;}
.introduce-second-right-title h1{position:relative;float: left;font-family: "Microsoft YaHei";font-size: 24px;color:#333;}
.introduce-second-right-title h4{position:relative;float: left;margin-top:14px;margin-left:20px; font-family: "Microsoft YaHei";font-size: 12px;color:#666}
.introduce-second-right span{position:relative;float: left;margin-top:40px; font-family: "Microsoft YaHei";font-size: 16px;color:#333}
.introduce-second-right p{position:relative;float: left;margin-top:20px; font-family: "Microsoft YaHei";font-size: 16px;color:#666;line-height:24px;}
.second-show{position:relative;float: left;width: 1180px; height: 260px;margin-top:20px;}
.showCont{margin-left:34px; width: 1096px; height: 260px;}
.second-show img{position:relative;float: left;width: 350px;height: 260px; padding-left:15px;}

.paginator{position:relative;float:right;width:100%; margin-top:76px;}
.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;}