@charset "utf-8";

::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background: #FDFDFD;}
::-webkit-scrollbar-thumb:vertical{background-color:#8E8E8E;border-radius:5px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}


@-webkit-keyframes animate-cloud {
  from {
    background-position: 600px 100%;
  }
  to {
    background-position: 0 100%;
  }
}
@-moz-keyframes animate-cloud {
  from {
    background-position: 600px 100%;
  }
  to {
    background-position: 0 100%;
  }
}
@-ms-keyframes animate-cloud {
  from {
    background-position: 600px 100%;
  }
  to {
    background-position: 0 100%;
  }
}
@-o-keyframes animate-cloud {
  from {
    background-position: 600px 100%;
  }
  to {
    background-position: 0 100%;
  }
}
@-webkit-keyframes stage-0 {from{-webkit-transform:scale(0.01);}to{-webkit-transform:scale(1);}}
@keyframes stage-0 { from{transform:scale(0.01);}to{transform:scale(1);}}
@-moz-keyframes stage-0 { from{-moz-transform:scale(0.01);}to{-moz-transform:scale(1);}}
@-o-keyframes stage-0 { from{-o-transform:scale(0.01);}to{-o-transform:scale(1);}}
html{
	height: 100%;
}
body{
   /* background:url(../images/cloud.png) 0 bottom repeat-x  #049ec4; */
   /* -webkit-animation: animate-cloud 20s linear infinite;
   -moz-animation: animate-cloud 20s linear infinite;
   -ms-animation: animate-cloud 20s linear infinite;
   -o-animation: animate-cloud 20s linear infinite;
   animation: animate-cloud 20s linear infinite; */
   width: 100%;
   height: auto;
   padding: 0;   
   margin: 0;  
}
.main{ position:relative;}
.slide-content{width:100%;min-width:980px;height:100%; position: fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;overflow: hidden;top:0;z-index: -1;}
.slide-content .cloud{ position:absolute; width:200px;height:105px; background:url(yun1.png) no-repeat;left:0px;top:0px;}
.slide-content .cloud-0{background-position: 0 0;}
.slide-content .cloud-1{background:url(yun2.png) no-repeat;height:128px;width:240px;}
.slide-content .cloud-2{background:url(yun3.png) no-repeat;height:128px;width:240px;}
.slide-content .cloud-3{background:url(yun4.png) no-repeat;height:165px;width:300px;}
.slide-content .cloud-4{background-position: 0 0;height:140px;}

.clear{
    clear:both;
}