.container-fluid{overflow: hidden;}
/*设置placeholder的颜色样式*/
::-webkit-input-placeholder {color:#999; }
:-moz-placeholder {color:#999;}
::-moz-placeholder {color:#999;}
:-ms-input-placeholder {color:#999;}

/* 被选中的文本颜色变化IE9+ */
::selection{background:#333;color:#fff;text-shadow:none;}
::-moz-selection{background:#333;color:#fff;text-shadow:none;}
input,textarea{-webkit-appearance: none;appearance: none;}

.color-b{color: #096fd5;}
.color-4{color: #444;}
.pt-60{padding-top: 60px;}
.lh-30{line-height: 30px;}
/*动画*/
.birdAnimate{-webkit-animation: birdAnimate 7s linear both infinite;animation: birdAnimate 7s linear both infinite;}
.rotateWord{-webkit-animation:rotateWord 2s both;animation:rotateWord 2s both;}
.fadeInUp{-webkit-animation:fadeInUp .5s linear both;animation:fadeInUp .5s linear both;}
.bounceInDown{-webkit-animation: bounceInDown 1s both;animation: bounceInDown 1s both;}
.ent_moveInTopBounce{-webkit-animation: ent_moveInTopBounce 4s both infinite;animation: ent_moveInTopBounce 4s both infinite;}
.cloudTranslate{-webkit-animation: cloudTranslate 12s linear both infinite alternate;animation: cloudTranslate 12s linear both infinite alternate;}

.top-word2{}
.top-word3{-webkit-animation-delay: .5s;animation-delay: .5s;}
.top-word4{-webkit-animation-delay: .7s;animation-delay: .7s;}
.top-word5{-webkit-animation-delay: .9s;animation-delay: .9s;}
.top-word6{-webkit-animation-delay: 1.1s;animation-delay: 1.1s;}
.top-word7,.top-word8,.top-word9,.top-word10,.top-word11,.top-word12{-webkit-animation-delay: 1.5s;animation-delay: 1.5s;}

.top-eword{-webkit-animation-delay: 2s;animation-delay: 2s;}
.img-bird >img:nth-child(2){-webkit-animation-delay: 2s;animation-delay: 2s;}
.menu-2040 >img:nth-child(1){-webkit-animation-delay: 2.2s;animation-delay: 2.2s;}
.menu-2040 >img:nth-child(2){-webkit-animation-delay: 2.4s;animation-delay: 2.4s;}
.menu-2040 >img:nth-child(3){-webkit-animation-delay: 2.6s;animation-delay: 2.6s;}
.menu-2040 >img:nth-child(4){-webkit-animation-delay: 2.8s;animation-delay: 2.8s;}
/*loading*/
#loading{width: 100%;height: 100%;position: fixed;top: 0;right: 0;bottom: 0;left: 0;background-color: rgba(255,255,255,.9);background-color: #444\9;z-index: 99;}
.loading-bg{width: 100%;height: 100%;}
.loading-contain{width: 190px;height:30px;position: absolute;top: 0;bottom: 0;left:0;right: 0;margin: auto;}
.loading-contain>img{width: 30px;margin: 0 5px;}
.loading-contain>img:nth-child(2){-webkit-animation-delay: .1s;animation-delay: .1s;}
.loading-contain>img:nth-child(3){-webkit-animation-delay: .2s;animation-delay: .2s;}
.loading-contain>img:nth-child(4){-webkit-animation-delay: .3s;animation-delay: .3s;}
/*导航标签*/
.menu-tab{display:none;width: 80px;height: 80px;line-height:80px;border-radius: 40px;background: rgba(9,111,213,.7);position: fixed;left: 15px;top: 15px;z-index: 10;}
.menu-tab >span{width: 60%;height: 5px;background: #fff;display: block;vertical-align: middle;margin: 37px auto;position: relative;}
.menu-tab >span:before,.menu-tab >span:after{content:'';display:block;height: 5px;width:100%;position:absolute;top: -13px;left:0;z-index: 10;background: #fff;-webkit-transition: all .25s ease;transition: all .25s ease;}
.menu-tab >span:after{top: 13px;}
.menu-tab.show{top: auto;left: 0;right: 0;bottom:15px;margin: auto;}
.menu-tab.show>span{visibility: hidden;}
.menu-tab.show>span:before,.menu-tab.show>span:after{visibility: visible;-webkit-transform: translate(0,13px) rotate(45deg);transform: translate(0,13px) rotate(45deg);}
.menu-tab.show >span:after{-webkit-transform: translate(0,-13px) rotate(-45deg);transform: translate(0,-13px) rotate(-45deg);}
/*侧边菜单导航*/
.side-menu{left: -100px;top: 120px;}/*原top161px*/
.menu-2040 img{width: 20px;}
.menu-contain{width:120px;height: 316px;background: url("imgmenu-bg2.png") no-repeat left top;}
.menu-contain .navbar-nav>li{width: 100px;height: 40px;line-height:30px;margin: 0 auto;text-align: center;padding: 5px;padding-right: 10px;float: none;}
.menu-contain li a{width:100%;height: 100%;}
.menu-contain li a:hover,.menu-contain li a:focus{color: #fff;-webkit-transform: scale(1.1);transform: scale(1.1);}
.add-comment{height: 440px;}
.scroll-top{width:55px;height:55px;border-radius: 50%;bottom: 0;left: 32px;cursor: pointer;display: block !important;}
.scroll-top:hover{background-color: rgba(255,255,255,.5);}
/*头部*/
.header{height: 488px;background: url("imgtop-bg.png") no-repeat center top;}
.header .container{height: 255px;}
.top-cloud{left: 0;bottom: 0;max-width:100%;}
.img-bird >img{top: 30px;left: 0;}
.img-bird >img:first-child{top: 45px;left: 20px;}
.top-word >img{display: inline-block;}
/*底部*/
.footer{height: 180px;background: url("imgbottom-bg.jpg") no-repeat center bottom;line-height: 24px;}
/*首页--------------------------*/
/*过去、现在、将来*/
.info-intro2{margin-top: -245px;z-index: 4;}
.tab-left-bg{top: 0;left: -24px;}
.tab-right-bg{top: 0;right: -16px;}
.plan-nav{background-color: #096fd5;position: relative;z-index: 2;}
.plan-nav2{background-color: #2a4a7f;}
/*.plan-nav >li{float: left;width:33.333%;}*/
.plan-nav >li a{display: block;width:100%;height:100%;padding-top: 10px;padding-bottom: 15px;}
.tab-img2,.plan-nav >li.active .tab-img1{display: none;}
.plan-nav >li.active .tab-img2{display: inline-block;}
/*更改成文字简介加视频*/
.video-info{line-height: 30px;font-size: 15px;}
.video-info2{padding-top: 40px;}
.video-bg{display:block;width: 100%;padding-top: 75%;background: url("imgpause_scgedyke_out.png") no-repeat center center;}
.video-bg:hover{background: url("imgpause_scgedyke_on.png") no-repeat center center;}
.video-bg>img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: -1;}
.future-btn{width: 150px;height: 50px;line-height: 46px;border: 2px solid #096fd5;display: block;margin: 30px auto;text-align: center;font-size: 18px;color: #096fd5;font-weight: bold;}
.future-btn:hover{background-color: #096fd5;color: #fff;font-size: 20px;}
/*轮播切换*/
.tab-content .swiper-container{width: 94%;padding-top: 35px;}
.tab-content .swiper-slide{padding: 0 0.5%;height: auto !important;}
.plan-part{display:block;width: 100%;padding-top:128%;float: left;-webkit-transition: none;transition: none;}
.plan-part:first-child{margin-left: 0;}
.plan-part >img{width:100%;min-height:100%;top:50%;top:0\9;left:0;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.plan-part > p{background: rgba(47,47,47,.7);background:rgb(47,47,47)\9;height: 38.5%;line-height:20px;padding: 22px;position: absolute;bottom: 0;left: 0;right:0;-webkit-transition: all .25s ease;transition: all .25s ease;}
.plan-part:hover p{padding-top: 30px;}
/*工作动态、对外发布、规划普及*/
.intro-title,.intro-swiper,.w-440{width: 100%;}
.intro-swiper{height: 276px;margin-left: 0;}
.intro-swiper .swiper-slide{/*padding-left: 10px;*/}
.scan-more a:hover{color: #333;}
.intro-pagination{left: 0;bottom: 0;}
.intro-pagination li{display: inline-block;width: 12px;height: 12px;margin:0 5px;border-radius: 8px;background: #ccc;}
.intro-pagination li.active{background: #39a2ef;}

.plan-intro2{padding: 40px 0 0;z-index: 2;}
.info-nav,.info-intro2 .tab-content{width: 98%;margin-left:auto;margin-right:auto;}
.info-intro2 .tab-content{width: 100%;padding: 30px 1% 0;}
.info-nav li{width: 33.33%;padding: 0 5px;float: left;}
.info-nav li a{display: block;}
.info-line{width: 100%;height: 13px;background: #444;position: relative;}
.info-line:after{content: '';display: block;height: 100%;width:0;left:0;top:0;position: absolute;-webkit-transition: all .25s ease;transition: all .25s ease;}
.info-nav li.active p,.info-nav li a:hover p{color: #096fd5;}
.info-nav li.active .info-line:after,
.info-nav li a:hover .info-line:after{width: 100%;background: #096fd5;}
.info-intro2 .tab-content a,.info-intro2 .intro-swiper a{padding: 0 10px 5px;margin-bottom: 15px;position: relative;}
.info-intro2 .plan-info  a{margin-bottom: 5px;padding-left: 15px;}
.tab-content a:after,.intro-swiper a:after{content: '';display: block;width: 3px;position:absolute;left: 0;bottom: 0;height: 0;background-color: #096fd5;-webkit-transition: all .25s ease;transition: all .25s ease;}
.intro-swiper2 a:after{background-color: #2a4a7f;}
.info-intro2 .plan-info  a:after{height: 5px !important;width:5px;background:#ccc;bottom: 14px;left: 5px;}
/*.info-intro2 .intro-swiper a:hover:after{height: 20px !important;;bottom: 6px;background: #096fd5;}*/
.info-intro2 .plan-info.intro-swiper2  a:hover:after{height: 20px !important;;bottom: 6px;background: #2a4a7f;}
.info-intro2 .tab-content a:hover:after,.info-intro2 .intro-swiper a:hover:after{height: 100%;}
.info-title,.info-content{line-height: 24px;}
.info-title{width: 100%;height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.info-title >p{max-width: 70%;height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.info-content{height:48px;overflow: hidden;border-top: 1px dashed #999;padding: 5px 0;  margin-top: 5px;  width: 100%;}
.tab-content>.tab-pane:after{content:'';clear: both;display: block;width: 0;height: 0;}
/*大家谈*/
.comment{height: 731px;background: url("imgcomment-bg.png") no-repeat center top;padding-top: 120px;margin-top: -40px;}
.comment:before{content:'';position: absolute;top: 0;right: 0;width: 100%;height: 100%;background-color: #fff;opacity: .5;}
.comment-left{width: 390px;height: 451px;background: url("imgcomment-left.png");}
.add-comment{width:365px;height:405px;padding:16px;margin-left: 16px;margin-top: 16px;}
.comment-tip{padding-left:82px;text-align: justify;}
.comment-img img{left: 0;top: 0;}
.comment-tip >p:first-child{text-align: left;}
.board-box{height: 160px;border: none;outline: none;padding: 10px;resize: none;}
.tel-input{width: 150px;height: 35px;padding: 5px 10px;line-height: 25px;outline: none;background: #fff;border: none;margin-left: 15px;}
.submit-btn{width: 90px;height: 30px;margin-top:3px;line-height: 30px;outline: none;border: none;border-radius: 3px;background-color: #d9d9d9;text-align: center;}
.submit-btn:hover,.submit-btn:active{background-color: #999;color: #fff;}
.comment-right{width: 530px;height: 400px;margin-top: 5px;background-color: #444;padding: 20px 30px 30px;}
.comment-right:before{display: block;content: '';width: 98%;height: 15px;background: #080808;position: absolute;bottom: -15px;right: 0;}
.comment-right:after{display: block;content:'';width: 100%;height: 100%;position: absolute;top:0;left:0;z-index: 3;}
#comment-container{width: 100%;max-height: 340px;overflow: hidden;}
#comment-container .swiper-slide{padding: 10px 0;width:100%;position: relative;}
.comment-num{position:absolute;left:0;top:10px;width: 60px;height: 31px;line-height: 31px;border-radius: 3px;text-align: center;color: #fff;background-color: #096fd5;}
.comment-content{line-height: 22px;color: #fff;padding-left: 75px;min-height: 31px;}
.code-contain{bottom: -60px;right: 10px;z-index: 3;}
.code-img{top: 34px;left:16px;width: 65px;height:65px;}
.link-line{width: 720px;height: 40px;border: 2px solid #096fd5;border-top: none;bottom: -45px;left: 185px;z-index: 2;}
.link-line:before{content:'';display:block;width: 10px;height: 10px;border-radius: 100%;border: 2px solid #096fd5;position:absolute;top: -5px;left: -6px;background-color: #fff;}

.plan-intro2,.info-intro2,.comment{padding-left: 0;padding-right: 0;}
/*覆盖swiper默认样式*/
.swiper-slide{box-sizing: border-box;}
.tab-content .swiper-wrapper,.tab-content .swiper-slide{height: auto !important;}
.navbar-nav>li>a{padding: 0 10px 0 0 !important;line-height: 27px;}
/*详情列表页-------------------*/
.list-title{height: 40px;line-height: 40px;padding-left: 30px;}
.list-title a:hover,.list-title a:focus{color: #fff;-webkit-transform: scale(1.1);transform: scale(1.1);}
.list-content{padding-left: 15px;padding-right: 15px;min-height: 400px;}
.list-content a,.info-intro2 .list-content2 a{padding: 12px 0 15px;border-bottom: 1px dashed #999;margin-bottom: 0;}
.info-intro2 .list-content2{padding-top: 10px;padding-bottom: 30px;}
.list-content p{-webkit-transition: all .25s ease;transition: all .25s ease;}
.list-content a:after{left: -10px;}
.list-content a:hover:after,.info-intro2 .list-content2 a:hover:after{height: 80%;top:0;bottom:0;margin:auto 0;}
.info-content{border: none;margin-top: 0;}
/*分页*/
.page ul,.page ul >li{display: inline-block;}
.page ul >li a{color: #999;padding: 5px 12px;display: block;border: 1px solid #ddd;border-radius: 5px;}
.page ul >li.active a,.page ul >li:hover a{color: #fff;background-color: #096fd5;}
/*详情页--------------------------*/
.detail-tip{background-color: #eee;line-height: 20px;min-height: 20px;padding: 5px;}
.detail-tip >span{padding:0  10px;}
.detail-content{border-bottom: 1px dashed #999;}
.detail-content img{max-width:100%;}
.page-change a:hover,.page-change a:focus{color: #096fd5;}
.page-share span.f-l{margin: 6px;line-height: 24px;}
.page-share a{-webkit-transition: none;transition:none;}
/*视频详细*/
.video{width: 80%;margin-left: auto;margin-right: auto;background-color: #333;}
.video-contain{padding-top: 63.3%;}
.video-contain #a1{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
/*公众参与*/
.list-content .add-comment{width: 100%;padding: 16px 0;margin-left: 0;height: auto;}
.list-content .board-box{border: none;border:1px solid #096fd5\9;display:block;-webkit-box-shadow: 0 0 5px rgba(9,111,213,.7);box-shadow: 0 0 5px rgba(9,111,213,.7);border-radius: 5px;}
.list-content .tel-input{width: 60%;display:block;border: none;border:1px solid #096fd5\9;-webkit-box-shadow: 0 0 5px rgba(9,111,213,.7);box-shadow: 0 0 5px rgba(9,111,213,.7);border-radius: 5px;}
.board-box:focus,.tel-input:focus{border: none;box-shadow: 0 0 5px rgba(9,111,213,1);}
.list-content .submit-btn{width:20%;background-color: #096fd5;color: #fff;}
.list-content .submit-btn:hover{background-color: #096fd5;}
.list-content .comment-content{color: #444;}
.message-title:before{content:'';display:block;width:100%;height:1px;background: #fae92e\9;position: absolute;left: 0;top: 15px; box-shadow: 0 0 4px rgba(9,111,213,.8);}
.message-title >span{display: inline-block;height:30px;line-height:20px;padding: 5px 15px;background: #fff;position: relative;color: #333;}
#message-contain{width: 100%;padding-top: 40px;}
#message-contain .swiper-slide{position: relative;margin:10px 0;}
#message-contain .comment-num {top: 0;}

/*规划普及*/
.popularization{ padding-top: 50px;margin-top: 35px;padding-left: 0;padding-right: 0;height: 380px; }
.popularization{ background: url(imgcomment-bg.png) no-repeat center top; }
.pop-swiper{ height: 114px;margin-left: 0; }
.popularization-title{ margin-bottom: 30px; }
.popleft{ padding-right: 5%; }
.popright{ padding-left: 5%; }
.pop-swiper a { line-height: 29px;height: 29px;color: #777; }
.pop-swiper a:hover { color: #333; }
.pop-swiper a>.time { float: right; }
.popcontentitem{ font-family: "microsoft yahei";line-height: 29px;font-size: 16px;padding: 0 10px 5px 15px;margin-bottom: 5px; }
.popcontentitem:after{content: '';display: block;width: 3px;position:absolute;left: 0;bottom: 0;height: 0;background-color: #096fd5;-webkit-transition: all .25s ease;transition: all .25s ease;}
.popcontentitem:after{background-color: #2a4a7f;}
.popcontentitem:after{height: 5px !important;width:5px;background:#ccc;bottom: 15px;left: 2px;}
.popcontentitem:hover:after{height: 20px !important;bottom: 5px;background: #2a4a7f;}
.poppagination{ left:0;bottom:0; }
.swiper-pagination-switch{ display: inline-block;width: 12px;height: 12px;margin: 0 5px;border-radius: 8px;background-color: #ccc; }
.swiper-active-switch{ background-color: #39a2ef; }
.popbgleft{ background: url(imgpopbgleft.png) no-repeat left;width: 100%;height: 125px;z-index: 5;left: -40px;bottom: -10px; }
.popbgright{ background: url(imgpopbgright.png) no-repeat right;width: 100%;height: 125px;z-index: 5;right: -40px;top: 80px; }

/*覆盖bootstrap*/
@media (min-width: 992px){
    .container { width: 800px;}
}
@media (min-width: 1200px){
    .container { width: 986px;}
    .side-menu{left: -120px;}
}
/* pc独有样式 */
@media (min-width: 767px){

}

/* 移动端独有样式 */
@media (max-width: 767px){
    .menu-tab{width: 40px;height: 40px;line-height: 40px;}
    .menu-tab >span{margin: 19px auto;height:2px}
    .menu-tab >span:before,.menu-tab >span:after{height:2px;}
    .menu-tab >span:before{top: -8px;}
    .menu-tab >span:after{top: 8px;}
    .menu-tab.show>span:before,.menu-tab.show>span:after{visibility: visible;-webkit-transform: translate(0,8px) rotate(45deg);transform: translate(0,8px) rotate(45deg);}
    .menu-tab.show >span:after{-webkit-transform: translate(0,-8px) rotate(-45deg);transform: translate(0,-8px) rotate(-45deg);}
    .header{background-size: 350% auto;}
    .top-word1,.top-word2,.top-word7,.top-word8,.top-word9,.top-word10,.top-word11,.top-word12{width: 38px;}
    .top-word3{width: 22px;}
    .top-word4,.top-word5{width:25px;}
    .top-eword{width:160px;}
    .tab-left-bg{width:15px;left:-15px;}
    .tab-right-bg{width:13px;right:-13px;}
    .info-intro2 .tab-content a{padding: 0 0 5px;}
    .plan-nav >li img{width:60%;}
    .footer{height: 220px;background-size:150% auto;}
    .footer span{display: block;}
    /*分页*/
    .page ul >li a{font-size: 12px;padding: 5px 10px;}
    .page ul >li.page-first,.page ul >li.page-last{display: none;}
    /*分享*/
    .page-share{float: left !important;}
    /*详情*/
    .list-title{padding-left: 15px;}
    .list-content{padding-left: 0;padding-right: 0;}
    .video{width: 100%;}

    .intro-swiper .col-xs-12{padding: 0;}
    .xs-p0{padding: 0;}
    .xs-mb30{margin-bottom: 30px;}

}

@media (min-width:992px) and (max-width:1199px){
    .video-info{line-height: 26px;font-size: 14px;}
    .video-info2{padding-top: 25px;}
    /*评论*/
    .comment-right{width: 420px;}
    .comment-left{width:341px;background-size:100% 100%;background-repeat: no-repeat;}
    .add-comment{width:335px;padding: 20px 30px 10px 6px;}
    .link-line{width: 575px;left: 156px;}
    .plan-part > p{padding: 10px;}
    .plan-part > p:hover{padding-top: 20px;}
    .pop-swiper{ height: 228px; }
    .popularization{ height: 420px; }
}
/* 特殊尺寸样式 */
@media (max-width:991px){
    #swiper-container1>div:first-child,#swiper-container2>div:first-child,#swiper-container3>div:first-child{margin-bottom: 30px;}
    .video-info2{padding-top: 0;}
    .info-line{height: 5px;margin-top: 5px;}
    .info-intro2 .f-24 {font-size:16px;}
    .comment{margin-top: -80px;height: auto;}
    .popularization{ margin-top: 0px;height: auto;padding-top: 40px;}
    .popularization-title{ margin-bottom: 20px; }
    .pt20-991{ padding-top: 20px; }
    .comment-left{width: 100%;background: #096fd5;height: auto;max-height:400px;float: none;}
    .comment-title >img{width: 50%;}
    .popularization-title >img{width: 50%;}
    .add-comment{width:95%;margin: 0 auto;height: auto;}
    .tel-input{width: 50%;}
    .submit-btn{width:30%;}
    .comment-right{width:100%;padding: 15px;margin-top: 0;height: auto;float: none;}
    .code-contain,.link-line,.menu-2040{display: none;}
    .footer{width: 100%;}
    .pop-swiper{ height: 228px; }
    .popularization{ height: 420px; }
    .p0-992{padding: 0;}
    /*移动端导航*/
    .menu-tab{display: block;}
    .navbar-collapse{display:none;position: fixed;bottom: 0;left: 0;padding:0;height:100%;width: 100%;z-index: 9;margin: 0;visibility: visible;}
    .navbar-collapse .navbar-nav{width: 100%;height: 100% !important;background-color:#444;margin: 0;font-weight: bold;font-size: 22px;}
    .navbar-collapse.show{display: block;}
    .navbar-collapse .navbar-nav>li{float: none;display: block;border-bottom:1px solid rgba(255,255,255,.5);width:100%;height: auto;padding:0;}
    .navbar-collapse .navbar-nav>li.nav-title{-webkit-animation: returnToNormal .5s linear;animation: returnToNormal .5s linear;}
    .navbar-collapse .navbar-nav>li.nav-title:nth-child(1){-webkit-animation-delay: .1s;animation-delay: .1s;}
    .navbar-collapse .navbar-nav>li.nav-title:nth-child(2){-webkit-animation-delay: .2s;animation-delay: .2s;}
    .navbar-collapse .navbar-nav>li.nav-title:nth-child(3){-webkit-animation-delay: .3s;animation-delay: .3s;}
    .navbar-collapse .navbar-nav>li.nav-title:nth-child(4){-webkit-animation-delay: .4s;animation-delay: .4s;}
    .navbar-collapse .navbar-nav>li.nav-title:nth-child(5){-webkit-animation-delay: .5s;animation-delay: .5s;}
    .navbar-collapse .navbar-nav>li>a{display: block;height: auto;line-height:100%;padding: 15px !important;font-size: 18px;font-weight: normal;color: #fff;}
}
@media (min-width: 450px) and (max-width: 767px) {
    .header{background-size: 250% auto;}
}
@media (max-width: 449px) {
    .info-intro2{margin-top: -230px;}
    .header{height: 430px;}
    .info-intro2{padding: 0;}
    .plan-nav >li img{width:60%;}
    .plan-part > p{padding: 5%;}
    .plan-part:hover p{padding-top: 8%;}
    .info-title >p{max-width: 100%;}
    .info-title >span{display: none;}
    .scan-more a{padding-right: 0;}
}

@-webkit-keyframes returnToNormal {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes returnToNormal {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@-webkit-keyframes birdAnimate {
    from{
        -webkit-transform: translate(0px,0px);
        transform: translate(0px,0px);
        opacity: 0;
    }
    50%{
        -webkit-transform: translate(80px,20px);
        transform: translate(80px,20px);
        opacity: 1;
    }

    100%{
        -webkit-transform: translate(160px,0);
        transform: translate(160px,0);
        opacity: 0;
    }
 }
@keyframes birdAnimate {
    from{
        -webkit-transform: translate(0px,0px);
        transform: translate(0px,0px);
        opacity: 0;
    }
    50%{
        -webkit-transform: translate(80px,20px);
        transform: translate(80px,20px);
        opacity: 1;
    }

    100%{
        -webkit-transform: translate(160px,0);
        transform: translate(160px,0);
        opacity: 0;
    }
}
@-webkit-keyframes rotateWord {
    0% { opacity: 0; -webkit-animation-timing-function: ease-in; -webkit-transform: translateY(0) translateZ(300px) rotateY(-120deg); }
    50% { opacity: 1; -webkit-animation-timing-function: ease-out; -webkit-transform: translateY(0px) translateZ(0px) rotateY(0deg); }
    70% { opacity: 1;text-shadow: 0px 0px 0px rgba(255,255,255,1);}
    100% { opacity: 1; text-shadow: 0px 0px 0px rgba(255,255,255,1);}
}
@keyframes rotateWord {
    0% { opacity: 0; animation-timing-function: ease-in; transform: translateY(0) translateZ(300px) rotateY(-120deg); }
    50% { opacity: 1; animation-timing-function: ease-out; transform: translateY(0px) translateZ(0px) rotateY(0deg); }
    70% { opacity: 1;text-shadow: 0px 0px 0px rgba(255,255,255,1);}
    100% { opacity: 1; text-shadow: 0px 0px 0px rgba(255,255,255,1);}
}
@-webkit-keyframes cloudTranslate {
    from{
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
    }
    to{
        -webkit-transform: translate(30%,0);
        transform: translate(30%,0);
    }
 }
@keyframes cloudTranslate {
    from{
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
    }
    to{
        -webkit-transform: translate(30%,0);
        transform: translate(30%,0);
    }
}
@-webkit-keyframes ent_moveInTopBounce {
    0% {
        -webkit-transform: translate3d(0,-30%,0);
        -moz-transform: translate3d(0,-30%,0);
        -ms-transform: translate3d(0,-30%,0);
        -o-transform: translate3d(0,-30%,0);
        transform: translate3d(0,-30%,0);
        opacity: 0
    }

    7.5% {
        -webkit-transform: translate3d(0,20%,0);
        -moz-transform: translate3d(0,20%,0);
        -ms-transform: translate3d(0,20%,0);
        -o-transform: translate3d(0,20%,0);
        transform: translate3d(0,20%,0)
    }

    9.25% {
        -webkit-transform: translate3d(0,-10%,0);
        -moz-transform: translate3d(0,-10%,0);
        -ms-transform: translate3d(0,-10%,0);
        -o-transform: translate3d(0,-10%,0);
        transform: translate3d(0,-10%,0);
        opacity: 1
    }

    11% {
        -webkit-transform: translate3d(0,5%,0);
        -moz-transform: translate3d(0,5%,0);
        -ms-transform: translate3d(0,5%,0);
        -o-transform: translate3d(0,5%,0);
        transform: translate3d(0,5%,0)
    }

    100%,12.5% {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}
@keyframes ent_moveInTopBounce {
    0% {
        -webkit-transform: translate3d(0,-30%,0);
        -moz-transform: translate3d(0,-30%,0);
        -ms-transform: translate3d(0,-30%,0);
        -o-transform: translate3d(0,-30%,0);
        transform: translate3d(0,-30%,0);
        opacity: 0
    }

    7.5% {
        -webkit-transform: translate3d(0,20%,0);
        -moz-transform: translate3d(0,20%,0);
        -ms-transform: translate3d(0,20%,0);
        -o-transform: translate3d(0,20%,0);
        transform: translate3d(0,20%,0)
    }

    9.25% {
        -webkit-transform: translate3d(0,-10%,0);
        -moz-transform: translate3d(0,-10%,0);
        -ms-transform: translate3d(0,-10%,0);
        -o-transform: translate3d(0,-10%,0);
        transform: translate3d(0,-10%,0);
        opacity: 1
    }

    11% {
        -webkit-transform: translate3d(0,5%,0);
        -moz-transform: translate3d(0,5%,0);
        -ms-transform: translate3d(0,5%,0);
        -o-transform: translate3d(0,5%,0);
        transform: translate3d(0,5%,0)
    }

    100%,12.5% {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}