html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,embed,
figure,figcaption,footer,header,hgroup,
menu,nav,output,ruby,section,summary,
time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,
q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}

/*all element rendered the declared width, and any border and padding cut inside the box*/
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}

/*general style*/
body{color:#333}
h1, h2, h3, h4, h5, h6{margin-bottom:0.6em; font-weight:normal; line-height:1em; color:#4C4D48}
h1{font-size:160%}
h2{font-size:130%}
h3{font-size:110%}
h4{font-size:100%}
h5{font-size:90%}
h6{font-size:80%}
p{margin:0 0 10px 0; padding:0; line-height:170%;font-size:90%}
p:last-child{margin:0}
strong{font-weight: 900}
a{outline:none;color:#022945}
a:hover{text-decoration:none}
#wrapper{margin:0 auto;padding:0;width:615px}
header{margin:40px 0;float:left;width:615px;text-align:center}
footer{margin:40px 0 0;float:left;width:615px;text-align:center}

/*style slider*/
#slider{margin:0 10px;padding:0;float:left;width:615px;height:380px}
#slider ul{margin:0;padding:0;list-style:none;float:left;position:relative}
#slider ul li{margin:0;padding:0;opacity:0;position:absolute;top:0;left:0;
-o-animation-name:slides_animation;
-o-animation-duration:125s;
-o-animation-timing-function: linear;
-o-animation-iteration-count: infinite;
-o-animation-delay: 0;
-o-animation-play-state: running;
-o-animation-fill-mode: forwards;
-webkit-animation-name:slides_animation;
-webkit-animation-duration:125s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-webkit-animation-delay: 0;
-webkit-animation-play-state: running;
-webkit-animation-fill-mode: forwards;
-moz-animation-name:slides_animation;
-moz-animation-duration:125s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
-moz-animation-delay: 0;
-moz-animation-play-state: running;
-moz-animation-fill-mode: forwards;
animation-name:slides_animation;
animation-duration:125s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-delay: 0;
animation-play-state: running;
animation-fill-mode: forwards;

}

#slider ul li:nth-child(2){-o-animation-delay:5s;-webkit-animation-delay:5s;-moz-animation-delay:5s;animation-delay:5s}
#slider ul li:nth-child(3){-o-animation-delay:10s;-webkit-animation-delay:10s;-moz-animation-delay:10s;animation-delay:10s}
#slider ul li:nth-child(4){-o-animation-delay:15s;-webkit-animation-delay:15s;-moz-animation-delay:15s;animation-delay:15s}
#slider ul li:nth-child(5){-o-animation-delay:20s;-webkit-animation-delay:20s;-moz-animation-delay:20s;animation-delay:20s}
#slider ul li:nth-child(6){-o-animation-delay:25s;-webkit-animation-delay:25s;-moz-animation-delay:25s;animation-delay:25s}
#slider ul li:nth-child(7){-o-animation-delay:30s;-webkit-animation-delay:30s;-moz-animation-delay:30s;animation-delay:30s}
#slider ul li:nth-child(8){-o-animation-delay:35s;-webkit-animation-delay:35s;-moz-animation-delay:35s;animation-delay:35s}
#slider ul li:nth-child(9){-o-animation-delay:40s;-webkit-animation-delay:40s;-moz-animation-delay:40s;animation-delay:40s}
#slider ul li:nth-child(10){-o-animation-delay:45s;-webkit-animation-delay:45s;-moz-animation-delay:45s;animation-delay:45s;}
#slider ul li:nth-child(11){-o-animation-delay:50s;-webkit-animation-delay:50s;-moz-animation-delay:50s;animation-delay:50s;}
#slider ul li:nth-child(12){-o-animation-delay:55s;-webkit-animation-delay:55s;-moz-animation-delay:55s;animation-delay:55s;}
#slider ul li:nth-child(13){-o-animation-delay:60s;-webkit-animation-delay:60s;-moz-animation-delay:60s;animation-delay:60s;}
#slider ul li:nth-child(14){-o-animation-delay:65s;-webkit-animation-delay:65s;-moz-animation-delay:65s;animation-delay:65s;}
#slider ul li:nth-child(15){-o-animation-delay:70s;-webkit-animation-delay:70s;-moz-animation-delay:70s;animation-delay:70s;}
#slider ul li:nth-child(16){-o-animation-delay:75s;-webkit-animation-delay:75s;-moz-animation-delay:75s;animation-delay:75s;}
#slider ul li:nth-child(17){-o-animation-delay:80s;-webkit-animation-delay:80s;-moz-animation-delay:80s;animation-delay:80s;}
#slider ul li:nth-child(18){-o-animation-delay:85s;-webkit-animation-delay:85s;-moz-animation-delay:85s;animation-delay:85s;}
#slider ul li:nth-child(19){-o-animation-delay:90s;-webkit-animation-delay:90s;-moz-animation-delay:90s;animation-delay:90s;}
#slider ul li:nth-child(20){-o-animation-delay:95;-webkit-animation-delay:95s;-moz-animation-delay:95s;animation-delay:95s;}
#slider ul li:nth-child(21){-o-animation-delay:100s;-webkit-animation-delay:100s;-moz-animation-delay:100s;animation-delay:100s;}
#slider ul li:nth-child(22){-o-animation-delay:105s;-webkit-animation-delay:105s;-moz-animation-delay:105s;animation-delay:105s;}
#slider ul li:nth-child(23){-o-animation-delay:110s;-webkit-animation-delay:110s;-moz-animation-delay:110s;animation-delay:110s;}
#slider ul li:nth-child(24){-o-animation-delay:115s;-webkit-animation-delay:115s;-moz-animation-delay:115s;animation-delay:115s;}
#slider ul li:nth-child(25){-o-animation-delay:120s;-webkit-animation-delay:120s;-moz-animation-delay:120s;animation-delay:120s;}
#slider ul li:nth-child(26){-o-animation-delay:125s;-webkit-animation-delay:125s;-moz-animation-delay:125s;animation-delay:125s;}
#slider ul li img{display:inline-block}

/*animation css3*/
@-o-keyframes slides_animation{
   0%{opacity:0;}
   4%{opacity:1;}
   16%{opacity:1;}
   24%{opacity:0;}
   100%{opacity:0;}
}
@-webkit-keyframes slides_animation{
   0%{opacity:0;}
   4%{opacity:1;}
   16%{opacity:1;}
   24%{opacity:0;}
   100%{opacity:0;}
}

@-moz-keyframes slides_animation{
   0%{opacity:0;}
   4%{opacity:1;}
   16%{opacity:1;}
   24%{opacity:0;}
   100%{opacity:0;}
}

@keyframes slides_animation{
   0%{opacity:0;}
   4%{opacity:1;}
   16%{opacity:1;}
   24%{opacity:0;}
   100%{opacity:0;}
}