/* - - - - - - - - - body style - - - - - - - - -*/

.main {
    width: 100%;
    
    margin: 0 auto;
    overflow: hidden;
    position: relative;
   
}

.STYLE1 {
    font-size: 24px;
}

.topstyle a {
    text-decoration: none;
    color: #fff;
}

.box {
    width: 1920px;
    height: 1080px;
    left: 50%;
    margin-left: -960px;
    position: relative;
    background: url(../images/bg_01.jpg) center no-repeat;
}
.pic img{
    border: 1px solid yellow;
}
#Download {
    width: 881px;
    height: 73px;
    position: absolute;
    bottom: 147px;
    left: 584px;
    z-index: 999;
}

#Download>a {
    display: inline-block;
    
    margin-right:16px;
    cursor: pointer;
}

.btn_down_dlk {
    float: left;
    width: 322px;
    height:78px;
    text-indent: -999em;
    margin-right: 182px;
    animation: sc 2s infinite linear;
    background: url(../images/down.png) no-repeat left top;
}
@keyframes sc {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(0.8);
    }
    100% {
      transform: scale(1);
    }
  }
  .btn_down_bd{
    float: left;
    width: 322px;
    height:78px;
    text-indent: -999em;
    margin-right: 0 !important;
    margin-left: 10px;
    animation: sc 2s infinite linear;
    background: url(../images/cz.png) no-repeat left top;
  }
.box1 {
    width: 1920px;
    height: 731px;
    left: 50%;
    margin-left: -960px;
    position: relative;
    background: url(../images/bg_02.jpg) center no-repeat;
}
.zbani{
   
    width: 1460px;
    overflow: hidden;
   
    
}
.zbani2{
    display: flex;
    animation: ticker-kf 112s linear infinite;
    height: 267px;
}
@keyframes ticker-kf {
    0% {
      transform: translate3d(0, 0, 0);
    }
  
    100% {
      transform: translate3d(-108rem, 0, 0);
    }
  }
  
.box22 {
    width: 1920px;
    height: 816px;
    left: 50%;
    margin-left: -960px;
    position: relative;
    background: url(../images/bg_03.gif) center no-repeat;
}

.box2 {
    width: 1920px;
    height: 3158px;
    left: 50%;
    margin-left: -960px;
    position: relative;
    background: url(../images/bg_04.gif) center no-repeat;
}

.box3 {
    width: 1920px;
    height: 1173px;
    left: 50%;
    margin-left: -960px;
    position: relative;
    background: url(../images/bg_05.gif) center no-repeat;
}
.box3img{
    width: 1068px;
    height: 479px;
   padding-left: 19%;
    padding-top: 11%;
}
.box3 .swiper-button-prev1{
    left: 64px !important;
    top: 78% !important;
    width: 68px !important;
    height: 109px !important;
    background: url(../images/prev1.png)no-repeat center !important;

}
.box3 .swiper-button-next1{
    right: 64px !important;
    top: 78% !important;
    width: 68px !important;
    height: 109px !important;
    background: url(../images/next1.png)no-repeat center !important;

    
}
.box3 .swiper-button-prev1:hover{
    left: 64px !important;
    top: 78% !important;
    width: 68px !important;
    height: 109px !important;
    background: url(../images/prev2.png)no-repeat center !important;

}
.box3 .swiper-button-next1:hover{
    right: 64px !important;
    top: 78% !important;
    width: 68px !important;
    height: 109px !important;
    background: url(../images/next2.png)no-repeat center !important;

    
}
.box4 {
    width: 1920px;
    height: 2961px;
    left: 50%;
    margin-left: -960px;
    position: relative;
    background: url(../images/bg_06.jpg) center no-repeat;
}
.box4img{
    width: 451px;
    height: 492px;
    margin: 0 auto;
    padding-top: 9%;
}
.box4img .swiper-button-prev2{
    left: 29%;
    top: 51%;
    width: 68px !important;
    height: 109px !important;
    background: url(../images/prev1.png)no-repeat center !important;

}
.box4img .swiper-button-next2{
    right: 29%;
    top: 51%;
    width: 68px !important;
    height: 109px !important;
    background: url(../images/next1.png)no-repeat center !important;

    
}
.box4img .swiper-button-prev2:hover{
    left: 29%;
    top: 51%;
    width: 68px !important;
    height: 109px !important;
    background: url(../images/prev2.png)no-repeat center !important;

}
.box4img .swiper-button-next2:hover{
    right: 29%;
    top: 51%;
    width: 68px !important;
    height: 109px !important;
    background: url(../images/next2.png)no-repeat center !important;

    
}
.box5 {
    width: 1920px;
    height: 657px;
    left: 50%;
    margin-left: -960px;
    position: relative;
    background: url(../images/bg_06.jpg) center no-repeat;
}
.box5 .swiper-button-prev{
    left: 6%  !important;
    top: 51%  !important;
    width: 68px !important;
    height: 109px !important;
    background: url(../images/prev1.png)no-repeat center !important;

}
.box5 .swiper-button-next{
    right: 8% !important;
    top: 51% !important;
    width: 68px !important;
    height: 109px !important;
    background: url(../images/next1.png)no-repeat center !important;

    
}
.box5 .swiper-button-prev:hover{
    left: 6% !important ;
    top: 51% !important ;
    width: 68px !important;
    height: 109px !important;
    background: url(../images/prev2.png)no-repeat center !important;

}
.box5 .swiper-button-next:hover{
    right: 8% !important ;
    top: 51% !important ;
    width: 68px !important;
    height: 109px !important;
    background: url(../images/next2.png)no-repeat center !important;

    
}
.box6 {
    width: 1920px;
    height: 1791px;
    left: 50%;
    margin-left: -960px;
    position: relative;
    background: url(../images/bg_07.jpg) center no-repeat;
}

.boxdt {width: 1920px;height: 303px;left: 50%;margin-left: -960px;position: relative;background: url(../images/ditu11.jpg) center no-repeat;}
.boxdt1 {width: 1920px;height: 2276px;left: 50%;margin-left: -960px;position: relative;background: url(../dt/ditu_01.jpg) center no-repeat;}
.boxdt2 {width: 1920px;height: 2275px;left: 50%;margin-left: -960px;position: relative;background: url(../dt/ditu_02.jpg) center no-repeat;}
.boxdt3 {width: 1920px;height: 2276px;left: 50%;margin-left: -960px;position: relative;background: url(../dt/ditu_03.jpg) center no-repeat;}
.boxdt4 {width: 1920px;height: 2276px;left: 50%;margin-left: -960px;position: relative;background: url(../dt/ditu_04.jpg) center no-repeat;}
.boxdt5 {width: 1920px;height: 2275px;left: 50%;margin-left: -960px;position: relative;background: url(../dt/ditu_05.jpg) center no-repeat;}
.boxdt6 {width: 1920px;height: 2276px;left: 50%;margin-left: -960px;position: relative;background: url(../dt/ditu_06.jpg) center no-repeat;}

.footer {
    width: 1920px;
    height: 132px;
    left: 50%;
    margin-left: -960px;
    position: relative;
    background: url(../images/footer.png) center no-repeat;
}

.footleft {
    width: 250px;
    height: 90px;
    position: absolute;
    margin-left: 340px;
    margin-top: 25px;
}

.footleft a {
    width: 250px;
    height: 90px;
    display: block;
}

.footbox {
    width: 680px;
    height: 90px;
    position: absolute;
    margin-left: 615px;
    margin-top: 25px;
}

.footbox p {
    font-size: 12px;
    color: #ffffff;
}

.footright {
    width: 250px;
    height: 90px;
    position: absolute;
    margin-left: 1340px;
    margin-top: 25px;
}

.footright a {
    width: 250px;
    height: 90px;
    display: block;
}
#Floatingbar {
    width: 241px;
    height: 399px;
    position: fixed;
    top: 34%;
    right: -7px;
    margin-top: -140px;
    z-index: 3000;
    background: url(../images/cebar.png) no-repeat center;
}


.downlist {
    position: relative;
    /*top: 104px;*/
}

#Floatingbar ul li {
    margin-bottom: -2px;
}

#Floatingbar ul li a {
    width: 181px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    /* background: url(../images/a_bg2.png) no-repeat left top; */
    display: block;
}

#Floatingbar ul li a:hover {
    text-decoration: none;
    width: 181px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 18px;
    color: tomato;
    cursor: pointer;
    /* background: tomato; */
    /* background: url(../images/a_bg2.png) no-repeat left bottom; */
    display: block;
}

.backtop {
    width: 60px;
    background: url(../images/icon_backtop.png) no-repeat left top;
    height: 60px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 5000;
    display: none;
}

.backtop:hover {
    width: 60px;
    background: url(../images/icon_backtop.png) no-repeat left bottom;
    height: 60px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 5000;
    display: none;
}
#Floatingbar ul li {
    margin-bottom: -2px;
}

#Floatingbar ul li a {
    width: 239px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    /* background: url(../images/a_bg2.png) no-repeat left top; */
    display: block;
}

#Floatingbar ul li a:hover {
    text-decoration: none;
    width: 239px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 18px;
    color: tomato;
    cursor: pointer;
    /* background: tomato; */
    /* background: url(../images/a_bg2.png) no-repeat left bottom; */
    display: block;
}

.backtop {
    width: 60px;
    background: url(../images/icon_backtop.png) no-repeat left top;
    height: 60px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 5000;
    display: none;
}

.backtop:hover {
    width: 60px;
    background: url(../images/icon_backtop.png) no-repeat left bottom;
    height: 60px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 5000;
    display: none;
}


.loopa-v-box,.firsta-v-box{ position:absolute; width:1920px; height:731px;  left:50%; margin-left:-960px; top:0;  overflow:hidden;}
.firsta-v-box{ z-index:0;}
#loopa-v,#entera-v{ width:100%;}
.loop6-v-box,.firstb-v-box{ position:absolute; width:1920px;height:2961px;   left:50%; margin-left:-960px; top:0;  overflow:hidden;}
.first6-v-box{ z-index:0;}
#loop6-v,#enter6-v{ width:100%;}
.loopc-v-box,.firstc-v-box{ position:absolute; width:1920px;height:4015px;   left:50%; margin-left:-960px; top:-3px;  overflow:hidden;}
.firstc-v-box{ z-index:0;}
#loopc-v,#enterc-v{ width:100%;}
.loopd-v-box,.firstd-v-box{ position:absolute; width:1920px; height:3346px;  left:50%; margin-left:-960px; top:-2px;  overflow:hidden;}
.firstd-v-box{ z-index:0;}
#loopd-v,#enterd-v{ width:100%;}
.loope-v-box,.firste-v-box{ position:absolute; width:1920px; height:1110px;  left:50%; margin-left:-960px; top:-2px;  overflow:hidden;}
.firste-v-box{ z-index:0;}
#loope-v,#entere-v{ width:100%;}
.loopf-v-box,.firstf-v-box{ position:absolute; width:1920px; height:815px;   left:50%; margin-left:-960px; top:-2px;  overflow:hidden;}
.firstf-v-box{ z-index:0;}
#loopf-v,#enterf-v{ width:100%;}