@charset "utf-8";
#main{position:relative;width:100%;height:100%;min-width: 1200px;background-color: #0062b7;}
.swiper-container {width: 100%;height:480px;position: relative;top: 10%;}
.swiper-slide {text-align: center;font-size: 18px;overflow: hidden;background: url(../images/manbg.jpg) left center no-repeat;}
.swiper-slide .ssl {width: 50%;float: left;text-align: center;line-height: 480px;}
.swiper-slide .ssr {width: 50%;float: right;overflow: hidden}
.swiper-slide.i6 {background: url(../images/img6.jpg) center center;text-align: center;}
.swiper-slide.i6 .lo1 {margin: 60px auto 0;display: block;opacity: 0;-webkit-transform: translateY(-100px);transform: translateY(-100px);-webkit-transition:all 1s cubic-bezier(.77,0,.175,1) 0s;transition:all 1s cubic-bezier(.77,0,.175,1) 0s}
.swiper-slide.i6 .lo2 {margin: 25px auto 0;display: block;opacity: 0;-webkit-transition:all 1s cubic-bezier(.77,0,.175,1) 0.5s;transition:all 1s cubic-bezier(.77,0,.175,1) 0.5s}

.nava {position: relative;top: 13%;}
.nava .navl{float: left;width: 50%;text-align: right;padding-right: 30px;color: #fff}
.nava .navr{float: right;width: 50%; text-align: left;padding-left: 80px;}
.nava a {display: inline-block; color: #fff;padding: 0 5px;}
.nava a:hover {text-decoration: underline;}

.swiper-slide .ssl img{opacity: 0;-webkit-transform: translateX(-300px);transform: translateX(-300px);-webkit-transition:all 1s cubic-bezier(.77,0,.175,1) 0s;transition:all 1s cubic-bezier(.77,0,.175,1) 0s}
.swiper-slide .ssr img{-webkit-transform:scale(1);transform:scale(1);-webkit-transition: all linear 3000ms;transition: all linear 3000ms;}
.swiper-slide-active .ssl img{opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}
.swiper-slide-active .ssr img{-webkit-transform:scale(1.04);transform:scale(1.04);}

.swiper-slide-active.i6 .lo1 {opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
.swiper-slide-active.i6 .lo2 {opacity: 1;}