.banner01 { height: 100%; background:url("/upload/images/2017/3/8122219460.jpg") no-repeat center bottom; background-size: cover;        }
.banner02 { height: 100%; background:url("/upload/images/2017/3/8122219584.jpg") no-repeat center bottom; background-size:cover;        }
.banner03 { height: 100%; background:url("/upload/images/2017/3/81222209.jpg") no-repeat center bottom; background-size:cover; }
.banner04 { height: 100%; background:url("/upload/images/2017/4/2012135136.png") no-repeat center bottom; background-size:cover; }
.banner05 { height: 100%; background:url("/upload/images/2017/4/25142130344.png") no-repeat center bottom; background-size:cover; }
.banner06 { height: 100%; background:url("/upload/images/141500230.jpg") no-repeat center bottom; background-size:cover; }
.banner07 { height: 100%; background:url("/upload/images/14175221271.jpg") no-repeat center top; background-size:cover; }

.server-body { height: 100%; position: relative; overflow: hidden;        }
.server-content { position: relative; margin: 0 auto; height: 100%; width: 980px;        }
.fp-tablecell {  height: 100%;  width: 100%;  display: table-cell;  vertical-align: middle; }
.section {  overflow:hidden;       }
.section img { position:absolute;        }
.active.section .zoomIn { -webkit-animation: zoomIn 1s 0.5s ease both; -moz-animation: zoomIn 1s 0.5s ease both; animation: zoomIn 1s 0.5s ease both;        }
.section .zoomIn { -webkit-animation: zoomOut 1s 0.5s ease both; -moz-animation: zoomOut 1s 0.5s ease both; animation: zoomOut 1s 0.5s ease both;        }
.active.section .bounceInRight { -webkit-animation: bounceInRight 1s 0.5s ease both; -moz-animation: bounceInRight 1s 0.5s ease both; animation: bounceInRight 1s 0.5s ease both; }
.section .bounceInRight { -webkit-animation: bounceOutRight 1s 0.5s ease both; -moz-animation: bounceOutRight 1s 0.5s ease both; animation: bounceOutRight 1s 0.5s ease both; }
.active.section .fadeInUp { -webkit-animation: fadeInUp 1s 0.5s ease both; -moz-animation:fadeInUp 1s 0.5s ease both; animation:fadeInUp 1s 0.5s ease both;      }
.section .fadeInUp { -webkit-animation:fadeOutDown 1s 0.5s ease both; -moz-animation:fadeOutDown 1s 0.5s ease both; animation:fadeOutDown 1s 0.5s ease both; }
.active.section .fadeInLeftBig { -webkit-animation:fadeInLeftBig 1s 0.5s ease both; -moz-animation:fadeInLeftBig 1s 0.5s ease both; animation:fadeInLeftBig 1s 0.5s ease both; }
.section .fadeInLeftBig { -webkit-animation:fadeOutUp 1s 0.5s ease both; -moz-animation: fadeOutUp 1s 0.5s ease both; animation:fadeOutUp 1s 0.5s ease both; }

/*头部*/
#top { position:fixed; z-index:300; }
#head { position:fixed; top:28px; z-index:300;}
#footer { position:fixed;}