html {
	overflow-y: scroll;
	font-size: 100%;
	font-family: "΢ÈíÑźÚ" , "Æ»¹ûÀöºÚ";
	min-height: 100%;
}





body {
	margin: 0;
	font-size: 14px;
	line-height: 1.6;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	word-break: break-all;
	text-align: center;
	color: #333;
}




a {
	color: #333;
	text-decoration: none;
}

a:hover {
	color: #000;
}

a:hover, a:focus, a:active {
	outline: 0;
	-moz-outline: none;
}



.wp {
	width: 1180px;
	margin: 0 auto;
	text-align: left;
}

#top{
	height: 110px;
	overflow: hidden;
	position: relative;
}

#top h1{
	width: 303px;
	height: 47px;
	background: url(../images/logo.png) no-repeat;
	text-indent: -999999em;
	position: absolute;
	left: 0;
	top: 31px;
}

#top ul{
	overflow: hidden;
	position: absolute;
	left: 395px;
	top: 46px;
}

#top ul li{
	margin: 0 16px;
	float: left;
}

#top ul li a{
	font-size: 16px;
	color: #333;
	display: block;
	font-weight: bold;
}

#top ul li a:hover{
	color: #1c9e3b;
}

/* #top li:first-child a{
	color: #1c9e3b;
} */

#top .current a{
	color: #1c9e3b !important;
}

#top hgroup{
	overflow: hidden;
	display: block;
	width: 153px;
	height: 56px;
	background: url(../images/tel.png) no-repeat;
	position: absolute;
	right: 0;
	top: 28px;
}

#top hgroup span , #top hgroup h3{display: none;}

#top hgroup h2{
	color: #1c9e3b;
	font-size: 22px;
	margin-top: 13px;
}



#showban{
	width: 1400px;
	height: 520px;
	text-align: center;
	margin: 0 auto;
}

#showban img{display: block;}





.t1{
	font-size: 36px;
	color: #1c9e3b;
	font-weight: normal;
	width: 180px;
	text-align: left;
	line-height: 1;
}

.t1:after{
	content: "";
	display: block;
	background: linear-gradient(to right, #115fad, 50%, #1c9e3b);
	margin-top: 20px;
	width: 100px;
	height: 4px;
	margin-bottom: 40px;
}




#about{
	padding: 60px 0;
	overflow: hidden;
	background: #fff;
}


.more{
	width: 140px;
	height: 46px;
	display: block;
	margin: 40px 0 0 0;
	background: #1c9e3b;
	background: linear-gradient(to right, #115fad, 50%, #1c9e3b);
	font-size: 16px;
	color: #fff;
	text-align: center;
	line-height: 46px;
}

a.more{color: #fff;}

#about .txt{
	width: 480px;
	line-height: 28px;
}

#about .more{margin-top: 32px;}
#about .t1:after{margin-bottom: 33px;}




#cases{
	width: 100%;
	margin: 0 auto;
	padding: 60px 0;
	background: #ebf5ea;
	overflow: hidden;
}

#cases .wp{
	width: 1180px;
	overflow: hidden;
}

#cases ul{
	width: 1204px;
}

#cases li{
	display: block;
	width: 277px;
	float: left;
	margin-right: 24px;
	margin-bottom: 40px;
}

#cases ul a{
	display: block;
	background: #fff;
	padding-bottom: 20px;
}

#cases li img{
	display: block;
	width: 277px;
	height: 186px;
}

#cases li h3 , #cases li p{
	margin: 0 18px;
	line-height: 1.8;
}

#cases li h3{
	font-size: 18px;
	font-weight: bold;
	color: #333;
	margin-top: 15px;
}

#cases li p{
	color: #3f7c4a;
}

#cases li a:hover {
	background: #115fad;
}

#cases li a:hover h3 , #cases li a:hover p{
	color: #fff;
}

#cases .more{
	text-align: center;
	margin: 0 auto;
}






#news{
	padding: 60px 0;
}

#news .wp{overflow: hidden;}

#news ul.list{
	width: 1300px;
	overflow: hidden;
}


#news ul.list li{
	float: left;
	display: block;
	width: 560px;
	height: 90px;
	margin-right: 60px;
	margin-bottom: 30px;
	position: relative;
}

#news ul.list li a{
	display: block;
	background: #eee;
	width: 560px;
	height: 70px;
	padding-top: 20px;
}



#news ul.list li span{
	width: 94px;
	padding-right: 10px;
	height: 50px;
	display: block;
	border-right: 1px #bbb solid;
	position: absolute;
	font-size: 26px;
	line-height: 1;
	font-weight: bold;
	text-align: right;
}

#news ul.list li em{
	top: 18px;
	left: 115px;
	position: absolute;
	font-size: 18px;
	font-style: normal;
}

#news ul.list li a p{
	position: absolute;
	top: 51px;
	left: 115px;
	font-size: 14px;
	color: #666;
}

#news ul.list li span b{
	font-size: 18px;
}


#news ul.list li:hover p{color: #fff;}
#news ul.list li a:hover{background: #1c9e3b;color: #fff;}
#news ul.list li a:hover span{color: #fff;border-right-color: #fff;}

#news .more{
	margin: 0 auto;
	margin-top: 10px;
	text-align: center;
}


#boot{
	width: 1400px;
	height: 360px;
	margin: 0 auto;
	background:url(../images/boot.jpg);
}

#boot .wp{
	position: relative;
	padding-top: 300px;
}

#boot ul{
	position: absolute;
	top: 82px;
}

#boot ul a{
	color: #fff;
	font-size: 16px;
}

#boot ul li{
	float: left;
	margin-right: 32px;
}

#boot .keyword{
	width: 472px;
	height: 80px;
	padding: 20px;
	border-radius: 10px;
	background: rgba(28,158,59,.5);
	font-size: 14px;
	color: #fff;
	position: absolute;
	top: 122px;
}



#lianxi{
	color: #fff;
	font-size: 16px;
	height: 182px;
	padding-left: 60px;
	border-left: 1px dashed #fff;
	position: absolute;
	left: 560px;
	top: 60px;
}

#lianxi .tel{
	line-height: 1;
	background: url(../images/tel1.png) no-repeat;
	padding-left: 50px;
	margin-top: 13px;
}

#lianxi .tel span{display: none;}

#lianxi .tel b{
	font-size: 24px;
}

#lianxi .add{
	line-height: 32px;
	margin-top: 25px;
}

#wxcode{
	color: #fff;
	text-align: center;
	position: absolute;
	top: 73px;
	right: 0;
}

#wxcode img{
	display: block;
	width: 130px;
	height: 130px;
	border: 10px solid rgba(255,255,255,.4);
}

#boot small{
	display: block;
	width: 100%;
	background: #222;
	line-height: 60px;
}

#boot small , #boot small a{
	font-size: 16px;
	color: #777;
}




#subnav{
	width: 100%;
	margin-bottom: 50px;
	overflow: hidden;
	text-align: center;
}

#subnav li{
	display: inline-block;
	margin-right: 40px;
}

#subnav li a{
	display: block;
	line-height: 36px;
	padding: 0 30px;
	font-size: 18px;
	background: #f2f2f2;
	border: 2px solid #ccc;
	border-radius: 8px;
	color: #333;
}

#subnav li a:hover{
	background: #1c9e3b;
	border: 2px solid #1c9e3b;
	color: #fff;
}

.title{
	font-size: 18px;
	line-height: 40px;
	text-align: center;
}

.link{
	color: #1c9e3b;
	text-decoration: underline;
}