@charset "utf-8";
/*
*	****************************************
*	*           Public style               
*	****************************************
*/
body{
	font:14px;
	font-family: "微软雅黑";
	overflow-x: hidden;
}

/*clearifx*/
.clearfix:after{
	clear:both;
	display:block;
	visibility:hidden;
	height:0;
	line-height:0;
	content:''; 
}
.clearfix{
	zoom:1;
}

/*use frequently*/
.fl{
	float:left;
}
.fr{
	float:right;
}
.tl{
	text-align:left;
}
.tc{
	text-align:center;
}
.tr{
	text-align:right;
}
.textEllipsis{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.marr0{
	margin-right:0 !important;
}

/*pagelist*/
#pagelist{ 
	color:#666; 
	font-size:12px;
	line-height:40px;
	text-align:left;
	display:inline-block;
	margin-top:15px;
}
.pagination{
	height:25px;
	overflow:hidden;
	font-size:12px;
	margin:0;
	text-align:left; 
	padding:10px 0;
	margin-right:-10px;
	display:inline-block;
	float:right;
	margin-top:15px;
}
.pagination a{
	border:#d9d9d5 1px solid;
	color:#fff;
	padding:3px 4px;
	margin-left:8px;
	background:#a5bf75;
}
.pagination a:hover{
	color:#fff;
	background:#90bf75;
}
.pagination span.current{
	border:#d9d9d5 1px solid;
	color:#4e4e4e;
	padding:3px 4px;
	margin-left:8px;
	background:#e5e3e5;
}
.pagination span.disabled{ 
	color:#4e4e4e;
	background:#e5e3e5;
}


.pagination{
	display: flex;
}



/*pageSwitch*/
#pageSwitch{
	margin-top:30px;
}
#pageSwitch a{
	width: 45%;
	color:#888;
	display:block;
}
#pageSwitch a:hover{
	text-decoration:underline;
}
#pageSwitch .pre,#pageSwitch .next{
	color:#888;
	font-size:14px;
	line-height:22px;
}
#pageSwitch .pre{
	margin-bottom:5px;
}







/*public layout*/
.w1200{
	width:1200px;
	margin:0 auto;
}
.makeCenter{
	width:1920px;
	position:relative;
	left:50%;
	margin-left:-960px;
}

/*public head*/
#head{
	width: 1200px;
	height: 93px;
	margin: 0 auto;
	position: relative;
}
#head .logo{
	display: block;
	width: 201px;
	height: 182px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 999;
	text-indent: -99999em;
	background: url(../images/logo.png) center top no-repeat;
}
#head ul{
	float: right;
}
#head ul li{
	float: left;
	height: 93px;
	overflow: hidden;
	padding: 0 20px 0 25px;
	background: url(../images/navSlip.png) left 47px no-repeat;
}
#head ul li.bgn{
	background: none;
}
#head ul li a{
	display: block;
	line-height: 108px;
	color: #644a14;
	font-size: 18px;
}
#head ul li a:hover, #head ul li a.hover{
	background: url(../images/navHover.png) center top no-repeat;
}

/*public footer*/
#footer{
	padding-top: 40px;
	height: 260px;
	background: #22571b;
}
#footer .w1200{
	height: 185px;
	background: url(../images/logoBottom.png) center top no-repeat;
	overflow: hidden;
}
#footer .w1200 .left{
	width: 440px;
	left: left;
	overflow: hidden;
	height: 185px;
	float: left;
}
#footer .w1200 .left p{
	font-size: 14px;
	color: #fff;
	text-align: right;
	line-height: 36px;
}
#footer .w1200 .left h1{
	font-size: 16px;
	font-family: 'Arial';
	line-height: 16px;
	color: #fff;
	font-weight: bold;
	line-height: 52px;
	text-align: right;
}
#footer .w1200 .mid{
	width: 320px;
	float: left;
}
#footer .w1200 .mid h1{
	font-size: 18px;
	color: #c8a151;
	text-align: center;
	margin-top: 163px;
}
#footer .w1200 .erweima{
	width: 100px;
	float: left;
	margin-right: 15px;
margin-top: 15px;
}
#footer .w1200 .erweima img{
max-width:100%;

}
#footer .w1200 .erweima h1{
	font-size: 12px;
	text-align: center;
	line-height: 12px;
	margin-top: 5px;
	color: #fff;

}
#footer .bottom{
	margin-top:24px;
	height: 50px;
	border-top: 1px solid #8a9b88;	
}
#footer .bottom p{
	text-align: center;
	font-size: 14px;
	color: #fff;
	line-height: 50px;
}
#footer .bottom a{
	color: #fff;
}
#footer .bottom a:hover{
	text-decoration: underline;
}
/*
*	****************************************
*	*            home page             
*	****************************************
*/
/*banner*/
#banner{
	width:1920px;
	position: relative;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
}
#banner .wrap{
	width: 1920px;
	height: 624px;
}
#banner .wrap img{
	display: block;
	width: 1920px;
	height: 624px;
}
#banner .hd{
	position: absolute;
	bottom: 35px;
	width: 100%;
}
#banner .hd ul{
	text-align: center;
	font-size: 0;
}
#banner .hd ul li{
	display: inline-block;
	margin: 0 10px;
	border:2px solid #fff;
	width: 200px;
	height: 60px;
	po
	-webkit-transition: all ease-in-out 0.3s;
	-o-transition: all ease-in-out 0.3s;
	transition: all ease-in-out 0.3s;
}
#banner .hd ul li.on{
	height: 80px;
	border-color: #63945d;
}
/*about*/
.about{
	width: 1200px;
	height: 813px;
	margin: 60px auto 110px auto;
	background: url(../images/aboutIndexBg.jpg) center 96px no-repeat;
}
.about .title{
	height: 51px;
	margin-bottom: 45px;
	background: url(../images/hotel.png) center top no-repeat;
}
.about .wrap{
	width: 720px;
	height: 300px;
	padding-top: 390px;
	padding-left: 50px;
	position: relative;
	color: #fff;
}
.about .wrap h1{
	margin-bottom: 20px;
	font-size: 30px;
	text-align: center;
	line-height: 30px;
}
.about .wrap h1 span{
	font-size: 16px;
	padding-left: 10px;
}
.about .wrap p{
	font-size: 14px;
	line-height: 28px;
	text-indent: 2em;
	margin-bottom: 10px;
}
.about .wrap a{
	display: block;
	width: 114px;
	height: 28px;
	background: url(../images/more.png) center center no-repeat;
	position: absolute;
	right: 0;
	bottom: 0;
}
/*service*/
.service{
	height: 1015px;
	background: url(../images/serviceBg.jpg) center center no-repeat;
	position: relative;
	z-index: 1;
}
.service .more{
	width: 114px;
	height: 28px;
	background: url(../images/more2.png) center center no-repeat;
	position: absolute;
	left: 50%;
	margin-left: -57px;
	bottom: 40px;
	z-index: 11;
}
.service .w1200{
	top: 165px;
	height: 850px;
	position: relative;
	z-index: 10;
}
.service .w1200 .item{
	width: 143px;
	height: 249px;
	position: absolute;
	overflow: visible;
	z-index: 11;
}
.service .w1200 .item img{
	display: block;
	width: 287px;
	height: 249px;
	position: absolute;
	left: -72px;
	top: 0;
	z-index:12;
}
.service .w1200 .item .img{
	z-index: 13;
	filter:alpha(opacity=0);
	-webkit-opacity: 0;
	-moz-opacity: 0;
	-ms-opacity: 0;
	-o-opacity: 0;
	opacity: 0;
	-webkit-transition: all ease-in-out 0.6s;
	-o-transition: all ease-in-out 0.6s;
	transition: all ease-in-out 0.6s;
}
.service .w1200 .item .img.hover{
	filter:alpha(opacity=100);
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
	opacity: 1;
}
.service .w1200 .item .area{
	display: block;
	width: 143px;
	height: 249px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 15;
}
.service .w1200 .item1{
	top: 0;
	left: 528px;
}
.service .w1200 .item2{
	top: 124px;
	left: 314px;
}
.service .w1200 .item3{
	top: 124px;
	left: 741px;
}
.service .w1200 .item4{
	top: 248px;
	left: 100px;
}
.service .w1200 .item5{
	top: 248px;
	left: 527px;
}
.service .w1200 .item6{
	top: 248px;
	left: 954px;
}
.service .w1200 .item7{
	top: 372px;
	left: 314px;
}
.service .w1200 .item8{
	top: 372px;
	left: 741px;
}
.service .w1200 .item9{
	top: 496px;
	left: 528px;
}
/*gallery*/
.gallery{
	padding-top: 125px;
	padding-bottom: 80px;
	position: relative;
}
.gallery .title{
	height: 51px;
	margin-bottom: 45px;
	background: url(../images/gallery.png) center top no-repeat;
}
.gallery .wrap{
	position: relative;
	width: 1199px;
	height: 515px;
	margin: 0 auto;
}
#goLeft,
#goRight{
	width: 44px;
	height: 44px;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	top: 235px;
	z-index: 99;
	cursor: pointer;
	filter:alpha(opacity=60);
	-webkit-opacity: 0.6;
	-moz-opacity: 0.6;
	-ms-opacity: 0.6;
	-o-opacity: 0.6;
	opacity: 0.6;
}
#goLeft:hover,
#goRight:hover{
	filter:alpha(opacity=90);
	-webkit-opacity: 0.9;
	-moz-opacity: 0.9;
	-ms-opacity: 0.9;
	-o-opacity: 0.9;
	opacity: 0.9;
}
#goLeft{
	background-image: url(../images/goleft.png);
	left: -22px;
}
#goRight{
	background-image: url(../images/goright.png);
	right: -22px;
}
#picBox{
	height: 515px;
	overflow: hidden;
}
#picBox li{
	width: 296px;
	height: 515px;
	margin-right: 5px;
	float: left;
	position: relative;
}
#picBox li a{
	display: block;
	height: 515px;
	background: #000;
}
#picBox li h1{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 30;
	width: 100%;
	height: 115px;
	background: url(../images/gBg.png) center top no-repeat;
	line-height: 136px;
	overflow: hidden;
	text-align: center;
	font-size: 16px;
	color: #fff;
}
#picBox li .pic{
	display: block;
	width: 296px;
	height: 515px;
	-webkit-transition: all ease-in-out 0.5s;
	-o-transition: all ease-in-out 0.5s;
	transition: all ease-in-out 0.5s;
	filter:alpha(opacity=100);
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
	opacity: 1;
}
#picBox li p{
	width: 230px;
	position: absolute;
	left: 33px;
	top: 300px;
	font-size: 14px;
	color: #fff;
	line-height: 26px;
	z-index: 30;
	-webkit-transition: all ease-in-out 0.5s;
	-o-transition: all ease-in-out 0.5s;
	transition: all ease-in-out 0.5s;
	filter:alpha(opacity=0);
	-webkit-opacity: 0;
	-moz-opacity: 0;
	-ms-opacity: 0;
	-o-opacity: 0;
	opacity: 0;
}
#picBox li .logo{
	width: 66px;
	height: 61px;
	position: absolute;
	top: 42px;
	left: 122px;
	-webkit-transition: all ease-in-out 0.5s;
	-o-transition: all ease-in-out 0.5s;
	transition: all ease-in-out 0.5s;
	filter:alpha(opacity=0);
	-webkit-opacity: 0;
	-moz-opacity: 0;
	-ms-opacity: 0;
	-o-opacity: 0;
	opacity: 0;
}
#picBox li:hover .pic{
	filter:alpha(opacity=50);
	-webkit-opacity: 0.5;
	-moz-opacity: 0.5;
	-ms-opacity: 0.5;
	-o-opacity: 0.5;
	opacity: 0.5;
}
#picBox li:hover p{
	filter:alpha(opacity=100);
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
	opacity: 1;
	top: 260px;
}
#picBox li:hover .logo{
	filter:alpha(opacity=100);
	-webkit-opacity: 1;
	-moz-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
	opacity: 1;
}
/*
*	****************************************
*	*            Innnerpage              
*	****************************************
*/

/*bannerIn*/
#bannerIn{
	height: 549px;
	overflow: hidden;
}
#bannerIn img{
	display: block;
	width: 1920px;
	height: 549px;
	position: relative;
	left: 50%;
	margin-left: -960px;
}
/*wrap inside*/
#wrapIn{
	background: #e7f1d5;
}
/*crumbs*/
#crumbs{
	height: 50px;
	font-size: 14px;
}
#crumbs p{
	line-height: 50px;
	color: #808080;
}
#crumbs a{
	color: #808080;
}
#crumbs a:hover{
	text-decoration: underline;
	color: #5b8755;
}
/*secNav*/
#secNav{
	margin-top: 30px;
}
#secNav li{
	width: 398px;
	height: 88px;
	border: #c5ceb6 1px solid;
	text-align: center;
	line-height: 88px;
	float: left;
}
#secNav li a{
	display: inline-block;
	width: 268px;
	height: 48px;
	border: #c5ceb6 1px solid;
	font-size: 18px;
	color: #333333;
	line-height: 48px;
	text-align: center;
}
#secNav li:hover,
#secNav li.hover{
	background: #c5ceb6;
}
#secNav li:hover a,
#secNav li.hover a{
	background: #5b8755;
	color: #fff;
	border-color: #fff;
}

/*order*/
#order{
	padding-top: 75px;
	padding-bottom: 190px;
}
#order li{
	margin-bottom: 40px;
	width: 1194px;
	height: 368px;
	border: 3px solid #fff;
	position: relative;
}
#order li img{
	display: block;
	width: 537px;
	height: 368px;
	float: left;
	margin-right: 45px;
}
#order li .text{
	padding-top: 60px;
	width: 570px;
	float: left;
}
#order li .text h1{
	font-size: 24px;
	color: #22571b;
	line-height: 24px;
	padding-left: 35px;
	margin-bottom: 45px;
}
#order li .text p{
	font-size: 18px;
	line-height: 36px;
	color: #7e8d7c;
}
#order li .text span{
	color: #50622a;
	padding-left: 35px;
}
#order li a{
	position: absolute;
	right: 50px;
	bottom: 60px;
	display: block;
	width: 156px;
	height: 50px;
	background: #5b8755;
	font-size: 18px;
	color: #ffffff;
	line-height: 50px;
	text-align: center;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-ms-border-radius: 25px;
	-o-border-radius: 25px;
	border-radius: 25px;
	-webkit-box-shadow: 0 0 7px 0 #809f77;
	box-shadow: 0 3px 7px 0 #809f77;
}
#order li a:hover{
	background: #4f744a;
}
/*jiudian*/
#jiudian{
	padding-top: 110px;
	padding-bottom: 210px;
}
#jiudian .swiper-container {
	height:800px;
}
#jiudian .text{
	width: 900px;
	padding: 35px 150px;
	background: #686d60;
}
#jiudian .text p{
	text-indent: 2em;
	font-size: 16px;
	color: #fff;
	line-height: 32px;
	font-weight: 100;
}


/*wenquan*/
#wenquan{
	height: 727px;
	background: url(../images/wenquanBg.jpg) center top no-repeat;
}
#wenquan ul{
	width: 1000px;
	height: 727px;
	margin: 0 auto;
}
#wenquan ul li{
	width: 250px;
	float: left;
}
#wenquan ul li a{
	display: block;
	padding-top: 297px;
	height: 430px;
}
#wenquan ul li a h1{
	font-size: 40px;
	color: #fff;
	letter-spacing: 5px;
	line-height: 70px;
	text-align: center;
	background: url(../images/wenquanBg1.png) center bottom no-repeat;
}
#wenquan ul li a:hover{
	background: rgba(0,0,0,0.2);
}
/*wenquan*/
#wenquanIn{
	height: 727px;
	background: url(../images/wqjsBg.jpg) center top no-repeat; 
}
#wenquanIn .title{
	width: 199px;
	height: 727px;
	background-position: top center;
	background-repeat: no-repeat;
	float: left;
}
#wenquanIn .wrap{
	padding: 0 24px;
	width: 650px;
	height: 727px;
	float: left;
}
#wenquanIn .wrap h1{
	font-size: 18px;
	color: #63945d;
	line-height: 36px;
	font-weight: bold;
}
#wenquanIn .wrap p{
	font-size: 16px;
	color: #666;
	line-height: 32px;
	text-indent: 2em;
}
#wenquanIn .item{
	display: block;
	padding-top: 334px;
	width: 100px;
	height: 393px;
	margin-left: 1px;
	float: left;
	background: rgba(0,0,0,0.5);
}
#wenquanIn .item h1{
	font-size: 14px;
	color: #fff;
	line-height: 14px;
	text-align: center;
}
#wenquanIn .item h2{
	margin-top: 40px;
	font-size: 14px;
	color: #fff;
	line-height: 14px;
	text-align: center;
}

/*nongzhuang*/
#nongzhuang{
	padding-top:65px;
	padding-bottom: 160px;
}
#nongzhuang .box{
	height: 454px;
	font-size: 0;
}
#nongzhuang .box p{
	padding: 0 26px;
	display: inline-block;
	width: 530px;
	vertical-align: middle;
	font-size: 16px;
	color: #193216;
	line-height: 32px;
}
#nongzhuang .box img{
	display: inline-block;
	width: 618px;
	height: 454px;
	vertical-align: middle;
}
#nongzhuang .more{
	padding-top: 45px;
	height: 386px;
	position: relative;
}
#nongzhuang .more img{
	display: block;
}
#nongzhuang .more .left{
	width: 1050px;
	height: 386px;
	float: left;
}
#nongzhuang .more .left img{
	width: 1050px;
	height: 386px;
}
#nongzhuang .more a{
	display: block;
	width: 150px;
	height: 386px;
	float: left;
}
#nongzhuang .more a img{
	width: 150px;
	height: 386px;
}
/*huiyi*/
#huiyi{
	padding-top: 100px;
	padding-bottom: 130px;
}
#huiyi .wrap{
	height: 564px;
	overflow: hidden;
}
#huiyi .wrap .left{
	width: 198px;
	float: left;
}
#huiyi .wrap .left li{
	width: 166px;
	height: 64px;
	border: 2px solid #cfd8c1;
	background: #cfd8c1;
	margin-bottom: 14px;
}
#huiyi .wrap .left li a{
	display: block;
	width: 164px;
	height: 62px;
	border: 1px solid #cfd8c1;
	font-size: 18px;
	color: #193216;
	line-height: 62px;
	text-align: center;
}
#huiyi .wrap .left li.hover{
	background: #73ac69;
	border-color: #73ac69;
	width: 194px;
}
#huiyi .wrap .left li.hover a{
	color: #fff;
	border-color: #fff;
	width: 192px;
}
#huiyi .wrap .right{
	float: left;
	width: 998px;
	height: 556px;
	border: 2px solid #73ac69;
	display: none;
}
#huiyi .slip{
	height: 39px;
	margin: 40px 0 35px 0;
	background: url(../images/changcheng.png) center center no-repeat;
}
#huiyi .text{
	padding-top: 54px;
	height: 520px;
	background: url(../images/huiyiBg.jpg) center center no-repeat;
}
#huiyi .text p{
	margin-left: 30px;
	border: 1px solid #fff;
	padding: 50px 15px;
	width: 396px;
	height: 355px;
	font-size: 18px;
	color: #fff;
	line-height: 36px;
}

/*gaikuang*/
#gaikuang{
	padding-top: 100px;
	padding-bottom: 170px;
}
#gaikuang .top{
	height: 611px;
}
#gaikuang .top img{
	width: 1200px;
	height: 611px;
	display: block;
}
#gaikuang .wrap{
	margin-top: 135px;
}
#gaikuang .wrap .tag{
	height: 378px;
	position: relative;
}
#gaikuang .wrap .tag li{
	width: 189px;
	height: 378px;
	cursor: pointer;
}
#gaikuang .wrap .tag li.hover{
	background: url(../images/gaikuang/line.png) center bottom no-repeat;
}
#gaikuang .wrap .tag li .s{
	width: 189px;
	height: 378px;
}
#gaikuang .wrap .tag #li1{
	position: absolute;
	left: 0;
	top: 0;
}
#gaikuang .wrap .tag #li1 .s{
	background: url(../images/gaikuang/i1off.png) center top no-repeat;
}
#gaikuang .wrap .tag #li1.hover .s{
	background: url(../images/gaikuang/i1on.png) center top no-repeat;
}

#gaikuang .wrap .tag #li2{
	position: absolute;
	left: 127px;
	top: 0;
}
#gaikuang .wrap .tag #li2 .s{
	background: url(../images/gaikuang/i2off.png) center bottom no-repeat;
}
#gaikuang .wrap .tag #li2.hover .s{
	background: url(../images/gaikuang/i2on.png) center bottom no-repeat;
}

#gaikuang .wrap .tag #li3{
	position: absolute;
	left: 254px;
	top: 0;
}
#gaikuang .wrap .tag #li3 .s{
	background: url(../images/gaikuang/i3off.png) center top no-repeat;
}
#gaikuang .wrap .tag #li3.hover .s{
	background: url(../images/gaikuang/i3on.png) center top no-repeat;
}

#gaikuang .wrap .tag #li4{
	position: absolute;
	left: 381px;
	top: 0;
}
#gaikuang .wrap .tag #li4 .s{
	background: url(../images/gaikuang/i4off.png) center bottom no-repeat;
}
#gaikuang .wrap .tag #li4.hover .s{
	background: url(../images/gaikuang/i4on.png) center bottom no-repeat;
}

#gaikuang .wrap .tag #li5{
	position: absolute;
	left: 508px;
	top: 0;
}
#gaikuang .wrap .tag #li5 .s{
	background: url(../images/gaikuang/i5off.png) center top no-repeat;
}
#gaikuang .wrap .tag #li5.hover .s{
	background: url(../images/gaikuang/i5on.png) center top no-repeat;
}

#gaikuang .wrap .tag #li6{
	position: absolute;
	left: 635px;
	top: 0;
}
#gaikuang .wrap .tag #li6 .s{
	background: url(../images/gaikuang/i6off.png) center bottom no-repeat;
}
#gaikuang .wrap .tag #li6.hover .s{
	background: url(../images/gaikuang/i6on.png) center bottom no-repeat;
}

#gaikuang .wrap .tag #li7{
	position: absolute;
	left: 762px;
	top: 0;
}
#gaikuang .wrap .tag #li7 .s{
	background: url(../images/gaikuang/i7off.png) center top no-repeat;
}
#gaikuang .wrap .tag #li7.hover .s{
	background: url(../images/gaikuang/i7on.png) center top no-repeat;
}

#gaikuang .wrap .tag #li8{
	position: absolute;
	left: 889px;
	top: 0;
}
#gaikuang .wrap .tag #li8 .s{
	background: url(../images/gaikuang/i8off.png) center bottom no-repeat;
}
#gaikuang .wrap .tag #li8.hover .s{
	background: url(../images/gaikuang/i8on.png) center bottom no-repeat;
}

#gaikuang .wrap .tag #li9{
	position: absolute;
	left: 1016px;
	top: 0;
}
#gaikuang .wrap .tag #li9 .s{
	background: url(../images/gaikuang/i9off.png) center top no-repeat;
}
#gaikuang .wrap .tag #li9.hover .s{
	background: url(../images/gaikuang/i9on.png) center top no-repeat;
}
#gaikuang .wrap .right{
	width: 1194px;
	height: 434px;
	border: 3px solid #fff;
	font-size: 0;
	background: #46823e;
	display: none;
}
#gaikuang .wrap .right img{
	display: inline-block;
	width: 183px;
	height: 434px;
	border-right: 3px solid #fff;
	vertical-align: middle;
}
#gaikuang .wrap .right .text{
	display: inline-block;
	width: 920px;
	padding-left: 40px;
	vertical-align: middle;
}
#gaikuang .wrap .right .text p{
	font-size: 14px;
	color: #fff;
	line-height: 32px;
	text-indent: 2em;
}
#gaikuang .bottom{
	height: 462px;
	margin-top: 75px;
}
#gaikuang .bottom img{
	width: 1200px;
	height: 462px;
	display: block;
}

/*shuishang*/
#shuishang{
	padding-top: 50px;
	padding-bottom: 180px;
}
#shuishang img{
	display: block;
}

/*gallery*/
#gallery{
	padding-top: 50px;
	padding-bottom: 150px;
}
#gallery img{
	display: block;
}
#gallery .title{
	margin-bottom: 30px;
}
#gallery ul{
	width: 1240px;
	margin-left: -20px;
}
#gallery ul li{
	width: 387px;
	margin-right: 39px;
	margin-bottom: 70px;
	float: left;
}
#gallery ul li a{
	display: block;
}
#gallery ul li h1{
	font-size: 24px;
	line-height: 24px;
	text-align: center;
	color: #22571b;
}



.calendar {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	border-collapse: collapse;
	background-color: white;
	border: solid #999999 1px;
	background-color: white;
	width: 200px;
	text-align: center;
	/*prevent user from selecting text in Mozilla & Safari - check calendar constructor for IE code)*/
	-moz-user-select: none;
    /*-khtml-user-select: none;*/
    z-index: 999999999999999;
}
.calendar input, .calendar select {
	font-size: 10px;
}
.calendar td {
	border: 0;
	font-size: 10px;
	text-align: center;
}
div.mainheading {
	margin: 2px;
}
.caldayheading {
	border-collapse: collapse;
	cursor: pointer;
	empty-cells: show;
	margin: 0 6px 0 6px;
}
.caldayheading td {
	border: solid #CCCCCC 1px;
	text-align: left;
	color: #0054E3;
	font-weight: bold;
	width: 22px; /*should match calendar cell's width*/
}
.caldayheading td.wkhead {
	border-right: double #CCCCCC 3px;
}
.calcells {
	border-collapse: collapse;
	cursor: pointer;
	margin: 0 6px 0 6px;
}
.calcells td {
	border: solid #CCCCCC 1px;
	vertical-align: top;
	text-align: left;
	font-weight: bold;
	width: 22px;
	height: 20px; /*IE doesn't like ems*/
}
.calcells td div {
	padding: 1px;
	margin: 0;
}
.calcells td.wkhead {
	background-color: white;
	text-align: center;
	border-right: double #CCCCCC 3px;
	color: #0054E3;
}
.calcells td.wkday {
	background-color: #DDDDDD;
}
.calcells td.wkend {
	background-color: #DDDDDD;
}
.calcells td.curdate {

}
.calcells td.cell_selected {
	background-color: #99CCFF;
	color: black;
}
.calcells td.notmnth {
	background-color: #FFFFFF;
	color: #000000;
}
.calcells td.cannotselect {
	background-color: #FFFFFF;
	color:#CCCCCC;
	
}
.calcells td.notallowed {
	background-color: white;
	color: #EEEEEE;
	font-style: italic;
}
.calcells td.hover {
	background-color: #999999;
}


.oww{
	position: fixed;
	right: -275px;
	top: 200px;
	-webkit-transition: all ease-in-out 0.5s;
	-o-transition: all ease 0.5s;
	transition: all ease 0.5s;
	z-index: 9999999;
}
.oww:hover{
	right:0;
}
.ow{
	padding-top: 20px;
	padding-bottom: 20px;
	background: #ffebc0;
	float: left;
}
.ow form{
	padding-left: 20px;
	padding-right: 15px;
}
.ow input[type=text]{
	padding-left:10px;
	padding-right: 30px;
	margin-bottom: 10px;
	width: 130px;
	height: 23px;
	display: block;
	background: #ebca87;
	border:none;
	font-size: 12px;
	color: #fff;
}
.ow input[type=button]{
	width: 100px;
	height: 23px;
	background: #85b382;
	float: right;
	border: none;
	color: #fff;
	margin-top: 15px;
}
.ow .c{
	background:url("../images/cicon.png") 150px center no-repeat, #ebca87;
	float: left;
}
.ow h6{
	font-size: 12px;
	color: #c3ab73;
	line-height: 22px;
	float: left;
	width: 70px;
}

.ow select{
	background: #ebca87;
	border:none;
	color: #fff;
	float: left;
	margin-bottom: 10px;
}
.os{
	width: 36px;
	height: 120px;
	background: url("../images/gg.png") center center no-repeat;
	float: left;
}