body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}

body{font:12px "微软雅黑","Arial Narrow",HELVETICA;background:#dee3e4;-webkit-text-size-adjust:100%}

a{color:#172c45;text-decoration:none}

a:hover{color:#cd0200;text-decoration:underline}

em{font-style:normal}

li{list-style:none}

img{border:0;vertical-align:middle}

table{border-collapse:collapse;border-spacing:0}

p{word-wrap:break-word}


html, body { height: 100%;}
#wrap {
    height: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
}
#footer {
    padding: 2em;
}
#footer small {
    color: #999;
    padding: 0 0.5em;
}
#main {
    padding: 50px 0; margin-top: -60px;
    background: radial-gradient(circle 250px at 50% 245px, #ffffff 50%, #ffffff00 99%);
}
#main label {
    display: block; margin: 0 auto; padding-right: 30px;
    width: 200px; height: 50px;
    background: url(img/tag2.png) no-repeat 0 0;
}
#main section {
    position: relative;
    background: #275d86;
    width: 280px; height: 280px;
    margin: 0 auto;
    border-radius: 100%;
    overflow: hidden;
}
#main section div {
    position: absolute;
    width: 200px; height: 200px;
    background: url('img/gear.png') no-repeat;
}
#main section div:nth-child(1) {
    top:0; left: 0;
    background-position-y: 0;
    animation: rotate1 5s linear infinite;
}
#main section div:nth-child(2) {
    top:150px; left: 80px;
    background-position-y: 50%;
    animation: rotate2 3.5s linear infinite;
}
#main section div:nth-child(3) {
    top:40px; left: 140px;
    background-position-y: 100%;
    animation: rotate1 2s linear infinite;
}
#main h2, #main h3 {
    color: #275d86;
    font-size: 46px;
    font-weight: 400;
    text-align: center;
}
#main h3 {
    font-size: 60px;
    font-weight: 600;
    letter-spacing: -2px;
    margin: 10px auto -5px;
}

@keyframes rotate1 {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@keyframes rotate2 {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(-360deg); }
}