body {
    position: relative;
    overflow-x: hidden;
    line-height: 190%;
}
body .scroll-ct {
    position: fixed;
    overflow: hidden;
}
.scroll-ct .wrap .p1 {
    width: auto;
    height: 100%;
    position: relative;
    background: url(../images/bg.jpg) no-repeat left top;
    background-size: 100% 100%;
}
body .scroll-ct .wrap {
    height: 100%;
    position: relative;
}
.logo {
    position: absolute;
    top: 6%;
    left: 3%;
    width: auto;
    height: 6.7%;
}
.logo2 {
    position: absolute;
    top: 6%;
    left: 4.7%;
    width: auto;
    height: 6%;
}
.lan{
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: 31.3%;
}
.yinxiang {
    position: absolute;
    width: auto;
    height: 43.333%;
}
.scroll-ct img {
    width: auto;
    height: 100%;
    display: block;
}
.jieqi {
    position: absolute;
    width: auto;
    height: 38.5%;
}
.liuye {
    position: absolute;
    width: auto;
    height: 74.9%;
}
.zhu {
    position: absolute;
    width: auto;
    height: 49.3%;
}
.zhi1{
    position: absolute;
    width: auto;
    height: 29.1%;
}
.zhi2{
    position: absolute;
    width: auto;
    height:16.9%;
}
#filo{
    margin:0 auto;
    z-index: 1;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-animation: oscillaFilo 1s ease-in-out 0s infinite alternate;
    -moz-animation: oscillaFilo 1s ease-in-out 0s infinite alternate;
    -ms-animation: oscillaFilo 1s ease-in-out 0s infinite alternate;
    -o-animation: oscillaFilo 1s ease-in-out 0s infinite alternate;
    animation: oscillaFilo 1s ease-in-out 0s infinite alternate;
}
#filo1{
    margin:0 auto;
    z-index: 1;
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 0% 0%;
    transform-origin: 50% 100%;
    -webkit-animation: oscillaFilo 1s ease-in-out 0s infinite alternate;
    -moz-animation: oscillaFilo 1s ease-in-out 0s infinite alternate;
    -ms-animation: oscillaFilo 1s ease-in-out 0s infinite alternate;
    -o-animation: oscillaFilo 1s ease-in-out 0s infinite alternate;
    animation: oscillaFilo 1s ease-in-out 0s infinite alternate;
}
#filo2{
    margin:0 auto;
    z-index: 1;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 0%;
    transform-origin: 50% 100%;
    -webkit-animation: oscillaFilo2 1s ease-in-out 0s infinite alternate;
    -moz-animation: oscillaFilo2 1s ease-in-out 0s infinite alternate;
    -ms-animation: oscillaFilo2 1s ease-in-out 0s infinite alternate;
    -o-animation: oscillaFilo2 1s ease-in-out 0s infinite alternate;
    animation: oscillaFilo2 1s ease-in-out 0s infinite alternate;
}
#filo4{
    margin:0 auto;
    z-index: 1;
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 0% 0%;
    transform-origin: 50% 100%;
    -webkit-animation: oscillaFilo3 10s ease-in-out 0s infinite;
    -moz-animation: oscillaFilo3 10s ease-in-out 0s infinite;
    -ms-animation: oscillaFilo3 10s ease-in-out 0s infinite;
    -o-animation: oscillaFilo3 10s ease-in-out 0s infinite;
    animation: oscillaFilo3 10s ease-in-out 0s infinite;
}
@-webkit-keyframes oscillaFilo {
    from {
        -webkit-transform:rotate(5deg);
    } to {
          -webkit-transform:rotate(-5deg);
      }
}
@-moz-keyframes oscillaFilo {
    from {
        -moz-transform:rotate(5deg);
    } to {
          -webkit-transform:rotate(-5deg);
      }
}
@-ms-keyframes oscillaFilo {
    from {
        -ms-transform:rotate(5deg);
    } to {
          -ms-transform:rotate(-5deg);
      }
}
@-o-keyframes oscillaFilo {
    from {
        -o-transform:rotate(5deg);
    } to {
          -o-transform:rotate(-5deg);
      }
}
@keyframes oscillaFilo {
    from {
        transform:rotate(5deg);
    } to {
          transform:rotate(-5deg);
      }
}
@-webkit-keyframes oscillaFilo2 {
    from {
        -webkit-transform:rotate(5deg);
    } to {
          -webkit-transform:rotate(-5deg);
      }
}
@-moz-keyframes oscillaFilo2 {
    from {
        -moz-transform:rotate(5deg);
    } to {
          -webkit-transform:rotate(-5deg);
      }
}
@-ms-keyframes oscillaFilo2 {
    from {
        -ms-transform:rotate(5deg);
    } to {
          -ms-transform:rotate(-5deg);
      }
}
@-o-keyframes oscillaFilo2 {
    from {
        -o-transform:rotate(5deg);
    } to {
          -o-transform:rotate(-5deg);
      }
}
@keyframes oscillaFilo2 {
    from {
        transform:rotate(-5deg);
    } to {
          transform:rotate(5deg);
      }
}
@-webkit-keyframes oscillaFilo3 {
    0% {
        /*在天上准备掉落*/
        -webkit-opacity: 0;
        /*移动 旋转  每一个状态样式属性必须一一对应*/
        /*一个元素可以有多个变形 用空格隔开*/
        -webkit-transform: rotate(0deg) translate(0,0);
    }
    30% {
        /*掉落在空中*/
        -webkit-opacity: 1;
        -webkit-transform: rotate(5deg) translate(200px,180px);
    }
    60% {
        /*掉落在地下*/
        -webkit-opacity: 0;
        -webkit-transform: rotate(10deg) translate(400px,360px);
    }
    100% {
        /*利用60-100对应的时间模拟等待*/
        -webkit-opacity: 0;
        -webkit-transform: rotate(10deg) translate(400px,360px);
    }
}
@-moz-keyframes oscillaFilo3 {
    0% {
        /*在天上准备掉落*/
        -moz-opacity: 0;
        /*移动 旋转  每一个状态样式属性必须一一对应*/
        /*一个元素可以有多个变形 用空格隔开*/
        -moz-transform: rotate(0deg) translate(0,0);
    }
    30% {
        /*掉落在空中*/
        -moz-opacity: 1;
        -moz-transform: rotate(5deg) translate(200px,180px);
    }
    60% {
        /*掉落在地下*/
        -moz-opacity: 0;
        -moz-transform: rotate(10deg) translate(400px,360px);
    }
    100% {
        /*利用60-100对应的时间模拟等待*/
        -moz-opacity: 0;
        -moz-transform: rotate(10deg) translate(400px,360px);
    }
}
@-ms-keyframes oscillaFilo3 {
    0% {
        /*在天上准备掉落*/
        -ms-opacity: 0;
        /*移动 旋转  每一个状态样式属性必须一一对应*/
        /*一个元素可以有多个变形 用空格隔开*/
        -ms-transform: rotate(0deg) translate(0,0);
    }
    30% {
        /*掉落在空中*/
        -ms-opacity: 1;
        -ms-transform: rotate(5deg) translate(200px,180px);
    }
    60% {
        /*掉落在地下*/
        -ms-opacity: 0;
        -ms-transform: rotate(10deg) translate(400px,360px);
    }
    100% {
        /*利用60-100对应的时间模拟等待*/
        -ms-opacity: 0;
        -ms-transform: rotate(10deg) translate(400px,360px);
    }
}
@-o-keyframes oscillaFilo3 {
    0% {
        /*在天上准备掉落*/
        -o-opacity: 0;
        /*移动 旋转  每一个状态样式属性必须一一对应*/
        /*一个元素可以有多个变形 用空格隔开*/
        -o-transform: rotate(0deg) translate(0,0);
    }
    30% {
        /*掉落在空中*/
        -o-opacity: 1;
        -o-transform: rotate(5deg) translate(200px,180px);
    }
    60% {
        /*掉落在地下*/
        -o-opacity: 0;
        -o-transform: rotate(10deg) translate(400px,360px);
    }
    100% {
        /*利用60-100对应的时间模拟等待*/
        -o-opacity: 0;
        -o-transform: rotate(10deg) translate(400px,360px);
    }
}
@keyframes oscillaFilo3 {
    0% {
        /*在天上准备掉落*/
        opacity: 0;
        /*移动 旋转  每一个状态样式属性必须一一对应*/
        /*一个元素可以有多个变形 用空格隔开*/
        transform: rotate(0deg) translate(0,0);
    }
    30% {
        /*掉落在空中*/
        opacity: 1;
        transform: rotate(5deg) translate(200px,180px);
    }
    60% {
        /*掉落在地下*/
        opacity: 0;
        transform: rotate(10deg) translate(400px,360px);
    }
    100% {
        /*利用60-100对应的时间模拟等待*/
        opacity: 0;
        transform: rotate(10deg) translate(400px,360px);
    }
}


.yanzi1 {
    position: absolute;
    width: auto;
    height: 10.2%;
    left: 9%;
    top: 58%;
}
.yanzi2 {
    position: absolute;
    width: auto;
    height: 6.7%;
    left: 8.5%;
    top: 46%;
}
.menu1{
    display: block;
    width: 100%;
    height: auto;
    cursor: pointer;
    margin: 0 auto;
}
.menu {
    position: fixed;
    _position: absolute;
    left: 1%;
    bottom: -80px;
    width: 204px;
    height: 332px;
    z-index: 99;
}
.menu2 {
    height: 100%;
    width: auto;
    display: none;
    background: url(../images/menu2.png) no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    margin: 0 auto;
}

.menu2 li {
    margin: 0 auto;
    text-align: center;
    position: relative;
    line-height: 24px;
}
.menu2 li a {
    font-size: 14px;
    color: #7a5e33;
}
.menu4{
    height: 47px;
    cursor: pointer;
}
.chun-title {
    position: absolute;
    width: auto;
    height: 41.6%;
}
.xia-title{
    position: absolute;
    width: auto;
    height: 42.4%;
}
.chun-txt {
    position: absolute;
    width: auto;
    height: 37.7%;
}
.chun-video {
    position: absolute;
    width: auto;
    height: 51.3%;
}
.chun-video p{
    font-size: 18px;
    text-align: center;
    color: #333333;
    font-weight: bold;
}
.chun-video-content {
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.titleList1 {
    position: absolute;
    width: 6.6%;
    height: 20%;
}
.titleList2 {
    position: absolute;
    width: 3.5%;
    height: 28.1%;
}
.titleList2 .chunul_list{
    width: 87%;
    float: left;
    margin-top: 4px;
}
.titleList2 .hua{
    width: auto;
    height: 29.2%;
    float: left;
}
.hua{
    width: auto;
    height: 67.5%;
    float: left;
}
.chunul_list{
    width: 43%;
    float: left;
    margin-top: 15px;
}
.titleList1 li,.titleList2 li {
    float: left;
    width: 100%;
    height: 10%;
    margin-bottom: 7px;
}
.titleList1 li span,.titleList2 li span{
    color: #a2814e;
}
.titleList1 li.dot,.titleList2 li.dot{
    margin-left: -10px;
}
.titleList1 li a,.titleList2 li a {
    color: #333;
    padding: 0 0 15px 8px;
}
.titleList1 li p,.titleList2 li p{
    width: 90%;
    color: #999;
    margin-left: 20px;
    margin-top: 7px;
    line-height: 21px;
}
.titleList1 li p a,.titleList2 li p a{
    color: #999;
    padding: 0;
}
.titleList1 li.solids,.titleList2 li.solids{
    border-right: 2px solid #c8c8c8;
}
.more{
    position: absolute;
    right: 10px;
    bottom: 0;
}
.bor{
    width: 2px;
    height: 27%;
    background: #c8c8c8;
    position: absolute;
    right: 10px;
    bottom: 24%;
}
.more2{
    position: absolute;
    left: 0px;
    bottom: 0;
}
.dong-baihe {
    position: absolute;
    width: auto;
    height: 14.2%;
}
.xia-video{
    position: absolute;
    width: auto;
    height: 54.4%;
}
.tian-video{
    position: absolute;
    width: auto;
    height: 57.8%;
}
.ju-video{
    position: absolute;
    width: auto;
    height: 42.6%;
}
.tu-video{
    position: absolute;
    width: auto;
    height: 43.3%;
}
.ti-video{
    position: absolute;
    width: auto;
    height: 43.6%;
}
.bei-video{
    position: absolute;
    width: auto;
    height: 50.4%;
}
.sd-video{
    position: absolute;
    width: auto;
    height: 40%;
}
.bo-video{
    position: absolute;
    width: auto;
    height: 51.7%;
}
.le-video{
    position: absolute;
    width: auto;
    height: 54.6%;
}
.xia-video p,.tian-video p,.ju-video p,.tu-video p,.ti-video p,.bei-video p,.sd-video p,.bo-video p,.le-video p{
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #333333;
}
.hua1{
    position: absolute;
    width: auto;
    height: 16.1%;
}
.hua2{
    position: absolute;
    width: auto;
    height: 54.9%;
}
.tian-title{
    position: absolute;
    width: auto;
    height: 35.2%;
}
.ju-title{
    position: absolute;
    width: auto;
    height: 41.4%;
}
.tu-title{
    position: absolute;
    width: auto;
    height: 43.3%;
}
.he1{
    position: absolute;
    width: auto;
    height:26.8%;
}
.he2{
    position: absolute;
    width: auto;
    height:15.9%;
}
.ti-title{
    position: absolute;
    width: auto;
    height:41.8%;
}
.bei-title{
    position: absolute;
    width: auto;
    height:34.9%;
}
.mo{
    position: absolute;
    width: auto;
    height:13.6%;
}
.shui{
    position: absolute;
    width: 4.5%;
    height:49.4%;
    background: url("../images/shui.png") no-repeat;
}
.shui .yu1{
    width: 41.1%;
    height:46.5%;
    position: absolute;
    top:25%;
    left:31%;
}


.shui .yu2{
    width: 35.3%;
    height:33.7%;
    position: absolute;
    left:43%;
    top:7%;
}
.huab{
    position: absolute;
    width: auto;
    height:65.2%;
}
.sd-title{
    position: absolute;
    width: auto;
    height:35%;
}
.hh1{
     position: absolute;
     width: auto;
     height:40.6%;
 }
.hh2{
    position: absolute;
    width: auto;
    height:29.2%;
    margin:0 auto;
    z-index: 1;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    transform-origin: 100% 0%;
    -webkit-animation: oscillaFilo 1s ease-in-out 0s infinite alternate;
    -moz-animation: oscillaFilo 1s ease-in-out 0s infinite alternate;
    -ms-animation: oscillaFilo 1s ease-in-out 0s infinite alternate;
    -o-animation: oscillaFilo 1s ease-in-out 0s infinite alternate;
    animation: oscillaFilo 1s ease-in-out 0s infinite alternate;
}
.liuye3{
    position: absolute;
    width: auto;
    height:57%;
    margin:0 auto;
    z-index: 1;
    -webkit-transform-origin: 100% 0%;
    -moz-transform-origin: 100% 0%;
    -ms-transform-origin: 100% 0%;
    -o-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
    -webkit-animation: oscillaFilo 1s ease-in-out 0s infinite alternate;
    -moz-animation: oscillaFilo 1s ease-in-out 0s infinite alternate;
    -ms-animation: oscillaFilo 1s ease-in-out 0s infinite alternate;
    -o-animation: oscillaFilo 1s ease-in-out 0s infinite alternate;
    animation: oscillaFilo 1s ease-in-out 0s infinite alternate;
}
.bo-title{
    position: absolute;
    width: auto;
    height:58.9%;
}
.le-title{
    position: absolute;
    width: auto;
    height:43.2%;
}
.person{
    position: absolute;
    width: auto;
    height:55.8%;
}
.fu{
    position: absolute;
    width: auto;
    height:13.4%;
    margin:0 auto;
    z-index: 1;
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-animation: oscillaFilo 1s ease-in-out 0s infinite alternate;
    -moz-animation: oscillaFilo 1s ease-in-out 0s infinite alternate;
    -ms-animation: oscillaFilo 1s ease-in-out 0s infinite alternate;
    -o-animation: oscillaFilo 1s ease-in-out 0s infinite alternate;
    animation: oscillaFilo 1s ease-in-out 0s infinite alternate;
}