body{overflow-x:hidden;background-color:#000;-webkit-tap-highlight-color:rgba(255,255,255,0.9)}
body .loader{position:fixed;z-index:999;display:block;overflow:hidden;width:100%;width:100vw;height:100%;height:100vh;background-color:#000;transition:all .35s ease-in-out}
body .loader .lds-ripple{position:absolute;top:50%;left:50%;display:block;width:64px;height:64px;transform:translate(-50%,-50%)}
body .loader .lds-ripple div{position:absolute;border:4px solid #fff;border-radius:50%;opacity:1;animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite}
body .loader .lds-ripple div:nth-child(2){animation-delay:-.5s}
body .loader.is-loaded{z-index:-99;visibility:hidden;opacity:0}
@keyframes lds-ripple{0%{top:28px;left:28px;width:0;height:0;opacity:1}
100%{top:-1px;left:-1px;width:58px;height:58px;opacity:0}
}
body section.slideshow{position:relative;display:block;visibility:hidden;overflow:hidden;margin:0 auto;width:100%;height:100%;height:100vh}
body section.slideshow ul.navigation{position:absolute;top:52%;left:-230px;z-index:10;display:block;margin:0;margin-top:-320px;padding:0;width:640px;height:640px}
@media screen and (max-width:1023px){body section.slideshow ul.navigation{left:-170px;margin-top:-240px;width:480px;height:480px}
}
@media screen and (max-width:768px){body section.slideshow ul.navigation{left:-190px;margin-top:-160px;width:320px;height:320px}
}
body section.slideshow ul.navigation li.navigation-item{position:absolute;display:inline-block;overflow:hidden;padding:10px;width:100px;height:100px;border-radius:50%;text-align:center;cursor:pointer;transition:border .6s ease-in-out}
@media screen and (max-width:1023px){body section.slideshow ul.navigation li.navigation-item{width:92px;height:92px}
}
@media screen and (max-width:768px){body section.slideshow ul.navigation li.navigation-item{width:48px;height:48px}
}
body section.slideshow ul.navigation li.navigation-item .rotate-holder{position:fixed;top:-9999px;left:-9999px;display:block;width:0;height:0}
body section.slideshow ul.navigation li.navigation-item .background-holder{position:absolute;top:0;right:0;bottom:0;left:0;display:block;visibility:visible;width:100%;height:100%;border-radius:50%;background-position:center center;background-size:cover;background-repeat:no-repeat;opacity:0.8;transition:opacity .6s ease-in-out,visibility .6s ease-in-out;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover}
/*body section.slideshow ul.navigation li.navigation-item .background-holder{position:absolute;top:0;right:0;bottom:0;left:0;display:block;visibility:visible;width:100%;height:100%;border-radius:50%;background-position:center center;background-size:cover;background-repeat:no-repeat;opacity:0.6;transition:opacity .6s ease-in-out,visibility .6s ease-in-out;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover}*/
body section.slideshow ul.navigation li.navigation-item:hover .background-holder{opacity:1}
body section.slideshow ul.navigation li.navigation-item.active .background-holder{visibility:hidden;opacity:0}
body section.slideshow .detail{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:block;width:100%;height:100%}
body section.slideshow .detail .detail-item{position:absolute;top:0;right:0;bottom:0;left:0;display:block;visibility:hidden;width:100%;height:100%;opacity:0;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}
body section.slideshow .detail .detail-item .headline{position:absolute;top:50%;left:50%;z-index:2;display:block;overflow:visible;box-sizing:border-box;width:100%;height:100px;max-width:calc(100% - 400px);white-space:nowrap;transform:translate(-50%,-50%)}
@media screen and (max-width:1023px){body section.slideshow .detail .detail-item .headline{max-width:calc(100% - 300px)}
}
@media screen and (max-width:768px){body section.slideshow .detail .detail-item .headline{max-width:calc(100% - 100px)}
}
body section.slideshow .detail .detail-item .headline .letter{position:relative;display:inline-block;visibility:hidden;box-sizing:border-box;color:#ffff99;white-space:nowrap;font-weight:900;font-size:76px;font-family:'microsoft yahei',黑体;line-height:100px;opacity:0;font-kerning:none}

@media screen and (max-width:1600px){body section.slideshow .detail .detail-item .headline .letter{font-size:68px;font-weight:600;line-height:120px}
}
@media screen and (max-width:1440px){body section.slideshow .detail .detail-item .headline .letter{font-size:62px;font-weight:600;line-height:130px}
}
@media screen and (max-width:1366px){body section.slideshow .detail .detail-item .headline .letter{font-size:54px;font-weight:600;line-height:130px}
}
@media screen and (max-width:1200px){body section.slideshow .detail .detail-item .headline .letter{font-size:48px;font-weight:600;line-height:130px}
}
@media screen and (max-width:1023px){body section.slideshow .detail .detail-item .headline .letter{font-size:32px;font-weight:600;line-height:130px}
}
@media screen and (max-width:768px){body section.slideshow .detail .detail-item .headline .letter{font-size:26px;font-weight:600;line-height:130px}
}
@media screen and (max-width:480px){body section.slideshow .detail .detail-item .headline .letter{font-size:22px;font-weight:600;line-height:130px}
}
body section.slideshow .detail .detail-item .background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;overflow:visible;width:100%;width:calc(100% + 100px);height:100%;height:calc(100% + 100px);background-position:center center;background-size:cover;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover}
body section.slideshow .detail .detail-item .background::before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block;width:100%;height:100%;}
/*body section.slideshow .detail .detail-item .background::before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block;width:100%;height:100%;background:-moz-linear-gradient(left,#000 0,rgba(0,0,0,0) 100%);background:-webkit-linear-gradient(left,#000 0,rgba(0,0,0,0) 100%);background:linear-gradient(to right,#000 0,rgba(0,0,0,0) 100%);content:""}*/
body section.slideshow .detail .detail-item.active{visibility:visible;opacity:1}