/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, pre, form, fieldset, input, textarea, p, blockquote, th, td, font, form, p, h1, h2, h3, h4, h5, h6, span, a { padding: 0px; margin: 0px; }
input, select { font-size: 12px; line-height: 16px; }
html, body { -webkit-text-size-adjust: none; font-size: 12px; color: #333333; }/*google浏览器字体兼容*/
body { font-family:Arial, Helvetica, sans-serif, "微软雅黑", "宋体"; width: 100%; background: #ffffff; }
img { border: 0; }
ul, li { list-style-type: none; }
a { text-decoration: none; color: #333333; outline: none; }
a:hover { color: #f8b551; text-decoration: none; }
a:active { star:expression(this.onFocus=this.blur());
}
.cl { clear: both; }
.fl { float: left; }
.fr { float: right; }
.tc { text-align: center; }
.tl { text-align: left; }
.tr { text-align: right; }
.dis { display: block; }
.undis { display: none; }
.huangse { color: #eae678 }
.yellow { color: #ed6b1e }
.green { color: #007b3f }
.red { color: #e1550b }
.hui { color: #696868 }
.hui2 { color: #929292 }
.red2 { color: #ae1202 }
.orange { color: #ffb400; }
.Dgreen { color: #0e652c; }
.hei { color: #000 }
.blue { color: #007e40 }
.f12 { font-size: 12px }
.f14 { font-size: 14px }
.f16 { font-size: 16px }
.f18 { font-size: 18px }
.fb { font-weight: bold }
.line30 { line-height: 30px; }
.line35 { line-height: 35px; }
.border_bottom { border-bottom: 1px #CCCCCC dashed; }
DIV.none { DISPLAY: none }
.display { display: block }
.space { height: 5px; clear: both; _height: 0px; line-height: 5px }
.left { float: left }
.right { float: right }
.container { width: 1080px; margin: 0 auto; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.margin_bottom30 { margin-bottom: 30px; }
/*index start*/
.header{ width:100%; height:auto; background:#555555;}
.menu{ padding-top:30px; padding-left:50px;}
.menu ul li{ width:106px; height:38px; float:left; margin-right:10px;}
.menu ul li a.one{ display:block;width:110px; height:38px; line-height:38px; text-align:center; font-size:16px; color:#fff;-webkit-border-radius: 38px;-moz-border-radius: 38px;border-radius: 38px; text-transform:uppercase;}
.menu ul li a.one:hover{ background:#ffc861; color:#fff;}
.menu ul li a.current{ background:#ffc861; color:#fff;}
.menu ul li.long{ width:135px}
.menu ul li.long a.one{ width:135px;}

.language{ padding-top:35px; width:100px; height:auto;}
.language a{ display:inline-block; width:39px; height:39px; text-align:center; line-height:39px; /*background:#b7b7b7;-webkit-border-radius: 39px;-moz-border-radius: 39px;border-radius: 39px; font-size:16px; color:#ffffff;*/ margin-right:0;}
/*.language a:hover{ background:#6ed7dc;}
.language a.lcurr{background:#6ed7dc;}*/

#sections-wrapper { position: relative; overflow: hidden; height: 560px;}
section { height: 560px; font-size: 0; text-align: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.hide-bottom { transform: translateY(100%); }
.hide-top { transform: translateY(-100%); }
.segment { height: 100%; display: inline-block; overflow: hidden; position: relative; box-sizing: border-box; }
.segment-inner { position: absolute; top: 0; background: no-repeat center center / cover; height: 560px; width: 100vw; }
.sections-control { text-align: center; font-size: 0; position:relative; bottom: 35px; z-index: 9999;}
.section-thumbnail { display: inline-block; width: 15px; height: 15px; margin: 0 5px; background:#555555;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;}
.section-thumbnail:hover { display: inline-block; width: 15px; height: 15px; line-height: 15px; overflow: hidden; background:#ffc861; cursor: pointer; color: #555555; font-size: 0; }
.section-thumbnail.active { display: inline-block; width: 15px; height: 15px; line-height: 15px; overflow: hidden; background:#ffc861; cursor: pointer; color: #555555; font-size: 0;}

#slider { position: relative; width: 100%; overflow: hidden; margin: 0 auto 0 auto;text-align:center; }
#slider li { position: absolute; top: 0; left: 0; width:100%; height:auto; }
#slider li img{ display:block; width:100%; height:auto;}
.caption { display:none; opacity: 0.8; background: #000; height: 33px; padding: 5px 0 0 0; color: #fff; text-align: center; font: 25px/1 '微软雅黑'; z-index: 200; }
.prev-link, .next-link { display: block; width: 24px; height: 24px; background-repeat: no-repeat; background-position: left top; position: absolute; bottom: 10px; z-index: 300; }
.prev-link { left: 10px; background-image: url(prev.png ); }
.next-link { left: 40px; background-image: url(next.png ); }

.circle { display:inline-block; width: 16px; height: 16px; margin-right:15px; -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; position:relative; top: 92%; z-index: 300;background:#555555; }
.circle-current { background:#ffc861; color: #ffc861; }


.shutter { overflow: hidden; width: 100%; height: 358px; position: relative; margin: 0 auto; }
.shutter-img { z-index: 1; }
.shutter-img, .shutter-img a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.shutter-img a { cursor: default; }
.shutter-img a > img { width: 100%; height: 100%; }
.shutter-img .created { overflow: hidden; position: absolute; z-index: 20; }
.shutter-btn { }
.shutter-btn li { position: absolute; z-index: 2; top: 50%; width: 49px; height: 49px; margin-top: -25px; cursor: pointer; }
.shutter-btn li.prev { left: 20px; background: url(../images/shutter_prevBtn.png) no-repeat 0 -49px; }
.shutter-btn li.next { right: 20px; background: url(../images/shutter_nextBtn.png) no-repeat 0 -49px; }
.shutter-desc { position: absolute; z-index: 2; left: 0; bottom: 0; width: 100%; height: 36px; background: url(../images/shutter_shadow.png) repeat; }
.shutter-desc p { padding-left: 20px; line-height: 36px; color: #fff; font-size: 14px; }


/* banner */
.flexslider { position: relative; height: 620px; overflow: hidden; background: url(../images/loading.gif) 50% no-repeat; }
.slides { position: relative; z-index: 1; }
.slides li { height: 620px;/*transition: all 6s;*/ }
.slides li a { display: block; width: 1200px; height: 460px; padding-top:80px; margin: 0 auto; text-align:center; overflow:hidden; }
.slides li.flex-active-slide{/*transform: scale(1.1);*/}
.flex-control-nav { position: absolute; bottom: 20px; z-index: 9999; width: 100%; text-align: center; }
.flex-control-nav li { display: inline-block; width: 15px; height: 15px; margin: 0 5px; *display:inline;
zoom: 1; }
.flex-control-nav a { display: inline-block; width: 15px; height: 15px; line-height: 15px; overflow: hidden; background:#555555; cursor: pointer; color: #555555; font-size: 0;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; }
.flex-control-nav .flex-active { background:#ffc861; color: #ffc861; }

.ani-view { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; }
@-webkit-keyframes fadeInDown { 0% {
 opacity:0;
 -webkit-transform:translateY(200px)
}
 100% {
 opacity:1;
 -webkit-transform:translateY(0)
}
}
@-moz-keyframes fadeInDown { 0% {
 opacity:0;
 -moz-transform:translateY(200px)
}
 100% {
 opacity:1;
 -moz-transform:translateY(0)
}
}
@-o-keyframes fadeInDown { 0% {
 opacity:0;
 -o-transform:translateY(200px)
}
 100% {
 opacity:1;
 -o-transform:translateY(0)
}
}
@keyframes fadeInDown { 0% {
 opacity:0;
 transform:translateY(200px)
}
 100% {
 opacity:1;
 transform:translateY(0)
}
}
.ani-view.fade-in-down {opacity: 0;  opacity: 1\0/IE9; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); -ms-transform: translateY(0)\0/IE9; }
.ani-view.fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; }

.isearch{ width:620px; height:56px; margin:40px auto 70px auto;}
.search_submit{ width:60px; height:56px; border:none; background:url(../images/search_submit.jpg) no-repeat 50% 50% #ffc861; cursor:pointer;outline:none;}
.search_text{ width:556px; height:52px; border:2px #ffc861 solid; line-height:52px; text-indent:20px; color:#999999; font-size:16px; outline:none;}

.iproduct{}
.iproductt{ text-align:center;}
.iproductt_c{ font-size:24px; color:#555555; line-height:37px; padding-top:8px;}
.iproductc{ padding-top:25px; padding-bottom:50px;}
.iproductc ul li{ width:340px; height:440px; float:left; margin:0 30px 30px 0;}
.iproductc ul li a{ display:block; width:340px; height:440px; position:relative; z-index:99;}
.iproductc ul li a .iproductc_over{ display:none; width:246px; height:246px; background:url(../images/i_product_over.png) no-repeat; text-align:center; line-height:246px; font-size:24px; color:#fff; position:absolute; z-index:999; top:97px; left:47px;}
/*.iproductc ul li a:hover .iproductc_over{ background:url(../images/i_product_over_bg.png) no-repeat;}*/
.iproductc ul li a:hover .iproductc_over{ display:block;}

.inewsc{ margin:25px auto 80px auto; width:100%; height:650px; background:url(../images/inews_bg.jpg) no-repeat 50% top;}
.inewscc{ padding-top:55px;}

/* 本例子css */
.picScroll-top{ margin:0 auto;  width:600px;  overflow:hidden; position:relative;}
.picScroll-top .hd{ overflow:hidden;  height:34px;}
.picScroll-top .hd .prev,.picScroll-top .hd .next{ display:block;  width:294px; height:34px; float:right; margin-left:12px; overflow:hidden;cursor:pointer;}
.picScroll-top .hd .prev{ background:url(../images/new_prev.jpg) no-repeat;}
.picScroll-top .hd .next{ background:url(../images/new_next.jpg) no-repeat;}
.picScroll-top .hd .prev:hover{ background:url(../images/new_prev_over.jpg) no-repeat;}
.picScroll-top .hd .next:hover{ background:url(../images/new_next_over.jpg) no-repeat;}

.picScroll-top .bd{}
.picScroll-top .bd ul{ overflow:hidden; zoom:1; }
.picScroll-top .bd ul li{ zoom:1; margin-bottom:18px;}
.picScroll-top .bd ul li a{ display:block; padding:10px; background:#fff;}
.inewsccl{ width:147px; height:130px;}
.inewsccr{ width:415px; height:auto;}
.inewsccr_t{ font-size:16px; color:#333333; line-height:35px;}
.inewsccr_time{ color:#999999;}
.inewsccr_info{ padding-top:8px; color:#666666; line-height:14px; line-height:24px;}
.picScroll-top .bd ul li a:hover{ background:#62bec3; color:#fff;}
.picScroll-top .bd ul li a:hover .inewsccr_t{color:#fff;}
.picScroll-top .bd ul li a:hover .inewsccr_time{color:#fff;}
.picScroll-top .bd ul li a:hover .inewsccr_info{color:#fff;}

.imessagec{ margin:25px auto 80px auto;}
.imessagect{ background:#f8b551;-moz-border-radius-topleft: 36px;-moz-border-radius-topright: 36px;-webkit-border-top-left-radius: 36px;-webkit-border-top-right-radius: 36px;border-top-left-radius: 36px;border-top-right-radius: 36px; height:72px; line-height:72px; text-indent:40px; color:#fff; font-size:28px; color:#fff; letter-spacing:3px;}
.imessagect span{ font-size:22px; font-family:Arial, Helvetica, sans-serif; padding-left:12px;}
.imessagecc{ background:#ebf4fb; border:1px #dddddd solid; padding:25px 75px; font-size:18px; color:#666666;-moz-border-radius-bottomleft: 36px;
-moz-border-radius-bottomright: 36px;-webkit-border-bottom-left-radius: 36px;-webkit-border-bottom-right-radius: 36px;border-bottom-right-radius: 36px;border-bottom-left-radius:  36px;}
.imessagecc table tr td{ height:70px; padding:0 5px;}
.imess_text{ width:300px; height:46px; border:1px #dddddd solid;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.imess_text_long{ width:96%; height:46px; border:1px #dddddd solid;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.imess_textarea{ width:96%; height:300px; border:1px #dddddd solid;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.imess_submit{ width:172px; height:48px; background:#f8b551; color:#fff; font-size:24px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; border:none; cursor:pointer; margin:25px auto;}
.imess_submit:hover{ background:#62bec3;}
.imessagecc_info{ padding-bottom:28px; text-align:center; font-size:18px; color:#888888; line-height:30px;}


.jobc{ margin:25px auto 80px auto;}
.jobcl{ width:345px;}
.jobcr{ width:700px; height:auto;}
.jobcr ul li{ width:212px; margin-right:20px; float:left;}
.jobcr ul li a{ display:block;}
.jobcr ul li a p{ width:212px; height:38px; background:#648789; text-align:center; line-height:38px; font-size:18px; color:#fff;}

.iaboutc{ margin:30px auto;}
.iaboutcl{ width:426px; height:470px;}
.iaboutcr{ width:620px; height:auto; font-size:14px; color:#595757; line-height:25px;}
.iaboutcr p{ text-indent:25px;}

.ipartner{ margin:40px auto 60px auto;width:945px;}
/* 本例子css */
.slideBox{ width:945px; height:200px; position:relative;}
.slideBox .hd{ height:18px; overflow:hidden; position:absolute; left:48%; bottom:-20px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:15px;  width:18px; height:18px; line-height:18px; text-align:center; background:#adadad; cursor:pointer;-webkit-border-radius: 18px;-moz-border-radius: 18px;border-radius: 18px; }
.slideBox .hd ul li.on{ background:#f8b551; color:#f8b551; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:945px; height:151px; display:block;  }

.footer{ width:100%; height:auto; background:#313131; padding:20px 0;}
.footerl{ width:307px; min-height:120px; background:url(../images/foot_line.jpg) no-repeat right 50%; padding-top:35px;}
.footerm{ width:255px; min-height:120px; background:url(../images/foot_line.jpg) no-repeat right 50%; padding-left:110px;}
.footermt{ color:#dddddd; font-size:18px;}
.footermc{ padding-top:10px;}
.footermc a{ text-transform:uppercase; display:inline-block; width:100px; height:30px; line-height:30px; font-size:14px; color:#999999;}

.footerr{ width:320px; min-height:120px;}
.footerr_t{ color:#dddddd; font-size:18px;}
.footerr_c{ padding-top:10px;line-height:30px; font-size:14px; color:#999999;}

.copyright{ width:100%; height:35px; line-height:35px; background:#2c2b29; text-align:center; color:#999999;}
/*index end*/


/*product start*/
.common_banner{ width:100%; height:450px;}
.location{ line-height:72px; color:#999999;}
.location a{color:#999999;}
.location a:hover{ color:#f8b551;}
.comall{ min-height:150px;}
.conleft{ width:200px; height:auto;}
.conleft ul li a.cone{ display:block; width:200px; height:42px; border-bottom:1px #dddddd solid; line-height:42px; background:url(../images/cate_bg.jpg) no-repeat 10px 50%; text-indent:23px; font-size:14px; color:#666666;}
.conleft ul li a.cone:hover{background:url(../images/cate_bg_over.jpg) no-repeat 10px 50%; color:#ef8201;}
.conleft ul li dl{ padding:8px 0; display:none;}
.conleft ul li dl dd a{ display:block; width:175px; line-height:22px; padding-left:25px; padding-top:5px; padding-bottom:5px; color:#666666;}
.conleft ul li dl dd a:hover{color:#f8b551;}
.conleft ul li.on dl{ display:block;}
.conleft ul li.on a.cone{background:url(../images/cate_bg_over.jpg) no-repeat 10px 50%; color:#ef8201;}

.conright{ width:850px; height:auto; padding-top:20px; padding-bottom:40px;}
.plist{}
.plist ul li{ width:255px; height:auto; float:left; margin:0 40px 40px 0;}
.plist ul li a{ display:block; width:255px; height:auto; position:relative; z-index:9;}
.plist ul li a .plist_over{ width:42px; height:42px; background:url(../images/p_list_over.png) no-repeat; position:absolute; z-index:99; top:90px; left:110px; display:none;}
.plist ul li a .plist_t{ width:255px; padding-top:10px; line-height:26px; color:#333333; font-size:16px; text-align:center;}
.plist ul li a .plist_c{width:255px;line-height:26px; color:#999999; text-align:center;}
.plist ul li a:hover .plist_over{ display:block;}
.plist ul li a:hover .plist_t{ background:#f5b834; color:#fff;}
.plist ul li a:hover .plist_c{background:#f5b834; color:#fff;}

.pdetail{ padding-bottom:50px;}
.pdimg{ width:502px; height:auto;}
.pdimgl{ width:86px; height:auto;}
.pdimgl img{ border:1px #ddd solid; margin-bottom:10px; cursor:pointer;}
.pdimgl img:hover{ border:1px #f8b551 solid;}
.pdimgl img.currc{ border:1px #f8b551 solid;}
.pdimgr{ border:1px #dddddd solid;}

.pdinfo{ width:555px; height:auto;}
.pdinfo_t{ color:#333333; font-size:20px; line-height:40px; padding-bottom:6px; border-bottom:1px #ddd dashed;}
.pdinfo_info{ padding:20px 0; line-height:35px; font-size:14px; color:#333333;}
.pdinfo_m{padding-top:20px;border-top:1px #ddd dashed;}
.pdinfo_m a{ display:inline-block; width:190px; height:42px; line-height:42px; border:1px #f8b551 solid; text-align:center; font-size:16px; color:#f8b551; margin-right:20px;}
.pdinfo_m a:hover{ background:#f8b551; color:#fff;}

.pdcon{ margin:30px auto 0 auto;}
.pdcont{ width:100%; height:50px; background:#cfcfcf;}
.pdcont p{ width:150px; height:50px; line-height:50px; text-align:center; font-size:20px; color:#fff; background:#f8b551;}
.pdconc{ padding:20px; color:#333333; font-size:16px; line-height:33px;}
.pdconc img{ max-width:100%;}

/*product end*/


/*news start*/
.nlist{}
.nlist ul li a{ display:block; padding:40px 0; border-bottom:1px #dddddd solid;}
.nlistl{ padding-bottom:80px; line-height:38px; background:url(../images/nlist_more.jpg) no-repeat left 60px; color:#999999; font-size:28px; font-family:Arial, Helvetica, sans-serif;}
.nlistm{ width:620px; height:auto; margin-left:100px;}
.nlistm_t{ font-size:16px; color:#333333; line-height:38px;}
.nlistm_info{ padding-top:12px; color:#888888; line-height:24px;}
.nlistr{}
.nlist ul li a:hover{ border-bottom:1px #f8b551 solid;}
.nlist ul li a:hover .nlistl{background:url(../images/nlist_more_over.jpg) no-repeat left 60px;}
.nlist ul li a:hover .nlistm_t{ color:#f8b551;}

.ndetail{ padding-bottom:40px;}
.ndetail_t{ font-size:18px; color:#333333; line-height:37px;}
.ndetail_time{ color:#999999; padding-bottom:15px;}
.ndetail_info{ font-size:14px; color:#666666; line-height:28px; padding-bottom:20px;}
.ndetail_c{ padding:20px 0; line-height:30px; font-size:14px; color:#333333; border-top:1px #ddd dashed; border-bottom:1px #ddd dashed;}
.ndetail_p{ padding-top:20px; line-height:28px; font-size:14px;}
.ndetail_pr a{ display:inline-block; width:126px; height:40px; line-height:40px; border:1px #f8b551 solid; text-align:center; font-size:16px; color:#f8b551; margin-right:20px;}
.ndetail_pr a:hover{ background:#f8b551; color:#fff;}

/*news end*/

.contactc{ margin-bottom:30px; padding-bottom:40px; border-bottom:1px #ddd solid;}
.contactcr{ width:380px; height:auto; font-size:16px; color:#333333; line-height:34px;}

.aboutc{ padding-bottom:40px;}
.aboutcr{ width:620px; height:auto;}
.aboutcr_t{ padding-bottom:8px; border-bottom:1px #ddd solid;}
.aboutcr_t_cn{ font-size:24px; color:#444444; font-weight:bolder; line-height:35px;}
.aboutcr_t_en{ color:#666666;}
.aboutcr_c{font-size:14px; color:#595757; line-height:24px; padding-top:10px;}
.aboutcr_c p{ /*text-indent:25px;*/}

.plist_oo_t{ color:#444444; font-size:20px; font-weight:bolder; padding-bottom:20px;}
.plist_oo ul li{ width:255px; height:auto; float:left; margin:0 20px 40px 0;}
.plist_oo ul li a{ display:block; width:255px; height:auto; position:relative; z-index:9;}
.plist_oo ul li a .plist_over{ width:42px; height:42px; background:url(../images/p_list_over.png) no-repeat; position:absolute; z-index:99; top:90px; left:110px; display:none;}
.plist_oo ul li a .plist_t{ width:255px; padding-top:10px; line-height:26px; color:#333333; font-size:16px; text-align:center;}
.plist_oo ul li a .plist_c{width:255px;line-height:26px; color:#999999; text-align:center;}
.plist_oo ul li a:hover .plist_over{ display:block;}
.plist_oo ul li a:hover .plist_t{ background:#f5b834; color:#fff;}
.plist_oo ul li a:hover .plist_c{background:#f5b834; color:#fff;}

/*job start*/
.rencai-list { padding-bottom: 30px; }
.rencai-zhiwei, .rencai-jingyan, .rencai-renshu, .rencai-didian, .rencai-xinzi { width: 182px; display: inline-block; }
.rencai-list-title { height: 40px; line-height: 40px; background-color: #434343; color: #fff; width: 100%; }
.rencai-zhiwei { padding-left: 30px; }
.rencai-list-main .rencai-list-item { height: 40px; line-height: 40px; font-size: 12px; color: #333; overflow: hidden; position: relative; font-family: 宋体; }

.rencai-action { cursor: pointer; display: inline-block; width: 21px; height: 21px; background: url(../images/rencai-list-btn.png) no-repeat; }
.rencai-list-title .rencai-action { width: 104px; display: inline-block; background:none; height:40px; line-height:40px; text-align:center;}
.rencai-list-main .rencai-list-item:nth-child .rencai-list-item-title { background-color: #f8f8f8; }
.rencai-list-main .rencai-list-item:nth-child(2n) .rencai-list-item-title { background-color: #dddddd; }
.rencai-list-item .rencai-action { position: absolute; right: 75px; top: 10px; }
.rencai-list-item.active { overflow: visible; height: auto; }
.rencai-list-item.active .rencai-list-item-title { border-bottom: 1px solid #e4e6e7; }
.rencai-list-item.active .rencai-action { background-image: url(../images/rencai-list-btn-hover.png); }
.rencai-list-content { padding-left: 28px; height: 0; overflow: hidden; line-height: 25px; }
.rencai-list-content p { line-height: 25px; font-size: 12px; color: #333; }
.rencai-list-content h5 { font-size: 12px; color: #0078d7; margin-top: 20px; }
/*job end*/


#elevator_item { width: 60px; height: 100px; position: fixed; right: 15px; bottom: 15px; -webkit-transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; opacity: 1; z-index: 100020; display: none; }
#elevator_item.off { opacity: 0; visibility: hidden }
#elevator { display: block; width: 60px; height: 50px; background: url(../images/icon_top.png) center center no-repeat; background-color: #444; background-color: rgba(0,0,0,.6); border-radius: 2px; box-shadow: 0 1px 3px rgba(0,0,0,.2); cursor: pointer; margin-bottom: 10px }
#elevator:hover { background-color: rgba(0,0,0,.7) }
#elevator:active { background-color: rgba(0,0,0,.75) }


.pageController { width: 100%;padding-top: 5px; padding-bottom: 5px; margin: 30px auto 30px auto; line-height: 25px; text-align:center;}
.pageController a { display:inline-block;background-color: #ffffff; border: #f2f2f2 2px solid; color: #cccccc; padding: 3px 12px; margin-right: 5px; }
.pageController a:hover { background-color: #f8b551; color: #fff; text-decoration: none; border: #f8b551 2px solid; }
.pageController .currPage { background-color: #f8b551; color: #FFF; font-weight: bold; border: #f8b551 2px solid; }