.clearfix{*zoom:1}.clearfix:after{content:"";display:table;clear:both}#system .menu{padding:20px 0}#system .menu a{position:relative;border:solid 1px #222;transition:.2s}#system .menu a img{vertical-align:bottom}#system .menu a img.none{opacity:0}#system .menu a img.bg{position:absolute;top:0;left:0;z-index:0}#system .menu a img.absolute{position:absolute;top:0;left:0;z-index:3}#system .menu a:hover{border:solid 1px #0cc}#system .menu a:hover::after{background:rgba(0,0,0,0.2)}#system .menu a:hover::before{opacity:0.1}#system .menu a::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:0 !important;transition:.3s;z-index:2}#system .menu a::before{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(-45deg, #222 25%, #fff 25%, #fff 50%, #222 50%, #222 75%, #fff 75%, #fff);animation:stripeBg 10s linear infinite;background-size:30px 30px;border:1px solid #222;opacity:0;z-index:1}@keyframes stripeBg{0%{background-position:0 0}100%{background-position:100% 0}}#system .subtitle{margin:20px 10px 10px 10px;padding:10px 20px;border-left:solid 1px #0cc;color:#f5f5f5}#system .subtitle h3{font-size:2.2rem;font-weight:normal;line-height:1.3}#system .subtitle h3 span{display:block;font-size:1.3rem}#system .system-nav{padding:5px}#system .system-nav a{display:inline-block;padding:5px 8px;color:#b1b1b1;font-size:1.1rem;transition:.2s}#system .system-nav a i{margin-right:5px}#system .system-nav a.active{color:#0cc}#system .system-nav a:hover{color:#0cc}#system .system-swiper-container{position:relative;padding:50px 0;overflow:hidden}#system .system-swiper-container .swiper-slide{color:#f5f5f5;box-sizing:border-box}@media screen and (min-width: 769px){#system .system-swiper-container .swiper-slide{padding:10px 50px}}@media screen and (max-width: 768px){#system .system-swiper-container .swiper-slide{padding:10px}}#system .system-swiper-container .swiper-slide h4{display:block;padding:10px;margin:20px 0;font-size:1.5rem;background:#333}#system .system-swiper-container .swiper-slide p{margin:15px 0;font-size:1.2rem}#system .slide-prev,#system .slide-next{position:absolute;z-index:3;cursor:pointer}@media screen and (min-width: 769px){#system .slide-prev,#system .slide-next{top:220px}}@media screen and (max-width: 768px){#system .slide-prev,#system .slide-next{top:120px}}#system .slide-prev{left:0}#system .slide-next{right:0}#system .swiper-pagination{top:10px;z-index:2;display:block;height:5px}#system .swiper-pagination-bullet{margin:10px;width:15px;height:15px;background:#ccc;opacity:1}#system .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#0cc}#system .system-inner-swiper-container{overflow:hidden;box-sizing:border-box}@media screen and (min-width: 769px){#system .system-inner-swiper-container{margin:0 100px}}@media screen and (max-width: 768px){#system .system-inner-swiper-container{margin:0 5%}}#system .system-inner-swiper-container .swiper-slide{background:#222}#system .system-inner-swiper-container .swiper-slide img{width:100%}