/*** reset css ****/
* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // make transparent link selection, adjust last value opacity 0 to 1.0  }
button:focus, a:focus, input:focus, textarea:focus {  outline: none;  }
input::-ms-clear {  display: none;  }
input::-ms-reveal {  display: none;  }
div, article, aside, body, footer, header, nav, section, ul, p, li, b,i{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: block;
    margin: 0;
    padding: 0;
    font-style: normal;
}
ul,h1, h2, h3, h4, h5, h6, p, button {
    margin: 0;
    padding: 0;
    list-style: none;
}
body {
    font: 14px  "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
    height: 100%;
    width: 100%;
    position: absolute;
    -webkit-text-size-adjust: none;
    -webkit-touch-callout: none;
    -webkit-user-select: text;
    user-select: text;
    background-color: #170F2C;
}

button,input {  border: 0;  }
a {  text-decoration: none;  }
a:hover{  text-decoration: none;  }

/***********/
.no1,.no2,.no3,.car,.attention,.partake{
    border: 1px solid #FFFFFF;
    height: 300px;
    color: #FFFFFF;
}
.list_box,.pro,.car,.attention,.partake{
    width: 1150px;
    margin: 0 auto;
}
.pro .no2{  height: 500px;  }
/***** nav *******/
.nav{
    width: 100%;
    height: 72px;
    position: fixed;
    z-index: 100;
    background-color: rgba(25,16,48,0.8);
}
.nav .nav_box{
    width: 1150px;
    margin: 0 auto;
    overflow: hidden;
}
.nav .nav_box>.nav_ul{
    width: 1063px;
    margin: 0px auto;
    overflow: hidden;
}

.nav .nav_box>.nav_ul>li{
    float: left;
    border-left: 1px solid #373645;
}
.nav .nav_box>.nav_ul>li:last-child{
    border-right: 1px solid #373645;
}
.nav .nav_box>.nav_ul>li:nth-child(5) {
    padding-left: 6px;
    padding-top: 15px;
    width: 162px;
    height: 72px;
}
.nav .nav_box>.nav_ul>li:nth-child(4) img{
    vertical-align: baseline;
    width: 120px;
}
.nav .nav_box>.nav_ul>li> .dowa{
     display: inline-block;
     width: 110px;
     height: 72px;
     line-height: 72px;
     text-align: center;
     color: #FFFFFF;
 }
.nav .nav_box>.nav_ul>li> .dowa a{
     display: inline-block;
     width: 110px;
     height: 72px;
     line-height: 72px;
     text-align: center;
     color: #FFFFFF;
    border-top: 1px solid  #373645;
 }

.nav .nav_box>.nav_ul>li>.dowa b{
    display: inline-block;
    position: relative;
    width: 16px;
    height: 16px;
    background: url("../img/down.png") no-repeat -26px -3px;
    position: relative;
    top: 4px;
    -moz-transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transform:rotate(0deg);
    -o-transition:transform 0.5s ease;
    -moz-transition:transform 0.5s ease;
    -webkit-transition:transform 0.5s ease;
    transition:transform 0.5s ease;
}
.nav .nav_box>.nav_ul>li>.dowa:hover{
    cursor: hand;
    color: #9F94A8;
}
.nav .nav_box>.nav_ul>li>.dowa:hover b{
    background: url("../img/down.png") no-repeat -7px -3px;
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg);
    -moz-transition:transform 0.5s ease;
    -webkit-transition:transform 0.5s ease;
    -o-transition:transform 0.5s ease;
    transition:transform 0.5s ease;
}
.nav .list_race ,.nav .list_act , .nav .macao_style{
     position: absolute;
     width: 110px;
    background-color: rgba(25,16,48,0.8);
     text-align: center;
     overflow: hidden;
     height: 0px;
    color: #8A7F94;
    margin-top: -1px;
    -moz-transition:height 0.3s ease;
    -webkit-transition:height 0.3s ease;
    -o-transition:height 0.3s ease;
     transition:height 0.3s ease;
}
.nav .list_race li ,.nav .list_act li ,.nav .macao_style li{
    height: 72px;
    line-height: 72px;
}
.nav .nav_box>.nav_ul>li>.dowa:hover .list_race,
.nav .nav_box>.nav_ul>li>.dowa:hover .list_act,
.nav .nav_box>.nav_ul>li>.dowa:hover .macao_style {
    height: 72px;
    margin-top: -1px;
    background-color: rgba(25,16,48,0.8);
    -moz-transition:height 0.3s ease;
    -webkit-transition:height 0.3s ease;
    -o-transition:height 0.3s ease;
    transition:height 0.3s ease;
    color: #9F94A8;
}
.nav .nav_box>.nav_ul>li>.dowa:hover > a,
.nav .nav_box>.nav_ul>li>.dowa:hover > a,
.nav .nav_box>.nav_ul>li>.dowa:hover > a {
    color: #9F94A8;
}
.nav .nav_box>.nav_ul>li>.dowa:hover .list_act{
    height: 360px;
}
#a2:hover ,#a1:hover , #a0:hover ,#a01:hover ,#a02:hover,#a0111:hover,#a011:hover{
    color: #9F94A8;
}
.nav .nav_box>.nav_ul>li>.dowa .list_race,
.nav .nav_box>.nav_ul>li>.dowa .list_act,
.nav .nav_box>.nav_ul>li>.dowa .macao_style {
    color: #FFFFFF;
}
.list_race > .dowa:hover,
.list_act > .dowa:hover,
.macao_style > .dowa:hover{
    color: #8A7F94;
}


/*__________视频*/
.slogan{
    position: relative;
    width: 100%;
    height: 1080px;
    overflow: hidden;
}
.slogan .vevideo{
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -960px;
    width: 1920px;
}
.slogan .vevideo:hover{
    cursor: pointer;
}
.slogan .wrap{
    position: absolute;
    width: 100%;
    height: 810px;
    top: 0px;
    left: 0px;
    background-color: rgba(25,16,48,0.6);
}
.wrap .out{
    width: 1150px;
    margin: 0 auto;
    position: relative;
    height: 810px;
    z-index: 2;

}
.control{
    width: 120px;
    height: 120px;
    background: #FFFFFF;
    position: absolute;
    top: 40%;
    right: 50%;
    background: url("../img/control.png") no-repeat 0px 0px;
    z-index: 2;

}
.control:hover{
    cursor: pointer;
}
.wrap .masked{
    width: 100%;
    height: 100%;
    background-size: cover;
    position: absolute;
    top: 0px;
    z-index: 4;
}
.wrap .masked2{
    width: 100%;
    height: 100%;
    background: url("../img/logo.jpg");
    background-size: cover;
    position: absolute;
    top: 0px;
    z-index: 1;
    background-position: 50% 0;
}
/*_____________main*/
.main{
    position: relative;
}
/*_____________ste_sco*/
.photo {
    background-attachment: fixed;
    background-position: 50% 0;
    background-repeat:no-repeat;
    /*background-size: 100%;*/
    height: 1110px;
    /*background-size: contain;*/
    /*position: relative;*/
    position: static
}
.div0{
    background-image: url("../img/0.jpg");
    height: 900px;
}
.div1{
    background-image: url("../img/1.jpg");
    margin-top: 0px;
}
.div2{
    background-image: url("../img/2.jpg");
}
.div3{
    background-image: url("../img/3.jpg");
}
.div4{
    background-image: url("../img/4.jpg");
}
.div5{
    background-image: url("../img/5.jpg");
}
.red{
    width: 100%;
    height: 140px;
    position: absolute;
    bottom: 1024px;
    background: url("../img/red.jpg");
    background-position-y: -342px;
}
.red .text{
    width: 1150px;
    font-size: 40px;
    letter-spacing: 15px;
    color: #ffffff;
    margin: 0 auto;
    padding-top: 40px;
    text-align: center;
}
.red2{
    width: 100%;
    height: 147px;
    position: absolute;
    bottom: 2322px;
    background: url("../img/red.jpg");
    background-position-y: -342px;
}
.red3{
    width: 100%;
    height: 147px;
    position: absolute;
    top: 3000px;
    background: url("../img/red.jpg");
    background-position-y: -342px;
}
.red3 .text{
    width: 1150px;
    font-size: 40px;
    letter-spacing: 15px;
    color: #ffffff;
    margin: 0 auto;
    padding-top: 40px;
    text-align: center;
}
.red41{
    width: 100%;
    height: 147px;
    position: absolute;
    top: 807px;
    background: url("../img/red.jpg");
    background-position-y: -342px;
}
.red41 .text{
    width: 1150px;
    font-size: 40px;
    letter-spacing: 15px;
    color: #ffffff;
    margin: 0 auto;
    padding-top: 40px;
    text-align: center;
}
.red4{
    width: 100%;
    height: 112px;
    position: absolute;
    top: 0;
    background: url("../img/red.jpg");
    background-position-y: -342px;
}
.red6{
    width: 100%;
    height: 112px;
    position: absolute;
    top: 800px;
    background: url("../img/red.jpg");
    background-position-y: -342px;
}
.red7{
    width: 100%;
    height: 112px;
    position: absolute;
    top: 1700px;
    background: url("../img/red.jpg");
    background-position-y: -342px;
}
.red8{
    width: 100%;
    height: 112px;
    position: absolute;
    top: 2600px;
    background: url("../img/red.jpg");
    background-position-y: -342px;
}

/*_____________________track*/
.track{
    margin-top: 118px;
    width: 100%;
    position: absolute;
    top: 25px;
}
.track .man {
  background: rgba(0, 0, 0, 0) url("../img/man.png") repeat scroll 0 0 / contain ;
  height: 409px;
  left: -85px;
  position: absolute;
  top: 175px;
  width: 300px;
}
.tratent{
    width: 1150px;
    height: 600px;
    margin: 0 auto;
    position: relative;
}
.cartrac{
    display: none;
    width: 850px;
    height: 388px;
    position: absolute;
    top: 103px;
    left: 140px;
    z-index: 1;
}
.cartrac1{
    width: 863px;
    height: 403px;
    position: absolute;
    top: 103px;
    left: 140px;
    background: url("../img/track2.png") no-repeat center center;
    z-index: 1;
}
.cricle{
    width: 37px;
    height: 53px;
    background: url("../img/cricle3.png") no-repeat -50px -4px;
    position: absolute;
    z-index: 2;
    cursor: pointer;
}
.cricle0{
    top: 59px;
    left: 805px;
}
.cricle01{
    top: 114px;
    left: 144px;
}
.cricle1{
    top: 79px;
    left: 405px;
}
.cricle2{
    top: 289px;
    left: 381px;
}
.cricle3{
    top: 321px;
    left: 719px;
    background: url("../img/cricle.png") no-repeat -10px -4px;
}
.f1{
    width: 50px;
    height: 50px;
    background: url("../img/fcar.png") ;
    background-size: contain ;
    position: absolute;
    top: 375px;
    left: 721px;
    -ms-transform:rotate(216deg);
    -moz-transform:rotate(216deg);
    -webkit-transform:rotate(216deg);
    -o-transform:rotate(216deg);
    transform:rotate(216deg);
    z-index: 5;
}
@-webkit-keyframes bounce-down {
    25% {-webkit-transform: translateY(-5px);}
    50%, 100% {-webkit-transform: translateY(0);}
    75% {-webkit-transform: translateY(5px);}
}
@-moz-keyframes bounce-down {
    25% {-moz-transform: translateY(-5px);}
    50%, 100% {-moz-transform: translateY(0);}
    75% {-moz-transform: translateY(5px);}
}
@-o-keyframes bounce-down {
    25% {-o-transform: translateY(-5px);}
    50%, 100% {-o-transform: translateY(0);}
    75% {-o-transform: translateY(5px);}
}
@keyframes bounce-down {
    25% {
        -ms-transform: translateY(-5px);
        transform: translateY(-5px);
    }
    50%, 100% {
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    75% {
        -ms-transform: translateY(5px);
        transform: translateY(5px);
    }
}

.bounceDown{
    -webkit-animation: bounce-down 1.5s linear infinite;
    animation: bounce-down 1.5s linear infinite;
}
.bggreen{
    background: url("../img/cricle3.png") no-repeat -86px -4px;
}
.bggrey{
    background: url("../img/cricle3.png") no-repeat -46px -4px;
}
.bgred{
    background: url("../img/cricle3.png") no-repeat -6px -4px;
}
.track .text{
    width: 240px;
    height: 172px;
    background: url("../img/dialog.png") no-repeat -267px -8px;
    position: absolute;
    opacity: 0;
    z-index: 1;
    font-weight: normal;
}
.track .text p{
    color: #BF1646;
    font-size: 20px;
    line-height: 30px;
    margin: 38px 0 0 20px;
    font-weight: normal;
}
.track .text b{
    color: #564A68;
    font-size: 14px;
    line-height: 30px;
    margin: 5px 0 0 20px;
}
.track .text0{
    top: 387px;
    left: 276px;

}
.track .text1{
    top: -93px;
    left: 305px;
    background: url("../img/dialog.png") no-repeat -7px -26px;
}
.track .text2{
    top: -114px;
    left: 703px;
    background: url("../img/dialog.png") no-repeat -11px -26px;
}
.track .text2 p , .track .text1 p {
    margin-top: 20px;
}
.track .text3{
    top: 479px;
    left: 600px;
    opacity: 0;
}
.track .text4{
    top: 29px;
    left: -104px;
    opacity: 1;
    background: url("../img/dialog.png") no-repeat -7px -26px;
}
.track .text .dialog{
    color: #564B68;
}
.track .text4:hover{
    cursor: pointer;
}
.track .text4 i{
    display: block;
    width: 51px;
    height: 50px;
    background: url("../img/hand.png");
    margin-top: -14px;
    margin-left: 190px;
}
.animation-target {
    /*//font-weight: normal;*/
    -webkit-animation: animation 865ms linear both;
    -moz-animation: animation 865ms linear both;
    -o-animation: animation 865ms linear both;
    animation: animation 865ms linear both;
}

@-webkit-keyframes animation {

    0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 300, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 300, 0, 1); }
    2.92% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 135.218, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 135.218, 0, 1); }
    3.37% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 114.871, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 114.871, 0, 1); }
    3.47% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 110.596, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 110.596, 0, 1); }
    4.58% { -webkit-transform: matrix3d(2.061, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 68.65, 0, 1); transform: matrix3d(2.061, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 68.65, 0, 1); }
    5.69% { -webkit-transform: matrix3d(2.321, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 36.551, 0, 1); transform: matrix3d(2.321, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 36.551, 0, 1); }
    5.76% { -webkit-transform: matrix3d(2.32, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 34.768, 0, 1); transform: matrix3d(2.32, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 34.768, 0, 1); }
    7.41% { -webkit-transform: matrix3d(1.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 3.804, 0, 1); transform: matrix3d(1.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 3.804, 0, 1); }
    7.51% { -webkit-transform: matrix3d(1.961, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 2.454, 0, 1); transform: matrix3d(1.961, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 2.454, 0, 1); }
    7.88% { -webkit-transform: matrix3d(1.771, 0, 0, 0, 0, 1.062, 0, 0, 0, 0, 1, 0, 0, -2.008, 0, 1); transform: matrix3d(1.771, 0, 0, 0, 0, 1.062, 0, 0, 0, 0, 1, 0, 0, -2.008, 0, 1); }
    8.68% { -webkit-transform: matrix3d(1.408, 0, 0, 0, 0, 1.181, 0, 0, 0, 0, 1, 0, 0, -9.646, 0, 1); transform: matrix3d(1.408, 0, 0, 0, 0, 1.181, 0, 0, 0, 0, 1, 0, 0, -9.646, 0, 1); }
    10.03% { -webkit-transform: matrix3d(0.982, 0, 0, 0, 0, 1.333, 0, 0, 0, 0, 1, 0, 0, -16.853, 0, 1); transform: matrix3d(0.982, 0, 0, 0, 0, 1.333, 0, 0, 0, 0, 1, 0, 0, -16.853, 0, 1); }
    10.85% { -webkit-transform: matrix3d(0.822, 0, 0, 0, 0, 1.398, 0, 0, 0, 0, 1, 0, 0, -18.613, 0, 1); transform: matrix3d(0.822, 0, 0, 0, 0, 1.398, 0, 0, 0, 0, 1, 0, 0, -18.613, 0, 1); }
    11.53% { -webkit-transform: matrix3d(0.732, 0, 0, 0, 0, 1.439, 0, 0, 0, 0, 1, 0, 0, -18.992, 0, 1); transform: matrix3d(0.732, 0, 0, 0, 0, 1.439, 0, 0, 0, 0, 1, 0, 0, -18.992, 0, 1); }
    12.22% { -webkit-transform: matrix3d(0.672, 0, 0, 0, 0, 1.469, 0, 0, 0, 0, 1, 0, 0, -18.618, 0, 1); transform: matrix3d(0.672, 0, 0, 0, 0, 1.469, 0, 0, 0, 0, 1, 0, 0, -18.618, 0, 1); }
    14.18% { -webkit-transform: matrix3d(0.612, 0, 0, 0, 0, 1.501, 0, 0, 0, 0, 1, 0, 0, -15.054, 0, 1); transform: matrix3d(0.612, 0, 0, 0, 0, 1.501, 0, 0, 0, 0, 1, 0, 0, -15.054, 0, 1); }
    14.37% { -webkit-transform: matrix3d(0.612, 0, 0, 0, 0, 1.501, 0, 0, 0, 0, 1, 0, 0, -14.604, 0, 1); transform: matrix3d(0.612, 0, 0, 0, 0, 1.501, 0, 0, 0, 0, 1, 0, 0, -14.604, 0, 1); }
    19.23% { -webkit-transform: matrix3d(0.737, 0, 0, 0, 0, 1.371, 0, 0, 0, 0, 1, 0, 0, -3.855, 0, 1); transform: matrix3d(0.737, 0, 0, 0, 0, 1.371, 0, 0, 0, 0, 1, 0, 0, -3.855, 0, 1); }
    20.01% { -webkit-transform: matrix3d(0.763, 0, 0, 0, 0, 1.338, 0, 0, 0, 0, 1, 0, 0, -2.724, 0, 1); transform: matrix3d(0.763, 0, 0, 0, 0, 1.338, 0, 0, 0, 0, 1, 0, 0, -2.724, 0, 1); }
    23.05% { -webkit-transform: matrix3d(0.856, 0, 0, 0, 0, 1.211, 0, 0, 0, 0, 1, 0, 0, -0.036, 0, 1); transform: matrix3d(0.856, 0, 0, 0, 0, 1.211, 0, 0, 0, 0, 1, 0, 0, -0.036, 0, 1); }
    25.75% { -webkit-transform: matrix3d(0.923, 0, 0, 0, 0, 1.114, 0, 0, 0, 0, 1, 0, 0, 0.709, 0, 1); transform: matrix3d(0.923, 0, 0, 0, 0, 1.114, 0, 0, 0, 0, 1, 0, 0, 0.709, 0, 1); }
    26.94% { -webkit-transform: matrix3d(0.947, 0, 0, 0, 0, 1.078, 0, 0, 0, 0, 1, 0, 0, 0.76, 0, 1); transform: matrix3d(0.947, 0, 0, 0, 0, 1.078, 0, 0, 0, 0, 1, 0, 0, 0.76, 0, 1); }
    31.58% { -webkit-transform: matrix3d(1.009, 0, 0, 0, 0, 0.987, 0, 0, 0, 0, 1, 0, 0, 0.406, 0, 1); transform: matrix3d(1.009, 0, 0, 0, 0, 0.987, 0, 0, 0, 0, 1, 0, 0, 0.406, 0, 1); }
    31.73% { -webkit-transform: matrix3d(1.01, 0, 0, 0, 0, 0.986, 0, 0, 0, 0, 1, 0, 0, 0.392, 0, 1); transform: matrix3d(1.01, 0, 0, 0, 0, 0.986, 0, 0, 0, 0, 1, 0, 0, 0.392, 0, 1); }
    37.32% { -webkit-transform: matrix3d(1.029, 0, 0, 0, 0, 0.958, 0, 0, 0, 0, 1, 0, 0, 0.03, 0, 1); transform: matrix3d(1.029, 0, 0, 0, 0, 0.958, 0, 0, 0, 0, 1, 0, 0, 0.03, 0, 1); }
    38.15% { -webkit-transform: matrix3d(1.029, 0, 0, 0, 0, 0.958, 0, 0, 0, 0, 1, 0, 0, 0.008, 0, 1); transform: matrix3d(1.029, 0, 0, 0, 0, 0.958, 0, 0, 0, 0, 1, 0, 0, 0.008, 0, 1); }
    42.35% { -webkit-transform: matrix3d(1.022, 0, 0, 0, 0, 0.969, 0, 0, 0, 0, 1, 0, 0, -0.03, 0, 1); transform: matrix3d(1.022, 0, 0, 0, 0, 0.969, 0, 0, 0, 0, 1, 0, 0, -0.03, 0, 1); }
    48.9% { -webkit-transform: matrix3d(1.007, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, -0.009, 0, 1); transform: matrix3d(1.007, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, -0.009, 0, 1); }
    57.77% { -webkit-transform: matrix3d(0.998, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0.001, 0, 1); transform: matrix3d(0.998, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0.001, 0, 1); }
    60.47% { -webkit-transform: matrix3d(0.998, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0.001, 0, 1); transform: matrix3d(0.998, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0.001, 0, 1); }
    69.36% { -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.999, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    83.61% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
}
@-moz-keyframes animation {
    0% { -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 300, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 300, 0, 1); }
    2.92% { -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 135.218, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 135.218, 0, 1); }
    3.37% { -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 114.871, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 114.871, 0, 1); }
    3.47% { -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 110.596, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 110.596, 0, 1); }
    4.58% { -moz-transform: matrix3d(2.061, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 68.65, 0, 1); transform: matrix3d(2.061, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 68.65, 0, 1); }
    5.69% { -moz-transform: matrix3d(2.321, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 36.551, 0, 1); transform: matrix3d(2.321, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 36.551, 0, 1); }
    5.76% { -moz-transform: matrix3d(2.32, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 34.768, 0, 1); transform: matrix3d(2.32, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 34.768, 0, 1); }
    7.41% { -moz-transform: matrix3d(1.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 3.804, 0, 1); transform: matrix3d(1.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 3.804, 0, 1); }
    7.51% { -moz-transform: matrix3d(1.961, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 2.454, 0, 1); transform: matrix3d(1.961, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 2.454, 0, 1); }
    7.88% { -moz-transform: matrix3d(1.771, 0, 0, 0, 0, 1.062, 0, 0, 0, 0, 1, 0, 0, -2.008, 0, 1); transform: matrix3d(1.771, 0, 0, 0, 0, 1.062, 0, 0, 0, 0, 1, 0, 0, -2.008, 0, 1); }
    8.68% { -moz-transform: matrix3d(1.408, 0, 0, 0, 0, 1.181, 0, 0, 0, 0, 1, 0, 0, -9.646, 0, 1); transform: matrix3d(1.408, 0, 0, 0, 0, 1.181, 0, 0, 0, 0, 1, 0, 0, -9.646, 0, 1); }
    10.03% { -moz-transform: matrix3d(0.982, 0, 0, 0, 0, 1.333, 0, 0, 0, 0, 1, 0, 0, -16.853, 0, 1); transform: matrix3d(0.982, 0, 0, 0, 0, 1.333, 0, 0, 0, 0, 1, 0, 0, -16.853, 0, 1); }
    10.85% { -moz-transform: matrix3d(0.822, 0, 0, 0, 0, 1.398, 0, 0, 0, 0, 1, 0, 0, -18.613, 0, 1); transform: matrix3d(0.822, 0, 0, 0, 0, 1.398, 0, 0, 0, 0, 1, 0, 0, -18.613, 0, 1); }
    11.53% { -moz-transform: matrix3d(0.732, 0, 0, 0, 0, 1.439, 0, 0, 0, 0, 1, 0, 0, -18.992, 0, 1); transform: matrix3d(0.732, 0, 0, 0, 0, 1.439, 0, 0, 0, 0, 1, 0, 0, -18.992, 0, 1); }
    12.22% { -moz-transform: matrix3d(0.672, 0, 0, 0, 0, 1.469, 0, 0, 0, 0, 1, 0, 0, -18.618, 0, 1); transform: matrix3d(0.672, 0, 0, 0, 0, 1.469, 0, 0, 0, 0, 1, 0, 0, -18.618, 0, 1); }
    14.18% { -moz-transform: matrix3d(0.612, 0, 0, 0, 0, 1.501, 0, 0, 0, 0, 1, 0, 0, -15.054, 0, 1); transform: matrix3d(0.612, 0, 0, 0, 0, 1.501, 0, 0, 0, 0, 1, 0, 0, -15.054, 0, 1); }
    14.37% { -moz-transform: matrix3d(0.612, 0, 0, 0, 0, 1.501, 0, 0, 0, 0, 1, 0, 0, -14.604, 0, 1); transform: matrix3d(0.612, 0, 0, 0, 0, 1.501, 0, 0, 0, 0, 1, 0, 0, -14.604, 0, 1); }
    19.23% { -moz-transform: matrix3d(0.737, 0, 0, 0, 0, 1.371, 0, 0, 0, 0, 1, 0, 0, -3.855, 0, 1); transform: matrix3d(0.737, 0, 0, 0, 0, 1.371, 0, 0, 0, 0, 1, 0, 0, -3.855, 0, 1); }
    20.01% { -moz-transform: matrix3d(0.763, 0, 0, 0, 0, 1.338, 0, 0, 0, 0, 1, 0, 0, -2.724, 0, 1); transform: matrix3d(0.763, 0, 0, 0, 0, 1.338, 0, 0, 0, 0, 1, 0, 0, -2.724, 0, 1); }
    23.05% { -moz-transform: matrix3d(0.856, 0, 0, 0, 0, 1.211, 0, 0, 0, 0, 1, 0, 0, -0.036, 0, 1); transform: matrix3d(0.856, 0, 0, 0, 0, 1.211, 0, 0, 0, 0, 1, 0, 0, -0.036, 0, 1); }
    25.75% { -moz-transform: matrix3d(0.923, 0, 0, 0, 0, 1.114, 0, 0, 0, 0, 1, 0, 0, 0.709, 0, 1); transform: matrix3d(0.923, 0, 0, 0, 0, 1.114, 0, 0, 0, 0, 1, 0, 0, 0.709, 0, 1); }
    26.94% { -moz-transform: matrix3d(0.947, 0, 0, 0, 0, 1.078, 0, 0, 0, 0, 1, 0, 0, 0.76, 0, 1); transform: matrix3d(0.947, 0, 0, 0, 0, 1.078, 0, 0, 0, 0, 1, 0, 0, 0.76, 0, 1); }
    31.58% { -moz-transform: matrix3d(1.009, 0, 0, 0, 0, 0.987, 0, 0, 0, 0, 1, 0, 0, 0.406, 0, 1); transform: matrix3d(1.009, 0, 0, 0, 0, 0.987, 0, 0, 0, 0, 1, 0, 0, 0.406, 0, 1); }
    31.73% { -moz-transform: matrix3d(1.01, 0, 0, 0, 0, 0.986, 0, 0, 0, 0, 1, 0, 0, 0.392, 0, 1); transform: matrix3d(1.01, 0, 0, 0, 0, 0.986, 0, 0, 0, 0, 1, 0, 0, 0.392, 0, 1); }
    37.32% { -moz-transform: matrix3d(1.029, 0, 0, 0, 0, 0.958, 0, 0, 0, 0, 1, 0, 0, 0.03, 0, 1); transform: matrix3d(1.029, 0, 0, 0, 0, 0.958, 0, 0, 0, 0, 1, 0, 0, 0.03, 0, 1); }
    38.15% { -moz-transform: matrix3d(1.029, 0, 0, 0, 0, 0.958, 0, 0, 0, 0, 1, 0, 0, 0.008, 0, 1); transform: matrix3d(1.029, 0, 0, 0, 0, 0.958, 0, 0, 0, 0, 1, 0, 0, 0.008, 0, 1); }
    42.35% { -moz-transform: matrix3d(1.022, 0, 0, 0, 0, 0.969, 0, 0, 0, 0, 1, 0, 0, -0.03, 0, 1); transform: matrix3d(1.022, 0, 0, 0, 0, 0.969, 0, 0, 0, 0, 1, 0, 0, -0.03, 0, 1); }
    48.9% { -moz-transform: matrix3d(1.007, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, -0.009, 0, 1); transform: matrix3d(1.007, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, -0.009, 0, 1); }
    57.77% { -moz-transform: matrix3d(0.998, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0.001, 0, 1); transform: matrix3d(0.998, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0.001, 0, 1); }
    60.47% { -moz-transform: matrix3d(0.998, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0.001, 0, 1); transform: matrix3d(0.998, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0.001, 0, 1); }
    69.36% { -moz-transform: matrix3d(0.999, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.999, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    83.61% { -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    100% { -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
}
@-o-keyframes animation {
    0% { -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 300, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 300, 0, 1); }
    2.92% { -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 135.218, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 135.218, 0, 1); }
    3.37% { -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 114.871, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 114.871, 0, 1); }
    3.47% { -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 110.596, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 110.596, 0, 1); }
    4.58% { -o-transform: matrix3d(2.061, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 68.65, 0, 1); transform: matrix3d(2.061, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 68.65, 0, 1); }
    5.69% { -o-transform: matrix3d(2.321, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 36.551, 0, 1); transform: matrix3d(2.321, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 36.551, 0, 1); }
    5.76% { -o-transform: matrix3d(2.32, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 34.768, 0, 1); transform: matrix3d(2.32, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 34.768, 0, 1); }
    7.41% { -o-transform: matrix3d(1.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 3.804, 0, 1); transform: matrix3d(1.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 3.804, 0, 1); }
    7.51% { -o-transform: matrix3d(1.961, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 2.454, 0, 1); transform: matrix3d(1.961, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 2.454, 0, 1); }
    7.88% { -o-transform: matrix3d(1.771, 0, 0, 0, 0, 1.062, 0, 0, 0, 0, 1, 0, 0, -2.008, 0, 1); transform: matrix3d(1.771, 0, 0, 0, 0, 1.062, 0, 0, 0, 0, 1, 0, 0, -2.008, 0, 1); }
    8.68% { -o-transform: matrix3d(1.408, 0, 0, 0, 0, 1.181, 0, 0, 0, 0, 1, 0, 0, -9.646, 0, 1); transform: matrix3d(1.408, 0, 0, 0, 0, 1.181, 0, 0, 0, 0, 1, 0, 0, -9.646, 0, 1); }
    10.03% { -o-transform: matrix3d(0.982, 0, 0, 0, 0, 1.333, 0, 0, 0, 0, 1, 0, 0, -16.853, 0, 1); transform: matrix3d(0.982, 0, 0, 0, 0, 1.333, 0, 0, 0, 0, 1, 0, 0, -16.853, 0, 1); }
    10.85% { -o-transform: matrix3d(0.822, 0, 0, 0, 0, 1.398, 0, 0, 0, 0, 1, 0, 0, -18.613, 0, 1); transform: matrix3d(0.822, 0, 0, 0, 0, 1.398, 0, 0, 0, 0, 1, 0, 0, -18.613, 0, 1); }
    11.53% { -o-transform: matrix3d(0.732, 0, 0, 0, 0, 1.439, 0, 0, 0, 0, 1, 0, 0, -18.992, 0, 1); transform: matrix3d(0.732, 0, 0, 0, 0, 1.439, 0, 0, 0, 0, 1, 0, 0, -18.992, 0, 1); }
    12.22% { -o-transform: matrix3d(0.672, 0, 0, 0, 0, 1.469, 0, 0, 0, 0, 1, 0, 0, -18.618, 0, 1); transform: matrix3d(0.672, 0, 0, 0, 0, 1.469, 0, 0, 0, 0, 1, 0, 0, -18.618, 0, 1); }
    14.18% { -o-transform: matrix3d(0.612, 0, 0, 0, 0, 1.501, 0, 0, 0, 0, 1, 0, 0, -15.054, 0, 1); transform: matrix3d(0.612, 0, 0, 0, 0, 1.501, 0, 0, 0, 0, 1, 0, 0, -15.054, 0, 1); }
    14.37% { -o-transform: matrix3d(0.612, 0, 0, 0, 0, 1.501, 0, 0, 0, 0, 1, 0, 0, -14.604, 0, 1); transform: matrix3d(0.612, 0, 0, 0, 0, 1.501, 0, 0, 0, 0, 1, 0, 0, -14.604, 0, 1); }
    19.23% { -o-transform: matrix3d(0.737, 0, 0, 0, 0, 1.371, 0, 0, 0, 0, 1, 0, 0, -3.855, 0, 1); transform: matrix3d(0.737, 0, 0, 0, 0, 1.371, 0, 0, 0, 0, 1, 0, 0, -3.855, 0, 1); }
    20.01% { -o-transform: matrix3d(0.763, 0, 0, 0, 0, 1.338, 0, 0, 0, 0, 1, 0, 0, -2.724, 0, 1); transform: matrix3d(0.763, 0, 0, 0, 0, 1.338, 0, 0, 0, 0, 1, 0, 0, -2.724, 0, 1); }
    23.05% { -o-transform: matrix3d(0.856, 0, 0, 0, 0, 1.211, 0, 0, 0, 0, 1, 0, 0, -0.036, 0, 1); transform: matrix3d(0.856, 0, 0, 0, 0, 1.211, 0, 0, 0, 0, 1, 0, 0, -0.036, 0, 1); }
    25.75% { -o-transform: matrix3d(0.923, 0, 0, 0, 0, 1.114, 0, 0, 0, 0, 1, 0, 0, 0.709, 0, 1); transform: matrix3d(0.923, 0, 0, 0, 0, 1.114, 0, 0, 0, 0, 1, 0, 0, 0.709, 0, 1); }
    26.94% { -o-transform: matrix3d(0.947, 0, 0, 0, 0, 1.078, 0, 0, 0, 0, 1, 0, 0, 0.76, 0, 1); transform: matrix3d(0.947, 0, 0, 0, 0, 1.078, 0, 0, 0, 0, 1, 0, 0, 0.76, 0, 1); }
    31.58% { -o-transform: matrix3d(1.009, 0, 0, 0, 0, 0.987, 0, 0, 0, 0, 1, 0, 0, 0.406, 0, 1); transform: matrix3d(1.009, 0, 0, 0, 0, 0.987, 0, 0, 0, 0, 1, 0, 0, 0.406, 0, 1); }
    31.73% { -o-transform: matrix3d(1.01, 0, 0, 0, 0, 0.986, 0, 0, 0, 0, 1, 0, 0, 0.392, 0, 1); transform: matrix3d(1.01, 0, 0, 0, 0, 0.986, 0, 0, 0, 0, 1, 0, 0, 0.392, 0, 1); }
    37.32% { -o-transform: matrix3d(1.029, 0, 0, 0, 0, 0.958, 0, 0, 0, 0, 1, 0, 0, 0.03, 0, 1); transform: matrix3d(1.029, 0, 0, 0, 0, 0.958, 0, 0, 0, 0, 1, 0, 0, 0.03, 0, 1); }
    38.15% { -o-transform: matrix3d(1.029, 0, 0, 0, 0, 0.958, 0, 0, 0, 0, 1, 0, 0, 0.008, 0, 1); transform: matrix3d(1.029, 0, 0, 0, 0, 0.958, 0, 0, 0, 0, 1, 0, 0, 0.008, 0, 1); }
    42.35% { -o-transform: matrix3d(1.022, 0, 0, 0, 0, 0.969, 0, 0, 0, 0, 1, 0, 0, -0.03, 0, 1); transform: matrix3d(1.022, 0, 0, 0, 0, 0.969, 0, 0, 0, 0, 1, 0, 0, -0.03, 0, 1); }
    48.9% { -o-transform: matrix3d(1.007, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, -0.009, 0, 1); transform: matrix3d(1.007, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, -0.009, 0, 1); }
    57.77% { -o-transform: matrix3d(0.998, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0.001, 0, 1); transform: matrix3d(0.998, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0.001, 0, 1); }
    60.47% { -o-transform: matrix3d(0.998, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0.001, 0, 1); transform: matrix3d(0.998, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0.001, 0, 1); }
    69.36% { -o-transform: matrix3d(0.999, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.999, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    83.61% { -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    100% { -o-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
}

@keyframes animation {

    0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 300, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 300, 0, 1); }
    2.92% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 135.218, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 135.218, 0, 1); }
    3.37% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 114.871, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 114.871, 0, 1); }
    3.47% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 110.596, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 110.596, 0, 1); }
    4.58% { -webkit-transform: matrix3d(2.061, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 68.65, 0, 1); transform: matrix3d(2.061, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 68.65, 0, 1); }
    5.69% { -webkit-transform: matrix3d(2.321, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 36.551, 0, 1); transform: matrix3d(2.321, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 36.551, 0, 1); }
    5.76% { -webkit-transform: matrix3d(2.32, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 34.768, 0, 1); transform: matrix3d(2.32, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 34.768, 0, 1); }
    7.41% { -webkit-transform: matrix3d(1.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 3.804, 0, 1); transform: matrix3d(1.99, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 3.804, 0, 1); }
    7.51% { -webkit-transform: matrix3d(1.961, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 2.454, 0, 1); transform: matrix3d(1.961, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 2.454, 0, 1); }
    7.88% { -webkit-transform: matrix3d(1.771, 0, 0, 0, 0, 1.062, 0, 0, 0, 0, 1, 0, 0, -2.008, 0, 1); transform: matrix3d(1.771, 0, 0, 0, 0, 1.062, 0, 0, 0, 0, 1, 0, 0, -2.008, 0, 1); }
    8.68% { -webkit-transform: matrix3d(1.408, 0, 0, 0, 0, 1.181, 0, 0, 0, 0, 1, 0, 0, -9.646, 0, 1); transform: matrix3d(1.408, 0, 0, 0, 0, 1.181, 0, 0, 0, 0, 1, 0, 0, -9.646, 0, 1); }
    10.03% { -webkit-transform: matrix3d(0.982, 0, 0, 0, 0, 1.333, 0, 0, 0, 0, 1, 0, 0, -16.853, 0, 1); transform: matrix3d(0.982, 0, 0, 0, 0, 1.333, 0, 0, 0, 0, 1, 0, 0, -16.853, 0, 1); }
    10.85% { -webkit-transform: matrix3d(0.822, 0, 0, 0, 0, 1.398, 0, 0, 0, 0, 1, 0, 0, -18.613, 0, 1); transform: matrix3d(0.822, 0, 0, 0, 0, 1.398, 0, 0, 0, 0, 1, 0, 0, -18.613, 0, 1); }
    11.53% { -webkit-transform: matrix3d(0.732, 0, 0, 0, 0, 1.439, 0, 0, 0, 0, 1, 0, 0, -18.992, 0, 1); transform: matrix3d(0.732, 0, 0, 0, 0, 1.439, 0, 0, 0, 0, 1, 0, 0, -18.992, 0, 1); }
    12.22% { -webkit-transform: matrix3d(0.672, 0, 0, 0, 0, 1.469, 0, 0, 0, 0, 1, 0, 0, -18.618, 0, 1); transform: matrix3d(0.672, 0, 0, 0, 0, 1.469, 0, 0, 0, 0, 1, 0, 0, -18.618, 0, 1); }
    14.18% { -webkit-transform: matrix3d(0.612, 0, 0, 0, 0, 1.501, 0, 0, 0, 0, 1, 0, 0, -15.054, 0, 1); transform: matrix3d(0.612, 0, 0, 0, 0, 1.501, 0, 0, 0, 0, 1, 0, 0, -15.054, 0, 1); }
    14.37% { -webkit-transform: matrix3d(0.612, 0, 0, 0, 0, 1.501, 0, 0, 0, 0, 1, 0, 0, -14.604, 0, 1); transform: matrix3d(0.612, 0, 0, 0, 0, 1.501, 0, 0, 0, 0, 1, 0, 0, -14.604, 0, 1); }
    19.23% { -webkit-transform: matrix3d(0.737, 0, 0, 0, 0, 1.371, 0, 0, 0, 0, 1, 0, 0, -3.855, 0, 1); transform: matrix3d(0.737, 0, 0, 0, 0, 1.371, 0, 0, 0, 0, 1, 0, 0, -3.855, 0, 1); }
    20.01% { -webkit-transform: matrix3d(0.763, 0, 0, 0, 0, 1.338, 0, 0, 0, 0, 1, 0, 0, -2.724, 0, 1); transform: matrix3d(0.763, 0, 0, 0, 0, 1.338, 0, 0, 0, 0, 1, 0, 0, -2.724, 0, 1); }
    23.05% { -webkit-transform: matrix3d(0.856, 0, 0, 0, 0, 1.211, 0, 0, 0, 0, 1, 0, 0, -0.036, 0, 1); transform: matrix3d(0.856, 0, 0, 0, 0, 1.211, 0, 0, 0, 0, 1, 0, 0, -0.036, 0, 1); }
    25.75% { -webkit-transform: matrix3d(0.923, 0, 0, 0, 0, 1.114, 0, 0, 0, 0, 1, 0, 0, 0.709, 0, 1); transform: matrix3d(0.923, 0, 0, 0, 0, 1.114, 0, 0, 0, 0, 1, 0, 0, 0.709, 0, 1); }
    26.94% { -webkit-transform: matrix3d(0.947, 0, 0, 0, 0, 1.078, 0, 0, 0, 0, 1, 0, 0, 0.76, 0, 1); transform: matrix3d(0.947, 0, 0, 0, 0, 1.078, 0, 0, 0, 0, 1, 0, 0, 0.76, 0, 1); }
    31.58% { -webkit-transform: matrix3d(1.009, 0, 0, 0, 0, 0.987, 0, 0, 0, 0, 1, 0, 0, 0.406, 0, 1); transform: matrix3d(1.009, 0, 0, 0, 0, 0.987, 0, 0, 0, 0, 1, 0, 0, 0.406, 0, 1); }
    31.73% { -webkit-transform: matrix3d(1.01, 0, 0, 0, 0, 0.986, 0, 0, 0, 0, 1, 0, 0, 0.392, 0, 1); transform: matrix3d(1.01, 0, 0, 0, 0, 0.986, 0, 0, 0, 0, 1, 0, 0, 0.392, 0, 1); }
    37.32% { -webkit-transform: matrix3d(1.029, 0, 0, 0, 0, 0.958, 0, 0, 0, 0, 1, 0, 0, 0.03, 0, 1); transform: matrix3d(1.029, 0, 0, 0, 0, 0.958, 0, 0, 0, 0, 1, 0, 0, 0.03, 0, 1); }
    38.15% { -webkit-transform: matrix3d(1.029, 0, 0, 0, 0, 0.958, 0, 0, 0, 0, 1, 0, 0, 0.008, 0, 1); transform: matrix3d(1.029, 0, 0, 0, 0, 0.958, 0, 0, 0, 0, 1, 0, 0, 0.008, 0, 1); }
    42.35% { -webkit-transform: matrix3d(1.022, 0, 0, 0, 0, 0.969, 0, 0, 0, 0, 1, 0, 0, -0.03, 0, 1); transform: matrix3d(1.022, 0, 0, 0, 0, 0.969, 0, 0, 0, 0, 1, 0, 0, -0.03, 0, 1); }
    48.9% { -webkit-transform: matrix3d(1.007, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, -0.009, 0, 1); transform: matrix3d(1.007, 0, 0, 0, 0, 0.99, 0, 0, 0, 0, 1, 0, 0, -0.009, 0, 1); }
    57.77% { -webkit-transform: matrix3d(0.998, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0.001, 0, 1); transform: matrix3d(0.998, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0.001, 0, 1); }
    60.47% { -webkit-transform: matrix3d(0.998, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0.001, 0, 1); transform: matrix3d(0.998, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0.001, 0, 1); }
    69.36% { -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.999, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    83.61% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
}
/*___________________*/

.deg0{
    -ms-transform: rotate(184deg);
    -moz-transform: rotate(184deg);
    -webkit-transform: rotate(184deg);
    -o-transform: rotate(184deg);
    transform: rotate(184deg);
    -moz-transition: transform 300ms ease;
    -webkit-transition: transform 300ms ease;
    -o-transition: transform 300ms ease;
    transition: transform 300ms ease;
}
.deg1{
    -ms-transform: rotate(208deg);
    -moz-transform: rotate(184deg);
    -webkit-transform: rotate(208deg);
    -o-transform: rotate(208deg);
    transform: rotate(208deg);
    -moz-transition: transform 300ms ease;
    -webkit-transition: transform 300ms ease;
    -o-transition: transform 300ms ease;
    transition: transform 300ms ease;
}
.deg2{
    -ms-transform: rotate(295deg);
    -moz-transform: rotate(184deg);
    -webkit-transform: rotate(295deg);
    -o-transform: rotate(295deg);
    transform: rotate(295deg);
    -moz-transition: transform 300ms ease;
    -webkit-transition: transform 300ms ease;
    -o-transition: transform 300ms ease;
    transition: transform 300ms ease;
}
.deg3{
    -ms-transform: rotate(362deg);
    -moz-transform: rotate(184deg);
    -webkit-transform: rotate(362deg);
    -o-transform: rotate(362deg);
    transform: rotate(362deg);
    -moz-transition: transform 200ms ease;
    -webkit-transition: transform 200ms ease;
    -o-transition: transform 200ms ease;
    transition: transform 200ms ease;
}
.deg5{
    -ms-transform: rotate(411deg);
    -moz-transform: rotate(184deg);
    -webkit-transform: rotate(411deg);
    -o-transform: rotate(411deg);
    transform: rotate(411deg);
    -moz-transition: transform 200ms ease;
    -webkit-transition: transform 200ms ease;
    -o-transition: transform 200ms ease;
    transition: transform 200ms ease;
}
.deg6{
    -ms-transform: rotate(344deg);
    -moz-transform: rotate(184deg);
    -webkit-transform: rotate(344deg);
    -o-transform: rotate(344deg);
    transform: rotate(344deg);
    -moz-transition: transform 200ms ease;
    -webkit-transition: transform 200ms ease;
    -o-transition: transform 200ms ease;
    transition: transform 200ms ease;
}
.deg7{
    -ms-transform: rotate(430deg);
    -moz-transform: rotate(184deg);
    -webkit-transform: rotate(430deg);
    -o-transform: rotate(430deg);
    transform: rotate(430deg);
    -moz-transition: transform 200ms ease;
    -webkit-transition: transform 200ms ease;
    -o-transition: transform 200ms ease;
    transition: transform 200ms ease;
}
.deg9{
    /*transform: rotate(328deg);*/
    -ms-transform: rotate(319deg);
    -moz-transform: rotate(184deg);
    -webkit-transform: rotate(319deg);
    -o-transform: rotate(319deg);
    transform: rotate(319deg);
    -moz-transition: transform 400ms ease;
    -webkit-transition: transform 400ms ease;
    -o-transition: transform 400ms ease;
    transition: transform 400ms ease;
}
.deg10{
    -ms-transform: rotate(399deg);
    -moz-transform: rotate(184deg);
    -webkit-transform: rotate(399deg);
    -o-transform: rotate(399deg);
    transform: rotate(399deg);
    -moz-transition: transform 300ms ease;
    -webkit-transition: transform 300ms ease;
    -o-transition: transform 300ms ease;
    transition: transform 300ms ease;
}
.deg11{
    -ms-transform: rotate(365deg);
    -moz-transform: rotate(184deg);
    -webkit-transform: rotate(365deg);
    -o-transform: rotate(365deg);
    transform: rotate(365deg);
    -moz-transition: transform 200ms ease;
    -webkit-transition: transform 200ms ease;
    -o-transition: transform 200ms ease;
    transition: transform 200ms ease;
}
.deg12{
    -ms-transform: rotate(307deg);
    -moz-transform: rotate(184deg);
    -webkit-transform: rotate(307deg);
    -o-transform: rotate(307deg);
    transform: rotate(307deg);
    -moz-transition: transform 200ms ease;
    -webkit-transition: transform 200ms ease;
    -o-transition: transform 200ms ease;
    transition: transform 200ms ease;
}
.deg13{
    -ms-transform: rotate(344deg);
    -moz-transform: rotate(184deg);
    -webkit-transform: rotate(344deg);
    -o-transform: rotate(344deg);
    transform: rotate(344deg);
    -moz-transition: transform 200ms ease;
    -webkit-transition: transform 200ms ease;
    -o-transition: transform 200ms ease;
    transition: transform 200ms ease;
}
.deg14{
    -ms-transform: rotate(423deg);
    -moz-transform: rotate(184deg);
    -webkit-transform: rotate(423deg);
    -o-transform: rotate(423deg);
    transform: rotate(423deg);
    -moz-transition: transform 200ms ease;
    -webkit-transition: transform 200ms ease;
    -o-transition: transform 200ms ease;
    transition: transform 200ms ease;
}
.deg144{
    -ms-transform: rotate(348deg);
    -moz-transform: rotate(184deg);
    -webkit-transform: rotate(348deg);
    -o-transform: rotate(348deg);
    transform: rotate(348deg);
    -moz-transition: transform 200ms ease;
    -webkit-transition: transform 200ms ease;
    -o-transition: transform 200ms ease;
    transition: transform 200ms ease;
}
.deg15{
    -ms-transform: rotate(258deg);
    -moz-transform: rotate(184deg);
    -webkit-transform: rotate(258deg);
    -o-transform: rotate(258deg);
    transform: rotate(258deg);
    -moz-transition: transform 100ms ease;
    -webkit-transition: transform 100ms ease;
    -o-transition: transform 100ms ease;
    transition: transform 100ms ease;
}
.deg16{
    -ms-transform: rotate(335deg);
    -moz-transform: rotate(184deg);
    -webkit-transform: rotate(335deg);
    -o-transform: rotate(335deg);
    transform: rotate(335deg);
    -moz-transition: transform 200ms ease;
    -webkit-transition: transform 200ms ease;
    -o-transition: transform 200ms ease;
    transition: transform 200ms ease;
}
.deg17{
    -ms-transform: rotate(409deg);
    -moz-transform: rotate(184deg);
    -webkit-transform: rotate(409deg);
    -o-transform: rotate(409deg);
    transform: rotate(409deg);
    -moz-transition: transform 100ms ease;
    -webkit-transition: transform 100ms ease;
    -o-transition: transform 100ms ease;
    transition: transform 100ms ease;
}
.deg18{
    -ms-transform: rotate(477deg);
    -moz-transform: rotate(184deg);
    -webkit-transform: rotate(477deg);
    -o-transform: rotate(477deg);
    transform: rotate(477deg);
    -moz-transition: transform 100ms ease;
    -webkit-transition: transform 100ms ease;
    -o-transition: transform 100ms ease;
    transition: transform 100ms ease;
}
.deg19{
    -ms-transform: rotate(573deg);
    -moz-transform: rotate(184deg);
    -webkit-transform: rotate(573deg);
    -o-transform: rotate(573deg);
    transform: rotate(573deg);
    -moz-transition: transform 100ms ease;
    -webkit-transition: transform 100ms ease;
    -o-transition: transform 100ms ease;
    transition: transform 100ms ease;
}
/*_________________swipe4*/
.main_swipe4{
    position: absolute;
    top: 852px;
    width: 100%;
    z-index: 50;
}
.main_swipe4 > .content{
    width: 100%;
}
.main_swipe4 > .content .promotion{
    width: 1200px;
    margin: 0 auto;
    color: #ffffff;
}
.main_swipe4 > .content .promotion .title{
    height: 100px;
    line-height: 100px;
    font-size: 40px;
    margin: 0 auto;
    letter-spacing: 10px;
    text-align: center;
}
.main_swipe4 > .content .promotion .text {
    background: #140e22 none repeat scroll 0 0;
    border-radius: 20px;
    font-size: 15px;
    margin: 0 auto 50px;
    padding: 20px;
    width: 900px;
}
.main_swipe4 .tab {
    width: 570px;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 10px;
}
.main_swipe4 .tab a {
    border-radius: 10px;
    color: #ffffff;
    display: block;
    float: left;
    font-size: 25px;
    line-height: 60px;
    margin-right: 20px;
    opacity: 0.4;
    text-align: center;
    text-decoration: none;
    width: 150px;
}
.main_swipe4 .tab a.active {
    background: #f91a55 none repeat scroll 0 0;
    border-radius: 12px;
    color: #fff;
    opacity: 1;
}
.main_swipe4 .swiper-container {
    height: 1000px;
    width: 100%;
    border-top: 0;
}
.main_swipe4 .swiper-slide {
    width: 940px;
    background: none;
    color: #fff;
    opacity: 0.6;
}
.main_swipe4 .swiper-slide-active {
    opacity: 1;
}
.main_swipe4 .content-slide {
    background-color: #1f1830;
    border-radius: 10px;
    color: #bcbcbc;
    height: 900px;
    padding: 30px;
    width: 820px;
    margin: 20px auto;
}

.main_swipe4 .content-slide .pro_con{
    border-radius: 10px;
}
.main_swipe4 .content-slide .depict{
    border-radius: 10px;
}
.main_swipe4 .content-slide .item{
    border-radius: 10px;
}
.main_swipe4 .content-slide .itemBg {
    margin-left: -30px;
    width: 820px;
    height: 410px;
    background: url("../img/b1.png") no-repeat center;
    background-size: cover;
}
.main_swipe4 .content-slide .pro_con table {
    border: 1px solid #ffffff;
    border-collapse: collapse;
    height: 240px;
    text-align: left;
    vertical-align: middle;
    width: 760px;
}
.main_swipe4 .content-slide .pro_con table td {
    border: 1px solid #4d3e6d;
    height: 20px;
    line-height: 30px;
    padding-left: 10px;
}
.main_swipe4 .content-slide .pro_con table td:nth-child(1){
    width:80px;
}
.main_swipe4 .content-slide .pro_con table td:nth-child(2){
    width:40px;
}
.main_swipe4 .content-slide .pro_con table td:nth-child(3){
    width:80px;
}
.main_swipe4 .content-slide .pro_con table td:nth-child(4){
    width:68px;
}
.main_swipe4 .content-slide .depict table{
    width:700px;
    height:240px;
    border:1px solid #ffffff;
    border-collapse:collapse;
    vertical-align:middle;
    text-align:center;
}
.main_swipe4 .content-slide .depict table td{
    border:1px solid #4d3e6d;
    height:35px;
}
.main_swipe4 .content-slide .depict table td:nth-child(1){
    width:90px;
}
.main_swipe4 .content-slide .item p {
    height: 350px;
    line-height: 30px;
    padding: 30px;
}
/*__________________swipe4over*/

/*_________________swipe5*/
.main_swipe5{
    position: absolute;
    top: 852px;
    width: 100%;
    z-index: 50;
}
.main_swipe5 > .content{
    width: 100%;
}
.main_swipe5 > .content .promotion{
    width: 1200px;
    margin: 0 auto;
    color: #ffffff;
}
.main_swipe5 > .content .promotion .title{
    height: 100px;
    line-height: 100px;
    font-size: 40px;
    margin: 0 auto;
    letter-spacing: 10px;
    text-align: center;
}
.main_swipe5 > .content .promotion .text {
    background: #140e22 none repeat scroll 0 0;
    border-radius: 20px;
    font-size: 15px;
    margin: 0 auto 50px;
    padding: 20px;
    width: 900px;
}
.main_swipe5 .tab2 {
    width: 570px;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 10px;
}
.main_swipe5 .tab2 a {
    border-radius: 10px;
    color: #ffffff;
    display: block;
    float: left;
    font-size: 25px;
    line-height: 60px;
    margin-right: 20px;
    opacity: 0.4;
    text-align: center;
    text-decoration: none;
    width: 150px;
}
.main_swipe5 .tab2 a.active {
    background: #f91a55 none repeat scroll 0 0;
    border-radius: 12px;
    color: #fff;
    opacity: 1;
}
.main_swipe5 .swiper-container {
    height: 880px;
    width: 100%;
    border-top: 0;
}
.main_swipe5 .swiper-slide {
    width: 940px;
    background: none;
    color: #fff;
    opacity: 0.6;
}
.main_swipe5 .swiper-slide-active {
    opacity: 1;
}
.main_swipe5 .content-slide {
    background-color: #1f1830;
    border-radius: 10px;
    color: #bcbcbc;
    height: 810px;
    padding: 30px;
    width: 820px;
    margin: 20px auto;
}

.main_swipe5 .content-slide .pro_con{
    border-radius: 10px;
}
.main_swipe5 .content-slide .depict{
    border-radius: 10px;
}
.main_swipe5 .content-slide .item{
    border-radius: 10px;
}
.main_swipe5 .content-slide .itemBg {
    margin-left: -30px;
    width: 820px;
    height: 410px;
    background: url("../img/b1.png") no-repeat center;
    background-size: cover;
}
.main_swipe5 .content-slide .pro_con table {
    border: 1px solid #ffffff;
    border-collapse: collapse;
    height: 240px;
    text-align: left;
    vertical-align: middle;
    width: 760px;
}
.main_swipe5 .content-slide .pro_con table td {
    border: 1px solid #4d3e6d;
    height: 20px;
    line-height: 30px;
    padding-left: 10px;
}
.main_swipe5 .content-slide .pro_con table td:nth-child(1){
    width:80px;
}
.main_swipe5 .content-slide .pro_con table td:nth-child(2){
    width:40px;
}
.main_swipe5 .content-slide .pro_con table td:nth-child(3){
    width:80px;
}
.main_swipe5 .content-slide .pro_con table td:nth-child(4){
    width:68px;
}
.main_swipe5 .content-slide .depict table{
    width:700px;
    height:240px;
    border:1px solid #ffffff;
    border-collapse:collapse;
    vertical-align:middle;
    text-align:center;
}
.main_swipe5 .content-slide .depict table td{
    border:1px solid #4d3e6d;
    height:35px;
}
.main_swipe5 .content-slide .depict table td:nth-child(1){
    width:90px;
}
.main_swipe5 .content-slide .item p {
    height: 350px;
    line-height: 30px;
    padding: 30px;
}
/*__________________swipe5over*/
/*_________________main_swipe1*/

.main_swipe1{
    position: absolute;
    bottom: 1200px;
    width: 100%;
    z-index: 50;
}
.main_swipe1 > .content{
    width: 100%;
}
.main_swipe1 > .content .promotion{
    width: 1200px;
    margin: 0 auto;
    color: #ffffff;
}
.main_swipe1 > .content .promotion .title{
    height: 100px;
    line-height: 100px;
    font-size: 40px;
    margin: 0 auto;
    letter-spacing: 10px;
    text-align: center;
}
.main_swipe1 > .content .promotion .text {
  background: #140e22 none repeat scroll 0 0;
  border-radius: 20px;
  font-size: 15px;
  margin: 30px auto 50px;
  padding: 20px;
  width: 900px;
}
/*___________________swipe*/
.main_swipe1 .swiper-wrapper{
    /*padding-left: 30%;*/
    /*width: 4755px !important;*/
}
.main_swipe1 .tabnav{
    width: 1150px;
    margin: 0 auto;
}
.main_swipe1 .outcon{
    width: 1150px;
    margin: 0 auto;
}
.main_swipe1 .tabs {
    width: 340px;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 10px;
}
.main_swipe1 .tabs a {
  border-radius: 10px;
  color: #ffffff;
  display: block;
  float: left;
  font-size: 25px;
  line-height: 60px;
  margin-right: 20px;
  opacity: 0.4;
  text-align: center;
  text-decoration: none;
  width: 150px;
}
.main_swipe1 .tabs a.active {
  background: #f91a55 none repeat scroll 0 0;
  border-radius: 12px;
  color: #fff;
  opacity: 1;
}
.main_swipe1 .swiper-container {
    height: 750px;
    width: 100%;
    border-top: 0;
}
.main_swipe1 .swiper-slide {
    width: 940px;
    background: none;
    color: #fff;
    opacity: 0.6;
}
.main_swipe1 .swiper-slide-active {
    opacity: 1;
    cursor: e-resize;
}
.main_swipe1 .content-slide {
    background-color: #1f1830;
  border-radius: 10px;
  color: #bcbcbc;
  height: 720px;
  padding: 30px;
  width: 820px;
  margin: 20px auto;
}
.main_swipe1 .content-slide .service{
    color: #F91A55;
}
.main_swipe1 .content-slide .pro_con{
    border-radius: 10px;
}
.main_swipe1 .content-slide .pro_con p{
    line-height: 30px;
}
.main_swipe1 .content-slide .depict{
    border-radius: 10px;
}
.main_swipe1 .content-slide .item{
    border-radius: 10px;
}
.main_swipe1 .content-slide .explain{
    margin-top: 10px;
    line-height: 25px;
}
.main_swipe1 .content-slide .item p {
  height: 400px;
  line-height: 30px;
  padding: 30px;
}
.main_swipe1 .content-slide .pro_con a , .main_swipe1 .content-slide .item a {
    display: block;
    background: #f91a55 none repeat scroll 0 0;
    border-radius: 12px;
    color: #ffffff;
    font-size: 25px;
    line-height: 60px;
    text-align: center;
    text-decoration: none;
    width: 540px;
    margin-top: 48px;
    margin-left: 108px;
    letter-spacing: 10px;
}
.main_swipe1 .content-slide .item a {
    margin-top: 185px;
}

/*_______________mainswipe2*/
.main_swipe2{
    position: absolute;
    bottom: 400px;
    padding-top: 60px;
    width: 100%;
    z-index: 50;
    height: 645px;
    overflow: hidden;
}
.main_swipe2 .swiper-container {
    width: 100%;
    color: #fff;
    text-align: center;
    padding-top: 50px;
    overflow: hidden;
    height: 645px;
}
.main_swipe2 .swiper-slide {
    width: 400px;
    height: 480px;
    cursor:  e-resize;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -ms-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    opacity: 0.4;
}
.main_swipe2 .swiper-slide-active {
    opacity: 1;
}
.main_swipe2 .pink-slide {
    background: #973e76;
}
.main_swipe2 .swiper-slide .content {
    width: 370px;
    margin: 0 15px;
    background: #182530;
    height: 480px;
    position: relative;
}
.main_swipe2 .swiper-slide .content .img{
    height: 221px;
}
.main_swipe2 .swiper-slide .content h2{
    width: 304px;
    height: 35px;
    margin: 33px 33px 13px;
    line-height: 35px;
}
.main_swipe2 .swiper-slide .content .text{
    display: block;
    width: 304px;
    text-align: left;
    padding: 0 33px 33px;
    color: #828D96;
}
.main_swipe2 .swiper-slide .content .post{
    width: 66px;
    height: 66px;
    position: absolute;
    top: 188px;
    right: 24px;
    background-image: url("../img/bg_pazzle.png");
    background-size: cover;
}
.main_swipe2 .swiper-slide .content .post span{
    display: block;
    font-weight: bold;
    width: 66px;
    height: 33px;
    line-height: 33px;
    text-align: center;
}
.main_swipe2 .swiper-slide .content .post .post_date1{
    margin-top: 4px;
}
.main_swipe2 .swiper-slide .content .post .post_date2{
    margin-top: -6px;
}
.main_swipe2 .pagination {
    position: absolute;
    z-index: 20;
    left: 10px;
    bottom: -10px;
    /*width: 2090px;*/
    height: 20px;
}
.main_swipe2 .swiper-pagination-switch {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    margin-right: 8px;
    cursor:  pointer;
}
.main_swipe2 .swiper-visible-switch {
    background: #aaa;
}
.main_swipe2 .swiper-active-switch {
    background: #fff;
}
.main_swipe2 .out_pag{
    width: 1000px;
    height: 60px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -500px;
    overflow: hidden;
    padding: 0 20px;
}
.main_swipe2 .out_pag .mov_pag{
    position: relative;
    width: 2090px;
}
.main_swipe2 .pagination span{
    margin: 2px 73px;
    background: #f91a55;
}
.main_swipe2 .pagination .swiper-active-switch {
    background: #ffffff;
}
.main_swipe2 .swiper-wrapper{
    padding-top: 50px;
    height: 480px;
}
.timeline{
    width: 2090px;
    margin-top: 16px;
    border-bottom: 1px solid #293F4C;
    text-align: left;
}
.timeline span{
    display: inline-block;
    padding: 5px 120px;
}
/*_______________driver*/
.div10{
    background-image: url("../img/10.jpg");
}
.div11{
    background-image: url("../img/11.jpg");
}
.div20{
    background-image: url("../img/10.jpg");
    height: 920px;
}
.div21{
    background-image: url("../img/1.jpg");
    height: 1260px;
}
.div22{
    background-image: url("../img/11.jpg");
    height: 1000px;
}
.div23{
    background-image: url("../img/5.jpg");
    height: 1100px;
}
.div24{
    background-image: url("../img/13.jpg");
    height: 1100px;
}
.div25{
    background-image: url("../img/3.jpg");
    height: 1100px;
}
.driver-main {
  position: absolute;
  top: 60px;
  width: 100%;
}
.driver-main1 {
  position: absolute;
  top: 760px;
  width: 100%;
}
.driver-main2 {
  position: absolute;
  top: 1500px;
  width: 100%;
}

.driver-date{
    width: 1160px;
  margin: 0 auto;
  overflow: hidden;
  
}
.driver-date1{
    width: 800px;
  margin: 0 auto;
  overflow: hidden;
  
}
.driver-left{
    background-image: url("../img/dr1.jpg");
    width: 700px;
    height: 570px;
    float: left;
}
.driver-left1{
    background-image: url("../img/dr2.jpg");
    width: 700px;
    height: 570px;
    float: left;
}
.driver-left2{
    background: url("../img/map1.png") no-repeat ;
    width: 800px;
    height: 470px;
    float: left;
}
.driver-right {
  background: #10091a none repeat scroll 0 0;
  color: #fff;
  float: left;
  height: 570px;
  padding: 50px;
  width: 460px;
}
.driver-right1 {
  background: #10091a none repeat scroll 0 0;
  color: #fff;
  float: left;
  height: 990px;
  padding: 50px;
  width: 800px;
}
.driver-right h3{
  color: #bcbcbc;
  font-weight: 100;
  line-height: 25px;
}
.driver-right p{
  color: #fff;
  font-weight: 100;
  line-height: 25px;
}
.driver-right1 h3{
  color: #fff;
  font-weight: 100;
  line-height: 25px;
}
.driver-right1 p{
  color: #bcbcbc;
  font-weight: 100;
  line-height: 25px;
}
/*.footer {*/
  /*border: medium none;*/
  /*top: 2172px;*/
  /*color: #fff;*/
  /*height: 50px;*/
  /*margin: 0 auto;*/
  /*position: absolute;*/
  /*text-align: center;*/
  /*width: 100%;*/
/*}*/
.footer3 {
  border: medium none;
  bottom: 90px;
  color: #fff;
  height: 50px;
  margin: 0 auto;
  position: absolute;
  text-align: center;
  width: 100%;
}
.focus-media {
  position: absolute;
  top: 60px;
  width: 100%; 
}
.main_swipe3 {
  left: 0;
  padding-top: 100px;
  position: absolute;
  top: 600px;
  width: 100%;
}
.text p {
    line-height: 30px;
}

/*_______________driver*/
.div10{
    background-image: url("../img/10.jpg");
}
.div11{
    background-image: url("../img/11.jpg");
}
.driver-main {
    position: absolute;
    top: 60px;
    width: 100%;
}
.driver-main1 {
    position: absolute;
    top: 760px;
    width: 100%;
}
.driver-main2 {
    position: absolute;
    top: 1500px;
    width: 100%;
}

.driver-date{
    width: 1160px;
    margin: 0 auto;
    overflow: hidden;

}
.driver-date1{
    width: 800px;
    margin: 0 auto;
    overflow: hidden;

}

.driver-left{
    background-image: url("../img/dr1.jpg");
    width: 700px;
    height: 570px;
    float: left;
}
.driver-left1{
    background-image: url("../img/dr2.jpg");
    width: 700px;
    height: 570px;
    float: left;
}
.driver-left2{
    background: url("../img/map1.png") no-repeat ;
    width: 800px;
    height: 470px;
    float: left;
}
.driver-right {
    background: #10091a none repeat scroll 0 0;
    color: #fff;
    float: left;
    height: 570px;
    padding: 50px;
    width: 460px;
}
.driver-right1 {
    background: #10091a none repeat scroll 0 0;
    color: #fff;
    float: left;
    height: 990px;
    padding: 50px;
    width: 800px;
}
.driver-right h3{
    color: #bcbcbc;
    font-weight: 100;
    line-height: 25px;
}
.driver-right p{
    color: #fff;
    font-weight: 100;
    line-height: 25px;
}
.driver-right1 h3{
    color: #fff;
    font-weight: 100;
    line-height: 25px;
}
.driver-right1 p{
    color: #bcbcbc;
    font-weight: 100;
    line-height: 25px;
}
.footer2 {
    border: medium none;
    bottom: 30px;
    color: #fff;
    height: 50px;
    margin: 0 auto;
    position: absolute;
    text-align: center;
    width: 100%;
}
.focus-media {
    position: absolute;
    top: 60px;
    width: 100%;
}
.main_swipe3 {
    left: 0;
    padding-top: 100px;
    position: absolute;
    top: 600px;
    width: 100%;
}
.text p {
    line-height: 30px;
}


/*_______________macao*/

.imgadd{
    background: url("../img/macao1.jpg") no-repeat ;
    width: 1160px;
    height: 386px;
    margin: 0 auto;

}
.macao-main1 {
    position: absolute;
    top: 60px;
    width: 100%;
}
.macao-main2 {
    position: absolute;
    top: 1000px;
    width: 100%;
}
.macao-main3 {
    position: absolute;
    top: 1700px;
    width: 100%;
}
.macao-main4 {
    position: absolute;
    top: 2400px;
    width: 100%;
}
.macao-main5 {
    position: absolute;
    top: 3100px;
    width: 100%;
}
.macao-main6 {
    position: absolute;
    top: 3800px;
    width: 100%;
}
.macao-main7 {
    position: absolute;
    top: 4500px;
    width: 100%;
}

.macao-right1 {
    background: #10091a none repeat scroll 0 0;
    color: #fff;
    float: left;
    padding: 50px;
}
.macao-date1 {
    margin: 0 auto;
    overflow: hidden;
    width: 1160px;
}
.p-1 {
    color: #bcbcbc;
    font-weight: 100;
    line-height: 25px;
}
.macao-left1 {
    background-image: url("../img/p1.jpg");
    float: left;
    height: 570px;
    width: 700px;
}
.macao-left2 {
    background-image: url("../img/p2.jpg");
    float: left;
    height: 570px;
    width: 700px;
}
.macao-left3 {
    background-image: url("../img/p3.jpg");
    float: left;
    height: 570px;
    width: 700px;
}
.macao-left4 {
    background-image: url("../img/p4.jpg");
    float: left;
    height: 570px;
    width: 700px;
}
.macao-left5 {
    background-image: url("../img/p5.jpg");
    float: left;
    height: 570px;
    width: 700px;
}
.macao-left6 {
    background-image: url("../img/p5.jpg");
    float: left;
    height: 570px;
    width: 700px;
}
.macao-date2{
    width: 1160px;
    margin: 0 auto;
    overflow: hidden;

}
.macao-right2 {
    background: #10091a none repeat scroll 0 0;
    color: #fff;
    float: left;
    height: 990px;
    padding: 50px;
    width: 800px;
}
.macao-visa {
    background: rgba(0, 0, 0, 0) url("../img/g1.png") no-repeat scroll 0 0;
    float: right;
    height: 470px;
    width: 300px;
}
.div12{
    background-image: url("../img/12.jpg");
}
.div13{
    background-image: url("../img/13.jpg");
}
/*_________________focus*/
.focus{
    width: 100%;
    position: absolute;
    top: 20px;
    /*height: 1000px;*/
}
.focus .container{
    width: 1210px;
    margin: 0 auto;
    /*border: 1px solid #ddd4b0;*/
}
.focus .container .content {
    display: inline-block;
    width: 370px;
    margin: 0 15px 20px;
    background: #182530;
    height: 480px;
    position: relative;
    /*margin-bottom: 10px;*/
}
.focus .container .content .link{
    height: 221px;
    width: 370px;
    overflow: hidden;
}
.focus .container .content .link:hover .zoom_in{
    top: 0px;
    -moz-transition: top 200ms ease;
    -webkit-transition: top 200ms ease;
    -o-transition: top 200ms ease;
    transition: top 200ms ease;

}
.focus .container .content .link:hover .zoom_bg{
    background: rgba(0,0,0,0.6);
    transition: background 200ms ease;
    -moz-transition: background 200ms ease;
    -webkit-transition: background 200ms ease;
    -o-transition: background 200ms ease;
}
.focus .container .content .link .zoom_in{
    position: absolute;
    top: 221px;
    height: 221px;
    width: 370px;
    background: url("../img/zoomIn.png") no-repeat center center;
    -moz-transition: top 200ms ease;
    -webkit-transition: top 200ms ease;
    transition: top 200ms ease;
    -o-transition: top 200ms ease;
    z-index: 10;
}
.focus .container .content .link .zoom_bg{
    position: absolute;
    top: 0px;
    height: 221px;
    width: 370px;
    background: rgba(0,0,0,0);
    transition: background 200ms  ease;
    -moz-transition: background 200ms  ease;
    -webkit-transition: background 200ms  ease;
    -o-transition: background 200ms  ease;
}
.focus .container .content .down{
    width: 370px;
    height: 259px;
    position: relative;
    z-index: 20;
    background: #182530;
    padding-top: 33px;
}
.focus .container .content h2{
    width: 304px;
    height: 35px;
    margin: 0px 33px 13px;
    line-height: 35px;
    color: #ffffff;
}
.focus .container .content .text{
    display: block;
    width: 304px;
    text-align: left;
    padding: 0 33px 33px;
    color: #828D96;
}
.focus .container .content .post{
    width: 66px;
    height: 66px;
    position: absolute;
    top: 188px;
    right: 24px;
    background-image: url("../img/bg_pazzle.png");
    background-size: cover;
    z-index: 40;
}
.focus .container .content .post span{
    display: block;
    font-weight: bold;
    width: 66px;
    height: 33px;
    line-height: 33px;
    text-align: center;
}
.focus .container .content .post .post_date1{
    margin-top: 4px;
    color: #ffffff;
}
.focus .container .content .post .post_date2{
    margin-top: -6px;
    color: #ffffff;
}
#maodian , #maodian1 , #maodian2 , #maodian3,#promotional3{
    position: absolute;
    width: 72px;
    height: 72px;
    top: -72px;
}

/*___________________footer*/

.footer {
    background-color: #070b12;
    font-size: 14px;
    height: 128px;
    margin-top: 20px;
    position: absolute;
    bottom: 0px;
    text-align: center;
    width: 100%;
}
.footer .wrapper {
    height: 100%;
    margin: 0 auto;
    position: relative;
    transition: width 0.5s ease 0s;
    width: 1300px;
}
.footer .wrapper .footer-left {
    display: inline-block;
    float: left;
    font-size: 12px;
    height: 100%;
    text-align: left;
}
.footer .wrapper .footer-right {
    color: #4f4b51;
    display: inline-block;
    float: right;
    font-size: 12px;
    height: 100%;
    text-align: left;
}
.clear {
    font-size: 0;
    height: 0;
    line-height: 0;
}
.footer .wrapper .footer-left .row2 ul li:hover {
    color:#dcad4b;
}
.footer .wrapper .footer-left .row1 {
    height: 60px;
    line-height: 60px;
    margin-top: 5px;
}
.footer .wrapper .footer-left .row2 {
    color: #4f4b51;
    height: 40px;
    line-height: 40px;
    margin-left: -4px;
    margin-top: 0px;
}
.footer .wrapper .footer-right .row1 {
    height: 69px;
    line-height: 69px;
}
.footer .wrapper .footer-right .row2 {
    height: 40px;
    line-height: 40px;
}
.footer .wrapper .footer-left .row1 .platforms-icon {
    background-image: url("../img/common.png");
    background-position: -10px -145px;
    display: inline-block;
    height: 40px;
    margin-left: -5px;
    vertical-align: middle;
    width: 650px;
}
ul {
    list-style: outside none none;
}
.footer .wrapper .footer-left .row2 ul li[data-value="brand"] {
    height: 32px;
}
.footer .wrapper .footer-left .row2 ul li {
    cursor: pointer;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
}
.footer .wrapper .footer-left .row2 ul li[data-value="brand"] span {
    background: rgba(0, 0, 0, 0) url("../img/common.png") repeat scroll -385px -192px;
    border-right: medium none;
    display: inline-block;
    height: 32px;
    padding: 0;
    width: 90px;
}
.footer .wrapper .footer-left .row2 ul li span {
    border-right: 1px solid #4f4b51;
    padding: 0 17px;
    color: #4F4B51;
}
.footer .wrapper .footer-left .row2 ul li span:hover {
    color: #ffffff;
}
.footer .wrapper .footer-left .row2 ul li:last-child span {
    border-right: medium none;
}

.footer .wrapper .footer-right .row1 .title {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
}
.footer .wrapper .footer-right .row1 ul {
    display: inline-block;
    vertical-align: middle;
}
.footer .wrapper .footer-right .row1 ul li {
    cursor: pointer;
    display: inline-block;
    margin-right: 25px;
}
.footer .wrapper .footer-right .row1 ul span {
    color: #4F4B51;
}
.footer .wrapper .footer-right .row1 ul span:hover {
    color: #ffffff;
}
.footer .wrapper .footer-right .row1 ul li .icon {
    height: 25px;
    vertical-align: middle;
    width: 30px;
}
.footer .wrapper .footer-right .row1 ul li .icon, .icon {
    background-image: url("../img/common.png");
    cursor: pointer;
    display: inline-block;
}
.footer .wrapper .footer-right .row1 ul .chrome-icon {
    background-position: -103px -196px;
}
.footer .wrapper .footer-right .row1 ul .firefox-icon {
    background-position: -280px -196px;
}
.footer .wrapper .footer-right .row1 ul .ie-icon {
    background-position: -16px -196px;
}
.footer .wrapper .footer-right .row1 ul .safari-icon {
    background-position: -200px -196px;
}
.footer a:hover{
    color: #ffffff;
}
/*__________________ie*/
.ie h1{
    width: 1150px;
    margin: 100px auto 20px;
    text-align: center;
    font-size: 40px;
    color: #FFFFFF;
}
.ie > p{
    display: block;
    width: 1150px;
    margin: 0 auto;
    text-align: center;
    font-size: 20px;
    color: #FFFFFF;
    padding: 20px 0 0 20px;
}
.ie .content{

    width: 1150px;
    margin: 0 auto;
}
.ie .browser{
    margin-top: 40px;
    float: left;
    width: 383px;
    background: red;
    height: 138px;
    border: 1px solid #1D1533;
}
.ie .browser > div{
    width: 111px;
    height: 98px;
    background: url("../img/browser.png") no-repeat;
    margin: 0 auto;
}
.ie .browser > a{
    display: block;
    width: 98px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #1D1533;
    text-align: center;
    margin: 0 auto;
    font-size: 20px;
    font-weight: bold;
}
.ie .browser .chrome{
    background-position: 0px 0px;
}
.ie .browser .FF{
    background-position: -112px 0px;
}
.ie .browser .ex{
    background-position: -224px 0px;
}
/*________________titbits*/
.titbits{
    width: 100%;
    position: absolute;
    top: 0px;
}
.titbits .swiper-container {
    width: 1200px;
    height: 500px;
    color: #fff;
    text-align: center;
}
.titbits .swiper-slide {
    height: 100%;
    width: 600px;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -ms-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}
.titbits .tittle{
    width: 1200px;
    margin: 0 auto;
}
.titbits .tittle h1{
    margin-bottom: 80px;
    text-align: center;
    font-size: 48px;
    height: 112px;
    line-height: 112px;
    letter-spacing: 32px;
    color: #FFF;
}
.titbits .swiper-slide .photo{
    background: url("../img/titbits1.jpg") no-repeat center;
    background-size: contain;
    width: 600px;
    height: 400px;
    position: relative;
    left: -100px;
}
.titbits .swiper-slide .titbitsphoto1{
    background-image: url("../img/titbits1.jpg");
}
.titbits .swiper-slide .titbitsphoto2{
    background-image: url("../img/titbits2.jpg");
}
.titbits .swiper-slide .titbitsphoto3{
    background-image: url("../img/titbits3.jpg");
}
.titbits .swiper-slide .titbitsphoto4{
    background-image: url("../img/titbits4.jpg");
}
.titbits .swiper-slide .titbitsphoto5{
    background-image: url("../img/titbits5.jpg");
}
.titbits .swiper-slide .titbitsphoto6{
    background-image: url("../img/titbits6.jpg");
}
.titbits .swiper-slide .titbitsphoto7{
    background-image: url("../img/titbits7.jpg");
}
.titbits .swiper-slide .titbitsphoto8{
    background-image: url("../img/titbits8.jpg");
}
.titbits .swiper-slide .titbitsphoto9{
    background-image: url("../img/titbits9.jpg");
}
.titbits .swiper-slide .titbitsphoto10{
    background-image: url("../img/titbits10.jpg");
}
.titbits .swiper-slide .titbitsphoto11{
    background-image: url("../img/titbits11.jpg");
}
.titbits .swiper-slide .titbitsphoto12{
    background-image: url("../img/titbits12.jpg");
}
.titbits .swiper-slide .titbitsphoto13{
    background-image: url("../img/titbits13.jpg");
}
.titbits .swiper-slide .titbitsphoto14{
    background-image: url("../img/titbits14.jpg");
}
.titbits .swiper-slide .titbitsphoto15{
    background-image: url("../img/titbits15.jpg");
}
.titbits .swiper-slide .titbitsphoto16{
    background-image: url("../img/titbits16.jpg");
}
.titbits .swiper-slide .titbitsphoto17{
    background-image: url("../img/titbits17.jpg");
}
.titbits .swiper-slide .titbitsphoto18{
    background-image: url("../img/titbits18.jpg");
}
.titbits .swiper-slide .titbitsphoto19{
    background-image: url("../img/titbits19.jpg");
}
.titbits .swiper-slide .titbitsphoto20{
    background-image: url("../img/titbits20.jpg");
}
.titbits .swiper-slide .titbitsphoto21{
    background-image: url("../img/titbits21.jpg");
}
.titbits .swiper-slide .titbitsphoto22{
    background-image: url("../img/titbits22.jpg");
}
.titbits .swiper-slide .titbitsphoto23{
    background-image: url("../img/titbits23.jpg");
}
.titbits .swiper-slide .titbitsphoto24{
    background-image: url("../img/titbits24.jpg");
}
.titbits .swiper-slide .text{
    padding: 10px;
    color: #FFF;
    display: none;
}
.titbits .swiper-slide-active + .swiper-slide > .text{
    display: block;
}
/*________________titbits1*/
.titbits1{
    width: 100%;
    position: absolute;
    top: 800px;
}
.titbits1 .swiper-container {
    width: 1200px;
    height: 500px;
    color: #fff;
    text-align: center;
}
.titbits1 .swiper-slide {
    height: 100%;
    width: 600px;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -ms-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}
.titbits1 .tittle{
    width: 1200px;
    margin: 0 auto;
}
.titbits1 .tittle h1{
    margin-bottom: 80px;
    text-align: center;
    font-size: 48px;
    height: 112px;
    line-height: 112px;
    letter-spacing: 32px;
    color: #FFF;
}
.titbits1 .swiper-slide .photo{
    background: url("../img/tit1.jpg") no-repeat center;
    background-size: contain;
    width: 600px;
    height: 400px;
    position: relative;
    left: -100px;
}
.titbits1 .swiper-slide .tit1{
    background-image: url("../img/tit2.jpg");
    /*background-size: 100%;*/
}
.titbits1 .swiper-slide .tit2{
    background-image: url("../img/tit3.jpg");

}
.titbits1 .swiper-slide .tit3{
    background-image: url("../img/tit4.jpg");
    /*background-size: 100%;*/
}
.titbits1 .swiper-slide .tit4{
    background-image: url("../img/tit5.jpg");
    /*background-size: 100%;*/
}
.titbits1 .swiper-slide .tit5{
    background-image: url("../img/tit6.jpg");
    /*background-size: 100%;*/
}
.titbits1 .swiper-slide .tit6{
    background-image: url("../img/tit7.jpg");
    /*background-size: 100%;*/
}
.titbits1 .swiper-slide .tit7{
    background-image: url("../img/tit8.jpg");
    /*background-size: 100%;*/
}
.titbits1 .swiper-slide .tit8{
    background-image: url("../img/tit9.jpg");
    /*background-size: 100%;*/
}
.titbits1 .swiper-slide .tit9{
    background-image: url("../img/tit10.jpg");
    /*background-size: 100%;*/
}
.titbits1 .swiper-slide .tit10{
    background-image: url("../img/tit11.jpg");
}
.titbits1 .swiper-slide .tit11{
    background-image: url("../img/tit12.jpg");
}
.titbits1 .swiper-slide .tit12{
    background-image: url("../img/tit13.jpg");
}
.titbits1 .swiper-slide .tit13{
    background-image: url("../img/tit14.jpg");
}
.titbits1 .swiper-slide .tit14{
    background-image: url("../img/tit15.jpg");
}
.titbits1 .swiper-slide .tit15{
    background-image: url("../img/tit16.jpg");
}
.titbits1 .swiper-slide .tit16{
    background-image: url("../img/tit17.jpg");
}
.titbits1 .swiper-slide .tit17{
    background-image: url("../img/tit18.jpg");
}
/*————————————*/
/*________________titbits2*/
.titbits2{
    width: 100%;
    position: absolute;
    top: 1700px;
}
.titbits2 .swiper-container {
    width: 1200px;
    height: 500px;
    color: #fff;
    text-align: center;
}
.titbits2 .swiper-slide {
    height: 100%;
    width: 600px;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -ms-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}
.titbits2 .tittle{
    width: 1200px;
    margin: 0 auto;
}
.titbits2 .tittle h1{
    margin-bottom: 80px;
    text-align: center;
    font-size: 48px;
    height: 112px;
    line-height: 112px;
    letter-spacing: 32px;
    color: #FFF;
}
.titbits2 .swiper-slide .photo{
    background: url("../img/titfinals1.jpg") no-repeat center;
    background-size: contain;
    width: 600px;
    height: 400px;
    position: relative;
    left: -100px;
}
.titbits2 .swiper-slide .tit1{  background-image: url("../img/titfinals2.jpg")}
.titbits2 .swiper-slide .tit2{  background-image: url("../img/titfinals3.jpg")}
.titbits2 .swiper-slide .tit3{  background-image: url("../img/titfinals4.jpg")}
.titbits2 .swiper-slide .tit4{  background-image: url("../img/titfinals5.jpg")}
.titbits2 .swiper-slide .tit5{  background-image: url("../img/titfinals6.jpg")}
.titbits2 .swiper-slide .tit6{  background-image: url("../img/titfinals7.jpg")}
.titbits2 .swiper-slide .tit7{  background-image: url("../img/titfinals8.jpg")}
.titbits2 .swiper-slide .tit8{  background-image: url("../img/titfinals9.jpg")}
.titbits2 .swiper-slide .tit9{  background-image: url("../img/titfinals10.jpg")}
.titbits2 .swiper-slide .tit10{  background-image: url("../img/titfinals11.jpg")}
.titbits2 .swiper-slide .tit11{  background-image: url("../img/titfinals12.jpg")}
.titbits2 .swiper-slide .tit12{  background-image: url("../img/titfinals13.jpg")}
.titbits2 .swiper-slide .tit13{  background-image: url("../img/titfinals14.jpg")}
.titbits2 .swiper-slide .tit14{  background-image: url("../img/titfinals15.jpg")}
.titbits2 .swiper-slide .tit15{  background-image: url("../img/titfinals16.jpg")}
.titbits2 .swiper-slide .tit16{  background-image: url("../img/titfinals17.jpg")}
.titbits2 .swiper-slide .tit17{  background-image: url("../img/titfinals18.jpg")}
.titbits2 .swiper-slide .tit18{  background-image: url("../img/titfinals19.jpg")}
.titbits2 .swiper-slide .tit19{  background-image: url("../img/titfinals20.jpg")}
.titbits2 .swiper-slide .tit20{  background-image: url("../img/titfinals21.jpg")}
.titbits2 .swiper-slide .tit21{  background-image: url("../img/titfinals22.jpg")}
.titbits2 .swiper-slide .tit22{  background-image: url("../img/titfinals23.jpg")}
.titbits2 .swiper-slide .tit23{  background-image: url("../img/titfinals24.jpg")}
.titbits2 .swiper-slide .tit24{  background-image: url("../img/titfinals25.jpg")}
.titbits2 .swiper-slide .tit25{  background-image: url("../img/titfinals26.jpg")}
.titbits2 .swiper-slide .tit26{  background-image: url("../img/titfinals27.jpg")}
.titbits2 .swiper-slide .tit27{  background-image: url("../img/titfinals28.jpg")}
.titbits2 .swiper-slide .tit28{  background-image: url("../img/titfinals29.jpg")}
.titbits2 .swiper-slide .tit29{  background-image: url("../img/titfinals30.jpg")}
.titbits2 .swiper-slide .tit30{  background-image: url("../img/titfinals31.jpg")}
.titbits2 .swiper-slide .tit31{  background-image: url("../img/titfinals32.jpg")}
.titbits2 .swiper-slide .tit32{  background-image: url("../img/titfinals33.jpg")}
.titbits2 .swiper-slide .tit33{  background-image: url("../img/titfinals34.jpg")}
.titbits2 .swiper-slide .tit34{  background-image: url("../img/titfinals35.jpg")}
.titbits2 .swiper-slide .tit35{  background-image: url("../img/titfinals36.jpg")}
.titbits2 .swiper-slide .tit36{  background-image: url("../img/titfinals37.jpg")}
/*————————————*/
/*________________titbits3*/
.titbits3{
    width: 100%;
    position: absolute;
    top: 2600px;
}
.titbits3 .swiper-container {
    width: 1200px;
    height: 500px;
    color: #fff;
    text-align: center;
}
.titbits3 .swiper-slide {
    height: 100%;
    width: 600px;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -ms-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}
.titbits3 .tittle{
    width: 1200px;
    margin: 0 auto;
}
.titbits3 .tittle h1{
    margin-bottom: 80px;
    text-align: center;
    font-size: 48px;
    height: 112px;
    line-height: 112px;
    letter-spacing: 32px;
    color: #FFF;
}
.titbits3 .swiper-slide .photo{
    background: url("../img/titB1.jpg") no-repeat center;
    background-size: contain;
    width: 600px;
    height: 400px;
    position: relative;
    left: -100px;
}
.titbits3 .swiper-slide .tit1{  background-image: url("../img/titB2.jpg")}
.titbits3 .swiper-slide .tit2{  background-image: url("../img/titB3.jpg")}
.titbits3 .swiper-slide .tit3{  background-image: url("../img/titB4.jpg")}
.titbits3 .swiper-slide .tit4{  background-image: url("../img/titB5.jpg")}
.titbits3 .swiper-slide .tit5{  background-image: url("../img/titB6.jpg")}
.titbits3 .swiper-slide .tit6{  background-image: url("../img/titB7.jpg")}
.titbits3 .swiper-slide .tit7{  background-image: url("../img/titB8.jpg")}
.titbits3 .swiper-slide .tit8{  background-image: url("../img/titB9.jpg")}
.titbits3 .swiper-slide .tit9{  background-image: url("../img/titB10.jpg")}
.titbits3 .swiper-slide .tit10{  background-image: url("../img/titB11.jpg")}
.titbits3 .swiper-slide .tit11{  background-image: url("../img/titB12.jpg")}
.titbits3 .swiper-slide .tit12{  background-image: url("../img/titB13.jpg")}
.titbits3 .swiper-slide .tit13{  background-image: url("../img/titB14.jpg")}
.titbits3 .swiper-slide .tit14{  background-image: url("../img/titB15.jpg")}
.titbits3 .swiper-slide .tit15{  background-image: url("../img/titB16.jpg")}
.titbits3 .swiper-slide .tit16{  background-image: url("../img/titB17.jpg")}
.titbits3 .swiper-slide .tit17{  background-image: url("../img/titB18.jpg")}
.titbits3 .swiper-slide .tit18{  background-image: url("../img/titB19.jpg")}
.titbits3 .swiper-slide .tit19{  background-image: url("../img/titB20.jpg")}
.titbits3 .swiper-slide .tit20{  background-image: url("../img/titB21.jpg")}
.titbits3 .swiper-slide .tit21{  background-image: url("../img/titB22.jpg")}
.titbits3 .swiper-slide .tit22{  background-image: url("../img/titB24.jpg")}
.titbits3 .swiper-slide .tit23{  background-image: url("../img/titB25.jpg")}
.titbits3 .swiper-slide .tit24{  background-image: url("../img/titB26.jpg")}
.titbits3 .swiper-slide .tit25{  background-image: url("../img/titB27.jpg")}
.titbits3 .swiper-slide .tit26{  background-image: url("../img/titB28.jpg")}
.titbits3 .swiper-slide .tit27{  background-image: url("../img/titB29.jpg")}
.titbits3 .swiper-slide .tit28{  background-image: url("../img/titB23.jpg")}
.titbits3 .swiper-slide .tit29{  background-image: url("../img/titB30.jpg")}
.titbits3 .swiper-slide .tit30{  background-image: url("../img/titB31.jpg")}

/*————————————*/
/*_________________优惠活动2*/
.promotion2{
    width: 100%;
    height: 700px;
    position: absolute;
    top: 3197px;
    margin: 0 auto;
}
.promotion2 > .content{
    background: #1F1830;
    width: 1150px;
    height: 716px;
    margin: 0 auto;
    border-radius: 10px;
    position: relative;
}

.promotion2 .head{
    margin: 10px 0;
    width: 100%;
    height: 47px;
    /*border-bottom: 1px solid #f0f5f8;*/
}
.promotion2 .head{
    width:100%;
    z-index:10;
    height:48px;
    border-bottom: 1px solid #150C26;
}
.promotion2 .head .user{
    color:#BCBCBC;
    font-size:14px;
}
.promotion2 .head .user span{ padding:0 10px 0 0;}

/* login */
.promotion2 .head .login{
    position:relative;
    display:inline;
    padding-right:10px;
    float: right;
}
.promotion2 .head .login li{
    height:47px;
    line-height:47px;
    float:left;
    display:block;
}
.promotion2 .head .login li .yellow{ color:red;}
.promotion2 .head .login li .yellow:hover{color:#fc0;}
.promotion2 .head .login li a{text-align:center;font-size:14px;float:left;display:block;width:100px;color:#fff;}
.promotion2 .head .login li a:hover{
    background:#F91A55;
    color:#fafafa;
    text-decoration:none;
}
.promotion2 .head .login .reg a{background:#6f197c; color:#fff;}
.promotion2 .head .login .reg a:hover{background:#8f1a98;color:#fff;}

.promotion2 .list{
    width: 50%;
    height: 500px;
    float: left;
    margin-left: 54px;
}
.promotion2 .list .luckname{
    margin: 10px 20px;
    width: 100%;
    float: left;
    padding:42px  20px 20px 0;
    color: #bcbcbc;
}
.promotion2 .list .box{
    width: 470px;
    height: 284px;
    background: #150c26;
    border: 3px solid rgba(51,40,70,0.6);
    border-radius: 8px;
    overflow: hidden;
    margin: 20px;
    position: relative;
}
.promotion2 .list .box .cover{
    position: absolute;
    width: 464px;
    height: 278px;
    top:0;
    z-index: 2;
    background: #150C26;
    border-radius: 5px;

}
.promotion2 .list .box .cover b{
    font-size: 20px;
    color: #BCBCBC;
    text-align: center;
    margin-top: 100px;

}
.promotion2 .list ul{
    margin:0 20px;
    width: 430px;
}
.promotion2 .list p{
    width: 430px;
    height: 40px;
    border-bottom: 1px dashed #31234b;
    padding:0 10px;
    line-height: 40px;
}
.promotion2 .list span{
    display: inline-block;
    height: 40px;
    color: #BCBCBC;
}
.promotion2 .list .span1{
    float: left;
    width: 90px;
}
.promotion2 .list .span3{
    float: right;
    width: 160px;
    text-align: left;
}
.promotion2 .luck{
    position: relative;
    width: 400px;
    height: 510px;
    float: right;
    margin-right: 70px;
    overflow: hidden;
}
.promotion2 .openlogin{
    position: absolute;
    bottom: 70px;
    left: 77px;
}
.promotion2 .openlogin button{
    display: block;
    width: 995px;
    height: 64px;
    text-align: center;
    line-height: 64px;
    letter-spacing: 36px;
    color: #FFF;
    background: #F91955;
    border-radius: 20px;
    font: 30px "Microsoft YaHei";

}
.promotion2 .luck .shadow{
    position: absolute;
    top: 413px;
    left: 102px;
    width: 200px;
    height: 126px;
    background: url("../img/shadow.png") no-repeat ;
    z-index: 1;

}
.promotion2 .luck .pan , .promotion2 .luck .pin{
    width: 420px;
    height: 420px;
    background: url("../img/pan.png") no-repeat center;
    position: absolute;
    top: 39px;
    z-index: 1;
}
.promotion2 .luck .pin{
    background: url("../img/pin.png") no-repeat center;
    z-index: 2;
}
.promotion2 .wheel{
    width: 22px;
    height: 22px;
    background: url("../img/wheel.png") no-repeat center;
    position: absolute;
    top: 76px;
    left: 132px;
    z-index: 20;
    border-radius: 50%;
}
.promotion2 .wheel2{
    left: 268px;
}

@-webkit-keyframes scrolling{
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}
.wheelScroll{
    animation:scrolling .4s infinite linear;
}
.promotion2 .luck #lottery{
    position: relative;
    z-index: 2;
}
.promotion2 .luck #bt-lottery{
    width: 100px;
    height: 100px;
    font-size: 19px;
    color: #FFF;
    position: absolute;
    top: 198px;
    left: 160px;
    font-weight: bold;
    z-index:3;
    background: url("../img/choujiang.png") no-repeat center;
    border-radius: 50%;
    cursor: pointer;
}


/*_____________*/
.promotion3{
    width: 100%;
    height: 700px;
    position: absolute;
    top: 1098px;
    margin: 0 auto;
}
.promotion3 > .content{
    background: #1F1830;
    width: 1150px;
    height: 716px;
    margin: 0 auto;
    border-radius: 10px;
    position: relative;
}

.promotion3 .head{
    margin: 10px 0;
    width: 100%;
    height: 47px;
    /*border-bottom: 1px solid #f0f5f8;*/
}
.promotion3 .head{
    width:100%;
    z-index:10;
    height:48px;
    border-bottom: 1px solid #150C26;
}
.promotion3 .head .user{
    color:#BCBCBC;
    font-size:14px;
}
.promotion3 .head .user span{ padding:0 10px 0 0;}

/* login */
.promotion3 .head .login{
    position:relative;
    display:inline;
    padding-right:10px;
    float: right;
}
.promotion3 .head .login li{
    height:47px;
    line-height:47px;
    float:left;
    display:block;
}
.promotion3 .head .login li .yellow{ color:red;}
.promotion3 .head .login li .yellow:hover{color:#fc0;}
.promotion3 .head .login li a{text-align:center;font-size:14px;float:left;display:block;width:100px;color:#fff;}
.promotion3 .head .login li a:hover{
    background:#F91A55;
    color:#fafafa;
    text-decoration:none;
}
.promotion3 .head .login .reg a{background:#6f197c; color:#fff;}
.promotion3 .head .login .reg a:hover{background:#8f1a98;color:#fff;}

.promotion3 .list{
    width: 50%;
    height: 500px;
    float: left;
    margin-left: 54px;
}
.promotion3 .list .luckname{
    margin: 10px 20px;
    width: 100%;
    float: left;
    padding:42px  20px 20px 0;
    color: #bcbcbc;
}
.promotion3 .list .box{
    width: 470px;
    height: 284px;
    background: #150c26;
    border: 3px solid rgba(51,40,70,0.6);
    border-radius: 8px;
    overflow: hidden;
    margin: 20px;
    position: relative;
}
.promotion3 .list .box .cover{
    position: absolute;
    width: 464px;
    height: 278px;
    top:0;
    z-index: 2;
    background: #150C26;
    border-radius: 5px;

}
.promotion3 .list .box .cover b{
    font-size: 20px;
    color: #BCBCBC;
    text-align: center;
    margin-top: 100px;

}
.promotion3 .list ul{
    margin:0 20px;
    width: 430px;
}
.promotion3 .list p{
    width: 430px;
    height: 40px;
    border-bottom: 1px dashed #31234b;
    padding:0 10px;
    line-height: 40px;
}
.promotion3 .list span{
    display: inline-block;
    height: 40px;
    color: #BCBCBC;
}
.promotion3 .list .span1{
    float: left;
    width: 90px;
}
.promotion3 .list .span3{
    float: right;
    width: 160px;
    text-align: left;
}
.promotion3 .luck{
    position: relative;
    width: 400px;
    height: 510px;
    float: right;
    margin-right: 70px;
    overflow: hidden;
}
.promotion3 .openlogin{
    position: absolute;
    bottom: 70px;
    left: 77px;
}
.promotion3 .openlogin button{
    display: block;
    width: 995px;
    height: 64px;
    text-align: center;
    line-height: 64px;
    letter-spacing: 36px;
    color: #FFF;
    background: #F91955;
    border-radius: 20px;
    font: 30px "Microsoft YaHei";

}
.promotion3 .luck .shadow{
    position: absolute;
    top: 413px;
    left: 102px;
    width: 200px;
    height: 126px;
    background: url("../img/shadow.png") no-repeat ;
    z-index: 1;

}
.promotion3 .luck .pan , .promotion3 .luck .pin{
    width: 420px;
    height: 420px;
    background: url("../img/pan1.png") no-repeat center;
    position: absolute;
    top: 39px;
    z-index: 1;
}
.promotion3 .luck .pin{
    background: url("../img/pin1.png") no-repeat center;
    z-index: 2;
}
.promotion3 .wheel{
    width: 22px;
    height: 22px;
    background: url("../img/wheel1.png") no-repeat center;
    position: absolute;
    top: 76px;
    left: 132px;
    z-index: 20;
    border-radius: 50%;
}
.promotion3 .wheel2{
    left: 268px;
}
.promotion3 .luck #lottery{
    position: relative;
    z-index: 2;
}
.promotion3 .luck #bt-lottery{
    width: 100px;
    height: 100px;
    font-size: 19px;
    color: #FFF;
    position: absolute;
    top: 198px;
    left: 160px;
    font-weight: bold;
    z-index:3;
    background: url("../img/choujiang.png") no-repeat center;
    border-radius: 50%;
    cursor: pointer;
}

/*____________login*/
.loginmask{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    position: fixed;
    top: 0px;
    z-index: 100;
    display: none;
}
.loginmask #loginalert{
    width:424px;
    height: 310px;
    background:#1F1830;
    border-radius: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -155px;
    margin-left: -212px;
}
.loginmask .fl{
    float: left;
}
.loginmask .fr{
    float: right;
}
.loginmask .closealert{
    width:11px;
    height:11px;
    cursor:pointer;
    text-align: center;
    line-height: 20px;
    color: #BCBCBC;
    margin-top: 14px;
    margin-right: 14px;
    font-size: 20px;
    background: url("../img/x.png");
}
.loginmask .loginwrap{
    width:285px;
    margin:0 auto;
}
.loginmask .loginh{
    height:40px;
    margin:50px 0 20px 0;

}
.loginmask .loginh .fl{
    font-size:25px;
    line-height:40px;
    color:#BCBCBC;
}
.loginmask .loginh .fr{
    font-size:18px;
    line-height:50px;
    color:#BCBCBC;
}
.loginmask .loginh .fr a{
    font-size:18px;
    line-height: 50px;
    color:red;
    margin-left:5px;
}
.loginmask .loginwrap h3{
    font-size:14px;
    font-weight:500;
    height:22px;
    margin-top:15px;
    color:#BCBCBC;
}
.loginmask .loginbtn{
    color:#6B6A6A;
    height:70px;
    overflow:hidden;
}
.loginmask .logininput input{
    display:block;
    height:38px;
    line-height:38px;
    width:100%;
    border:#494053 1px solid;
    text-indent:10px;
    overflow:hidden;
    color:#BCBCBC;
    font-size:14px;
    background: transparent;
}
.loginmask .logininput .loginusername{
    margin-top:15px;
    margin-bottom:10px;
}
.loginmask .loginsubmit{
    width:130px;
    height:40px;
    margin:34px 20px 0 0;
    display:inline;
}
.loginmask .loginsubmit .btn{
    width:130px;
    height:34px;
    line-height:34px;
    overflow:hidden;
    color:#FFF;
    background:#F91A55;
    display:block;
    text-align:center;
    font-size:20px;
    border:none;
    cursor:pointer;
    border-radius: 20px;
}
.loginmask .loginwrap .login_warning{
    height:20px;
    line-height:20px;
    color: #F91A55;
    margin: 13px 0px 13px 15px;
    float:left;
    text-align:center;
    font-size:12px;
    display:inline-block;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:#BCBCBC;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#BCBCBC;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#BCBCBC;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#BCBCBC;
}
.loginmask a{
    color: #BCBCBC;
}

/*______________remider____________*/
.reminder{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    background: rgba(0,0,0,.8);
    z-index: 1000;
    display: none;
}
.reminder .content{
    width: 340px;
    /*height: 314px;*/
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -157px;
    margin-left: -170px;
    background: #171522;
    border-radius: 10px;
}
.reminder .content b{
    display: block;

}
.reminder .content img{
    display: block;
    margin: 40px auto 0px;
}
.reminder .content p{
    width: 100%;
    text-align: center;
    font-size: 15px;
    color: #BCBCBC;
    margin-top: 36px;
}
.reminder .content p{
    width: 100%;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 15px;
    color: #BCBCBC;
}
.reminder .content .reminderGift{
    display: block;
    width: 90px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    font-size: 14px;
    background: #373542;
    color: #BCBCBC;
    border-radius: 10px;
    margin: 46px auto 32px;
}
/*___________spin*/
.spin{
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 100;
}
.video-js .vjs-control-bar {
    width: 900px;
    margin: 0 auto;
    border-radius: 10px;
}