/*reset*/
body, div, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, iframe, input, textarea, select, label, article, aside, footer, header, menu, nav, section, time, audio, video { margin: 0; padding: 0; font-weight: normal; }
a { text-decoration: none; }
ul, li { list-style: none; }
button { border: none; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
/*reset End*/

html, body { height: 100%; width: 100%; padding: 0; margin: 0; font-size: 14px; }
.garden { position:relative; width:100%;}
/* header */
.user-logout a,.user-login-b em,.user-box-info p,.user-exit,.user-set { background:url(../img/header-icon.jpg) no-repeat;}



/*header*/
.header { position:relative; width: 100%; height: 55px;background: #252323; color: #fff; z-index:999;}
.header .innerBox { margin: 0 auto; width: 1200px; height:55px; line-height: 55px;}
.header .innerBox .boxLeft { float: left; height: 55px; }

/* boxLeft */
.header .boxLeft .logo { font-size: 18px; font-weight: bold; margin-right: 92px;  }
.header .logo span { padding-left: 44px; display: block; height: 54px;  background-size: 34px 44px;  background: url('../img/logo.png') no-repeat;  background-position: 0px 6px;  }

.header .boxLeft li { position: relative;  display: inline-block; margin-right:10px; float:left; z-index:999;}
.header .boxLeft li a { display:block;  width: 120px; height:55px; line-height: 55px; text-decoration: none; color: #fff; font-size: 16px; text-align: center; font-family:"microsoft yahei"; }
.header li.active a,.header .boxLeft li a:hover { background: #000; color: #5BA6E4; }
.header .sub-nav { display:none; position: absolute; top:54px; left: 0; z-index:999; padding:5px 0 10px; background:url(../img/subnav-bg.png); border-radius:0 0 4px 4px; z-index:999;}
.header .boxLeft li .sub-nav a { display: block; padding:0 0 0 30px; border:0; width: 170px; height: 24px; font-size: 14px; line-height: 24px; background:none;  color: #FFF; text-align:left; }
.header .boxLeft li .sub-nav a:hover { color:#5BA6E4;}
.header .boxLeft li .logo:hover { background:none; color:#FFF;}

/*
.header { width: 100%; height: 70px; background-color: #252323; position: relative; z-index:9;}
.header .box { margin:0 auto; width: 1200px; height: 70px; }
.header .box a.logo { display:inline-block; float:left; margin:13px 0 0 11px; width:126px; height:44px; text-indent:-9em; overflow:hidden;}
.header .box .nav { display:inline-block; float:left; margin:22px 0 0 90px;}
.header .box .nav li { display:inline; margin-right:40px;}
.header .box .nav li a { font:16px/26px "microsoft yahei"; color:#FFF;}
.header .box .nav li.curr a,.header .box .nav li a:hover { color:#5BA6E4;}
*/



.header .user-info { float:right;}
.header .user-info .user-logout { margin:13px 0 0 10px;}
.header .user-info .user-logout a { display:block; width:70px; height:30px; background-position:0 -45px; font:16px/30px "microsoft yahei"; color:#FFF; text-align:center;}
.header .user-info .user-logout a:hover { color:#5BA6E4;}
.header .user-info .user-login { display:none; margin:9px 0 0 10px;}
.header .user-info .user-login .user-login-a { display:inline-block; float:left; margin-right:24px; font:16px/38px "microsoft yahei"; color:#FFF;}
.header .user-info .user-login .user-login-b { position:relative; display:block; float:left;}
.header .user-info .user-login .user-login-b em { display:block; width:38px; height:38px; background-position:-137px 0; cursor:pointer;}
.header .user-box { display:none; position:absolute; top:43px; left:-104px; width:165px; height:128px;}
.header .user-box i { position:absolute; top:0; left:0; display:block; width:165px; height:128px; background:url(../img/login-box.png); _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/login-box.png'); z-index:1;}
.header .user-box .user-box-info { position:relative; padding:19px 2px 0 0; z-index:2;}
.header .user-box .user-box-info p { margin-left:15px; padding-left:25px; width:122px; height:20px; font:14px/20px "microsoft yahei"; color:#3390C0; background-position:0 -86px; overflow:hidden;}
.header .user-box .user-box-info .user-box-info-a { margin-top:6px; margin-bottom:0px; padding-top:0px; width:163px; border-top:1px solid #D2D2D2; text-align: center;}
.header .user-box .user-box-info .user-box-info-a a { font:14px/18px "microsoft yahei"; color:#3390C0;}
.header .user-box .user-box-info .user-box-info-b { margin:0 auto; width:135px;}
.header .user-box .user-box-info .user-box-info-b a { padding-left:17px; font:12px/14px "microsoft yahei"; color:#292929;}
.header .user-set { float:left; background-position:0 -117px;}
.header .user-exit { float:right; background-position:0 -142px;}
/* content */
.content-wrap { position: relative; width:100%; background:url(../img/bg.jpg) repeat-x;}
.content { margin: 0 auto; width:1200px; height:820px; overflow: hidden;}
.gardens { width:1200px; height:820px; overflow: hidden;}
.anythingSlider .arrow { position: absolute; top:460px; z-index:3; display:none;}
.anythingSlider .back { left: 0;}
.anythingSlider .forward { right: 0;}
.anythingSlider .arrow a { display: block; width:28px; height:48px;}
.anythingSlider .back a { background:url("../img/arrowl.png"); _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/arrowl.png');}
.anythingSlider .forward a { background:url("../img/arrowr.png"); _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/arrowr.png');}
.gardens li { position:relative;}
.gardens li dt { position:relative; padding-top:62px; width:600px; z-index:2; color:#FFF; text-align:center;}
.gardens li dt h2 { margin-bottom:15px; font:54px/60px "microsoft yahei";}
.gardens li dt p { margin-bottom:15px; font:28px/60px "microsoft yahei";}
.gardens li dt a { margin:0 auto; display:block; width:114px; height:42px; background:url(../img/btn.jpg); height:42px; font:18px/42px "microsoft yahei"; color:#FFF; text-align:center;}
.gardens li .gardens-info { position:absolute; top:100px; right:20px; padding:30px 32px 20px 30px; width:490px; height:197px; z-index:2;}
.gardens li .gardens-info i { position:absolute; top:0; left:0; padding:30px 32px 20px 30px; width:490px; height:197px; background:url("../img/gardens-info-bg.png"); _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/gardens-info-bg.png'); z-index:1;}
.gardens li .gardens-info a { display:block; position:absolute; right:25px; top:6px; width:25px; height:25px; background:url(../img/gardens-info-close.jpg); z-index:2;}
.gardens li .gardens-info p { position:relative; font:18px/30px "microsoft yahei"; color:#FFF; z-index:3;}
.gardens li .gardens-go { position:absolute; top:460px; left:50%; margin-left:-65px; z-index:2;}
.gardens li .gardens-go a { display:block; padding:3px 8px 9px 4px; width:119px; height:119px; background:url("../img/gardens-go.png"); _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/gardens-go.png'); font:18px/119px "microsoft yahei"; color:#5BA6E4; text-align:center;}
.gardens li .gardens-go i { position:absolute; top:83px; left:54px; display:block; width:20px; height:21px; background:url("../img/gardens-go-b.png"); _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/gardens-go-b.png');}
.gardens li .gardens-img { position:absolute; left:50%; display:block; z-index:1;}

.gardens-a .gardens-img { top:300px; margin-left:-524px; width:1048px; height:519px; background:url("../img/garden1.png"); _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/garden1.png');}
.gardens-b .gardens-img { top:300px; margin-left:-454px; width:909px; height:482px; background:url("../img/garden2.png"); _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/garden2.png');}
.gardens-c .gardens-img { top:280px; margin-left:-413px; width:826px; height:525px; background:url("../img/garden3.png"); _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/garden3.png');}
.gardens-d .gardens-img { top:300px; margin-left:-418px; width:837px; height:464px; background:url("../img/garden4.png"); _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/garden4.png');}
.gardens-e .gardens-img { top:250px; margin-left:-418px; width:837px; height:562px; background:url("../img/garden5.png"); _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/garden5.png');}

.footer { width: 100%; height:20px; line-height:20px; text-align: center; color: #fff;}