.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
    animation-duration: 3s;
}

.section1 {
    position: relative;
    background: url(../images/background.png) no-repeat top center;
    background-size: cover;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.topic_logo_icon {
    position: absolute;
    background: url(../images/cloud.png) no-repeat top center;
    width: 3000px;
    height: 800px;
    left: -500px;
    top: -200px;
}

.move {
    -webkit-animation: move 10s 1s linear alternate infinite;
    animation: move 10s 1s linear alternate infinite
}

@media screen and (max-width: 1080px) {
    .des_icon{
        top: 400px !important;
    }
    .des_icon img{
        transform:scale(.8);
    }
    .yun, .yu, .hu, .bei{
        transform:scale(.5);
    }
    .tian{
        transform:scale(.5);
    }
}

@media screen and (max-width: 1600px) {
    .des_icon{
        top: 400px !important;
    }
    .des_icon img{
        transform:scale(.8);
    }
    .yun, .yu, .hu, .bei{
        transform:scale(1);
    }
    .tian{
        transform:scale(1);
    }
}

@media screen and (max-width: 1840px) {
    .des_icon{
        top: 400px !important;
    }
    .des_icon img{
        transform:scale(.8);
    }
    .yun, .yu, .hu, .bei{
        transform:scale(.7);
    }
    .tian{
        transform:scale(.7);
        top: 270px !important;
    }
}
@-webkit-keyframes move {
    0% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
        opacity: 1
    }

    to {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
        opacity: 1
    }
}
@-ms-keyframes part1{
    from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; transform:scale(8,8); top:-800px; }
    to{  }
}

@-moz-keyframes part1{
    from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; transform:scale(8,8); top:-800px; }
    to{  }
}

@-o-keyframes part1{
    from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; transform:scale(8,8); top:-800px; }
    to{  }
}

@-webkit-keyframes part1{
    from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; transform:scale(8,8); top:-800px; }
    to{  }
}

@keyframes part1{
    from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; transform:scale(8,8); top:-800px; }
    to{  }
}
#hd-part1{
    animation:part1 1s ease-in-out 0s normal;
    -o-animation:part1 1s ease-in-out 0s normal;
    -webkit-animation:part1 1s ease-in-out 0s normal;
}

@-ms-keyframes part2{
    from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; transform:scale(8,8); top:-500px; }
    42.8%{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; transform:scale(8,8); top:-500px; }
    to{  }
}

@-moz-keyframes part2{
    from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; transform:scale(8,8); top:-500px; }
    42.8%{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; transform:scale(8,8); top:-500px; }
    to{  }
}

@-o-keyframes part2{
    from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; transform:scale(8,8); top:-500px; }
    42.8%{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; transform:scale(8,8); top:-500px; }
    to{  }
}

@-webkit-keyframes part2{
    from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; transform:scale(8,8); top:-500px; }
    42.8%{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; transform:scale(8,8); top:-500px; }
    to{  }
}

@keyframes part2{
    from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; transform:scale(8,8); top:-500px; }
    42.8%{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; transform:scale(8,8); top:-500px; }
    to{  }
}
#hd-part2{
    animation:part2 1.5s ease-in-out 0s normal;
    -ms-animation:part2 1.5s ease-in-out 0s normal;
    -moz-animation:part2 1.5s ease-in-out 0s normal;
    -o-animation:part2 1.5s ease-in-out 0s normal;
    -webkit-animation:part2 1.5s ease-in-out 0s normal;
}
@-ms-keyframes part3{
    from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; transform:scale(3,3); top:-800px; }
    60%{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; transform:scale(3,3); top:-800px; }
    to{  }
}

@-moz-keyframes part3{
    from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; transform:scale(3,3); top:-800px; }
    60%{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; transform:scale(3,3); top:-800px; }
    to{  }
}

@-o-keyframes part3{
    from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; transform:scale(3,3); top:-800px; }
    60%{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; transform:scale(3,3); top:-800px; }
    to{  }
}

@-webkit-keyframes part3{
    from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; transform:scale(3,3); top:-800px; }
    60%{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; transform:scale(3,3); top:-800px; }
    to{  }
}

@keyframes part3{
    from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; transform:scale(3,3); top:-800px; }
    60%{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0; transform:scale(3,3); top:-800px; }
    to{  }
}

#hd-part3{
    animation:part3 2.0s ease-in-out 0s normal;
    -ms-animation:part3 2.0s ease-in-out 0s normal;
    -moz-animation:part3 2.0s ease-in-out 0s normal;
    -o-animation:part3 2.0s ease-in-out 0s normal;
    -webkit-animation:part3 2.0s ease-in-out 0s normal;
}
@-ms-keyframes part4{
    from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0;  transform:scale(7,7); top:-600px; }
    69.2%{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0;  transform:scale(7,7); top:-600px; }
    to{  }
}

@-moz-keyframes part4{
    from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0;  transform:scale(7,7); top:-600px; }
    69.2%{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0;  transform:scale(7,7); top:-600px; }
    to{  }
}

@-o-keyframes part4{
    from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0;  transform:scale(7,7); top:-600px; }
    69.2%{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0;  transform:scale(7,7); top:-600px; }
    to{  }
}

@-webkit-keyframes part4{
    from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0;  transform:scale(7,7); top:-600px; }
    69.2%{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0;  transform:scale(7,7); top:-600px; }
    to{  }
}

@keyframes part4{
    from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0;  transform:scale(7,7); top:-600px; }
    69.2%{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0;  transform:scale(7,7); top:-600px; }
    to{  }
}

#hd-part4{
    animation:part4 3s ease-in-out 0s normal;
    -ms-animation:part4 3s ease-in-out 0s normal;
    -moz-animation:part4 3s ease-in-out 0s normal;
    -o-animation:part4 3s ease-in-out 0s normal;
    -webkit-animation:part4 3s ease-in-out 0s normal;
}
@-ms-keyframes part5{
    from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0;transform:scale(.5,.5);}
    69.2%{ filter:alpha(opacity=50); -moz-opacity:50; opacity:.5;  transform:scale(.8,.8); }
    to{  filter:alpha(opacity=100); -moz-opacity:100; opacity:1;  transform:scale(1,1); }
}

@-moz-keyframes part5{
    from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0;transform:scale(.5,.5);}
    69.2%{ filter:alpha(opacity=50); -moz-opacity:50; opacity:.5;  transform:scale(.8,.8); }
    to{filter:alpha(opacity=100); -moz-opacity:100; opacity:1;  transform:scale(1,1);  }
}

@-o-keyframes part5{
    from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0;transform:scale(.5,.5);}
    69.2%{ filter:alpha(opacity=50); -moz-opacity:50; opacity:.5;  transform:scale(.8,.8); }
    to{ filter:alpha(opacity=100); -moz-opacity:100; opacity:1;  transform:scale(1,1); }
}

@-webkit-keyframes part5{
    from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0;transform:scale(.5,.5);}
    69.2%{ filter:alpha(opacity=50); -moz-opacity:50; opacity:.5;  transform:scale(.8,.8); }
    to{ filter:alpha(opacity=100); -moz-opacity:100; opacity:1;  transform:scale(1,1); }
}

@keyframes part5{
    from{ filter:alpha(opacity=0); -moz-opacity:0; opacity:0;transform:scale(.5,.5); }
    69.2%{ filter:alpha(opacity=50); -moz-opacity:50; opacity:.5;  transform:scale(.8,.8); }
    to{ filter:alpha(opacity=100); -moz-opacity:100; opacity:1;  transform:scale(1,1); }
}

#hd-part5{
    animation:part5 4s ease-out 0s normal;
    -ms-animation:part5 4s ease-out 0s normal;
    -moz-animation:part5 4s ease-out 0s normal;
    -o-animation:part5 4s ease-out 0s normal;
    -webkit-animation:part5 4s ease-out 0s normal;
}
.yun, .yu, .hu, .bei {
    position: absolute;
    top: -20px;
    z-index: 3;
    width: 309px;
    height: 468px;
    left: 32%;
}
.tian {
    position: absolute;
    top: 400px;
    z-index: 3;
    left: 34%;
    width: 315px;
    height: 546px;
}
/* @keyframes slideIn{
    0% {
        opacity:0;
        filter:alpha(opacity=0);
    }
    30%{
        opacity:0.3;
        filter:alpha(opacity=30);
    }
    50%{
        opacity:0.5;
        filter:alpha(opacity=50);
    }
    70%{
        opacity:0.7;
        filter:alpha(opacity=70);
    }
    100% {
        opacity:1;
        filter:alpha(opacity=100);
    }
}
@-webkit-keyframes slideIn{
    0% {
        opacity:0;
        filter:alpha(opacity=0);
    }
    30%{
        opacity:0.3;
        filter:alpha(opacity=30);
    }
    50%{
        opacity:0.5;
        filter:alpha(opacity=50);
    }
    70%{
        opacity:0.7;
        filter:alpha(opacity=70);
    }
    100% {
        opacity:1;
        filter:alpha(opacity=100);
    }
} */
.des_icon {
    position: absolute;
    left: 267px;
    top: 495px;
    z-index: 999;
}

.banner_box {
    width: 980px;
    margin: 0 auto;
    position: relative;
}

.topic_logo {
    position: absolute;
    left: 339px;
    top: 15px;
}

.des_icons {
    position: absolute;
    right: 45px;
    top: 45px;
    z-index: 999;
}

.des_icons1 {
    position: absolute;
    left: 45px;
    top: 45px;
    z-index: 999;
}

.content {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

.main {
    width: 100%;
    height: 100%;
}

.more a {
    display: block;
}

.section2 {
    position: relative;
    background: url(../images/background1_1.png) no-repeat top center;
    background-size: cover;
}

.section2 .more {
    position: absolute;
    right: 26%;
    top: 81%;
    z-index: 99999;
}

.section3 {
    position: relative;
    background: url(../images/background2_2.png) no-repeat top center;
    background-size: cover;
}

.section3 .more {
    position: absolute;
    right: 23%;
    top: 75%;
    z-index: 99999;
}

.section4 {
    position: relative;
    background: url(../images/background3_3.png) no-repeat top center;
    background-size: cover;
}

.section4 .more {
    position: absolute;
    right: 27%;
    top: 82%;
    z-index: 99999;
}

.section5 {
    position: relative;
    background: url(../images/background4_4.png) no-repeat top center;
    background-size: cover;
}

.section5 .more {
    position: absolute;
    right: 27%;
    top: 77%;
    z-index: 99999;
}

.section6 {
    position: relative;
    background: url(../images/background5_5.png) no-repeat center;
    background-size: cover;
}

.section6 .more {
    position: absolute;
    right: 27%;
    top: 81%;
    z-index: 99999;
}

.section7 {
    position: relative;
    background: url(../images/background6_6.png) no-repeat center;
    background-size: cover;
}

.section7 .more {
    position: absolute;
    right: 26%;
    top: 81%;
    z-index: 99999;
}

.section8 {
    position: relative;
    background: url(../images/background7_7.png) no-repeat center;
    background-size: cover;
}

.section8 .more {
    position: absolute;
    right: 26%;
    top: 81%;
    z-index: 99999;
}