html, body {position: relative; margin: auto;overflow-x: hidden;height: 100%;}
.swiper-container {width:100%; height: 100%;}
.swiper-slide{ overflow:hidden;width: 100%;height: 100%;}

.can{position: absolute;width: 100%;height: 100%;top: 0;left: 0}
.slide1{background: url(../images/1.jpg) center center no-repeat;-webkit-background-size: cover;background-size: cover;}
.slide2{background: url(../images/4.png) center center no-repeat;}
.slide3{background: url(../images/3.jpg) center center no-repeat;-webkit-background-size: cover;background-size: cover;}
.logo{position: absolute;z-index: 9; -webkit-animation: nav_ani 0.6s 0.3s linear forwards;animation: nav_ani 0.6s 0.3s linear forwards;opacity: 0;filter: alpha(opacity=0);}

.tt1{-webkit-animation: nav_ani 0.9s 0.6s linear forwards;animation: nav_ani 0.9s 0.6s linear forwards;opacity: 0;filter: alpha(opacity=0);}
.tt2{-webkit-animation: nav_ani 1.2s 0.9s linear forwards;animation: nav_ani 1.2s 0.9s linear forwards;opacity: 0;filter: alpha(opacity=0);}


.ani_1{-webkit-animation: nav_ani 0.5s 0.2s linear forwards;animation: nav_ani 0.5s 0.2s linear forwards;opacity: 0;filter: alpha(opacity=0);}
.ani_2{-webkit-animation: nav_ani 0.5s 0.8s linear forwards;animation: nav_ani 0.5s 0.8s linear forwards;opacity: 0;filter: alpha(opacity=0);}
.ani_3{-webkit-animation: nav_ani 0.5s 0.4s linear forwards;animation: nav_ani 0.5s 0.4s linear forwards;opacity: 0;filter: alpha(opacity=0);}
.ani_4{-webkit-animation: nav_ani_bottom 0.8s 1.2s linear forwards;animation: nav_ani_bottom 0.8s 1.2s linear forwards;opacity: 0;filter: alpha(opacity=0);}
.ani_5{-webkit-animation: nav_ani_bottom 0.5s 0.6s linear forwards;animation: nav_ani_bottom 0.5s 0.6s linear forwards;opacity: 0;filter: alpha(opacity=0);}
.ani_6{-webkit-animation: nav_ani_bottom 0.5s 0.7s linear forwards;animation: nav_ani_bottom 0.5s 0.7s linear forwards;opacity: 0;filter: alpha(opacity=0);}

@-webkit-keyframes opacity{
0%{opacity: 0.3;filter: alpha(opacity=30);}
50%{opacity: 1;filter: alpha(opacity=100);}
100%{opacity: 0.3;filter: alpha(opacity=30);}
}
@keyframes opacity{
0%{opacity: 0.3;filter: alpha(opacity=30);}
50%{opacity: 1;filter: alpha(opacity=100);}
100%{opacity: 0.3;filter: alpha(opacity=30);}
}
@-webkit-keyframes transY{
0%{-webkit-transform: translateY(-3px);}
50%{-webkit-transform: translateY(2px);}
100%{-webkit-transform: translateY(-3px);}
}
@keyframes transY{
0%{transform: translateY(-3px);}
50%{transform: translateY(2px);}
100%{transform: translateY(-3px);}
}
@-webkit-keyframes transXR{
0%{-webkit-transform: translateX(5px);}
50%{-webkit-transform: translateX(0);}
100%{-webkit-transform: translateX(5px);}
}
@keyframes transXR{
0%{transform: translateX(5px);}
50%{transform: translateX(0);}
100%{transform: translateX(5px);}
}
@-webkit-keyframes rotate{
from{-webkit-transform:rotateZ(0deg)}
to{-webkit-transform:rotateZ(360deg)}
}
@keyframes rotate{
from{transform:rotateZ(0deg)}
to{transform:rotateZ(360deg)}
}
@-webkit-keyframes line{
from{width: 0;}
to{width: 75px;margin-left: 0;}
}
@keyframes line{
from{width: 0;}
to{width: 75px;margin-left: 0;}
}

.page{position: absolute;right: 1.8%;top: 50%;width: 30px;height: 158px;margin-top: -78px;}
.page span{display: block;width: 100%;text-align: center;font-family: 'didot';font-size: 36px;line-height: 78px;color: rgba(255,255,255,0.5);}
.page span:first-child{color: #fff}

.cideo{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2 ;}
video{   position: fixed;  right: 0px;   bottom: 0px;   min-width: 100%;   min-height: 100%;   height: auto;   width: auto; }  
source{   min-width: 100%;   min-height: 100%;   height: auto;   width: auto;  } 
@-webkit-keyframes nav_ani { 
    0% { -webkit-transform: translateY(30px); opacity: 0; }
  100% { -webkit-transform: translateY(0px); opacity: 1; } 
}
@keyframes nav_ani { 
    0% { transform: translateY(30px); opacity: 0; }
  100% { transform: translateY(0px); opacity: 1; } 
}

@-webkit-keyframes nav_ani_bottom { 
    0% { -webkit-transform: translateY(-30px); opacity: 0; }
  100% { -webkit-transform: translateY(0px); opacity: 1; } 
}
@keyframes nav_ani_bottom { 
    0% { transform: translateY(-30px); opacity: 0; }
  100% { transform: translateY(0px); opacity: 1; } 
}
.wrap{width: 100%;height: 130%;overflow: hidden;position: relative;}
.wrap #container{position: absolute;width: 2300px;margin-left: -1150px;left:50%;top: 0;}
.wrap #container ul li{width: 100%;height: 100%;}
.wrap #container ul li div{width: 100%;height: 100%;}
.wrap #container img{width: 100%;height: 100%;}
.prallax-darkness{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.wrap2 #container{width: 1920px;margin-left: -960px;}
.wrap3 #container{width: 1920px;margin-left: -960px;}

.slide1_txt{position: absolute;left: 13.8%;top: 35%;z-index: 9;}
.slide1_top{width: 100%;float: left;}
.slide1_bottom{width: 100%;float: left;color: #fff;line-height: 28px;font-size: 14px;padding-top: 21px;}
.slide2_txt{left: 16.6%;}
.slide3_txt{position: absolute;left:19.3%;top: 27.4%; }


@media screen and (max-width: 1300px) {
    .login,.copy,.swiper-slide-active .txt_en:after{display: none;}
 
    .banner{border-left: 4px solid #fff;width: 100%;}
    .bottom_nav{left: 50%;margin-left: -55px;bottom:20px;}
    .wrap{display: none;}
    .slide3_txt,.slide1_txt{width: 100%;text-align: center;left: 0;top: 30%}
    .slide3_txt img,.slide1_txt img{width: 50%;}
    .nav_a{display: none;}
    .slide2{background: url(../images/wap_2.jpg) center center no-repeat;-webkit-background-size: cover;   background-size: cover;}
}
@media screen and (max-width: 1440px) {
.wrap #container{width: 1700px;margin-left:-850px ;}
/*.wrap2{height: 680px;}
*/
.wrap2 #container img{width: 1440px;}
.wrap3 #container img{width: 1440px;margin-left: 240px;}
}