/* CSS Document */
/*
CSS Document
Theme Name:landscape design
Theme URI:
Description:Garden design green template
Version:2016.10.11
Author:zhl
*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, input, form, p, blockquote, th {margin:0;padding:0;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-style:normal;font-weight:normal;}
ol, ul, li {list-style:none;}
a{text-decoration:none; color:#FFFFFF}
a:hover{color:#eec23d;}
.clear{clear:both;}

.top{width:100%; margin:0 auto;}
.top1{width:100%; height:104px; background:#eec23b;}
.top1con{width:1179px; margin:0 auto;}
.top1con .logo{float:left; padding-top:1em;}

.navi{float:right;}
.navi ul li{float:left; padding-left:35px; padding-right:35px; line-height:104px;}
.navi ul li a{ display:block;}
.navi ul li:hover{background:url(../images/navlibg.png) no-repeat center;}
.navi ul li:hover a{color:#eec23b;}


.banner {
	width:100%;
	height:796px;
	margin:0 auto;
}
.pro_banner{height:600px; background:url(../images/probanner.jpg) center center no-repeat;}
.content {
	width:100%;
	height:446px;
	background:url(../images/xxaf.jpg) repeat-x;
	padding-top:76px;
}
.main_image {
	width:100%;
	height:796px;
border/-top:1px solid #d7d7d7;
	overflow:hidden;
	margin:0 auto;
	position:relative
}
.main_image ul {
	width:9999px;
	height:796px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0
}
.main_image li {
	float:left;
	width:100%;
	height:796px;
}
.main_image li span {
	display:block;
	width:100%;
	height:796px
}
.main_image li a {
	display:block;
	width:100%;
	height:796px
}
.main_image li .img_1 {
	background: url('../images/img_main_1.jpg') center top no-repeat
}
.main_image li .img_2 {
	background: url('../images/img_main_2.jpg') center top no-repeat
}
.main_image li .img_3 {
	background: url('../images/img_main_3.jpg') center top no-repeat
}
.main_image li .img_4 {
	background: url('../images/img_main_4.jpg') center top no-repeat
}
.main_image li .img_5 {
	background: url('../images/img_main_5.jpg') center top no-repeat
}





#btn_prev {
	background:url(../images/hover_left.png) no-repeat left top;
	left:100px;
}
#btn_prev:hover {
	-webkit-animation:xguide_down 2.0s infinite ease-in-out;
	-moz-animation:xguide_down 2.0s infinite ease-in-out;
	-o-animation:xguide_down 2.0s infinite ease-in-out;
	animation:xguide_down 2.0s infinite ease-in-out
}
#btn_next {
	background:url(../images/hover_right.png) no-repeat right top;
	right:100px;
}
#btn_next:hover {
	-webkit-animation:xguide_down 2.0s infinite ease-in-out;
	-moz-animation:xguide_down 2.0s infinite ease-in-out;
	-o-animation:xguide_down 2.0s infinite ease-in-out;
	animation:xguide_down 2.0s infinite ease-in-out
}

.main_image li span a{width:270px; height:49px; margin:0 auto; padding-top:37em;}

.bannerbtm{width:1179px; margin:0 auto;}


.abus{width:1179px; margin:75px auto 0; text-align:center;}
.abus #abustit{width:345px;}
.abuscon{padding-top:50px;}
.abusleft{width:50%; float:left; text-align:left;}
.abusright{width:50%; float:right; text-align:left;}
.abusright #abustext{width:560px; font-size:14px; line-height:32px; color:#2a353b;}

.textbtm{padding-top:42px;}
#textbtmp1{font-size:14px; color:#2a353b; background:url(../images/qztiny.png) left center no-repeat; padding-left:20px; margin-top:10px;}
#textbtmp2{font-size:12px; color:#484a4c; width:570px;line-height:32px; }

.gn1{width:100%; background:url(../images/gn1bg.jpg) center center no-repeat; height:607px; margin-top:80px;}

.gn1con{width:1179px; margin:0 auto; height:607px;}

.gn1left{width:50%; float:left}

#gn1tit{padding-top:90px;}
#textgnp1{ font-size:18px; color:#fff; background:url(../images/qztinyb.png) left center no-repeat; padding-left:20px; line-height:32px; margin-left:10px; margin-top:10px; margin-bottom:10px;}
#textgnp2{ font-size:12px; color:#fff; width:553px; line-height:24px;  margin-left:10px;}

#moreapp{font-size:18px; color:#eec23b; margin-top:20px; margin-left:10px; padding-top:40px; padding-bottom:60px;}
#moreapp a{color:#eec23b;}

.gn1right{width:50%; float:right;}
.gn1right img{float:right; padding-top:50px;}

.gn2{width:1179px; margin:0 auto; text-align:center; margin-top:75px;}

#textgn2p1{ font-size:18px;color:#1b232a;line-height:32px;margin-top:20px; margin-bottom:20px;}
#textgn2p2{ font-size:12px;color:#1b232a; line-height:24px;  margin-left:10px;}

#textgn2p1 span img{ padding-right:10px;}

.gn3{width:100%; margin:0 auto; height:607px; background:url(../images/gn3bg.jpg) center center no-repeat;}
.gn3con{width:1179px; margin:0 auto;}
.gn3left{float:left;}
.gn3left img{padding-top:90px;}
.gn3right{float:right;}

.gn3right #gn3tit{padding-top:234px;}
#gn3con{font-size:30px; color:#eec23c; padding-left:10px; padding-top:20px;}

.gn4{width:1179px; margin:100px auto 0; text-align:center; padding-bottom:30px;}

#gn4p1{font-size:30px; color:#0a0c0f; padding-bottom:38px; padding-top:38px;}
#gn4p2{font-size:24px; color:#1b232a; padding-bottom:38px;}
#gn4p3{font-size:18px; color:#2d3a45; padding-bottom:38px;}
#gn4p4{font-size:48px; color:#f68a0a; line-height:24px;}

.contact{width:100%; background:url(../images/contactbg.jpg) center center no-repeat; height:563px; margin-top:80px;}

.contactright{width:50%; float:right; text-align:center; padding-top:198px;}
.contactright p{color:#fff;height: 40px;
text-align: left;
margin-left: 30%;
line-height: 40px;}
.contactright span{color:#fff;}
#comname{text-align: right;width: 275px;margin: 0px auto;padding-right: 300px; padding-top:30px;}
#comtel{width: 275px;text-align: left;margin: -22px auto 0px;padding-left: 310px;}

.case{width:100%; text-align:center; }

.case #casetit{ width:420px; margin:0 auto; padding-top:80px;}

.case ul {width:1199px; margin:50px auto 50px;}

.case ul li{width:386px; height:263px; float:left; list-style:none; text-align:center; padding-right:10px;}

.case ul li p{width:175px; height:33px; line-height:33px;background: rgba(238, 194, 59,0.8); border-radius: 10px; margin:0 auto; margin-top:-50px; color:#fff; position:relative; display:none; overflow:hidden;}

.casepro ul li p{margin-top:-150px;}

#casepshadow{position:absolute;}

.case ul li:hover p{display:block;}
.case ul li:hover #casepshadow{display:none;}

.casepro #casepshadow{position:absolute; display:none;}

.casepro ul li:hover #casepshadow{display:block;}

.free{width:100%; text-align:center; margin-top:80px;}

#form1{width:1199px; margin:30px auto 0;}

#form1 #label1 input{width:378px; height:32px; font-size:14px; padding-left:5px; color:#2a353b; float:left; margin-right:10px;}
#form1 #label2 textarea{width:1172px; height:93px; font-size:14px; padding-left:5px; color:#2a353b; float:left; margin-top:20px;}

.btm{width:100%; background:url(../images/btmbg.png) center center no-repeat; margin-top:50px; height:235px}

.btmcon{width:1179px; margin:0 auto; text-align:center;} 
.btmcon p{font-size:14px; padding-top:20px;}
.btmcon p a{padding-right:8px; font-size:14px; color:#2a353b;}

.inab{text-align:center;}
.inabtit{display:table; margin:70px auto 0; border-bottom:1px solid #eec23d; padding-bottom:25px;}
#inabouttit{float:left;}
.inabtit ul{float:right; padding-left:15px;}
.inabtit ul li{float:left; padding-right:20px; line-height:32px;}
.inabtit ul a{color:#2a353b; font-size:14px;}
.inabtit ul a:hover{color:#eec23b;}


#nav ul li {
float: none;
border: 0 none transparent;
border-bottom: 1px solid #E7EDF5;
background-color: #F1F5F9;
font-size: 100%;
margin: 0;
margin-bottom: 0.5em;
padding: 0;
}




#tinyina{width:43px; margin:0 auto;}
.inab h1{font-size:18px; color:#2a353b; padding-top:30px; padding-bottom:30px;}
.inancon{width:1000px; margin:0 auto; text-align:left; font-size:14px; color:#2a353b; line-height:32px;}

.inancon a{color:#4f575b;}

.inbtm{width:100%; height:78px; background:url(../images/aboutbtmbg.png) center center no-repeat; margin-top:50px;}

.joinbd{width:1172px; margin:50px auto 0; height:338px; background:url(../images/joinpic.jpg) center center no-repeat;}

#formin label{font-size:18px; color:#FFFFFF; margin-top:25px; margin-left:130px; position:absolute;}
#formin input,#formin textarea{font-size: 12px;padding: 2px 10px;background: rgba(255, 255, 255, 0.3) none repeat scroll 0% 0%;border-radius: 10px; color:#ccc; margin-left:5px;}
#formin textarea{ width:236px !important;  position:absolute;}
.button1{margin-top:290px !important;margin-left: 245px;}
.boxright_content{ width:973px; margin:30px auto 0}

/*new list*/

.newList{ width:973px; float:left; margin-top:10px; }

.newList li{ width:973px; float:left;border-bottom:1px dotted #cccccc; padding:15px 0; }

.new_image{ width:200px; height:140px; float:left; margin-right:20px;}

.new_image img{ width:200px; height:140px;}

.new_left{float:left;}

.new_right{width:754px; float:left; padding-left:20px;}

.new_title{width:100%; float:left; line-height:25px; font-size:16px; color:#333333; text-align:left;}

.new_title a{color:#333333; font-size:16px;}

.new_title a:hover{color:#eec23d;}

.new_title span{float:right; font-size:14px; color:#666666;}

.new_content{width:100%; float:left; line-height:25px; height:80px; font-size:12px; color:#333333; margin-top:10px; text-align:left;}

.new_more{width:100%; float:right; line-height:25px; }

.new_more a{float:right; color:#eec23d; padding-right:15px;font-family:"Arial";}

.page{width:973px; float:left; margin:30px 0;}

.planpage{width:1173px;}


.pages{ width:100%; float:left; text-align:center; margin:10px 0;}

.pages .curr{ color:#fff; background-color:#eec23b;}

.pages .curr a{ color:#fff;background-color:#eec23b;border:1px solid #eec23b; }

.pages .curr a:hover{ color:#fff; }



.pages span{ margin:0 3px;}

.apages{ width:100%; float:left; text-align:center; margin:10px 0;}

.apages .curr{ color:#fff; background-color:#eec23b;}

.apages .curr a{ color:#fff;background-color:#eec23b;border:1px solid #eec23b;}

.pages .curr a:hover{ color:#fff;}

.apages a{ color:#666; background-color:#fff; padding:7px 12px; border:1px solid #dedede;}

.apages a:hover{ color:#fff;background-color:#eec23b;border:1px solid #dd474d;}

.apages span{ margin:0 3px;}

.planul{width:1173px; margin:50px auto;}

.planul p{width:386px; margin-top:15px;color:#2a353b;}

.planul ul li{width:386px; float:left; padding-right:5px; padding-top:20px;}

.planul ul li a{color:#2a353b;}

.planul ul li a:hover{color:#eec23b;}



#nav, #nav ul {
padding: 0;
margin: 0;
list-style: none;
}
#nav li {
float: left;
position: relative;
width: 10em;
border: 1px solid #B0C4DE;
background-color: #E7EDF5;
color: #2D486C;
font: 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
margin-right: 1em;
}
#nav a:link, #nav a:visited {
display: block;
text-decoration: none;
padding-left: 1em;
color: #2D486C;
}
#nav ul {
display: none;
position: absolute;
padding-top: 0.5em;
}
#nav ul li {
float: none;
border: 0 none transparent;
border-bottom: 1px solid #E7EDF5;
background-color: #F1F5F9;
font-size: 100%;
margin: 0;
margin-bottom: 0.5em;
padding: 0;
}
#nav li:hover ul {
display: block;}


.pro_lanfra{  margin:0 auto; text-align:center; font-size:14px; color:#4e6990;  line-height:30px; padding:2px 0 35px 0; float:right;}
.pro_lanfra a{color:#000; background:#fff; padding:1px 0px; display:inline-block;*display:inline;*zoom:1; }
.pro_lanfra a:hover{color:#fff;}
.pro_lanfra a.cur{color:#fff;}
.pro_lanfra a.promore{color:#ff002a;}
.pro_lanfra a.promore:hover{color:#ff002a; background:#fff;}
.pro_lanfra span{ position:relative; margin:0 0 0 0px;}
.pro_lanfra span .nnn{ width:800px; position:absolute;top:25px;*top:25px; display:none; padding:10px 0 0 0; z-index:9; text-align:left; left:-400px;}
.pro_lanfra span .nnn .nnfra{ float:left; background:#fff; color:#fff;}
.pro_lanfra span .nnn .nnfra a{ background:none; display:inline; float:none; color:#fff; }
.pro_lanfra span .nnn .nnfra a:hover{ background:none; display:inline; color:#000; }


#category{ text-align:center;}
#category li{display:inline-block}
#category li.hasmore{ height:107px}
#category li.hasmore div{ position:absolute; width:100%;left:0}
#category li.hasmore div ul{ text-align:center; margin-top:20px; padding-top:20px; border-top:rgba(0,0,0,0.10) 1px solid}
#category a{ line-height:16px; height:16px; padding:8px 16px; color:#616161; margin-right:2px; display:inline-block; font-size:14px;}

#category li.hasmore div ul a{ border:none}
#category a.active,#category a:hover{color:#2a353b;}
#category li.hasmore div ul a.active,#category li.hasmore div ul a:hover{color:#eec23b}
#teamlist{ margin:0 auto; width:1100px;}

.inabtit_pro{padding-bottom:0px;}

.sxnews{width:1000px; margin:40px auto;}

.sxnews #sxnewsp1{float:left; color:#4f575b;}
.sxnews #sxnewsp2{float:right; color:#4f575b;}

.sxnews a{color:#4f575b;}

.sxnews a:hover{color:#eec23d;}

.inancon a:hover{color:#eec23d;}

#xgprotop{margin-top:20px;}

.inancon p img{float:left; width:386px; height:263px; padding-right:15px;}

.xgnews{width:1000px;}
.xg_newList{width:1000px; margin-top:30px;}


.inbtmp{width:1172px; margin:0 auto;}

#btmleftp{float:left; color:#fff;font-size:14px; padding-top:30px;}
#btmrightp{float:right; color:#fff; font-size:14px;padding-top:30px;}

.indexbtmp #btmleftp{padding-top:105px;}
.indexbtmp #btmrightp{padding-top:105px;}
#msgLeft_Btn{ margin-top:20px;}
.pages ul{ text-align:center;}
.pages ul li{ float:none !important; display:inline; width:auto !important;background-color: #fff;
padding: 7px 12px;
border: 1px solid #dedede;}
.pages ul li a{ color:#000;}
.inbtm p{  text-align:center; padding-top:20px; line-height:25px; color:#fff;}
.ibbox {
width: 1179px;
margin: 0 auto;
}
.abusright img {
padding-top: 30px;
display:block;
margin:0 auto;
}