body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0; } table{border-collapse:collapse; border-spacing:0; } fieldset,img{border:0; } ol,ul{list-style:none; } caption,th{text-align:left; } q:before,q:after{content:''; } abbr,acronym{border:0; } .clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; } .l,.col-l,.col_l,.col-c,.col_c{float:left; } .r,.col-r,.col_r,dt span,.ul-txt li span,.ul_txt li span{float:right; } .c{clear:both; } .n,em{font-weight:normal; font-style:normal; } .b{font-weight:bold; } .i{font-style:italic; } .fa{font-family:Arial; } .fg{font-family:Georgia; } .ft{font-family:Tahoma; } .fl{font-family:Lucida Console; } .fs{font-family:'宋体'; } .fw{font-family:'微软雅黑'; } .tc{text-align:center; } .tr{text-align:right; } .tl{text-align:left; } .tdu{text-decoration:underline; } .tdn,.tdn:hover,a.tdl:hover{text-decoration:none; } .fc0{color:#000000; } .fc3{color:#333333; }
.fc6{color:#666666; } .fc9{color:#999999; } .fcr{color:red; } .fcw{color:white; } .fcb{color:blue; } .fcg{color:green; } .f0{font-size:0; } .f10{font-size:10px; } .f12{font-size:12px; } .f13{font-size:13px; } .f14{font-size:14px; } .f16{font-size:16px; } .f20{font-size:20px; } .f24{font-size:24px; } .vm{vertical-align:middle; } .vtb{vertical-align:text-bottom; } .vt{vertical-align:top; } .vn{vertical-align:-2px; } .vimg{margin-bottom:-3px; } .m0{margin:0; } .ml0{margin-left:0; } .ml5{margin-left:5px; } .ml10{margin-left:10px; } .ml20{margin-left:20px; } .mr0{margin-right:0; } .mr5{margin-right:5px; } .mr10{margin-right:10px; } .mr20{margin-right:20px; } .mt5{margin-top:5px; } .mt10{margin-top:10px; } .mt20{margin-top:20px; } .mb5{margin-bottom:5px; } .mb10{margin-bottom:10px; } .mb20{margin-bottom:20px; } .ml-1{margin-left:-1px; } .mt-1{margin-top:-1px; } .p1{padding:1px; } .pl5{padding-left:5px; } .p5{padding:5px; } .pt5{padding-top:5px; } .pr5{padding-right:5px; } .pb5{padding-bottom:5px; }
.p10{padding:10px; } .pl10{padding-left:10px; } .pt10{padding-top:10px; } .pr10{padding-right:10px; } .pb10{padding-bottom:10px; } .p20{padding:20px; } .pl20{padding-left:20px; } .pt20{padding-top:20px; } .pr20{padding-right:20px; } .pb20{padding-bottom:20px; } .rel,.pr{position:relative; } .abs,.pa{position:absolute; } .dn{display:none; } .db{display:block; } .dib{-moz-inline-stack:inline-block; display:inline-block; } .di{display:inline; } .ovh{overflow:hidden; } .ovs{overflow:scroll; } .vh{visibility:hidden; } .vv{visibility:visible; } .lh14{line-height:14px; } .lh16{line-height:16px; } .lh18{line-height:18px; } .lh20{line-height:20px; } .lh22{line-height:22px; } .lh24{line-height:24px;} .fix{*zoom:1; } .fix:after,.fix:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; } .z{_zoom:1; } .h1{height:1px; } .h5{height:5px; } .h10,.h{height:10px; } .h15{height:15px; } .h20{height:20px; }
.h1,.h5,.h10,.h15,.h20,.h25,.h,.h30,.h35,.h40,.h45,.h50,.h55,.h60{font-size:0px; line-height:0; overflow:hidden; clear:both;visibility: hidden; } a{text-decoration:none; } a:hover{color:#FF6600 }
.h25{height: 25px;}.h30{height: 30px;} .h40{height: 40px;} .h45{height: 45px;} .h50{height: 50px;} .h55{height: 55px;} .h60{height: 60px;}
.slick-slider *,
.slick-slider{
    outline: none;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
button::-moz-focus-inner {
  border: 0;
}
:focus, :active {
    outline: 0;
    border: 0;
}
a{
    color: #000;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    text-decoration: none;
}
a:hover{
    color: #00a0e9;
}
textarea { overflow: auto; }

a, a:visited, a:focus, a:active, a:hover{
    outline:0 none !important;
}
u{text-decoration: none;}
img{
    max-width: 100%;
    height: auto;
}
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
  -webkit-appearance: none;
}
select,
input,
textarea{
    outline: none;
}

h1,h2,h3,h3,h4,h5,h6{font-weight: normal;}
.fix:before,
.fix:after{
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

@font-face {
 font-family: 'fontnameRegular';
 src: url('fontname.eot');
 src: local('fontname Regular'),
        local('fontname'),
        url('../css/Alibaba_Light.woff') format('woff'),
        url('../css/Alibaba_Light.ttf') format('truetype'),
        url('Alibaba_Light.svg#fontname') format('svg');
} 

@font-face {
 font-family: 'fontnameBlod';
 src: url('fontname.eot');
 src: local('fontname Regular'),
        local('fontname'),
        url('../css/Alibaba_Regular.woff') format('woff'),
        url('../css/Alibaba_Regular.ttf') format('truetype'),
        url('Alibaba_Regular.svg#fontname') format('svg');
} 

.fix:after{
  clear: both;
}

.fix{
  zoom: 1;
}

.hide-tab{
	height: 0;
	overflow: hidden;
	padding-top: 0;
	padding-bottom: 0;
}
#map img{
	max-width: 999999999px;
}
.BMapLabel{
	display: none !important;
}
body{
    -webkit-text-size-adjust: 100%;
	 font-family: 'fontnameRegular';
    color: #333333;
    font-size: 14px;
    /*font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;*/
    
}

.wp{
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
}



/*手机头部*/
.m-bar{
    height: 60px;
    background-color: #fff;
}
.logo-m{
    width: 75%;
    display: inline-block;
    float: left;
    margin-left: 10px;
    height: 60px;
    line-height: 60px;
}
.logo-m img{
    height: 40px;
    display: inline-block;
    z-index: 60;
    vertical-align: middle;
}
.m-hd{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000000;
    -webkit-box-shadow: 0px 4px 5px -2px rgba(0,0,0,.2);
    box-shadow: 0px 4px 5px -2px rgba(0,0,0,.2);
}
.m-nav{
    clear: both;
    position: absolute;
    top: 60px;
    left: 0;width: 100%;
   -webkit-box-shadow: 0px 4px 5px -2px rgba(0,0,0,.2);
   box-shadow: 0px 4px 5px -2px rgba(0,0,0,.2);
   max-height: 0;
   overflow: hidden;
   -webkit-transition: all 300ms ease;
   transition: all 300ms ease;
}


.m-nav a{
    display: block;
    width: 100%;
    line-height: 40px;
    text-align: left;
    border-top: 1px solid #e0e0e0;
    font-size: 15px;
    background-color: #fff;
    padding: 0 20px;
    color: #333;
}

.m-trigger{
    height: 60px;
    cursor: pointer;
    width: 60px;
    float: right;
    background: url(../images/menu.png) no-repeat center center;
    -webkit-background-size: 25px;
    -moz-background-size: 25px;
    -o-background-size: 25px;
    background-size: 25px;
}
.m-sub{
	max-height: 0;
	overflow: hidden;

}
.m-sub.on,
.m-nav.on{
	-webkit-transition: all .6s linear;
	transition: all .6s linear;
	max-height: 999px;
}

.m-sub a{font-size: 14px;padding: 0 30px;background-color: #F1F1F1;border-top-color: #efefef;}

.m-show{display: none;}



#nav-toggle { position: absolute; right: 14px; top: 18px; color: #fff;
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7); 
	-ms-transform: scale(0.7); 
	-o-transform: scale(0.7); 
	transform: scale(0.7);
	transform-origin: 50% 50%;
 }
#nav-toggle { cursor: pointer; padding: 10px 35px 16px 0px; }
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { cursor: pointer; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; -o-border-radius: 1px; height: 5px; width: 35px; background: #00a0e9; position: absolute; display: block; content: ''; }
#nav-toggle span:before { top: -10px; }
#nav-toggle span:after { bottom: -10px; }
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { transition: all 500ms ease-in-out; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; }
#nav-toggle.active span { background-color: transparent; }
#nav-toggle.active span:before, #nav-toggle.active span:after { top: 0; }
#nav-toggle.active span:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); }
#nav-toggle.active span:after { transform: translateY(-10px) rotate(-45deg); -webkit-transform: translateY(-10px) rotate(-45deg); -ms-transform: translateY(-10px) rotate(-45deg); top: 10px; }




.slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-slider,.slick-slider{outline:0}


#hd{position: fixed;left: 0;top: 0;width: 100%;z-index: 99;    transition: all 0.36s;}
#hd .hd-cont{padding: 15px 60px;height: 86px;}
#hd .logo{float: left;}
#hd .log a{display: block;}
#hd .hdr{float: right;}
#hd .search{position: relative;display: inline-block;vertical-align: middle;}
#hd .search span{background: url(../images/icon_search.png) no-repeat center center;display: block;width: 21px;height: 50px;cursor: pointer;}
#hd .search span.span2{background-image: url(../images/icon_search_b.png);display: none;}
#hd .search form{position: fixed;left: 0;top: 80px;background: #fff;width: 100%;text-align: center;box-shadow:0px 9px 16px 0px rgb(27 38 60 / 9%);border-top: 1px solid #eee;display: none; }
#hd .search form .in{width: 650px;display: inline-block;margin: 0 auto;padding: 16px 0;    
    }
#hd .search form .inp{width: calc(100% - 40px);text-align: left;line-height: 33px;border: 0;font-size: 16px;
    border-bottom: 1px solid #eee;
    color: #333;}
#hd .search form .sub{width: 30px;    height: 30px;    position: relative;cursor: pointer;background-image: url(../images/icon_search_b.png);background-size: 100%;border: 0;background-color: transparent;}
#hd .hdr .lan{font-size: 14px;color: #fff;display: inline-block;margin-left: 25px;vertical-align: middle;}
#hd .hdr .lan a{color: #fff;}
#hd .hdr .lan em{margin: 0 20px;}
#nav{position: fixed;left: 50%;top: 0;transform: translateX(-50%);-webkit-transform: translateX(-50%);-o-transform: translateX(-50%);max-width: 55%;width: 100%;z-index: 100;}
#nav li{float: left;width: 11.1%;text-align: center;position: relative;}
#nav li > a{font-size: 18px;color: #fff;line-height: 78px;}
#nav li dl{
	background: #fff;
    border-top: 2px solid #00a0e9;
    position: absolute;
    padding: 0px 20px;
    top: calc(100% + 5px);
    width: 280px;
    left: -18px;
    display: none;
    box-shadow: 0px 2px 16px 0px rgb(27 38 60 / 17%);
}
#nav li dl:before{
	content: '';
    border-bottom: 6px solid #00a0e9;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    position: absolute;
    top: -6px;
    left: 50px;
}
#nav li dl dd{    border-bottom: 1px solid #efefef;height: 63px;}
#nav li dl a{display: block;font-size: 14px;    color: #000;    line-height: 63px;    transition: all 0.36s;text-align: left;padding-left: 20px;}
#nav li.ok dl{display: block;}
#hd.black{background-color: rgba(0,0,0,.6);}
#hd.act,#hd.on{background-color: #fff;}
#hd.on #nav li > a,
#hd.on .lan a,
#hd.on .lan,
#hd.act #nav li > a,
#hd.act .lan a,
#hd.act .lan{color: #000;}
#hd.act #nav li > a:hover{color: #00a0e9;}
#nav li dl a:hover,#nav li > a:hover,#hd.on #nav li:hover > a,#hd.on #nav li.ok > a{color: #00a0e9;}
#hd .logo-black,#hd.on .search .span1,#hd.act .search .span1{display: none;}
#hd.on .logo-white,#hd.act .logo-white{display: none;}
#hd.on .logo-black,#hd.on .search .span2,#hd.act .search .span2,#hd.act .logo-black{display: block;}
.clearfix {
    zoom: 1;
}
#hd.on,#hd.act{box-shadow: 0px 2px 16px 0px rgba(27,38,60,.17);}


#banner{position: relative;}
#banner:before{content: '';    position: absolute;    width: 100%;    height: 40%;    z-index: 2;    top: 0;    background: linear-gradient(to bottom,rgba(0,0,0,.3),transparent);}
#banner .item a{display: block;position: relative;}
#banner .item a .pc{padding-top: 46.9%;position: relative;-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;}
#banner .item a:before{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 50%;    background: linear-gradient(to top,rgba(0,0,0,.5),transparent);}
#banner .item.slick-active a .pc{animation: slowScale 8s forwards; -webkit-animation: slowScale 8s forwards;}
@keyframes slowScale {
  0%{transform: scale(1);-webkit-transform: scale(1);}
  100%{ transform: scale(1.05); -webkit-transform: scale(1.05);}
}
@-webkit-keyframes slowScale {
  0%{transform: scale(1);-webkit-transform: scale(1);}
  100%{ transform: scale(1.05); -webkit-transform: scale(1.05);}
}
#banner .item a .txt{z-index: 5;position: absolute;left: 0;top: 60%;width: 100%;text-align: center;color: #fff;font-size: 24px;transform: translateY(-50%);
	-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);transition: all .5s; }
#banner .item.slick-active a .txt{top: 50%;}
#banner .item a .txt h3{font-size: 60px;font-weight: bold;margin-bottom: 30px;font-family: 'fontnameBlod';}
#banner .slick-arrow{position: absolute;right: 0;width: 110px;height: 26px;background-repeat: no-repeat;z-index: 1;border: 0;font-size: 0;background-color: transparent;cursor: pointer;}
#banner .slick-prev{background-image: url(../images/prev.png);background-position: top center;bottom: 65px;border-bottom: 1px solid #fff;}
#banner .slick-next{background-image: url(../images/next.png);background-position: bottom center;bottom: 39px;}
#banner .slick-dots{position: absolute;right: 120px;bottom: 57px;color: #fff;}
#banner .slick-dots li{display: inline-block;}
#banner .slick-dots li button{cursor: pointer;border: 0;background-color: transparent;color: #fff;}
#banner .slick-dots li.slick-active button{font-size: 30px;}


.i-about{padding-top: 4.1%;padding-bottom: 5.2%;overflow: hidden;}
.tit-i{text-align: center;font-size: 18px;margin-bottom: 35px;}
.tit-i h3{position: relative;font-size: 36px;padding-bottom: 24px;margin-bottom: 10px;font-weight: bold;}
.tit-i h3:after{content: '';position: absolute;left: 50%;bottom: 0;width: 70px;height: 3px;background: #00a0e9;margin-left: -35px;}
.i-about .video-pc{float: left;margin-right: 30px;width: 50%;}
.i-about .video-pc a{cursor: pointer;}
.pc-about .i-about-con{text-align: left;font-size: 14px;}
.i-about-pc .index-time{text-align: center;margin-top: 60px;margin-bottom: 60px;}
.i-about-pc .tit-i{text-align: left;margin-bottom: 20px;}
.i-about-pc .tit-i h3:after{left: 0;margin-left: 0;}
.i-about-pc .tit-i h3{padding-bottom: 10px;}
.i-about-pc .index-time li span{font-size: 32px;}
.i-about-pc .index-time li em{font-size: 48px;}


.i-about-con{text-align: center;font-size: 18px;line-height: 2;}
.index-time{margin-top: 80px;margin-bottom: 100px;overflow: hidden;}
.index-time li{float: left;width: 25%;font-size: 14px;position: relative;}
.index-time li:after{content: '';position: absolute;right: 0;top: 0;width: 1px;height: 90%;background: #ddd;}
.index-time li span{color: #00a0e9;vertical-align: top;display: inline-block;font-weight: bold;font-size: 45px;font-family: 'fontnameBlod';}
.index-time li em{font-size: 72px;display: inline-block;vertical-align: top;}
.index-time li:first-child span{font-size: 18px;}
.index-time li:last-child:after{display: none;}
.i-video a{display: inline-block;width: 176px;height: 55px;line-height: 55px;background: #00a0e9;cursor: pointer;font-size: 16px;color: #fff;border-radius: 30px;
	position: relative;text-align: center;margin-left: 20px;}
.i-video a span{background: url(../images/icon_begin.png) left center no-repeat;padding-left: 43px;display: inline-block;}
.i-video a:after,
.i-video a:before{    content: '';    background-color: #00a0e9;    opacity: 0.11;    transform-origin: 0 0;    position: absolute;    border-radius: 60px;
    left: 50%;    top: 50%;    transform: translate(-50%,-50%);display: none;}
.i-video a:before{
	width: calc(180 / 16 * 1em);
    height: calc(80 / 16 * 1em);
    animation: infinite scale 2s;
}
.i-video a:after{
	width: calc(180 / 16 * 1em);
    height: calc(80 / 16 * 1em);
    animation: infinite scale2 2s;
}
.i-video a:hover:before,
.i-video a:hover:after{/*display: block;*/}
@keyframes scale{
0%{ transform: scale(1) translate(-50%,-50%); opacity:.3}
100%{ transform: scale(1.3) translate(-50%,-50%); opacity: 0;}
}
@keyframes scale2{
0%{ transform: scale(1) translate(-50%,-50%);opacity:.3;}
100%{ transform: scale(1.6) translate(-50%,-50%);opacity:0;}
}



.upline-container{overflow: hidden;}
.auto-img {
    position: relative;
}
.auto-img:after { content: ''; padding-bottom: 100%; display: block; }
.auto-img .pc-show,
.auto-img .m-show{position: relative;width: 100%;height: 100%;}
.auto-img .pc-show img { position: absolute; z-index: auto; left: 0%; top: 0%;width: 100%; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1; }
.swiper-container-no-flexbox .swiper-slide { float: left; }
.swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -
	webkit-transition-property: -webkit-transform; -o-transition-property: -o-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, 
	-webkit-transform, -o-transform; transition-property: transform,-webkit-transform,-o-transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); -o-transform: translate(0, 0); -ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0); }
.swiper-container-multirow > .swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }
.swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; }
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; }
.swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; 
	-webkit-transition-property: -webkit-transform,height; -o-transition-property: -o-transform; -webkit-transition-property: height,-webkit-transform; 
	transition-property: height,-webkit-transform; -o-transition-property: height,-o-transform; transition-property: transform,height; 
	transition-property: transform,height,-webkit-transform,-o-transform; }
.swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; }
.swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; }
.swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x; }
.swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px;
 background-position: center; background-repeat: no-repeat; }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none; }
.swiper-pagination { position: absolute; text-align: center; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: translate3d(0, 0, 0); 
	-ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; }
.swiper-pagination.swiper-pagination-hidden { opacity: 0; }
.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }
.swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; }
.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; }
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }
.swiper-pagination.swiper-pagination-hidden { opacity: 0; }
.swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; -webkit-border-radius: 100%; border-radius: 100%; background: #b4b4b4; }
button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none; 
	appearance: none; }
.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }
.swiper-pagination-bullet-active { opacity: 1; background: #1e3b9e; }
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0%; left: 0; width: 100%; }
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto; }
.swiper-button-prev, .swiper-button-next { width: 20px; height: 20px; border-right: 2px solid #cecece; border-bottom: 2px solid #cecece; }
.swiper-button-prev { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); left: -30px; }
.swiper-button-next { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: -30px; }
.swiper-button-prev:hover, .swiper-button-next:hover { border-right: 2px solid #1f3ea7; border-bottom: 2px solid #1f3ea7; }
.upline::after { padding-bottom: 39.39583%; }
.upline .upline-name { position: absolute; width: 100%; color: #fff; top: 13%; }
.upline .upline-name p { color: #fff; }
.upline .upline-swiper { height: 100%; width: 100%; position: absolute; }
.upline .swiper-button-prev-upline { left: 30px; top: 71.55%; }
.upline .swiper-button-next-upline { right: 30px; top: 71.55%; }
.upline .item { position: relative; height: 100%; color: #fff; text-align: center; border-right: 1px solid rgba(255, 255, 255, 0.1); }
.upline .item:hover { background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#00a0e9)); background-image: -o-linear-gradient(top, transparent, #00a0e9); background-image: linear-gradient(to bottom, transparent, #00a0e9); }
.upline .item:hover .line::before { content: ''; display: block; width: 10px; height: 10px; background-color: #fff; -webkit-border-radius: 10px; border-radius: 10px; position: absolute; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.upline .item:hover .line::after { content: ''; display: block; width: 22px; height: 22px; background-color: #fff; opacity: .3; -webkit-border-radius: 22px; border-radius: 22px; position: absolute; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.upline .item:hover .inner { top: 38%; }
.upline .item:hover .inner a { display: inline-block; }
/* .upline .item:hover .inner p { display: block; } */
.upline .item .line { position: absolute; border-bottom: 1px solid rgba(255, 255, 255, 0.1); width: 100%; top: 52.5%; margin-top: 156px; }
.upline .item .inner { position: absolute; width: 100%; top: 52.5%; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.upline .item .inner img { margin-bottom: 32px; }
.upline .item .inner h2 { font-size: 22px; font-weight: bold; margin-bottom: 30px; }
.upline .item .inner h2::after { content: ''; display: block; width: 30px; height: 3px; background-color: #fff; margin-left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); margin-top: 30px; }
.upline .item .inner p { padding: 0 16%; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.upline .item .inner a { display: inline-block; padding: 0 60px; line-height: 55px; background-color: #ffffff; -webkit-border-radius: 28px; border-radius: 28px; color: #000; margin-top: 120px; display: none; }




.i-news{padding-top: 5%;}
.news-slider{margin-top: 60px;}
.news-slider .item{padding: 0 20px;padding-bottom: 10px;}
.news-slider .item a{display: block;-webkit-transition:.3s;transition:.3s;}
.news-slider .item .pic{height: 244px;overflow: hidden;max-width: 100%;-webkit-transition:.3s;transition:.3s;}
.news-slider .item .pic .bg{-webkit-background-size: cover;overflow: hidden;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;-webkit-transition:.3s;
transition:.3s;width: 100%;height: 100%;overflow: hidden;}
.news-slider .item .txt{height: 260px;box-shadow: -1px 2px 10px 2px rgba(200,200,200,0.75);
-webkit-box-shadow: -1px 2px 10px 2px rgba(200,200,200,0.75);
-moz-box-shadow: -1px 2px 10px 2px rgba(200,200,200,0.75);padding: 35px 40px;line-height: 24px;}
.news-slider .item .time,.news-slider .item span{color: #00a0e9;}
.news-slider .item .title{font-size: 20px;margin-bottom: 20px;margin-top: 10px;overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;}
.news-slider .item p{
	overflow: hidden;
	    -webkit-line-clamp:2;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
}
.news-slider .item span{margin-top: 20px;display: block;}
.news-slider .item a:hover{background:#00a0e9; color: #fff;}
.news-slider .item a:hover .time,.news-slider .item a:hover span{color: #fff;}
.news-slider .item a:hover .pic .bg{-webkit-transform: scale(1.1);
-moz-transform: scale(1.1); 
-ms-transform: scale(1.1); 
-o-transform: scale(1.1); 
transform: scale(1.1);
transform-origin: 50% 50%;}

.i-yanfa{padding-top: 4%;}
.i-yanfa .pic{position: relative;background: #f7f7f7;padding-bottom: 45px;margin-top: 4.2%;}
.i-yanfa .img02{position: absolute;right: 0;bottom: 0;width: 50%;}
.i-yanfa .img01{width: 62.5%;}
.i-yanfa .txt{position: absolute;left: 50%;top: 50%;max-width:1400px;width:100%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);}
.i-yanfa .txt .inner{width: 48%;color: #fff;font-size: 18px;line-height: 2;}
.i-yanfa .txt a{display: block;width: 176px;height: 55px;text-align: center;line-height: 55px;border: 1px solid #fff;border-radius: 30px;color: #fff;margin-top: 60px;
	-webkit-transition:.6s;transition:.6s;}
.i-yanfa .txt a:hover{background:#fff;color: #000;}


 


#fd{margin-top: 100px;background: #07304c;padding-top: 5%;line-height: 30px;}
.copy{color: #fff;line-height: 30px;border-top: 1px solid #1d4a68;padding: 30px 0;margin-top: 80px;}
.copy a{color: #fff;}
.fd-nav{float: left;}
.fd-nav dt a,.fd-hotline dt{font-size: 18px;color: #fff;margin-bottom: 20px;display: block;}
.fd-nav dd a{color: #9cacb7;display: block;}
.fd-nav dd a:hover{text-decoration: underline;}
.fd-nav dl{float: left;width: 132px;}
.fd-hotline{float: right;text-align: right;color: #fff;}
.fd-hotline b{display: block;font-size: 26px;}
.wechat{width: 172px;height: 172px;background: #ffffff;padding: 10px;float: right;margin: 15px 0;}



#ban-in{height: 550px;-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;}
.snv{height: 76px;border-bottom: 1px solid #e5e5e5;margin-bottom: 75px;position: relative;z-index: 3;}
.snv ul{display: flex;justify-content: center;align-items: center;line-height: 74px;font-size: 18px;}
.snv ul li.on a{color: #00a0e9;}
.snv ul li a{display: block;padding: 0 15px;position: relative;}
.snv ul li{margin: 0 25px;}
.snv ul li a:after{position: absolute;    content: '';    height: 3px;    width: 0;    transition: 0.3s;    background-color: #00a0e9;    left: 50%;
    transform: translateX(-50%);    bottom: 0;}
.snv ul li:hover a:after,.snv ul li.on a:after{width: 100%;}
.tit-in{font-size: 36px;padding-bottom: 20px;line-height: 50px;position: relative;margin-bottom: 80px; font-family: 'fontnameBlod';}
.tit-in:after{content: '';width: 70px;height: 3px;margin-left: -35px;position: absolute;left: 50%;bottom: 0;background-color: #00a0e9;}

.tabBox{position: absolute;left: 0;top: 104%;width: 100%;background: #fff;overflow: hidden;	display: none;}
.ul-tj-pro li{float: left;width: 25%;text-align: center;padding: 25px;}
.ul-tj-pro li a{display: none;}


.ul-news{margin: 0 -20px;overflow: hidden;}
.ul-news li{float: left;width: 33.33%;padding: 0 20px;margin-bottom: 40px;font-family: 'fontnameBlod';}
.ul-news li .pic{height: 227px;overflow: hidden;}
.ul-news li .pic .bg{height: 100%;-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;-webkit-transition:.3s;
transition:.3s;}
.ul-news li a{display: block;border: 1px solid #e6e6e6;}
.ul-news li .txt{padding: 30px;color: #101010;line-height: 24px;}
.ul-news li .title{font-size: 24px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.ul-news li .time{background: url(../images/icon_time.png) left center no-repeat;padding: 20px 0;padding-left: 27px;color: #666;}
.ul-news li p{text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;height: 75px;}
.ul-news li:hover .txt{background:#00a0e9;color: #fff;}
.ul-news li:hover .time{color: #fff;background-image: url(../images/icon_time_h.png);	}
.ul-news li:hover .pic .bg{-webkit-transform: scale(1.1);
-moz-transform: scale(1.1); 
-ms-transform: scale(1.1); 
-o-transform: scale(1.1); 
transform: scale(1.1);
transform-origin: 50% 50%;}

.pages{text-align: center;margin-top: 90px;}
.pages a{display: inline-block;vertical-align: middle;width: 50px;height: 50px;line-height: 50px;margin: 0 20px;}
.pages a.prev,.pages a.next{background: url(../images/pages_icon.png) no-repeat;}
.pages a.prev{background-position: 20px center;}
.pages a.next{background-position: right 20px center;}
.pages a.page-on{border-radius: 100%;background: #00a0e9;color: #fff;font-size: 18px;}
.pages a.page-num-current{
	border-radius: 100%;background: #00a0e9;color: #fff;font-size: 18px;
}
article h1{font-size: 30px;font-weight: bold;text-align: center;}
article .time{text-align: center;color: #999;padding: 30px 0;border-bottom: 1px solid #e6e6e6;margin-bottom: 30px;}
article .cont{font-size: 18px;line-height: 2;}
.article-page{display: flex;justify-content:space-between;margin-top: 70px;border-top: 1px solid #e6e6e6;padding: 40px 0;font-size: 18px;}
.article-page .link a{display: block;line-height: 2;font-family: 'fontnameBlod';}
.article-page .back{width: 176px;height: 55px;line-height: 55px;border-radius: 30px;background: #00a0e9;color: #fff;display: inline-block;text-align: center;}

.ul-make li{overflow: hidden;background: #f7f7f7;overflow: hidden;}
.ul-make li .pic{float: left;width: 50%;height: 500px;overflow: hidden;}
.ul-make li .pic .bg{height: 100%;-webkit-background-size: cover;-webkit-transition:.3s;
transition:.3s;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;}
.ul-make li:nth-child(2n) .pic{float: right;}
.ul-make li .txt{overflow: hidden;padding-top: 55px;font-size: 16px;line-height: 30px;color: #666;padding-left: 60px;}
.ul-make li .more,.join .btn{width: 176px;height: 55px;line-height: 55px;text-align: center;border: 1px solid #a0a0a0;color: #333;font-size: 18px;border-radius: 30px;display: inline-block;margin-top: 60px;}
.ul-make li:nth-child(2n) .txt{padding-left: 0;padding-right: 60px;text-align: right;}
.ul-make li h3,.ul-pro li h3{font-size: 30px;font-weight: bold;color: #333;padding-bottom: 25px;margin-bottom: 15px;position: relative;}
.ul-make li h3:after{content: '';width: 70px;height: 3px;background: #00a0e9;position: absolute;left: 0;bottom: 0;-webkit-transition:.3s;transition:.3s;}
.ul-make li:hover h3:after{width: 120px;}
.ul-make li:nth-child(2n) h3:after{left: auto;right: 0;}
.ul-make li:nth-child(2n) .inner{float: right;}
.ul-make li .more:hover,.join .btn:hover,.ul-pro li:hover .more,.ul-make li:hover .more{background: #00a0e9;color: #fff;border-color: #00a0e9;}
.ul-make li .inner{max-width: 640px;width: 100%;}
.ul-make li:hover .pic .bg{-webkit-transform: scale(1.1);
-moz-transform: scale(1.1); 
-ms-transform: scale(1.1); 
-o-transform: scale(1.1); 
transform: scale(1.1);
transform-origin: 50% 50%;}


.ul-pro li{overflow: hidden;box-shadow:  0px 0px 0.6px rgba(0, 0, 0, 0.02),  0px 0px 1.3px rgba(0, 0, 0, 0.028),  0px 0px 2.5px rgba(0, 0, 0, 0.035),  0px 0px 4.5px rgba(0, 0, 0, 0.042),
  0px 0px 8.4px rgba(0, 0, 0, 0.05),  0px 0px 20px rgba(0, 0, 0, 0.07);padding: 50px 0;margin-bottom: 60px;cursor: pointer;align-items: center;}
.ul-pro li .pic{width: 40%;text-align: center;float: left;overflow: hidden;}
.ul-pro li .txt{overflow: hidden;font-size: 18px;padding-top: 5%;}
.ul-pro li:nth-child(2n) .pic{float: right;}
.ul-pro li .more{margin-top: 50px;display: block;}
.ul-pro li .more{width: 108px;height: 43px;border: 1px solid #a0a0a0;text-align: center;line-height: 43px;border-radius: 30px;font-size: 14px;}
.ul-pro li h3{padding-bottom: 10px;}
.ul-pro li:nth-child(2n) .txt{padding-left: 75px;}
.ul-pro li .pic img{-webkit-transition:.6s;transition:.6s;max-width: 300px;}
.ul-pro li:hover .pic img{-webkit-transform: scale(1.1);
-moz-transform: scale(1.1); 
-ms-transform: scale(1.1); 
-o-transform: scale(1.1); 
transform: scale(1.1);
transform-origin: 50% 50%;}

.overlay{position: fixed;left: 0%;top: 0%;width: 100%;height: 100%;background: rgba(0,0,0,.76);z-index: 100;-webkit-transition:.3s;
transition:.3s;-webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.3s all cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -moz-transition: 0.3s all cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -ms-transition: 0.3s all cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -o-transition: 0.3s all cubic-bezier(0.250, 0.460, 0.450, 0.940);
    transition: 0.3s all cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.overlay.avgrund-active{visibility: visible;
    opacity: 1;}
.pop-box{max-width: 1093px;width: 100%;position: fixed;left: 50%;top: 50%;padding: 50px;transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);background: #fff;z-index: 120;-webkit-transition:.6s;
	transition:.6s;-webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;visibility: hidden;
    opacity: 0;
    -webkit-transition: 0.3s all cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -moz-transition: 0.3s all cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -ms-transition: 0.3s all cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -o-transition: 0.3s all cubic-bezier(0.250, 0.460, 0.450, 0.940);
    transition: 0.3s all cubic-bezier(0.250, 0.460, 0.450, 0.940);
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7); 
    -ms-transform: scale(0.7); 
    -o-transform: scale(0.7); 
    transform: scale(0.7);
    transform-origin: 50% 50%;
    display: flex;justify-content:space-around;align-items: center;
}
.pop-box.big{
	-webkit-transform: scale(1)  translate(-50%,-50%);
	-moz-transform: scale(1) translate(-50%,-50%); 
	-ms-transform: scale(1) translate(-50%,-50%); 
	-o-transform: scale(1) translate(-50%,-50%); 
	transform: scale(1) translate(-50%,-50%);
	transform-origin: 50% 50%;visibility: visible;
    opacity: 1;
}
.pop-box .close{background:url(../images/close.png) no-repeat;width: 76px;height: 75px;display: block;position: absolute;right: 0;top: -75px;cursor: pointer;}
.pop-box .pic,.fancybox-inner .pic{width: 40%;/*float: left;*/text-align: center;}
.pop-box .txt,.fancybox-inner .txt{overflow: hidden;line-height: 52px;}
.pop-box .txt li{border-bottom: 1px solid #ededed;font-size: 18px;}
.pop-box h3{font-size: 30px;color: #00a0e9;border-bottom: 1px solid #ededed;}


.about-in{overflow: hidden;font-size: 16px;line-height: 30px;padding-bottom: 60px;}
.about-in .video{float: left;margin-right: 40px;margin-bottom: 30px;position: relative;width: 50%;}
.about-in .video a{cursor: pointer;}
.about-in .video img{display: block;width: 100%;}
.about-in .video:after{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.24);z-index: 8;}
.about-in .video em{background: url(../images/icon_begin_big.png) no-repeat;width: 60px;height: 60px;display: block;position: absolute;left: 50%;top: 50%;margin-left: -30px;margin-top: -30px;z-index: 10;}
.about-in .tit-in,.about-culture .tit-in,.history .tit-in,.honor .tit-in{margin-bottom: 20px;}
.about-in .tit-in:after{margin-left: 0;left: 0;}
.about-culture{background: #f5f5f5;overflow: hidden;padding-top: 74px;padding-bottom: 80px;font-size: 16px;line-height: 30px;}
.about-culture{}
.about-mission{padding: 76px 0;overflow: hidden;}
.about-mission .txt{position: relative;}
.about-mission .txt img{width: 31%;}
.about-mission ul li{position: absolute;width: 32%;font-size: 16px;line-height: 30px;}
.about-mission ul li h3{font-size: 18px;font-weight: bold;font-family: "fontnameBlod";}
.about-mission ul li.s1{top: 10%;}
.about-mission ul li.s2{right: 0;top: 10%;}
.about-mission ul li.s3{bottom: 12%;}
.about-mission ul li.s4{right: 0;bottom: 12%;}
.about-mission ul li{}


.history{
	background: #f5f5f5;
	overflow: hidden;
	padding: 50px 0;
	
}

.historySlider{
	max-width: 1127px;
	width: 100%;
	margin: 0 auto;
}

.historySlider .item{
	/*padding: 0 50px;*/
	position: relative;
	z-index: 9;
	/*margin-right: 25px;*/
	width: 300px !important;
	margin-top: 154px;
}
.historySlider .item .year{
	height: 42px;
	line-height: 42px;
	text-align: center;
	background: #e8e8e8;
	font-size: 18px;
	position: relative;
	font-family: "fontnameBlod";
}
.historySlider .item .year:after{
	content: '';
	position: absolute;
	left: 50%;
	top: -10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 20px 20px 20px;
	border-color: transparent transparent #e8e8e8 transparent;
	margin-left: -25px;
}
.historySlider .item .txt{
	height: 150px;
	background: #fff;
	padding: 20px;
	font-size: 16px;
	line-height: 24px;
}
.historySlider .slider{
	position: relative;
}
.historySlider .slider .slick-list{
	padding-top: 5.675rem;
	z-index: 10;
}
.historySlider .slider:after{
	content: '';
	background: #d1d1d1;
	height: 1px;
	width: 100%;
	position: absolute;
	left: 0;
	top: 50%;
	z-index: 1;
}
.historySlider .item .inner{
	position: relative;
	width: 100%;
}
.historySlider .item:nth-child(2n){
	margin-top: -75px;
	margin-left: -100px;
}
.historySlider .item:first-child{
	margin-left: 0;
}
.historySlider .item:nth-child(2n+1){
	margin-left: -100px;
}
.historySlider .item:nth-child(2n) .txt{
	/*margin-top: -42px;*/
}
.historySlider .item:nth-child(2n) .year{
	position: absolute;
	left: 0;
	bottom: -1.05rem;
	width: 100%;
}
.historySlider .item:nth-child(2n) .year:after{
	border-width: 20px 20px 0 20px;
	border-color: #e8e8e8 transparent transparent transparent;
	top: 34px;
}
.historySlider .item .inner:before{
	content: '';
	position: absolute;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	background: #c2c2c2;
	left: 50%;
	top: -35px;
	margin-left: -12px;
	z-index: 2;
}
.historySlider .item:nth-child(2n) .inner:before{
	top: auto;
	bottom: -60px;
	z-index: 9;
}
.historySlider .item:hover .year,
.historySlider .item:hover .inner:before,
.historySlider .item.slick-current .inner:before,
.historySlider .item.slick-current .year{
	background: #00a0e9;
	color: #fff;
}
.historySlider .item:hover .year:after,
.historySlider .item.slick-current .year:after{
	border-color: transparent transparent #00a0e9 transparent;
}
.historySlider .item:hover:nth-child(2n) .year:after,
.historySlider .item.slick-current .year:after{
	border-color: #00a0e9 transparent transparent transparent;
}
.historySlider .slick-arrow{
	position: absolute;
	top: 50%;
	width: 50px;
	height: 50px;
	margin-top: -25px;
	border: 0;
	font-size: 0;
	cursor: pointer;
	background-repeat: no-repeat;
	background: transparent;
	z-index: 100;
	background-size: 100%;
	-webkit-background-size: 100%;
	-o-background-size: 100%;
}
.historySlider{
	padding: 0 .825rem;
}
.historySlider .slick-prev{
	background-image: url(../images/prev1.png);
	left: -137px;
}
.historySlider .slick-next{
	background-image: url(../images/next1.png);
	right: -137px;
}



.honor{padding-top: 76px;}
.ul-honor{margin: 0 -20px;}
.ul-honor li{float: left;width: 25%;text-align: center;padding: 0 20px;font-size: 16px;font-family: "fontnameBlod";}
.ul-honor li .in{box-shadow:  0px 0px 0.6px rgba(0, 0, 0, 0.02),  0px 0px 1.3px rgba(0, 0, 0, 0.028),  0px 0px 2.5px rgba(0, 0, 0, 0.035),  0px 0px 4.5px rgba(0, 0, 0, 0.042),
  0px 0px 8.4px rgba(0, 0, 0, 0.05),  0px 0px 20px rgba(0, 0, 0, 0.07);padding: 30px;padding-bottom: 15px;}
.ul-honor li .pic{border: 1px solid #dddddd;margin-bottom: 15px;}
.ul-pic-txt{margin-top: 80px;}
.ul-pic-txt li{float: left;width: 50%;position: relative;overflow: hidden;}
.ul-pic-txt li .bg{height: 300px;color: #fff;font-size: 30px;padding: 0 10%;overflow: hidden;display: flex;justify-content:space-between;align-items: center;
	position: absolute;left: 0;top: 0;width: 100%;}
.ul-pic-txt li .pic{height: 300px;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;
	background-position: 50% 50%;background-repeat: no-repeat;-webkit-transition:.3s;	transition:.3s;}
.ul-pic-txt li img{display: inline-block;vertical-align: middle;margin-top: -4px;margin-right: 18px;}
.ul-pic-txt li .more{width: 176px;height: 55px;line-height: 55px;border: 1px solid #fff;border-radius: 30px;display: inline-block;font-size: 14px;color: #fff;
	display: flex;justify-content: space-around;}
.ul-pic-txt li .more:hover,
.partner-more a:hover,
.join .btn:over,
.ul-pic-txt li:hover .more{background: #00a0e9;color: #fff;border-color: #00a0e9;}
.ul-pic-txt li:hover .pic{-webkit-transform: scale(1.1);-moz-transform: scale(1.1); -ms-transform: scale(1.1);-o-transform: scale(1.1); transform: scale(1.1);transform-origin: 50% 50%;}
.ul-pic-txt li:hover .more,
.partner-more a:hover{background: #00a0e9;color: #fff;border-color: #00a0e9;}


.partner{padding-top: 80px;}
.ul-partner{margin: 0 -15px;overflow: hidden;}
.ul-partner li{float: left;width: 16.6%;text-align: center;padding: 0 15px;margin-bottom: 30px;}
.ul-partner li a{display: block;border: 1px solid #e6e6e6;height: 100px;line-height: 100px;}
.ul-partner li a img{display: inline-block;vertical-align: middle;}
.partner-more{margin-top: 60px;}
.partner-more a{display: inline-block;width: 176px;height: 55px;line-height: 55px;border: 1px solid #e6e6e6;border-radius: 30px;font-size: 18px;}


.ul-contact li{float: left;width: 33.33%;overflow: hidden;color: #000;margin: 4% 0;}
.ul-contact li .pad{display: flex;justify-content: left;align-items: center;padding-left: 20%;overflow: hidden;height: 75px;font-size: 18px;line-height: 24px;}
.ul-contact li .ico{margin-right: 15px;}
.ul-contact li h5{font-size: 16px;color: #00a0e9;font-weight: bold;}
#map{width: 100%;height: 648px;}

.formBox{padding-bottom: 316px;margin-bottom: -5%;}
.formBox li{float: left;width: 50%;padding: 0 45px;margin-bottom: 40px;}
.formBox li .pad{border-bottom: 1px solid #b7b6b6;padding: 20px 0;position: relative;font-family: "fontnameBlod";font-size: 16px;}
.formBox li .inp,.formBox li textarea{width: 100%;border: 0;padding-left: 80px;}
.formBox li span{position: absolute;left: 0;top: 20px;}
.formBox li textarea{padding-top: 30px;padding-left: 0;height: 110px;}
.formBox li:last-child{margin-top: -100px;}
.formBox .sub{width: 300px;height: 60px;border: 2px solid #b7b6b6;line-height: 60px;font-size: 18px;background: transparent;margin-top: 75px;cursor: pointer;}
.formBox .sub:hover{background: #00a0e9;color: #fff;border-color: #00a0e9; }


.talent .pad{box-shadow:  0px 0px 0.6px rgba(0, 0, 0, 0.02),  0px 0px 1.3px rgba(0, 0, 0, 0.028),  0px 0px 2.5px rgba(0, 0, 0, 0.035),  0px 0px 4.5px rgba(0, 0, 0, 0.042),
  0px 0px 8.4px rgba(0, 0, 0, 0.05),  0px 0px 20px rgba(0, 0, 0, 0.07);overflow: hidden;}
.talent .pic{width: 50%;float: left;}
.talent .pic img{display: block;width: 100%;}
.talent .txt{padding: 50px 60px;font-size: 16px;line-height: 30px;overflow: hidden;}
.employ{padding: 80px 0;overflow: hidden;}
.ul-employ{margin: 0 -10px;}
.ul-employ li{float: left;width: 33.33%;padding: 0 20px;font-family: "fontnameBlod";}
.ul-employ li img{display: block;width: 100%;}
.ul-employ li .txt{box-shadow:  0px 0px 0.6px rgba(0, 0, 0, 0.02),  0px 0px 1.3px rgba(0, 0, 0, 0.028),  0px 0px 2.5px rgba(0, 0, 0, 0.035),  0px 0px 4.5px rgba(0, 0, 0, 0.042),
  0px 0px 8.4px rgba(0, 0, 0, 0.05),  0px 0px 20px rgba(0, 0, 0, 0.07);padding: 35px;font-size: 16px;line-height: 24px;}
.ul-employ li h3{text-align: center;font-size: 24px;margin-bottom: 15px;}
.payBox{background: #f2f8ff;padding: 80px 0;overflow: hidden;}
.ul-pay li{float: left;width: 33.33%;text-align: center;margin-bottom: 60px;font-size: 16px;color: #333;}
.ul-pay li p{height: 50px;}
.ul-pay li h3{font-size: 20px;padding: 20px 0;color: #000;font-weight: bold;}
.ul-pay li .ico{height: 63px;}
.staff{padding: 80px 0;}
.join{-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;text-align: center;padding: 7% 0;margin-bottom: -5.5%;}
.join h3{font-size: 36px;font-weight: bold;}
.join .btn{}



.honor-cont {
    float: right;
    width: 100%;
    position: static!important;
    margin-top: -76px;
}

.smm {
    margin: 0 auto;
    width: 100%;
    height: auto;
    float: right
}

.honor .owl-carousel,.honor .owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.honor .owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.honor .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.honor .owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.honor .owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0)
}

.honor .owl-carousel .owl-item,.honor .owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0)
}

.honor .owl-carousel .owl-wrapper-outer {
    width: 100%;
    overflow: hidden;
}

.honor .owl-theme .owl-controls {
    margin-top: 2rem;
    text-align: center;
    display: block !important;
}

.honor .owl-theme .owl-controls .owl-pagination {
    display: block;
}

.honor .owl-theme .owl-controls .owl-buttons {
    display: none
}

.honor .owl-theme .owl-controls.clickable .owl-buttons div:hover {
    filter: Alpha(Opacity=100);
    opacity: 1;
    text-decoration: none
}

.honor .owl-theme .owl-controls .owl-page {
    display: inline-table;
}

.honor .owl-theme .owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #d6d5d6
}

.honor .owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #e60012
}

.honor .owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}

.honor .owl-carousel .owl-item {
    width: 25%;
    float: left;
}

.honor .owl-carousel .owl-item:first-child {
    width: 50%;
}

.honor .owl-carousel .owl-item .item {
    padding: 5px;
}

.honor .owl-carousel .owl-item:first-child .item {
    padding-bottom: 0;
}

.honor .owl-carousel .owl-item .item a {
    display: block;
    width: 100%;
    height: auto;
    /*padding: 5%;margin-top: 5%;*/
    overflow: hidden;
    border-bottom: solid #fff 1px;
    transition: all 1s;
}

.honor .owl-carousel .owl-item .item a h1 {
    display: block;
    width: 100%;
    color: #000;
    font-size: 1.6rem;
    letter-spacing: 1px;
    text-align: left;
    line-height: 3;
    font-weight: normal;
    transition: all 1s;
}

.honor .owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none;
}

.honor .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    transition: all 1s;
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    object-fit: cover;
}

.honor .owl-carousel .owl-dots.disabled,.honor .owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .honor .owl-carousel,.honor .owl-carousel.owl-loaded,.honor .owl-carousel {
    display: block
}

.honor .owl-carousel .owl-dot,.honor .owl-carousel .owl-nav .owl-next,.honor .owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.honor .owl-carousel .owl-nav button.owl-next,.honor .owl-carousel .owl-nav button.owl-prev,.honor .owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit
}

.honor .owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.honor .owl-carousel.owl-hidden {
    opacity: 0
}

.honor .owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.honor .owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.honor .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.honor .owl-carousel.owl-rtl {
    direction: rtl
}

.honor .owl-carousel.owl-rtl .owl-item {
    float: right
}

.honor .owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.honor .owl-carousel .owl-animated-in {
    z-index: 0
}

.honor .owl-carousel .owl-animated-out {
    z-index: 1
}

.honor .owl-carousel .fadeOut {
    animation-name: fadeOut
}

.honor .owl-carousel .owl-item:hover a {
    -webkit-box-shadow: #666 0px 0px 10px;
    -moz-box-shadow: #666 0px 0px 10px;
    box-shadow: #666 0px 0px 10px;
    border-bottom: solid #e60012 1px;
    transition: all 1s;
}

.honor .owl-carousel .owl-item:hover a h1 {
    color: #e60012;
    transition: all 1s;
}

.honor .owl-carousel .owl-item:hover img {
    display: block;
    width: 100%;
    transition: all 1s;
    transform: scale(1.05);
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -moz-transform: scale(1.05);
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.honor .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.honor .owl-carousel .owl-item .owl-lazy:not([src]),.honor .owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.honor .owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.honor .owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.honor .owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(../images/owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.honor .owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3,1.3);
    transform: scale(1.3,1.3)
}

.honor .owl-carousel .owl-video-playing .owl-video-play-icon,.honor .owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.honor .owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.honor .owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

@media(max-width: 768px) {
    .honor .owl-carousel .owl-item .item a {
        margin-top:0rem;
    }

    .honor {
        padding: 3rem 0rem;
    }

    .honor .owl-carousel .owl-item .item {
        border: solid #ccc 1px;
        padding: 2% 2%
    }
}




#lightbox_mask {
      display: none;
      position: fixed;
      z-index: 999;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, .7);
    }
    #lightbox_popup {
      display: none;
      position: fixed;
      z-index: 1000;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
    }
    #lightbox_popup .pic-view {
      position: absolute;
      top: 5%;
      left: 5%;
      width: 90%;
      height: 90%;
      text-align: center;
    }
    #lightbox_popup .pic-view .pic {
      max-width: 100%;
      max-height: 100%;
      border: 5px solid #fff;
      border-radius: 3px;
    }
    #lightbox_popup .btn-view {}
    #lightbox_popup .btn-view .btn {
      position: absolute;
      width: 40px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      font-size: 24px;
      text-decoration: none;
      border-radius: 32px;
      background-color: #000;
      opacity: .4;
      color: #fff;

      transition: all .3s;
    }
    #lightbox_popup .btn-view .btn:hover {
      opacity: 1;
      transform: scale(1.4);
    }
    #lightbox_popup .btn-view .btn-prev {
      left: 10px;
      top: 48%;
    }
    #lightbox_popup .btn-view .btn-next {
      right: 10px;
      top: 48%;
    }
    #lightbox_popup .btn-view .btn-close {
      right: 10px;
      top: 10px;
    }
    #lightbox_popup .caption-view {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 38px;
      background-color: rgba(0, 0, 0, .7);
      text-align: center;
    }
    #lightbox_popup .caption-view p {
      line-height: 38px;
      color: #fff;
    }

    .lightbox-pic {
      width: 200px;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

    @charset "UTF-8";


    /*!
    Animate.css - http://daneden.me/animate
    Licensed under the MIT license

    Copyright (c) 2013 Daniel Eden

    Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

    The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

    THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
    */

    .animated {
      -webkit-animation-duration: 1s;
      animation-duration: 1s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
    }

    .animated2 {
      -webkit-animation-duration: .3s;
      animation-duration: .3s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
    }

    .animated.hinge {
      -webkit-animation-duration: 2s;
      animation-duration: 2s;
    }

    @-webkit-keyframes bounce {
      0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
      }

      40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
      }

      60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
      }
    }

    @keyframes bounce {
      0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
      }

      40% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
      }

      60% {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px);
      }
    }

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

    @-webkit-keyframes flash {
      0%, 50%, 100% {
        opacity: 1;
      }

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

    @keyframes flash {
      0%, 50%, 100% {
        opacity: 1;
      }

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

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

    /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

    @-webkit-keyframes pulse {
      0% {
        -webkit-transform: scale(1);
        transform: scale(1);
      }

      50% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
      }

      100% {
        -webkit-transform: scale(1);
        transform: scale(1);
      }
    }

    @keyframes pulse {
      0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
      }

      50% {
        -webkit-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
      }

      100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
      }
    }

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

    @-webkit-keyframes shake {
      0%, 100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
      }

      10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
      }

      20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
      }
    }

    @keyframes shake {
      0%, 100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
      }

      10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
      }

      20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
      }
    }

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

    @-webkit-keyframes swing {
      20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
      }

      40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
      }

      60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
      }

      80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
      }

      100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
      }
    }

    @keyframes swing {
      20% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg);
      }

      40% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg);
      }

      60% {
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg);
      }

      80% {
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg);
      }

      100% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
      }
    }

    .swing {
      -webkit-transform-origin: top center;
      -ms-transform-origin: top center;
      transform-origin: top center;
      -webkit-animation-name: swing;
      animation-name: swing;
    }

    @-webkit-keyframes tada {
      0% {
        -webkit-transform: scale(1);
        transform: scale(1);
      }

      10%, 20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
      }

      30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
      }

      40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
      }

      100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
      }
    }

    @keyframes tada {
      0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
      }

      10%, 20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        -ms-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
      }

      30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
      }

      40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
      }

      100% {
        -webkit-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
      }
    }

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

    /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

    @-webkit-keyframes wobble {
      0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
      }

      15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
      }

      30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
      }

      45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
      }

      60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
      }

      75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
      }

      100% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
      }
    }

    @keyframes wobble {
      0% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
      }

      15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        -ms-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
      }

      30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        -ms-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
      }

      45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        -ms-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
      }

      60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        -ms-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
      }

      75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        -ms-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
      }

      100% {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
      }
    }

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

    @-webkit-keyframes bounceIn {
      0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3);
      }

      50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
      }

      70% {
        -webkit-transform: scale(.9);
        transform: scale(.9);
      }

      100% {
        -webkit-transform: scale(1);
        transform: scale(1);
      }
    }

    @keyframes bounceIn {
      0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3);
      }

      50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
      }

      70% {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9);
      }

      100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
      }
    }

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

    @-webkit-keyframes bounceInDown {
      0% {
        opacity: 0;
        -webkit-transform: translateY(-100px) scaleY(1);
        transform: translateY(-100px) scaleY(1);
      }

      80% {
        opacity: 1;
        -webkit-transform: translateY(5px) scaleY(0.95);
        transform: translateY(5px) scaleY(0.95);
      }

      90% {
        -webkit-transform: translateY(-5px) scaleY(1.05);
        transform: translateY(-5px) scaleY(1.05);
      }

      100% {
        -webkit-transform: translateY(0) scaleY(1);
        transform: translateY(0) scaleY(1);
      }
    }

    @keyframes bounceInDown {
      0% {
        opacity: 0;
        -webkit-transform: translateY(-100px) scaleY(1);
        -ms-transform: translateY(-100px) scaleY(1);
        transform: translateY(-100px) scaleY(1);
      }

      80% {
        opacity: 1;
        -webkit-transform: translateY(5px) scaleY(0.95);
        -ms-transform: translateY(5px) scaleY(0.95);
        transform: translateY(5px) scaleY(0.95);
      }

      90% {
        -webkit-transform: translateY(-5px) scaleY(1.05);
        -ms-transform: translateY(-5px) scaleY(1.05);
        transform: translateY(-5px) scaleY(1.05);
      }

      100% {
        -webkit-transform: translateY(0) scaleY(1);
        -ms-transform: translateY(0) scaleY(1);
        transform: translateY(0) scaleY(1);
      }
    }

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

    @-webkit-keyframes bounceInLeft {
      0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
      }

      60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
      }

      80% {
    	  opacity: 1;
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
      }

      100% {
    	  opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
      }
    }

    @keyframes bounceInLeft {
      0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
      }

      60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px);
      }

      80% {
    	  opacity: 1;
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
      }

      100% {
    	  opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
      }
    }

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

    @-webkit-keyframes bounceInRight {
      0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
      }

      60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px);
      }

      80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
      }

      100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
      }
    }

    @keyframes bounceInRight {
      0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
      }

      60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px);
      }

      80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
      }

      100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
      }
    }

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

    @-webkit-keyframes bounceInUp {
      0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
      }

      60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
      }

      80% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
      }

      100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
      }
    }

    @keyframes bounceInUp {
      0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
      }

      60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
      }

      80% {
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px);
      }

      100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
      }
    }

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

    @-webkit-keyframes bounceOut {
      0% {
        -webkit-transform: scale(1);
        transform: scale(1);
      }

      25% {
        -webkit-transform: scale(.95);
        transform: scale(.95);
      }

      50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
      }

      100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3);
      }
    }

    @keyframes bounceOut {
      0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
      }

      25% {
        -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
        transform: scale(.95);
      }

      50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
      }

      100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3);
      }
    }

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

    @-webkit-keyframes bounceOutDown {
      0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
      }

      20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
      }
    }

    @keyframes bounceOutDown {
      0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
      }

      20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
      }
    }

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

    @-webkit-keyframes bounceOutLeft {
      0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
      }

      20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
      }
    }

    @keyframes bounceOutLeft {
      0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
      }

      20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
      }
    }

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

    @-webkit-keyframes bounceOutRight {
      0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
      }

      20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
      }
    }

    @keyframes bounceOutRight {
      0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
      }

      20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
      }
    }

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

    @-webkit-keyframes bounceOutUp {
      0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
      }

      20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
      }
    }

    @keyframes bounceOutUp {
      0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
      }

      20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
      }
    }

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

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

      100% {
        opacity: 1;
      }
    }

    @keyframes fadeIn {
      0% {
        opacity: 0;
      }

      100% {
        opacity: 1;
      }
    }

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

    @-webkit-keyframes fadeInDown {
      0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
      }

      100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
      }
    }

    @keyframes fadeInDown {
      0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
      }

      100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
      }
    }

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

    @-webkit-keyframes fadeInDownBig {
      0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
      }

      100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
      }
    }

    @keyframes fadeInDownBig {
      0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
      }

      100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
      }
    }

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

    @-webkit-keyframes fadeInLeft {
      0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
      }

      100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
      }
    }

    @keyframes fadeInLeft {
      0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
      }

      100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
      }
    }

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

    @-webkit-keyframes fadeInLeftBig {
      0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
      }

      100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
      }
    }

    @keyframes fadeInLeftBig {
      0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
      }

      100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
      }
    }

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

    @-webkit-keyframes fadeInRight {
      0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
      }

      100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
      }
    }

    @keyframes fadeInRight {
      0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
      }

      100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
      }
    }

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

    @-webkit-keyframes fadeInRightBig {
      0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
      }

      100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
      }
    }

    @keyframes fadeInRightBig {
      0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
      }

      100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
      }
    }

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

    @-webkit-keyframes fadeInUp {
      0% {
        opacity: 0;
        -webkit-transform: translateY(80px);
        transform: translateY(80px);
      }

      100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
      }
    }

    @keyframes fadeInUp {
      0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
      }

      100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
      }
    }

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

    @-webkit-keyframes fadeInUpBig {
      0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
      }

      100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
      }
    }

    @keyframes fadeInUpBig {
      0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
      }

      100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
      }
    }

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

    @-webkit-keyframes fadeOut {
      0% {
        opacity: 1;
      }

      100% {
        opacity: 0;
      }
    }

    @keyframes fadeOut {
      0% {
        opacity: 1;
      }

      100% {
        opacity: 0;
      }
    }

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

    @-webkit-keyframes fadeOutDown {
      0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
      }
    }

    @keyframes fadeOutDown {
      0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
      }
    }

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

    @-webkit-keyframes fadeOutDownBig {
      0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
      }
    }

    @keyframes fadeOutDownBig {
      0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
      }
    }

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

    @-webkit-keyframes fadeOutLeft {
      0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
      }
    }

    @keyframes fadeOutLeft {
      0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
      }
    }

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

    @-webkit-keyframes fadeOutLeftBig {
      0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
      }
    }

    @keyframes fadeOutLeftBig {
      0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
      }
    }

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

    @-webkit-keyframes fadeOutRight {
      0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
      }
    }

    @keyframes fadeOutRight {
      0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
      }
    }

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

    @-webkit-keyframes fadeOutRightBig {
      0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
      }
    }

    @keyframes fadeOutRightBig {
      0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
      }
    }

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

    @-webkit-keyframes fadeOutUp {
      0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
      }

      100% {
        opacity: 1;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
      }
    }

    @keyframes fadeOutUp {
      0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
      }

      100% {
        opacity: 1;
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
      }
    }

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

    @-webkit-keyframes fadeOutUpBig {
      0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
      }
    }

    @keyframes fadeOutUpBig {
      0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
      }
    }

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

    @-webkit-keyframes flip {
      0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
      }

      40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
      }

      50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
      }

      80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
      }

      100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
      }
    }

    @keyframes flip {
      0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
      }

      40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
      }

      50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
      }

      80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
      }

      100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
      }
    }

    .animated.flip {
      -webkit-backface-visibility: visible;
      -ms-backface-visibility: visible;
      backface-visibility: visible;
      -webkit-animation-name: flip;
      animation-name: flip;
    }

    @-webkit-keyframes flipInX {
      0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
      }

      40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
      }

      70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
      }

      100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
      }
    }

    @keyframes flipInX {
      0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
      }

      40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        -ms-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
      }

      70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -ms-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
      }

      100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
      }
    }

    .flipInX {
      -webkit-backface-visibility: visible !important;
      -ms-backface-visibility: visible !important;
      backface-visibility: visible !important;
      -webkit-animation-name: flipInX;
      animation-name: flipInX;
    }

    @-webkit-keyframes flipInY {
      0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
      }

      40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg);
      }

      70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
      }

      100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
      }
    }

    @keyframes flipInY {
      0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
      }

      40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        -ms-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg);
      }

      70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        -ms-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
      }

      100% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
      }
    }

    .flipInY {
      -webkit-backface-visibility: visible !important;
      -ms-backface-visibility: visible !important;
      backface-visibility: visible !important;
      -webkit-animation-name: flipInY;
      animation-name: flipInY;
    }

    @-webkit-keyframes flipOutX {
      0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
      }

      100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
      }
    }

    @keyframes flipOutX {
      0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        -ms-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
      }

      100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
      }
    }

    .flipOutX {
      -webkit-animation-name: flipOutX;
      animation-name: flipOutX;
      -webkit-backface-visibility: visible !important;
      -ms-backface-visibility: visible !important;
      backface-visibility: visible !important;
    }

    @-webkit-keyframes flipOutY {
      0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
      }

      100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
      }
    }

    @keyframes flipOutY {
      0% {
        -webkit-transform: perspective(400px) rotateY(0deg);
        -ms-transform: perspective(400px) rotateY(0deg);
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
      }

      100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
      }
    }

    .flipOutY {
      -webkit-backface-visibility: visible !important;
      -ms-backface-visibility: visible !important;
      backface-visibility: visible !important;
      -webkit-animation-name: flipOutY;
      animation-name: flipOutY;
    }

    @-webkit-keyframes lightSpeedIn {
      0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
      }

      60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1;
      }

      80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1;
      }

      100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
      }
    }

    @keyframes lightSpeedIn {
      0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
      }

      60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        -ms-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1;
      }

      80% {
        -webkit-transform: translateX(0%) skewX(-15deg);
        -ms-transform: translateX(0%) skewX(-15deg);
        transform: translateX(0%) skewX(-15deg);
        opacity: 1;
      }

      100% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
      }
    }

    .lightSpeedIn {
      -webkit-animation-name: lightSpeedIn;
      animation-name: lightSpeedIn;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out;
    }

    @-webkit-keyframes lightSpeedOut {
      0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
      }

      100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
      }
    }

    @keyframes lightSpeedOut {
      0% {
        -webkit-transform: translateX(0%) skewX(0deg);
        -ms-transform: translateX(0%) skewX(0deg);
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
      }

      100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
      }
    }

    .lightSpeedOut {
      -webkit-animation-name: lightSpeedOut;
      animation-name: lightSpeedOut;
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in;
    }

    @-webkit-keyframes rotateIn {
      0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
      }

      100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
      }
    }

    @keyframes rotateIn {
      0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
      }

      100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
      }
    }

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

    @-webkit-keyframes rotateInDownLeft {
      0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
      }

      100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
      }
    }

    @keyframes rotateInDownLeft {
      0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
      }

      100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
      }
    }

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

    @-webkit-keyframes rotateInDownRight {
      0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
      }

      100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
      }
    }

    @keyframes rotateInDownRight {
      0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
      }

      100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
      }
    }

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

    @-webkit-keyframes rotateInUpLeft {
      0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
      }

      100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
      }
    }

    @keyframes rotateInUpLeft {
      0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
      }

      100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
      }
    }

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

    @-webkit-keyframes rotateInUpRight {
      0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
      }

      100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
      }
    }

    @keyframes rotateInUpRight {
      0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
      }

      100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
      }
    }

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

    @-webkit-keyframes rotateOut {
      0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
      }

      100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
      }
    }

    @keyframes rotateOut {
      0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
      }

      100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        -ms-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
      }
    }

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

    @-webkit-keyframes rotateOutDownLeft {
      0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
      }

      100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
      }
    }

    @keyframes rotateOutDownLeft {
      0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
      }

      100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
      }
    }

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

    @-webkit-keyframes rotateOutDownRight {
      0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
      }

      100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
      }
    }

    @keyframes rotateOutDownRight {
      0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
      }

      100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
      }
    }

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

    @-webkit-keyframes rotateOutUpLeft {
      0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
      }

      100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
      }
    }

    @keyframes rotateOutUpLeft {
      0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
      }

      100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
      }
    }

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

    @-webkit-keyframes rotateOutUpRight {
      0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
      }

      100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
      }
    }

    @keyframes rotateOutUpRight {
      0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
      }

      100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
      }
    }

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

    @-webkit-keyframes slideInDown {
      0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
      }

      100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
      }
    }

    @keyframes slideInDown {
      0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
      }

      100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
      }
    }

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

    @-webkit-keyframes slideInLeft {
      0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
      }

      100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
      }
    }

    @keyframes slideInLeft {
      0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
      }

      100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
      }
    }

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

    @-webkit-keyframes slideInRight {
      0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
      }

      100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
      }
    }

    @keyframes slideInRight {
      0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
      }

      100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
      }
    }

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

    @-webkit-keyframes slideOutLeft {
      0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
      }
    }

    @keyframes slideOutLeft {
      0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
      }
    }

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

    @-webkit-keyframes slideOutRight {
      0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
      }
    }

    @keyframes slideOutRight {
      0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
      }
    }

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

    @-webkit-keyframes slideOutUp {
      0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
      }
    }

    @keyframes slideOutUp {
      0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
      }
    }

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

    @-webkit-keyframes hinge {
      0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
      }

      20%, 60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
      }

      40% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
      }

      80% {
        -webkit-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
      }

      100% {
        -webkit-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0;
      }
    }

    @keyframes hinge {
      0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
      }

      20%, 60% {
        -webkit-transform: rotate(80deg);
        -ms-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
      }

      40% {
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
      }

      80% {
        -webkit-transform: rotate(60deg) translateY(0);
        -ms-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
      }

      100% {
        -webkit-transform: translateY(700px);
        -ms-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0;
      }
    }

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

    /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

    @-webkit-keyframes rollIn {
      0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
      }

      100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
      }
    }

    @keyframes rollIn {
      0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
      }

      100% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
      }
    }

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

    /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

    @-webkit-keyframes rollOut {
      0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg);
      }
    }

    @keyframes rollOut {
      0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
        -ms-transform: translateX(0px) rotate(0deg);
        transform: translateX(0px) rotate(0deg);
      }

      100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        -ms-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg);
      }
    }

    .rollOut {
      -webkit-animation-name: rollOut;
      animation-name: rollOut;
    }
    /*www.jq22.com*/