@charset "gb2312";
body,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,form,fieldset,legend,button,input,textarea,th,td,div,input{margin:0;padding:0;word-wrap:break-word;}
body,html,input{font:12px "Microsoft Yahei",arial,\5b8b\4f53,"Helvetica Neue",Helvetica,STHeiTi,sans-serif;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
h1{font-size:34px;}h2{font-size:24px;}h3{font-size:18px;}h4{font-size:16px;}h5{font-size:14px;}h6{font-size:12px;}
input,label,img,th{vertical-align:middle;}
ul,ol,li{list-style:none;}
a{text-decoration: none;color: #1d1d1d;}
a:hover{text-decoration: underline;}
img{margin: 0;padding: 0;border: none;}
body{background: #f3eddd;background: url(../images/bg.jpg) top center no-repeat;background-size: cover;width: 100%;height: 100%;overflow: hidden;}

.wrap{width: 100%;height: 100%;overflow: hidden;}
.pc_logo{background: url(../images/pc_logo.png);width: 343px;height: 58px;position: absolute;top: 55px;left: 14.6%;}
.river_bg{background: url(../images/river_bg1.png) top center no-repeat;width: 100%;height: 735px;background-size: auto 100%;}
.scroll_l{background: url(../images/scroll_l_bg.png) top center no-repeat;width: 826px;height: 513px;position: absolute;top: 84px;left: 50%;margin-left: -373px;z-index: 10;}
.scroll_bg{background: url(../images/scroll_r.png) top right no-repeat;width: 768px;height: 463px;position: absolute;top: 129px;left: 50%;margin-left: -360px;z-index: 50;}
.nav{width: 1270px;height: 280px;position: absolute;left: 50%;margin-left: -631px;position: relative;bottom: 110px;overflow: hidden;}
.nav_box{position: relative;width: 1270px;height: 280px;font-size: 24px;}
.nav_box p{background: url(../images/nav_text_bg.png) top center no-repeat;height: 42px;text-align: center;line-height: 42px;margin-bottom: 10px;}
.nav .swiper-slide{width: 340px;height: 280px;overflow: hidden;text-align: center;cursor: pointer;}
.nav .swiper-slide img{width: 340px;height: 225px;border-radius: 5px;}
#wrap_container{width: 1084px;height: 280px;margin-left: 93px;}

.nav_prev{background-image:url(../images/nav_btn.png);width: 19px;height: 27px;left: 0;background-size: 100%;outline: none;top: 150px;position: absolute;cursor: pointer;}
.nav_next{background-image:url(../images/nav_btn.png);width: 19px;height: 27px;transform: rotateY(180deg);right: 0;background-size: 100%;outline: none;-webkit-transform: rotateY(180deg);top: 150px;position: absolute;cursor: pointer;}

.dag{background: url(../images/dag.png) top center no-repeat;width: 40px;height: 150px;position: absolute;top: 100px;}
.dag_l{left: 32px;}
.dag_l.on .dz{animation: dag_l .5s ease;-webkit-: dag_l .5s ease;transform-origin: top center;-webkit-transform-origin: top center;}
.dag_r{right: 32px;}
.dag_r.on .dz{animation: dag_r .5s ease;-webkit-: dag_r .5s ease;transform-origin: top center;-webkit-transform-origin: top center;}
.dz{position: absolute;background: url(../images/dz.png);width: 38px;height: 96px;top: 52px;left: 1px;}

.videoBox{width: 630px;height: 355px;overflow: hidden;margin-top: 53px;margin-left: 52px;}
video{width: 100%;height: 100%;display: none;}
.title{background: url(../images/title.gif);width: 666px;height: 370px;position: absolute;top: 45px;left: 48px;}
.fish{background: url(../images/fish2.png);width: 78px;height: 64px;position: absolute;top: 220px;}
.fish1{background: url(../images/fish2.png);width: 78px;height: 64px;position: absolute;top: 410px;}
.fish2{background: url(../images/fish2.png);width: 78px;height: 64px;position: absolute;top: 320px;}

.music{width: 10px;height: 10px;position: absolute;left: 0;top: 0;z-index: 50000;}

.fishBox.r .fish{animation:fish 0.5s steps(4) infinite,move1 10s linear infinite;right: -100px;transform:rotate(180deg);}
.fishBox.r .fish1{animation:fish 0.5s steps(4) infinite,move1 10s 2.8s linear infinite;right: -100px;transform:rotate(180deg);}
.fishBox.r .fish2{animation:fish 0.5s steps(4) infinite,move1 10s 1.2s linear infinite;right: -100px;transform:rotate(180deg);}

.fishBox.l .fish{animation:fish 0.5s steps(4) infinite,move 10s linear infinite;left: -100px;}
.fishBox.l .fish1{animation:fish 0.5s steps(4) infinite,move 10s 2.8s linear infinite;left: -100px;}
.fishBox.l .fish2{animation:fish 0.5s steps(4) infinite,move 10s 1.2s linear infinite;left: -100px;}

/*@font-face{font-family: fyy;src:url(../images/yw.ttf);}*/

@keyframes dag_l {
    0% {transform: rotate(0deg);}
    50% {transform: rotate(30deg);}
    100% {transform: rotate(0deg);}
}

@-webkit-keyframes dag_l {
    0% { -webkit-transform: transform: rotate(0deg);}
    50% { -webkit-transform: transform: rotate(30deg);}
    100% { -webkit-transform: transform: rotate(0deg);}
}

@keyframes dag_r {
    0% {transform: rotate(0deg);}
    50% {transform: rotate(-30deg);}
    100% {transform: rotate(0deg);}
}

@-webkit-keyframes dag_r {
    0% { -webkit-transform: transform: rotate(0deg);}
    50% { -webkit-transform: transform: rotate(-30deg);}
    100% { -webkit-transform: transform: rotate(0deg);}
}


@-webkit-keyframes fish {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 -256px
    }
}

@-webkit-keyframes move {
    0% {
        left: -10%;
        opacity: 0;
    }
    25% {
        opacity: 1;
    }
    75% {
        opacity: 1;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}

@-webkit-keyframes move1 {
    0% {
        right: -5%;
        opacity: 0;
    }
    25% {
        opacity: 1;
    }
    75% {
        opacity: 1;
    }
    100% {
        right: 100%;
        opacity: 0;
    }
}

.moreIcon{width: 40px; height: 40px; font-size: 16px; text-align: center; display: flex; justify-content: space-around; flex-direction: column; background: #999; color: #fff; margin-top: 3px; padding: 10px; line-height: 20px; cursor: pointer; position: fixed;bottom: 20px;right: 20px;font-family: "ËÎÌå";z-index: 20;}
.moreIcon:hover {background: #666;}
.allShow{width: 100%;height: 100%;position: absolute;left: 0;right: 0;bottom: 0;top:0;z-index: 50;background:rgba(10,8,8,.95);display: none;}
.allPast{margin: 0 auto;width: 1000px;position: relative;}
.bar{background: url(../images/bar.png) top center no-repeat;height: 51px;margin-top: 80px;margin-bottom: 30px;}

.allShow .swiper-slide ul{width: 1020px;height: 100%;overflow: hidden;}
.allShow .swiper-slide ul li{position: relative;float: left;width: auto;height: auto;padding: 16px 10px;margin-right: 12px;margin-bottom: 30px;background: url(../images/square_alpha.png) repeat;background: rgba(255, 255, 255, 0.3);cursor: pointer;}
.item_t{position: relative;padding-left: 16px;margin-bottom: 16px;line-height: 28px;font-size: 12px;color: #fff;}
.item_t .showNum{position: relative;height: 28px;line-height: 28px;font-size: 26px;margin: 0 3px;}
.item_t .showNum:after{content: "";position: absolute;display: block;width: 40px;height: 2px;background: #aeaeae;top: 60%;right: -58px;}
.item_b{position: relative;width: 170px;height: 105px;overflow: hidden;}
.item_b p{position: absolute;bottom: 0;display: block;width: 100%;height: 32px;background: url(../images/square_alpha2.png) repeat;font-size: 14px;line-height: 32px;color: #fff;text-indent: 12px;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
.item_b img{width: 100%;height: 100%;}

.showNav{margin-bottom: 52px;width: 1000px;overflow: hidden;height: 50px;}
.showNav span{position: relative;display: block;float: left;width: 10%;height: 32px;line-height: 32px;font-size: 12px;color: #fff;text-align: center;cursor: pointer;background: rgba(255, 255, 255, 0.3);cursor: pointer;border-radius:0;outline: none;}
.showNav .swiper-pagination-bullet-active{background: #48332d;}
.showNav .swiper-pagination-bullet-active:after{content: "";position: absolute;left: 50%;bottom: -10px;display: block;margin-left: -10px;font-size: 0;line-height: 0;width: 0;height: 0;border-top: solid 10px #48332d;border-left: solid 10px transparent;border-right: solid 10px transparent;}
.showNav .swiper-pagination-bullet{opacity: 1;}

.leftArrow,.rightArrow{position: absolute;top: 60%;width: 33px;height: 47px;cursor: pointer;outline: none;}
.rightArrow{right: -60px;background: url(../images/rightArrow.png);}
.leftArrow{left: -60px;background: url(../images/leftArrow.png);}
.all_close{width: 150px;height: 40px;line-height: 40px;text-align: center;color: #fff;font-size: 16px;border: 1px solid #fff;border-radius: 4px;margin-left: 425px;margin-top: 30px;cursor: pointer;}