/* ÀÁÈËͼ¿â ËѼ¯ÕûÀí img{display: block; border:none;} */
*{margin: 0; padding: 0;}
html{overflow:scroll;overflow-x:hidden;}
ul,ol{list-style: none;}
div{height: auto;}


.container1{width: 215px; height: 168px; margin: 0 auto; margin-top: 20px; border:0px solid #d0d0d0; }
.img{width: 215px; height: 168px; overflow: hidden; position: relative;}
.bg{width: auto; height: 20px; z-index: 99; position: absolute; left: 15px; bottom: 15px;}
.bg_in{width: 200px; height: 20px; position: relative;margin-left: 80px;}
.bg_in li{width: 20px; height: 20px; line-height: 20px; border-radius: 20px; background: #ffffff; opacity: 0.5; text-align: center; color: #333333; float: left; margin-right: 10px; position: relative; z-index: 999;}
.bg_in #lp{position: absolute; left: 0px; top: 0; background: #ff3c00; opacity: 1; z-index: 998; animation: myfirstArr 22.5s infinite; -webkit-animation: myfirstArr 22.5s infinite; -moz-animation: myfirstArr 22.5s infinite; -o-animation: myfirstArr 22.5s infinite;}

.nav{width: 4000px; height: 168px; position: absolute; left: 0px; top: 0; z-index: 9; animation: myfirst 22.5s infinite; -webkit-animation: myfirst 22.5s infinite; -0-animation: myfirst 22.5s infinite; -moz-animation: myfirst 22.5s infinite;}
.nav li{float: left;}
.nav li img{width: 100%; height: 100%;}
@keyframes myfirst 

{
0%   {left: 0px;}
23%   {left: 0px;}
25%   {left: -215px;}
48%   {left: -215px;}
50%   {left: -430px;}
73%   {left: -430px;}
75%   {left: -645px;}
98%   {left: -645px;}
100%   {left: -0px;}
}



@-o-keyframes myfirst 
{
0%    {left: 0px;}
23%   {left: 0px;}
25%   {left: -215px;}
48%   {left: -215px;}
50%   {left: -430px;}
73%   {left: -430px;}
75%   {left: -645px;}
98%   {left: -645px;}
100%   {left: -0px;}
}

@-moz-keyframes myfirst 
{
0%   {left: 0px;}
23%   {left: 0px;}
25%   {left: -215px;}
48%   {left: -215px;}
50%   {left: -430px;}
73%   {left: -430px;}
75%   {left: -645px;}
98%   {left: -645px;}
100%   {left: -0px;}
}
@-webkit-keyframes myfirst
{
0%   {left: 0px;}
23%   {left: 0px;}
25%   {left: -215px;}
48%   {left: -215px;}
50%   {left: -430px;}
73%   {left: -430px;}
75%   {left: -645px;}
98%   {left: -645px;}
100%   {left: -0px;}
}
@keyframes myfirstArr
{
0%   {left: 0px;}

13%   {left: 0px;}
25%   {left: 30px;}
47%   {left: 30px;}
50%   {left: 60px;}
72%   {left: 60px;}
75%   {left: 90px;}
98%   {left: 90px;}
100%   {left: 0px;}

}


@-webkit-keyframes myfirstArr
{
0%   {left: 0px;}

13%   {left: 0px;}
25%   {left: 30px;}
47%   {left: 30px;}
50%   {left: 60px;}
72%   {left: 60px;}
75%   {left: 90px;}
98%   {left: 90px;}
100%   {left: 0px;}

}

@-moz-keyframes myfirstArr
{
0%   {left: 0px;}

13%   {left: 0px;}
25%   {left: 30px;}
47%   {left: 30px;}
50%   {left: 60px;}
72%   {left: 60px;}
75%   {left: 90px;}
98%   {left: 90px;}
100%   {left: 0px;}

}

@-o-keyframes myfirstArr
{
0%   {left: 0px;}

13%   {left: 0px;}
25%   {left: 30px;}
47%   {left: 30px;}
50%   {left: 60px;}
72%   {left: 60px;}
75%   {left: 90px;}
98%   {left: 90px;}
100%   {left: 0px;}

}