.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"";font-size:0;line-height:0}
.click_btn{cursor:pointer}
#sidenav{position:fixed;top:0;left:0;z-index:-1;overflow:hidden;width:100%;height:100%;background-image:url(/Images/default/images/banner/index-banner2.jpg);background-size:100% 100%;opacity:0;-webkit-transition:all .5s;transition:all .5s}
#sidenav.sid-active{z-index:99999999;opacity:1}
#sidenav .head{position:absolute;top:50px;right:50px;left:50px;z-index:1}
#sidenav .head .logo{float:left;width:174px;height:46px;background-image:url(img/sidenav_logo.png)}
#sidenav .head .close,#sidenav .head .logo{background-size:100% auto;background-repeat:no-repeat}
#sidenav .head .close{position:relative;float:right;margin-top:-9px;margin-right:36px;width:40px;height:40px;background-image:url(sidenav_close.png);cursor:pointer}
#sidenav .head .close p{position:absolute;top:6px;right:-43px;width:100%;color:#777;text-align:center;font-weight:lighter;font-size:14px}
#sidenav ul{height:100%;font-size:0}
#sidenav ul li{position:relative;top:-40px;display:inline-block;padding-top:2.25%;height:100%;border-right:1px solid #ebebeb;background:#fff;vertical-align:top;text-align:center;opacity:0;-webkit-transition-duration:.5s,.5s,.5s;transition-duration:.5s,.5s,.5s;-webkit-transition-property:opacity,top,background;transition-property:opacity,top,background}
#sidenav.sid-active ul li{top:0;opacity:1}

#sidenav.sid-active ul li:first-child{width:3%;-webkit-transition-delay:.4s,.4s,0s;transition-delay:.4s,.4s,0s}
#sidenav.sid-active ul li:nth-child(2){width:11.75%;-webkit-transition-delay:.5s,.5s,0s;transition-delay:.5s,.5s,0s}
#sidenav.sid-active ul li:nth-child(3){width:11.75%;-webkit-transition-delay:.6s,.6s,0s;transition-delay:.6s,.6s,0s}
#sidenav.sid-active ul li:nth-child(4){width:11.75%;-webkit-transition-delay:.7s,.7s,0s;transition-delay:.7s,.7s,0s}
#sidenav.sid-active ul li:nth-child(5){width:11.75%;-webkit-transition-delay:.8s,.8s,0s;transition-delay:.8s,.8s,0s}
#sidenav.sid-active ul li:nth-child(6){width:11.75%;-webkit-transition-delay:.9s,.9s,0s;transition-delay:.9s,.9s,0s}
#sidenav.sid-active ul li:nth-child(7){width:11.75%;-webkit-transition-delay:1s,1s,0s;transition-delay:1s,1s,0s}
#sidenav.sid-active ul li:nth-child(8){width:11.75%;-webkit-transition-delay:1.1s,1.1s,0s;transition-delay:1.1s,1.1s,0s}
#sidenav.sid-active ul li:nth-child(9){width:11.75%;-webkit-transition-delay:1.2s,1.2s,0s;transition-delay:1.2s,1.2s,0s}
#sidenav.sid-active ul li:nth-child(10){width:3%;-webkit-transition-delay:1.3s,1.3s,0s;transition-delay:1.3s,1.3s,0s}

#sidenav.sid-active.safari ul li:first-child{width:2%;}
#sidenav.sid-active.safari ul li:nth-child(10){width:2%;}

#sidenav ul li:hover{background:0 0}
#sidenav ul li:first-child:hover,#sidenav ul li:nth-child(10):hover{background:#fff}
#sidenav ul li:last-child{border-right:0}
#sidenav ul li .line{display:block;margin:0 auto 50px;width:1px;height:15%;background-color:#333;opacity:0;-webkit-transition:all .5s;transition:all .5s}
#sidenav ul li:hover .line{margin:0 auto 35px;background-color:#fff;opacity:1}
#sidenav ul li h3{margin-bottom:60px;color:#f2f2f2;font-weight:lighter;font-size:82px;font-family:knockout;-webkit-transition:all .5s;transition:all .5s}
#sidenav ul li:hover h3{margin-bottom:48px;color:#fff}
#sidenav ul li h4{display:none;margin-bottom:30px;color:#666;font-weight:400;font-size:12px;font-family:roboto;-webkit-transition:all .5s;transition:all .5s}
#sidenav ul li:hover h4{display:block;color:#fff}
#sidenav ul li a.big{position:relative;display:block;margin-bottom:35px;color:#333;font-size:24px;-webkit-transition:all .5s;transition:all .5s}
#sidenav ul li a.big:after{position:absolute;top:13px;left:-16px;display:block;width:30px;height:10px;background-color:#cf9c7f;content:""}
#sidenav ul li:hover a.big{color:#fff}
#sidenav ul li .small{overflow:hidden;height:200px}
#sidenav ul li .small a{display:block;margin-bottom:12px;color:#666;font-weight:lighter;font-size:16px;-webkit-transition:all .5s;transition:all .5s}
#sidenav ul li:hover a{color:#fff}
#sidenav ul li .small a.sid-active,#sidenav ul li .small a:hover,#sidenav ul li a.big.sid-active,#sidenav ul li a.big:hover{color:#cf9c7f}


.bannerSwiper .swiper-pagination-v{right:5px;top: 28%; width: 50px; height: 310px;  position: absolute; z-index: 9991;}
.bannerSwiper .swiper-pagination-v .swiper-pagination-bullet{position:relative;cursor: pointer;text-align: center; padding-top: 10px;padding-bottom:10px;width:30px;height:auto;border-bottom:2px solid transparent;border-radius:0;background-color:transparent;color:#ccc;font-size:14px;font-family:roboto;opacity:1}
.bannerSwiper .swiper-pagination-v .swiper-pagination-bullet.swiper-pagination-bullet-active{border-color:#e60012;color:#fff}
.bannerSwiper .swiper-pagination-v.type2 .swiper-pagination-bullet.swiper-pagination-bullet-active{color:#333}
.bannerSwiper .swiper-pagination-v .swiper-pagination-bullet .line{position:absolute;top:50%;right:-15px;display:none;width:10px;height:1px;background-color:#fff}
.bannerSwiper .swiper-pagination-v.type2 .swiper-pagination-bullet .line{background-color:#333}
.bannerSwiper .swiper-pagination-v .swiper-pagination-bullet.swiper-pagination-bullet-active .line{display:block}