﻿
.divInfo{display:none; position:absolute; top:0px; left:0px; width:250px; height:60px; color:White; z-index:101; background-color:Black; word-break:break-all}
.divCover{display:none; opacity:0.01; height:100%; width:100%; position:absolute; left:0; top:0; z-index:100; background-color:#fff;}


.divSwiper{ background-color:#fff;}

.divSwiper>div
{
     height:100%; position:absolute;left:0;top:0; display:none; overflow:hidden; background-position:top; 
}

.divSwiper>div img{ margin-left:40px; margin-top:40px; display:block;}

.slide1{background-image:url(../Img/1.png);}
.slide2{background-image:url(../Img/2.png);}
.slide3{background-image:url(../Img/3.png);}
.slide4{background-image:url(../Img/4.png);}
.slide5{background-image:url(../Img/5.png);}
.slide6{}
.slide6>div{position:absolute; left:0;top:0; width:100%; height:100%; display:none; overflow:hidden; background-position:center;}
.slide6_1{background-image:url(../Img/6_1.png);}
.slide6_2{background-image:url(../Img/6_2.png);}
.slide6_3{background-image:url(../Img/6_3.png);}
.slide7{}
.slide7>div{position:absolute; left:0;top:0; width:100%; height:100%; display:none; overflow:hidden; background-position:center;}
.slide7_1{background-image:url(../Img/7_1.png);}
.slide7_2{background-image:url(../Img/7_2.png);}
.slide7_3{background-image:url(../Img/7_3.png);}
.slide7_4{background-image:url(../Img/7_4.png);}
.slide8{}
.slide8>div{position:absolute; left:0;top:0; width:100%; height:100%; display:none; overflow:hidden; background-position:center;}
.slide8_1{background-image:url(../Img/8_1.png);}
.slide8_2{background-image:url(../Img/8_2.png);}
.slide8_3{background-image:url(../Img/8_3.png);}
.slide8_4{background-image:url(../Img/8_4.png);}
.slide8_5{background-image:url(../Img/8_5.png);}


@keyframes lr_last_left{0%{transform:translate(0,0);}50%{transform:translate(240px,0);}100%{transform:translate(0,0);}}
@-webkit-keyframes lr_last_left{0%{-webkit-transform:translate(0,0);}50%{-webkit-transform:translate(240px,0);}100%{-webkit-transform:translate(0,0);}}

@keyframes lr_last_right{0%{transform:translate(0,0);}50%{transform:translate(-240px,0);}100%{transform:translate(0,0);}}
@-webkit-keyframes lr_last_right{0%{-webkit-transform:translate(0,0);}50%{-webkit-transform:translate(-240px,0);}100%{-webkit-transform:translate(0,0);}}






.btnLeftRight
{width:480px; height:55px; position:absolute; z-index:11; top:260px; display:none;}

.btnLeft{width:32px; transform:rotate(-90deg); -webkit-transform:rotate(-90deg);}
.btnLeft img{ display:block;width:100%; animation:btnLeft 1.5s linear infinite;-webkit-animation:btnLeft 1.5s linear infinite;}
@keyframes btnLeft{0%{transform:translate(0,0);opacity:0}50%{transform:translate(0,-15px);opacity:1}100%{transform:translate(0,-30px);opacity:0}}
@-webkit-keyframes btnLeft{0%{-webkit-transform:translate(0,0);opacity:0}50%{-webkit-transform:translate(0,-15px);opacity:1}100%{-webkit-transform:translate(0,-30px);opacity:0}}


.btnRight{width:32px; transform:rotate(90deg); -webkit-transform:rotate(90deg);}
.btnRight img{ display:block;width:100%; animation:btnRight 1.5s linear infinite;-webkit-animation:btnRight 1.5s linear infinite;}
@keyframes btnRight{0%{transform:translate(0,0);opacity:0}50%{transform:translate(0,-15px);opacity:1}100%{transform:translate(0,-30px);opacity:0}}
@-webkit-keyframes btnRight{0%{-webkit-transform:translate(0,0);opacity:0}50%{-webkit-transform:translate(0,-15px);opacity:1}100%{-webkit-transform:translate(0,-30px);opacity:0}}


.btnNext{width:32px; position:absolute;left:0;right:0;margin:auto;bottom:2px;z-index:11;animation:btnNext 1.5s linear infinite;-webkit-animation:btnNext 1.5s linear infinite;}
.btnNext img{display:block;width:100%;}
@keyframes btnNext{0%{transform:translate(0,0);opacity:0}50%{transform:translate(0,-15px);opacity:1}100%{transform:translate(0,-30px);opacity:0}}
@-webkit-keyframes btnNext{0%{-webkit-transform:translate(0,0);opacity:0}50%{-webkit-transform:translate(0,-15px);opacity:1}100%{-webkit-transform:translate(0,-30px);opacity:0}}





.menuBtn{ position:absolute; left:0px; width:30px; top:430px; opacity:0.8;
          border-top-right-radius:5px; border-bottom-right-radius:5px;  z-index:11; transition:0.5s; -webkit-transition:0.5s;}
.menuPanel{position:absolute;  background:rgba(0,0,0,0.8); left:-250px; width:250px; top:0px; height:100%; z-index:11; transition:0.5s; -webkit-transition:0.5s;}
.menuPanel table{ width:220px; color:White;}
.menuPanel table>tbody>tr>td{ padding-left:30px; padding-top:10px; padding-bottom:10px; color:White; font-size:20px;}
.menuPanel table>tbody>tr>td span{ color:#F0DCC3;}
