body {margin: 0px; font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif; line-height:27px;  font-size:12px; background:#eed27e URL(../images/bg.jpg) center top repeat-y;}
ul{list-style-type:none; margin:0px; padding:0px;}
img{border:0;}
a{ text-decoration:none; color:#333;}
.clear{  clear:both; display:block;}
.index{ clear:both; width:100%; margin:0px auto;}

/* top style */
.top{ clear:both; position:relative; height:150px; overflow:hidden; }


.logo{ display: flex; align-items: center; justify-content: center; }
.logo a{ margin: 0px; }


/*  menu style start */
.menu{ display: flex; flex-wrap: wrap; background-color: #177d3b; }
.menu ul{ display: flex; flex-wrap: wrap; }
.menu li { display: flex; width: 25%; padding: 5px 0px; box-sizing: border-box; justify-content: center; }
.menu li a{ display: flex; font-size:14px; color: #fff; border-radius: 4px; justify-content: center; align-items: center; padding: 0px 5px; }
.menu li.on a{ background: #fff; color: #177d3b; }


/* banner */
.swiper-container-banner { clear: both; display: block; width: 100%; overflow: hidden; position: relative; }
.swiper-container-banner .swiper-slide{ clear: both; display: flex; width: 100%; }
.swiper-container-banner .swiper-slide img{ width: 100%; height: 150px; border: 0px; }
.swiper-container-banner .swiper-slide span{ display: flex; width: 100%; padding: 0px 10px; box-sizing: border-box; background: rgba(255,255,255,0.4); font-size: 12px; color: #000; position: absolute; bottom: 0px; left: 0px; }
.swiper-pagination span{ width: 20px; height: 20px; margin: 0px 40px;   background: rgba(255,255,255,0.8);  }
.swiper-container-banner .swiper-pagination-bullet{ }


/* cases */
.swiper-container-cases{ clear: both; display: block; width: 90%; margin: 0px auto; overflow: hidden; position: relative; }

.swiper-casesPic{ clear: both; display: block; width: 100%; }
.swiper-casesPic a{ clear: both; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; overflow: hidden; }
.swiper-casesPic a img{ border: 0px; max-width: 100%; max-height: 90%; transition: all 0.3s; }
.swiper-casesPic a:hover{ box-shadow: 0px 0px 10px #333; transition: all 0.3s; }
.swiper-casesPic a:hover img{ max-width: 120%; max-height: 120%; margin-top: -10%; }
.swiper-casesTit{ clear: both; display: flex; justify-content: center; font-size: 14px; line-height: 30px; }
.swiper-casesTit a{ display: flex; margin-right: 14px; color: #fff; }

/* index about */
.indexAbout{ display: flex; flex-direction: column; margin: 10px;
	background:#177d3b;
	border: 1px solid #177d3b;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 5px;
	z-index:2;
	
}
.indexAboutTit{ clear:both; height:40px; line-height:40px; margin:10px; font-size:16px; font-weight:bold; border-bottom:1px solid #005c21; color:#FFF;}
.indexAboutTit span{ float:right; font-size:12px; font-weight:normal;}
.indexAboutContent{ clear:both; margin:10px; height:140px; overflow:hidden; color:#FFF;}
.indexAboutTit a{ color:#FFF;}

/* index news */
.indexNews{ display: flex; flex-direction: column; margin: 10px;
	background:#177d3b;
	border: 1px solid #177d3b;
	border-radius: 5px;
	z-index:2;
}
.indexNewsList{ clear:both; margin:0px 10px 10px; color:#FFF;}
.indexNewsList li{ text-indent:1.5em; background:URL(../images/indexNewsIcon.jpg) left 10px no-repeat; height:28px; line-height:28px; overflow:hidden;}
.indexNewsList li span{ float:right;}
.indexNewsList li a{ color:#FFF;}

/* index product */
.indexPro{ display: flex; flex-direction: column; margin: 10px;
	background:#177d3b;
	border: 1px solid #177d3b;
	border-radius: 5px;
	z-index:2;
	
}

/* index products */
.indexProduct{ clear:both; position:relative; width:996px; height:260px; border:2px solid #488303; margin-bottom:13px; background:#f7f7f7;}
.indexProTit{ display: flex; flex-direction: column; margin: 10px;
	background:#177d3b;
	border: 1px solid #177d3b;
	border-radius: 5px;
	z-index:2;}
.indexProTit a{ display:block; background:URL(../images/indexProTit.jpg) left top repeat-y;
font-size:16px; font-weight:bold;
padding:15px 0px 15px 15px;
line-height:20px;
letter-spacing: 47px;  
}
.indexProContent{ position:absolute; right:10px; top:10px; font-size:14px;}
.indexProContent li{ width: 200px; }
.indexProContent img{ max-height:220px; border:1px solid #488303; margin-left:10px;}


.links{ clear:both;}
.links a{ margin-right:6px;}

/* copyright */
.copyright{ clear: both; display: block; text-align: center; padding: 15px 0px; margin:0px auto; background:#169a2b URL(../images/copyright.jpg) left top repeat-x; margin-top:10px; color: #fff;}
.copyright a{ color: #fff; }

/* ============================================================ */
.indexContent{ clear:both; margin:15px 0px; }
.left{ float:left; width:240px; }
.right{ float:right; width:740px;}
.leftDiv{
	width: 240px;
	background: #177d3b;
	border: 1px solid #177d3b;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 5px;
	z-index: 2;
	
	margin-bottom:10px;
}

.leftList{ clear:both; }
.leftList ul{ margin-bottom:20px;}
.leftList li{ text-indent:1em; background:URL(../images/indexNewsIcon.jpg) left 12px no-repeat; color:#FFF; margin:0px 20px 10px; font-size:14px; border-bottom:1px dashed #076227;}
.leftList a:hover{ text-decoration:underline;}
.leftList li a{ color:#FFF; font-weight:bold;}
.leftList span{ clear:both; display:block; text-indent:5em; color:#FFF;}
.leftList span a{ color:#FFF; font-size:14px;}


/* right style */
.location{ clear:both; height:40px; line-height:40px; font-size:16px; font-weight:bold; border-bottom:1px solid #005c21; color:#FFF; text-indent:1.2em;
	background: #177d3b;
	border: 1px solid #177d3b;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius:5px 5px 0px 0px;
	z-index: 2;
	

}
.location span{ float:right; font-size:12px; font-weight:normal; margin-right:10px;}
.location a{ color:#FFF;}

.rightContent{ clear:both; font-size:14px;
	width: 738px;
	height: auto;
	line-height: 30px;
	background: #FFF;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#858585',direction=150,strength=10);
	-moz-box-shadow: 2px 6px 10px #858585;
	-webkit-box-shadow: 2px 6px 10px #858585;
	box-shadow: 2px 6px 10px #858585;
	border: 1px solid #FFF;
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;
	z-index: 2;
	
}
.subText{ clear:both; margin:10px 15px;}
.subText img{ max-width: 100%; }
.title{ clear:both; text-align:center; font-size:16px; font-weight:bold; height:auto;}
.info{ clear:both; text-align:center; margin:10px 0px;}
.proPic{ clear:both; text-align:center; margin-bottom:10px;}
.subNewsList{ clear:both; margin:10px 15px;}
.subNewsList li{ clear:both; text-indent:1.5em; background:URL(../images/newsIcon.jpg) left 12px no-repeat;}
.subNewsList li span{ float:right; margin-right:10px;}
.subNewsContent{ clear:both; margin: 20px 10px;}
.subNewsContent img{ border: 0px; max-width: 100%; height: auto; }
.subPicList{ display: flex; flex-direction: column; margin: 20px 0px; }
.subPicList ul{ display: flex; justify-content: space-around; }
.subPicList li{ display: flex; width: 46%; flex-direction: column; justify-content: flex-end; align-items: center; }
.subPicList li div{ display: table-cell; text-align: center; width: 100%; border:1px solid #e3e3e3; }
.subPicList li img{ clear: both; display: block; border:0px; text-align:center; max-width: 100%; max-height: 100%;}
.subPicList li span{ clear: both; display: block; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: normal; }
.subPicList .clear{ clear:both; display:block;}

.page,.preNext{ clear:both; margin:20px 15px; font-size:14px; border-top:2px solid #e3e3e3; padding-top:10px; }



/* ============================================================ */

/* scroll start */
#demo {
overflow:hidden;
width:928px;
}

#demo li{
	float:left;
	text-align:center;
	margin-right:7px;
}
#demo li span{ clear:both; display:block; text-align:center;}
#indemo {
float: left;
width: 2000%;
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}
/* scroll end */

/* scroll start Two */
#demoTwo {
overflow:hidden;
width:928px;
}
#demoTwo li{
	float:left;
	margin-right:7px;
	text-align:center;
}
#indemoTwo li span{ clear:both; display:block; text-align:center;}
#indemoTwo {
float: left;
width: 2000%;
}
#demoTwo1 {
float: left;
}
#demoTwo2 {
float: left;
}
/* scroll end */

/* scroll start Three */
#demoThree {
overflow:hidden;
width:928px;
}
#demoThree li{
	float:left;
	margin-right:7px;
	text-align:center;
}
#indemoThree li span{ clear:both; display:block; text-align:center;}
#indemoThree {
float: left;
width: 2000%;
}
#demoThree1 {
float: left;
}
#demoThree2 {
float: left;
}
/* scroll end */

/* scroll start Four*/
#demoFour {
overflow:hidden;
width:928px;

}
#demoFour li{
	float:left;
	margin-right:7px;
	text-align:center;
}
#indemoFour li span{ clear:both; display:block; text-align:center;}
#indemoFour {
float: left;
width: 2000%;
}
#demoFour1 {
float: left;
}
#demoFour2 {
float: left;
}
/* scroll end */