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: #1a1a1a;
    -webkit-transition:color .3s,opacity .3s;
    transition:color .3s,opacity .3s;
}
a:hover{
    color: #0060a0;
}
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('fontname.woff') format('woff'),
        url('fontname.ttf') format('truetype'),
        url('fontname.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:"微软雅黑","Microsoft Yahei";
    color: #1a1a1a;
    font-size: 14px;
    overflow-x: hidden;
}

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



/*手机头部*/
.m-bar{
    height: 60px;
    background-color: #fff;
}
.m-bar .lan{
    line-height: 60px;
    font-size: 14px;
}
.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: #015293; 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{
	height: 112px;
	background: #fff;
	padding: 0 4.7%;
	display: flex;justify-content: space-between;align-items: center;
	position: relative;
	z-index: 1000;
}
#hd.on{position: fixed;left: 0;top: 0;width: 100%;box-shadow: 3px 5px 5px #a9a6a6;}
#hd .logo{
	/*float: left;*/
}
#hd .logo a{
	display: block;
	line-height: 112px;
}
#hd .logo a img{
	display: inline-block;
	vertical-align: middle;
	max-width: 240px;
}
#hd .lan{
	/*float: right;*/
	line-height: 112px;color: #015293;
	font-size: 21px;width: 130px;display: block;
}
#hd .lan a{color: #015293;margin: 0 5px;}
/*#nav{float: left;}*/
#nav ul,#nav{white-space:nowrap;max-width: 1040px;width: 100%;text-align: center;}
#nav li{
	/*float: left;*/
	display: inline-block;
	font-size: 21px;padding: 0 30px;position: relative;}
#nav li > a{display: block;line-height: 112px;text-transform:uppercase;}
#nav li dl{
	background: #fff;
    border-top: 2px solid #0060a0;
    position: absolute;
    padding: 0px 20px;
    top: calc(100% + 5px);
    width: 280px;
    left: -18px;
    font-size: 14px;
    display: none;position: absolute;left: 0;top: 112px;
    box-shadow: 0px 2px 16px 0px rgb(27 38 60 / 17%);
}
#nav li dl:before{
	content: '';
    border-bottom: 6px solid #0060a0;
    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 dl a:hover{color: #0060a0;}
#nav li.ok dl{display: block;}
#banner{position: relative;margin-bottom: 5.5%;}
#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: 54px;height: 41px;background-repeat: no-repeat;z-index: 1;border: 0;font-size: 0;border-bottom:0;
	background-color: transparent;cursor: pointer;top:50%;margin-top: -20px;}
#banner .slick-prev{background-image: url(../images/prev.png);background-position: top center;left:0;}
#banner .slick-next{background-image: url(../images/next.png);background-position: bottom center;right:0;}
#banner .slick-dots{position: absolute;bottom: 57px;color: #fff;left: 0;text-align: center;width: 100%;}
#banner .slick-dots li{display: inline-block;margin: 0 5px;}
#banner .slick-dots li button{cursor: pointer;border: 0;background-color: #fff;color: #fff;font-size: 0;width: 12px;height: 12px;border-radius: 100%;}
#banner .slick-dots li.slick-active button{background-color: #1e57a9;}

.tabBd h3{font-size: 37px;font-weight: bold;color: #1e57a9;margin-bottom: 20px;}
.tabBd{background: url(../images/douhao.png) right top no-repeat;}
.tabCon{font-size: 24px;line-height: 2.25}
.tabCon p{max-width: 66.8%;}
.tabHd{margin-top: 3.9%;margin-bottom: 9%;overflow: hidden;}
.tabHd ul{margin-bottom: 0 -7px;overflow: hidden;}
.tabHd li{float: left;width: 20%;padding: 0 7px;}
.tabHd li .in{background: #0060a0;height: 186px;background: #ebebeb;text-align: right;font-size: 24px;padding-right: 18px;}
.tabHd li b{display: block;font-size: 36px;color: #d3d3d3;padding: 24px 0;margin-bottom: 15px;font-family: Arial;}
.tabHd li span{display: block;text-transform: capitalize;font-size: 14px;color: #878787;margin-top: 10px;}
.tabHd li:hover .in,
.tabHd li.hover .in{background: #0060a0;color: #fff;}
.tabHd li:hover b,.tabHd li:hover span,
.tabHd li.hover b,.tabHd li.hover span{color: #fff;}

.i-case{position: relative;padding-top: 5.99%;overflow: hidden;padding-bottom: 7%;}
.i-case:before{position: absolute;left: 0;top: 0;width: 100%;background: #f8f8f8;height: 100%;content: '';z-index: -1;}
.case-tit{margin-bottom: 4.5%;}
.tabHd2{width: 49.4%;float: left;}
.tabBd2{overflow: hidden;float: right;max-width: 905px;width: 47.2%;background: #0060a0;margin-top: -57px;}
.tabBd2 img{display: block;width: 100%;display:none;}
.tabBd2 .picbg{-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;}
.ul-caseName li{padding: 40px 0;border-bottom: 1px solid #b8b8b8;overflow: hidden;}
.ul-caseName li .num{float: left;margin-right: 40px;position: relative;}
.ul-caseName li .num img{-webkit-transition:.3s;transition:.3s;}
.ul-caseName li .num .after{position: absolute;left: 0;top: 600%;}
.ul-caseName li .txt{overflow: hidden;font-size: 18px;color: #818181;line-height: 53px;}
.ul-caseName li h3{font-size: 32px;font-weight: bold;color: #000000;}
.ul-caseName li h3 span{font-size: 20px;font-weight: normal;text-transform: capitalize;color: #1f1f1f;margin-left: 15px;font-family: Arial;}
.ul-caseName li.hover .num .after,
.ul-caseName li:hover .num .after{top: 0;display: block;}
.ul-caseName li.hover .txt h3,
.ul-caseName li:hover .txt h3,
.ul-caseName li.hover .txt h3 span,
.ul-caseName li:hover .txt h3 span{color: #1e57a9;}
.ul-caseName li.hover,
.ul-caseName li:hover{background: url(../images/arrow.png) right center no-repeat;}
/*.ul-caseName li:last-child{border-bottom: 0;}*/

.i-picBox{position: relative;}
.i-picBox .swiper {
  width: 100%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}

.i-picBox .swiper-slide {
  background-size: cover;
  background-position: center;
}

.i-picBox .mySwiper2 {
  height: 80%;
  width: 100%;
}
/*.i-picBox .mySwiper2 .swiper-wrapper{max-width: 1540px;width: 100%;margin: 0 auto;}*/
.i-picBox .mySwiper {
  /*height: 150px;*/
  box-sizing: border-box;
  position: absolute !important;
  left: 0;
  bottom:4.7%;
  /*max-width: 1540px;*/
  width: 100%;
  margin: 0 auto;
}

.i-picBox .mySwiper .swiper-slide {
  width: 20%;
  height: 100%;
  padding: 0 5px;
 cursor: pointer;
}
.i-picBox .mySwiper .swiper-slide span{ position: relative;border: 2px solid #fff;display: block;}
.i-picBox .mySwiper .swiper-slide img{max-height: 100%;height: 150px;}

.i-picBox .mySwiper .hover span:after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
}
.i-picBox .swiper-slide{position: relative;}
.i-picBox .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.i-picBox .swiper-slide .txt{position: absolute;left: 0;top: 30%;width: 100%;text-align: center;font-size: 30px;color: #fff;}
.i-picBox .swiper-slide .txt h4{font-size: 34px;}
.i-picBox .swiper-slide .txt p{    padding: 0 17.3%;}

.i-news{padding-top: 5%;}
.news-top{height: 163px;border-bottom: 1px solid #bfbfbf;margin-bottom: 4.5%;position: relative;}
.news-tit img{display: block;}
.news_tabHd{position: absolute;right: 0;top: 12px;}
.news_tabHd li{display: inline-block;margin-left: 25px;height: 153px;}
.news_tabHd li span{cursor: pointer;display: block;line-height: 48px;font-size: 30px;padding: 0 15px;}
.news_tabHd li.hover span{background: #0060a0;color: #fff;}
.news_tabHd li.hover{border-bottom: 5px solid #0060a0;}
.ul-list li{float: left;width: 33.33%;padding: 0 8px;}
.ul-list li .in{background: #eeeeee;}
.ul-list li .pic{position: relative;overflow: hidden;}
.ul-list li .bg{height: 347px;-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%;overflow: hidden;}
.ul-list li .txt{padding: 10px 20px;line-height: 24px;color: #888888;padding-bottom: 20px;height:168px;}
.ul-list li h3 a{font-size: 24px;font-weight: bold;overflow: hidden;border-bottom: 2px solid #d7d7d7;padding-bottom: 10px;line-height: 1.8;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;margin-bottom: 10px;
}
.ul-list li p{
	overflow: hidden;
	-webkit-line-clamp: 5;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}
.ul-list 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-list li:hover h3 a{color: #0060a0;}


.i-honor{-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;margin-top: 7%;}
.honor-tit{text-align: center;padding-top: 7%;font-size: 30px;line-height: 50px;color: #909090;margin-bottom: 4%;}
.honor-tit p{padding: 0 17.3%;}


.back{margin-top: 8%;text-align: center;}
.back a{display: inline-block;width: 100px;line-height: 40px;background: #0060a0;color: #fff;font-size: 16px;}

#certify {
	position: relative;
	margin: 0 auto;
	padding-bottom: 88px;
	
}

#certify .swiper-container {
	padding-bottom: 60px;
}

#certify  .swiper-slide {
	width: 380px;
	height: 450px;
	background: #fff;
	box-shadow: 0 8px 30px #ddd;
}
#certify  .swiper-slide img{
	display:block;
}
#certify  .swiper-slide p {
	line-height: 98px;
	padding-top: 0;
	text-align: center;
	color: #636363;
	font-size: 1.1em;
	margin: 0;
}

#certify .swiper-pagination {
	width: 100%;
	bottom: 20px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
}

#certify .swiper-button-prev {
	left: -30px;
	width: 45px;
	height: 45px;
	background: url(../images/wm_button_icon.png) no-repeat;
	background-position: 0 0;
	background-size: 100%;
}

#certify .swiper-button-prev:hover {
	background-position: 0 -46px;
	background-size: 100%
}

#certify .swiper-button-next {
	right: -30px;
	width: 45px;
	height: 45px;
	background: url(../images/wm_button_icon.png) no-repeat;
	background-position: 0 -93px;
	background-size: 100%;
}

#certify .swiper-button-next:hover {
	background-position: 0 -139px;
	background-size: 100%
}


.i-server{background: #eeeeee;padding-top: 4.7%;padding-bottom: 6.25%;}
.ser-tit h3{font-size: 30px;}
.ser-tit .r{text-align: right;}
.map{position: relative;text-align: center;}
.map .add {position: absolute;}
.map .add span{
	z-index: 2;
	border-radius: 50%;
	animation-name: pulsate;
    animation-duration: 1s;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    display: inline-block;
}
.map .add span img{display: inline-block;vertical-align: middle;margin-right: 10px;margin-left: 10px;}
@keyframes pulsate {
    0% {
        transform: translateY(0) scale(1);
    }
    50% {
        transform: translateY(0px) scale(1.2);
    }
    100% {
        transform: translateY(0) scale(1);
    }
}
.map .add1{left: 31%;bottom: 28.4%;}
.map .add2{top: 24.6%;right: 36.6%;}
.map .add3{top: 23.6%;right: 28.2%;}
.map .add4{top: 34.4%;right:24.8%;}
.map .add5{top: 44.4%;right:32%;}
.map .add6{top: 48.4%;right:21.8%;}
.map .add7{top: 55.4%;right:36.8%;}
.map .add8{right:43.8%;bottom: 20.4%;}
.map .add9{right:42.8%;bottom: 28.4%;}
.map .add10{top: 37.4%;right:20.8%;}
.map .add11{top: 42.4%;right:25.8%;}
.map .add12{top: 48.4%;right:26.8%;}
.map .add13{top: 62.4%;right:21.8%;}
.map .add14{top: 17.6%; right: 30.2%;}
.map .add15{top: 45.4%; right: 39%;}
.map .add16{top: 55.4%;right:47.8%;}
.map .add17{left: 31%;bottom: 34.4%;}
.map .add18{right: 36.8%;bottom: 24.4%;}


.copy{background: #fff;padding: 20px 0;text-align: center;line-height: 24px;font-size: 12px;color: #969696;margin-top: 4.2%;}
.copy a{color: #969696;}
#fd{background: #171717;color: #fff;padding-top: 4.2%;}
#fd .wp{display: flex;justify-content: space-between;}
.fd-tit{border-bottom: 1px solid #5f5f5f;padding-bottom: 15px;font-weight: bold;font-size: 18px;margin-bottom: 15px;}
.fd-tit span{font-weight: normal;font-size: 12px;font-family: Arial;text-transform: capitalize;}
#fd address{color: #bababa;line-height: 28px;margin-bottom: 50px;font-style: normal;}
.fd-link li{float: left;width: 50%;line-height: 40px;font-size: 16px;}
.fd-link li img{display: inline-block;vertical-align: middle;margin-right: 16px;}
.fd-contact{max-width: 560px;width: 100%;}
.fd-fase{width: 270px;}
.fd-fase a{float: left;width: 50%;color: #b8b8b8;line-height: 40px;}
.fd-fase a:hover{text-decoration:underline;}
.fd-ewm{width: 140px;text-align:center;}



#ban-in{height: 340px;-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;margin-bottom: 45px;}
.cur{font-size: 16px;margin-bottom: 3.9%;position: relative;}
.cur a:last-child{color: #015293;}
.wrap{max-width: 1316px;width: 100%;margin: 0 auto;}
.leftNav{width: 292px;float: left;margin-right: 30px;text-align: center;}
.leftNav h3{line-height: 57px;background: #015293;color: #fff;font-size: 26px;font-weight: bold;}
.ul-snv li{margin-top: 9px;}
.ul-snv li a{display: block;line-height: 58px;border: 1px solid #666666;font-size: 16px;}
.ul-snv li:hover a,
.ul-snv li.on a,
.ul-snv li a:hover{background: #e8e8e8;}
.rightCon{overflow: hidden;border-top: 2px solid #b2b2b2;position: relative;padding-bottom: 5%;}
.about-info{font-size: 16px;line-height: 36px;margin-bottom: 40px;padding-top: 30px;}
.ul-listPro li{float: left;width: 33.33%;padding: 0 12px;margin-bottom: 33px;}
.ul-listPro li .pad{text-align: center;overflow: hidden;}
.ul-listPro li p{height: 42px;border: 1px solid #aeaeae;line-height: 42px;font-size: 16px;}
.ul-listPro li .pic{overflow: hidden;-webkit-transition:.3s;height: 217px;
transition:.3s;}
.ul-listPro li .pic .bg{-webkit-background-size: cover;overflow: hidden;
-moz-background-size: cover;-webkit-transition:.3s;
transition:.3s;
-o-background-size: cover;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;height: 100%;}
.ul-listPro li a{display: block;position: relative;overflow: hidden;}
.ul-listPro li span{position: absolute;left: 0;top: 0;line-height: 36px;color: #fff;padding: 0 18px;border-radius: 0 0 25px 0;display: inline-block;background: #015293;
font-weight: bold;font-size: 18px;z-index: 2;display:none;}
.ul-listPro li:hover .pic .bg,
.ul-newsList li:hover .pic .bg,
.newsTop:hover .pic a,
.ul-server 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%;}
.pro-name{width: calc(100% - 322px);position: absolute;right: 0;top: 0;text-align: center;font-size: 30px;font-weight: bold;}
.jishu{margin-top: 7.2%}
.jishu h3{text-align: center;font-size: 30px;font-weight: bold;color: #015293;margin-bottom: 30px;}
.jishu table{width: 100%;}
.jishu table th,
.jishu table td{border: 1px solid #fff;text-align: center;font-size: 18px;}
.jishu table th{height: 64px;font-weight: normal;}
.jishu table th{background: #4d4d4d;color: #fff;width: 150px;}
.jishu table td{background: #dcdcdc;line-height: 64px;}
.jishu table tr:nth-child(2n) td{background: #e8e8e8;}

.ban-about{font-size: 21px;color: #fff;padding-top: 10.5%;padding-left: 30px;}
.ban-about b{font-size: 36px;display: block;}
.className{display: inline-block;position: absolute;left: 0px;top: 0;background: #fff;padding-left: 30px;}
.className b{display: block;font-size: 26px;color: #015293;}
.className em{text-transform: uppercase;color: #8f8f8f;letter-spacing: 2px;}
.leftNav2{margin-right: 0;padding-left: 30px;}
.leftNav2 .pic img{display: block;width: 100%;}
.rightCon2{padding-top: 15px;border-top: 0;}
.rightBd{border: 1px solid #b9b9b9;padding-top: 50px;overflow: hidden;padding-right: 30px;padding-left: 30px;padding-bottom: 40px;}
.rightBd .line{content: '';position: absolute;left: 0;top:0;width: 2px;background: #fff;}
.ul-honor{margin: 0 -30px;overflow: hidden;}
.ul-honor li{float: left;width: 33.33%;padding: 0 30px;margin-bottom: 40px;}
.ul-honor li .pic{background: #736357;padding: 5px;margin-bottom: 30px;text-align:center;}
.ul-honor li img{display: inline-block;vertical-align:middle;}
/*.ul-honor-qiye li img{max-height:106px;}*/
.ul-honor li .time{}
.ul-honor li h4{font-size: 16px;color: #5388c9;font-weight: bold;margin: 10px 0;height:42px;}
.ul-honor li .pad{border-bottom: 1px dashed #808080;padding-bottom: 10px;}
.aboutCon{font-size: 14px;line-height: 36px;}
.aboutCon p{text-indent: 2em;}
.right-tit2{text-align: center;font-size: 40px;font-weight: bold;padding-bottom: 35px;margin-bottom: 56px;position: relative;}
.right-tit2:after{content: '';position: absolute;left: 50%;bottom: 0;width: 114px;height: 13px;background: #1b61b7;margin-left: -57px;}
.ul-server li{overflow: hidden;background: #f4f4f4;position: relative;}
.ul-server li .pic{	width: 405px;height: 375px;overflow: hidden;float: left;}
.ul-server li .pic .bg{-webkit-background-size: cover;overflow: hidden;
-moz-background-size: cover;-webkit-transition:.3s;
transition:.3s;
-o-background-size: cover;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;height: 100%;}
.ul-server li:nth-child(2n) .pic{float: right;}
.ul-server li:nth-child(2n){background: #fff;}
.ul-server li .txt{overflow: hidden;display: flex;align-items: center;padding-left: 4.5%;padding-right: 8.2%;font-size: 16px;line-height: 36px;color: #8f8f8f;}
.ul-server li h3{height: 28px;font-size: 28px;font-weight: bold;border-left: 14px solid #1b61b7;padding-left: 14px;line-height: 28px;margin-bottom: 20px;color: #000000;}
.ul-server li:nth-child(2n) .txt{padding-left: 25px;}
.pages{margin: 8.5% 0;text-align: center;}
.pages li{display: inline-block;margin: 0 5px;}
.pages li a{display: block;width: 50px;height: 50px;line-height: 50px;border: 1px solid #ddd;font-family: Arial;}
.pages li.page-on a,
.pages li a:hover{background: #1b61b7;color: #fff;border-color: #1b61b7;}
.caseSlider .item {position: relative;}
.caseSlider .item img{display: block;width: 100%;}
.caseSlider .item .name{position: absolute;left: 0;bottom: 0;width: 100%;padding: 20px 4.8%;color: #fff;font-size: 21px;
	background: rgba(27,97,183,.76);line-height: 32px;}
.caseSlider .slick-dots{margin: 0 -3px;margin-top: -10x;}
.caseSlider .slick-dots li{float: left;padding: 0 3px;}
.caseSlider .slick-dots li button{background: #c2c2c2;height: 6px;font-size: 0;width: 100%;border: 0;cursor: pointer;}
.caseSlider .slick-prev,
.caseSlider .slick-next,
.caseSlider2 .prev,
.caseSlider2 .next{position: absolute;width: 41px;height: 41px;background-image: url(../images/prev.png);background-repeat: no-repeat;
cursor: pointer;border: 0;font-size: 0;top:50%;margin-top: -50px;z-index: 5;background-color: transparent;}
.caseSlider .slick-next,
.caseSlider2 .next{background-image: url(../images/next.png);right: 20px;}
.caseSlider .slick-prev,
.caseSlider2 .prev{left: 20px;}
.caseSlider .slick-dots li.slick-active button{background: #8f8f8f;}
.caseSlider{overflow: hidden;margin-bottom: 4.8%;}
.caseSlider2{text-align: center;position: relative;}
.caseSlider2 .slider{border-bottom: 1px dashed #e3e3e3;padding-bottom: 47px;margin-bottom: 30px;position: relative;}
.caseSlider2 .item img{display: inline-block;border: 8px solid #e8e8e8;max-height:472px;width:auto;}
.slider-nav{padding: 0 14%;}
.slider-nav li{float: left;width: 50%;padding: 0 9px;}
.slider-nav li span{display: block;line-height: 34px;text-align:left;padding-left:20px;}
.slider-nav li:nth-child(1) span,
.slider-nav li:nth-child(2) span,
.slider-nav li:nth-child(5) span,
.slider-nav li:nth-child(6) span,
.slider-nav li:nth-child(9) span,
.slider-nav li:nth-child(10) span,
.slider-nav li:nth-child(13) span,
.slider-nav li:nth-child(14) span,
.slider-nav li:nth-child(17) span,
.slider-nav li:nth-child(18) span,
.slider-nav li:nth-child(21) span,
.slider-nav li:nth-child(22) span,
.slider-nav li:nth-child(25) span,
.slider-nav li:nth-child(26) span,
.slider-nav li:nth-child(29) span,
.slider-nav li:nth-child(30) span{background: #f0f0f0;}
.slider-nav li.on span{color: #1b61b7;}
.slider-nav li em{display: inline-block;vertical-align: middle;width: 6px;height: 6px;border-radius: 6px;background: #1b61b7;margin-right: 12px;}


.newsIn-snv{text-align: center;padding-bottom: 50px;border-bottom: 1px solid #c7c7c7;margin-bottom: 50px;}
.newsIn-snv a{font-size: 28px;padding: 0 22px;line-height: 44px;display: inline-block;background: #eee;margin-left: -4px;}
.newsIn-snv a.on,
.newsIn-snv a:hover{background: #1e5caa;color: #fff;}
.newsTop{overflow: hidden;background: #f4f4f4;margin-bottom: 5.9%;}
.newsTop .pic{width: 49.4%;float: left;overflow: hidden;}
.newsTop .pic a{display: block;padding-top: 59.2%;-webkit-background-size: cover;overflow: hidden;
-moz-background-size: cover;-webkit-transition:.3s;
transition:.3s;
-o-background-size: cover;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;}
.newsTop .txt{overflow: hidden;padding-top: 5%;padding-left: 4%;padding-right: 8.3%;line-height: 36px;color: #707070;}
.newsTop .txt h3,
.ul-newsList li h3{font-size: 21px;font-weight: bold;margin-bottom: 10px;}
.ul-newsList li h3 a{
    display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
min-height: 54px;
}
.newsTop .time,
.ul-newsList li .time,
.article .time,
.ul-tuijian li .time{margin-top: 20px;font-size: 14px;color: #989898;}
.newsTop .time span,
.ul-newsList li .time span,
.article .time span,
.ul-tuijian li .time span{display: inline-block;height: 16px;line-height: 16px;background: #1e5caa;color: #fff;padding: 0 8px;margin-right: 18px;font-size: 12px;}
.ul-newsList li{float: left;width: 33.33%;padding: 0 13px;margin-bottom: 6.4%;}
.ul-newsList{margin: 0 -13px;overflow: hidden;}
.ul-newsList li .pic{margin-bottom: 20px;overflow: hidden;}
.ul-newsList li .pic .bg{-webkit-background-size: cover;overflow: hidden;
-moz-background-size: cover;-webkit-transition:.3s;
transition:.3s;
-o-background-size: cover;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;padding-top: 65.5%;display: block;}
.ul-newsList li p{overflow: hidden;
    -webkit-line-clamp:3;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;color: #707070;line-height: 30px;}
.article h1{font-size: 36px;font-weight: bold;text-align: center;}   
.article .time{text-align: center;border-bottom: 1px solid #c7c7c7;padding-bottom: 46px;margin-bottom: 60px;}
.article .con{line-height: 34px;}
.article .con .default{width:40%;margin:0 auto;}
.news-page{text-align: center;padding-top: 6.4%;padding-bottom: 8.6%;border-top: 1px solid #c7c7c7;margin-top: 46px;}
.m-show img{display:block;}
.news-page a{width: 150px;line-height: 52px;background-image: url(../images/prev2.png);background-position:  34px center;
	background-repeat:  no-repeat;background-color: #dcdcdc;display: inline-block;padding-left: 64px;font-size: 16px;margin: 0 15px;text-align: left;}
.news-page .next{background-image: url(../images/next2.png);padding-left: 34px;background-position:  right 34px center;}
.news-page a:hover{background-color: #1b61b7;color: #fff;}   
.news-page a.prev:hover{background-image: url(../images/prev2_h.png);}
.news-page a.next:hover{background-image: url(../images/next2_h.png);}
    
 .col-r{width: 405px;float: right;margin-left: 40px;}   
 .col-l{float: none;overflow: hidden;	}
 .tuijian{background: #1b61b7;padding: 40px;padding-bottom: 30%;}
 .tuijian h3{font-size: 30px;color: #fff;border-bottom: 1px solid #fff;padding-bottom: 15px;margin-bottom: 10px;}
 .ul-tuijian li h4 a{font-size: 20px;font-weight: bold;color: #fff5b9;}
.ul-tuijian li{line-height: 30px;color: #afc8e6;} 
.ul-tuijian li .time{margin-top: 0;color: #afc8e6;} 
.ul-tuijian li .time span{background-color: #3f9feb;}
.hangyeName{font-size: 42px;border-bottom: 1px solid #8f8f8f;font-weight: bold;padding-bottom: 15px;position: relative;margin-bottom: 30px;}
.hangyeName:after{content: '';width: 113px;height: 13px;background: #1b61b7;position: absolute;right: 0;bottom: -7px;z-index: 2;}
.hangyeBox .con{line-height: 36px;}
.hangyeBox .con p{text-indent: 2em;}  
.hangyeBox .con p > img{text-indent: 0;}

.news-page2{text-align: left;position: relative;}
.news-page2:before{content: '';width: 113px;height: 13px;background: #1b61b7;position: absolute;left: 0;top: -7px;z-index: 2;}    
    
 .i-about{padding-bottom: 4.6%;overflow: hidden;}   
.i-about-txt{width: 46.2%;float: left;font-size: 18px;line-height: 36px;margin-right: 6.6%;}    
.i-about-txt h3{font-size: 40px;color: #0060a0;font-weight: bold;margin-bottom: 20px;}   
.i-about-txt p{text-indent: 2em;}
.videoSlider{overflow: hidden;padding-top: 15px;max-height: 485px;padding-top: 55px;}
.mySwiperVideoPic{width: 136px;float: right;margin-left: 6px;}
.mySwiperVideoPic .slider-nav{padding: 0;}
.mySwiperVideoPic .swiper-slide{margin-bottom: 10px;position: relative;}
.mySwiperVideoPic .swiper-slide img{display: block;width: 100%;height: 111px;}
.mySwiperVideoPic .swiper-slide p{position: absolute;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);
font-size: 12px;z-index: 3;text-align: center;color: #fff;width: 100%;}
.mySwiperVideoPic .swiper-slide:before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.6);}
.mySwiperVideoPic .swiper-slide.slick-current:before{display: none;}
.mySwiperVideo{overflow: hidden;}
.mySwiperVideo video{width:100%; height: 365px;}    
.mySwiperVideo h3{font-size: 18px;text-align: center;padding: 15px 0;}
.mySwiperVideo h3 em{background: url(../images/sanjiao.png) no-repeat;width: 15px;height: 13px;display: inline-block;vertical-align: middle;margin-right: 8px;}
.mySwiperVideoPic .slick-prev,
.mySwiperVideoPic .slick-next{font-size: 0;border: 0;background-image: url(../images/up.png);width: 18px;height: 10px;background-color: transparent;
position: absolute;left: 50%;margin-left: -8px;}
.mySwiperVideoPic .slick-next{background-image: url(../images/down.png);}
.mySwiperVideoPic .slick-prev{top:-15px;bottom: -15px;}
#marquee{line-height: 30px;font-size: 16px;margin-top: 50px;}
#marquee a span{padding: 0 10px;display: inline-block;background: #1e57a7;color: #fff;margin-right: 10px;}
#marquee a{white-space: nowrap; /* 防止文字换行 */height: 30px;color: #666666;margin-right: 100px;
overflow: hidden; /* 文字溢出隐藏 */
text-overflow: ellipsis; }
#marquee .swiper-slide{width: auto !important;}




.i-picBox{
    -moz-background-size: cover;-webkit-transition:.3s;
    transition:.3s;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    padding-top:80px;
    padding-bottom: 100px;
}

#certify2 {
	position: relative;
	margin: 0 auto;
	margin-top:40px;
}

#certify2 .swiper-container {
	padding-bottom: 60px;
}

#certify2  .swiper-slide {
	width: 593px;
	height: 418px;
	background: #e9e9e9;
	padding:10px;
	box-shadow: 0 8px 30px #ddd;
}
#certify2 .swiper-slide.swiper-slide-active{
    border-bottom:5px solid #a3a2a2;
}
#certify2  .swiper-slide img{
	display:block;
}
#certify2  .swiper-slide p {
	line-height: 98px;
	padding-top: 0;
	text-align: center;
	color: #636363;
	font-size: 1.1em;
	margin: 0;
}
#certify2 .swiper-slide.swiper-slide-prev{
    left:-20%;
}
#certify2 .swiper-slide.swiper-slide-next{
    right:-20%;
}
#certify2 .swiper-pagination {
	width: 100%;
	bottom: 20px;
}

#certify2 .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}

#certify2 .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}

#certify2 .swiper-button-prev {
	left: -30px;
	width: 45px;
	height: 45px;
	background: url(../images/wm_button_icon.png) no-repeat;
	background-position: 0 0;
	background-size: 100%;
}

#certify2 .swiper-button-prev:hover {
	background-position: 0 -46px;
	background-size: 100%
}

#certify2 .swiper-button-next {
	right: -30px;
	width: 45px;
	height: 45px;
	background: url(../images/wm_button_icon.png) no-repeat;
	background-position: 0 -93px;
	background-size: 100%;
}

#certify2 .swiper-button-next:hover {
	background-position: 0 -139px;
	background-size: 100%
}




/*::::: PIROBOX RULES::::::::*/
.piro_overlay { position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:#000; display: none; z-index:99997; }
.loading span{position:absolute;top:50%;left:50%;margin-top:-15px;margin-left:-15px;width:30px;height:30px;display:block;z-index:100008; background:none }
.loading span span{position:absolute; display:block; width:30px;height:30px; z-index:100009;background: url(../images/ajax-loader.gif) center center no-repeat!important;background: url(../images/ajax-loader.gif) center center no-repeat;}
.caption{position:absolute;bottom:0;left:0;margin:0;display:block; padding:0px; cursor:text; background:#222;}
.piro_nav{position:absolute;bottom:0;left:50%;margin:0;display:block; padding:0; background:none;}
.caption p{ display:block; margin:0;padding:4px 28px 4px 38px; text-align:center; font-weight:normal; background:black; color:white; font-size:15px;}
a.piro_close{position:absolute;top:20px;right:20px;height:35px;width:35px;background:url(../images/close_btn.png) no-repeat;cursor:pointer;z-index:100006;}
a:hover.piro_close{background:url(../images/close_btn_h.png) no-repeat;}
a.piro_next{position:absolute;top:50%;width:35px; height:35px;right:20px;text-indent:-999em;outline:none; display:block; margin:-18px 0 0 0;background:url(../images/next.png) center right no-repeat; border:none; cursor:pointer;z-index:1000000001}
a:hover.piro_next{background:url(../images/next_h.png) center right no-repeat;}
a.piro_prev{position:absolute;top:50%;width:35px; height:35px;left:20px; text-indent:-999em; outline:none;display:block;margin:-18px 0 0 0;background: url(../images/prev.png) center left no-repeat;border:none; cursor:pointer; z-index:1000000000}
a:hover.piro_prev{background:url(../images/prev_h.png) center left no-repeat;}
.pirobox_content {position:absolute; top:50%; left: 50%; padding:0; width: 800px; height: 600px; margin:-300px 0 0 -400px; display:block; z-index:99998;font-family:Trebuchet MS,Arial;}
.pirobox_content table,tbody,tr,th,td{margin:0;padding:0;border:none;}
.pirobox_content img{ margin:0; padding:0; border:none;}
.t_l{background:url(../images/t_l.png) no-repeat; width:20px; height:20px;}
.t_r{background: url(../images/t_r.png) no-repeat; width:20px; height:20px;}
.t_c{height:20px; background:url(../images/t_c.png) repeat-x;}
.c_l{width:20px; background: url(../images/c_l.png) repeat-y;}
.c_c{background:black; margin:0; padding:0;}
.c_c div{width:760px; height:560px; margin:0; padding:0 0 0px 0;}
.c_r{width:20px; background: url(../images/c_r.png) repeat-y;}
.b_c{height:20px; background:url(../images/b_c.png) repeat-x;}
.b_l{background:url(../images/b_l.png) no-repeat; width:20px; height:20px;}
.b_r{background:url(../images/b_r.png) no-repeat; width:20px; height:20px;}
.box_img{ position:absolute; z-index:99995; background: url(../images/img_bg.png);width: 100%; top:30px; left:30px; height: 100%; padding:0;}
.err_mess{ position:absolute;bottom:20px; color:white; padding:0; margin:0 0 0 20px; display:block;}
.err_mess a{color:red; font-weight:700;}
.number{position:absolute;margin-left:3px;height:18px;width:30px; padding:3px;left:0;color:#666;bottom:1px; font-size:11px;display:none;}
a.link_to {position:absolute;margin-right:6px;height:20px;width:20px;right:0;color:#999;bottom:3px; background:url(../images/link_out.png) no-repeat; text-indent:-999em;display:none;}
a:hover.link_to { background:url(../images/link_out_h.png) no-repeat;}
a.play{position:absolute;top:20px!important;top:20px;left:20px!important;left:20px;width:40px; height:40px; margin:0; outline:none; display:block;background:url(../images/play.png) no-repeat; text-indent:-999em; border:none;cursor:pointer;}
a:hover.play{background:url(../images/play_h.png) no-repeat;}
a.stop{position:absolute;top:20px!important;top:20px;left:20px!important;left:20px;;width:40px; height:40px; margin:0; outline:none; display:block;background:url(../images/pause.png) no-repeat;text-indent:-999em; border:none;cursor:pointer;}
a:hover.stop{background:url(../images/pause_h.png) no-repeat;}







@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;
   }