/* reset */
html, body {
  background-color: #990000;
  color: #666666;
  height: 100%;
}
body {
  background-image: url("../images/bg.jpg")/*tpa=http://oa.app.hebei.com.cn/project/app2/../images/bg.jpg*/;
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
}
a, a:hover, a:active, a:visited, a:link {
  color: #c81614;
  text-decoration: none;
}
* {
  -webkit-touch-callout: none;
  -webkit-user-select: none; // 禁止页面文字选择
}

/* index */
#homeWrapper, #mainSwiper {
  height: 100%;
}
html, body, #homeWrapper, #mainSwiper, #footer {
  overflow: hidden;
}
#main {
  position: relative;
  /*background-color: #FFFFFF;*/
  height: 84%;
  overflow: hidden;
}
.add-modal, .modal, #lockPage, .bg-animate-wrapper, .bg, .bg-star {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
}
.bg-animate-wrapper, .bg, .bg-star {
  z-index: 0;
  width: 100%;
}
.bg-star03 {
  width: 40%;
  height: auto;
  right: 0;
  top: 10%;
  left: auto;
}
.bg {
  background-image: url("../images/bg.jpg");
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
}
.bg-animate-wrapper.entered {
  opacity: 0.5;
}
.bg-animate-wrapper.entered .bg, .bg-animate-wrapper.entered .bg-star03 {
  display: none;
}
#footer {
 /* height: 16%;*/
  background-color: rgba(255, 255, 255, 0.1);
}
.max-640-wrapper {
  position: relative;
  margin: 0 auto;
  height: 100%;
  width: 100%;
  max-width: 640px;
}
.swiper-section {
  height: 95%;
}
#mainSwiper .swiper-slide {
  position: relative;
  padding-top: 5%;
}
/*.swiper-img {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 100%;
}*/
.search-icon {
  width: 10px;
  height: 10px;
  opacity: .4;
  display: inline-block;
  margin: 0 4px -2px;
  background-image: url(data:image/png;charset=utf-8;base64,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);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
#homeBannerPnWrapper {
  width: 100%;
  height: 5%;
/*  position: absolute;
  bottom: 0;
  left: 0;*/
}
#homeBannerPn .swiper-pagination-bullet {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #FFFFFF;
  opacity: .4;
  margin: 0 4px;
}
#homeBannerPn .swiper-pagination-bullet-active {
  opacity: 1;
  background: #FFFFFF;
}
.swiper-section .nav-item-wrapper {
  height: 20%;
  width: 100%;
  padding: 0 4%;
}
.swiper-section .nav-item-ext-margin {
  margin-top: 4%;
}
.swiper-section .nav-item {
  height: 100%;
  width: 25%;
}
.swiper-section .nav-icon {
  height: 75%;
  margin-bottom: 2%;
  width: 100%;
  text-align: center;
  position: relative;
  background-image: url("../images/icon01.png")/*tpa=http://oa.app.hebei.com.cn/project/app2/../images/icons/icon01.png*/;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.nav-icon-inner {
  margin: 0 auto;
  height: 100%;
  width: auto;
  position: relative;
}
.nav-icon-music-base {
  height: 100%;
}
.nav-icon-music {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.nav-icon-music.use {
  z-index: 100;
}
.swiper-section .page-2015 .row-1 .col-3 .nav-icon,
.swiper-section .page-2016 .row-1 .col-3 .nav-icon {
  background-image: url("../images/0101.png");
}
.swiper-section .page-2015 .row-1 .col-1 .nav-icon,
.swiper-section .page-2016 .row-1 .col-1 .nav-icon {
  background-image: url("../images/0102.png");
}
.swiper-section .page-2015 .row-1 .col-2 .nav-icon,
.swiper-section .page-2016 .row-1 .col-2 .nav-icon {
  background-image: url("../images/0103.png");
}
.swiper-section .page-2015 .row-2 .col-2 .nav-icon,
.swiper-section .page-2016 .row-2 .col-2 .nav-icon {
  background-image: url("../images/0104.png");
}
.swiper-section .page-2015 .row-2 .col-1 .nav-icon {
  background-image: url("../images/150201.png")/*tpa=http://oa.app.hebei.com.cn/project/app2/../images/icons/150201.png*/;
}
.swiper-section .page-2015 .row-2 .col-2 .nav-icon,
.swiper-section .page-2016 .row-2 .col-4 .nav-icon {
  background-image: url("../images/150204-160302.png");
}
.swiper-section .page-2015 .row-2 .col-3 .nav-icon,
.swiper-section .page-2016 .row-3 .col-1 .nav-icon {
  background-image: url("../images/150203-160301.png")/*tpa=http://oa.app.hebei.com.cn/project/app2/../images/icons/150203-160301.png*/;
}
.swiper-section .page-2015 .row-2 .col-4 .nav-icon,
.swiper-section .page-2016 .row-3 .col-2 .nav-icon {
  background-image: url("../images/150204-160302.png")/*tpa=http://oa.app.hebei.com.cn/project/app2/../images/icons/150204-160302.png*/;
}
.swiper-section .page-2015 .row-3 .col-1 .nav-icon,
.swiper-section .page-2016 .row-3 .col-4 .nav-icon {
  background-image: url("../images/150301-160304.png")/*tpa=http://oa.app.hebei.com.cn/project/app2/../images/icons/150301-160304.png*/;
}
.swiper-section .page-2016 .row-2 .col-1 .nav-icon {
  background-image: url("../images/160201.png")/*tpa=http://oa.app.hebei.com.cn/project/app2/../images/icons/160201.png*/;
}
.swiper-section .page-2016 .row-1 .col-4 .nav-icon {
  background-image: url("../images/160202.png")/*tpa=http://oa.app.hebei.com.cn/project/app2/../images/icons/160202.png*/;
}
.swiper-section .page-2016 .row-2 .col-3 .nav-icon {
  background-image: url("../images/160203.png")/*tpa=http://oa.app.hebei.com.cn/project/app2/../images/icons/160203.png*/;
}
.swiper-section .page-2016 .row-3 .col-3 .nav-icon {
  background-image: url("../images/160303.png")/*tpa=http://oa.app.hebei.com.cn/project/app2/../images/icons/160303.png*/;
}
/*.swiper-section .page-2015 .row-4 .col-1 .nav-icon,*/
.swiper-section .page-2016 .row-5 .col-1 .nav-icon {

 
  background-image: url("../images/0401.png")/*tpa=http://oa.app.hebei.com.cn/project/app2/../images/icons/0401.png*/;
}.swiper-section .page-2015 .row-2 .col-2 .nav-icon, .swiper-section .page-2016 .row-2 .col-4 .nav-icon{background-image: url(../images/150204-160204.png);}

/*.swiper-section .page-2015 .row-4 .col-2 .nav-icon,*/
.swiper-section .page-2016 .row-5 .col-2 .nav-icon {

  background-image: url("../images/0402.png")/*tpa=http://oa.app.hebei.com.cn/project/app2/../images/0402.png*/;
}
/*.swiper-section .page-2015 .row-4 .col-3 .nav-icon,*/
.swiper-section .page-2015 .row-5 .col-1 .nav-icon {
  background-image: url("../images/0403.png")/*tpa=http://oa.app.hebei.com.cn/project/app2/../images/icons/0403.png*/;
}
.swiper-section .page-2015 .row-5 .col-2 .nav-icon,
.swiper-section .page-2016 .row-5 .col-3 .nav-icon {

 
}
.swiper-section .page-2015 .row-5 .col-3 .nav-icon,
.swiper-section .page-2016 .row-5 .col-4 .nav-icon {
  background-image: url("../images/0502.png")/*tpa=http://oa.app.hebei.com.cn/project/app2/../../images/icons/0502.png*/;
}
.nav-name {
  color: #000000;
  font-size: 12px;
}
.swiper-section .nav-name {
  height: 25%;
}
.swiper-section .nav-icon img{
  height: 100%;
}
.add-modal {
  z-index: 9999;
}
.add-modal-title {
  height: 10%;
}
.add-modal-placeholder {
  height: 15%;
}
.add-modal-title {
  color: #FFFFFF;
  font-size: 30px;
}
.add-modal-content {
  padding: 24px 12px 16px;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 30px;
}
.add-modal-content .nav-name {
  padding-top: 3px;
  padding-bottom: 7px;
}
.add-modal-content .nav-item {
  text-align: center;
  width: 80px;
}
.modal {
  /*background-color: rgba(0, 0, 0, 0.64);*/
}
.modal-wrapper {
  width: 85%;
  height: 85%;
  margin-top: 10%;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0;
  background-color: #FFFFFF;
  position: relative;
  border-radius: 25px;
  -webkit-box-shadow: 0 0 10px 8px rgba(30,30,30,0.5);
  -moz-box-shadow: 0 0 10px 8px rgba(30,30,30,0.5);
  box-shadow: 0 0 10px 8px rgba(30,30,30,0.5);
}
.left,.left2{  
display: none;  
  width: 24%;
  position: absolute;
  bottom:0%;z-index: 4;
  left: 11%;
}
.left img,.left2 img,.right img,.right2 img{width: 100%;}
.right,.right2 {
  display: none;
 width: 24%;
  position: absolute;
bottom:0%;z-index: 4;
  right: 11%;
}

.modal-title {
  position: absolute;
  width: 100%;
  top: -16.8%;
  left: 0;
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
  z-index: 999;
}
.btn-cancel {
  width: 45px;
  height: 45px;
  top: 30%;
  right: -5px;
  position: absolute;
  border-radius: 50%;
  background-color: #FFFFFF;
 box-shadow: 0px 0px 10px #9a9896; 
  font-weight: bolder;
  font-size: 30px;
}
.btn-cancel > i {
  vertical-align: middle;
  position: relative;
  font-style: normal;
  text-align: left;
  text-indent: -9999px;
  direction: ltr;
  width: 20px;
  height: 20px;
  margin: 2px;
  margin-left: 3px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.btn-cancel > i:before, .btn-cancel > i:after {
  content: ' ';
  pointer-events: none;
  background-color: #4e4e4e;
}
.btn-cancel > i:before {
  width: 20px;
  height: 4px;
  position: absolute;
  top: 10px;
  left: 0;
  margin-top: -2px;
  border-radius: 4px;
}
.btn-cancel > i:after {
  height: 20px;
  width: 4px;
  position: absolute;
  left: 10px;
  top: 0;
  margin-left: -2px;
  border-radius: 4px;
}
.modal[data-item="150101"] .modal-title,
.modal[data-item="160101"] .modal-title {
  background-image: url("../images/jjfz.png")/*tpa=http://oa.app.hebei.com.cn/project/app2/../images/title/jjfz.png*/;
}
.modal[data-item="150101"] .btn-cancel > i:before,
.modal[data-item="150101"] .btn-cancel > i:after,
.modal[data-item="160101"] .btn-cancel > i:before,
.modal[data-item="160101"] .btn-cancel > i:after {
  background-color: #4e4e4e;
}
.modal[data-item="150102"] .modal-title,
.modal[data-item="160102"] .modal-title {
  background-image: url("../images/0102-1.png")/*tpa=http://oa.app.hebei.com.cn/project/app2/../images/title/0102.png*/;
}
.modal[data-item="150102"] .btn-cancel > i:before,
.modal[data-item="150102"] .btn-cancel > i:after,
.modal[data-item="160102"] .btn-cancel > i:before,
.modal[data-item="160102"] .btn-cancel > i:after {
  background-color: #4e4e4e;
}
.modal[data-item="150103"] .modal-title {
  background-image: url("../images/150103.png")/*tpa=http://oa.app.hebei.com.cn/project/app2/../images/title/150103.png*/;
}
.modal[data-item="150103"] .btn-cancel > i:before,
.modal[data-item="150103"] .btn-cancel > i:after,
.modal[data-item="160103"] .btn-cancel > i:before,
.modal[data-item="160103"] .btn-cancel > i:after {
  background-color:#4e4e4e;
}
.modal[data-item="150104"] .modal-title {
  background-image: url("../images/150104.png")/*tpa=http://oa.app.hebei.com.cn/project/app2/../images/title/150104.png*/;
}
.modal[data-item="150104"] .btn-cancel > i:before,
.modal[data-item="150104"] .btn-cancel > i:after,
.modal[data-item="160104"] .btn-cancel > i:before,
.modal[data-item="160104"] .btn-cancel > i:after {
  background-color: #4e4e4e;
}
.modal[data-item="150201"] .modal-title {
  background-image: url("../images/150201-1.png")/*tpa=http://oa.app.hebei.com.cn/project/app2/../images/title/150201.png*/;
}
.modal[data-item="150201"] .btn-cancel > i:before,
.modal[data-item="150201"] .btn-cancel > i:after {
  background-color: #4e4e4e;
}
.modal[data-item="150202"] .modal-title,
.modal[data-item="160204"] .modal-title {
  background-image: url("../images/150202-160204-1.png")/*tpa=http://oa.app.hebei.com.cn/project/app2/../images/title/150202-160204.png*/;
}
.modal[data-item="150202"] .btn-cancel > i:before,
.modal[data-item="150202"] .btn-cancel > i:after,
.modal[data-item="160204"] .btn-cancel > i:before,
.modal[data-item="160204"] .btn-cancel > i:after,
.modal[data-item="150203"] .btn-cancel > i:before,
.modal[data-item="150203"] .btn-cancel > i:after,
.modal[data-item="160301"] .btn-cancel > i:before,
.modal[data-item="160301"] .btn-cancel > i:after {
  background-color: #4e4e4e;
}
.modal[data-item="150203"] .modal-title,
.modal[data-item="160301"] .modal-title {
  background-image: url("../images/150203-160301-1.png")/*tpa=http://oa.app.hebei.com.cn/project/app2/../images/title/150203-160301.png*/;
}
.modal[data-item="150204"] .modal-title,
.modal[data-item="160302"] .modal-title {
  background-image: url("../images/150204-160302-1.png")/*tpa=http://oa.app.hebei.com.cn/project/app2/../images/title/150204-160302.png*/;
}
.modal[data-item="150204"] .btn-cancel > i:before,
.modal[data-item="150204"] .btn-cancel > i:after,
.modal[data-item="160302"] .btn-cancel > i:before,
.modal[data-item="160302"] .btn-cancel > i:after {
  background-color: #4e4e4e;
}
.modal[data-item="150301"] .modal-title,
.modal[data-item="160304"] .modal-title {
  background-image: url("../images/150301-160304-1.png")/*tpa=http://oa.app.hebei.com.cn/project/app2/../images/title/150301-160304.png*/;
}
.modal[data-item="150301"] .btn-cancel > i:before,
.modal[data-item="150301"] .btn-cancel > i:after,
.modal[data-item="160304"] .btn-cancel > i:before,
.modal[data-item="160304"] .btn-cancel > i:after {
  background-color: #4e4e4e;
}
.modal[data-item="160501"] .modal-title {
  background-image: url("../images/0401-1.png")/*tpa=http://oa.app.hebei.com.cn/project/app2/../images/title/0401.png*/;
}
.modal[data-item="160501"] .btn-cancel > i:before,
.modal[data-item="160501"] .btn-cancel > i:after {
  background-color: #ffd92d;
}
.modal[data-item="160502"] .modal-title {
  background-image: url("../images/0402-1.png")/*tpa=http://oa.app.hebei.com.cn/project/app2/../images/title/0402.png*/;
}
.modal[data-item="160502"] .btn-cancel > i:before,
.modal[data-item="160502"] .btn-cancel > i:after,
.modal[data-item="160201"] .btn-cancel > i:before,
.modal[data-item="160201"] .btn-cancel > i:after {
  background-color: #ffd92d;
}
.modal[data-item="160103"] .modal-title {
  background-image: url("../images/160103.png")/*tpa=http://oa.app.hebei.com.cn/project/app2/../images/title/160103.png*/;
}

.modal[data-item="160104"] .modal-title {
  background-image: url("../images/160104.png")/*tpa=http://oa.app.hebei.com.cn/project/app2/../images/title/160104.png*/;
}
.modal[data-item="160201"] .modal-title {
  background-image: url("../images/160201-1.png")/*tpa=http://oa.app.hebei.com.cn/project/app2/../images/title/160201.png*/;
}

.modal[data-item="160202"] .modal-title {
  background-image: url("../images/160202-1.png")/*tpa=http://oa.app.hebei.com.cn/project/app2/../images/title/160202.png*/;
}
.modal[data-item="160202"] .btn-cancel > i:before,
.modal[data-item="160202"] .btn-cancel > i:after {
  background-color: #27c7ff;
}
.modal[data-item="160203"] .modal-title {
  background-image: url("../images/160203-1.png")/*tpa=http://oa.app.hebei.com.cn/project/app2/../images/title/160203.png*/;
}
.modal[data-item="160203"] .btn-cancel > i:before,
.modal[data-item="160203"] .btn-cancel > i:after {
  background-color: #ffb64d;
}
.modal[data-item="160303"] .modal-title {
  background-image: url("../images/160303-1.png")/*tpa=http://oa.app.hebei.com.cn/project/app2/../images/title/160303.png*/;
}
.modal[data-item="160303"] .btn-cancel > i:before,
.modal[data-item="160303"] .btn-cancel > i:after {
  background-color: #4e4e4e;
}

#modalSwiper {
  height: 100%;
  width: 100%;
}
#modalSwiper .swiper-slide {
  padding-top: 80px;
  padding: 80px 6% 0;
/*  height: auto;*/
}

#modalImgList .img-item {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
    background-size:100% 100%;
  width: 95%;
    height: 95%;
  display: inline-block;
  margin: 0 0 10px 7px;
}

#modalImgList .img-item img {
  visibility: hidden;
  width: 100%;
    height: auto;
}

#shareImg {
  position: absolute;
  z-index: 4;
  top:4%;
  left: 0%;
}
.showdown{ position: absolute;
  top:0%;
  height: 100%;width: 100%;
  background: #000;
  opacity: 0.7;
  filter: alpha(opacity=70);
  left: 0%;}
.share-cover {
  background-color: transparent;
}
#lockPage {
  text-align: center;
}
.lock-time-wrapper {
  position: relative;z-index: 5;
  padding-top: 20px;
}
.lock-time {
  color: #404040;
  font-size: 70px;
  line-height: 80px;
}
.lock-date {
  color: #848484;
  font-size: 16px;
}
.lock-word-wrapper {
  position: absolute;
  bottom: 5%;
  left: 0;z-index: 5;
  width: 100%;
}
#lockBottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
#lockWordCover {
  position: absolute;
  top: -6%;
  left: 0;
  width: 100%;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-animation: lockWordCover 5s ease infinite;
  animation: lockWordCover 5s ease infinite;
}
/* lockWordCover animate */
@-webkit-keyframes lockWordCover {
   0% { -webkit-transform: translate(0, 0); }
  100%{ -webkit-transform: translate(100%, 0); }
}
@keyframes lockWordCover {
   0% { transform: translate(0, 0); }
  100%{ transform: translate(100%, 0); }
}
#footerWord2016{margin-top: 19%;}
/* bg animate */
@-webkit-keyframes star1show {
   0% { opacity:0.1; }
  100%{ opacity:1;}
}
@keyframes star1show {
   0% { opacity:0.1; }
  100%{ opacity:1;}
}
@-webkit-keyframes star2show {
   0% { opacity:1; }
  100%{ opacity:0.1;}
}
@keyframes star2show {
   0% { opacity:1; }
  100%{ opacity:0.1;}
}
@-webkit-keyframes star3show {
   0% { -webkit-transform: translate(100%, -50%); }
  100%{ -webkit-transform: translate(-500%, 500%); }
}
@keyframes star3show {
   0% { transform: translate(100%, -50%); }
  100%{ transform: translate(-500%, 500%); }
}
@-webkit-keyframes star4show {
   0% { -webkit-transform: translate(200%, -100%); }
  100%{ -webkit-transform: translate(-100%, 50%); }
}
@keyframes star4show {
   0% { transform: translate(200%, -100%); }
  100%{ transform: translate(-100%, 50%); }
}

.bg-star01 {
  -webkit-animation: star1show 1.2s linear infinite alternate;
  animation: star1show 1.2s linear infinite alternate;
}
.bg-star02 {
  -webkit-animation: star2show 1.2s linear infinite alternate;
  animation: star2show 1.2s linear infinite alternate;
}
.bg-star03 {
  -webkit-animation: star3show 4s linear infinite;
  animation: star3show 4s linear infinite;
}
.bg-star04 {
  -webkit-animation: star4show 6s linear infinite;
  animation: star4show 6s linear infinite;
}

@-webkit-keyframes buzz-out {
  0% {
    -webkit-transform: translateX(3px) rotate(2deg);
  }
  25% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
  }
  100% {
    -webkit-transform: translateX(3px) rotate(2deg);
  }
}
.buzz-out {
  -webkit-animation-name: buzz-out;
  -webkit-animation-duration: 0.4s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}

.swiper-section .page-2015 .row-1 .col-1,
.swiper-section .page-2016 .row-1 .col-1 {
  -webkit-animation-duration: 0.42s;
  -webkit-transform-origin: 20% 30%;
}
.swiper-section .page-2015 .row-1 .col-2,
.swiper-section .page-2016 .row-1 .col-2 {
  -webkit-animation-duration: 0.456s;
  -webkit-transform-origin: 60% 20%;
}
.swiper-section .page-2015 .row-1 .col-3,
.swiper-section .page-2016 .row-1 .col-3 {
  -webkit-animation-duration: 0.413s;
  -webkit-transform-origin: 45% 32%;
}
.swiper-section .page-2015 .row-1 .col-4,
.swiper-section .page-2016 .row-1 .col-4 {
  -webkit-animation-duration: 0.432s;
  -webkit-transform-origin: 11% 77%;
}
.swiper-section .page-2015 .row-2 .col-1 {
  -webkit-animation-duration: 0.466s;
  -webkit-transform-origin: 67% 34%;
}
.swiper-section .page-2015 .row-2 .col-2,
.swiper-section .page-2016 .row-2 .col-4 {
  -webkit-animation-duration: 0.496s;
  -webkit-transform-origin: 31% 25%;
}
.swiper-section .page-2015 .row-2 .col-3,
.swiper-section .page-2016 .row-3 .col-1 {
  -webkit-animation-duration: 0.47s;
  -webkit-transform-origin: 12% 88%;
}
.swiper-section .page-2015 .row-2 .col-4,
.swiper-section .page-2016 .row-3 .col-2 {
  -webkit-animation-duration: 0.443s;
  -webkit-transform-origin: 45% 72%;
}
.swiper-section .page-2015 .row-3 .col-1,
.swiper-section .page-2016 .row-3 .col-4 {
  -webkit-animation-duration: 0.406s;
  -webkit-transform-origin: 14% 78%;
}
.swiper-section .page-2015 .row-4 .col-1,
.swiper-section .page-2016 .row-4 .col-1 {
  -webkit-animation-duration: 0.496s;
  -webkit-transform-origin: 33% 29%;
}
.swiper-section .page-2015 .row-4 .col-2,
.swiper-section .page-2016 .row-4 .col-2 {
  -webkit-animation-duration: 0.433s;
  -webkit-transform-origin: 12% 98%;
}
.swiper-section .page-2015 .row-4 .col-3,
.swiper-section .page-2016 .row-4 .col-3 {
  -webkit-animation-duration: 0.478s;
  -webkit-transform-origin: 23% 90%;
}
.swiper-section .page-2015 .row-5 .col-1,
.swiper-section .page-2016 .row-5 .col-1 {
  margin-right: 4%;
  margin-left: 9%;
  -webkit-animation-duration: 0.411s;
  -webkit-transform-origin: 99% 56%;
}
.swiper-section .page-2015 .row-5 .col-2,
.swiper-section .page-2016 .row-5 .col-2 {
  -webkit-animation-duration: 0.439s;
   margin-right: 4%;
  -webkit-transform-origin: 78% 78%;
}
.swiper-section .page-2015 .row-5 .col-3,
.swiper-section .page-2016 .row-5 .col-3 { margin-right: 4%;}
.swiper-section .page-2016 .row-2 .col-1 {
  -webkit-animation-duration: 0.476s;
  -webkit-transform-origin: 33% 66%;
}
.swiper-section .page-2016 .row-2 .col-2 {
  -webkit-animation-duration: 0.455s;
  -webkit-transform-origin: 78% 29%;
}
.swiper-section .page-2016 .row-2 .col-3 {
  -webkit-animation-duration: 0.45s;
  -webkit-transform-origin: 65% 10%;
}
.swiper-section .page-2016 .row-3 .col-3 {
  -webkit-animation-duration: 0.417s;
  -webkit-transform-origin: 50% 50%;
}
.swiper-section {
  /*-webkit-transition: -webkit-transform 0.3s linear;
  transition: transform 0.3s linear;*/
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
.swiper-section.show-modal {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: scale1to2;
  animation-name: scale1to2;
}
.swiper-section.hide-modal {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: scale2to1;
  animation-name: scale2to1;
}
#contentModal, .add-modal.shfb {
  -webkit-transform: scale3d(0, 0, 0);
  transform: scale3d(0, 0, 0);
  /*-webkit-transition: -webkit-transform 0.3s linear;
  transition: transform 0.3s linear;*/
}
#contentModal.show-modal, .add-modal.shfb.show-modal {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: scale0to1;
  animation-name: scale0to1;
}
#contentModal.hide-modal, .add-modal.shfb.hide-modal {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: scale1to0;
  animation-name: scale1to0;
}
.copyright {
  width: 100%;
  text-align: center;
  color: #990000;
  opacity: 0.8;
  position: absolute;
  top: 50%;
  left: 0;
  font-size: 13px;
  line-height: 16px;
  font-weight: bold;
}
.logojyw{bottom: 12%;}
.sb{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/icons.png);-webkit-background-size: 100% 100%;
background-size: 100% 100%;z-index: 4;}
.swiper-section .nav-item-wrapper.row-5{
padding: 0 10%;
}