@charset "utf-8";
/* CSS Document */

.banner {
	position: relative;
	height: 705px;
}
.fullSlide {
	width: 100%;
	position: absolute;
	height: 650px;
	left: 0px;
	top: 0px;
}
.fullSlide .bd {
	position: relative;
	z-index: 0;
	overflow: hidden;
	left: 0px;
	top: 0px;
	width: 100%;
}
.fullSlide .bd ul {
	width: 100% !important;
}
.fullSlide .bd li {
	width: 100% !important;
	height: 650px;
	overflow: hidden;
	text-align: center;
}
.fullSlide .hd {
	position: relative;
	z-index: 9999;
	bottom: 40px;
	right: 0px;
	height: 16px;
	text-align: right;
}
.fullSlide .hd ul li {
	cursor: pointer;
	display: inline-block;
*display:inline;
	zoom: 1;
	width: 16px;
	height: 16px;
	margin-left: 12px;
	background: url(../img/li.png) center no-repeat;
	line-height: 999;
	overflow: hidden;
}
.fullSlide .hd ul .on {
	background: url(../img/li_on.png) center no-repeat;
}
.advs {
	height: 100px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 999;
	width: 100%;
	background: url(../img/bg_ad.png) left center no-repeat;
}
.advs .left {
	width: 300px;
	height: 100px;
	line-height: 100px;
	font-size: 16px;
	color: #ceb600;
	background: #ffe100;
}
.advs .left a {
	font-size: 16px;
}
.advs .right {
	float: left;
	width: 391px;
	height: 100px;
	line-height: 100px;
	position: relative;
	background: #ffe100;
}
.advs .right .txt {
	display: block;
	position: absolute;
	top: 29px;
	left: 90px;
	width: 245px;
	border: 1px solid #ccc;
	color: #ccc;
	font-size: 16px;
	height: 40px;
	line-height: 40px;
	padding-left: 15px;
	background: #fff;
}
.advs .right .but {
	display: block;
	width: 25px;
	height: 25px;
	background: url(../img/but.png) center no-repeat;
	border: 0px;
	position: absolute;
	left: 310px;
	cursor: pointer;
	top: 37.5px;
}
.tys {
}
.tys h2 {
	display: block;
	text-align: center;
	font-size: 36px;
	color: #231815;
	font-weight: bold;
}
.tys h3 {
	display: block;
	text-align: center;
	text-transform: uppercase;
	font-size: 16px;
	color: #777;
	line-height: 40px;
}
.products {
	margin-top: 80px;
	height: 817px;
	overflow: hidden;
	background: url(../img/bg_pro.png) right bottom no-repeat;
}
.products .left {
	width: 284px;
	margin-top: 40px;
}
.products .left h2 {
	height: 86px;
	line-height: 86px;
	background: #239a00;
	color: #fff;
	font-size: 28px;
}
.products .left ul {
	width: 100%;
	background: #f7f7f7;
	padding: 30px 0px;
}
.products .left ul li {
}
.products .left ul li a {
	display: block;
	width: 210px;
	margin: 5px auto;
	text-align: center;
	height: 41px;
	line-height: 41px;
	font-size: 18px;
	background: url(../img/proli_on.png) 30px center no-repeat;
	text-transform: uppercase;
}
.products .left ul li a.active, .products .left ul li a.active1 {
	border: 2px solid #239a00;
	border-radius: 20px;
	color: #239a00;
	height: 40px;
	line-height: 40px;
	background: url(../img/proli.png) 30px center no-repeat;
}
.products .left ul li a:hover {
	border: 2px solid #333;
	border-radius: 20px;
	height: 40px;
	line-height: 40px;
}
.products .right {
	width: 884px;
	margin-top: 40px;
}
.products .right .pro_top {
	border-bottom: 2px solid #229b00;
	height: 84px;
	line-height: 84px;
}
.products .right .pro_top ul li {
	display: block;
	float: left;
	height: 44px;
	line-height: 44px;
	margin-top: 40px;
	padding-right: 40px;
}
.products .right .pro_top ul li a {
	color: #ccc;
	font-size: 16px;
	text-transform: uppercase;
}
.products .right .pro_top ul li:first-child a {
	color: #239a00;
	font-weight: bold;
	font-size: 18px;
}
.products .right .pro_top ul li.right {
	width: 100px;
	text-align: right;
	float: right;
	padding-right: 0px;
}
.products .right .pro_top ul li.right a {
	color: #239a00;
	font-weight: bold;
}
.products .right .pro_top ul li a:hover {
	color: #fee100;
}
.products .right .pro_mid {
	margin-top: 30px;
	height: 476px;
}
.products .right .pro_mid dl {
	display: block;
	float: left;
	margin: 0px 16px 16px 0px;
	width: 284px;
	height: 222px;
	overflow: hidden;
}
.products .right .pro_mid dl a img {
	width:284px;
	height:213px;
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-o-transition: .5s all;
	transition: .5s all;
	-webkit-transform: scale(1, 1) rotate(0);
	-ms-transition: .5s all;
}
.products .right .pro_mid dl a:hover img {
	-webkit-transform: scale(1.06, 1.06);
	-moz-transform: scale(1.06, 1.06);
	-o-transform: scale(1.06, 1.06);
	transform: scale(1.06, 1.06);
	-ms-transform: scale(1.06, 1.06);
}
.products .right .pro_mid dl:nth-child(3n) {
	margin-right: 0px;
}
.products .right .pro_bot {
	height: 98px;
	background: url(../img/bg_pro_rt.png) left center no-repeat;
}
.products .right .pro_bot p.left {
	width: 466px;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	line-height: 30px;
	padding: 15px 0px;
	margin: 0px;
}
.products .right .pro_bot p.left span {
	font-size: 16px;
	color: #fff;
	line-height: 30px;
}
.products .right .pro_bot p.right {
	width: 417px;
	font-size: 38px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 88px;
	margin: 0px;
}
.why {
	background: #f7f7f7;
	padding: 80px 0px;
	margin-top: 88px;
}
.why .left {
	width: 561px;
}
.why .right {
	width: 561px;
}
.why dl {
	display: block;
	width: 100%;
	border-bottom: 1px solid #e1e1e1;
	overflow: hidden;
	height: 142px;
	padding-bottom: 50px;
	margin-top: 40px;
}
.why dl dt {
	float: left;
	width: 124px;
	height: 142px;
}
.why dl dd {
	float: right;
	width: 400px;
}
.why dl dd span {
	font-size: 30px;
	font-weight: bold;
	display: block;
	width: 100%;
	color: #000;
	line-height: 40px;
	margin-top: 20px;
}
.why dl dd em {
	display: block;
	width: 100%;
	font-size: 16px;
	color: #666;
	line-height: 26px;
	margin-top: 15px;
}
.why .right li {
	display: block;
	width: 485px;
	height: 130px;
	padding: 28px 38px;
	background: #219a00;
	margin-top: 40px;
}
.why .right li h2 {
	font-size: 30px;
	font-weight: bold;
	color: #fff;
	text-align: left;
}
.why .right li h3 {
	font-size: 16px;
	color: #fff;
	text-align: left;
}
.why .right li p {
	line-height: 50px;
	display: block;
	width: 100%;
}
.why .right li p a {
	float: left;
	height: 20px;
	width: 80px;
	line-height: 20px;
	background: url(../img/bg_dg.png) center no-repeat;
	color: #000;
	font-weight: bold;
	padding-left: 15px;
	margin-top: 15px;
	margin-right: 30px;
}
.why .right li p span {
	height: 50px;
	line-height: 50px;
	float: left;
	font-size: 36px;
	font-weight: bold;
	color: #fff;
}
.about {
	margin-top: 80px;
}
.about .left {
	width: 561px;
	margin-top: 40px;
}
.about .left img {
	width: 557px;
	border: 2px solid #229b02;
}
.about .right {
	width: 580px;
	margin-top: 40px;
}
.about .right p {
	font-size: 16px;
	color: #666;
	line-height: 29px;
	text-indent: 20px;
}
.about .right a {
	display: block;
	width: 205px;
	height: 29px;
	line-height: 29px;
	text-align: center;
	background: url(../img/icon.png) 145px center no-repeat #fee100;
	font-weight: bold;
	border-radius: 20px;
	margin-top: 34px;
}
.about .title {
	height: 30px;
	line-height: 30px;
	margin: 30px 0px;
}
.about .title a {
	font-size: 16px;
	width: 100px;
	text-align: center;
	display: inline-block;
}
.about .title a.current {
	font-weight: bold;
	font-size: 18px;
	font-weight: bold;
	color: #239b00;
}
.about dl {
}
.about dl dt {
	display: block;
	float: left;
	width: 282px;
	height: 182px;
	margin-right: 20.6px;
	overflow: hidden;
}
.about dl dt:last-child {
	margin-right: 0px;
}
.about dl dt img {
	width: 100%;
	height: 100%;
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-o-transition: .5s all;
	transition: .5s all;
	-webkit-transform: scale(1, 1) rotate(0);
	-ms-transition: .5s all;
}
.about dl dt a:hover img {
	-webkit-transform: scale(1.06, 1.06);
	-moz-transform: scale(1.06, 1.06);
	-o-transform: scale(1.06, 1.06);
	transform: scale(1.06, 1.06);
	-ms-transform: scale(1.06, 1.06);
}
.news {
	margin-top: 40px;
	padding-bottom: 50px;
}
.news .left {
	width: 428px;
	height: 393px;
}
.news .right {
	width: 684px;
}
.news .right dl {
	position: relative;
	width: 100%;
	height: 106px;
	margin-top: 0px;
	border: 0px;
}
.news .right dl:last-child {
	padding-bottom: 0px;
}
.news .right dl dt {
	display: block;
	position: absolute;
	width: 72px;
	height: 72px;
	left: 0px;
	top: 17px;
	background: #239a00;
	z-index: 10;
}
.news .right dl dt span {
	display: block;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	line-height: 30px;
	margin-top: 11px;
}
.news .right dl dt em {
	display: block;
	text-align: center;
	color: #fff;
	font-size: 13px;
	line-height: 20px;
}
.news .right dl dd {
	display: block;
	background: #fff;
	width: 562px;
	padding: 10px 20px 10px 66px;
	height: 86px;
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 36px;
}
.news .right dl dd a {
	font-size: 20px;
	line-height: 38px;
}
.news .right dl dd p {
	font-size: 13px;
	color: #999;
	line-height: 22px;
}