*{margin:0px;padding:0px; font-family:"microsoft yahei"; text-decoration:none;}
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; font-family:"΢ÈíÑźÚ"; }
@media (max-width:1000px) {*{margin:0px; padding:0px;font-size:13px;font-family:"΢ÈíÑźÚ";}}
@media (max-width:800px) {*{margin:0px; padding:0px;font-size:13px;font-family:"΢ÈíÑźÚ";}}
@media (max-width:400px) {*{margin:0px; padding:0px;font-size:13px;font-family:"΢ÈíÑźÚ";}}
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; }
/* 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; }
.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:10px 0 0 90px; position:relative;}

.header .box .nav li {  display:inline-block; margin-right:10px; position:relative; float:left;}
.header .box .nav li a { font:16px/26px "microsoft yahei"; color:#FFF; display:block; width: 120px; height:55px; line-height: 55px;  text-align: center;}
.header .box .nav li.curr a,.header .box .nav li a:hover { color:#5BA6E4;}


.header .sub-nav { display:none; position: absolute; top:54px; left: 0; z-index:9999; padding:5px 0 10px; background:url(../img/subnav-bg.png); border-radius:0 0 4px 4px; z-index:999;}
.header .box 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; font-family:"microsoft yahei"; color: #FFF; text-align:left; }
.header .box li .sub-nav 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 */
.wrap { background:#72b976; width: 100%; min-width: 1280px; height:100%; position: absolute; top:0; left:0; z-index: 1; }
.wrap img { position:absolute; top:0; left:0; display:block; width:100%; vertical-align:middle; z-index:2;}
.wrap img.curr { z-index:3;}
.wrap-content { width: 100%; min-width: 1280px; height: 100%; position: relative; z-index:5; }
.content { position:relative; width: 100%; }
.content .numberBox { position: absolute; }
.content .numberBox1 { position: absolute; top: 140px; left: 415px; }
.content .numberBox2 { top: 250px; left: 163px; }
.content .numberBox3 { top: 331px; left: 425px; }
.content .numberBox4 { top: 524px; left: 657px; }
.content .numberBox5 { top: 243px; left: 774px; }
.content .number { position:absolute; background:url(../img/p.gif);}
.content .garden1 { top:-30px; left:-100px; width:250px; height:140px;}
.content .garden2 { top:-60px; left:-150px; width:210px; height:160px;}
.content .garden3 { top:-10px; left:-110px; width:250px; height:150px;}
.content .garden4 { top:-40px; left:-130px; width:250px; height:150px;}
.content .garden5 { top:-50px; left:-100px; width:400px; height:200px;}
.content .garden1 i { top:30px; left:100px;}
.content .garden2 i { top:60px; left:150px;}
.content .garden3 i { top:10px; left:110px;}
.content .garden4 i { top:40px; left:130px;}
.content .garden5 i { top:50px; left:100px;}

.content .number i { position: absolute; width: 44px; height: 44px; line-height: 44px; text-align: center; background: url("../img/circle_ico.png")no-repeat; background-size: 44px 44px;  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../img/circle_ico.png',  sizingMethod='scale'); color: #3141d4; z-index: 10; font-size: 22px; cursor: pointer; font-style:normal;}
.content .aperture { position: absolute; width:44px; height:44px; top: 0; left: 0; background: url("../img/border.png")no-repeat; background-size:contain; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../img/border.png',  sizingMethod='scale');}
.content .numberBox .alert-bg { display: none; position:absolute; top:-104px; left:-85px; width:218px; height:122px; background:url(../img/alert.png); _background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/alert.png'); z-index:10; }
.content .numberBox .alert-close { display:none; position:absolute; top:-95px; left:102px; width:16px; height:16px; background:url(../img/close.jpg) no-repeat; z-index:13; cursor:pointer;}
.content .numberBox .alert { padding: 14px 0 21px; width: 177px; height: 96px; font-size: 22px; color: #3141d4; text-align: center; position: absolute; top: -101px; left: -66px; display: none; z-index: 12; }
.content .numberBox .alert1 { }
.content .numberBox .alert a { color: #fff; text-decoration: none; display: block; background:url("../img/view-info.jpg") no-repeat; width: 126px; height: 27px; line-height: 27px; margin: 0 auto; font-size: 18px; }
.content .numberBox .alert p { margin-bottom:10px; height:30px; line-height:30px; text-align:center;}
.footer { width: 100%; text-align: center; position: absolute; bottom: 25px; color: #fff; }