/* CSS reset */
html,
body {margin: 0;padding: 0;border: 0;font-family: "Microsoft Yahei";font-size: 16px;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
* { box-sizing: border-box; }
ul,
li { list-style: none; padding: 0; margin: 0; }
.juicyslider { position: relative; padding: 0; margin: 0; border: 0; }
.juicyslider ul { width: 100%; height: 100%; position: absolute; overflow: hidden; list-style: none outside none; padding: 0; margin: 0; }
.juicyslider li { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; display: none; /* all hidden initially */ }
.juicyslider li:first-child { display: block; }
.juicyslider .nav { position: absolute; top: 45%; padding: 20px; opacity: 0; filter: alpha(opacity=0); cursor: pointer; z-index: 1000; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; background-image: url(../images/nav-40.png); }
.juicyslider:hover .nav { opacity: .5; filter: alpha(opacity=50); }
.juicyslider .nav.next { right: 3%; }
.juicyslider .nav.prev { left: 3%; background-position: 40px 0; }
.juicyslider .mask { background-image: none; background: url(../images/bg_02.png) center top repeat-x; position: absolute; width: 100%; height: 100%; z-index: 100; }
.juicyslider img.maxw { width: 100%; height: auto; max-height: none; position: absolute; filter: inherit; /* for ie8 to inherit parent opacity */ }
.juicyslider img.maxh { width: auto; max-width: none; height: 100%; position: absolute; filter: inherit; /* for ie8 to inherit parent opacity */ }
.logo { position: absolute; top: 0; left: 110px; background: url(../images/logo.jpg) #fff center center no-repeat; border-radius: 0 0 5px 5px; box-shadow: 0 0 10px rgba(0,0,0,0.5); width: 272px; height: 73px; z-index: 101; }
.copyright { width: 500px; position: absolute; right: 50px; bottom: 25px; line-height: 18px; color: #FFF; text-shadow: 0 0 5px rgba(0,0,0,0.8); font-size: 12px; z-index: 101; text-align: right; }
.login {width: 560px;min-height: 360px;background: rgba(255,255,255,0.8);position: fixed;left: 50%;top: 50%;margin: -260px 0 0 -280px;z-index: 9999;border-radius: 10px;padding: 0 0 15px 0;}
.login .login-title {line-height: 90px;height: 90px;/* border-bottom: dashed 1px #c7c7c7; */font-size: 22px;text-align: center;letter-spacing: 6px;color: #358aef;font-weight: bolder;}
.login .item {margin: 0 auto 40px;width: 390px;height: 44px;display: block;position: relative;}
.login .item input {border: none;line-height: 44px;height: 100%;width: 100%;border: solid 1px #dcdcdc;border-radius: 5px;background: #ffffff;box-sizing: border-box;padding-left: 40px;font-size: 16px;}
.login .item-s:after { content: ""; display: block; width: 100%; height: 0px; clear: both; }
.login .item-s input { width: 60%; float: left; }
.login .item-s .code {width: 40%;box-sizing: border-box;padding-left: 12px;float: left;height: 44px;}
.login .item-s .code img { width: 100%; height: 100%; border-radius: 3px; background: #c7c7c7; }
.login .item .icon {position: absolute;left: 10px;top: 10px;font-size: 22px;color: #cfdfee;}
.login .item .tishizi {width: 100%;height: 44px;line-height: 44px;position: absolute;left: 0;top: 0;box-sizing: border-box;text-align: left;padding-left: 40px;font-size: 16px;}
.login .login-btn {height: 48px;line-height: 48px;color: #fff;text-align: center;background: #358aef;border-radius: 3px;display: block;margin: 0 auto 12px;width: 390px;font-size: 18px;transition: ease-in-out 0.2s;}
.login .login-btn:hover { background: #06C; }
.login .error { margin: 0 auto 12px; width: 242px; line-height: 24px; padding: 3px 10px; font-size: 12px; color: #FF6064; background: #FFECEC; text-align: center; border-radius: 3px; border: solid 1px #F00; }
.htmleaf-container { width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 999999; }
.poster { width: 80%; height: 80%; position: absolute; top: 10%; left: 10%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d;/*  overflow:hidden;*/
}

.slideshow { position: relative; z-index: 1; position:fixed; top:0; left:0; right:0; bottom:0;}
.slideshow * { outline: none; }
.slideshow .slider { box-shadow: 0 20px 50px -25px black; }
.slideshow .slider-track { -webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); }
.slideshow .item { height: 100%; position: relative; z-index: 1; }
.slideshow .item img { width: 100%; -webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); -webkit-transform: scale(1.2); transform: scale(1.2); }
.slideshow .item.slick-active img { -webkit-transform: scale(1); transform: scale(1); }

.copyright {width: 500px;position: absolute;right: 50%;margin-right: -250px;bottom: 80px;line-height: 18px;color: #FFF;text-shadow: 0 0 5px rgba(0,0,0,0.8);font-size: 14px;z-index: 101;text-align: center;}