html,
body {
    position: relative;
    height: 100%;
}

.swiper-container {
    width: 100%;
    height: 100%;
}


/*第1屏*/

#Slide1 {
    background: url(../img/block1_bg.png) no-repeat center center;
    width: 100%;
    overflow-x: hidden;
    /* overflow-y: scroll; */
    background-size: 100% 100%;
}

#Slide1 .logo {
    width: 53%;
    margin-top: 2rem;
    margin-left: 9%;
}

#Slide1 .bannerTitle {
    width: 56%;
    margin-left: 9%;
    margin-top: 0.5rem;
}

#Slide1 .slogan {
    width: 84%;
    position: absolute;
    bottom: 1rem;
    left: 8%;
    z-index: 2;
}

#Slide1 .aniPic {
    margin-top: 3rem;
    /* margin-left: 2.8rem; */
    width: 80%;
    margin-left: 20%;
}

#Slide1 .block1_yun {
    margin-right: -1rem;
    height: 12rem;
    overflow: hidden;
}

#Slide1 .block1_yun img {
    -webkit-animation: yunAnimations1 40s infinite linear;
    -moz-animation: yunAnimations1 40s infinite linear;
    -o-animation: yunAnimations1 40s infinite linear;
    -ms-animation: yunAnimations1 40s infinite linear;
    animation: yunAnimations1 40s infinite linear;
}

@keyframes yunAnimations1 {
    0% {
        transform: rotate(0deg);
        opacity: 1;
    }
    25% {
        transform: rotate(90deg);
        opacity: 0.75;
    }
    50% {
        transform: rotate(180deg);
        opacity: 0.;
    }
    75% {
        transform: rotate(270deg);
        opacity: 0.75;
    }
    100% {
        transform: rotate(360deg);
        opacity: 1;
    }
}

#Slide1 .block1_house {
    width: 90%;
    margin-top: -9.5rem;
    margin-left: 10%;
    position: relative;
}

#Slide1 .block1_house img {
    /* animation-iteration-count: 1; */
    /* -webkit-animation: houseAnimations 3s infinite ease-in-out;
    -moz-animation: houseAnimations 3s infinite ease-in-out;
    -o-animation: houseAnimations 3s infinite ease-in-out;
    -ms-animation: houseAnimations 3s infinite ease-in-out;
    animation: houseAnimations 3s infinite ease-in-out; */
}

@keyframes houseAnimations {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(0.9);
        opacity: 0.5;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}


/*第2屏*/

#Slide2 {
    overflow: scroll;
    width: 100%;
    height: 100%;
    background: url(../img/block2_bg.png) no-repeat bottom #F6F6F6;
    background-size: 100% auto;
    z-index: -1;
}

.block_title {
    width: 92%;
    margin-left: 4%;
    margin-top: 25px;
}

#Slide2 .block2_box {
    overflow: hidden;
    margin-top: 0.6rem;
}

#Slide2 .block2_left {
    width: 13%;
    float: left;
}

#Slide2 .block2_right {
    width: 85%;
    float: left;
}

#Slide2 .block2_line {
    width: 0.36rem;
    margin-left: 0.54rem;
}

#Slide2 .block2_cont {
    width: 97%;
    margin-bottom: 0.58rem;
}

#Slide2 .block2_box2 {
    overflow: hidden;
    margin-top: 0.3rem;
}

#Slide2 .block2_box2 ul li {
    width: 100%;
    overflow: hidden;
    margin-bottom: 0.4rem;
}

#Slide2 .block2_box2 ul li img {
    width: 48%;
    float: left;
    margin: 0 1%;
}

#Slide2 .block2_box2 ul li .block2_item03 {
    width: 44%;
    margin: 0 3% 0 3%;
}

#Slide2 .block2_box2 ul li .block2_item04 {
    width: 44%;
    margin: 0 3% 0 1%;
}


/*第3屏*/

#Slide3 {
    overflow: scroll;
    width: 100%;
    height: 100%;
    background: #f8f8f8 url(../img/block3_bg.png) no-repeat top center;
    background-size: 100% auto;
    z-index: -1;
    overflow-x: hidden;
    overflow-y: auto;
}

#Slide3 .block3_box {
    position: relative;
    overflow: hidden;
    height: 16rem;
}

#Slide3 .block3_box img {
    position: absolute;
}

#Slide3 .block3_box .block3_item01 {
    width: 34%;
    top: 0.6rem;
    left: 0.2rem;
}

#Slide3 .block3_box .block3_arrow01 {
    width: 10%;
    top: 2rem;
    left: 35%;
}

#Slide3 .block3_box .block3_item02 {
    width: 34%;
    top: 0.6rem;
    left: 46%;
}

#Slide3 .block3_box .block3_arrow02 {
    width: 7%;
    top: 3.8rem;
    left: 71%;
}

#Slide3 .block3_box .block3_item03 {
    width: 34%;
    top: 4.5rem;
    left: 64%;
}

#Slide3 .block3_box .block3_arrow03 {
    width: 10%;
    top: 6.0rem;
    left: 55%;
}

#Slide3 .block3_box .block3_item04 {
    width: 34%;
    top: 4.6rem;
    left: 20%;
}

#Slide3 .block3_box .block3_arrow04 {
    width: 8%;
    top: 7.6rem;
    left: 20%;
}

#Slide3 .block3_box .block3_item05 {
    width: 34%;
    top: 8.3rem;
    left: 3%;
}

#Slide3 .block3_box .block3_arrow05 {
    width: 11%;
    top: 9.4rem;
    left: 38%;
}

#Slide3 .block3_box .block3_item06 {
    width: 34%;
    top: 8.3rem;
    left: 50%;
}

#Slide3 .block3_box .block3_arrow06 {
    width: 8%;
    top: 11.4rem;
    left: 72%;
}

#Slide3 .block3_box .block3_item07 {
    width: 34%;
    top: 12.1rem;
    left: 65%;
}

#Slide3 .block3_box .block3_arrow07 {
    width: 10%;
    top: 13.6rem;
    left: 55%;
}

#Slide3 .block3_box .block3_item08 {
    width: 34%;
    top: 12.1rem;
    left: 23%;
}

#Slide3 .block3_box2 .block3_table {
    width: 92%;
    margin: 0 4%;
}

#Slide3 .block3_box2 .block3_house {
    width: 100%;
    margin-top: -2rem;
    margin-bottom: -0.1rem;
}


/*第4屏*/

#Slide4 {
    overflow: scroll;
    width: 100%;
    height: 100%;
    background: #ADDCBD url("../img/block4_bg.png") no-repeat;
    background-size: 100% 100%;
    padding-bottom: 1.2rem;
    z-index: -1;
}

#Slide4 .block4_box .block4_pic {
    width: 92%;
    margin: 0.5rem 4% 0 4%;
}

#Slide4 .block4_box .block4_introBox {
    width: 92%;
    margin: -0.3rem 4% 0 4%;
    overflow: hidden;
    background: url(../img/block4_contBg.png) no-repeat;
    position: relative;
    background-size: 100% 100%;
}

#Slide4 .block4_box .block4_introBox .block4_contTitle {
    width: 56%;
    margin-left: 9%;
    margin-top: 1.0rem;
    margin-bottom: 0.8rem;
}

#Slide4 .block4_box .block4_introBox .block4_contDetail {
    width: 90%;
    margin-left: 5%;
    margin-bottom: 1.2rem;
}

#Slide4 .block4_box .block4_itemBox {
    overflow: hidden;
}

#Slide4 .block4_box .block4_itemBox .block4_item {
    width: 92%;
    margin-left: 4%;
    margin-top: 0.6rem;
    margin-bottom: 0.8rem;
}

#Slide4 .block4_box .block4_itemBox .block4_item:last-child {
    margin-bottom: 1.4rem;
}


/*第5屏*/

#Slide5 {
    overflow: scroll;
    width: 100%;
    /*height: 100%;*/
    background: #ffffff;
    background-size: 100% auto;
    z-index: -1;
}

#Slide5 .block5_mapBox {
    width: 100%;
    overflow: hidden;
}

#Slide5 .block5_mapBox .block5_map {
    margin-top: 0.4rem;
    margin-bottom: 0.4rem;
    -webkit-animation: mapAnimations 3s infinite ease-out;
    -moz-animation: mapAnimations 3s infinite ease-out;
    -o-animation: mapAnimations 3s infinite ease-out;
    -ms-animation: mapAnimations 3s infinite ease-out;
    animation: mapAnimations 3s infinite ease-out;
}

@keyframes mapAnimations {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.05);
        opacity: 0.8;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

#Slide5 .block5_box {
    width: 100%;
    overflow: hidden;
    padding-bottom: 0.8rem;
}

#Slide5 .block5_box .block5_item {
    width: 94%;
    margin: 0 3% 0.4rem 3%;
}


/*第6屏*/

#Slide6 {
    overflow: scroll;
    width: 100%;
    height: 100%;
    background: #ECF2CD;
    z-index: -1;
}

#Slide6 .block6_bg {
    width: 100%;
    height: 35rem;
}

#Slide6 .block_title {
    margin-top: -34.5rem;
}

#Slide6 .block6_box {
    position: relative;
}

#Slide6 .block6_box img {
    position: absolute;
    bottom: 0;
}

#Slide6 .block6_box .block6_item01 {
    width: 62%;
    left: 9%;
    top: 1.4rem;
}

#Slide6 .block6_box .block6_item02 {
    width: 75%;
    left: 22%;
    top: 8.7rem;
}

#Slide6 .block6_box .block6_item03 {
    width: 64%;
    left: 8%;
    top: 17.8rem;
}

#Slide6 .block6_box .block6_item04 {
    width: 72%;
    left: 24%;
    top: 26.8rem;
}


/*第7屏*/

#Slide7 {
    overflow: scroll;
    width: 100%;
    height: 100%;
    background: #6AC6AC;
    z-index: -1;
}

#Slide7 .block7_box {
    width: 92%;
    margin: 0 4%;
    overflow-x: hidden;
}

#Slide7 .block7_box .block7_item01 {
    width: 100%;
    background: url(../img/block7_itemBg01.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
    z-index: 2;
    margin-top: 0.6rem;
}

#Slide7 .block7_box .block7_item02 {
    width: 100%;
    background: url(../img/block7_itemBg02.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
    z-index: 1;
    margin-top: -0.05rem;
}

#Slide7 .block7_box .block7_item03 {
    width: 100%;
    background: url(../img/block7_itemBg03.png) no-repeat;
    background-size: 100% 100%;
    position: relative;
    z-index: 0;
    margin-top: -0.05rem;
}

#Slide7 .block7_box .block7_item04 {
    width: 100%;
    background: url(../img/block7_itemBg04.png) no-repeat;
    background-size: 100% 100%;
    margin-top: 0.15rem;
    margin-bottom: 1rem;
}

#Slide7 .block7_box .block7_item01 img {
    width: 96%;
    margin: 0 2%;
}

#Slide7 .block7_box .block7_item02 img {
    width: 96%;
    margin: 0 2%;
}

#Slide7 .block7_box .block7_item03 img {
    width: 96%;
    margin: 0 2%;
    padding-bottom: 0.6rem;
}

#Slide7 .block7_box .block7_item04 img {
    width: 82%;
    padding: 0.6rem 9%;
    -webkit-animation: courseAnimations 3s infinite linear;
    -moz-animation: courseAnimations 3s infinite linear;
    -o-animation: courseAnimations 3s infinite linear;
    -ms-animation: courseAnimations 3s infinite linear;
    animation: courseAnimations 3s infinite easlineare;
}

@keyframes courseAnimations {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.05);
        opacity: 0.8;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}


/*第8屏*/

#Slide8 {
    overflow: scroll;
    overflow-x: hidden;
    width: 100%;
    height: 100%;
    background: url(../img/block8_bg.png) no-repeat bottom center;
    background-size: 100% auto;
    z-index: -1;
}

#Slide8 .block8_box {
    position: relative;
    height: 17rem;
}

#Slide8 .block8_box .block8_line {
    width: 86%;
    margin: 0 7%;
    padding-top: 1rem;
    -webkit-animation: applyAnimations 3s infinite ease-out;
    -moz-animation: applyAnimations 3s infinite ease-out;
    -o-animation: applyAnimations 3s infinite ease-out;
    -ms-animation: applyAnimations 3s infinite ease-out;
    animation: applyAnimations 3s infinite ease-out;
}

@keyframes applyAnimations {
    0% {
        transform: scale(1);
        opacity: 1;
        transform: translate(0, 0);
    }
    50% {
        transform: scale(1.02);
        opacity: 0.8;
        transform: translate(0, 0.15rem);
    }
    100% {
        transform: scale(1);
        opacity: 1;
        transform: translate(0, 0);
    }
}

#Slide8 .block8_box .block8_item01 {
    width: 88%;
    position: absolute;
    top: 0.6rem;
    left: 3%;
}

#Slide8 .block8_box .block8_item02 {
    width: 88%;
    position: absolute;
    top: 5.4rem;
    right: 3%;
}

#Slide8 .block8_box .block8_item03 {
    width: 88%;
    position: absolute;
    top: 9.0rem;
    left: 3%;
}

#Slide8 .block8_box .block8_item04 {
    width: 88%;
    position: absolute;
    top: 12.5rem;
    right: 3%;
}

#Slide8 .block8_box .block8_link {
    width: 52%;
    height: 0.5rem;
    position: absolute;
    top: 2.4rem;
    left: 20%;
}


/*第9屏*/

#Slide9 {
    overflow: scroll;
    width: 100%;
    height: 100%;
    background: url(../img/block9_bg.png) no-repeat center;
    background-size: 100% 100%;
    z-index: -1;
}

#Slide9 .block9_logo {
    width: 46%;
    margin: 2.6rem 27% 0 27%;
}

#Slide9 .block9_yun {
    -webkit-animation: yunAnimations 40s infinite linear;
    -moz-animation: yunAnimations 40s infinite linear;
    -o-animation: yunAnimations 40s infinite linear;
    -ms-animation: yunAnimations 40s infinite linear;
    animation: yunAnimations 40s infinite linear;
}

@keyframes yunAnimations {
    0% {
        transform: rotate(0deg);
        opacity: 1;
    }
    25% {
        transform: rotate(90deg);
        opacity: 0.75;
    }
    50% {
        transform: rotate(180deg);
        opacity: 0.;
    }
    75% {
        transform: rotate(270deg);
        opacity: 0.75;
    }
    100% {
        transform: rotate(360deg);
        opacity: 1;
    }
}

#Slide9 .block9_box {
    margin-top: -9rem;
    position: relative;
}

#Slide9 .block9_box p {
    text-align: center;
    font-size: 0.32rem;
    line-height: 0.6rem;
    margin-bottom: 0.2rem;
    color: #3e3a39;
}

#Slide9 .block9_box .block9_mbaTitle {
    width: 40%;
    margin: 0 30%;
}

#Slide9 .block9_box p span {
    width: 0.66rem;
    height: 0.66rem;
    display: inline-block;
    font-size: 0.4rem;
    line-height: 0.66rem;
    background: #4bbb5b;
    border-radius: 50%;
    color: #ffffff;
}

#Slide9 .block9_box div p:nth-child(1) {
    margin-top: 0.5rem;
}

#Slide9 .block9_box .block9_qrCode01 {
    width: 40%;
    margin: 0 0 0 10%;
    float: left;
}

#Slide9 .block9_box .block9_qrCode01 img {
    width: 56%;
    margin: 0 22%;
}

#Slide9 .block9_box .block9_qrCode01 p {
    text-align: center;
    font-size: 0.24rem;
    color: #3d3d3d;
}

#Slide9 .block9_box .block9_qrCode02 {
    width: 40%;
    float: left;
}

#Slide9 .block9_box .block9_qrCode02 img {
    width: 56%;
    margin: 0 22%;
}

#Slide9 .block9_box .block9_qrCode02 p {
    text-align: center;
    font-size: 0.24rem;
    color: #3d3d3d;
}


/* music */

#musicControl {
    position: fixed;
    right: 9px;
    top: 0.3rem;
    margin-top: 0;
    display: inline-block;
    z-index: 2001
}

#musicControl a {
    display: inline-block;
    width: 25px;
    height: 25px;
    overflow: hidden;
    background: url('../img/play.png') no-repeat;
    background-size: 100%;
}

#musicControl a audio {
    width: 100%;
    height: 56px;
}

#musicControl a.stop {
    background-position: left bottom;
}

#musicControl a.on {
    background-position: 0px 1px;
    -webkit-animation: reverseRotataZ 1.2s linear infinite;
}

#music_play_filter {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000;
}

@-webkit-keyframes reverseRotataZ {
    0% {
        -webkit-transform: rotateZ(0deg);
    }
    100% {
        -webkit-transform: rotateZ(-360deg);
    }
}

@-webkit-keyframes rotataZ {
    0% {
        -webkit-transform: rotateZ(0deg);
    }
    100% {
        -webkit-transform: rotateZ(360deg);
    }
}


/*箭头指引*/


/*向下翻页*/


/* .nextPage {
    width: 0.8rem;
    left: 50%;
    top: 47.5%;
    margin-left: -0.4rem;
    z-index: 2;
    -webkit-animation: animations 2s infinite ease-out;
    -moz-animation: animations 2s infinite ease-out;
    -o-animation: animations 2s infinite ease-out;
    -ms-animation: animations 2s infinite ease-out;
    animation: animations 2s infinite ease-out;
} */


/*01向下过度下一页*/


/* @keyframes animations {
    0% {
        transform: translate(0, 0);
        opacity: 1;
    }
    100% {
        transform: translate(-20px, 0);
        opacity: 0;
    }
} */


/*菜单*/


/* #menu {
    position: absolute;
    top: .4rem;
    right: .25rem;
    z-index: 2002;
}

#menu_list {
    display: none;
}

#menu_list .menu_mask {
    width: 100%;
    background: rgba(0, 0, 0, 0.01);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}

#menu_list ul {
    position: absolute;
    top: 1.226rem;
    right: .25rem;
    background: rgba(209, 16, 67, .85);
    z-index: 200;
    width: 2.15rem;
    z-index: 2002;
}

#menu_list li {
    margin: auto;
    text-align: center;
    border-bottom: 1px solid #e6632b;
    line-height: .8rem;
    font-size: .3rem;
    width: 2.15rem;
    height: .82rem;
    color: #fff;
}

#menu_list li:hover {
    background: #e97026;
} */

@media (min-width:769px) {
    html {
        width: 500px;
        margin: 0 auto;
    }
}