*{margin: 0;padding: 0;}
/*input{-webkit-appearance:none;}*/
html, body {position: relative;height: 100%;}
body{font-family:microsoft yahei;color:#000;margin: 0;padding: 0;background-color: #ffffff;}
ul li{list-style-type: none;}
em,i,small{font-style: normal;}
/*音乐*/
.mus{position: fixed;width: 8%;right: 2%;top:1%;z-index: 5;}
.yue{position: absolute;top:0;left: 0;z-index: -1;opacity: 0;}

.loading{position: absolute;width: 100%;height: 100%;top:0;left: 0;z-index: 5;background-color: #003c6d;display: none;}
.line_c{position: absolute;width: 400px;height: 12px;left: 50%;margin-left: -200px;border:2px #132e5b solid;top:373px;border-radius: 12px;overflow: hidden;}
.line{position: absolute;width: 400px;height: 12px;background-color: #132e5b;border-radius: 12px;top:0;left: -100%;}
.loading p{color: #ffffff;font-size: 40px;text-align: center;position: absolute;width: 100%;top:350px;left: 0;font-weight: 700;}

.yaun1{left: 50%;top:70px;margin-left: -288.5px;}
.yaun2{left: 50%;top:148px;margin-left: -206px;}
/*外部框架定位*/
.h832{ width:750px; height:975px;}
.innerDiv{ width:100%; height:100%; position:relative;border-top:1px rgba(255,255,255,0) solid;border-bottom: 1px rgba(255,255,255,0) solid;}
.innerDiv img{ position:absolute;}
.page{width:750px;overflow:hidden;position: absolute;left: 50%;margin-left: -375px;}

/*添加内容*/
.wrap{width: 750px;margin: 0 auto 0;position: relative;display: block;overflow: hidden;-webkit-animation-delay:0.7s;overflow: hidden;}

/*bg_1*/
.bg_1{width: 750px;height: 370px;position: relative;margin: 0 auto 0;background: url(../img/bg_1.jpg) center center no-repeat;}
.div658{width: 658px;height: 370px;margin: 0 auto 0;position: relative;display: block;}
.header1{position: absolute;left: 50%;margin-left: -35px;top:64px;}
.header2{position: absolute;left: 50%;margin-left: -150px;top:142px;}
.header3{position: absolute;left: 50%;margin-left: -127px;top:203px;}
.header4{position: absolute;left: 50%;margin-left: -88px;top:270px;}

.topSwiper{width: 750px;height: 370px;}

/*bg_2*/
.bg_2{width: 750px;position: relative;margin: 0 auto 0;padding-bottom: 50px;}
.tit1{display: block;margin: 0 auto 0;padding-top: 61px;}
.tit2{display: block;margin: 52px auto 0;}
.renBg{width: 658px;height: 553px;margin: 70px auto 0;position: relative;}
.ren1{position: absolute;top:0;left: -20px;}
.ren2{position: absolute;top:0;right: -30px;}
.videoBg1{width: 658px;height: 387px;margin: 20px auto 0;background: url(../img/videoBg1.jpg) center center no-repeat;}
.videoBg2{width: 658px;height: 387px;margin: 56px auto 0;background: url(../img/videoBg2.jpg) center center no-repeat;}

.allRen{width: 750px;height: 2491px;margin: 20px auto 0;position: relative;background: url(../img/allBg.jpg) center center no-repeat;}
.ren3{position: absolute;top:50px;right: -20px;}
.ren4{position: absolute;top:460px;left: 20px;}
.ren5{position: absolute;top:875px;right: 20px;}
.ren6{position: absolute;top:1314px;left: 30px;}
.ren7{position: absolute;top:1706px;right: 20px;}
.ren8{position: absolute;top:2112px;left: 30px;}

.holidays{width: 658px;height: 1258px;margin: 50px auto 0;background: url(../img/holidays.jpg) center center no-repeat;position: relative;}
.btn1{position: absolute;width: 157px;height: 45px;left: 50%;margin-left: -78.5px;bottom: 676px;background: url(../img/btn1.png) center center no-repeat;}

.zi1{position: absolute;width: 256px;height: 48px;left: 50%;margin-left: -192px;top: 301px;background: url(../img/zi.png) center center no-repeat;}


.newBg{width: 750px;height: 351px;margin: 50px auto 0;position: relative;}
.newImg{position: absolute;left: 0;top:0px;}
.newCon{position: absolute;width: 381px;height: 350px;right: 0;top:0;background: url(../img/icon1.png) left center no-repeat;}
.newCon div{padding: 76px 0 0 52px;}
.newCon div span{display: block;font-size: 16px;color: #0965b1;}
.newCon div a{display: block;font-size: 16px;color: #000000;margin-top: 5px;text-decoration: none;}

.tit3{display: block;margin: 60px auto 0;}

.headBg{width: 658px;height: 320px;margin: 50px auto 0;position: relative;}
.headSwiper{width: 100%;height: 100%;}
.headSwiper .swiper-slide img{display: block;margin: 0 auto 0;cursor: pointer;}
.next1{position: absolute;width: 57px;height: 41px;background: url(../img/next.png) center center no-repeat;right: -20px;top:50%;margin-top: -20.5px;z-index: 2;}
.prev1{position: absolute;width: 57px;height: 41px;background: url(../img/prev.png) center center no-repeat;left: -20px;top:50%;margin-top: -20.5px;z-index: 2;}

.videoBg3{width: 658px;height: 387px;margin: 50px auto 0;background: url(../img/videoBg3.jpg) center center no-repeat;}

.tit4{display: block;margin: 40px auto 0;}
.tit5{display: block;margin: 30px auto 0;}
.tit6{display: block;margin: 60px auto 0;}

.videoBg5{width: 658px;height: 2479px;margin: 30px auto 0;background: url(../img/videoBg5.jpg) center center no-repeat;position: relative;}
.btn4{position: absolute;left: 50%;margin-left: -120px;top:548px;}

.messageBg{position: absolute;width: 600px;left: 50%;margin-left: -300px;top:655px;}
.messageBg input{width: 272px;height: 44px;box-sizing:border-box;-webkit-box-sizing:border-box;padding-left: 70px;line-height: 44px;background-color: #ffffff;border-radius: 6px;outline: none;border:0;font-size: 19px;margin: 30px 0 0 13px;}
.myname{background: url(../img/icon2.png) left 10px center no-repeat;}
.myphone{background: url(../img/icon3.png) left 10px center no-repeat;}
.messageBg select{width: 272px;height: 44px;box-sizing:border-box;-webkit-box-sizing:border-box;padding-left: 20px;line-height: 44px;border-radius: 6px;outline: none;border:0;background: url(../img/icon4.png) right 5px center no-repeat;background-color: #ffffff;appearance:none;-moz-appearance:none;-webkit-appearance:none;font-size: 19px;margin: 30px 0 0 13px;}
.btn5{position: absolute;left: 50%;margin-left: -110px;top:842px;}





.lunBg{width: 658px;height: 412px;margin: 50px auto 0;position: relative;}
.lunSwiper{width: 100%;height: 100%;}
.next2{position: absolute;width: 57px;height: 41px;background: url(../img/next.png) center center no-repeat;right: -40px;top:50%;margin-top: -20.5px;z-index: 2;}
.prev2{position: absolute;width: 57px;height: 41px;background: url(../img/prev.png) center center no-repeat;left: -40px;top:50%;margin-top: -20.5px;z-index: 2;}

/*bg_3*/
.bg_3{width: 750px;position: relative;margin: 30px auto 0;padding-top: 30px;padding-bottom: 50px;background-color: #132e5a;}
.videoBg4{width: 658px;height: 387px;margin: 0 auto 0;background: url(../img/videoBg4.jpg) center center no-repeat;}
.tit6{display: block;margin: 70px auto 0;}

.bg_4{width: 750px;position: relative;margin: 30px auto 0;padding-top: 30px;padding-bottom: 30px;background-color: #132e5a;}
.logo{display: block;margin: 0 auto 0;}

.btn2{position: fixed;right: 0;top:50%;margin-top: -67px;z-index: 3;}

.fu{position: fixed;right: 0;top:50%;margin-top: -166px;z-index: 3;display: none;}

.btn3{position: absolute;width: 134px;height: 35px;left: 50%;margin-left: -67px;bottom: 20px;background: url(../img/btn3.png) center center no-repeat;}

.add_img{width: 750px;height: 383px;margin: 30px auto 0;background: url(../img/add_img.jpg) center center no-repeat;position: relative;}
.add_img a{position: absolute;width: 100%;height: 100%;top:0;left: 0;}

.tipsBg{position: fixed;z-index: 9;width: 100%;height: 100%;top:0;left: 0;background-color: rgba(0,0,0,0.7);display: none;}
.tipsBg div{width: 658px;height: 338px;position: absolute;left: 50%;margin-left: -329px;top:50%;margin-top: -169px;background: url(../img/tipsBg.png) center center no-repeat;text-align: center;line-height: 338px;font-size: 80px;color: #ffd110;cursor: pointer;}
.close{position: absolute;top:20px;right: 20px;}
















/*================================*/
/*===========动画效果=============*/
/*================================*/
.kuangBig{-webkit-animation: kuangBig 1s linear both infinite;}
.cloudMove{-webkit-animation: cloudMove 5s ease both infinite;}
.bigg1{-webkit-animation: bigg1 1.2s ease both infinite;}
.rotate{-webkit-animation: rotate 2.5s linear both infinite;}
.rotate2{-webkit-animation: rotate2 2.5s linear both infinite;}
.pulse{-webkit-animation: pulse 0.7s ease both infinite}
.shake{-webkit-animation: shake 3s ease-in-out both infinite;animation: shake 3s ease-in-out both infinite;}


.bounce{-webkit-animation: bounce 1.5s ease-in-out both infinite;animation: bounce 1.5s ease-in-out both infinite;}



@-webkit-keyframes bounce {
    0%, 100%, 20%, 53%, 80% {
        -webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    40%, 43% {
        -webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform:translate3d(0, -30px, 0);
        transform:translate3d(0, -30px, 0)
    }
    70% {
        -webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform:translate3d(0, -15px, 0);
        transform:translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform:translate3d(0, -4px, 0);
        transform:translate3d(0, -4px, 0)
    }
}
@keyframes bounce {
    0%, 100%, 20%, 53%, 80% {
        -webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
        -webkit-transform:translate3d(0, 0, 0);
        -ms-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    40%, 43% {
        -webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform:translate3d(0, -30px, 0);
        -ms-transform:translate3d(0, -30px, 0);
        transform:translate3d(0, -30px, 0)
    }
    70% {
        -webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
        -webkit-transform:translate3d(0, -15px, 0);
        -ms-transform:translate3d(0, -15px, 0);
        transform:translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform:translate3d(0, -4px, 0);
        -ms-transform:translate3d(0, -4px, 0);
        transform:translate3d(0, -4px, 0)
    }
}

/**/
@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform:translate3d(-10px, 0, 0);
        transform:translate3d(-10px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform:translate3d(10px, 0, 0);
        transform:translate3d(10px, 0, 0)
    }
}
@keyframes shake {
    0%, 100% {
        -webkit-transform:translate3d(0, 0, 0);
        -ms-transform:translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform:translate3d(-10px, 0, 0);
        -ms-transform:translate3d(-10px, 0, 0);
        transform:translate3d(-10px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform:translate3d(10px, 0, 0);
        -ms-transform:translate3d(10px, 0, 0);
        transform:translate3d(10px, 0, 0)
    }
}

/*tada*/
@-webkit-keyframes pulse {
    0% {
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
    50% {
        -webkit-transform:scale3d(1.05, 1.05, 1.05);
        transform:scale3d(1.05, 1.05, 1.05)
    }
    100% {
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
}
/*rotate*/
@-webkit-keyframes rotate {
  0% {
    -webkit-transform:rotate(0deg);
  }
  100%{
    -webkit-transform:rotate(360deg);
  }
}
/*rotate2*/
@-webkit-keyframes rotate2 {
  0% {
    -webkit-transform:rotate(360deg);
  }
  100%{
    -webkit-transform:rotate(0deg);
  }
}

/*kuangBig*/
@-webkit-keyframes kuangBig {
  0% {
    -webkit-transform: scale3d(1,1,1);
  }
  50%{
    -webkit-transform: scale3d(1.5,1.5,1.5);
  }
  100%{
    -webkit-transform: scale3d(1,1,1);
  }
  
}
/*cloudMove1*/
@-webkit-keyframes cloudMove {
  0% {
    -webkit-transform: translate3d(0,0,0);
  }
  50%{
    -webkit-transform: translate3d(0,20px,0);
  }
  100%{
    -webkit-transform: translate3d(0,0,0);
  }
}


/*bigg1*/
@-webkit-keyframes bigg1 {
  0% {
    opacity: 1;
    -webkit-transform: scale3d(0,0,0);
  }
  
  50%{
    opacity: 1;
  }
  100%{
    opacity: 0;
    -webkit-transform: scale3d(1.3,1.3,1.3);
  }
  
}