@charset "UTF-8";
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-text-size-adjust: none;
}

*[hidefocus], input, textarea, a {
  outline: 0;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  padding: 0;
  margin: 0;
}

fieldset, img, html, body, iframe {
  border: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

li {
  list-style: none;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
}

caption, th {
  font-weight: normal;
  font-style: normal;
  text-align: left;
}

em, strong {
  font-weight: bold;
  font-style: normal;
}

a, button {
  cursor: pointer;
}

textarea {
  resize: none;
  overflow: auto;
}

a {
  color: #666666;
  text-decoration: none;
}

a, img, button, input, textarea {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

pre {
  white-space: pre-wrap;
}

body, textarea, select, input {
  font-family: "HanHei SC", "PingFang SC", "Avenir Next", Avenir, "Helvetica Neue", Helvetica, "Lantinghei SC", "Hiragino Sans GB", "Microsoft YaHei", 微软雅黑, STHeiti, "WenQuanYi Micro Hei", SimSun, sans-serif;
  font-size: 0.333333rem;
  color: #000;
}

body {
  background: #efeff0;
  -webkit-text-size-adjust: none;
  line-height: 0.5rem;
}

.small {
  -webkit-transform: scale(0.875);
  -ms-transform: scale(0.875);
  transform: scale(0.875);
}

/*
 *dec:配置背景
 * */
body {
  background-color: #fff;
  overflow-x: hidden;
}


.header .content {
  width: 1200px;
  margin: 0 auto;
}

.header .content:before, .header .content:after {
  content: " ";
  display: table;
}

.header .content:after {
  clear: both;
}

.header .m-logo {
  position: relative;
  float: left;
  top: 53px;
  width: 238px;
  height: 56px;
  font-size: 0px;
  text-indent: -999px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: -webkit-image-set(url("../images/i-logo.png") 1x, url("../images/i-logo@2x.png") 2x);
  background-image: url("../images/i-logo.png");
}

.header .m-menu {
  float: left;
  margin-left: 60px;
}

.header .m-menu li.item {
  float: left;
  position: relative;
  width: 225px;
  height: 162px;
  line-height: 162px;
  vertical-align: middle;
  text-align: center;
  border-top: 3px solid transparent;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.header .m-menu li.item.ative, .header .m-menu li.item:hover {
  cursor: pointer;
  background-color: #160700;
  border-top: 3px solid #b6a492;
}

.header .m-menu li.item.ative .list-pop, .header .m-menu li.item:hover .list-pop {
  display: block;
  -webkit-animation: list_pop_menu 0.5s ease  forwards;
  animation: list_pop_menu 0.5s ease  forwards;
}

.header .m-menu .text {
  display: inline-block;
  vertical-align: middle;
}

.header .m-menu .text h3 {
  margin-top: -5px;
  color: #ffffff;
  font-size: 18px;
  line-height: 1;
  font-weight: lighter;
}

.header .m-menu .text .dec {
  padding-top: 27px;
  color: #b2a392;
  font-size: 14px;
  line-height: 1;
  font-weight: lighter;
}

.header .m-menu .list-pop {
  display: none;
  position: absolute;
  left: 0px;
  top: 159px;
  width: 100%;
  opacity: 0;
}
.liebiaolan { /*position:absolute; z-index:100; */ width:100%; height:36px; background:rgba(255,255,255,.7); left:0; bottom:0; }
.new-title { float:left; width:15%; height:36px; text-align:center; border-right:1px solid #a5a5a5; }
.juz { width:124px; height:36px; margin:0 auto; }
.new-title p { float:left; font: normal 20px/36px "苹方 细体"; color:#545454; }

.fgx { float:left; width:1px; height:16px; margin:10px 15px; background:#000000; }

.d1 { float:right; width:85%; height:36px; cursor:pointer; overflow:hidden; white-space:nowrap; }

.d2{
margin:0px auto;
background-color:#FF9933;
}
.div2{
width:auto;
height:36px;
font:normal 16px/36px "苹方 细体";
color:#4D4D4D;
}

.div2 a{ margin:0 50px; }


.header .m-menu .list-pop li {
  height: 60px;
  line-height: 60px;
  text-align: center;
  background-color: rgba(182, 164, 146, 0.8);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.header .m-menu .list-pop li h3 {
  color: #fff;
  font-size: 16px;
  font-weight: lighter;
  -webkit-transition: color .5s;
  transition: color .5s;
}

.header .m-menu .list-pop li:hover, .header .m-menu .list-pop li.active {
  background-color: rgba(197, 182, 168, 0.8);
}

.footer {
  position: relative;
  height: 346px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../images/footer.jpg");
}

.footer .cp {
  padding-top: 164px;
  text-align: center;
  opacity: 0.61;
  color: #ececec;
  font-size: 20px;
  line-height: 1;
  font-weight: lighter;
}

@-webkit-keyframes list_pop_menu {
  0% {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
}

@keyframes list_pop_menu {
  0% {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
}

.container {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  margin-top:258px;
}

.about-s-1 {
  position: relative;
  left: -368px;
  margin-top: 84px;
  width: 1568px;
  height: 1282px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../images/about-1.jpg");
}

.about-s-1 .words {
  position: absolute;
  top: 158px;
  right: 0px;
  width: 602px;
  height: 442px;
  padding: 66px 32px 66px 74px;
}

.about-s-1 .words .title span {
  color: #ffffff;
  font-size: 24px;
  font-weight: 300;
  line-height: 30px;
}

.about-s-1 .words .title span.b {
  font-size: 26px;
  padding-right: 26px;
  font-weight: bold;
}

.about-s-1 .words .dec {
  margin-top: 40px;
  padding-right: 42px;
  height: 242px;
  overflow-y: auto;
  color: #ffffff;
  font-size: 16px;
  font-weight: lighter;
  line-height: 36px;
  word-break: break-all;
}

.about-s-2 {
  position: relative;
  left: -20px;
  width: 1327px;
  height: 934px;
  margin-top: 104px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../images/about-2.jpg");
}

.about-s-2 .words {
  position: absolute;
  top: 196px;
  right: 130px;
  width: 555px;
  height: 232px;
  color: #3a3a3a;
  font-size: 16px;
  font-weight: 400;
  line-height: 36px;
}

.about-s-3 {
  position: relative;
  margin-top: -100px;
  padding-bottom: 100px;
}

.about-s-3 .words {
  padding-left: 90px;
}

.about-s-3 .words:before, .about-s-3 .words:after {
  content: " ";
  display: table;
}

.about-s-3 .words:after {
  clear: both;
}

.about-s-3 .words .title {
  float: left;
  color: #3a3a3a;
  font-size: 20px;
  font-weight: 400;
  line-height: 53px;
}

.about-s-3 .words .dec {
  margin-left: 80px;
  float: left;
  width: 709px;
  color: #3a3a3a;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.about-s-3 .bottom-img {
  position: relative;
  margin-top: 300px;
  left: -360px;
}

.about-bg {
  position: relative;
  margin-top: -162px;
  height: 733px;
  z-index: 8;
  background-position: 50% 50%;
  background-repeat: repeat-x;
  background-image: url("../images/about_bg.jpg");
}

.about-bg .container {
  padding-top: 300px;
}

.about-bg .container .title {
  color: #ffffff;
  font-size: 40px;
  font-weight: 300;
  line-height: 1;
}

.about-bg .container .title span {
  padding-left: 15px;
  font-size: 20px;
  text-transform: uppercase;
}

.about-bg .container .dec {
  padding-top: 40px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.ab-section-1 {
  margin: 244px 0px 244px -148px;
  width: 1495px;
  height: 484px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../images/ab_f_bg.jpg");
  padding-top: 140px;
}

.ab-section-1 .dec {
  margin: 0px auto;
  width: 1197px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  line-height: 36px;
  text-align: center;
  white-space: pre-line;
}

.ab-setion-2 {
  position: relative;
  margin-left: -360px;
  width: 1920px;
  height: 1004px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../images/ab_tmp_bg.jpg");
  padding-top: 158px;
}

.ab-setion-2:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}

.ab-setion-2 .content {
  position: relative;
  margin: 0 auto;
  width: 1200px;
  height: 579px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../images/ab_2_content.png");
}

.ab-setion-2 .content .avatar {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 423px;
  height: 493px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.ab-setion-2 .content .dec {
  position: absolute;
  width: 620px;
  left: 540px;
  top: 186px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 300;
  line-height: 36px;
}

.ab-setion-3 {
  margin: 300px 0px;
}

.ab-setion-3:before, .ab-setion-3:after {
  content: " ";
  display: table;
}

.ab-setion-3:after {
  clear: both;
}

.ab-setion-3 .l {
  float: left;
  height: 414px;
  width: 600px;
  border-right: 4px solid #850000;
}

.ab-setion-3 .l .dec {
  padding-right: 120px;
  color: #a69786;
  font-size: 16px;
  font-weight: 300;
  line-height: 36px;
}

.ab-setion-3 .r {
  float: left;
  margin-left: 120px;
  width: 423px;
  height: 414px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.ab-setion-4 {
  position: relative;
  margin-left: -360px;
  width: 1920px;
  height: 1242px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../images/ab_tmp_bg.jpg");
  padding-top: 158px;
}

.ab-setion-4:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-image: url("../images/ab_4_cover.png");
}

.ab-setion-4 .content {
  position: relative;
  width: 1200px;
  padding-top: 470px;
  margin: 0 auto;
  z-index: 2;
}

.ab-setion-4 .content:before, .ab-setion-4 .content:after {
  content: " ";
  display: table;
}

.ab-setion-4 .content:after {
  clear: both;
}

.ab-setion-4 .content .l {
  float: left;
  height: 398px;
  width: 633px;
  border-right: 2px solid #fff;
  padding-right: 38px;
}

.ab-setion-4 .content .l .title {
  padding-top: 27px;
  text-align: right;
  color: #ffffff;
  font-size: 36px;
  font-weight: 300;
  line-height: 36px;
}

.ab-setion-4 .content .l .dec {
  padding-top: 70px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 300;
  line-height: 36px;
}

.ab-setion-4 .content .r {
  float: left;
  padding-left: 50px;
  width: 540px;
}

.ab-setion-4 .content .r .dec {
  padding-top: 30px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 300;
  line-height: 36px;
}

.people-bg {
  position: relative;
  margin-top: -162px;
  height: 1210px;
  z-index: 8;
  background-color: #4d4848;
  padding-top: 300px;
}

.people-menu-list {
  width: 1200px;
  margin: 0 auto;
}

.people-menu-list:before, .people-menu-list:after {
  content: " ";
  display: table;
}

.people-menu-list:after {
  clear: both;
}

.people-menu-list li {
  float: left;
  margin-left: 33px;
  width: 376px;
  height: 780px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.people-menu-list li:first-child {
  margin-left: 0;
}

.people-menu-list li.one {
  background-image: url("../images/people_menu_1.jpg");
}

.people-menu-list li.two {
  background-image: url("../images/people_menu_2.jpg");
}

.people-menu-list li.three {
  background-image: url("../images/people_menu_3.jpg");
}

.people-menu-list li:hover, .people-menu-list li.active {
  -webkit-box-shadow: 0px 0px 36px 10px white;
  box-shadow: 0px 0px 36px 10px white;
}

.people-s-1 h3 {
  color: #3a3a3a;
  font-size: 36px;
  font-weight: lighter;
  line-height: 57px;
  text-align: center;
}

.zy-Slide {
  font-size: 12px;
  position: relative;
  width: 932px;
  margin: 160px auto 0;
}

.zy-Slide ul {
  position: relative;
  width: 932px;
  height: 318px;
}

.zy-Slide ul li {
  position: absolute;
  list-style: none;
  background: #000;
  width: 0;
  height: 0;
  z-index: 0;
  cursor: pointer;
  border: 6px solid #fff;
  -webkit-box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.5);
}

.zy-Slide li img {
  width: 100%;
  height: 100%;
  vertical-align: middle;
}

.zy-Slide section:nth-child(1),
.zy-Slide section:nth-child(2) {
  position: absolute;
  top: 50%;
  margin-top: -20px;
  cursor: pointer;
  padding-left: 12px;
  padding-right: 12px;
}

.zy-Slide section:nth-child(1) {
  left: -185px;
}

.zy-Slide section:nth-child(2) {
  right: -160px;
}

.people-s-2 .diviler {
  padding-top: 10px;
  text-align: center;
}

.people-s-2 .info {
  text-align: center;
  padding-bottom: 180px;
}

.people-s-2 .info .name {
  padding-top: 38px;
  color: #e45338;
  font-size: 24px;
  font-weight: 300;
  line-height: 36px;
  line-height: 1;
}

.people-s-2 .info .job {
  padding-top: 22px;
  color: #3a3a3a;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
}

.people-dec .title {
  padding: 57px 0px;
  color: #000000;
  font-size: 21px;
  font-weight: 400;
  line-height: 1;
  border-bottom: 1px solid #000;
}

.people-dec .info {
  padding: 54px 0px;
  color: #3a3a3a;
  font-size: 16px;
  font-weight: 400;
  line-height: 36px;
  word-break: break-all;
  white-space: pre-line;
  text-align: left;
}

.people-dec .people-works {
  padding: 90px 0px;
}

.people-dec .people-works:before, .people-dec .people-works:after {
  content: " ";
  display: table;
}

.people-dec .people-works:after {
  clear: both;
}

.people-dec .people-works li {
  float: left;
  width: 366px;
  margin-left: 51px;
  padding-bottom: 80px;
}

.people-dec .people-works li:first-child {
  margin-left: 0px;
}

.people-dec .people-works li a {
  display: block;
}

.people-dec .people-works li .avatar {
  width: 100%;
  height: 366px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.people-dec .people-works li .dec {
  padding: 26px 0px;
  color: #a9a9a9;
  font-size: 14px;
  font-weight: 400;
  line-height: 36px;
}

.people-dec .people-works li .intro {
  color: #000000;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
}

.people-dec .people-works li .icons {
  padding-top: 50px;
}

.jiegou {
  position: relative;
  margin: 133px 0px 98px -80px;
  width: 1358px;
  height: 844px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../images/jiegou.jpg");
}

.jiegou-btm {
  position: relative;
  height: 328px;
  background-position: 50% 50%;
  background-repeat: repeat-x;
  background-image: url("../images/jiegou_btm.jpg");
}

.fz-bg {
  position: relative;
  margin-top: -162px;
  height: 1064px;
  z-index: 8;
  background-position: 50% 50%;
  background-repeat: repeat-x;
  background-image: url("../images/fz_bg.jpg");
}

.fz-bg .content {
  position: absolute;
  left: 50%;
  margin-left: -700px;
  top: 323px;
  width: 438px;
  height: 518px;
  padding: 90px 114px;
}

.fz-bg .content .title {
  color: #000000;
  font-size: 22px;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 60px;
}

.fz-bg .content .dec {
  color: #221714;
  font-size: 14px;
  font-weight: 400;
  line-height: 48px;
}

.fz-list .title {
  color: #4f4f4f;
  font-size: 40px;
  font-weight: 400;
  line-height: 1;
  margin: 148px 0px 80px;
}

.fz-list .list {
  border-top: 1px solid #cccccc;
}

.fz-list .list li {
  position: relative;
  height: 204px;
  border-bottom: 1px solid #cccccc;
  padding: 65px 210px;
}

.fz-list .list li.active {
  padding: 55px 210px 0px;
}

.fz-list .list li.active .num {
  top: 51px;
  color: #e55339;
  font-size: 46px;
}

.fz-list .list li.active .name {
  color: #e55339;
  font-size: 22px;
}

.fz-list .list li.active .tel {
  padding-top: 59px;
  color: #e55339;
  font-size: 18px;
}

.fz-list .list .num {
  position: absolute;
  left: 92px;
  top: 66px;
  color: #221714;
  font-size: 31px;
  font-weight: 400;
  line-height: 1;
}

.fz-list .list .name {
  color: #221714;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
}

.fz-list .list .name span {
  margin-right: 50px;
}

.fz-list .list .tel {
  padding-top: 41px;
  color: #221714;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
}

.fz-list .list .tel span {
  margin-right: 50px;
}

.fz-tabs {
  margin-top: 135px;
}

.zhiku-bg {
  position: relative;
  margin-top: -162px;
  height: 627px;
  z-index: 8;
  background-position: 50% 50%;
  background-repeat: repeat-x;
  background-image: url("../images/zhiku_bg.jpg");
}

.zhiku-bg .btns {
  padding-top: 340px;
  text-align: center;
}

.zhiku-bg .btns .z-btn {
  margin: 0px 125px;
}

.zhiku-bg .z-btn {
  display: inline-block;
  width: 259px;
  height: 76px;
  border: 3px solid #d73d2c;
  color: #d73d2c;
  font-size: 18px;
  line-height: 70px;
  text-align: center;
  background-color: #fff;
}

.zhiku-bg .z-btn.active, .zhiku-bg .z-btn:hover {
  color: #fff;
  background-color: #d73d2c;
  border-color: #fff;
}

.zhiku {
  position: relative;
  min-height: 1824px;
  background-position: 100% 50%;
  background-repeat: repeat-y;
  font-size: 0px;
  background-image: url("../images/zhiku_content_bg.jpg");
}

.zhiku:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 152px;
  width: 5px;
  height: 100%;
  background-color: #e9e9e9;
}

.zhiku:after {
  content: "";
  position: absolute;
  bottom: 136px;
  left: 0px;
  width: 100%;
  height: 5px;
  background-color: #e9e9e9;
}

.zhiku .sign {
  position: absolute;
  bottom: 25px;
  left: 42px;
  width: 78px;
  height: 77px;
  font-size: 0px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../images/zhiku_article_bg.jpg");
}

.zhiku-book-list {
  width: 1245px;
  margin: 0 auto;
  padding: 210px 0px 180px;
}

.zhiku-book-list:before, .zhiku-book-list:after {
  content: " ";
  display: table;
}

.zhiku-book-list:after {
  clear: both;
}

.zhiku-book-list li {
  float: left;
  margin: 23px 22px;
  width: 371px;
  height: 485px;
  -webkit-box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.2);
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
}

.zhiku-book-list li a {
  display: block;
  width: 100%;
  height: 485px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  font-size: 0px;
}

.zhiku-book-list li:hover {
  -webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
  -webkit-transform: translate3d(0, -3px, 0);
  transform: translate3d(0, -3px, 0);
}

.zhiku-timeline {
  text-align: center;
}

.zhiku-timeline li {
  display: inline-block;
  width: 128px;
  height: 80px;
  text-align: center;
  border-bottom: 4px solid #fafafa;
}

.zhiku-timeline li a {
  display: block;
  color: #4f4f4f;
  font-size: 16px;
  line-height: 76px;
}

.zhiku-timeline li.active {
  border-bottom-color: #da3c2c;
}

.zhiku-timeline li.active a {
  color: #da3c2c;
}

.zhiku-timeline li.normal a {
  opacity: 0.35;
}

.lingjun-bg {
  position: relative;
  margin-top: -162px;
  height: 1123px;
  z-index: 8;
  background-position: 50% 50%;
  background-repeat: repeat-x;
  background-image: url("../images/lingjun_bg.jpg");
}

.lingjun-list {
  padding: 120px 0px;
  width: 1256px;
  margin-left: -28px;
}

.lingjun-list:before, .lingjun-list:after {
  content: " ";
  display: table;
}

.lingjun-list:after {
  clear: both;
}

.lingjun-list .item {
  position: relative;
  margin: 45px 28px;
  float: left;
  width: 362px;
  height: 500px;
}

.lingjun-list .item a {
  display: block;
}

.lingjun-list .avatar {
  width: 100%;
  height: 387px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.lingjun-list .btm {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 240px;
}

.lingjun-list .btm:before {
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 240px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../images/lj_list_btm.png");
  opacity: 0.6;
}

.lingjun-list .btm .name {
  position: relative;
  padding: 70px 25px 37px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  z-index: 2;
}

.lingjun-list .btm .wrap {
  position: relative;
  height: 115px;
  text-align: center;
  z-index: 2;
  background-color: #680000;
}

.lingjun-list .btm .wrap:before {
  content: "";
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}

.lingjun-list .btm .inner {
  display: inline-block;
  vertical-align: middle;
  color: #bcad9c;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.lingjun-list.list-two .item {
  position: relative;
  margin: 8px 12px;
  float: left;
  width: 577px;
  height: 534px;
}

.lingjun-list.list-two .avatar {
  width: 100%;
  height: 423px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.lingjun-list.list-two .btm:before {
  background-image: url("../images/lj_list_btm_2.png");
}

.lingjun-timeline {
  padding: 10px 0px 195px;
  text-align: center;
  font-size: 0px;
}

.lingjun-timeline li {
  display: inline-block;
}

.lingjun-timeline li a {
  display: block;
  width: 79px;
  height: 37px;
  font-size: 0px;
  text-align: center;
  border-bottom: 7px solid #e6e6e6;
}

.lingjun-timeline li.active a {
  border-bottom-color: #da3c2c;
}

.yw-menu.jilu-list {
  margin: 145px auto 253px;
}

.yuangong-bg {
  position: relative;
  margin-top: -162px;
  height: 602px;
  z-index: 8;
  background-position: 50% 50%;
  background-repeat: repeat-x;
  background-image: url("../images/yuangong_bg.jpg");
}

.yuangong-bg .title {
  padding-top: 301px;
  color: #ffffff;
  font-size: 24px;
  font-weight: 400;
  line-height: 1;
  text-align: center;
}

.yuangong-bg .dec {
  padding-top: 42px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
}

.yuangong-bg.gy-section {
  background-image: url("../images/gongyi_bg.jpg");
}

.yg-menu {
  margin: 90px 0px 51px -35px;
  width: 1270px;
  padding-bottom: 54px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.yg-menu:before, .yg-menu:after {
  content: " ";
  display: table;
}

.yg-menu:after {
  clear: both;
}

.yg-menu li {
  float: left;
  position: relative;
  width: 417px;
  margin: 0px 3px;
  height: 250px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.yg-menu li:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.59);
}

.yg-menu li p {
  position: relative;
  margin-top: 90px;
  color: #ffffff;
  font-size: 19px;
  font-weight: 400;
  line-height: 50px;
  text-align: center;
  z-index: 2;
}

.yg-menu li.active, .yg-menu li:hover {
  cursor: pointer;
}

.yg-menu li.active:before, .yg-menu li:hover:before {
  display: none;
}

.yg-menu li.active p, .yg-menu li:hover p {
  background-color: #680000;
  opacity: 0.8;
}

.yg-menu li.active:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -76px;
  margin-left: -21px;
  width: 42px;
  height: 22px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../images/yg_menu_icon.png");
}

.yg-list {
  margin: 0px 0px 150px -30px;
  width: 1260px;
}

.yg-list:before, .yg-list:after {
  content: " ";
  display: table;
}

.yg-list:after {
  clear: both;
}

.yg-list li {
  float: left;
  position: relative;
  width: 307px;
  margin: 20px 4px;
  height: 307px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.yg-list li a {
  display: block;
  height: 307px;
  font-size: 0px;
}

.yg-list li p {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  color: #ffffff;
  font-size: 19px;
  font-weight: 400;
  line-height: 50px;
  padding: 0px 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  background-color: #680000;
  opacity: 0.8;
  z-index: 2;
}

.yg-list.gy-section li p {
  height: 76px;
  padding-top: 26px;
  line-height: 50px;
  background-color: transparent;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../images/gy_item_bg.png");
}

.yw-menu.guanyu-list {
  margin: 122px auto 140px;
}

.yw-menu.guanyu-list .txt.top {
  margin-top: 150px;
}

.linian-page .ln-title {
  margin: 140px auto 152px;
  width: 648px;
  height: 38px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../images/ln_title.png");
}

.linian-page .ln-content {
  margin: 0px auto;
  width: 1202px;
  height: 609px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../images/ln_content.png");
}

.yw-bg {
  position: relative;
  margin-top: -162px;
  height: 1109px;
  z-index: 8;
  background-position: 50% 50%;
  background-repeat: repeat-x;
  background-image: url("../images/yw_bg.jpg");
  padding-top: 240px;
}

.yw-bg .content {
  position: absolute;
  left: 50%;
  margin-left: -700px;
  top: 323px;
  width: 438px;
  height: 518px;
  padding: 90px 114px;
}

.yw-bg .content .title {
  color: #000000;
  font-size: 22px;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 60px;
}

.yw-bg .content .dec {
  color: #221714;
  font-size: 14px;
  font-weight: 400;
  line-height: 48px;
}

.yw-menu {
  position: relative;
  width: 1230px;
  margin: 0px auto;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.yw-menu:before, .yw-menu:after {
  content: " ";
  display: table;
}

.yw-menu:after {
  clear: both;
}

.yw-menu li {
  float: left;
  width: 390px;
  height: 350px;
  background-image: url("../images/people_work.jpg");
  background-size: 390px 350px;
  -webkit-transition: all .3s ease-out 0s;
  transition: all .3s ease-out 0s;
  margin: 8px;
  cursor: pointer;
}

.yw-menu li a {
  display: block;
}

.yw-menu li .txt {
  position: relative;
  margin-top: 120px;
  display: block;
  width: 300px;
  height: 110px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  line-height: 110px;
  padding: 0px 50px;
}

.yw-menu li .txt::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(black), to(transparent));
  background: -webkit-linear-gradient(left, black, transparent);
  background: linear-gradient(left, black, transparent);
  -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  opacity: 0.6;
}

.yw-menu li .txt span {
  position: relative;
  left: 0px;
  z-index: 5;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

.yw-menu li .txt.top {
  margin-top: 100px;
}

.yw-menu li:hover {
  background-size: 420px 370px;
}

.yw-menu li:hover .txt:before {
  opacity: 1;
}

.yw-menu li:hover .txt span {
  left: 25px;
}

.yw-menu li.item-1, .yw-menu li.item-3 {
  -webkit-clip-path: polygon(0px 0px, 0px 350px, 390px 250px, 390px 0px);
  clip-path: polygon(0px 0px, 0px 350px, 390px 250px, 390px 0px);
}

.yw-menu li.item-2 {
  -webkit-clip-path: polygon(0px 0px, 0px 250px, 390px 350px, 390px 0px);
  clip-path: polygon(0px 0px, 0px 250px, 390px 350px, 390px 0px);
}

.yw-menu li.item-4, .yw-menu li.item-6 {
  margin-top: -92px;
  -webkit-clip-path: polygon(0px 100px, 0px 350px, 390px 250px, 390px 0px);
  clip-path: polygon(0px 100px, 0px 350px, 390px 250px, 390px 0px);
}

.yw-menu li.item-5 {
  margin-top: -92px;
  -webkit-clip-path: polygon(0px 0px, 0px 250px, 390px 350px, 390px 100px);
  clip-path: polygon(0px 0px, 0px 250px, 390px 350px, 390px 100px);
}

.yw-menu li.item-7, .yw-menu li.item-9 {
  margin-top: -92px;
  -webkit-clip-path: polygon(0px 100px, 0px 350px, 390px 350px, 390px 0px);
  clip-path: polygon(0px 100px, 0px 350px, 390px 350px, 390px 0px);
}

.yw-menu li.item-8 {
  margin-top: -92px;
  -webkit-clip-path: polygon(0px 0px, 0px 350px, 390px 350px, 390px 100px);
  clip-path: polygon(0px 0px, 0px 350px, 390px 350px, 390px 100px);
}

.yw-tabs {
  text-align: center;
  padding-top: 76px;
}

.yw-tabs li {
  cursor: pointer;
  display: inline-block;
  width: 43px;
  height: 43px;
  font-size: 0px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-image: url("../images/yw_li.png");
}

.yw-tabs li.active {
  background-image: url("../images/yw_li_active.png");
}

.yw-content {
  margin: 196px 0px 227px -5px;
  width: 1211px;
  height: 621px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../images/yw_content.jpg");
}

.pp-bg {
  position: relative;
  margin-top: -162px;
  height: 1221px;
  z-index: 8;
  background-position: 50% 50%;
  background-repeat: repeat-x;
  background-image: url("../images/pp_bg.jpg");
  padding-top: 302px;
}

.pp-bg .pp-timeline {
  position: relative;
  text-align: center;
  border-top: 1px solid rgba(255, 255, 255, 0.36);
}

.pp-bg .pp-timeline .item {
  cursor: pointer;
  position: relative;
  display: inline-block;
  padding-top: 30px;
  margin: 0px 92px;
  width: 70px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.pp-bg .pp-timeline .item:before {
  content: "";
  position: absolute;
  top: -22px;
  left: 50%;
  margin-left: -3px;
  width: 7px;
  height: 22px;
  background-color: rgba(255, 255, 255, 0.36);
}

.pp-bg .pp-timeline .item:after {
  content: "";
  position: absolute;
  top: -8px;
  left: 50%;
  margin-left: -8px;
  width: 16px;
  height: 16px;
  border-radius: 16px;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 2px 4px rgba(255, 255, 255, 0.6);
  box-shadow: 0px 0px 2px 4px rgba(255, 255, 255, 0.6);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  opacity: 0;
}

.pp-bg .pp-timeline .item span {
  color: #bcad9c;
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.pp-bg .pp-timeline .item.active:before, .pp-bg .pp-timeline .item:hover:before {
  top: -40px;
  height: 40px;
}

.pp-bg .pp-timeline .item.active span, .pp-bg .pp-timeline .item:hover span {
  color: #ffffff;
  font-size: 30px;
}

.pp-bg .pp-timeline .item.active:after, .pp-bg .pp-timeline .item:hover:after {
  opacity: 1;
}

.pp-bg .content-list {
  width: 1216px;
  margin: 130px auto 0px;
}

.pp-bg .content-list:before, .pp-bg .content-list:after {
  content: " ";
  display: table;
}

.pp-bg .content-list:after {
  clear: both;
}

.pp-bg .content-list li {
  position: relative;
  float: left;
  width: 390px;
  height: 270px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 7px 8px 8px 7px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.pp-bg .content-list li a {
  display: block;
  height: 270px;
}

.pp-bg .content-list li p {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 47px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  line-height: 47px;
  text-align: center;
  background-color: rgba(104, 0, 0, 0.8);
  padding: 0px 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pp-bg .content-list li:hover, .pp-bg .content-list li.active {
  -webkit-box-shadow: 0px 0px 10px 5px white;
  box-shadow: 0px 0px 10px 5px white;
}

.pp-article {
  padding: 117px 0px 260px;
}

.pp-article .big-img {
  display: block;
  width: 100%;
}

.pp-article .title {
  padding: 87px 0px 42px;
  color: #000000;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
}

.pp-article .dec {
  color: #221714;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}

.zhiye-bg {
  position: relative;
  margin-top: -162px;
  height: 1000px;
  z-index: 8;
  background-position: 50% 50%;
  background-image: url("../images/zhiye_bg.png");
  background-size: cover;
  padding-top: 240px;
}

.zhiye-bg:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.zhiye-bg * {
  position: relative;
  z-index: 2;
}

.zhiye-bg .content {
  width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.zhiye-bg .content .t {
  color: #fff;
  font-size: 24px;
  line-height: 1;
}

.zhiye-bg .content .d {
  padding: 100px 30px 0px;
  color: #fff;
  font-size: 18px;
  line-height: 36px;
}

.zhiye-page {
  padding: 100px 0px;
}

.zhiye-page .setcion {
  padding: 65px 0px;
}

.zhiye-page .setcion:before, .zhiye-page .setcion:after {
  content: " ";
  display: table;
}

.zhiye-page .setcion:after {
  clear: both;
}

.zhiye-page .setcion .l {
  float: left;
  width: 338px;
  height: 56px;
  border-right: 4px solid #cd2b21;
}

.zhiye-page .setcion .l .t {
  font-size: 24px;
  line-height: 1;
  color: #424242;
}

.zhiye-page .setcion .l .d {
  padding-top: 20px;
  font-size: 20px;
  line-height: 1;
  color: #ACACAC;
}

.zhiye-page .setcion .r {
  float: left;
  padding-left: 60px;
}

.zhiye-page .setcion .r .t {
  font-size: 18px;
  line-height: 24px;
  color: #424242;
}

.zhiye-page .setcion .r .t img {
  vertical-align: middle;
  margin-right: 10px;
}

.zhiye-page .setcion .r .d {
  padding-top: 20px;
  font-size: 16px;
  line-height: 20px;
  color: #ACACAC;
}

.zhiye-page .setcion .r .d span {
  color: #424242;
}

.zhiye-page .setcion .r .wrap {
  float: left;
}

.zhiye-page .setcion .r .wrap:first-child {
  width: 450px;
}

.zhiye-page .setcion .r .wrap .t {
  padding-bottom: 20px;
}

.yg-list.zhiye-section {
  margin: 30px 0px 0px;
}

.yg-list.zhiye-section li {
  width: 358px;
  margin-left: 60px;
  text-align: left;
}

.yg-list.zhiye-section li:first-child {
  margin-left: 0px;
}

.yg-list.zhiye-section li p {
  height: 76px;
  padding-top: 26px;
  line-height: 50px;
  background-color: transparent;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../images/gy_item_bg.png");
}

.yw-menu.xm-list {
  margin: 122px auto 140px;
}

.yw-menu.xm-list .txt.top {
  margin-top: 150px;
}

.xm-build {
  position: relative;
  padding: 120px 0px 0px 208px;
  min-height: 1000px;
}

.xm-build .menu {
  position: absolute;
  top: 120px;
  left: 50px;
  width: 200px;
  text-align: left;
}

.xm-build .menu li a {
  display: block;
  height: 50px;
  line-height: 50px;
  color: #3a3a3a;
  font-size: 14px;
  font-weight: 400;
}

.xm-build .xm-avatar {
  position: relative;
  width: 992px;
  height: 600px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.xm-build .xm-avatar .cover {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 163px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../images/xm_cover.png");
}

.xm-build .xm-avatar .title,
.xm-build .xm-avatar .palce {
  padding: 61px 18px 0px 0px;
  color: #ffffff;
  font-size: 19px;
  font-weight: 100;
  line-height: 1;
  text-align: right;
}

.xm-build .xm-avatar .palce {
  padding: 14px 37px 0px 0px;
}

.xm-setcion {
  padding: 80px 0px 100px;
}

.xm-setcion:before, .xm-setcion:after {
  content: " ";
  display: table;
}

.xm-setcion:after {
  clear: both;
}

.xm-setcion .l {
  float: left;
  width: 456px;
}

.xm-setcion .l .t {
  padding-top: 14px;
  color: #3a3a3a;
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
}

.xm-setcion .l .intro {
  padding-top: 45px;
  color: #3a3a3a;
  font-size: 14px;
  font-weight: 400;
  line-height: 36px;
}

.xm-setcion .r {
  float: right;
  width: 388px;
}

.xm-setcion .r img {
  display: block;
  width: 100%;
}

.xm-content-list {
  padding: 0px 0px 100px;
  width: 1050px;
  margin-left: -12px;
}

.xm-content-list:before, .xm-content-list:after {
  content: " ";
  display: table;
}

.xm-content-list:after {
  clear: both;
}

.xm-content-list li {
  position: relative;
  float: left;
  width: 318px;
  height: 413px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 20px 12px;
}

.xm-content-list li a {
  display: block;
  height: 413px;
}

.xm-content-list li a:before {
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 119px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../images/xm_item_bg.png");
  opacity: 0.7;
}

.xm-content-list li .cover {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 119px;
  padding: 0px 23px;
}

.xm-content-list li .cover .t1,
.xm-content-list li .cover .t2,
.xm-content-list li .cover .t3 {
  padding-top: 34px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 100;
  line-height: 1;
}

.xm-content-list li .cover .t2 {
  padding-top: 9px;
  font-size: 14px;
}

.xm-content-list li .cover .t3 {
  padding-top: 14px;
  font-size: 18px;
}

.xm-detail {
  position: relative;
  margin-top: -162px;
  height: 1064px;
  z-index: 8;
  background-position: 50% 50%;
  background-repeat: repeat-x;
  background-image: url("../images/xm_bg.png");
}

.xm-detail .xm-content {
  position: relative;
  top: 356px;
  width: 1200px;
  margin: 0 auto;
  height: 277px;
  background-color: rgba(104, 0, 0, 0.8);
}

.xm-detail .xm-content .name {
  position: absolute;
  width: 100%;
  top: 67px;
  color: #ffffff;
  font-size: 54px;
  font-weight: 400;
  line-height: 1;
  text-align: center;
}

.xm-detail .xm-content .dec {
  position: absolute;
  width: 100%;
  top: 174px;
  color: #ffffff;
  font-size: 33px;
  font-weight: 400;
  line-height: 1;
  text-align: center;
}

.xm-detail .img-list {
  position: absolute;
  left: 50%;
  bottom: 0px;
  margin-left: -600px;
  width: 1200px;
  text-align: center;
}

.xm-detail .img-list li {
  cursor: pointer;
  margin: 0px 8px;
  display: inline-block;
  width: 227px;
  height: 142px;
  font-size: 0px;
  border-top: 10px solid #f40000;
  -webkit-transition: -webkit-transform 0.5s ease-in-out;
  transition: -webkit-transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
}

.xm-detail .img-list li .avatar {
  display: block;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 132px;
}

.xm-detail .img-list li.active, .xm-detail .img-list li:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.xm-detail .img-list .left,
.xm-detail .img-list .right {
  position: absolute;
  width: 52px;
  height: 52px;
  bottom: 48px;
  background-color: rgba(0, 0, 0, 0.12);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  cursor: pointer;
}

.xm-detail .img-list .left {
  left: -54px;
  background-image: url("../images/xm_icn_left.png");
}

.xm-detail .img-list .right {
  right: -54px;
  background-image: url("../images/xm_icn_right.png");
}

.xm-detail-page .info-panel {
  margin: 88px 0px 0px;
  background-color: #f3f3f3;
  padding: 45px 70px 54px;
}

.xm-detail-page .info-panel p {
  color: #3a3a3a;
  font-size: 16px;
  font-weight: 400;
  line-height: 36px;
}

.xm-detail-page .detail-panel {
  padding-bottom: 190px;
}

.xm-detail-page .detail-panel .title {
  margin: 52px 0px 42px;
  color: #dd0011;
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
}

.xm-detail-page .detail-panel .content {
  color: #3a3a3a;
  font-size: 16px;
  font-weight: 400;
  line-height: 36px;
  white-space: pre-line;
}

.ls-container {
  position: relative;
  height: 1643px;
  overflow: hidden;
}

.ls-content {
  position: relative;
  width: 1201px;
  height: 9000px;
  background-position: 0% 0%;
  background-repeat: repeat-y;
  background-image: url("../images/li_content_bg.png");
  overflow-y: hidden;
  -webkit-transition: all .1s ease-in-out .1s;
  transition: all .1s ease-in-out .1s;
}

.l-year-list,
.r-year-list {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 52px;
}

.l-year-list li,
.r-year-list li {
  margin-top: 284px;
  text-align: center;
  color: #221714;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  font-style: italic;
}

.l-year-list li:first-child,
.r-year-list li:first-child {
  margin-top: 280px;
}

.r-year-list {
  left: auto;
  right: 0px;
}

.ls-news-1 {
  position: absolute;
  width: 369px;
  height: 262px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../images/li_news_1.png");
}

.ls-news {
  position: absolute;
  width: 369px;
  height: 262px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 13px 38px 0px 25px;
}

.ls-news .years {
  color: #221714;
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
  font-style: italic;
}

.ls-news .avatar {
  margin-top: 10px;
  height: 154px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.ls-news .small {
  position: relative;
  left: -20px;
  margin-top: 8px;
  color: #aeaaa9;
  font-size: 10px;
  font-weight: 400;
  line-height: 1;
}

.ls-news .content {
  margin-top: 17px;
  padding: 14px 12px;
  height: 155px;
  background-color: #fcf6ef;
  color: #aeaaa9;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  border: 1px solid #c9c2b7;
}

.ls-news.news-blue {
  background-image: url("../images/ls_news_bg_1.png");
}

.ls-news.news-green {
  background-image: url("../images/ls_news_bg_2.png");
}

.ls-blue,
.ls-green {
  display: inline-block;
  width: 17px;
  height: 17px;
  font-size: 0px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  vertical-align: middle;
  background-image: url("../images/ls_blue.png");
}

.ls-green {
  background-image: url("../images/ls_green.png");
}

.ls-bar {
  width: 100%;
  height: 80px;
  line-height: 80px;
  background-color: #ad9884;
}

.ls-bar .txt {
  display: inline-block;
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  margin-right: 30px;
}

.ls-bar .txt i {
  margin-right: 15px;
}

.ls-rule {
  width: 100%;
  height: 384px;
  padding-top: 70px;
}

.ls-rule .year-list {
  padding-bottom: 38px;
}

.ls-rule .year-list:before, .ls-rule .year-list:after {
  content: " ";
  display: table;
}

.ls-rule .year-list:after {
  clear: both;
}

.ls-rule .year-list li {
  width: 200px;
  float: left;
  text-align: center;
  color: #4c4c4c;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
}

.ls-rule .content {
  position: relative;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  height: 256px;
  background-position: 50% 100%;
  background-image: url("../images/ls_rule.png");
}

.ls-rule .content .ls-blue,
.ls-rule .content .ls-green {
  position: absolute;
}

.ls-rule .content .ls-choose {
  position: absolute;
  left: 50px;
  bottom: 0px;
  font-size: 0px;
  width: 208px;
  height: 254px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../images/ls_choose_bg.png");
}

.ls-rule .content .ls-choose:after {
  content: "";
  position: absolute;
  bottom: 8px;
  left: 4px;
  width: 200px;
  height: 30px;
  border-radius: 0px 0px 8px 8px;
  background-color: #f60000;
}

@font-face {
  font-family: 'iconfont';
  /* project id 390549 */
  src: url("//at.alicdn.com/t/font_390549_yoa6zrmjgjqestt9.eot");
  src: url("//at.alicdn.com/t/font_390549_yoa6zrmjgjqestt9.eot?#iefix") format("embedded-opentype"), url("//at.alicdn.com/t/font_390549_yoa6zrmjgjqestt9.woff") format("woff"), url("//at.alicdn.com/t/font_390549_yoa6zrmjgjqestt9.ttf") format("truetype"), url("//at.alicdn.com/t/font_390549_yoa6zrmjgjqestt9.svg#iconfont") format("svg");
}

.index-bg {
  position: relative;
  margin-top: -162px;
  /*min-height: 650px;
  height: 100vh;*/
  height: calc(100vw * 0.37 + 276px);
  z-index: 8;
  background-position: 50% 0%;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/index_bg.jpg");
}

.index-bg .bg-cover {
  position: absolute;
  width: 100%;
  left: 0px;
  top: 0px;
  height: 732px;
  background-position: 50% 0%;
  background-repeat: no-repeat;
  background-image: url("../images/index_bg_cover.png");
}

.index-bg .index-logo {
  position: relative;
  top: 346px;
  width: 376px;
  height: 87px;
  margin: 0 auto;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../images/index_logo.png");
}

.index-bg .lang {
  position: absolute;
  left: 0px;
  top: 480px;
  width: 100%;
  font-size: 24px;
  color: #fff;
  text-align: center;
  line-height: 1;
}

.index-bg .qrcode {
  position: absolute;
  left: 60%;
  margin-left: 500px;
  bottom: 110px;
  width: 120px;
  height: 120px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../images/index_qrcode.png");
}

/* 主KV区域 */

.index-bg .index_kv {
  position: relative;
  padding: 162px 0px 0px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.index-bg .index_kv * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


.index-bg .index_kv .sp-slide {
  height: calc(100vh - 162px);
  overflow: hidden;
}
/*
.index-bg .index_kv .sp-slide .avater {
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  overflow: hidden;
} */

.index-bg .index_kv .sp-slide.sp-selected {
  z-index: 9;
}

.index-bg .index_kv .sp-slide.sp-selected:after {
  position: absolute;
  bottom: -70px;
  left: 0px;
  content: "";
  width: 100%;
  height: 8px;
 
}
/* 主KV区域 结束 */

.index-section-2 {
  position: relative;
  background-color: #f4f4f5;
  height: 725px;
  padding-top: 112px;
}

.index-section-2 .content {
  width: 1200px;
  margin: 0px auto;
  height: 492px;
}

.index-section-2 .content .left {
  float: left;
  width: 600px;
  height: 492px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  /*background-image: url("../images/index_s2_content.jpg"); */
}

.index-section-2 .content .right {
  float: left;
  width: 600px;
  height: 492px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #fff;
  background-position: 100% 100%;
  background-image: url("../images/index_s2_bg.png");
}

.index-section-2 .content .right .inner {
  position: relative;
  padding: 90px 100px;
}

.index-section-2 .content .right .inner:before {
  content: "";
  position: absolute;
  left: -60px;
  top: 133px;
  width: 133px;
  height: 5px;
  width: 133px;
  height: 4px;
  background-color: #df0011;
}

.index-section-2 .content .right .inner .title {
  font-size: 22px;
  color: #df0011;
  line-height: 1;
  font-weight: bold;
}

.index-section-2 .content .right .inner .logo {
  margin-top: 16px;
  width: 100px;
  height: 27px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../images/index_s2_logo.jpg");
}

.index-section-2 .content .right .inner .txt {
  margin-top: 32px;
  font-size: 14px;
  color: #909090;
  line-height: 30px;
}

.index-section-3 {
  position: relative;
  background-color: #fff;
  height: 580px;
}

.index-section-3 .container:before, .index-section-3 .container:after {
  content: " ";
  display: table;
}

.index-section-3 .container:after {
  clear: both;
}

.index-section-3 .title {
  padding-top: 100px;
  position: relative;
  float: right;
  font-size: 24px;
  line-height: 1;
  color: #3a3a3a;
  padding-bottom: 20px;
}

.index-section-3 .title:after {
  position: absolute;
  bottom: 0px;
  right: 0px;
  content: "";
  width: 70px;
  height: 3px;
  background-color: #cbcbcb;
}

.index-section-3 .index_xm_list {
  position: relative;
  padding: 100px 0px 70px;
  border-bottom: 1px solid #e0e0e0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.index-section-3 .index_xm_list * {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.index-section-3 .index_xm_list .sp-mask {
  overflow: inherit;
}

.index-section-3 .index_xm_list .sp-slide {
  margin: 0px 8px;
  width: 440px;
  height: 263px;
  font-size: 0px;
}

.index-section-3 .index_xm_list .sp-slide .avater {
  height: 263px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.index-section-3 .index_xm_list .sp-slide.sp-selected {
  z-index: 9;
}

.index-section-3 .index_xm_list .sp-slide.sp-selected:after {
  position: absolute;
  bottom: -70px;
  left: 0px;
  content: "";
  width: 100%;
  height: 8px;
 
}


.index-section-4 {
  position: relative;
  background-color: #fff;
  height: 838px;
  padding-top: 112px;
}

.index-section-4 .content {
  position: relative;
  width: 960px;
  margin: 0px auto;
  height: 704px;
}

.index-section-4 .xm-menu:before, .index-section-4 .xm-menu:after {
  content: " ";
  display: table;
}

.index-section-4 .xm-menu:after {
  clear: both;
}

.index-section-4 .xm-menu li {
  position: relative;
  float: left;
  width: 303px;
  height: 272px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 8px;

  cursor: pointer;
  background-image: url("../images/index_xm_tmp.jpg");
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.index-section-4 .xm-menu li:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}

.index-section-4 .xm-menu li:hover {
  position: relative;
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  z-index: 9;
}

.index-section-4 .xm-menu li:hover:before {
  display: none;
}

.index-section-4 .xm-menu li:hover .txt {
  -webkit-transform: translateX(-10px);
  -ms-transform: translateX(-10px);
  transform: translateX(-10px);
}

.index-section-4 .xm-menu li .txt {
  position: relative;
  z-index: 2;
  margin-top: 100px;
  display: block;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  padding: 0px 50px;
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  transition: transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, -webkit-transform 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.index-section-4 .xm-menu li.item-1, .index-section-4 .xm-menu li.item-3 {
  -webkit-clip-path: polygon(0px 0px, 0px 272px, 303px 190px, 303px 0px);
  clip-path: polygon(0px 0px, 0px 272px, 303px 190px, 303px 0px);
}

.index-section-4 .xm-menu li.item-1 .txt, .index-section-4 .xm-menu li.item-2 .txt, .index-section-4 .xm-menu li.item-3 .txt {
  margin-top: 120px;
}

.index-section-4 .xm-menu li.item-2 {
  -webkit-clip-path: polygon(0px 0px, 0px 190px, 303px 272px, 303px 0px);
  clip-path: polygon(0px 0px, 0px 190px, 303px 272px, 303px 0px);
}

.index-section-4 .xm-menu li.item-4, .index-section-4 .xm-menu li.item-6 {
  margin-top: -74px;
  -webkit-clip-path: polygon(0px 82px, 0px 272px, 303px 190px, 303px 0px);
  clip-path: polygon(0px 82px, 0px 272px, 303px 190px, 303px 0px);
}

.index-section-4 .xm-menu li.item-4 .txt, .index-section-4 .xm-menu li.item-5 .txt, .index-section-4 .xm-menu li.item-6 .txt {
  margin-top: 120px;
}

.index-section-4 .xm-menu li.item-5 {
  margin-top: -74px;
  -webkit-clip-path: polygon(0px 0px, 0px 190px, 303px 272px, 303px 82px);
  clip-path: polygon(0px 0px, 0px 190px, 303px 272px, 303px 82px);
}

.index-section-4 .xm-menu li.item-7, .index-section-4 .xm-menu li.item-9 {
  margin-top: -74px;
  -webkit-clip-path: polygon(0px 82px, 0px 272px, 303px 272px, 303px 0px);
  clip-path: polygon(0px 82px, 0px 272px, 303px 272px, 303px 0px);
}

.index-section-4 .xm-menu li.item-7 .txt, .index-section-4 .xm-menu li.item-8 .txt, .index-section-4 .xm-menu li.item-9 .txt {
  margin-top: 120px;
}

.index-section-4 .xm-menu li.item-8 {
  margin-top: -74px;
  -webkit-clip-path: polygon(0px 0px, 0px 272px, 303px 272px, 303px 82px);
  clip-path: polygon(0px 0px, 0px 272px, 303px 272px, 303px 82px);
}

.index-section-5 {
  position: relative;
  background-color:transparent;
}

.index-section-5 .container {
  position: relative;
  z-index: 3;
}

.index-section-5 .container:before, .index-section-5 .container:after {
  content: " ";
  display: table;
}

.index-section-5 .container:after {
  clear: both;
}

.index-section-5 .container .building {
  float: left;
  width: 397px;
  height: 575px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../images/index_build.png");
}

.index-section-5 .container .title {
  position: relative;
  margin-top: 323px;
  float: right;
  font-size: 24px;
  line-height: 1;
  color: #fff;
  padding-bottom: 20px;
}

.index-section-5 .container .title:after {
  position: absolute;
  bottom: 0px;
  right: 0px;
  content: "";
  width: 70px;
  height: 3px;
  background-color: #cbcbcb;
}

.index-section-5 .content {
  position: relative;
  height: 1281px;
  margin-top: -343px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding-top: 400px;
  background-image: url("../images/index_s4_bg.jpg");
  background-attachment: fixed;
}

.index-section-5 .content:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(36, 20, 17, 0.8);
}

.index-section-5 .content .yw-tabs {
  position: relative;
  z-index: 9;
}

.index-section-6 {
  position: relative;
  background-color: #fff;
}

.index-section-6 .title {
  font-size: 36px;
  line-height: 1;
  color: #383838;
  text-align: center;
  padding: 130px 0px 90px;
}

.index-section-6 .ls-tab {
  position: relative;
  width: 974px;
  height: 143px;
  margin: 0px auto;
}

.index-section-6 .ls-tab .line {
  margin: 30px auto 0px;
  width: 878px;
  height: 4px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../images/index_s6_line.png");
}

.index-section-6 .ls-tab .list-tab {
  position: relative;
  width: 700px;
  margin: 30px auto 0px;
  top: -94px;
}

.index-section-6 .ls-tab .list-tab li {
  cursor: pointer;
  float: left;
  position: relative;
  width: 140px;
  text-align: center;
}

.index-section-6 .ls-tab .list-tab li p {
  color: #686868;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  opacity: 0.6;
}

.index-section-6 .ls-tab .list-tab li .circle {
  margin-top: 30px;
  display: inline-block;
  font-size: 0px;
  line-height: 1;
  width: 20px;
  height: 20px;
  border: 1px solid #CE2A20;
  background-color: #fff;
  border-radius: 20px;
}

.index-section-6 .ls-tab .list-tab li.active p {
  position: relative;
  top: -5px;
  font-size: 24px;
  opacity: 1;
}

.index-section-6 .ls-tab .list-tab li.active .circle {
  position: relative;
  margin-top: 20px;
  width: 40px;
  height: 40px;
  -webkit-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.2);
}

.index-section-6 .ls-tab .list-tab li.active .circle:before {
  position: absolute;
  left: 6px;
  top: 6px;
  content: "";
  width: 25px;
  height: 25px;
  font-size: 0px;
  background-color: #CE2A20;
  border-radius: 25px;
}

.index-section-6 .ls-tab .list-tab li.small p {
  font-size: 16px;
  opacity: 0.5;
}

.index-section-6 .ls-tab .list-tab li.small .circle {
  margin-top: 33px;
  width: 15px;
  height: 15px;
  border-radius: 15px;
}

.index-section-6 .ls-tab .iconfont {
  position: absolute;
  left: 0px;
  top: -13px;
  font-size: 30px;
  line-height: 1;
  cursor: pointer;
  color: #e8e8e8;
  font-style: normal;
  font-family: "iconfont";
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.index-section-6 .ls-tab .iconfont.right {
  left: auto;
  right: 0px;
}

.index-section-6 .ls-section {
  position: relative;
  margin-top: 124px;
  width: 100%;
  padding: 43px 0px;
}

.index-section-6 .ls-section:before, .index-section-6 .ls-section:after {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 43px;
  background-repeat: repeat-x;
  background-image: url("../images/index_ls_bg.png");
}

.index-section-6 .ls-section:after {
  top: auto;
  bottom: 0px;
}

.index-section-6 .ls-section .ls-list {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 0px;
  line-height: 1;
}

.index-section-6 .ls-section li {
  width: 230px;
  height: 194px;
  font-size: 0px;
  line-height: 1;
}

.index-section-6 .ls-section li .avater {
  position: relative;
  height: 194px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.index-section-6 .ls-section li .avater:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}

.index-section-6 .ls-section li .avater p {
  position: relative;
  font-size: 20px;
  line-height: 194px;
  color: #fff;
  text-align: center;
  z-index: 2;
}

.index-section-6 .ls-section li:hover .avater:before, .index-section-6 .ls-section li.active .avater:before {
  display: none;
}

.index-section-7 {
  position: relative;
  background-color: #fff;
  padding-bottom: 254px;
}

.index-section-7 .title {
  font-size: 36px;
  line-height: 1;
  color: #383838;
  text-align: center;
  padding: 160px 0px 170px;
}

.index-section-7 .content {
  width: 1439px;
  height: 690px;
  margin: 0px auto;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../images/index_map.png");
}

/*!
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;
}

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

@-webkit-keyframes scalein {
  0% {
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@keyframes scalein {
  0% {
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

.scaleIn {
  -webkit-animation-name: scalein;
  animation-name: scalein;
}

/* 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.1);
    transform: scale(1.1);
  }
  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.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  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(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.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(-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 bounceInDown {
  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);
  }
}

.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% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -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% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -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(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
  }
}

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.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(20px);
    transform: translateY(20px);
  }
  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: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes fadeOutUp {
  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);
  }
}

.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(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.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(0.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.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;
  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;
  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;
  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;
  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;
  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;
}

/*# sourceMappingURL=style.css.map */