@charset "utf-8";
a:hover {
	text-decoration: none;
}
/*banner*/
.banner {
	position: relative;
	height: 660px;
	overflow: hidden;
	clear: both;
	margin-top: -6px;
}
.ban_p, .ban_p li {
	height: 660px;
	overflow: hidden;
}
.ban_p li a {
	display: block;
	height: 660px;
	background: url(../images/banner1.jpg) no-repeat center 0;
}
.ban_t {
	width: 1100px;
	height: 50px;
	bottom: 0;
	left: 50%;
	margin-left: -550px;
	position: absolute;
	text-align: center;
}
.ban_t em {
	width: 16px;
	height: 16px;
	border-radius: 16px;
	margin-right: 12px;
	display: inline-block;
	background: #fff;
}
.ban_t em.on {
	background: #3b8a01;
}
.til01 {
	text-align: center;
	height: 140px;
	color: #222;
	font-size: 40px;
	line-height: 52px;
	font-family: "Microsoft Yahei";
}
.til01 p {
	display: block;
	line-height: 38px;
	font-size: 24px;
	color: #666;
	font-weight: normal;
}
.til01 a {
	color: #222;
}
.til01 a:hover {
	text-decoration: none;
}
.til01 b {
	color: #e60012;
}
/*搜索*/
.seabox {
	overflow: hidden;
	height: 106px;
	line-height: 39px;
	font-family: "Microsoft Yahei";
	padding: 18px 0 0;
	background: #f9f9f9;
}
.sea_inp {
	width: 405px;
	overflow: hidden;
	height: 39px;
	border: solid 1px #e0e0e0;
}
.sea_inp .serach {
	width: 343px;
	height: 39px;
	border: 0;
	background: #f5f5f5;
	line-height: 39px;
	color: #c3c3c3;
	padding: 0 10px;
	float: left;
	outline: none;
	display: block;
	font-size: 14px;
	position: relative;
}
.sea_inp .sub {
	width: 42px;
	height: 39px;
	border: 0;
	float: left;
	cursor: pointer;
	display: block;
	background: url(../images/sea_ico.gif) no-repeat 0 0;
	border: 0;
}
.k_word {
	overflow: hidden;
	width: 740px;
	color: #8f8f8f;
	overflow: hidden;
}
.k_word a {
	color: #8f8f8f;
	padding: 0 12px;
}
.box1 {
	background: #f9f9f9;
}
/*解决方案*/
.plan {
	height: 674px;
	font-family: "Microsoft Yahei";
	line-height: 24px;
	overflow: hidden;
}
.plan_t {
	height: 103px;
	overflow: hidden;
}
.plan_t ul {
	width: 1255px;
}
.plan_t li {
	position: relative;
	float: left;
	width: 198px;
	cursor: pointer;
	height: 70px;
	background: url(../images/line1.gif) no-repeat 5px 0;
	margin: 0 52px 0 0;
	z-index: 1;
	font-size: 16px;
	overflow: hidden;
}
.plan_t li:before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	-webkit-transition: width .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);
	-webkit-transition: width .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);
	height: 70px;
	width: 0;
	z-index: -1;
	background: #3b8a01;
}
.plan_t li p {
	width: 141px;
	float: left;
	padding: 14px 0 0;
	line-height: 23px;
	white-space: nowrap;
}
.plan_t li p em {
	display: block;
	text-transform: uppercase;
	font-size: 16px;
	font-family: Arial;
	color: #666;
	letter-spacing: -1px;
}
.plan_t li span {
	width: 53px;
	height: 39px;
	position: relative;
	display: block;
	margin: 14px 2px 0;
	float: left;
}
.plan_t li span i {
	width: 53px;
	height: 39px;
	position: absolute;
	display: block;
	top: 0;
	left: 0;
}
.plan_t li span i.default {
	-webkit-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
.plan_t li span i.hover {
	opacity: 1;
	visibility: visible;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translate3d(0, 0, -65px) rotate3d(1, 0, 0, 90deg);
	transform: translate3d(0, 0, -65px) rotate3d(1, 0, 0, 90deg);
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
.plan_t li.cur, .plan_t li.cur p em {
	color: #fff;
}
.plan_t li.cur:before {
	width: 198px;
}
.plan_t li.cur span .default {
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translate3d(0, 65px, 0) rotate3d(1, 0, 0, -90deg);
	transform: translate3d(0, 65px, 0) rotate3d(1, 0, 0, -90deg);
}
.plan_t li.cur span .hover {
	opacity: 1;
	visibility: visible;
	-webkit-transform: rotate3d(1, 0, 0, 0deg);
	transform: rotate3d(1, 0, 0, 0deg);
}
.plan_c dl {
	width: 1200px;
	height: 407px;
	overflow: hidden;
	line-height: 24px;
}
.plan_c dt, .plan_c dt img {
	width: 724px;
	height: 427px;
	overflow: hidden;
	float: left;
}
.plan_c dd {
	width: 442px;
	float: left;
	padding: 23px 0 0 34px;
	overflow: hidden;
}
.plan_c dd h3 {
	height: 62px;
	line-height: 62px;
	font-size: 20px;
	color: #1e1e1e;
	background: url(../images/line1.gif) no-repeat 0 bottom;
}
.plan_c dd h3 a {
	color: #1e1e1e;
}
.plan_cw {
	padding: 24px 0 0;
	height: 143px;
	overflow: hidden;
}
.plan_cl {
	width: 450px;
}
.plan_cl li {
	width: 212px;
	float: left;
	padding: 0 13px 0 0;
}
.plan_cl li img {
	width: 210px;
	height: 118px;
	border: solid 1px #eaeaea;
	display: block;
}
.plan_cl li span {
	display: block;
	text-align: center;
	line-height: 34px;
	height: 34px;
	background: #e2e2e2;
}
.plan_c dt img {
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
.plan_c dt img:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
/*我案例们*/
.case {
	height: 327px;
	font-family: "Microsoft Yahei";
	line-height: 40px;
	font-size: 18px;
}
.case h3 {
	height: 54px;
	line-height: 54px;
	font-size: 20px;
	font-weight: normal;
	color: #1a1a1a;
}
.case h3 a {
	color: #1a1a1a;
}
.case_cl {
	width: 1200px;
	overflow: hidden;
	height: 222px;
}
.case_cl li {
	position: relative;
	float: left;
	margin: 0 10px 0 0;
}
.case_cl li, .case_cl li img {
	width: 292px;
	height: 186px;
	overflow: hidden;
}
.case_cl li span {
	width: 292px;
	height: 40px;
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: 0;
	background: url(../images/bg02.png) repeat;
	text-align: center;
}
.case_cl li span a {
	display: block;
	color: #fff;
}
.prev1, .next1 {
	width: 26px;
	height: 47px;
	display: block;
	top: 69px;
	right: -52px;
	background: url(../images/next1.gif) no-repeat 0 0;
	z-index: 9;
}
.prev1 {
	left: -52px;
	background: url(../images/prev1.gif) no-repeat 0 0;
}
.prev1:hover, .next1:hover {
	background-position: 0 bottom;
}
.case_more img {
	display: block;
	margin: 0 auto;
}
/*广告*/
.h_gg1 {
	display: block;
	height: 584px;
	background: url(../images/h_gg01.jpg) no-repeat center 0;
	color: #fff;
	clear: both;
	line-height: 22px;
	font-family: Times New Roman;
	font-size: 16px;
}
.gg01 {
	top: 282px;
	left: 50%;
	margin-left: -536px;
	background: url(../images/c_pho.png) no-repeat 0 0;
	padding: 0 0 0 69px;
}
.gg01 span {
	display: block;
	font-family: Impact;
	font-size: 36px;
	line-height: 36px;
}
/*产品中心*/
.probox {
	height: 903px;
	font-family: "Microsoft Yahei";
	line-height: 25px;
	position: relative;
	z-index: 2;
	overflow: hidden;
}
.probox .til01 {
	top: -131px;
	left: 0;
	width: 1200px;
	position: absolute;
}
.pro_nav {
	width: 218px;
	background: #4e951a;
	color: #fff;
	position: relative;
	z-index: 9;
}
.pro_nav h3 {
	font-size: 20px;
	line-height: 32px;
	height: 73px;
	color: #fff;
	padding: 22px 0 0 8px;
	background: url(../images/pro_tico.gif) no-repeat 15px 16px #3b8a01;
	text-align: center;
	border-bottom: solid 2px #73a452;
}
.pro_nav h3 em {
	font-weight: normal;
	font-size: 18px;
	line-height: 27px;
	color: #afcaa4;
	display: block;
}
.pro_nav h3 a {
	color: #fff;
}
.pro_nl {
	padding: 16px 16px 20px;
}
.pro_nl h4 {
	height: 30px;
	background: url(../images/ico02.gif) no-repeat 147px 10px #fff;
	font-size: 14px;
	line-height: 30px;
	padding: 0 13px;
	font-weight: normal;
	margin-bottom: 13px;
}
.pro_nl h4.pro_none {
	background-image: url(../images/ico03.gif);
}
.pro_nl h4 a {
	display: block;
	color: #000;
}
.pro_nl ul {
	clear: both;
	display: block;
}
.pro_nl li {
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	position: relative;
	white-space: nowrap;
	background: url(../images/ico04.gif) no-repeat 13px 12px;
	padding: 0 0 0 26px;
	border-bottom: dotted 1px #83b069;
}
.pro_nl li a {
	display: block;
	color: #fff;
}
.pro_pho {
	background: #3b8a01;
	padding: 12px 0 0 23px;
	line-height: 21px;
	height: 64px;
}
.pro_pho span {
	line-height: 32px;
	display: block;
	font-family: Impact;
	font-size: 30px;
}
.pro_list {
	width: 960px;
	overflow: hidden;
}
.prev2, .next2 {
	width: 46px;
	height: 46px;
	display: block;
	top: 188px;
	right: 24px;
	z-index: 9;
}
.prev2 {
	left: 24px;
}
.pro_lp {
	height: 448px;
	display: block;
	overflow: hidden;
}
.pro_lp li {
	position: relative;
	overflow: hidden;
}
.pro_lp li, .pro_lp li img {
	width: 960px;
	height: 426px;
	display: block;
}
.pro_lp li span {
	width: 960px;
	height: 46px;
	display: block;
	text-align: center;
	line-height: 46px;
	font-size: 18px;
	left: 0;
	bottom: 0;
	position: absolute;
	background: url(../images/bg02.png) repeat;
}
.pro_lp li span a {
	color: #fff;
}
.pro_lt ul {
	width: 970px;
}
.pro_lt li, .pro_lt li img {
	width: 313px;
	height: 207px;
	display: block;
	overflow: hidden;
}
.pro_lt li {
	border: solid 1px #cbcccc;
	margin: 0 7px 21px 0;
	float: left;
	position: relative;
	text-align: center;
}
.pro_lt li span {
	position: absolute;
	left: 0;
	top: 64px;
	width: 293px;
	display: none;
	height: 82px;
	padding: 0 10px;
	overflow: hidden;
	white-space: nowrap;
}
.pro_lt li span a {
	display: inline-block;
	color: #fff;
	background: url(../images/ico05.png) no-repeat center 14px;
	padding: 38px 26px 0;
	line-height: 32px;
	height: 41px;
	border-bottom: solid 1px #fff;
	border-top: solid 1px #fff;
}
.pro_lt li.cur span {
	display: block;
}
/*优势*/
.edge {
	line-height: 26px;
	color: #000;
	font-family: "Microsoft Yahei";
	overflow: hidden;
	padding: 391px 0 0;
	position: relative;
	margin-top: -184px;
	background: url(../images/edgebg.jpg) no-repeat center 0;
	z-index: 1;
	height: 1141px;
}
.edge_c {
	background: url(../images/edgecbg.png) no-repeat center 0;
}
.edge .til01, .edge .til01 a, .edge .til01 p {
	color: #fff;
}
.edge h3 {
	height: 68px;
	line-height: 68px;
	font-size: 26px;
	color: #e60012;
	overflow: hidden;
	font-style: italic;
}
.edge h3 span {
	width: 59px;
	font-size: 40px;
	float: left;
}
.edge li {
	clear: both;
	background: url(../images/ico06.gif) no-repeat 42px 13px;
	padding: 0 0 0 58px;
}
.edge1, .edge2, .edge3, .edge4 {
	padding: 28px 137px 0;
	height: 214px;
}
.edge_p1 {
	width: 462px;
}
.edge_p2 {
	width: 453px;
}
.edge_p3 {
	width: 446px;
}
.edge_p4 {
	width: 452px;
}
.edge_w1 {
	width: 464px;
	padding: 16px 0 0;
}
.edge_w2 {
	width: 473px;
	padding: 5px 0 0;
}
.edge_w3 {
	width: 466px;
	padding: 13px 0 0;
}
.edge_w4 {
	width: 474px;
	padding: 15px 0 0;
}
/*建设安全跑道球场仅需 5 步*/
.tec_p {
	background: url(../images/tecbg.jpg) no-repeat center 0 #ebebeb;
	font-family: "Microsoft Yahei";
	overflow: hidden;
	padding: 112px 0 0;
	height: 712px;
	line-height: 22px;
	color: #fff;
}
.tec_p h2 {
	height: 174px;
	line-height: 76px;
	color: #5cb01f;
	font-size: 40px;
	text-align: center;
}
.tec_p h2 b {
	font-size: 70px;
	font-style: italic;
}
.tec_p h2 span {
	text-shadow: 2px 3px 3px #240b06;
}
.tec_p h2 p {
	color: #fff;
	font-weight: normal;
	line-height: 30px;
	font-size: 24px;
}
.tec_pc li {
	width: 240px;
	float: left;
	padding: 26px 0 0;
	margin: 0 0 0 68px;
	height: 204px;
	text-align: center;
	background: url(../images/ico07.png) no-repeat center 0;
}
.tec_pc li:hover {
	background: url(../images/ico08.png) no-repeat center 0;
	color: #65ee00;
	text-shadow: 2px 3px 3px #240b06;
}
.tec_pc li span {
	display: block;
	font-size: 24px;
	line-height: 60px;
}
.tec_pc li.tec_pl1 {
	margin-left: 85px;
}
.tec_pc li.tec_pl2 {
	margin-left: 37px;
	clear: both;
}
.tec_pho {
	font-size: 24px;
	line-height: 35px;
	padding: 4px 0 0 106px;
	width: 281px;
	height: 87px;
	top: 373px;
	right: 49px;
	background: url(../images/tec_phobg.png) no-repeat 0 0;
	color: #000;
}
.tec_pho span {
	display: block;
	font-family: Impact;
	color: #e60012;
	line-height: 46px;
	font-size: 40px;
}
/*关于*/
.about {
	font-family: "Microsoft Yahei";
	line-height: 28px;
	overflow: hidden;
	height: 805px;
	text-align: center;
	color: #333;
	background: url(../images/aboutbg.jpg) no-repeat center bottom #ebebeb;
	font-size: 16px;
}
.about .til01 {
	background: url(../images/aboutil.gif) no-repeat center 0;
	height: 91px;
}
.about_c {
	padding: 0 104px;
}
.about_p {
	box-shadow: 0 7px 8px #0c1a02;
}
.about_p, .about_p img {
	width: 991px;
	display: block;
	height: 402px;
	overflow: hidden;
}
.about_w {
	height: 151px;
}
.about_w span a {
	display: inline-block;
	color: #3b790d;
}
/*风采展示*/
.show {
	height: 354px;
	font-family: "Microsoft Yahei";
	position: relative;
	padding: 40px 0 0;
}
.showtil {
	height: 74px;
	font-size: 18px;
	color: #666;
	line-height: 43px;
	padding: 0 0 0 429px;
}
.showtil li {
	float: left;
	border: solid 1px #c5c5c5;
	width: 172px;
	text-align: center;
}
.showtil li:nth-child(1) {
	border-right: 0;
}
.showtil li:nth-child(2) {
	border-left: 0;
}
.showtil li a {
	color: #000;
	display: block;
}
.showtil li.on a, .showtil li:hover a {
	color: #fff;
	background: #3b8a01;
	border-color: #3b8a01;
}
.show_c1 {
	position: relative;
}
.show_c1 h3 {
	position: absolute;
	left: 0;
	top: -74px;
	width: 190px;
	height: 44px;
	line-height: 44px;
	font-size: 18px;
	background: #02a0ea;
	border-radius: 22px;
	text-align: center;
}
.show_c1 h3 a {
	display: block;
	color: #fff;
}
.show1 {
	width: 1200px;
	overflow: hidden;
}
.show1 li {
	float: left;
	margin: 0 17px 0 0;
	position: relative;
}
.show1 li img, .show1 li {
	width: 287px;
	height: 204px;
	display: block;
	overflow: hidden;
}
.show1 li span {
	display: block;
	background: url(../images/bg02.png) repeat 0 0;
	position: absolute;
	width: 287px;
	height: 36px;
	left: 0;
	bottom: 0;
	line-height: 36px;
	text-align: center;
}
.show1 li span a {
	color: #fff;
}
.prev3, .next3 {
	width: 41px;
	height: 61px;
	display: block;
	position: absolute;
	right: -64px;
	top: 68px;
	background: url(../images/next3.gif) no-repeat 0 0;
}
.prev3 {
	left: -64px;
	background: url(../images/prev3.gif) no-repeat 0 0;
}
.prev3:hover, .next3:hover {
	background-position: 0 bottom;
}
/*资讯*/
.newbox {
	line-height: 20px;
	height: 750px;
	font-family: "Microsoft Yahei";
	background: url(../images/bg03.gif) repeat;
	overflow: hidden;
	overflow: hidden;
	color: #afafaf;
	position: relative;
	z-index: 2;
}
.newbox h2 {
	height: 145px;
	line-height: 145px;
	font-size: 40px;
}
.new1 {
	width: 536px;
	overflow: hidden;
}
.new2 {
	width: 601px;
	overflow: hidden;
}
.newtil {
	height: 44px;
	line-height: 44px;
	font-size: 20px;
	border-bottom: solid 1px #3b790d;
	margin-bottom: 12px;
	font-weight: normal;
}
.newtil span {
	float: right;
}
.newtil span a {
	display: block;
	font-size: 14px;
	color: #232323;
	text-transform: uppercase;
}
.newtil p {
	float: left;
	padding: 11px 0 0 18px;
}
.newtil b {
	float: left;
	font-weight: normal;
}
.newtil b a {
	display: block;
	background: #3b790d;
	padding: 0 24px;
	color: #fff;
}
.new_c dl {
	height: 438px;
	overflow: hidden;
}
.new_c dt, .new_c dt img {
	width: 601px;
	height: 300px;
	display: block;
	overflow: hidden;
}
.new_c dd {
	display: block;
	padding: 23px 0 0;
}
.new_c dd h3 {
	height: 32px;
	white-space: nowrap;
	font-size: 16px;
	line-height: 32px;
	font-weight: normal;
}
.new_c dd h3 a {
	color: #1b1b1b;
}
.new_c dd p a {
	color: #aabea0;
}
.new_c li {
	height: 86px;
}
.new_c li span {
	float: left;
	color: #474747;
	text-align: right;
	width: 89px;
	height: 70px;
	border-right: solid 1px #c1c1c1;
	padding: 0 30px 0 0;
	overflow: hidden;
	font-size: 24px;
	line-height: 46px;
}
.new_c li span b, .new_l li span b {
	display: block;
	font-size: 36px;
	line-height: 36px;
	color: #1b1b1b;
}
.new_c li p {
	float: left;
	width: 435px;
	padding: 0 0 0 30px;
}
.new_c li p a {
	display: block;
	height: 32px;
	line-height: 22px;
	font-size: 16px;
	color: #1b1b1b;
}
.new_l li {
	height: 106px;
	padding: 24px 0 0;
	border-bottom: dashed 1px #cdcdcd;
	margin-bottom: 4px;
}
.new_l li span {
	width: 54px;
	text-align: center;
	white-space: nowrap;
	float: left;
	font-size: 14px;
	line-height: 23px;
	font-family: Times New Roman;
	color: #525252;
}
.new_l li p {
	width: 450px;
	float: left;
	padding: 0 0 0 30px;
}
.new_l li p a {
	display: block;
	font-size: 16px;
	line-height: 40px;
	color: #1b1b1b;
}
/*友情链接*/
.link {
	overflow: hidden;
	height: 49px;
	line-height: 49px;
	color: #fff;
	background: #2a5400;
}
.link h3 {
	width: 160px;
	float: left;
	font-size: 16px;
	font-weight: normal;
}
.link h3 span {
	text-transform: uppercase;
	font-family: Arial;
	padding: 0 0 0 10px;
}
.link p {
	width: 1030px;
	float: left;
}
.link a {
	padding: 0 26px;
	display: inline-block;
	color: #92a288;
}
.f_bj {
	color: #fff;
	clear: both;
	font-family: "Microsoft Yahei";
	background: url(../images/footbg.jpg) no-repeat center 0;
	height: 538px;
	overflow: hidden;
	line-height: 44px;
	margin-top: -203px;
	padding: 203px 0 0;
	position: relative;
	z-index: 1;
}
