/*too*/
.topBox {width: 100%;background-color: #fbfbfb;z-index: 10;position: relative;box-shadow: 1px 1px 10px rgba(0,0,0,0.3)}
.topBox div {width: 1000px;height: 40px;margin: 0 auto;}
.topHome {float: right;}
.topHome li {float: left;margin: 0 5px;line-height: 40px;font-size: 16px;}
.topHome a {color: black;}
.topHome li a:hover {color: gray;}

/*home bg*/
body{
    background-image: url(../images/animate-bg.jpg);
}

.circle-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 916px;
    overflow: hidden;
}
.circle-box .circle-1 {
    position: absolute;
    left: 50%;
    margin: 0 0 0 -716px;
    top: 258px;
    width: 630px;
    height: 630px;
    background: url(../images/circle-1.png) left center no-repeat;
    -moz-animation: clockwise 40s linear infinite;
    -ms-animation: clockwise 40s linear infinite;
    -webkit-animation: clockwise 40s linear infinite;
    animation: clockwise 40s linear infinite;
}
.circle-box .circle-2 {
    position: absolute;
    right: -308px;
    top: 202px;
    width: 616px;
    height: 616px;
    background: url(../images/circle-2.png) left center no-repeat;
    -moz-animation: antiClockwise 40s linear infinite;
    -ms-animation: antiClockwise 40s linear infinite;
    -webkit-animation: antiClockwise 40s linear infinite;
    animation: antiClockwise 40s linear infinite;
}
.circle-box .circle-3 {
    position: absolute;
    left: 50%;
    top: -590px;
    margin: 0 0 0 -590px;
    width: 1181px;
    height: 1181px;
    background: url(../images/circle-3.png) left center no-repeat;
    -moz-animation: antiClockwise 40s linear infinite;
    -ms-animation: antiClockwise 40s linear infinite;
    -webkit-animation: antiClockwise 40s linear infinite;
    animation: antiClockwise 40s linear infinite;
}
.circle-box .element-1 {
    position: absolute;
    left: 50%;
    top: 160px;
    margin: 0 0 0 450px;
    width: 269px;
    height: 417px;
    background: url(../images/element1.png) left center no-repeat;
    animation: down_float 10s linear infinite;
    -webkit-animation: down_float 10s linear infinite;
    -moz-animation: down_float 10s linear infinite;
    -ms-animation: down_float 10s linear infinite;
}
.circle-box .element-2 {
    position: absolute;
    left: 50%;
    top: 350px;
    margin: 0 0 0 -590px;
    width: 1446px;
    height: 207px;
    background: url(../images/element2.png) left center no-repeat;
    animation: up_float 10s linear infinite;
    -webkit-animation: up_float 10s linear infinite;
    -moz-animation: up_float 10s linear infinite;
    -ms-animation: up_float 10s linear infinite;
}

/*圆圈*/
@-moz-keyframes clockwise {
    0% {
        -moz-transform:rotate(0);
    }
    to {
        -moz-transform:rotate(360deg);
    }
}
@-ms-keyframes clockwise{
    0% {
        -ms-transform:rotate(0);
    }
    to {
        -ms-transform:rotate(360deg);
    }
}
@-webkit-keyframes clockwise {
    0% {
        -webkit-transform:rotate(0);
    }
    to {
        -webkit-transform:rotate(360deg);
    }
}
@keyframes clockwise {
    0% {
        transform:rotate(0);
    }
    to {
        transform:rotate(360deg);
    }
}
@-moz-keyframes antiClockwise {
    0% {
        -moz-transform:rotate(360deg);
    }
    to {
        -moz-transform:rotate(0);
    }
}
@-ms-keyframes antiClockwise{
    0% {
        -ms-transform:rotate(360deg);
    }
    to {
        -ms-transform:rotate(0);
    }
}
@-webkit-keyframes antiClockwise {
    0% {
        -webkit-transform:rotate(360deg);
    }
    to {
        -webkit-transform:rotate(0);
    }
}
@keyframes antiClockwise {
    0% {
        transform:rotate(360deg);
    }
    to {
        transform:rotate(0);
    }
}
/*下浮动*/
@keyframes down_float{
    0%{ transform: translate(0px,0px); opacity: 1}
    50%{transform:translate(0px,25px);opacity: 0.5}
    100%{ transform:translate(0px,0px);opacity: 1}
}
@-webkit-keyframes down_float{
    0%{ transform: translate(0px,0px); opacity: 1}
    50%{transform:translate(0px,25px);opacity: 0.5}
    100%{ transform:translate(0px,0px);opacity: 1}
}
@-moz-keyframes down_float{
    0%{ transform: translate(0px,0px); opacity: 1}
    50%{transform:translate(0px,25px);opacity: 0.5}
    100%{ transform:translate(0px,0px);opacity: 1}
}
@-ms-keyframes down_float{
    0%{ transform: translate(0px,0px); opacity: 1}
    50%{transform:translate(0px,25px);opacity: 0.5}
    100%{ transform:translate(0px,0px);opacity: 1}
}
/*上浮动*/
@keyframes up_float{
    0%{ transform: translate(0px,0px); opacity: 0.3}
    50%{transform:translate(0px,-25px);opacity: 1}
    100%{ transform:translate(0px,0px);opacity: 0.3}
}
@-webkit-keyframes up_float{
    0%{ transform: translate(0px,0px); opacity: 0.3}
    50%{transform:translate(0px,-25px);opacity: 1}
    100%{ transform:translate(0px,0px);opacity: 0.3}
}
@-moz-keyframes up_float{
    0%{ transform: translate(0px,0px); opacity: 0.3}
    50%{transform:translate(0px,-25px);opacity: 1}
    100%{ transform:translate(0px,0px);opacity: 0.3}
}
@-ms-keyframes up_float{
    0%{ transform: translate(0px,0px); opacity: 0.3}
    50%{transform:translate(0px,-25px);opacity: 1}
    100%{ transform:translate(0px,0px);opacity: 0.3}
}

.as_register {
    position: relative;
    z-index: 10;
    width: 818px;
    height: auto;
    padding: 60px 0;
    background: #ffffff;
    box-shadow: 0 10px 25px rgba(0,0,0,0.05);
    margin: 50px auto 56px;
}

.as_register .as_wrap {
    width: 396px;
    background: #ffffff;
    padding-top: 0;
    margin: 0 auto;
}


.as_register .tit {
    color: #333333;
    line-height: 36px;
    text-shadow: none;
    font-weight: normal;
    margin: 0 0 10px;
    text-align: center;
}
.as_register .tit {
    margin-top: 0;
    font: 500 38px/1 "Microsoft Yahei";
    letter-spacing: 5px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.8);
}
.as_register .vicetit {
    color: #999999;
    line-height: 18px;
    margin: 0 0 34px;
}
.as_register .vicetit {
    font-size: 14px;
    text-align: center;
    line-height: 24px;
    margin-top: 2px;
    margin-bottom: 14px;
}

/*background:url(../images/bg_weixin.png);*/
.mh-weibo{width:150px; height:300px;left:50%; margin:0 0 0 420px;position:absolute; top:153px; z-index:30;}