body,ul{
    margin:0;
    padding:0;
}
ul{
    list-style:none;
}
.height_center, .height_center6 {
    position: relative;
    top: 45% ;
    left: 50% ;
    transform: translateY(-50%) translateX(-50%);
}
.xia {
    display: block;
    height: 3.125rem;
    margin: auto;
    position: absolute;
    bottom: 0.625rem;
    left: 48%;
    animation: myXia 1.5s infinite;
}
@keyframes myXia {
    0%{
        -webkit-transform: translate(0rem, 0rem);
        -moz-transform: translate(0rem, 0rem);
        -ms-transform: translate(0rem, 0rem);
        -o-transform: translate(0rem, 0rem);
        transform: translate(0rem, 0rem);
    }
    50% {
        -webkit-transform: translate(0rem, -0.75rem);
        -moz-transform: translate(0rem, -0.75rem);
        -ms-transform: translate(0rem, -0.75rem);
        -o-transform: translate(0rem, -0.75rem);
        transform: translate(0rem, -0.75rem);
    }
    100% {
        -webkit-transform: translate(0rem, 0rem);
        -moz-transform: translate(0rem, 0rem);
        -ms-transform: translate(0rem, 0rem);
        -o-transform: translate(0rem, 0rem);
        transform: translate(0rem, 0rem);
    }
}
/*#######################################*/
.moving .main4 {
    bottom: 0;
    opacity: 1;
}
.main4 {
    position: relative;
    bottom: -12.5rem;
    filter:alpha(opacity=0);
    transition:all 1000ms ease 300ms;
}
.main4 .thumbnail img {
    width: 18.75rem;
    height: 11.25rem;
}
.moving .top4 {
    top: 0;
    opacity: 1;
}
.top4 {
    position: relative;
    top: -6.25rem;
    filter:alpha(opacity=0);
    transition:all 1000ms ease 300ms;
    margin: 6.25rem 0 5.625rem 0;
    height: 6.25rem;
}
/*###########################################*/
.marginTop {
    margin-top: 6.25rem
}
.top5 img{
    width: 100%;
}
.top5_1 {
    display: none;
}
.moving .left5{
    left: 0;
    opacity: 1;
}
.left5 {
    text-align: center;
    color: #fff;
    margin-top: 5.5rem;
    float: left;
    font-size: 1.5rem;
    font-weight: bold;
    width: 30%;
    position: relative;
    left: -50%;
    filter:alpha(opacity=0);
    transition:all 1000ms ease 300ms;
}
.left5 p {
    display: block;
    margin-bottom: 4.375rem;
}
.left5 p span:nth-child(1){
    margin-right: 2.1875rem;
}
.span_right {
    margin-right: 2.1875rem;
}
.moving .right5 {
    right: 0;
    opacity: 1;
}
.right5 {
    margin-top: 3.125rem;
    color: #fff;
    float: right;
    width: 50%;
    position: relative;
    right: -50%;
    filter:alpha(opacity=0);
    transition:all 1000ms ease 300ms;
}
.right5 p {
    margin-top: 1.875rem;
    letter-spacing: .1rem;
}
/*########################################*/
.top6 {
    width: 100%
}
.top6 div:nth-child(1) img {
    width: 60%;
    float: left;
    position: relative;
    top: 3.75rem;
}
.top6 div:nth-child(2) img {
    width: 25%;
    float: right;
    position: relative;
    bottom: 3.125rem;
}
.content_top6 {
    width: 100%;
    text-align: center;
}
.content_top6 img {
    width: 100%;
}
.content_text {
    text-align: justify;
}
.text_right {
    margin-right: 8%;
}
.content_right6 {
    width: 100%;
    text-align: center;
}
.content_right6 img {
    width: 100%;
}
.moving .left6 {
    left: 0;
    opacity: 1;
}
.left6 {
    position: relative;
    left: -50%;
    filter:alpha(opacity=0);
    transition:all 1000ms ease 300ms;
}
.moving .right6 {
    right: 0;
    opacity: 1;
}
.right6 {
    position: relative;
    right: -50%;
    filter:alpha(opacity=0);
    transition:all 1000ms ease 300ms;
}
.moving .content {
    bottom: 0;
    opacity: 1;
}
.content {
    position: relative;
    bottom: -50%;
    filter:alpha(opacity=0);
    transition:all 1000ms ease 300ms;
}
.content_10 {
    bottom: -18.75rem;
}

@media screen and (max-width: 600px) {
    .points {
        display: none;
    }
    .xia {
        left: 50%;
        margin-left: -22px;
        z-index: 99;
    }
}