@charset "utf-8";
html{color:#000;background:#fff;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html *{outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body {background:#FFF;color:#4a4f5a;font: 400 14px/1.5 "微软雅黑",Helvetica,STHeiti,Droid Sans Fallback;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-tap-highlight-color:rgba(0,0,0,0);}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
input,select,textarea{font-size:100%}
article,aside,footer,header,nav,section,audio,canvas,video,img {display: block;}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
abbr,acronym{border:0;font-variant:normal}
del{text-decoration:line-through}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
button{outline:0;border:none;}
a:hover{text-decoration:none}
ins,a{text-decoration:none}
textarea {resize: none;}
iframe,img {border:0;}
img{display:block;width:100%;}
ul,ol {list-style:none;}
input,select,textarea {outline: 0;-webkit-user-modify: read-write-plaintext-only;}
input {-webkit-appearance: none;}
.pr{position:relative;}
.abs{position: absolute}
.fl{float:left;display:inline-block;}
.fr{float:right;display:inline-block;}
.clearfix:after{content:".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix{*zoom:1;}
.wrap{min-width: 320px;max-width:768px;margin:0 auto;overflow:hidden;position:relative;}

/*加载进度层*/
.loading{ width:100%; height:100%;z-index:999; overflow:hidden;background:#000;position: fixed;top:0;left:0;}
.loading .progress{width:111px;height:111px;position:absolute;left:50%;top:50%; margin:-55px 0 0 -55px;}
.loading .rond{height:100px;width:100px;background:rgba(255, 255, 255, 0.05);border:1px solid rgba(255, 255, 255, 0.5);border-radius:50%;position:absolute;top:5px;left:5px;animation:rond 2s infinite;-webkit-animation : rond 2s infinite;}
.loading .pTest{height:10px;width:10px;position:absolute; background:rgba(255, 255, 255,1);border-radius:50%;top:9px;left:10px;}
.loading .loadedtxt{color:#fff; line-height:110px; text-align:center;}
.loading img{opacity: .2;}
@-webkit-keyframes rond{0%{-webkit-transform:rotate(0deg);}100% {-webkit-transform:rotate(360deg);}}
@-moz-keyframes rond{0%{-moz-transform:rotate(0deg);}100% {-moz-transform:rotate(360deg);}}
@keyframes rond {0%{transform :rotate(0deg);}100%{transform :rotate(360deg);}}

/*播放小喇叭*/
#audio_btn{position:fixed;top: 2%;right: 5%;width: 8%;z-index:9999;}
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;  }

/*左右箭头*/
.swiper-button-prev,.swiper-button-next{ width:0.48rem; height:0.52rem; margin:-0.26rem 0 0 -0.1rem; background:url(/images/cdeledu/zbnew8/jt_l.png) no-repeat; background-size: 0.48rem auto; -webkit-animation:pulsate_ani 4s ease infinite; animation:pulsate_ani 4s ease infinite;  }
.swiper-button-next{ margin:-0.26rem -0.1rem 0 0; background:url(/images/cdeledu/zbnew8/jt_r.png) no-repeat; background-size: 0.48rem auto;}
.swiper-button-disabled{ z-index:-1;}

/*云飘*/
.cloud,.cloud2{ position: absolute; top: 0; left: -50%; -webkit-animation:clouds 120s linear 0s infinite both; animation:clouds 120s linear 0s infinite both; z-index:2;}
.cloud img{ width: 7.6rem; height: auto;}
.cloud2{ left: 50%;}
.cloud2 img{ width: 6.94rem; height: auto;}

/*框架*/
.swiper-container {width: 100%;height: 100%;position:absolute;overflow:hidden;}
.swiper-slide {width: 100%;height: 100%; overflow: hidden;}
.swiper-slide .slide-in {width: 100%;height: 100%;position:relative;overflow:hidden;}

/*第一页*/
.slide1 {background:url(/images/cdeledu/zbnew8/bg1.jpg) no-repeat center; background-size:108% 108%;}
.slide1 .slide-in{background:url(/images/cdeledu/zbnew8/bg1.jpg) no-repeat center; background-size:108% 108%; -webkit-animation:slide1_bg_ani 2s 0s 1 both; animation:slide1_bg_ani 2s 0s 1 both;}
.slide1 .slide-in .img01{top:0; left:0; -webkit-animation:fadeInDown 2s 1s 1 both; animation:fadeInDown 2s 1s 1 both; z-index: 3;}
.slide1 .slide-in .img02{top:0; left:0; -webkit-animation:zoomInDown 2s 0s 1 both; animation:zoomInDown 2s 0s 1 both; z-index: 3;}
.slide1 .slide-in .img03{bottom:0; left:0; -webkit-animation:zoomIn 2s 1s 1 both; animation:zoomIn 2s 1s 1 both;}
.slide1 .slide-in .img04{bottom:0; left:0; -webkit-animation:zoomIn 2s 2s 1 both; animation:zoomIn 2s 2s 1 both;}

/*第二页*/
.slide2 {background:url(/images/cdeledu/zbnew8/bg2.jpg) no-repeat center; background-size:108% 108%;}
.slide2 .slide-in{background:url(/images/cdeledu/zbnew8/bg2.jpg) no-repeat center; background-size:108% 108%; -webkit-animation:slide1_bg_ani 2s 0s 1 both; animation:slide1_bg_ani 2s 0s 1 both;}
.slide2 .slide-in .img01{top:0; left:0; -webkit-animation:fadeInDown 2s 0s 1 both; animation:fadeInDown 2s 0s 1 both; z-index: 3;}
.slide2 .slide-in .img02{top:0; left:0; -webkit-animation:fadeIn 2s 0s 1 both; animation:fadeIn 2s 0s 1 both; z-index: 3;}
.slide2 .slide-in .img03{ -webkit-animation:zoomIn 2s 0.5s 1 both; animation:zoomIn 2s 0.5s 1 both; margin-top: 2.22rem; z-index: 3;}
.slide2 .slide-in .img04{ -webkit-animation:zoomIn 2s 1s 1 both; animation:zoomIn 2s 1s 1 both; z-index: 3;}
.slide2 .slide-in .img05{ -webkit-animation:zoomIn 2s 1.4s 1 both; animation:zoomIn 2s 1.4s 1 both;}
.slide2 .slide-in .img06{ -webkit-animation:zoomIn 2s 1.8s 1 both; animation:zoomIn 2s 1.8s 1 both;}
.slide2 .slide-in .img07{ -webkit-animation:zoomIn 2s 2.2s 1 both; animation:zoomIn 2s 2.2s 1 both;}
.slide2 .slide-in .img08{ -webkit-animation:zoomIn 2s 2.4s 1 both; animation:zoomIn 2s 2.4s 1 both;}
.slide2 .slide-in .img09{ -webkit-animation:zoomIn 2s 2.6s 1 both; animation:zoomIn 2s 2.6s 1 both;}
.slide2 .slide-in .img10{ -webkit-animation:zoomIn 2s 2.8s 1 both; animation:zoomIn 2s 2.8s 1 both;}
.slide2 .slide-in .img11{ -webkit-animation:zoomIn 2s 3s 1 both; animation:zoomIn 2s 3s 1 both;}
.slide2 .slide-in .img12{ -webkit-animation:strDwon 2s cubic-bezier(1,1,0,1) 3.5s 1 both; animation:strDwon 2s cubic-bezier(1,1,0,1) 3.5s 1 both;}

/*第三页*/
.slide3 {background:url(/images/cdeledu/zbnew8/bg3.jpg) no-repeat center; background-size:100% 100%;}
.slide3 .slide-in .img01{top:0; left:0; -webkit-animation:fadeInDown 2s 0s 1 both; animation:fadeInDown 2s 0s 1 both; z-index: 3;}
.slide3 .slide-in .img02{top:0; left:0; -webkit-animation:fadeInRight 2s 0s 1 both; animation:fadeInRight 2s 0s 1 both; z-index: 3;}
.slide3 .slide-in .img03{top:0; left:0; width: 100%; height: 100%; -webkit-animation:fadeIn 2s 1s 1 both; animation:fadeIn 2s 1s 1 both; z-index: 3;}
.slide3 .slide-in .img04{top:0; left:0; width: 100%; height: 100%; -webkit-animation:bounceInUp 1.5s 1s 1 both; animation:bounceInUp 1.5s 1s 1 both;}
.slide3 .slide-in .img05{top:0; left:0; width: 100%; height: 100%; -webkit-animation:bounceInUp 1.5s 1.5s 1 both; animation:bounceInUp 1.5s 1.5s 1 both;}
.slide3 .slide-in .img06{top:0; left:0; width: 100%; height: 100%; -webkit-animation:bounceInUp 1.5s 2s 1 both; animation:bounceInUp 1.5s 2s 1 both;}
.slide3 .slide-in .img07{top:0; left:0; width: 100%; height: 100%; -webkit-animation:bounceInUp 1.5s 2.5s 1 both; animation:bounceInUp 1.5s 2.5s 1 both;}
.slide3 .slide-in .img08{top:0; left:0; width: 100%; height: 100%; -webkit-animation:bounceInUp 1.5s 3s 1 both; animation:bounceInUp 1.5s 3s 1 both;}
.slide3 .slide-in .a1{ display: block; top:4.06rem; left:1.16rem; width:2.52rem; height: 3.09rem; z-index: 4;}
.slide3 .slide-in .a2{ display: block; top:5.9rem; left:4.9rem; width:2.52rem; height: 3.09rem; z-index: 4;}
.slide3 .slide-in .a3{ display: block; top:8.6rem; left:1.6rem; width:2.55rem; height: 3.2rem; z-index: 4;}
.slide3 .slide-in .a4{ display: block; top:10.6rem; left:6.2rem; width:2.52rem; height: 3.09rem; z-index: 4;}
.slide3 .slide-in .a5{ display: block; top:13.15rem; left:1.8rem; width:2.52rem; height: 3.09rem; z-index: 4;}

/*第四页*/
.slide4 {background:url(/images/cdeledu/zbnew8/bg3.jpg) no-repeat center; background-size:100% 100%;}
.slide4 .slide-in .img01{top:0; left:0; -webkit-animation:fadeInRight 1s 0s 1 both; animation:fadeInRight 1s 0s 1 both; z-index: 3;}
.slide4 .slide-in .img02{top:0; left:0; -webkit-animation:expandOpen 2s 1s 1 both; animation:expandOpen 2s 1s 1 both; z-index: 4;}
.slide4 .slide-in .img03{top:0; left:0; -webkit-animation:fadeIn 1s 3s 1 both; animation:fadeIn 1s 3s 1 both; z-index: 3;}
.slide4 .slide-in .wz4-3{ margin: 6.2rem 1.5rem 0 1.5rem; z-index: 9; -webkit-animation:fadeIn 2s 1.5s 1 both; animation:fadeIn 2s 1.5s 1 both;}
.slide4 .slide-in .wz4-3-b{ height: 7rem;line-height: 0.61rem; font-size: 0.38rem; overflow: auto; color: #000;}
.slide4 .slide-in .wz4-3-b .bt{ text-align: center; padding: 0.2rem 0; font-size: 0.44rem;}

/*第五页*/
.slide5 {background:url(/images/cdeledu/zbnew8/bg3.jpg) no-repeat center; background-size:100% 100%;}
.slide5 .slide-in .img01{top:0; left:0; -webkit-animation:zoomInLeft 1.5s 0s 1 both; animation:zoomInLeft 1.5s 0s 1 both; z-index: 3;}
.slide5 .bot{ z-index: 3; left: 0; top: 2.55rem; width: 100%;}
.slide5 .wz5-1,.slide5 .wz5-2{ padding: 0 1.22rem; background:url("/images/cdeledu/zbnew8/wz13-1.png") no-repeat; background-size: 10rem auto; height: 6.2rem; -webkit-animation:pullDown 1.5s 1s 1 both; animation:pullDown 1.5s 1s 1 both;}
.slide5 .wz5-2{ -webkit-animation:pullDown 1.5s 1.5s 1 both; animation:pullDown 1.5s 1.5s 1 both;}
.slide5 td{ line-height: 0.76rem; text-align: center; font-size: 0.36rem; color: #5f1f03;}
.slide5 .test{ line-height: 1.19rem; color: #fff06e;}
.slide5 .bx{ border-bottom: 1px dashed #ebbf89;}
.slide5 .hong{ color: #a50b0b;}

/*第六-七页*/
.slide6,.slide7 {background:url(/images/cdeledu/zbnew8/bg3.jpg) no-repeat center; background-size:100% 100%;}
.slide6 .slide-in .img01,.slide7 .slide-in .img01{top:0; left:0; -webkit-animation:zoomInLeft 1.5s 0s 1 both; animation:zoomInLeft 1.5s 0s 1 both; z-index: 3;}
.slide6 .xx,.slide7 .xx{ width: 4px; height: 9.5rem; background:url("/images/cdeledu/zbnew8/xx.png") repeat-y; left: 50%; top:0.42rem; margin-left: -2px; -webkit-animation:fadeIn 2s 1s 1 both; animation:fadeIn 2s 1s 1 both;}
.slide6 .xx2,.slide7 .xx2{ height: 6.9rem;}
.slide6 .bot,.slide7 .bot{ width: 100%; z-index: 9; top: 3.05rem; left: 0;}
.slide6 .nr,.slide7 .nr{ height: 3rem; clear: both;}
.slide6 .nr-pic,.slide7 .nr-pic{ width: 4.04rem;}
.slide6 .nr-c,.slide7 .nr-c{ width: 1.31rem; height: 1.31rem; background-color: #07a321; border-radius: 0.7rem; top: 0; left: 50%; margin-left: -0.65rem; text-align: center; line-height: 1.31rem; font-size: 0.41rem; color: #fff; -webkit-box-shadow:2px 2px 3px #008917; -moz-box-shadow:2px 2px 3px #008917; box-shadow:2px 2px 3px #008917;}
.slide6 .nr-c2,.slide7 .nr-c2{ line-height: 0.44rem; padding-top:0.215rem; height: 1.095rem;}
.slide6 .nr-txt,.slide7 .nr-txt{ width: 3.1rem; padding: 0.4rem 0.7rem 0 0.7rem; line-height: 0.5rem; font-size: 0.34rem; color: #000;}
.slide6 .l1,.slide7 .l1{ -webkit-animation:fadeInLeft 1s 0.8s 1 both; animation:fadeInLeft 1s 0.8s 1 both;}
.slide6 .c1,.slide7 .c1{ -webkit-animation:fadeIn 1s 0.8s 1 both; animation:fadeIn 1s 0.8s 1 both;}
.slide6 .r1,.slide7 .r1{ -webkit-animation:fadeInRight 1s 0.8s 1 both; animation:fadeInRight 1s 0.8s 1 both;}
.slide6 .l2,.slide7 .l2{ -webkit-animation:fadeInLeft 1s 1.2s 1 both; animation:fadeInLeft 1s 1.2s 1 both;}
.slide6 .c2,.slide7 .c2{ -webkit-animation:fadeIn 1s 1.2s 1 both; animation:fadeIn 1s 1.2s 1 both;}
.slide6 .r2,.slide7 .r2{ -webkit-animation:fadeInRight 1s 1.2s 1 both; animation:fadeInRight 1s 1.2s 1 both;}
.slide6 .l3,.slide7 .l3{ -webkit-animation:fadeInLeft 1s 1.6s 1 both; animation:fadeInLeft 1s 1.6s 1 both;}
.slide6 .c3,.slide7 .c3{ -webkit-animation:fadeIn 1s 1.6s 1 both; animation:fadeIn 1s 1.6s 1 both;}
.slide6 .r3,.slide7 .r3{ -webkit-animation:fadeInRight 1s 1.6s 1 both; animation:fadeInRight 1s 1.6s 1 both;}
.slide6 .l4,.slide7 .l4{ -webkit-animation:fadeInLeft 1s 2s 1 both; animation:fadeInLeft 1s 2s 1 both;}
.slide6 .c4,.slide7 .c4{ -webkit-animation:fadeIn 1s 2s 1 both; animation:fadeIn 1s 2s 1 both;}
.slide6 .r4,.slide7 .r4{ -webkit-animation:fadeInRight 1s 2s 1 both; animation:fadeInRight 1s 2s 1 both;}

/*第八页*/
.slide8{background:url(/images/cdeledu/zbnew8/bg3.jpg) no-repeat center; background-size:100% 100%;}
.slide8 .slide-in .img01{top:0; left:0; -webkit-animation:zoomInLeft 1.5s 0s 1 both; animation:zoomInLeft 1.5s 0s 1 both; z-index: 3;}
.slide8 .slide-in .img02{top:0; left:0; -webkit-animation:fadeIn 2s 1s 1 both; animation:fadeIn 2s 1s 1 both; z-index: 3;}
.slide8 .slide-in .img03{-webkit-animation:fadeIn 2s 3s 1 both; animation:fadeIn 2s 3s 1 both; margin-top: 0.3rem; }
.slide8 .slide-in .cen{ margin: 3.9rem 0.72rem 0; z-index: 3;}
.slide8 .slide-in .cen .nr1,.slide8 .slide-in .cen .nr2,.slide8 .slide-in .cen .nr3,.slide8 .slide-in .cen .nr4{ color: #000; font-size: 0.38rem; line-height: 0.58rem; margin-bottom: 0.2rem; -webkit-animation:fadeIn 2s 1s 1 both; animation:fadeIn 2s 1s 1 both;}
.slide8 .slide-in .cen .nr2{ -webkit-animation:fadeIn 2s 1.5s 1 both; animation:fadeIn 2s 1.5s 1 both;}
.slide8 .slide-in .cen .nr3{ -webkit-animation:fadeIn 2s 2s 1 both; animation:fadeIn 2s 2s 1 both;}
.slide8 .slide-in .cen .nr4{ -webkit-animation:fadeIn 2s 2.5s 1 both; animation:fadeIn 2s 2.5s 1 both;}

/*第九-十二页*/
.fx8{background:url(/images/cdeledu/zbnew8/bg3.jpg) no-repeat center; background-size:100% 100%;}
.fx8 .slide-in .img01{top:0; left:0; -webkit-animation:zoomInLeft 1.5s 0s 1 both; animation:zoomInLeft 1.5s 0s 1 both; z-index: 3;}
.fx8 .slide-in .nr{ margin: 4.8rem 1rem 0 1rem; position: relative; z-index: 9; border: 1px solid #b7eec0; border-radius: 0.44rem; -webkit-animation:slideRight 1s 1s 1 both; animation:slideRight 1s 1s 1 both; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7FFFFFFF', endColorstr='#7FFFFFFF');background:rgba(255,255,255,0.5);}
:root .fx8 .slide-in .nr{filter:none;}/*for IE9*/
.fx8 .slide-in .nr-tit{ width: 4.67rem; height: 0.88rem; background:url(/images/cdeledu/zbnew8/wz8-2.png) no-repeat; background-size: 5.33rem 0.88rem; padding-left: 0.66rem; line-height: 0.88rem; font-size: 0.44rem; color: #fff; top: -0.12rem; left: -0.06rem;}
.fx8 .slide-in .nr-bot{ padding: 1.02rem 0.55rem 0.55rem 0.55rem; line-height: 0.63rem; font-size: 0.34rem; color: #000;}
.fx8 .slide-in .nr .dxt{ width: 0.55rem; height: 0.58rem; background:url("/images/cdeledu/zbnew8/xin.png") no-repeat; background-size: 0.54rem auto; top: -0.75rem; left: 1.94rem; -webkit-animation:flash 10s 1s infinite both; animation:flash 10s 1s infinite both;}
.fx8 .slide-in .nr .dpt1,.fx8 .slide-in .nr .dpt2{ width: 0.86rem; height: 0.94rem; background:url("/images/cdeledu/zbnew8/md.png") no-repeat; background-size: 0.86rem auto; top: -0.47rem; right: 0.4rem;}
.fx8 .slide-in .nr .dpt2{ background:url("/images/cdeledu/zbnew8/ld.png") no-repeat; background-size: 0.86rem auto; -webkit-animation:flash3 10s 3s infinite both; animation:flash3 10s 3s infinite both;}

/*第十三页*/
.slide13 {background:url(/images/cdeledu/zbnew8/bg4.jpg) no-repeat center; background-size:100% 100%;}
.slide13 .slide-in .img01{top:0; left:0; -webkit-animation:fadeInDown 2s 0s 1 both; animation:fadeInDown 2s 0s 1 both; z-index: 3;}
.slide13 .slide-in .img02{bottom:0; left:0; -webkit-animation:slideUp 1.5s 0s 1 both; animation:slideUp 1.5s 0s 1 both; z-index: 3;}
.slide13 .slide-in .img03{ top:0; left:0; width: 100%; height: 100%; opacity: 0; -webkit-animation:map 5s 0s infinite both; animation:map 5s 0s infinite both;}
.slide13 .slide-in .img04{ top:0; left:0; width: 100%; height: 100%; opacity: 0; -webkit-animation:map 5s 0.6s infinite both; animation:map 5s 0.6s infinite both;}
.slide13 .slide-in .img05{ top:0; left:0; width: 100%; height: 100%; opacity: 0; -webkit-animation:map 5s 1.2s infinite both; animation:map 5s 1.2s infinite both;}

@-webkit-keyframes map {
    from, 50%, to {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0;
    }
}
@keyframes map {
    from, 50%, to {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0;
    }
}
.map {
    -webkit-animation-name: map;
    animation-name: map;
}


.rotate {
    -webkit-animation: rotating 4s linear infinite;
    -moz-animation: rotating 4s linear infinite;
    -o-animation: rotating 4s linear infinite;
    animation: rotating 4s linear infinite
}

@-webkit-keyframes rotating {
    from {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes rotating {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}

@-moz-keyframes rotating {
    from {
        -moz-transform: rotate(0deg)
    }
    to {
        -moz-transform: rotate(360deg)
    }
}

@-webkit-keyframes pulsate_ani {
    0% {
        -webkit-transform: scale(.8, .8);
        transform: scale(.8, .8);
        opacity: 0.3;
    }
    30% {
        opacity: 0.7;
    }
    60% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 0.0;
    }
    100% {
        opacity: 0.0;
    }
}
@keyframes pulsate_ani {
    0% {
        -webkit-transform: scale(.8, .8);
        transform: scale(.8, .8);
        opacity: 0.3;
    }
    30% {
        opacity: 0.7;
    }
    60% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 0.0;
    }
    100% {
        opacity: 0.0;
    }
}

@-webkit-keyframes clouds {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    50%{
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@keyframes clouds {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    50%{
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes slide1_bg_ani {
    0%{
        background-size:108% 108%;
    }
    100%{
        background-size:100% 100%;
    }
}
@keyframes slide1_bg_ani {
    0%{
        background-size:108% 108%;
    }
    100%{
        background-size:100% 100%;
    }
}

.slide1_bg_ani {
    -webkit-animation-name: slide1_bg_ani;
    animation-name: slide1_bg_ani;
}

@-webkit-keyframes rollInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(150%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(150%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes rollInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(150%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(150%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.rollInRight {
    -webkit-animation-name: rollInRight;
    animation-name: rollInRight;
}

@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

@-webkit-keyframes flash {
    from, 50%, to {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@keyframes flash {
    from, 50%, to {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}

@-webkit-keyframes flash3 {
    0%,2%,50% {
        opacity: 1;
    }
    1%,51%,100% {
        opacity: 0;
    }
}

@keyframes flash3 {
    0%,2%,50% {
        opacity: 1;
    }
    1%,51%,100% {
        opacity: 0;
    }
}

.flash3 {
    -webkit-animation-name: flash3;
    animation-name: flash3;
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

.strDwon{
    animation-name: strDwon;
    -webkit-animation-name: strDwon;
    animation-timing-function: cubic-bezier(1,1,0,1);
    -webkit-animation-timing-function: cubic-bezier(1,1,0,1);

    visibility: visible !important;
}

@keyframes strDwon {
    0% {
        opacity: 0;
        transform: scale(1.5);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@-webkit-keyframes strDwon {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.5);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
}

@-webkit-keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

.expandOpen{
    animation-name: expandOpen;
    -webkit-animation-name: expandOpen;

    animation-duration: 1s;
    -webkit-animation-duration: 1s;

    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;

    visibility: visible !important;
}

@keyframes expandOpen {
    0% {
        transform: scale(1.8);
        opacity: 0;
    }
    70% {
        transform: scale(0.85);
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes expandOpen {
    0% {
        -webkit-transform: scale(1.8);
        opacity: 0;
    }
    70% {
        -webkit-transform: scale(0.85);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}

.slideRight{
    animation-name: slideRight;
    -webkit-animation-name: slideRight;

    animation-duration: 1s;
    -webkit-animation-duration: 1s;

    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;

    visibility: visible !important;
}

@keyframes slideRight {
    0% {
        transform: translateX(-150%);
    }
    50%{
        transform: translateX(8%);
    }
    65%{
        transform: translateX(-4%);
    }
    80%{
        transform: translateX(4%);
    }
    95%{
        transform: translateX(-2%);
    }
    100% {
        transform: translateX(0%);
    }
}

@-webkit-keyframes slideRight {
    0% {
        -webkit-transform: translateX(-150%);
    }
    50%{
        -webkit-transform: translateX(8%);
    }
    65%{
        -webkit-transform: translateX(-4%);
    }
    80%{
        -webkit-transform: translateX(4%);
    }
    95%{
        -webkit-transform: translateX(-2%);
    }
    100% {
        -webkit-transform: translateX(0%);
    }
}

.slideUp{
    animation-name: slideUp;
    -webkit-animation-name: slideUp;

    animation-duration: 1s;
    -webkit-animation-duration: 1s;

    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;

    visibility: visible !important;
}

@keyframes slideUp {
    0% {
        transform: translateY(100%);
    }
    50%{
        transform: translateY(-8%);
    }
    65%{
        transform: translateY(4%);
    }
    80%{
        transform: translateY(-4%);
    }
    95%{
        transform: translateY(2%);
    }
    100% {
        transform: translateY(0%);
    }
}

@-webkit-keyframes slideUp {
    0% {
        -webkit-transform: translateY(100%);
    }
    50%{
        -webkit-transform: translateY(-8%);
    }
    65%{
        -webkit-transform: translateY(4%);
    }
    80%{
        -webkit-transform: translateY(-4%);
    }
    95%{
        -webkit-transform: translateY(2%);
    }
    100% {
        -webkit-transform: translateY(0%);
    }
}

.pullDown{
    animation-name: pullDown;
    -webkit-animation-name: pullDown;

    animation-duration: 1.1s;
    -webkit-animation-duration: 1.1s;

    animation-timing-function: ease-out;
    -webkit-animation-timing-function: ease-out;

    transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -webkit-transform-origin: 50% 0%;
}

@keyframes pullDown {
    0% {
        transform: scaleY(0.1);
		opacity: 0;
    }
    40% {
        transform: scaleY(1.02);
    }
    60% {
        transform: scaleY(0.98);
    }
    80% {
        transform: scaleY(1.01);
    }
    100% {
        transform: scaleY(0.98);
    }
    80% {
        transform: scaleY(1.01);
    }
    100% {
        transform: scaleY(1);
		opacity: 1;
    }
}

@-webkit-keyframes pullDown {
    0% {
        -webkit-transform: scaleY(0.1);
		opacity: 0;
    }
    40% {
        -webkit-transform: scaleY(1.02);
    }
    60% {
        -webkit-transform: scaleY(0.98);
    }
    80% {
        -webkit-transform: scaleY(1.01);
    }
    100% {
        -webkit-transform: scaleY(0.98);
    }
    80% {
        -webkit-transform: scaleY(1.01);
    }
    100% {
        -webkit-transform: scaleY(1);
		opacity: 1;
    }
}