ul,
ol,
li {
  list-style: none; }

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

a:hover {
  text-decoration: none; }

img {
  vertical-align: top;
  border: 0; }

button,
input,
textarea {
  font-size: 100%;
  vertical-align: middle;
  outline: none;
  border-radius: 0;
  -webkit-appearance: none; }

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

div,
a {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }

html {
  font-size: 100px; }

@media screen and (min-width: 360px) {
  html {
    font-size: 112.5px; } }

@media screen and (min-width: 375px) {
  html {
    font-size: 117.1875px; } }

@media screen and (min-width: 414px) {
  html {
    font-size: 129.375px; } }

@media screen and (min-width: 480px) {
  html {
    font-size: 150px; } }

@media screen and (min-width: 640px) {
  html {
    font-size: 200px; } }

/*公共类*/
.clearfix:before, .clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1;
  /*IE/7/6*/ }

.wp {
  width: 1200px;
  margin: 0 auto; }

.fl {
  float: left; }

.fr {
  float: right; }

.al {
  text-align: left; }

.ac {
  text-align: center; }

.ar {
  text-align: right; }

.hide {
  display: none; }

@font-face {
  font-family: 'Conv_DidotLTStd-Roman';
  src: url("../fonts/didotltstd-roman.eot");
  src: local("☺"), url("../fonts/didotltstd-roman.woff") format("woff"), url("../fonts/didotltstd-roman.ttf") format("truetype"), url("../fonts/didotltstd-roman.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

.animated {
  visibility: visible !important;
  -webkit-animation-duration: 2s;
     -moz-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-fill-mode: both;
     -moz-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: linear;
     -moz-animation-timing-function: linear;
          animation-timing-function: linear; }

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
          animation-iteration-count: infinite; }

@-webkit-keyframes fadeIn-left {
  0% {
    -webkit-transform: translate(-25px, 0);
            transform: translate(-25px, 0); }
  100% {
    -webkit-transform: translate(25px, 0);
            transform: translate(25px, 0); } }

@-moz-keyframes fadeIn-left {
  0% {
    -moz-transform: translate(-25px, 0);
         transform: translate(-25px, 0); }
  100% {
    -moz-transform: translate(25px, 0);
         transform: translate(25px, 0); } }

@keyframes fadeIn-left {
  0% {
    -webkit-transform: translate(-25px, 0);
       -moz-transform: translate(-25px, 0);
            transform: translate(-25px, 0); }
  100% {
    -webkit-transform: translate(25px, 0);
       -moz-transform: translate(25px, 0);
            transform: translate(25px, 0); } }

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

@-webkit-keyframes fadeIn-left1 {
  0% {
    -webkit-transform: translate(-10px, 0);
            transform: translate(-10px, 0); }
  50% {
    -webkit-transform: translate(10px, 0);
            transform: translate(10px, 0); }
  100% {
    -webkit-transform: translate(-10px, 0);
            transform: translate(-10px, 0); } }

@-moz-keyframes fadeIn-left1 {
  0% {
    -moz-transform: translate(-10px, 0);
         transform: translate(-10px, 0); }
  50% {
    -moz-transform: translate(10px, 0);
         transform: translate(10px, 0); }
  100% {
    -moz-transform: translate(-10px, 0);
         transform: translate(-10px, 0); } }

@keyframes fadeIn-left1 {
  0% {
    -webkit-transform: translate(-10px, 0);
       -moz-transform: translate(-10px, 0);
            transform: translate(-10px, 0); }
  50% {
    -webkit-transform: translate(10px, 0);
       -moz-transform: translate(10px, 0);
            transform: translate(10px, 0); }
  100% {
    -webkit-transform: translate(-10px, 0);
       -moz-transform: translate(-10px, 0);
            transform: translate(-10px, 0); } }

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

@-webkit-keyframes fadeIn-top {
  0% {
    -webkit-transform: translate(-50%, 25px) rotate(-90deg);
            transform: translate(-50%, 25px) rotate(-90deg); }
  100% {
    -webkit-transform: translate(-50%, -25px) rotate(-90deg);
            transform: translate(-50%, -25px) rotate(-90deg); } }

@-moz-keyframes fadeIn-top {
  0% {
    -moz-transform: translate(-50%, 25px) rotate(-90deg);
         transform: translate(-50%, 25px) rotate(-90deg); }
  100% {
    -moz-transform: translate(-50%, -25px) rotate(-90deg);
         transform: translate(-50%, -25px) rotate(-90deg); } }

@keyframes fadeIn-top {
  0% {
    -webkit-transform: translate(-50%, 25px) rotate(-90deg);
       -moz-transform: translate(-50%, 25px) rotate(-90deg);
            transform: translate(-50%, 25px) rotate(-90deg); }
  100% {
    -webkit-transform: translate(-50%, -25px) rotate(-90deg);
       -moz-transform: translate(-50%, -25px) rotate(-90deg);
            transform: translate(-50%, -25px) rotate(-90deg); } }

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

@-webkit-keyframes fadeIn-bottom {
  0% {
    -webkit-transform: translate(-50%, -25px) rotate(90deg);
            transform: translate(-50%, -25px) rotate(90deg); }
  100% {
    -webkit-transform: translate(-50%, 25px) rotate(90deg);
            transform: translate(-50%, 25px) rotate(90deg); } }

@-moz-keyframes fadeIn-bottom {
  0% {
    -moz-transform: translate(-50%, -25px) rotate(90deg);
         transform: translate(-50%, -25px) rotate(90deg); }
  100% {
    -moz-transform: translate(-50%, 25px) rotate(90deg);
         transform: translate(-50%, 25px) rotate(90deg); } }

@keyframes fadeIn-bottom {
  0% {
    -webkit-transform: translate(-50%, -25px) rotate(90deg);
       -moz-transform: translate(-50%, -25px) rotate(90deg);
            transform: translate(-50%, -25px) rotate(90deg); }
  100% {
    -webkit-transform: translate(-50%, 25px) rotate(90deg);
       -moz-transform: translate(-50%, 25px) rotate(90deg);
            transform: translate(-50%, 25px) rotate(90deg); } }

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

@-webkit-keyframes fadeIn-rotate {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, -50%) rotateY(0deg);
            transform: translate(0, -50%) rotateY(0deg); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, -50%) rotateY(720deg);
            transform: translate(0, -50%) rotateY(720deg); } }

@-moz-keyframes fadeIn-rotate {
  0% {
    opacity: 0;
    -moz-transform: translate(0, -50%) rotateY(0deg);
         transform: translate(0, -50%) rotateY(0deg); }
  100% {
    opacity: 1;
    -moz-transform: translate(0, -50%) rotateY(720deg);
         transform: translate(0, -50%) rotateY(720deg); } }

@keyframes fadeIn-rotate {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, -50%) rotateY(0deg);
       -moz-transform: translate(0, -50%) rotateY(0deg);
            transform: translate(0, -50%) rotateY(0deg); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, -50%) rotateY(720deg);
       -moz-transform: translate(0, -50%) rotateY(720deg);
            transform: translate(0, -50%) rotateY(720deg); } }

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

@-webkit-keyframes fadeIn-gotop {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 50%);
            transform: translate(0, 50%); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0); } }

@-moz-keyframes fadeIn-gotop {
  0% {
    opacity: 0;
    -moz-transform: translate(0, 50%);
         transform: translate(0, 50%); }
  100% {
    opacity: 1;
    -moz-transform: translate(0, 0);
         transform: translate(0, 0); } }

@keyframes fadeIn-gotop {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 50%);
       -moz-transform: translate(0, 50%);
            transform: translate(0, 50%); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
            transform: translate(0, 0); } }

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

/* reset.css V1.6  End */
.paged a, .paged .p_info, .paged .current {
  display: inline-block;
  zoom: 1;
  *display: inline;
  margin: 0px 3px;
  padding: 13px 19px;
  font-size: 14px;
  text-align: center;
  background: #FFF;
  color: #555; }

.paged .current, .paged a:hover {
  background: #0b903f;
  color: #FFF; }

.paged .one {
  padding-left: 54px;
  padding-right: 54px; }

.web {
  overflow: hidden; }

.head {
  height: 94px; }
  .head .logo {
    margin-left: 96px;
    margin-top: 23px; }
    .head .logo a {
      display: block; }
  .head .right {
    font-size: 0;
    line-height: 36px;
    margin-top: 28px; }
    .head .right .telephone {
      position: relative;
      left: -110px;
      margin-right: 4px;
      padding-left: 44px;
      font-size: 24px;
      color: #0b903f;
      font-family: "Arial"; }
      .head .right .telephone img {
        margin-right: 10px; }
    .head .right .switch {
      width: 110px; }
      .head .right .switch .switch-l {
        position: absolute;
        min-width: 36px;
        height: 36px;
        right: 54px;
        top: 50%;
        margin-top: -19.5px; }
        .head .right .switch .switch-l a {
          margin: 0;
          border: 0;
          background: #fff;
          border: 1px solid #777;
          text-align: center;
          position: absolute;
          right: 0;
          top: 0;
          left: 0; }
          .head .right .switch .switch-l a span {
            line-height: 34px;
            vertical-align: middle;
            position: absolute;
            left: 0;
            top: 0;
            display: block;
            width: 36px;
            height: 36px; }
          .head .right .switch .switch-l a:hover {
            border: 1px solid #0b903f; }
      .head .right .switch a {
        width: 36px;
        height: 36px;
        border-radius: 50%;
        display: block;
        background: #fff;
        border: 1px solid #777;
        position: relative;
        -moz-box-sizing: border-box;
             box-sizing: border-box;
        margin-left: 15px; }
        .head .right .switch a span {
          color: #555;
          font-size: 12px; }
      .head .right .switch .search-box {
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -19.5px; }
        .head .right .switch .search-box input {
          width: 0px;
          z-index: 2;
          border: 0;
          background: #fff;
          border: 1px solid #777;
          height: 36px;
          border-top-left-radius: 36px;
          border-bottom-left-radius: 36px;
          font-size: 12px;
          color: #555;
          position: absolute;
          right: 18px;
          top: 50%;
          padding-left: 13px;
          margin-top: -18px;
          -moz-box-sizing: border-box;
               box-sizing: border-box; }
        .head .right .switch .search-box a {
          width: 36px;
          height: 36px;
          display: block;
          position: absolute;
          right: 0;
          top: 0;
          border-radius: 50%; }
          .head .right .switch .search-box a img {
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
               -moz-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%); }
        .head .right .switch .search-box button {
          z-index: 3;
          cursor: pointer;
          vertical-align: top;
          width: 36px;
          height: 36px;
          border-radius: 50%;
          border: 0;
          z-index: 999;
          border: 1px solid #777;
          background-color: #fff;
          position: relative;
          -moz-box-sizing: border-box;
               box-sizing: border-box;
          background-image: url(../images/icon-3.png);
          background-repeat: no-repeat;
          background-position: center center; }
          .head .right .switch .search-box button img {
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
               -moz-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%); }

.header-nav {
  background: #141414;
  font-size: 0;
  position: relative; }
  .header-nav .wp > li {
    display: inline-block;
    vertical-align: top;
    width: 14.28%; }
    .header-nav .wp > li > a {
      text-align: center;
      overflow: hidden;
      width: 100%;
      line-height: 70px;
      height: 70px;
      display: block;
      margin-left: -1px;
      font-size: 14px;
      color: #DFDFDF;
      font-weight: bold;
      -moz-box-sizing: border-box;
           box-sizing: border-box;
      position: relative;
      -webkit-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      transition: all 0.2s ease; }
      .header-nav .wp > li > a span {
        position: relative;
        z-index: 2; }
      .header-nav .wp > li > a:after {
        -webkit-backface-visibility: hidden;
           -moz-backface-visibility: hidden;
                backface-visibility: hidden;
        content: "";
        position: absolute;
        left: 50%;
        top: 0;
        width: 0;
        height: 110%;
        background: #0b903f;
        -webkit-transform: translate(-50%, 0);
           -moz-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0);
                transform: translate(-50%, 0);
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        transition: all 0.2s ease; }
  .header-nav .wp > li:last-child > a {
    border-right: 1px solid rgba(255, 255, 255, 0.11); }
  .header-nav .wp > li:hover > a {
    background: #0b903f; }
    .header-nav .wp > li:hover > a:after {
      width: 110%; }
  .header-nav .wp > li:hover .seed {
    display: block; }
  .header-nav .wp > .active > a {
    background: #0b903f; }
    .header-nav .wp > .active > a:after {
      width: 110%; }
  .header-nav .seed {
    display: none;
    margin-top: -1px;
    background-image: url(../images/nav-bg.jpg);
    background-repeat: repeat;
    width: 100%;
    height: 330px;
    z-index: 300;
    position: absolute;
    left: 0;
    padding: 25px 0 25px;
    -moz-box-sizing: border-box;
         box-sizing: border-box; }
    .header-nav .seed .left {
      width: 390px; }
      .header-nav .seed .left h1 {
        font-size: 24px;
        color: #333;
        margin-bottom: 4px;
        margin-top: 28px; }
      .header-nav .seed .left h4 {
        font-size: 14px;
        color: #333;
        opacity: .6;
        font-family: "Arial";
        margin-bottom: 16px; }
      .header-nav .seed .left .p {
        font-size: 14px;
        color: #696969;
        line-height: 28px;
        height: 84px;
        overflow: hidden;
        width: 306px;
        margin-bottom: 32px; }
      .header-nav .seed .left .btn a {
        display: block;
        width: 116px;
        height: 33px;
        line-height: 33px;
        text-align: center;
        border-radius: 28px;
        border: 1px solid #ccc;
        background: #F4F4F4;
        color: #555;
        font-size: 14px;
        font-family: "Arial";
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;
        position: relative; }
        .header-nav .seed .left .btn a:hover {
          color: #fff;
          border-color: #0b903f;
          background: #0b903f; }
    .header-nav .seed .seed-list {
      margin-left: 390px; }
      .header-nav .seed .seed-list li {
        float: left;
        border: 1px solid rgba(197, 197, 197, 0.6);
        border-top: 0;
        width: 50%;
        -moz-box-sizing: border-box;
             box-sizing: border-box; }
        .header-nav .seed .seed-list li a {
          padding: 20px 78px 26px 60px;
          display: block;
          position: relative; }
          .header-nav .seed .seed-list li a:after {
            content: "";
            right: 40px;
            position: absolute;
            top: 50%;
            width: 23px;
            height: 23px;
            margin-top: -11.5px;
            background-image: url(../images/icon-4.png);
            background-repeat: no-repeat;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            transition: all 0.3s ease; }
          .header-nav .seed .seed-list li a:hover:after {
            -webkit-transform: translate(6px, 0);
               -moz-transform: translate(6px, 0);
                -ms-transform: translate(6px, 0);
                    transform: translate(6px, 0); }
          .header-nav .seed .seed-list li a:hover .p span {
            color: #0b903f; }
        .header-nav .seed .seed-list li .img {
          width: 168px;
          height: 88px;
          position: relative;
          display: inline-block;
          vertical-align: top; }
          .header-nav .seed .seed-list li .img img {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%; }
        .header-nav .seed .seed-list li .p {
          margin-left: 28px;
          display: inline-block;
          vertical-align: top;
          line-height: 88px; }
          .header-nav .seed .seed-list li .p span {
            width: 60px;
            line-height: 24px;
            font-size: 15px;
            color: #666;
            display: inline-block;
            vertical-align: middle; }
      .header-nav .seed .seed-list li:nth-child(2n+2) {
        margin-left: -1px;
        border-right: 0; }
      .header-nav .seed .seed-list li:nth-child(3) {
        border-top: 0;
        border-bottom: 0; }
      .header-nav .seed .seed-list li:nth-child(4) {
        border-top: 0;
        border-bottom: 0; }
    .header-nav .seed .more-btn {
      text-align: right;
      -webkit-transition: all .4s ease;
      -moz-transition: all .4s ease;
      transition: all .4s ease;
      -webkit-backface-visibility: hidden;
         -moz-backface-visibility: hidden;
              backface-visibility: hidden;
      -webkit-transform: translate(-30px, 0);
         -moz-transform: translate(-30px, 0);
          -ms-transform: translate(-30px, 0);
              transform: translate(-30px, 0); }
      .header-nav .seed .more-btn a {
        font-size: 14px;
        color: #141414; }
      .header-nav .seed .more-btn span {
        margin-top: -4px;
        margin-left: 15px;
        display: inline-block;
        vertical-align: middle;
        width: 13px;
        height: 13px;
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url(../images/icon-29.png); }

.footer {
  width: 100%;
  background: #000;
  height: 76px;
  position: relative; }
  .footer .wp {
    position: relative; }
  .footer .footer-list {
    font-size: 0;
    text-align: center; }
    .footer .footer-list li {
      line-height: 76px;
      height: 76px;
      display: inline-block;
      vertical-align: top;
      position: relative;
      margin: 0 26px; }
      .footer .footer-list li a {
        height: 76px;
        font-size: 13px;
        color: #868686; }
        .footer .footer-list li a:hover {
          color: #FFF; }
      .footer .footer-list li:after {
        content: "";
        position: absolute;
        left: -26px;
        top: 50%;
        margin-top: -4.5px;
        width: 5px;
        height: 9px;
        background-image: url(../images/icon-5.png);
        background-repeat: no-repeat; }
    .footer .footer-list li:first-child:after {
      display: none; }
  .footer .btn-back {
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -19px;
    width: 88px;
    height: 38px;
    background-color: #282828;
    background-image: url(../images/icon-6.png);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .footer .btn-back:hover {
      background-position: center 2px; }
    .footer .btn-back:after {
      content: "";
      left: 0;
      bottom: -1px;
      width: 15px;
      height: 1px;
      background: #770007;
      position: absolute; }
    .footer .btn-back:before {
      content: "";
      right: 0;
      bottom: -1px;
      width: 70px;
      height: 1px;
      background: rgba(255, 255, 255, 0.3);
      position: absolute; }
  .footer .btn-back-home {
    display: block;
    position: absolute;
    top: 0;
    left: -360px;
    width: 482px;
    height: 100%;
    background: #292929; }
    .footer .btn-back-home img {
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      transition: all 0.3s ease;
      position: absolute;
      right: 47px;
      top: 27px; }
    .footer .btn-back-home:hover img {
      -webkit-transform: translate(10px, 0);
         -moz-transform: translate(10px, 0);
          -ms-transform: translate(10px, 0);
              transform: translate(10px, 0); }

.foot {
  width: 100%;
  height: 234px;
  background: #141414;
  text-align: center; }
  .foot .telephone {
    font-size: 35px;
    color: #0b903f;
    margin-bottom: 20px;
    padding-top: 38px;
    font-family: "Arial"; }
    .foot .telephone img {
      margin-right: 5px; }
  .foot .p {
    color: #868686;
    font-size: 13px;
    margin-bottom: 18px;
    text-transform: Uppercase; }
    .foot .p a {
      color: #868686;
      font-size: 13px; }
  .foot .bdshare-button-style0-16 a, .foot .bdshare-button-style0-16 .bds_more {
    padding-left: 0px;
    float: none; }
  .foot .share .qq, .foot .share .weixin, .foot .share .weibo {
    position: relative;
    margin: 0 25px;
    display: inline-block;
    vertical-align: top;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 14px solid #696969;
    position: relative;
    -moz-box-sizing: border-box;
         box-sizing: border-box; }
    .foot .share .qq > img, .foot .share .weixin > img, .foot .share .weibo > img {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
         -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
    .foot .share .qq:hover, .foot .share .weixin:hover, .foot .share .weibo:hover {
      border-color: #FFF; }
      .foot .share .qq:hover .win-box, .foot .share .weixin:hover .win-box, .foot .share .weibo:hover .win-box {
        display: block; }
      .foot .share .qq:hover .text, .foot .share .weixin:hover .text, .foot .share .weibo:hover .text {
        color: #FFF; }
      .foot .share .qq:hover .icon, .foot .share .weixin:hover .icon, .foot .share .weibo:hover .icon {
        display: none; }
      .foot .share .qq:hover .icon1, .foot .share .weixin:hover .icon1, .foot .share .weibo:hover .icon1 {
        display: inherit; }
    .foot .share .qq .text, .foot .share .weixin .text, .foot .share .weibo .text {
      left: 0;
      bottom: -35px;
      padding-top: 35px;
      position: absolute;
      -webkit-transform: translate(-50%, 0);
         -moz-transform: translate(-50%, 0);
          -ms-transform: translate(-50%, 0);
              transform: translate(-50%, 0);
      color: #868686;
      width: 100px;
      font-size: 13px; }
  .foot .share .qq .win {
    position: relative;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    width: 200px;
    background: #FFF;
    border-radius: 6px;
    text-align: center; }
    .foot .share .qq .win-box {
      position: absolute;
      bottom: 0px;
      left: 0px;
      padding-bottom: 30px;
      display: none;
      -webkit-transform: translate(-50%, 0);
         -moz-transform: translate(-50%, 0);
          -ms-transform: translate(-50%, 0);
              transform: translate(-50%, 0); }
    .foot .share .qq .win:after {
      content: "";
      position: absolute;
      bottom: -10px;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
         -moz-transform: translate(-50%, 0);
          -ms-transform: translate(-50%, 0);
              transform: translate(-50%, 0);
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 10px solid #FFF; }
    .foot .share .qq .win span, .foot .share .qq .win a {
      line-height: 40px;
      color: #333;
      font-size: 15px;
      -webkit-transition: color .3s ease;
      -moz-transition: color .3s ease;
      transition: color .3s ease;
      font-family: "Microsoft YaHei","Arial"; }
      .foot .share .qq .win span:hover, .foot .share .qq .win a:hover {
        color: #0b903f; }
    .foot .share .qq .win span + span {
      border-top: 1px dashed #868686; }
  .foot .share .weixin .win, .foot .share .weibo .win {
    position: relative;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    padding: 10px;
    background: #FFF;
    border-radius: 6px;
    text-align: center; }
    .foot .share .weixin .win img, .foot .share .weibo .win img {
      max-width: 120px;
      height: auto !important; }
    .foot .share .weixin .win-box, .foot .share .weibo .win-box {
      position: absolute;
      bottom: 30px;
      left: 0px;
      display: none;
      -webkit-transform: translate(-50%, 0);
         -moz-transform: translate(-50%, 0);
          -ms-transform: translate(-50%, 0);
              transform: translate(-50%, 0); }
    .foot .share .weixin .win:after, .foot .share .weibo .win:after {
      content: "";
      position: absolute;
      bottom: -10px;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
         -moz-transform: translate(-50%, 0);
          -ms-transform: translate(-50%, 0);
              transform: translate(-50%, 0);
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      border-top: 10px solid #FFF; }
  .foot .share .icon1 {
    display: none; }

.searchIput {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -26px;
  z-index: 222;
  padding: 10px;
  background: #FFF;
  border: 1px solid #DEDEDE;
  border-radius: 4px; }
  .searchIput input {
    width: 200px;
    height: 30px;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    border: 1px solid #DEDEDE;
    background: #FFF;
    padding: 0 8px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px; }
  .searchIput button {
    cursor: pointer;
    width: 35px;
    height: 30px;
    background-color: #0b903f;
    border: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    background-image: url(../images/sousuo.png);
    background-position: center center;
    background-repeat: no-repeat; }

.right-nav {
  display: none;
  overflow: hidden;
  height: 465px;
  z-index: 2222;
  position: fixed;
  right: 0;
  bottom: 150px; }
  .right-nav li {
    margin-bottom: 4px; }
  .right-nav .nav-top {
    cursor: pointer; }
    .right-nav .nav-top .img img {
      -webkit-transform: rotate(0deg);
         -moz-transform: rotate(0deg);
          -ms-transform: rotate(0deg);
              transform: rotate(0deg);
      margin-left: -11px;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      transition: all 0.3s ease; }
  .right-nav a, .right-nav .nav-top {
    display: block;
    width: 82px;
    height: 89px;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    border: 1px solid #E5E5E5;
    background: #FAFAFA; }
    .right-nav a:hover .img, .right-nav .nav-top:hover .img {
      -webkit-transform: rotateY(360deg);
         -moz-transform: rotateY(360deg);
              transform: rotateY(360deg);
      -webkit-transition: all 2s ease;
      -moz-transition: all 2s ease;
      transition: all 2s ease; }
    .right-nav a:hover span, .right-nav .nav-top:hover span {
      color: #0b903f; }
  .right-nav .img {
    width: 100%;
    height: 53px;
    position: relative; }
    .right-nav .img:after {
      content: "";
      position: absolute;
      left: 50%;
      bottom: 0;
      background-image: url(../images/icon-13.png);
      width: 14px;
      height: 2px;
      margin-left: -7px;
      background-repeat: no-repeat;
      background-size: 100% 100%; }
    .right-nav .img img {
      position: absolute;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
         -moz-transform: translate(-50%, 0);
          -ms-transform: translate(-50%, 0);
              transform: translate(-50%, 0);
      bottom: 9px; }
  .right-nav span {
    display: block;
    line-height: 26px;
    font-size: 12px;
    color: #666;
    text-align: center;
    width: 100%;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease; }

.win-graduated {
  width: 100%;
  opacity: 0;
  height: 100%;
  position: fixed;
  z-index: 3000;
  top: 0;
  left: 0;
  display: none;
  background: rgba(0, 0, 0, 0.4); }
  .win-graduated .graduated-box {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 620px;
    height: 595px;
    border-radius: 5px;
    background: #FFF; }
  .win-graduated .graduated-close {
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: -64px;
    width: 64px;
    height: 62px;
    background: url(../images/graduated-1.png) rgba(255, 255, 255, 0.47) no-repeat center center; }
  .win-graduated .graduated-title {
    margin-top: 90px;
    text-align: center; }
    .win-graduated .graduated-title .icon {
      display: inline-block;
      vertical-align: middle;
      width: 68px;
      height: 50px;
      background: url(../images/graduated-0.png); }
    .win-graduated .graduated-title p {
      padding-left: 5px;
      display: inline-block;
      vertical-align: middle;
      color: #000;
      font-size: 30px; }
  .win-graduated .graduated-title2 {
    text-align: center;
    margin-bottom: 42px; }
    .win-graduated .graduated-title2 p {
      line-height: 32px;
      margin-top: 13px;
      font-size: 32px;
      text-transform: uppercase;
      font-family: "Conv_DidotLTStd-Roman"; }
  .win-graduated .input2 {
    position: relative;
    margin: 0 auto;
    margin-bottom: 16px;
    width: 440px;
    height: 65px;
    background: #f5f5f3;
    padding-left: 80px;
    -moz-box-sizing: border-box;
         box-sizing: border-box; }
    .win-graduated .input2 p {
      position: absolute;
      top: 0;
      left: 0;
      padding-left: 20px;
      font-size: 18px;
      color: #333;
      line-height: 65px; }
    .win-graduated .input2 input {
      width: 100%;
      height: 100%;
      color: #333;
      line-height: 65px;
      font-size: 18px;
      background: #f5f5f3;
      border: 0px; }
  .win-graduated .input2 + .input2 {
    margin-bottom: 23px; }
  .win-graduated .button {
    cursor: pointer;
    margin: 0 auto;
    width: 440px;
    height: 65px;
    font-size: 26px;
    line-height: 65px;
    color: #FFF;
    display: block;
    border: 0px;
    background: #b7060f;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease; }
    .win-graduated .button:hover {
      opacity: .7; }

@media screen and (max-width: 1441px) {
  .header-nav .wp > li > a {
    height: 60px;
    line-height: 60px; } }

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

.banner {
  width: 100%;
  overflow: hidden; }
  .banner .swiper-slide {
    width: 100%;
    position: relative;
    background-position: center center;
    background-size: cover; }
    .banner .swiper-slide .video-btn:before {
      opacity: 1;
      content: "";
      display: block;
      background: url(../images/player2.png) no-repeat center center;
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: 10;
      -webkit-transform: scale(1, 1);
         -moz-transform: scale(1, 1);
          -ms-transform: scale(1, 1);
              transform: scale(1, 1);
      -webkit-transition: all .5s ease-in-out;
      -moz-transition: all .5s ease-in-out;
      transition: all .5s ease-in-out; }
    .banner .swiper-slide .video-btn:after {
      opacity: 1;
      content: "";
      display: block;
      background: url(../images/player3.png) no-repeat center center;
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: 10;
      top: 0%;
      left: 0%;
      -webkit-transform: rotate(0deg) rotate(0, 0);
         -moz-transform: rotate(0deg) rotate(0, 0);
          -ms-transform: rotate(0deg) rotate(0, 0);
              transform: rotate(0deg) rotate(0, 0);
      -webkit-transition: all .5s ease-in-out;
      -moz-transition: all .5s ease-in-out;
      transition: all .5s ease-in-out; }
    .banner .swiper-slide .video-btn:hover:after {
      opacity: 1;
      background: url(../images/player1.png) no-repeat center center;
      -webkit-transform: rotate(0deg) rotate(1, 1);
         -moz-transform: rotate(0deg) rotate(1, 1);
          -ms-transform: rotate(0deg) rotate(1, 1);
              transform: rotate(0deg) rotate(1, 1);
      -webkit-animation: rotation 1s linear infinite;
         -moz-animation: rotation 1s linear infinite;
              animation: rotation 1s linear infinite; }
    .banner .swiper-slide a {
      display: block;
      width: 100%;
      padding-bottom: 37.8125%;
      height: 100%; }
  .banner .swiper-pagination {
    bottom: 30px; }
    .banner .swiper-pagination span {
      vertical-align: top;
      opacity: 1;
      background: #FFF; }
    .banner .swiper-pagination .swiper-pagination-bullet-active {
      background: #0b903f; }

.video-box {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 3333; }
  .video-box > div {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 800px; }
  .video-box .btn {
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 42px;
    height: 42px;
    background-size: 100% 100%;
    background-image: url(../images/x.png); }

.common-title {
  height: 180px;
  width: 100%;
  font-size: 0;
  padding-top: 90px;
  -moz-box-sizing: border-box;
       box-sizing: border-box; }
  .common-title .title {
    line-height: 36px; }
    .common-title .title .h1 {
      display: inline-block;
      vertical-align: middle;
      font-size: 27px;
      color: #3C3C3C;
      position: relative;
      padding-right: 13px;
      margin-right: 5px; }
      .common-title .title .h1 i {
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -10.5px;
        width: 5px;
        height: 5px;
        background: #414141; }
        .common-title .title .h1 i:after {
          content: "";
          position: absolute;
          right: 0;
          top: 8px;
          width: 5px;
          height: 15px;
          background: #BC0009; }
    .common-title .title .h2 {
      margin-top: 6px;
      display: inline-block;
      vertical-align: middle;
      font-size: 27px;
      color: #3C3C3C;
      font-family: "Conv_DidotLTStd-Roman";
      font-weight: bold; }
  .common-title .more a {
    display: block;
    width: 128px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #0E0E0E;
    text-align: center;
    border: 1px solid #0E0E0E;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .common-title .more:hover {
    background: #0b903f;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .common-title .more:hover a {
      border-color: #0b903f;
      color: #fff; }

.common-1 .switch-product {
  position: relative;
  height: 714px;
  width: 100%;
  padding-left: 242px;
  -moz-box-sizing: border-box;
       box-sizing: border-box; }
  .common-1 .switch-product .switch-product-box {
    position: relative; }
    .common-1 .switch-product .switch-product-box > .swiper-container {
      visibility: hidden;
      position: absolute;
      width: 100%;
      left: 0;
      top: 0; }
    .common-1 .switch-product .switch-product-box > .active {
      visibility: visible; }
  .common-1 .switch-product .swiper-pagination {
    width: 190px;
    right: 90px;
    bottom: 306px;
    left: auto; }
    .common-1 .switch-product .swiper-pagination span {
      width: 8px;
      height: 8px;
      background: #5B5B5B;
      -moz-box-sizing: border-box;
           box-sizing: border-box;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      transition: all 0.3s ease; }
    .common-1 .switch-product .swiper-pagination .swiper-pagination-bullet-active {
      background: #9E040D; }
  .common-1 .switch-product a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative; }
  .common-1 .switch-product .left {
    width: 100%;
    height: 714px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat; }
  .common-1 .switch-product .right {
    position: absolute;
    padding: 0 20px;
    padding-right: 90px;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    height: 714px;
    right: 0;
    width: 300px;
    top: 0;
    background: rgba(0, 0, 0, 0.6);
    text-align: center;
    font-size: 0; }
    .common-1 .switch-product .right > div {
      display: inline-block;
      vertical-align: top;
      width: 100%; }
    .common-1 .switch-product .right h1 {
      padding-top: 250px;
      color: #FFF;
      font-size: 26px;
      margin-bottom: 6px; }
    .common-1 .switch-product .right h3 {
      margin-bottom: 9px;
      color: #FFF;
      font-size: 18px;
      font-weight: bold;
      font-family: "Conv_DidotLTStd-Roman"; }
    .common-1 .switch-product .right .p {
      color: #717070;
      font-size: 14px;
      line-height: 25px;
      height: 50px;
      overflow: hidden; }

.common-1 .switch-product-btn {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 222;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 242px; }
  .common-1 .switch-product-btn .swiper-container {
    height: 100%;
    background: #F7F7F7;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    border-bottom: 1px solid #DEDEDE;
    border-top: 1px solid #DEDEDE; }
    .common-1 .switch-product-btn .swiper-container:hover .btn-top {
      -webkit-transform: translate(0, 0);
         -moz-transform: translate(0, 0);
          -ms-transform: translate(0, 0);
              transform: translate(0, 0); }
    .common-1 .switch-product-btn .swiper-container:hover .btn-bottom {
      -webkit-transform: translate(0, 0);
         -moz-transform: translate(0, 0);
          -ms-transform: translate(0, 0);
              transform: translate(0, 0); }
    .common-1 .switch-product-btn .swiper-container .btn-top {
      overflow: hidden;
      z-index: 111;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 30px;
      border: 0;
      background: rgba(0, 0, 0, 0.15);
      cursor: pointer;
      -webkit-transform: translate(0, -100%);
         -moz-transform: translate(0, -100%);
          -ms-transform: translate(0, -100%);
              transform: translate(0, -100%);
      -webkit-transition: all .5s ease;
      -moz-transition: all .5s ease;
      transition: all .5s ease; }
      .common-1 .switch-product-btn .swiper-container .btn-top img {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%) rotate(-90deg);
           -moz-transform: translate(-50%, -50%) rotate(-90deg);
            -ms-transform: translate(-50%, -50%) rotate(-90deg);
                transform: translate(-50%, -50%) rotate(-90deg); }
    .common-1 .switch-product-btn .swiper-container .btn-bottom {
      -webkit-transform: translate(0, 100%);
         -moz-transform: translate(0, 100%);
          -ms-transform: translate(0, 100%);
              transform: translate(0, 100%);
      -webkit-transition: all .5s ease;
      -moz-transition: all .5s ease;
      transition: all .5s ease;
      overflow: hidden;
      z-index: 111;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 30px;
      border: 0;
      background: rgba(0, 0, 0, 0.15);
      cursor: pointer; }
      .common-1 .switch-product-btn .swiper-container .btn-bottom img {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%) rotate(90deg);
           -moz-transform: translate(-50%, -50%) rotate(90deg);
            -ms-transform: translate(-50%, -50%) rotate(90deg);
                transform: translate(-50%, -50%) rotate(90deg); }
    .common-1 .switch-product-btn .swiper-container a {
      display: block;
      -moz-box-sizing: border-box;
           box-sizing: border-box;
      width: 242px;
      text-align: center;
      line-height: 102px;
      border-bottom: 1px solid #DEDEDE;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .common-1 .switch-product-btn .swiper-container a span {
        position: relative; }
        .common-1 .switch-product-btn .swiper-container a span:after {
          content: "";
          position: absolute;
          left: -36px;
          top: 50%;
          margin-top: -0.5px;
          width: 16px;
          height: 1px;
          background: #FFF;
          -webkit-transition: all 0.6s ease;
          -moz-transition: all 0.6s ease;
          transition: all 0.6s ease;
          -webkit-transform: translate(-20px, 0);
             -moz-transform: translate(-20px, 0);
              -ms-transform: translate(-20px, 0);
                  transform: translate(-20px, 0); }
        .common-1 .switch-product-btn .swiper-container a span:before {
          content: "";
          position: absolute;
          right: -36px;
          top: 50%;
          margin-top: -0.5px;
          width: 16px;
          height: 1px;
          background: #FFF;
          -webkit-transition: all 0.6s ease;
          -moz-transition: all 0.6s ease;
          transition: all 0.6s ease;
          -webkit-transform: translate(20px, 0);
             -moz-transform: translate(20px, 0);
              -ms-transform: translate(20px, 0);
                  transform: translate(20px, 0); }
    .common-1 .switch-product-btn .swiper-container .active a {
      background: #141414;
      color: #FFF; }
      .common-1 .switch-product-btn .swiper-container .active a span:after {
        background: #C8000A;
        -webkit-transform: translate(0, 0);
           -moz-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
                transform: translate(0, 0); }
      .common-1 .switch-product-btn .swiper-container .active a span:before {
        background: #C8000A;
        -webkit-transform: translate(0, 0);
           -moz-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
                transform: translate(0, 0); }
    .common-1 .switch-product-btn .swiper-container .swiper-slide:hover a {
      background: #141414;
      color: #FFF; }
      .common-1 .switch-product-btn .swiper-container .swiper-slide:hover a span:after {
        background: #C8000A;
        -webkit-transform: translate(0, 0);
           -moz-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
                transform: translate(0, 0); }
      .common-1 .switch-product-btn .swiper-container .swiper-slide:hover a span:before {
        background: #C8000A;
        -webkit-transform: translate(0, 0);
           -moz-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
                transform: translate(0, 0); }
  .common-1 .switch-product-btn .btn {
    margin-left: 242px;
    position: relative;
    z-index: 222;
    height: 100%; }
    .common-1 .switch-product-btn .btn a {
      display: block;
      width: 30px;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.15);
      overflow: hidden;
      position: relative; }
      .common-1 .switch-product-btn .btn a .icon {
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
           -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        width: 13px;
        height: 13px;
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url(../images/icon-10.png); }
      .common-1 .switch-product-btn .btn a .rotate {
        -webkit-transform: rotate(180deg);
           -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
                transform: rotate(180deg); }

.common-1 .switch-left {
  -webkit-transform: translate(-242px, 0);
     -moz-transform: translate(-242px, 0);
      -ms-transform: translate(-242px, 0);
          transform: translate(-242px, 0); }

.common-2 {
  background: #F0F0F0;
  padding-bottom: 124px; }
  .common-2 .about-holike .left {
    width: 835px; }
    .common-2 .about-holike .left .swiper-slide a {
      display: block;
      width: 100%;
      height: 100%; }
      .common-2 .about-holike .left .swiper-slide a:hover .introduce {
        -webkit-transform: translate(10px, 0);
           -moz-transform: translate(10px, 0);
            -ms-transform: translate(10px, 0);
                transform: translate(10px, 0); }
        .common-2 .about-holike .left .swiper-slide a:hover .introduce .more-btn {
          opacity: 1;
          -webkit-transform: translate(0, 0);
             -moz-transform: translate(0, 0);
              -ms-transform: translate(0, 0);
                  transform: translate(0, 0); }
    .common-2 .about-holike .left .swiper-slide .introduce {
      z-index: 22;
      box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
      position: absolute;
      top: 50%;
      left: 0;
      width: 296px;
      height: 343px;
      margin-top: -171.5px;
      background: #FFF;
      padding: 65px 46px 0;
      -moz-box-sizing: border-box;
           box-sizing: border-box;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      transition: all 0.5s ease; }
      .common-2 .about-holike .left .swiper-slide .introduce h1 {
        font-size: 20px;
        color: #000;
        margin-bottom: 4px; }
      .common-2 .about-holike .left .swiper-slide .introduce h3 {
        font-size: 14px;
        color: rgba(51, 51, 51, 0.4); }
      .common-2 .about-holike .left .swiper-slide .introduce .icon {
        margin: 12px 0;
        display: block;
        width: 100%;
        height: 1px;
        border-top: 1px dashed rgba(0, 0, 0, 0.3); }
      .common-2 .about-holike .left .swiper-slide .introduce .p {
        width: 100%;
        color: #666;
        font-size: 14px;
        line-height: 28px;
        height: 112px;
        overflow: hidden; }
      .common-2 .about-holike .left .swiper-slide .introduce .btn {
        width: 34px;
        height: 92px;
        line-height: 92px;
        text-align: center;
        position: absolute;
        right: -34px;
        top: 50%;
        margin-top: -46px;
        background: #BE000A; }
        .common-2 .about-holike .left .swiper-slide .introduce .btn img {
          vertical-align: middle; }
      .common-2 .about-holike .left .swiper-slide .introduce .more-btn {
        margin-top: 20px;
        font-size: 14px;
        color: #141414;
        text-align: right;
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        transition: all .4s ease;
        opacity: 0;
        -webkit-backface-visibility: hidden;
           -moz-backface-visibility: hidden;
                backface-visibility: hidden;
        -webkit-transform: translate(-30px, 0);
           -moz-transform: translate(-30px, 0);
            -ms-transform: translate(-30px, 0);
                transform: translate(-30px, 0); }
        .common-2 .about-holike .left .swiper-slide .introduce .more-btn span {
          margin-top: -4px;
          margin-left: 15px;
          display: inline-block;
          vertical-align: middle;
          width: 13px;
          height: 13px;
          background-repeat: no-repeat;
          background-position: center center;
          background-image: url(../images/icon-29.png); }
    .common-2 .about-holike .left .swiper-slide .img {
      margin-left: 117px;
      width: 718px;
      height: 514px; }
      .common-2 .about-holike .left .swiper-slide .img img {
        width: 100%;
        height: 100%; }
  .common-2 .about-holike .right {
    margin-left: 845px; }
    .common-2 .about-holike .right .li {
      cursor: pointer;
      position: relative;
      width: 100%;
      height: 164px;
      margin-bottom: 10px;
      background: #FFF;
      -moz-box-sizing: border-box;
           box-sizing: border-box;
      font-size: 0;
      padding-top: 45px;
      padding-left: 70px;
      -webkit-transition: all .3s ease;
      -moz-transition: all .3s ease;
      transition: all .3s ease; }
      .common-2 .about-holike .right .li a {
        display: block;
        width: 100%;
        height: 100%; }
      .common-2 .about-holike .right .li .img {
        display: inline-block;
        vertical-align: top;
        width: 74px;
        height: 74px;
        border-radius: 50%;
        border: 1px solid #777;
        overflow: hidden;
        position: relative;
        -moz-box-sizing: border-box;
             box-sizing: border-box;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        .common-2 .about-holike .right .li .img img {
          z-index: 222;
          position: absolute;
          left: 50%;
          top: 50%;
          -webkit-transform: translate(-50%, -50%);
             -moz-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          -webkit-transition: all 0.5s ease;
          -moz-transition: all 0.5s ease;
          transition: all 0.5s ease; }
        .common-2 .about-holike .right .li .img img + img {
          -webkit-transform: translate(-50%, -150%);
             -moz-transform: translate(-50%, -150%);
              -ms-transform: translate(-50%, -150%);
                  transform: translate(-50%, -150%); }
      .common-2 .about-holike .right .li .title {
        display: inline-block;
        vertical-align: top;
        margin-left: 26px;
        margin-top: 16px; }
        .common-2 .about-holike .right .li .title h1 {
          font-size: 18px;
          color: #444;
          margin-bottom: 5px; }
        .common-2 .about-holike .right .li .title h2 {
          font-size: 14px;
          color: rgba(51, 51, 51, 0.5); }
      .common-2 .about-holike .right .li:after {
        position: absolute;
        content: "";
        left: 0;
        bottom: 0;
        width: 0;
        height: 2px;
        background: #333;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease; }
      .common-2 .about-holike .right .li:before {
        position: absolute;
        content: "";
        right: 0;
        bottom: 0;
        width: 0;
        height: 2px;
        background: #0b903f;
        -webkit-transition: all 0.6s ease;
        -moz-transition: all 0.6s ease;
        transition: all 0.6s ease; }
      .common-2 .about-holike .right .li:hover {
        box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1); }
        .common-2 .about-holike .right .li:hover .img {
          border-color: #0b903f;
          background: #0b903f; }
          .common-2 .about-holike .right .li:hover .img img {
            -webkit-transform: translate(-50%, 150%);
               -moz-transform: translate(-50%, 150%);
                -ms-transform: translate(-50%, 150%);
                    transform: translate(-50%, 150%); }
          .common-2 .about-holike .right .li:hover .img img + img {
            -webkit-transform: translate(-50%, -50%);
               -moz-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%); }
          .common-2 .about-holike .right .li:hover .img .img-bottom {
            opacity: 0;
            -webkit-transition: all 0s ease;
            -moz-transition: all 0s ease;
            transition: all 0s ease; }
        .common-2 .about-holike .right .li:hover:after {
          width: 25px; }
        .common-2 .about-holike .right .li:hover:before {
          width: 323px; }
    .common-2 .about-holike .right .active {
      box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1); }
      .common-2 .about-holike .right .active .img {
        border-color: #0b903f;
        background: #0b903f; }
        .common-2 .about-holike .right .active .img img {
          -webkit-transform: translate(-50%, 150%);
             -moz-transform: translate(-50%, 150%);
              -ms-transform: translate(-50%, 150%);
                  transform: translate(-50%, 150%); }
        .common-2 .about-holike .right .active .img img + img {
          -webkit-transform: translate(-50%, -50%);
             -moz-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%); }
      .common-2 .about-holike .right .active:after {
        width: 25px; }
      .common-2 .about-holike .right .active:before {
        width: 323px; }
    .common-2 .about-holike .right .li:last-child {
      margin-bottom: 0; }

.common-3 {
  padding-bottom: 124px; }
  .common-3 .information-centre .left {
    height: 536px;
    background: #EFEFEF;
    position: relative; }
    .common-3 .information-centre .left a {
      display: block; }
      .common-3 .information-centre .left a:hover .nr {
        -webkit-transform: translate(0, -15px);
           -moz-transform: translate(0, -15px);
            -ms-transform: translate(0, -15px);
                transform: translate(0, -15px); }
        .common-3 .information-centre .left a:hover .nr:after {
          width: 29px; }
        .common-3 .information-centre .left a:hover .nr:before {
          width: 414px; }
        .common-3 .information-centre .left a:hover .nr .more-btn {
          opacity: 1;
          -webkit-transform: translate(0, 0);
             -moz-transform: translate(0, 0);
              -ms-transform: translate(0, 0);
                  transform: translate(0, 0); }
    .common-3 .information-centre .left .img {
      width: 532px;
      height: 319px; }
      .common-3 .information-centre .left .img img {
        width: 100%;
        height: 100%; }
    .common-3 .information-centre .left .nr {
      position: absolute;
      width: 450px;
      height: 225px;
      top: 267px;
      left: 50%;
      margin-left: -225px;
      background: #FFF;
      box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.15);
      padding: 30px 45px 0;
      -moz-box-sizing: border-box;
           box-sizing: border-box;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      transition: all 0.5s ease; }
      .common-3 .information-centre .left .nr:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 0;
        height: 2px;
        background: #333;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease; }
      .common-3 .information-centre .left .nr:before {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        width: 0;
        height: 2px;
        background: #C3000B;
        -webkit-transition: all 0.6s ease;
        -moz-transition: all 0.6s ease;
        transition: all 0.6s ease; }
      .common-3 .information-centre .left .nr h1 {
        font-size: 16px;
        color: #333;
        line-height: 50px;
        height: 50px;
        width: 100%;
        overflow: hidden;
        border-bottom: 1px dashed rgba(136, 136, 136, 0.3);
        margin-bottom: 13px; }
      .common-3 .information-centre .left .nr .p {
        font-size: 12px;
        color: #888;
        line-height: 25px;
        height: 50px;
        overflow: hidden;
        margin-bottom: 18px; }
      .common-3 .information-centre .left .nr .time {
        font-size: 14px;
        color: #555;
        font-family: "Arial"; }
      .common-3 .information-centre .left .nr .more-btn {
        position: absolute;
        right: 51px;
        bottom: 48px;
        font-size: 14px;
        color: #141414;
        text-align: right;
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        transition: all .4s ease;
        opacity: 0;
        -webkit-backface-visibility: hidden;
           -moz-backface-visibility: hidden;
                backface-visibility: hidden;
        -webkit-transform: translate(-30px, 0);
           -moz-transform: translate(-30px, 0);
            -ms-transform: translate(-30px, 0);
                transform: translate(-30px, 0); }
        .common-3 .information-centre .left .nr .more-btn span {
          margin-top: -4px;
          margin-left: 15px;
          display: inline-block;
          vertical-align: middle;
          width: 13px;
          height: 13px;
          background-repeat: no-repeat;
          background-position: center center;
          background-image: url(../images/icon-29.png); }
 

.common-4 {
  background: #F0F0F0;
  padding-bottom: 124px; }
  .common-4 .join-us .left {
    font-size: 0;
    width: 800px;
    background: #FFF; }
    .common-4 .join-us .left a {
      display: block; }
      .common-4 .join-us .left a:hover .img img {
        -webkit-transform: rotateY(90deg);
           -moz-transform: rotateY(90deg);
                transform: rotateY(90deg); }
      .common-4 .join-us .left a:hover .img img + img {
        -webkit-transform: rotateY(180deg);
           -moz-transform: rotateY(180deg);
                transform: rotateY(180deg); }
      .common-4 .join-us .left a:hover .nr h1 {
        color: #0b903f; }
    .common-4 .join-us .left .img {
      vertical-align: top;
      display: inline-block;
      width: 380px;
      height: 388px;
      overflow: hidden;
      position: relative; }
      .common-4 .join-us .left .img img {
        position: absolute;
        left: 0;
        top: 0;
        -webkit-transition: all .5s ease;
        -moz-transition: all .5s ease;
        transition: all .5s ease;
        width: 100%;
        height: 100%; }
      .common-4 .join-us .left .img img + img {
        -webkit-transform: rotateY(90deg);
           -moz-transform: rotateY(90deg);
                transform: rotateY(90deg); }
    .common-4 .join-us .left .nr {
      vertical-align: top;
      display: inline-block;
      width: 420px;
      padding: 95px 60px 0;
      -moz-box-sizing: border-box;
           box-sizing: border-box; }
      .common-4 .join-us .left .nr .title {
        line-height: 50px; }
      .common-4 .join-us .left .nr h1 {
        display: inline-block;
        vertical-align: top;
        font-size: 24px;
        color: #333; }
      .common-4 .join-us .left .nr h3 {
        display: inline-block;
        vertical-align: top;
        font-size: 16px;
        color: rgba(51, 51, 51, 0.5);
        font-family: "Arial";
        margin-top: 12px;
        margin-left: 6px; }
      .common-4 .join-us .left .nr .p {
        font-size: 14px;
        color: #777;
        line-height: 28px;
        height: 112px;
        overflow: hidden; }
  .common-4 .join-us .right {
    margin-left: 800px; }
    .common-4 .join-us .right .li {
      width: 100%;
      height: 195px;
      background: #F7F7F7;
      font-size: 0; }
      .common-4 .join-us .right .li a {
        display: block; }
        .common-4 .join-us .right .li a:hover .img img {
          -webkit-transform: rotateY(90deg);
             -moz-transform: rotateY(90deg);
                  transform: rotateY(90deg); }
        .common-4 .join-us .right .li a:hover .img img + img {
          -webkit-transform: rotateY(180deg);
             -moz-transform: rotateY(180deg);
                  transform: rotateY(180deg); }
        .common-4 .join-us .right .li a:hover .title h1 {
          color: #0b903f; }
      .common-4 .join-us .right .li .img {
        display: inline-block;
        vertical-align: top;
        width: 50%;
        height: 195px;
        position: relative; }
        .common-4 .join-us .right .li .img img {
          -webkit-transition: all 0.5s ease;
          -moz-transition: all 0.5s ease;
          transition: all 0.5s ease;
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%; }
        .common-4 .join-us .right .li .img img + img {
          -webkit-transform: rotateY(90deg);
             -moz-transform: rotateY(90deg);
                  transform: rotateY(90deg); }
      .common-4 .join-us .right .li .title {
        display: inline-block;
        vertical-align: top;
        text-align: center;
        width: 50%; }
        .common-4 .join-us .right .li .title h1 {
          font-size: 18px;
          color: #333;
          margin-top: 72px;
          margin-bottom: 4px; }
        .common-4 .join-us .right .li .title h2 {
          font-family: "Arial";
          font-size: 14px;
          color: rgba(51, 51, 51, 0.5); }
    .common-4 .join-us .right .li + .li {
      background: #FFF; }

@media screen and (max-width: 1441px) {
  .common-1 .switch-product .right {
    height: 508px; }
  .common-1 .switch-product .left {
    height: 508px; }
  .common-1 .switch-product .right h1 {
    padding-top: 158px; }
  .common-1 .switch-product .swiper-pagination {
    bottom: 186px; }
  .common-1 .switch-product {
    height: 508px; }
  .common-1 .switch-product-btn .swiper-container a {
    line-height: 72px; } }

.web-box {
  background-color: #F4F4F4; }

.product-banner {
  width: 100%;
  height: 115px;
  background-size: cover;
  background-position: center center; }
  .product-banner .wp {
    position: relative;
    height: 100%; }
  .product-banner .product {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -160px; }
    .product-banner .product .product-nav {
      width: 100%;
      height: 67px;
      padding: 0 40px;
      background: #343434;
      -moz-box-sizing: border-box;
           box-sizing: border-box; }
      .product-banner .product .product-nav:hover .swiper-button-prev {
        display: block; }
      .product-banner .product .product-nav:hover .swiper-button-next {
        display: block; }
      .product-banner .product .product-nav .swiper-button-prev {
        width: 40px;
        height: 67px;
        left: 0;
        margin: 0;
        top: 25px;
        background-image: url(../images/icon-10.png);
        background-position: center center;
        background-size: 13px 13px;
        background-repeat: no-repeat;
        -webkit-transform: rotate(180deg);
           -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
                transform: rotate(180deg);
        opacity: 1;
        display: none; }
      .product-banner .product .product-nav .swiper-button-next {
        display: none;
        opacity: 1;
        margin: 0;
        right: 0;
        top: 25px;
        width: 40px;
        height: 67px;
        background-image: url(../images/icon-10.png);
        background-position: center center;
        background-size: 13px 13px;
        background-repeat: no-repeat; }
    .product-banner .product .swiper-container .swiper-slide {
      width: auto !important; }
      .product-banner .product .swiper-container .swiper-slide a {
        display: block;
        padding: 0 36px;
        height: 100%;
        line-height: 67px;
        text-align: center;
        font-size: 14px;
        color: #FFF;
        position: relative; }
        .product-banner .product .swiper-container .swiper-slide a:hover {
          color: #0b903f; }
      .product-banner .product .swiper-container .swiper-slide .active {
        color: #0b903f; }
    .product-banner .product .swiper-container .swiper-slide + .swiper-slide a:after {
      position: absolute;
      content: "";
      left: 0;
      top: 50%;
      width: 1px;
      height: 11px;
      background: #525252;
      margin-top: -5.5px; }
    .product-banner .product .product-nav-nr {
      width: 100%;
      height: 190px;
      background: #FFF;
      line-height: 190px;
      box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.09); }
      .product-banner .product .product-nav-nr .left {
        width: 240px;
        text-align: center;
        position: relative; }
        .product-banner .product .product-nav-nr .left:after {
          content: "";
          position: absolute;
          right: 0;
          top: 50%;
          margin-top: -50px;
          width: 1px;
          height: 100px;
          background: #CCC; }
        .product-banner .product .product-nav-nr .left > div {
          display: inline-block;
          vertical-align: middle;
          line-height: 1.2;
          padding: 0 10px;
          -moz-box-sizing: border-box;
               box-sizing: border-box;
          width: 100%; }
          .product-banner .product .product-nav-nr .left > div h1 {
            color: #000;
            font-size: 22px;
            position: relative;
            padding-left: 10px;
            vertical-align: top;
            display: inline-block; }
            .product-banner .product .product-nav-nr .left > div h1 .icon {
              left: 0;
              top: 5px;
              position: absolute;
              width: 4px;
              height: 20px;
              background-size: 100% 100%;
              background-image: url(../images/icon-14.png);
              background-repeat: no-repeat; }
          .product-banner .product .product-nav-nr .left > div h3 {
            color: #B4B4B4;
            font-size: 12px;
            font-family: "Arial"; }
      .product-banner .product .product-nav-nr .nr {
        margin-left: 240px;
        padding: 0 135px 0 60px;
        height: 190px;
        -moz-box-sizing: border-box;
             box-sizing: border-box; }
        .product-banner .product .product-nav-nr .nr .p {
          display: inline-block;
          vertical-align: middle;
          font-size: 13px;
          color: #666;
          line-height: 28px;
          max-height: 140px;
          overflow: hidden;
          width: 100%; }

.product-list {

  width: 1228px;
  margin: 0 auto 6px auto; }
  .product-list li {
    width: 49%;
    padding: 0 14px;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    float: left;
    margin-bottom: 36px; }
    .product-list li a {
      display: block;
      width: 100%;
      height: 100%;
      background: #FFF;
      box-shadow: 1px 5px 20px 0px rgba(0, 0, 0, 0.05);
      -webkit-transition: all .6s ease;
      -moz-transition: all .6s ease;
      transition: all .6s ease; }
      .product-list li a:hover {
        -webkit-transform: translate(0, -6px);
           -moz-transform: translate(0, -6px);
            -ms-transform: translate(0, -6px);
                transform: translate(0, -6px); }
        .product-list li a:hover .nr h1 {
          color: #0b903f; }
        .product-list li a:hover .nr .btn {
          background: #141414;
          color: #FFF;
          border-color: #141414; }
    .product-list li .left {
      width: 390px; }
      .product-list li .left .img {
        width: 100%;
        position: relative;
        padding-bottom: 67.69231%; }
        .product-list li .left .img img {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%; }
    .product-list li .nr {
      margin-left: 390px;
      text-align: center;
      padding: 45px 28px 0; }
      .product-list li .nr h1 {
        border-bottom: 1px dashed #B1B1B1;
        line-height: 50px;
        width: 100%;
        overflow: hidden;
        height: 50px;
        font-size: 20px;
        color: #333;
        margin-bottom: 70px;
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        transition: all .4s ease; }
      .product-list li .nr .btn {
        display: inline-block;
        vertical-align: top;
        width: 80px;
        height: 28px;
        line-height: 17px;
        font-size: 12px;
        color: #555;
        background: #F4F4F4;
        border: 1px solid #CCC;
        -moz-box-sizing: border-box;
             box-sizing: border-box;
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        transition: all .4s ease;
        position: relative; }

@-moz-document url-prefix() {
  .web-box .product-details-box .wp .nr .product-details-left .swiper-container .swiper-wrapper .swiper-slide {
    padding-bottom: 100px; } }

.product-details-box {
  height: 1070px;
  width: 100%;
  padding-top: 62px;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  background-color: #DDD8D2;
  position: relative; }
  .product-details-box:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 492px;
    height: 100%;
    background-image: url(../images/bg-2.jpg);
    background-repeat: no-repeat; }
  .product-details-box:before {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: 492px;
    height: 100%;
    background-image: url(../images/bg-1.jpg);
    background-repeat: no-repeat; }
  .product-details-box > .wp {
    position: relative;
    z-index: 22; }
    .product-details-box > .wp > .nr {
      background: #FFF;
      box-shadow: 0px 7px 20px 1px rgba(0, 0, 0, 0.19); }
  .product-details-box .product-details-left {
    height: 687px;
    background: #FFF;
    padding-top: 32px;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    width: 100%; }
    .product-details-box .product-details-left > div {
      float: right;
      width: 194px;
      height: 100%;
      padding-left: 0px;
      padding-right: 44px;
      -moz-box-sizing: border-box;
           box-sizing: border-box;
      position: relative; }
      .product-details-box .product-details-left > div:hover .swiper-button-prev {
        display: block; }
      .product-details-box .product-details-left > div:hover .swiper-button-next {
        display: block; }
      .product-details-box .product-details-left > div .swiper-button-prev {
        width: 150px;
        height: 20px;
        left: 0px;
        margin: 0;
        top: 0;
        background-image: url(../images/icon-28.png);
        background-position: center center;
        background-size: 13px 13px;
        background-repeat: no-repeat;
        background-color: rgba(0, 0, 0, 0.4);
        opacity: 1;
        display: none; }
      .product-details-box .product-details-left > div .swiper-button-next {
        display: none;
        opacity: 1;
        top: auto;
        margin: 0;
        left: 0px;
        bottom: 0;
        width: 150px;
        height: 20px;
        background-image: url(../images/icon-28.png);
        background-position: center center;
        background-size: 13px 13px;
        background-repeat: no-repeat;
        -webkit-transform: rotate(180deg);
           -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
                transform: rotate(180deg);
        background-color: rgba(0, 0, 0, 0.4); }
      .product-details-box .product-details-left > div .swiper-container {
        height: 100%; }
      .product-details-box .product-details-left > div .swiper-slide {
        width: 100%;
        padding-bottom: 68%;
        position: relative;
        height: 0 !important;
        cursor: pointer; }
        .product-details-box .product-details-left > div .swiper-slide img {
          width: 100%;
          height: 100%;
          position: absolute; }
        .product-details-box .product-details-left > div .swiper-slide .check {
          display: none;
          position: absolute;
          width: 100%;
          height: 100%;
          -moz-box-sizing: border-box;
               box-sizing: border-box;
          border: 3px solid #0b903f;
          border-radius: 4px; }
  .product-details-box .product-details-nr {
    width: 100%;
    height: 252px;
    position: relative; }
    .product-details-box .product-details-nr > li {
      position: absolute;
      left: 0;
      width: 100%;
      top: 0;
      opacity: 0;
      -webkit-transition: all .5s ease;
      -moz-transition: all .5s ease;
      transition: all .5s ease; }
    .product-details-box .product-details-nr .li-on:nth-child(1) .top-img {
      cursor: pointer; }
      .product-details-box .product-details-nr .li-on:nth-child(1) .top-img:before {
        opacity: 1;
        content: "";
        display: block;
        background: url(../images/player2.png) no-repeat center center;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 10;
        -webkit-transform: scale(1, 1);
           -moz-transform: scale(1, 1);
            -ms-transform: scale(1, 1);
                transform: scale(1, 1);
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out; }
      .product-details-box .product-details-nr .li-on:nth-child(1) .top-img:after {
        opacity: 1;
        content: "";
        display: block;
        background: url(../images/player3.png) no-repeat center center;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 10;
        top: 0%;
        left: 0%;
        -webkit-transform: rotate(0deg) rotate(0, 0);
           -moz-transform: rotate(0deg) rotate(0, 0);
            -ms-transform: rotate(0deg) rotate(0, 0);
                transform: rotate(0deg) rotate(0, 0);
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out; }
      .product-details-box .product-details-nr .li-on:nth-child(1) .top-img:hover:after {
        opacity: 1;
        background: url(../images/player1.png) no-repeat center center;
        -webkit-transform: rotate(0deg) rotate(1, 1);
           -moz-transform: rotate(0deg) rotate(1, 1);
            -ms-transform: rotate(0deg) rotate(1, 1);
                transform: rotate(0deg) rotate(1, 1);
        -webkit-animation: rotation 1s linear infinite;
           -moz-animation: rotation 1s linear infinite;
                animation: rotation 1s linear infinite; }
    .product-details-box .product-details-nr > .active {
      opacity: 1; }
    .product-details-box .product-details-nr .top-img, .product-details-box .product-details-nr .top-video {
      position: absolute;
      top: -654px;
      right: 203px;
      left: 36px;
      bottom: 255px; }
      .product-details-box .product-details-nr .top-img img, .product-details-box .product-details-nr .top-img .video, .product-details-box .product-details-nr .top-img video, .product-details-box .product-details-nr .top-video img, .product-details-box .product-details-nr .top-video .video, .product-details-box .product-details-nr .top-video video {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%; }
    .product-details-box .product-details-nr .top-video {
      display: none;
      z-index: 100; }
      .product-details-box .product-details-nr .top-video .video > div {
        width: 100%;
        height: 100%; }
  .product-details-box .product-introduce {
    width: 100%;
    height: 252px;
    background: #FFF;
    line-height: 252px; }
    .product-details-box .product-introduce .left {
      width: 238px;
      text-align: center;
      position: relative;
      padding-left: 50px;
      -moz-box-sizing: border-box;
           box-sizing: border-box;
      padding-right: 10px; }
      .product-details-box .product-introduce .left:after {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -50px;
        width: 1px;
        height: 100px;
        background: #CCC; }
      .product-details-box .product-introduce .left > div {
        display: inline-block;
        vertical-align: middle;
        line-height: 1.2; }
        .product-details-box .product-introduce .left > div h1 {
          color: #000;
          font-size: 22px;
          position: relative;
          text-align: left;
          padding-left: 10px; }
          .product-details-box .product-introduce .left > div h1 .icon {
            left: 0;
            top: 5px;
            position: absolute;
            width: 4px;
            height: 20px;
            background-size: 100% 100%;
            background-image: url(../images/icon-14.png);
            background-repeat: no-repeat; }
    .product-details-box .product-introduce .nr {
      margin-left: 240px;
      padding: 0 94px 0 35px;
      height: 190px;
      -moz-box-sizing: border-box;
           box-sizing: border-box; }
      .product-details-box .product-introduce .nr .p {
        display: inline-block;
        vertical-align: middle;
        font-size: 13px;
        color: #777;
        line-height: 30px;
        max-height: 120px;
        overflow: hidden;
        width: 100%; }

.product-nav {
  margin-top: 25px;
  height: 120px;
  background-color: #fff;
  font-size: 0; }
  .product-nav .left,
  .product-nav .right {
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    display: inline-block;
    width: 50%;
    padding-top: 20px;
    padding-bottom: 20px;
    border-right: 1px solid #e5e5e5;
    text-align: center; }
    .product-nav .left .icon,
    .product-nav .right .icon {
      position: relative;
      -moz-box-sizing: border-box;
           box-sizing: border-box;
      display: inline-block;
      width: 80px;
      height: 80px;
      border-radius: 50%;
      border: 2px solid #1d1d1d;
      vertical-align: middle; }
      .product-nav .left .icon img,
      .product-nav .right .icon img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
           -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
    .product-nav .left .desc,
    .product-nav .right .desc {
      display: inline-block;
      margin-left: 20px;
      vertical-align: middle;
      text-align: left; }
      .product-nav .left .desc .title,
      .product-nav .right .desc .title {
        font-size: 24px;
        padding-left: 10px;
        background-image: url(../images/icon-14.png);
        background-repeat: no-repeat;
        background-position: left 7px;
        margin-bottom: 5px; }
      .product-nav .left .desc p,
      .product-nav .right .desc p {
        font-size: 14px;
        color: #9b9b9b;
        text-transform: uppercase; }
  .product-nav .right {
    border: 0; }

.product-title {
  text-align: center;
  font-size: 27px;
  color: #000;
  margin-bottom: 90px; }
  .product-title .icon {
    display: inline-block;
    width: 4px;
    height: 20px;
    background-size: 100% 100%;
    background-image: url(../images/icon-14.png);
    background-repeat: no-repeat;
    margin: -3px 4px 0; }
  .product-title .en {
    font-family: "Conv_DidotLTStd-Roman"; }

.product-description {
  padding-top: 92px;
  padding-bottom: 102px;
  background: #FFF; }
  .product-description .product-description-list li {
    width: 33.333333%;
    padding: 0 34px;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    height: 382px;
    float: left; }
    .product-description .product-description-list li h2 {
      font-size: 18px;
      height: 42px;
      line-height: 42px;
      width: 100%;
      overflow: hidden;
      color: #333;
      text-align: center;
      margin-top: -20px; }
    .product-description .product-description-list li .p {
      font-size: 13px;
      height: 140px;
      line-height: 28px;
      width: 100%;
      overflow: hidden;
      margin-bottom: 18px; }
    .product-description .product-description-list li .img {
      width: 100%;
      position: relative;
      padding-bottom: 61.12853%; }
      .product-description .product-description-list li .img img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%; }
  .product-description .product-description-list li + li {
    border-left: 1px solid #E3E3E3; }

.product-details-list {
  padding-top: 68px;
  padding-bottom: 84px; }
  .product-details-list .product-title {
    margin-bottom: 50px; }
  .product-details-list .product-list {
    padding: 0; }
    .product-details-list .product-list li {
      margin-bottom: 0; }

.banner-1 {
  width: 100%;
  height: 356px;
  background-size: cover;
  background-position: center center; }

.two-nav {
  width: 100%;
  height: 65px;
  border-bottom: 1px solid #D8D8D8;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  font-size: 0;
  background: #FFF;
  text-align: center; }
  .two-nav .wp {
    position: relative; }
  .two-nav > ul > li {
    display: inline-block;
    vertical-align: top; }
    .two-nav > ul > li > a {
      display: block;
      padding: 0 30px;
      height: 65px;
      line-height: 65px;
      position: relative; }
      .two-nav > ul > li > a > span {
        position: relative;
        color: #666;
        font-size: 15px;
        display: inline-block;
        height: 100%;
        width: auto; }
        .two-nav > ul > li > a > span:after {
          content: "";
          position: absolute;
          left: 0;
          bottom: 1px;
          width: 0;
          height: 2px;
          background: #000;
          -webkit-transition: all .4s ease;
          -moz-transition: all .4s ease;
          transition: all .4s ease; }
        .two-nav > ul > li > a > span:before {
          content: "";
          position: absolute;
          bottom: 1px;
          height: 2px;
          right: 0;
          left: 0;
          background: #FFF;
          -webkit-transition: left .4s ease;
          -moz-transition: left .4s ease;
          transition: left .4s ease; }
      .two-nav > ul > li > a .i {
        display: none;
        position: absolute;
        left: 50%;
        z-index: 25;
        margin-left: -7px;
        bottom: -31px;
        width: 14px;
        height: 12px;
        background-image: url(../images/icon-15.png);
        background-size: 100% 100%; }
      .two-nav > ul > li > a .ii {
        display: none !important; }
  .two-nav > ul > .active > a > span:after {
    width: 11px; }
  .two-nav > ul > .active > a > span:before {
    left: 15px;
    background: #0b903f; }
  .two-nav > ul > .active > a .i {
    display: block; }
  .two-nav > ul > .active .nav-box {
    z-index: 23; }
  .two-nav > ul li:hover > a > span:after {
    width: 11px; }
  .two-nav > ul li:hover > a > span:before {
    left: 15px;
    background: #0b903f; }
  .two-nav > ul li:hover > a .i {
    display: block; }
  .two-nav > ul li:hover .nav-box {
    z-index: 24; }
  .two-nav > ul > li + > li:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 50%;
    margin-bottom: -6px;
    height: 12px;
    width: 1px;
    background: #E5E5E5; }
  .two-nav .nav-box {
    z-index: 22;
    left: 0;
    position: absolute;
    width: 100%;
    padding-top: 30px;
    top: 65px; }
  .two-nav .list {
    background: #FFF;
    width: 100%;
    height: 60px;
    border: 1px solid #DDD;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    position: relative; }
    .two-nav .list li {
      display: inline-block;
      vertical-align: top;
      position: relative; }
      .two-nav .list li a {
        line-height: 60px;
        height: 100%;
        padding: 0 32px;
        display: block;
        font-size: 14px;
        color: #666; }
        .two-nav .list li a:after {
          display: none; }
      .two-nav .list li a:hover {
        color: #0b903f; }
    .two-nav .list .active a {
      color: #0b903f; }
    .two-nav .list li + li:after {
      content: "";
      left: 0;
      top: 50%;
      position: absolute;
      width: 1px;
      height: 10px;
      margin-top: -5px;
      background: #D9D9D9; }

.bg-1 {
  background-color: #F0F0F0;
  position: relative;
  overflow: hidden; }
  .bg-1:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 613px;
    height: 884px;
    background-image: url(../images/bg-4.jpg);
    background-repeat: no-repeat; }
  .bg-1:before {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: 616px;
    height: 884px;
    background-image: url(../images/bg-3.jpg);
    background-repeat: no-repeat; }

.about-us {


  position: relative;
  z-index: 11; }
  .about-us p {
    font-size: 14px;
    color: #666;
    line-height: 28px;
    margin-bottom: 10px; }
  .about-us .img {
    width: 474px;
    position: relative; }
    .about-us .img img {
      max-width: 100%;
      height: auto; }
    .about-us .img:after {
      content: "";
      left: 50%;
      bottom: -37px;
      position: absolute;
      width: 494px;
      height: 32px;
      margin-left: -247px;
      background-size: 100% 100%;
      background-image: url(../images/pic-6.png); }
  .about-us .nr {
    margin-left: 530px; }
    .about-us .nr .product-title {
      text-align: left;
      margin-bottom: 22px; }
    .about-us .nr .p {
      font-size: 14px;
      color: #666;
      line-height: 28px; }
      .about-us .nr .p p {
        margin-bottom: 10px; }
      .about-us .nr .p img {
        max-width: 100%;
        height: auto; }

.about-us-column {
  position: relative;
  z-index: 22;
  padding-top: 102px;
  padding-bottom: 135px; }
  .about-us-column .product-title {
    font-size: 30px;
    margin-bottom: 36px; }
    .about-us-column .product-title .icon {
      background-image: url(../images/icon-16.png);
      width: 5px;
      height: 23px; }
    .about-us-column .product-title .en {
      display: inline-block;
      font-size: 34px;
      margin-top: -2px; }
  .about-us-column .product-list {
    width: 1208px;
    padding: 0;
    margin-bottom: 0; }
  .about-us-column .product-list li {
    padding: 0 4px; }
  .about-us-column .product-list li a {
    border: 1px solid #DDD;
    box-shadow: none;
    position: relative; }
    .about-us-column .product-list li a .y {
      left: 0;
      position: absolute;
      bottom: -39px;
      width: 100%;
      height: 39px;
      background-image: url(../images/y-2.png);
      background-size: 100% 100%; }
  .about-us-column .product-list li .left {
    width: 330px; }
  .about-us-column .product-list li .left .img {
    padding-bottom: 87.87879%; }
  .about-us-column .product-list li .nr {
    margin-left: 330px;
    padding: 50px 46px 0; }
    .about-us-column .product-list li .nr h1 {
      height: 64px;
      line-height: 64px;
      margin-bottom: 15px;
      font-size: 22px;
      color: #333; }
      .about-us-column .product-list li .nr h1 .icon {
        display: inline-block;
        vertical-align: middle;
        width: 4px;
        height: 20px;
        background-size: 100% 100%;
        background-image: url(../images/icon-14.png);
        background-repeat: no-repeat;
        margin: -4px 9px 0; }
    .about-us-column .product-list li .nr .p {
      text-align: left;
      font-size: 12px;
      color: #888;
      line-height: 26px;
      height: 78px;
      overflow: hidden;
      width: 100%; }
  .about-us-column .about-us-column-list {
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    position: relative; }
    .about-us-column .about-us-column-list ul {
      border: 1px solid #DCDCDC; }
    .about-us-column .about-us-column-list li {
      float: left;
      width: 14.28571%;
      -moz-box-sizing: border-box;
           box-sizing: border-box;
      height: 206px; }
      .about-us-column .about-us-column-list li a {
        background: #FFF;
        padding-top: 50px;
        -moz-box-sizing: border-box;
             box-sizing: border-box;
        display: block;
        width: 100%;
        height: 100%;
        text-align: center;
        position: relative; }
        .about-us-column .about-us-column-list li a .img {
          line-height: 60px;
          padding-bottom: 10px;
          position: relative;
          margin-bottom: 12px; }
          .about-us-column .about-us-column-list li a .img img {
            width: 60px;
            height: 60px;
            vertical-align: middle; }
          .about-us-column .about-us-column-list li a .img .icon {
            width: 20px;
            bottom: 0;
            left: 50%;
            margin-left: -10px;
            height: 2px;
            display: block;
            position: absolute; }
            .about-us-column .about-us-column-list li a .img .icon:after {
              content: "";
              position: absolute;
              left: 0;
              bottom: 0;
              width: 4px;
              height: 2px;
              background: #000; }
            .about-us-column .about-us-column-list li a .img .icon:before {
              content: "";
              position: absolute;
              right: 0;
              bottom: 0;
              width: 13px;
              height: 2px;
              background: #0b903f; }
        .about-us-column .about-us-column-list li a .name {
          font-size: 15px;
          color: #666; }
        .about-us-column .about-us-column-list li a:after {
          content: "";
          position: absolute;
          left: 0;
          bottom: 0;
          width: 0;
          height: 2px;
          background: #333;
          -webkit-transition: all .4s ease;
          -moz-transition: all .4s ease;
          transition: all .4s ease; }
        .about-us-column .about-us-column-list li a:before {
          content: "";
          position: absolute;
          right: 0;
          bottom: 0;
          width: 0;
          height: 2px;
          -webkit-transition: all .4s ease;
          -moz-transition: all .4s ease;
          transition: all .4s ease;
          background: #0b903f; }
        .about-us-column .about-us-column-list li a:hover:after {
          width: 25px; }
        .about-us-column .about-us-column-list li a:hover:before {
          width: 144px; }
    .about-us-column .about-us-column-list li + li {
      border-left: 1px solid #DCDCDC; }
    .about-us-column .about-us-column-list:after {
      content: "";
      position: absolute;
      left: 0;
      bottom: -48px;
      width: 100%;
      height: 48px;
      background-size: 100% 100%;
      background-image: url(../images/y-3.png); }
  .about-us-column .about-us-column-list-2 li {
    width: 16.666666%; }

.contact-us {
  padding-top: 82px;
  padding-bottom: 96px;
  position: relative;
  z-index: 22; }
  .contact-us .contact-us-box {
    border: 1px solid #D8D8D8;
    padding: 45px 40px 45px 70px;
    width: 100%;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    background: #FFF;
    position: relative; }
    .contact-us .contact-us-box:after {
      content: "";
      left: 0;
      position: absolute;
      bottom: -74px;
      width: 100%;
      height: 74px;
      background-image: url(../images/y-4.png);
      background-size: 100% 100%; }
    .contact-us .contact-us-box .img {
      margin-left: 532px;
      height: 472px;
      background: #EFEFEF; }
    .contact-us .contact-us-box .nr {
      width: 484px; }
      .contact-us .contact-us-box .nr .address {
        padding-bottom: 25px; }
        .contact-us .contact-us-box .nr .address h1 {
          margin-top: 25px;
          margin-bottom: 10px;
          line-height: 28px;
          font-size: 24px;
          color: #444; }
        .contact-us .contact-us-box .nr .address p {
          font-size: 13px;
          color: #555;
          line-height: 30px; }
      .contact-us .contact-us-box .nr .address + .address {
        border-top: 1px dashed #C6C6C6; }

.contact-us-index {
  position: relative; }
  .contact-us-index .product-list {
    width: 1200px; }
  .contact-us-index .contact-us-index-title {
    z-index: 23;
    position: absolute;
    right: 0;
    top: 102px;
    height: 185px;
    width: 610px;
    line-height: 185px;
    text-align: center; }
    .contact-us-index .contact-us-index-title h2 {
      position: absolute;
      font-size: 118px;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
         -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      color: rgba(61, 61, 61, 0.03);
      font-family: "Conv_DidotLTStd-Roman"; }
    .contact-us-index .contact-us-index-title .product-title {
      z-index: 24;
      display: inline-block;
      vertical-align: middle;
      position: relative;
      margin-bottom: 0;
      font-size: 33px; }
      .contact-us-index .contact-us-index-title .product-title .en {
        font-size: 37px; }
      .contact-us-index .contact-us-index-title .product-title .icon {
        margin: -4px 8px 0; }
  .contact-us-index .product-list li .nr {
    margin-left: 0;
    padding: 70px 45px 0;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    width: 296px; }
  .contact-us-index .product-list li {
    padding: 0;
    width: 578px; }
  .contact-us-index .product-list li + li {
    padding-left: 12px;
    width: auto; }
    .contact-us-index .product-list li + li a {
      width: 610px; }
    .contact-us-index .product-list li + li .left {
      width: 306px;
      margin-left: 304px; }
  .contact-us-index .product-list li .left {
    width: 282px;
    margin-left: 296px; }
  .contact-us-index .product-list li .left .img {
    padding-bottom: 0;
    height: 288px; }
  .contact-us-index .product-list li a {
    border: 0; }
  .contact-us-index .product-list li .nr h1 {
    color: #222;
    font-size: 18px;
    border: 0;
    line-height: 55px;
    height: 55px;
    margin-bottom: 0; }
  .contact-us-index .about-us-column-list {
    margin-left: 578px;
    position: absolute;
    right: 0;
    bottom: 0; }
    .contact-us-index .about-us-column-list:after {
      display: none; }
    .contact-us-index .about-us-column-list ul {
      border: 0; }
  .contact-us-index .about-us-column-list li {
    width: 298px;
    height: 283px;
    border: 0 !important;
    padding-left: 12px;
    -moz-box-sizing: inherit;
         box-sizing: inherit; }
    .contact-us-index .about-us-column-list li a {
      padding-top: 58px; }
      .contact-us-index .about-us-column-list li a .img {
        padding-bottom: 0;
        line-height: 78px; }
        .contact-us-index .about-us-column-list li a .img img {
          width: 78px;
          height: 78px; }
        .contact-us-index .about-us-column-list li a .img .icon {
          width: 29px;
          height: 4px;
          bottom: -4px;
          margin-left: -14.5px; }
          .contact-us-index .about-us-column-list li a .img .icon:after {
            height: 4px;
            width: 5px; }
          .contact-us-index .about-us-column-list li a .img .icon:before {
            height: 4px;
            width: 22px; }
      .contact-us-index .about-us-column-list li a .name {
        font-size: 18px;
        color: #222;
        margin-bottom: 5px; }
      .contact-us-index .about-us-column-list li a .en {
        font-size: 14px;
        color: rgba(51, 51, 51, 0.5); }
  .contact-us-index .contact-nav {
    position: relative;
    margin-bottom: 12px; }
    .contact-us-index .contact-nav .left {
      width: 578px;
      background: #FFF; }
      .contact-us-index .contact-nav .left a {
        display: block;
        width: 100%;
        height: 100%; }
        .contact-us-index .contact-nav .left a:hover .img img {
          -webkit-transform: scale(1.2);
             -moz-transform: scale(1.2);
              -ms-transform: scale(1.2);
                  transform: scale(1.2); }
        .contact-us-index .contact-nav .left a:hover .nr h1 {
          -webkit-transform: translate(10px, 0);
             -moz-transform: translate(10px, 0);
              -ms-transform: translate(10px, 0);
                  transform: translate(10px, 0); }
        .contact-us-index .contact-nav .left a:hover .nr .p {
          -webkit-transform: translate(10px, 0);
             -moz-transform: translate(10px, 0);
              -ms-transform: translate(10px, 0);
                  transform: translate(10px, 0); }
      .contact-us-index .contact-nav .left .img {
        width: 100%;
        padding-bottom: 49.13495%;
        overflow: hidden;
        position: relative; }
        .contact-us-index .contact-nav .left .img img {
          -webkit-transition: all .4s ease;
          -moz-transition: all .4s ease;
          transition: all .4s ease;
          position: absolute;
          width: 100%;
          height: 100%; }
      .contact-us-index .contact-nav .left .nr {
        padding: 38px 68px 0;
        height: 184px;
        width: 100%;
        -moz-box-sizing: border-box;
             box-sizing: border-box; }
        .contact-us-index .contact-nav .left .nr h1 {
          -webkit-backface-visibility: hidden;
             -moz-backface-visibility: hidden;
                  backface-visibility: hidden;
          -webkit-transition: all .4s ease;
          -moz-transition: all .4s ease;
          transition: all .4s ease;
          font-size: 18px;
          line-height: 1.2;
          color: #222;
          margin-bottom: 10px; }
          .contact-us-index .contact-nav .left .nr h1 span {
            margin-top: -6px;
            display: inline-block;
            vertical-align: middle;
            margin-right: 7px;
            width: 4px;
            height: 19px;
            position: relative; }
            .contact-us-index .contact-nav .left .nr h1 span:after {
              content: "";
              position: absolute;
              left: 0;
              top: 0;
              width: 4px;
              height: 4px;
              background: #000; }
            .contact-us-index .contact-nav .left .nr h1 span:before {
              content: "";
              position: absolute;
              left: 0;
              bottom: 0;
              width: 4px;
              height: 13px;
              background: #CA000F; }
        .contact-us-index .contact-nav .left .nr .p {
          -webkit-backface-visibility: hidden;
             -moz-backface-visibility: hidden;
                  backface-visibility: hidden;
          -webkit-transition: all .4s ease;
          -moz-transition: all .4s ease;
          transition: all .4s ease;
          font-size: 12px;
          color: #888;
          line-height: 24px;
          height: 48px;
          width: 100%;
          overflow: hidden; }
  .contact-us-index .about-us-column-list li a:hover:before {
    width: 250px; }

.retail-store {
  padding-top: 64px;
  position: relative;
  z-index: 22;
  padding-bottom: 102px; }
  .retail-store .product-title {
    margin-bottom: 32px; }
  .retail-store .store-search {
    width: 100%;
    height: 132px;
    line-height: 132px;
    background: #828282;
    font-size: 0;
    position: relative;
    margin-bottom: 28px; }
    .retail-store .store-search:after {
      position: absolute;
      content: "";
      bottom: -50px;
      left: 0;
      width: 100%;
      height: 50px;
      background-image: url(../images/y-5.png);
      background-size: 100% 100%; }
    .retail-store .store-search > div {
      width: 314px;
      height: 47px;
      line-height: 47px;
      background: #FFF;
      display: inline-block;
      vertical-align: middle;
      font-size: 14px;
      color: #777;
      margin-left: 6px; }
      .retail-store .store-search > div select {
        -moz-box-sizing: border-box;
             box-sizing: border-box;
        width: 314px; }
      .retail-store .store-search > div .customSelect {
        padding-left: 18px;
        -moz-box-sizing: border-box;
             box-sizing: border-box;
        background-image: url(../images/icon-19.jpg);
        background-repeat: no-repeat;
        background-position: center right; }
      .retail-store .store-search > div input {
        padding-left: 18px;
        vertical-align: top;
        padding-right: 18px;
        -moz-box-sizing: border-box;
             box-sizing: border-box;
        border: 0;
        background: none;
        width: 100%;
        height: 100%; }
    .retail-store .store-search > div:first-child {
      margin-left: 102px; }
    .retail-store .store-search .btn {
      width: 47px !important;
      height: 47px;
      margin-left: 0; }
      .retail-store .store-search .btn button {
        vertical-align: top;
        width: 100%;
        height: 100%;
        border: 0;
        background-color: #C8000B;
        cursor: pointer;
        background-position: center center;
        background-image: url(../images/icon-17.png);
        background-size: 22px 22px;
        background-repeat: no-repeat; }
  .retail-store .store {
    position: relative;
    z-index: 33; }
  .retail-store .store-left {
    width: 394px;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    height: 560px;
    background: #FFF;
    border: 1px solid #BFBFBF;
    position: relative; }
    .retail-store .store-left:after {
      content: "";
      left: 0;
      position: absolute;
      bottom: -36px;
      width: 100%;
      height: 36px;
      background-image: url(../images/y-6.png);
      background-size: 100% 100%; }
    .retail-store .store-left > ul {
      height: 100%;
      overflow: auto; }
    .retail-store .store-left li {
      padding-left: 52px;
      padding-right: 40px;
      width: 100%;
      -moz-box-sizing: border-box;
           box-sizing: border-box;
      height: 148px;
      font-size: 0;
      line-height: 148px;
      cursor: pointer;
      -webkit-transition: all .4s ease;
      -moz-transition: all .4s ease;
      transition: all .4s ease; }
      .retail-store .store-left li:hover {
        background: #f5f5f5; }
      .retail-store .store-left li .p {
        display: inline-block;
        vertical-align: middle;
        font-size: 14px;
        color: #666;
        line-height: 26px;
        position: relative;
        padding-left: 18px; }
        .retail-store .store-left li .p strong {
          font-size: 20px;
          font-weight: 500; }
        .retail-store .store-left li .p:after {
          position: absolute;
          content: "";
          left: 0;
          top: 7px;
          width: 5px;
          height: 23px;
          background-image: url(../images/icon-16.png);
          background-size: 100% 100%; }
    .retail-store .store-left li + li {
      border-top: 1px dashed #D2D2D2; }
  .retail-store .store-right {
    margin-left: 400px;
    height: 560px;
    border: 1px solid #BFBFBF;
    background: #FFF;
    padding: 10px;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    position: relative; }
    .retail-store .store-right:after {
      content: "";
      left: 0;
      position: absolute;
      bottom: -34px;
      width: 100%;
      height: 34px;
      background-image: url(../images/y-7.png);
      background-size: 100% 100%; }

.course {
  padding-right: 44px;
  padding-left: 44px;
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  padding-top: 160px;
  padding-bottom: 120px;
  position: relative;
  z-index: 11; }
  .course object {
    display: none; }
  .course .customized {
    width: 100%;
    height: 371px;
    position: relative;
    margin-bottom: 64px; }
    .course .customized .img {
      width: 570px;
      height: 100%; }
      .course .customized .img img {
        width: 100%;
        height: 100%; }
    .course .customized .video {
      background: #FFF;
      position: absolute;
      top: 0;
      left: 0;
      width: 570px;
      height: 100%;
      overflow: hidden; }
      .course .customized .video .vjs-has-started .vjs-big-play-button, .course .customized .video .video-js .vjs-big-play-button {
        display: none; }
      .course .customized .video .vjs-playing .vjs-text-track-display {
        display: none; }
      .course .customized .video:hover .vjs-text-track-display:after {
        opacity: 1;
        background: url(../images/player1.png) no-repeat center center;
        -webkit-transform: rotate(0deg) rotate(1, 1);
           -moz-transform: rotate(0deg) rotate(1, 1);
            -ms-transform: rotate(0deg) rotate(1, 1);
                transform: rotate(0deg) rotate(1, 1);
        -webkit-animation: rotation 1s linear infinite;
           -moz-animation: rotation 1s linear infinite;
                animation: rotation 1s linear infinite; }
      .course .customized .video .vjs-text-track-display:before {
        opacity: 1;
        content: "";
        display: block;
        background: url(../images/player2.png) no-repeat center center;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 10;
        -webkit-transform: scale(1, 1);
           -moz-transform: scale(1, 1);
            -ms-transform: scale(1, 1);
                transform: scale(1, 1);
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out; }
      .course .customized .video .vjs-text-track-display:after {
        opacity: 1;
        content: "";
        display: block;
        background: url(../images/player3.png) no-repeat center center;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 10;
        top: 0%;
        left: 0%;
        -webkit-transform: rotate(0deg) rotate(0, 0);
           -moz-transform: rotate(0deg) rotate(0, 0);
            -ms-transform: rotate(0deg) rotate(0, 0);
                transform: rotate(0deg) rotate(0, 0);
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out; }
    .course .customized .my-video-dimensions {
      width: 100%;
      height: 100%; }
    .course .customized .nr {
      -moz-box-sizing: border-box;
           box-sizing: border-box;
      position: absolute;
      z-index: 22;
      right: 0;
      height: 306px;
      top: 50%;
      margin-top: -153px;
      left: 556px;
      background: #FFF;
      padding-left: 102px;
      padding-right: 112px;
      padding-top: 74px;
      box-shadow: -8px 0 16px rgba(0, 0, 0, 0.2); }
      .course .customized .nr h1 {
        font-size: 24px;
        color: #3C3C3C;
        margin-bottom: 20px; }
      .course .customized .nr .p {
        font-size: 12px;
        color: #666;
        line-height: 28px;
        width: 100%;
        overflow: hidden;
        height: 112px; }
  .course .riginal {
    height: 319px;
    width: 100%; }
    .course .riginal .nr {
      width: 536px;
      line-height: 319px;
      font-size: 0;
      padding-left: 112px;
      padding-right: 92px;
      -moz-box-sizing: border-box;
           box-sizing: border-box; }
      .course .riginal .nr > div {
        line-height: 1.2;
        display: inline-block;
        vertical-align: middle; }
      .course .riginal .nr .title {
        font-size: 0;
        line-height: 78px;
        margin-bottom: 8px; }
        .course .riginal .nr .title h1 {
          display: inline-block;
          vertical-align: middle;
          font-size: 68px;
          color: #A5A195;
          font-family: "Arial";
          margin-right: 6px; }
        .course .riginal .nr .title > div {
          display: inline-block;
          vertical-align: middle;
          line-height: 1.2; }
          .course .riginal .nr .title > div h2 {
            font-size: 24px;
            color: #444; }
          .course .riginal .nr .title > div h3 {
            font-size: 16px;
            font-family: "Arial";
            color: #A2997E; }
      .course .riginal .nr .p {
        font-size: 12px;
        color: #777;
        line-height: 28px; }
    .course .riginal .img {
      position: relative;
      margin-left: 561px; }
      .course .riginal .img img {
        height: 319px;
        width: 551px; }
      .course .riginal .img .video {
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
        width: 551px;
        height: 319px; }
        .course .riginal .img .video .vjs-has-started .vjs-big-play-button, .course .riginal .img .video .video-js .vjs-big-play-button {
          display: none; }
        .course .riginal .img .video .vjs-poster:before {
          opacity: 1;
          content: "";
          display: block;
          background: url(../images/player2.png) no-repeat center center;
          width: 100%;
          height: 100%;
          position: absolute;
          z-index: 10;
          -webkit-transform: scale(1, 1);
             -moz-transform: scale(1, 1);
              -ms-transform: scale(1, 1);
                  transform: scale(1, 1);
          -webkit-transition: all .5s ease-in-out;
          -moz-transition: all .5s ease-in-out;
          transition: all .5s ease-in-out; }
        .course .riginal .img .video .vjs-poster:after {
          opacity: 1;
          content: "";
          display: block;
          background: url(../images/player3.png) no-repeat center center;
          width: 100%;
          height: 100%;
          position: absolute;
          z-index: 10;
          top: 0%;
          left: 0%;
          -webkit-transform: rotate(0deg) rotate(0, 0);
             -moz-transform: rotate(0deg) rotate(0, 0);
              -ms-transform: rotate(0deg) rotate(0, 0);
                  transform: rotate(0deg) rotate(0, 0);
          -webkit-transition: all .5s ease-in-out;
          -moz-transition: all .5s ease-in-out;
          transition: all .5s ease-in-out; }
        .course .riginal .img .video .vjs-poster:hover:after {
          opacity: 1;
          background: url(../images/player1.png) no-repeat center center;
          -webkit-transform: rotate(0deg) rotate(1, 1);
             -moz-transform: rotate(0deg) rotate(1, 1);
              -ms-transform: rotate(0deg) rotate(1, 1);
                  transform: rotate(0deg) rotate(1, 1);
          -webkit-animation: rotation 1s linear infinite;
             -moz-animation: rotation 1s linear infinite;
                  animation: rotation 1s linear infinite; }
      .course .riginal .img .my-video-dimensions {
        width: 100%;
        height: 100%; }
  .course .nvironmental {
    position: relative;
    height: 328px; }
    .course .nvironmental .y {
      position: absolute;
      bottom: -30px;
      left: 24px;
      right: 0;
      height: 30px;
      background-size: 100% 100%;
      background-image: url(../images/y-8.png); }
    .course .nvironmental .img {
      margin-left: 24px; }
      .course .nvironmental .img img {
        width: 536px;
        height: 328px; }
      .course .nvironmental .img .video {
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
        width: 536px;
        height: 328px; }
        .course .nvironmental .img .video .vjs-has-started .vjs-big-play-button, .course .nvironmental .img .video .video-js .vjs-big-play-button {
          display: none; }
        .course .nvironmental .img .video .vjs-poster:before {
          opacity: 1;
          content: "";
          display: block;
          background: url(../images/player2.png) no-repeat center center;
          width: 100%;
          height: 100%;
          position: absolute;
          z-index: 10;
          -webkit-transform: scale(1, 1);
             -moz-transform: scale(1, 1);
              -ms-transform: scale(1, 1);
                  transform: scale(1, 1);
          -webkit-transition: all .5s ease-in-out;
          -moz-transition: all .5s ease-in-out;
          transition: all .5s ease-in-out; }
        .course .nvironmental .img .video .vjs-poster:after {
          opacity: 1;
          content: "";
          display: block;
          background: url(../images/player3.png) no-repeat center center;
          width: 100%;
          height: 100%;
          position: absolute;
          z-index: 10;
          top: 0%;
          left: 0%;
          -webkit-transform: rotate(0deg) rotate(0, 0);
             -moz-transform: rotate(0deg) rotate(0, 0);
              -ms-transform: rotate(0deg) rotate(0, 0);
                  transform: rotate(0deg) rotate(0, 0);
          -webkit-transition: all .5s ease-in-out;
          -moz-transition: all .5s ease-in-out;
          transition: all .5s ease-in-out; }
        .course .nvironmental .img .video .vjs-poster:hover:after {
          opacity: 1;
          background: url(../images/player1.png) no-repeat center center;
          -webkit-transform: rotate(0deg) rotate(1, 1);
             -moz-transform: rotate(0deg) rotate(1, 1);
              -ms-transform: rotate(0deg) rotate(1, 1);
                  transform: rotate(0deg) rotate(1, 1);
          -webkit-animation: rotation 1s linear infinite;
             -moz-animation: rotation 1s linear infinite;
                  animation: rotation 1s linear infinite; }
      .course .nvironmental .img .my-video-dimensions {
        width: 100%;
        height: 100%; }
    .course .nvironmental .nr {
      margin-left: 550px;
      width: auto;
      height: 328px;
      background: #FFF; }

.course-time {
  background: #FFF;
  padding: 80px 0 85px; }
  .course-time .product-title {
    margin-bottom: 57px; }
  .course-time .coures-list {
    position: relative; }
    .course-time .coures-list .dotted {
      position: absolute;
      left: 50%;
      border-left: 1px dashed #555;
      top: 0;
      bottom: 0;
      width: 1px; }
    .course-time .coures-list ul li {
      height: 186px;
      position: relative; }
    .course-time .coures-list ul li + li {
      margin-top: 12px; }
    .course-time .coures-list ul li:nth-child(2n) .time {
      margin-left: -154px; }
    .course-time .coures-list ul li:nth-child(2n) .p {
      left: auto;
      right: 0; }
      .course-time .coures-list ul li:nth-child(2n) .p:after {
        left: -11px;
        right: auto;
        -webkit-transform: rotate(180deg);
           -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
                transform: rotate(180deg); }
    .course-time .coures-list ul .p {
      visibility: hidden;
      position: absolute;
      left: 0;
      top: 0;
      height: 186px;
      line-height: 186px;
      background: #EEE;
      border-radius: 13px;
      width: 554px;
      padding: 0 40px 0 40px;
      border: 1px solid #D9D9D9;
      -moz-box-sizing: border-box;
           box-sizing: border-box; }
      .course-time .coures-list ul .p:after {
        content: "";
        right: -11px;
        top: 50%;
        -webkit-transform: translate(0, -50%);
           -moz-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
                transform: translate(0, -50%);
        position: absolute;
        width: 11px;
        height: 12px;
        background-size: 100% 100%;
        background-image: url(../images/icon-20.png); }
      .course-time .coures-list ul .p > div {
        vertical-align: middle;
        display: inline-block;
        font-size: 13px;
        color: #666;
        line-height: 26px;
        max-height: 100%;
        width: 100%;
        overflow: hidden; }
    .course-time .coures-list ul .time {
      visibility: hidden;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(0, -50%);
         -moz-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
              transform: translate(0, -50%);
      margin-left: 30px;
      font-size: 34px;
      color: #888;
      font-family: "Arial"; }
    .course-time .coures-list ul .spot {
      z-index: 22;
      position: absolute;
      left: 50%;
      top: 50%;
      display: block;
      -webkit-transform: translate(-50%, -50%);
         -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      width: 25px;
      height: 25px;
      border-radius: 50%;
      border: 1px solid #CFCFCF;
      -moz-box-sizing: border-box;
           box-sizing: border-box;
      background: #FFF; }
      .course-time .coures-list ul .spot:after {
        content: "";
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
           -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        position: absolute;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #B39F83; }

.talent-recruitment {
  position: relative;
  z-index: 22;
  padding-top: 62px; }
  .talent-recruitment .talent-recruitment-title {
    width: 100%;
    background: #505050;
    height: 53px;
    line-height: 53px;
    font-size: 0;
    margin-bottom: 18px; }
    .talent-recruitment .talent-recruitment-title li {
      display: inline-block;
      vertical-align: middle;
      text-align: center;
      font-size: 16px;
      color: #FAFAFA;
      width: 155px; }
    .talent-recruitment .talent-recruitment-title .name {
      width: 286px; }
  .talent-recruitment .talent-recruitment-list {
    width: 100%;
    -moz-box-sizing: border-box;
         box-sizing: border-box; }
    .talent-recruitment .talent-recruitment-list .active .talent-title .icon-rotate span {
      -webkit-transform: rotate(0deg);
         -moz-transform: rotate(0deg);
          -ms-transform: rotate(0deg);
              transform: rotate(0deg); }
    .talent-recruitment .talent-recruitment-list > li:first-child {
      margin-top: 0; }
    .talent-recruitment .talent-recruitment-list > li {
      border: 1px solid #D7D7D7;
      background: #FFF;
      margin-top: 16px; }
      .talent-recruitment .talent-recruitment-list > li .talent-title {
        position: relative;
        width: 100%;
        height: 53px;
        line-height: 53px;
        font-size: 0;
        cursor: pointer; }
        .talent-recruitment .talent-recruitment-list > li .talent-title li {
          display: inline-block;
          vertical-align: middle;
          text-align: center;
          font-size: 14px;
          color: #333;
          overflow: hidden;
          height: 53px;
          width: 155px;
          padding: 0 6px;
          -moz-box-sizing: border-box;
               box-sizing: border-box; }
        .talent-recruitment .talent-recruitment-list > li .talent-title .name {
          width: 286px; }
        .talent-recruitment .talent-recruitment-list > li .talent-title .icon-rotate {
          position: absolute;
          right: 0;
          top: 0;
          height: 100%;
          width: 72px; }
          .talent-recruitment .talent-recruitment-list > li .talent-title .icon-rotate span {
            -webkit-transition: all .4s ease;
            -moz-transition: all .4s ease;
            transition: all .4s ease;
            display: inline-block;
            vertical-align: middle;
            width: 34px;
            height: 34px;
            border: 1px solid #E6E6E6;
            border-radius: 50%;
            background-image: url(../images/icon-21.png);
            background-position: center center;
            background-repeat: no-repeat;
            -webkit-transform: rotate(180deg);
               -moz-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                    transform: rotate(180deg); }
      .talent-recruitment .talent-recruitment-list > li .nr {
        display: none;
        border-top: 1px solid #D7D7D7;
        background: #FBFBFB;
        padding: 80px 0 84px; }
        .talent-recruitment .talent-recruitment-list > li .nr > div {
          font-size: 0;
          position: relative; }
          .talent-recruitment .talent-recruitment-list > li .nr > div:after {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 50%;
            width: 1px;
            background: #DFDFDF; }
          .talent-recruitment .talent-recruitment-list > li .nr > div .mailbox {
            position: absolute;
            left: 100px;
            bottom: -60px; }
            .talent-recruitment .talent-recruitment-list > li .nr > div .mailbox a {
              font-size: 13px;
              color: #333;
              height: 40px;
              line-height: 40px;
              display: inline-block;
              vertical-align: top;
              padding: 0 35px;
              border: 1px solid #020202;
              position: relative;
              -webkit-transition: all 0.3s ease;
              -moz-transition: all 0.3s ease;
              transition: all 0.3s ease; }
              .talent-recruitment .talent-recruitment-list > li .nr > div .mailbox a:hover {
                background: #5B5B5B;
                border-color: #5B5B5B;
                color: #FFF; }
          .talent-recruitment .talent-recruitment-list > li .nr > div h1 {
            font-size: 24px;
            color: #444;
            line-height: 28px;
            margin-bottom: 18px; }
          .talent-recruitment .talent-recruitment-list > li .nr > div .p {
            font-size: 14px;
            color: #555;
            line-height: 30px; }
        .talent-recruitment .talent-recruitment-list > li .nr .left {
          display: inline-block;
          vertical-align: top;
          width: 565px;
          -moz-box-sizing: border-box;
               box-sizing: border-box;
          padding-left: 100px;
          padding-right: 52px; }
        .talent-recruitment .talent-recruitment-list > li .nr .right {
          display: inline-block;
          vertical-align: top;
          width: 624px;
          -moz-box-sizing: border-box;
               box-sizing: border-box;
          padding-left: 100px;
          padding-right: 52px; }

.talent-paged {
  position: relative;
  z-index: 2;
  padding-top: 24px;
  padding-bottom: 82px; }

.bg-2:after {
  display: none; }

.bg-2:before {
  display: none; }

.honor-list {
  padding-top: 146px;
  padding-bottom: 124px;
  position: relative;
  z-index: 22; }
  .honor-list .honor-list-li {
    margin-bottom: 16px;
    padding: 0 8px;
    float: left;
    width: 25%;
    -moz-box-sizing: border-box;
         box-sizing: border-box; }
    .honor-list .honor-list-li a {
      display: block;
      width: 100%;
      height: 100%;
      padding: 8px;
      -moz-box-sizing: border-box;
           box-sizing: border-box;
      background: #FFF;
      cursor: pointer; }
      .honor-list .honor-list-li a:hover h1 {
        -webkit-transform: translate(0, -10px);
           -moz-transform: translate(0, -10px);
            -ms-transform: translate(0, -10px);
                transform: translate(0, -10px);
        color: #0b903f; }
      .honor-list .honor-list-li a:hover .p {
        -webkit-transform: translate(0, -10px);
           -moz-transform: translate(0, -10px);
            -ms-transform: translate(0, -10px);
                transform: translate(0, -10px); }
      .honor-list .honor-list-li a:hover .time {
        -webkit-transform: translate(0, -10px);
           -moz-transform: translate(0, -10px);
            -ms-transform: translate(0, -10px);
                transform: translate(0, -10px); }
      .honor-list .honor-list-li a:hover .icon {
        -webkit-transform: translate(0, -10px);
           -moz-transform: translate(0, -10px);
            -ms-transform: translate(0, -10px);
                transform: translate(0, -10px); }
    .honor-list .honor-list-li .img {
      text-align: center;
      width: 100%;
      padding: 20px;
      -moz-box-sizing: border-box;
           box-sizing: border-box;
      background: #F5F5F3;
      margin-bottom: 26px; }
      .honor-list .honor-list-li .img img {
        max-width: 100%;
        height: auto; }
    .honor-list .honor-list-li .honor-introduce {
      padding: 0 26px 34px;
      -moz-box-sizing: border-box;
           box-sizing: border-box;
      width: 100%; }
    .honor-list .honor-list-li h1 {
      font-size: 16px;
      color: #000;
      line-height: 28px;
      max-height: 56px;
      margin-bottom: 12px;
      position: relative;
      -webkit-transition: all .4s ease;
      -moz-transition: all .4s ease;
      transition: all .4s ease;
      overflow: hidden;
      width: 100%;
      -webkit-backface-visibility: hidden;
         -moz-backface-visibility: hidden;
              backface-visibility: hidden; }
    .honor-list .honor-list-li .icon {
      display: block;
      -webkit-backface-visibility: hidden;
         -moz-backface-visibility: hidden;
              backface-visibility: hidden;
      width: 100%;
      border-bottom: 1px dashed #BCBCBC;
      -webkit-transition: all .4s ease;
      -moz-transition: all .4s ease;
      transition: all .4s ease; }
    .honor-list .honor-list-li .p {
      padding-top: 12px;
      font-size: 12px;
      color: #888;
      line-height: 24px;
      max-height: 72px;
      -webkit-transition: all .4s ease;
      -moz-transition: all .4s ease;
      transition: all .4s ease;
      overflow: hidden;
      width: 100%;
      -webkit-backface-visibility: hidden;
         -moz-backface-visibility: hidden;
              backface-visibility: hidden; }
    .honor-list .honor-list-li .time {
      padding-top: 12px;
      font-size: 12px;
      color: #888;
      line-height: 24px;
      -webkit-transition: all .4s ease;
      -moz-transition: all .4s ease;
      transition: all .4s ease;
      -webkit-backface-visibility: hidden;
         -moz-backface-visibility: hidden;
              backface-visibility: hidden; }

.honor-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 300;
  display: none; }

.honor-popup {
  position: absolute;
  display: none;
  z-index: 320;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #FFF;
  border-radius: 4px;
  padding: 78px 90px; }
  .honor-popup .close {
    cursor: pointer;
    position: absolute;
    right: -62px;
    background: #BEBEBE;
    top: 13px;
    width: 62px;
    height: 62px;
    background-image: url(../images/icon-23.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #C0C0C0; }
  .honor-popup .img {
    width: 100%;
    background: #F5F5F3;
    padding: 40px;
    text-align: center;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    margin-bottom: 26px; }
    .honor-popup .img img {
      max-width: 100%;
      height: auto; }
  .honor-popup h1 {
    font-size: 24px;
    color: #444;
    line-height: 38px;
    margin-bottom: 16px;
    position: relative; }
    .honor-popup h1:after {
      position: absolute;
      content: "";
      left: 0;
      bottom: -16px;
      width: 100%;
      border-bottom: 1px dashed #BCBCBC; }
  .honor-popup .p {
    padding-top: 20px;
    font-size: 15px;
    color: #888;
    line-height: 26px; }
  .honor-popup .time {
    padding-top: 26px;
    font-size: 14px;
    color: #777;
    line-height: 26px; }

.new-details {
  padding-top: 42px;
  padding-bottom: 80px; }
  .new-details .details {
    width: 100%;
    background-color: #FFF;
    padding: 64px 98px 48px;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    margin-bottom: 25px; }
    .new-details .details h1 {
      font-size: 30px;
      color: #333;
      line-height: 40px;
      text-align: center; }
    .new-details .details .time {
      text-align: center;
      font-size: 0;
      padding: 12px 0 24px;
      position: relative;
      margin-bottom: 30px; }
      .new-details .details .time:after {
        content: "";
        position: absolute;
        left: 0;
        width: 100%;
        bottom: 0;
        border-top: 1px dashed #E6E6E6; }
      .new-details .details .time span {
        font-size: 14px;
        color: #333; }
      .new-details .details .time span + span {
        margin-left: 12px; }
    .new-details .details .p {
      font-size: 13px;
      color: #666;
      line-height: 30px; }
      .new-details .details .p img {
        width: 100%;
        height: auto !important; }
      .new-details .details .p p {
        margin-bottom: 32px; }
      .new-details .details .p object {
        display: none; }
      .new-details .details .p .video {
        position: relative;
        max-width: 1000px;
        margin: 0 auto;
        margin-top: 10px; }
        .new-details .details .p .video .my-video-dimensions, .new-details .details .p .video .vjs-has-started, .new-details .details .p .video .vjs-user-inactive {
          position: relative;
          width: 100%;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
             -moz-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center;
          height: auto;
          padding-bottom: 56.25%; }
        .new-details .details .p .video .video-js .vjs-big-play-button {
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
             -moz-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%); }
        .new-details .details .p .video video {
          max-width: 100%;
          margin: 0 auto; }
  .new-details .new-details-paged {
    background: #FFF; }
    .new-details .new-details-paged li {
      float: left;
      width: 33.33333333%;
      height: 57px;
      line-height: 57px;
      -moz-box-sizing: border-box;
           box-sizing: border-box; }
      .new-details .new-details-paged li a {
        display: block;
        width: 100%;
        height: 100%;
        text-align: center;
        font-size: 0;
        line-height: 57px; }
        .new-details .new-details-paged li a span {
          display: inline-block;
          vertical-align: middle;
          line-height: 1;
          color: #000;
          font-size: 13px;
          -webkit-transition: all .4s ease;
          -moz-transition: all .4s ease;
          transition: all .4s ease;
          -webkit-backface-visibility: hidden;
             -moz-backface-visibility: hidden;
                  backface-visibility: hidden; }
        .new-details .new-details-paged li a .icon img {
          vertical-align: middle; }
        .new-details .new-details-paged li a:hover span {
          -webkit-transform: translate(10px, 0);
             -moz-transform: translate(10px, 0);
              -ms-transform: translate(10px, 0);
                  transform: translate(10px, 0); }
    .new-details .new-details-paged li + li {
      border-left: 1px solid #E5E5E5; }

.new-list {
  position: relative;
  z-index: 22;
  padding-top: 60px;
  padding-bottom: 73px; }
  .new-list li a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden; }
    .new-list li a:hover .time {
      background: #0b903f;
      left: 5px; }
    .new-list li a:hover .nr {
      margin-left: 105px; }
      .new-list li a:hover .nr .title h1 {
        color: #0b903f; }
        .new-list li a:hover .nr .title h1:after {
          width: 24px;
          background: #E37F85; }
        .new-list li a:hover .nr .title h1:before {
          width: 668px;
          background: #A7A7A7; }
    .new-list li a .time {
      position: absolute;
      left: 10px;
      top: 50%;
      width: 100px;
      height: 112px;
      line-height: 112px;
      background: #4F4F4F;
      margin-top: -56px;
      z-index: -1;
      font-size: 0;
      text-align: center;
      -webkit-transition: all .4s ease;
      -moz-transition: all .4s ease;
      transition: all .4s ease; }
      .new-list li a .time > div {
        display: inline-block;
        vertical-align: middle;
        line-height: 1.2; }
      .new-list li a .time .day {
        font-size: 36px;
        color: #FFF; }
      .new-list li a .time .year {
        font-size: 14px;
        color: #FFF; }
    .new-list li a .nr {
      background: #FFF;
      margin-left: 100px;
      height: 222px;
      padding: 34px 70px 34px 34px;
      -webkit-transition: all .4s ease;
      -moz-transition: all .4s ease;
      transition: all .4s ease;
      box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.15);
      -moz-box-sizing: border-box;
           box-sizing: border-box; 
        
    }
      .new-list li a .nr .img {
        width: 260px;
        padding: 4px;
        background: #F5F5F5;
        -moz-box-sizing: border-box;
             box-sizing: border-box; }
        .new-list li a .nr .img > div {
          width: 100%;
          position: relative;
          padding-bottom: 58.56574%; }
          .new-list li a .nr .img > div img {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%; }
      .new-list li a .nr .title {
        margin-left: 298px; }
        .new-list li a .nr .title h1 {
          margin-top: 10px;
          height: 48px;
          line-height: 48px;
          width: 100%;
          overflow: hidden;
          font-size: 20px;
          color: #333;
          margin-bottom: 12px;
          position: relative;
          -webkit-transition: all .4s ease;
          -moz-transition: all .4s ease;
          transition: all .4s ease; }
          .new-list li a .nr .title h1:after {
            position: absolute;
            content: "";
            left: 0;
            bottom: 0;
            width: 50%;
            height: 1px;
            background: #E5E5E5;
            -webkit-transition: all .4s ease;
            -moz-transition: all .4s ease;
            transition: all .4s ease; }
          .new-list li a .nr .title h1:before {
            position: absolute;
            content: "";
            right: 0;
            bottom: 0;
            width: 50%;
            height: 1px;
            background: #E5E5E5;
            -webkit-transition: all .4s ease;
            -moz-transition: all .4s ease;
            transition: all .4s ease; }
        .new-list li a .nr .title .p {
          font-size: 13px;
          color: #666;
          line-height: 25px;
          height: 50px;
          overflow: hidden;
          width: 100%; }


.merchants-joined {
  padding-top: 70px;
  padding-bottom: 80px; }
  .merchants-joined .product-title {
    margin-bottom: 62px; }
  .merchants-joined .product-list li .left {
    width: 295px; }
    .merchants-joined .product-list li .left .img {
      padding-bottom: 82.71186%; }
  .merchants-joined .product-list li {
    margin-bottom: 20px; }
  .merchants-joined .product-list li a {
    border: 0; }
  .merchants-joined .product-list li .nr {
    margin-left: 295px;
    padding-top: 60px; }
    .merchants-joined .product-list li .nr h1 {
      font-size: 18px;
      color: #555;
      height: 30px;
      line-height: 30px;
      border: 0;
      margin-bottom: 10px; }
    .merchants-joined .product-list li .nr .p {
      font-size: 12px;
      color: #777;
      height: 48px;
      line-height: 24px; }

.feedback {
  position: relative;
  z-index: 22;
  padding-top: 82px;
  /*padding-bottom: 98px; */
    
}
  .feedback .feedback-box {
    background: #FCFCFC;
    width: 100%;
    height: 614px;
    box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.1);
    padding-top: 62px;
    -moz-box-sizing: border-box;
         box-sizing: border-box; }
    .feedback .feedback-box .product-title {
      margin-bottom: 36px; }
    .feedback .feedback-box .nr {
      display: block;
      vertical-align: top;
      width: 876px;
      margin: 0 auto; }
    .feedback .feedback-box .input {
      font-size: 0; }
      .feedback .feedback-box .input .contacts {
        display: inline-block;
        vertical-align: top;
        height: 50px;
        width: 466px;
        border: 1px solid #CACACA;
        position: relative;
        background: #FFF; }
        .feedback .feedback-box .input .contacts input {
          width: 100%;
          height: 100%;
          font-size: 14px;
          color: #333;
          border: 0;
          background: none;
          line-height: 50px;
          padding-right: 10px;
          -moz-box-sizing: border-box;
               box-sizing: border-box;
          vertical-align: top;
          position: relative;
          z-index: 22; }
        .feedback .feedback-box .input .contacts span {
          position: absolute;
          left: 0;
          display: block;
          width: 90px;
          top: 0;
          height: 50px;
          line-height: 50px;
          font-size: 14px;
          padding-left: 22px;
          -moz-box-sizing: border-box;
               box-sizing: border-box;
          color: #333; }
      .feedback .feedback-box .input .contacts + .contacts {
        width: 396px;
        margin-left: 10px; }
    .feedback .feedback-box .select {
      margin-top: 10px; }
      .feedback .feedback-box .select li {
        float: left;
        width: 283px;
        border: 1px solid #CACACA; }
        .feedback .feedback-box .select li select {
          width: 100%;
          height: 50px; }
        .feedback .feedback-box .select li .customSelect {
          width: 100%;
          height: 50px;
          line-height: 50px;
          padding-left: 23px;
          -moz-box-sizing: border-box;
               box-sizing: border-box;
          font-size: 14px;
          color: #333;
          background-color: #FFF; }
        .feedback .feedback-box .select li .customSelectInner {
          background-image: url(../images/icon-27.jpg);
          background-position: right center;
          background-repeat: no-repeat; }
      .feedback .feedback-box .select li + li {
        margin-left: 10px; }
    .feedback .feedback-box .text {
      width: 100%;
      height: 212px;
      border: 1px solid #CACACA;
      position: relative;
      margin-top: 10px;
      background: #FFF; }
      .feedback .feedback-box .text span {
        position: absolute;
        left: 0;
        display: block;
        width: 90px;
        top: 16px;
        font-size: 14px;
        padding-left: 23px;
        -moz-box-sizing: border-box;
             box-sizing: border-box;
        color: #333;
        line-height: 1; }
      .feedback .feedback-box .text textarea {
        border: 0;
        background: none;
        resize: none;
        width: 100%;
        font-size: 14px;
        height: 100%;
        padding-left: 75px;
        -moz-box-sizing: border-box;
             box-sizing: border-box;
        padding-right: 10px;
        padding-top: 13px;
        color: #333;
        padding-bottom: 16px; }
    .feedback .feedback-box .btn {
      margin-top: 16px; }
      .feedback .feedback-box .btn button {
        width: 190px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        border: 0;
        color: #FFF;
        cursor: pointer;
        font-size: 16px;
        background: #0b903f; }

.join-online .feedback-box .input .contacts {
  width: 438px; }

.join-online .feedback-box .input .contacts + .contacts {
  width: 438px; }

.join-online .feedback-box .nr {
  width: 890px; }

.join-online i {
  display: inline-block;
  vertical-align: middle;
  color: #0b903f;
  margin-right: 6px; }

.join-online .feedback-box .input-1 .contacts {
  margin-top: 10px; }

.join-online .feedback-box .input-1 .contacts span {
  width: 114px; }

.join-online .feedback-box .select li + li {
  margin-left: 10px; }

.join-online .feedback-box .select li {
  width: 288px; }

.join-online .feedback-box .feedback-box .select li {
  width: 288px; }

.join-online .select li {
  position: relative; }
  .join-online .select li i {
    position: absolute;
    left: 12px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
       -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%); }

.join-online .feedback-box .input .radio {
  border: 0;
  background: #FFF; }
  .join-online .feedback-box .input .radio .radio-switch {
    display: inline-block;
    vertical-align: top;
    width: 215px;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    border: 1px solid #C9C9C9;
    font-size: 14px;
    height: 52px;
    line-height: 50px;
    color: #333; }
    .join-online .feedback-box .input .radio .radio-switch input {
      position: absolute;
      width: 215px;
      z-index: 12;
      display: none; }
      .join-online .feedback-box .input .radio .radio-switch input:checked ~ .t:before {
        content: "";
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0, -50%);
           -moz-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
                transform: translate(0, -50%);
        left: 20.95px;
        width: 8px;
        height: 8px;
        background: #0b903f;
        border-radius: 50%; }
    .join-online .feedback-box .input .radio .radio-switch .t {
      padding-left: 40px;
      position: relative; }
      .join-online .feedback-box .input .radio .radio-switch .t:after {
        content: "";
        left: 16px;
        top: 50%;
        position: absolute;
        width: 14px;
        height: 14px;
        border: 1px solid #CDCDCD;
        border-radius: 50%;
        -webkit-transform: translate(0, -50%);
           -moz-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
                transform: translate(0, -50%); }
  .join-online .feedback-box .input .radio .radio-switch + .radio-switch {
    margin-left: 10px; }
  .join-online .feedback-box .input .radio .active .t:before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
       -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
    left: 20.95px;
    width: 8px;
    height: 8px;
    background: #0b903f;
    border-radius: 50%; }

.fixbottom input::-webkit-input-placeholder,.fixbottom textarea::-webkit-input-placeholder{color:#626262}
.fixbottom{width:100%;height:88px;position:fixed;bottom:-138px;left:0;background:url(../images/nav_bg.png) repeat;z-index:100;-webkit-transition:all .5s}
.fixbottom.on{bottom:0}
.fixbottom.fly{width:0;overflow:hidden;left:100%;top:calc(40% + 245px);margin-top:-325px;left:100%;-webkit-transition:all .5s}
.fixbottom .fixbottom_content{width:1210px;height:100%;position:relative;margin:0 auto}
.fixbottom .fixbottom_logo{width:303px;height:auto;position:absolute;left:50%;bottom:0;margin-left:-702px;-webkit-transition:all .5s}
.fixbottom form{width:auto;height:40px;float:left;margin-left:230px;padding:24px 0}
.fixbottom .fixbottom_text{width:140px;height:40px;background-color:#fff;color:#000;font-size:16px;padding:0 20px;box-sizing:border-box;border-radius:5px;margin-right:5px; float:left;line-height:40px}
.fixbottom form input.fixbottom_text:nth-child(2){width:195px}
.fixbottom form > select{width:130px;height:auto;color:#000;font-size:16px;padding:8.5px 30px 8.5px 20px;box-sizing:border-box;border-radius:5px;margin-right:5px;background:#fff url(../images/down.png) no-repeat center right 20px;float:left;}
.fixbottom .fixbottom_btn{width:130px;height:40px;background-color:#30c2b0;color:#fff;font-size:16px;text-align:center;box-sizing:border-box;border-radius:5px;float:left}
.fixbottom .fixbottom_close{width:33px;height:33px;float:right;margin-right:10px;margin-top:27px;position:relative;cursor:pointer}
.fixbottom .fixbottom_close img{-webkit-transition:all .5s}
.fixbottom .fixbottom_close:hover img{-webkit-transform:rotateZ(360deg)}
.fixbottom .fixbottom_close:before{content:"";width:1px;height:27px;background-color:#fff;position:absolute;left:50%;top:-27px;margin-left:-1px}
.fixright{width:78px;height:auto;position:fixed;right:12px;top:50%;margin-top:-175px;background:rgba(255,255,255,.85);z-index:100;box-shadow:-2px -2px 10px rgba(232,232,232,.75); -webkit-transform:none;}
.fixright ul{width:100%;height:auto;position:relative;float:left}
.fixright li{width:66px;height:70px;border-bottom:1px solid #e7e7e7;margin-left:6px;float:left;clear:both;cursor:pointer}
.fixright li .ricon{width:34px;height:26px;position:relative;float:left;margin-left:17px;margin-top:15px}
.fixright li .ricon1{width:34px;height:26px;position:relative;float:left;margin-left:17px;margin-top:15px}

.fixright li p{width:100%;height:auto;line-height:12px;font-size:12px;color:#1b1b1b;text-align:center;float:left;clear:both;margin-top:6px;-webkit-transition:all .5s}
.fixright li:hover p{color:#30c2b0}
.fixright li:hover .ricon{-webkit-animation:heartbeat .5s ease both}
.fixright li:last-child .ricon{margin-top:21px}
.fixright li:last-child{border-bottom:none}
    
    

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

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











.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:-webkit-transform;-moz-transition-property:transform, -moz-transform;transition-property:transform;transition-property:transform, -webkit-transform, -moz-transform;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;-moz-box-align:start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-moz-transition-property:transform,height,-moz-transform;transition-property:transform,height;transition-property:transform,height,-webkit-transform,-moz-transform}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-moz-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@-moz-keyframes swiper-preloader-spin{100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-modal-dialog,.vjs-button>.vjs-icon-placeholder:before,.vjs-modal-dialog .vjs-modal-dialog-content{position:absolute;top:0;left:0;width:100%;height:100%}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.vjs-button>.vjs-icon-placeholder:before{text-align:center}@font-face{font-family:VideoJS;src:url(../fonts/videojs.eot) format("eot")}@font-face{font-family:VideoJS;src:url(../fonts/e367462d64634c7eb34085a48f6332d0.woff) format("woff"),url(../fonts/c38c098c27f844ca85233ed6ef06bf80.woff) format("truetype");font-weight:400;font-style:normal}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder,.vjs-icon-play{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder:before,.vjs-icon-play:before{content:"\f101"}.vjs-icon-play-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-play-circle:before{content:"\f102"}.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,.vjs-icon-pause{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,.vjs-icon-pause:before{content:"\f103"}.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,.vjs-icon-volume-mute{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,.vjs-icon-volume-mute:before{content:"\f104"}.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,.vjs-icon-volume-low{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,.vjs-icon-volume-low:before{content:"\f105"}.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,.vjs-icon-volume-mid{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,.vjs-icon-volume-mid:before{content:"\f106"}.video-js .vjs-mute-control .vjs-icon-placeholder,.vjs-icon-volume-high{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-mute-control .vjs-icon-placeholder:before,.vjs-icon-volume-high:before{content:"\f107"}.video-js .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-enter{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-enter:before{content:"\f108"}.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-exit{font-family:VideoJS;font-weight:400;font-style:normal}.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-exit:before{content:"\f109"}.vjs-icon-square{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-square:before{content:"\f10a"}.vjs-icon-spinner{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-spinner:before{content:"\f10b"}.video-js .vjs-subs-caps-button .vjs-icon-placeholder,.video-js .vjs-subtitles-button .vjs-icon-placeholder,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-subtitles{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-subtitles:before{content:"\f10c"}.video-js .vjs-captions-button .vjs-icon-placeholder,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-captions{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-captions-button .vjs-icon-placeholder:before,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-captions:before{content:"\f10d"}.video-js .vjs-chapters-button .vjs-icon-placeholder,.vjs-icon-chapters{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-chapters-button .vjs-icon-placeholder:before,.vjs-icon-chapters:before{content:"\f10e"}.vjs-icon-share{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-share:before{content:"\f10f"}.vjs-icon-cog{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-cog:before{content:"\f110"}.video-js .vjs-play-progress,.video-js .vjs-volume-level,.vjs-icon-circle{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-progress:before,.video-js .vjs-volume-level:before,.vjs-icon-circle:before{content:"\f111"}.vjs-icon-circle-outline{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-outline:before{content:"\f112"}.vjs-icon-circle-inner-circle{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-circle-inner-circle:before{content:"\f113"}.vjs-icon-hd{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-hd:before{content:"\f114"}.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,.vjs-icon-cancel{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,.vjs-icon-cancel:before{content:"\f115"}.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,.vjs-icon-replay{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,.vjs-icon-replay:before{content:"\f116"}.vjs-icon-facebook{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-facebook:before{content:"\f117"}.vjs-icon-gplus{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-gplus:before{content:"\f118"}.vjs-icon-linkedin{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-linkedin:before{content:"\f119"}.vjs-icon-twitter{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-twitter:before{content:"\f11a"}.vjs-icon-tumblr{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-tumblr:before{content:"\f11b"}.vjs-icon-pinterest{font-family:VideoJS;font-weight:400;font-style:normal}.vjs-icon-pinterest:before{content:"\f11c"}.video-js .vjs-descriptions-button .vjs-icon-placeholder,.vjs-icon-audio-description{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-descriptions-button .vjs-icon-placeholder:before,.vjs-icon-audio-description:before{content:"\f11d"}.video-js .vjs-audio-button .vjs-icon-placeholder,.vjs-icon-audio{font-family:VideoJS;font-weight:400;font-style:normal}.video-js .vjs-audio-button .vjs-icon-placeholder:before,.vjs-icon-audio:before{content:"\f11e"}.video-js{display:block;vertical-align:top;-moz-box-sizing:border-box;box-sizing:border-box;color:#fff;background-color:#000;position:relative;padding:0;font-size:10px;line-height:1;font-weight:400;font-style:normal;font-family:Arial,Helvetica,sans-serif}.video-js:-moz-full-screen{position:absolute}.video-js:-webkit-full-screen{width:100%!important;height:100%!important}.video-js[tabindex="-1"]{outline:0}.video-js *,.video-js :after,.video-js :before{-moz-box-sizing:inherit;box-sizing:inherit}.video-js ul{font-family:inherit;font-size:inherit;line-height:inherit;list-style-position:outside;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.video-js.vjs-16-9,.video-js.vjs-4-3,.video-js.vjs-fluid{width:100%;max-width:100%;height:0}.video-js.vjs-16-9{padding-top:56.25%}.video-js.vjs-4-3{padding-top:75%}.video-js.vjs-fill{width:100%;height:100%}.video-js .vjs-tech{position:absolute;top:0;left:0;width:100%;height:100%}body.vjs-full-window{padding:0;margin:0;height:100%;overflow-y:auto}.vjs-full-window .video-js.vjs-fullscreen{position:fixed;overflow:hidden;z-index:1000;left:0;top:0;bottom:0;right:0}.video-js.vjs-fullscreen{width:100%!important;height:100%!important;padding-top:0!important}.video-js.vjs-fullscreen.vjs-user-inactive{cursor:none}.vjs-hidden{display:none!important}.vjs-disabled{opacity:.5;cursor:default}.video-js .vjs-offscreen{height:1px;left:-9999px;position:absolute;top:0;width:1px}.vjs-lock-showing{display:block!important;opacity:1;visibility:visible}.vjs-no-js{padding:20px;color:#fff;background-color:#000;font-size:18px;font-family:Arial,Helvetica,sans-serif;text-align:center;width:300px;height:150px;margin:0 auto}.vjs-no-js a,.vjs-no-js a:visited{color:#66a8cc}.video-js .vjs-big-play-button{font-size:3em;line-height:1.5em;height:1.5em;width:3em;display:block;position:absolute;top:10px;left:10px;padding:0;cursor:pointer;opacity:1;border:.06666em solid #fff;background-color:#2b333f;background-color:rgba(43,51,63,.7);border-radius:.3em;-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s}.vjs-big-play-centered .vjs-big-play-button{top:50%;left:50%;margin-top:-.75em;margin-left:-1.5em}.video-js .vjs-big-play-button:focus,.video-js:hover .vjs-big-play-button{border-color:#fff;background-color:#73859f;background-color:rgba(115,133,159,.5);-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}.vjs-controls-disabled .vjs-big-play-button,.vjs-error .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button{display:none}.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button{display:block}.video-js button{background:0 0;border:none;color:inherit;display:inline-block;overflow:visible;font-size:inherit;line-height:inherit;text-transform:none;text-decoration:none;-webkit-transition:none;-moz-transition:none;transition:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.video-js .vjs-control.vjs-close-button{cursor:pointer;height:3em;position:absolute;right:0;top:.5em;z-index:2}.video-js .vjs-modal-dialog{background:rgba(0,0,0,.8);background:-webkit-linear-gradient(-90deg,rgba(0,0,0,.8),rgba(255,255,255,0));background:-webkit-linear-gradient(top,rgba(0,0,0,.8),rgba(255,255,255,0));background:-moz-linear-gradient(top,rgba(0,0,0,.8),rgba(255,255,255,0));background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(255,255,255,0));overflow:auto;-moz-box-sizing:content-box;box-sizing:content-box}.video-js .vjs-modal-dialog>*{-moz-box-sizing:border-box;box-sizing:border-box}.vjs-modal-dialog .vjs-modal-dialog-content{font-size:1.2em;line-height:1.5;padding:20px 24px;z-index:1}.vjs-menu-button{cursor:pointer}.vjs-menu-button.vjs-disabled{cursor:default}.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu{display:none}.vjs-menu .vjs-menu-content{display:block;padding:0;margin:0;font-family:Arial,Helvetica,sans-serif;overflow:auto;-moz-box-sizing:content-box;box-sizing:content-box}.vjs-menu .vjs-menu-content>*{-moz-box-sizing:border-box;box-sizing:border-box}.vjs-scrubbing .vjs-menu-button:hover .vjs-menu{display:none}.vjs-menu li{list-style:none;margin:0;padding:.2em 0;line-height:1.4em;font-size:1.2em;text-align:center;text-transform:lowercase}.vjs-menu li.vjs-menu-item:focus,.vjs-menu li.vjs-menu-item:hover{background-color:#73859f;background-color:rgba(115,133,159,.5)}.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover{background-color:#fff;color:#2b333f}.vjs-menu li.vjs-menu-title{text-align:center;text-transform:uppercase;font-size:1em;line-height:2em;padding:0;margin:0 0 .3em 0;font-weight:700;cursor:default}.vjs-menu-button-popup .vjs-menu{display:none;position:absolute;bottom:0;width:10em;left:-3em;height:0;margin-bottom:1.5em;border-top-color:rgba(43,51,63,.7)}.vjs-menu-button-popup .vjs-menu .vjs-menu-content{background-color:#2b333f;background-color:rgba(43,51,63,.7);position:absolute;width:100%;bottom:1.5em;max-height:15em}.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu{display:block}.video-js .vjs-menu-button-inline{-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s;overflow:hidden}.video-js .vjs-menu-button-inline:before{width:2.222222222em}.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline:hover,.video-js.vjs-no-flex .vjs-menu-button-inline{width:12em}.vjs-menu-button-inline .vjs-menu{opacity:0;height:100%;width:auto;position:absolute;left:4em;top:0;padding:0;margin:0;-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s}.vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline:hover .vjs-menu{display:block;opacity:1}.vjs-no-flex .vjs-menu-button-inline .vjs-menu{display:block;opacity:1;position:relative;width:auto}.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu{width:auto}.vjs-menu-button-inline .vjs-menu-content{width:auto;height:100%;margin:0;overflow:hidden}.video-js .vjs-control-bar{display:none;width:100%;position:absolute;bottom:0;left:0;right:0;height:3em;background-color:#2b333f;background-color:rgba(43,51,63,.7)}.vjs-has-started .vjs-control-bar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:-moz-box;display:flex;visibility:visible;opacity:1;-webkit-transition:visibility .1s,opacity .1s;-moz-transition:visibility .1s,opacity .1s;transition:visibility .1s,opacity .1s}.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:visible;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.vjs-controls-disabled .vjs-control-bar,.vjs-error .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar{display:none!important}.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{opacity:1;visibility:visible}.vjs-has-started.vjs-no-flex .vjs-control-bar{display:table}.video-js .vjs-control{position:relative;text-align:center;margin:0;padding:0;height:100%;width:4em;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.vjs-button>.vjs-icon-placeholder:before{font-size:1.8em;line-height:1.67}.video-js .vjs-control:focus,.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before{text-shadow:0 0 1em #fff}.video-js .vjs-control-text{border:0;clip:rect(0 0 0 0);height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.vjs-no-flex .vjs-control{display:table-cell;vertical-align:middle}.video-js .vjs-custom-control-spacer{display:none}.video-js .vjs-progress-control{cursor:pointer;-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:-moz-box;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;-moz-box-align:center;align-items:center;min-width:4em}.vjs-live .vjs-progress-control{display:none}.vjs-no-flex .vjs-progress-control{width:auto}.video-js .vjs-progress-holder{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s;height:.3em}.video-js .vjs-progress-control .vjs-progress-holder{margin:0 10px}.video-js .vjs-progress-control:hover .vjs-progress-holder{font-size:1.666666666666666666em}.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div,.video-js .vjs-progress-holder .vjs-play-progress{position:absolute;display:block;height:100%;margin:0;padding:0;width:0;left:0;top:0}.video-js .vjs-play-progress{background-color:#fff}.video-js .vjs-play-progress:before{font-size:.9em;position:absolute;right:-.5em;top:-.333333333333333em;z-index:1}.video-js .vjs-load-progress{background:#bfc7d3;background:rgba(115,133,159,.5)}.video-js .vjs-load-progress div{background:#fff;background:rgba(115,133,159,.75)}.video-js .vjs-time-tooltip{background-color:#fff;background-color:rgba(255,255,255,.8);border-radius:.3em;color:#000;float:right;font-family:Arial,Helvetica,sans-serif;font-size:1em;padding:6px 8px 8px 8px;pointer-events:none;position:relative;top:-3.4em;visibility:hidden;z-index:1}.video-js .vjs-progress-holder:focus .vjs-time-tooltip{display:none}.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,.video-js .vjs-progress-control:hover .vjs-time-tooltip{display:block;font-size:.6em;visibility:visible}.video-js .vjs-progress-control .vjs-mouse-display{display:none;position:absolute;width:1px;height:100%;background-color:#000;z-index:1}.vjs-no-flex .vjs-progress-control .vjs-mouse-display{z-index:0}.video-js .vjs-progress-control:hover .vjs-mouse-display{display:block}.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display{visibility:hidden;opacity:0;-webkit-transition:visibility 1s,opacity 1s;-moz-transition:visibility 1s,opacity 1s;transition:visibility 1s,opacity 1s}.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display{display:none}.vjs-mouse-display .vjs-time-tooltip{color:#fff;background-color:#000;background-color:rgba(0,0,0,.8)}.video-js .vjs-slider{position:relative;cursor:pointer;padding:0;margin:0 .45em 0 .45em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#73859f;background-color:rgba(115,133,159,.5)}.video-js .vjs-slider:focus{text-shadow:0 0 1em #fff;box-shadow:0 0 1em #fff}.video-js .vjs-mute-control{cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none;padding-left:2em;padding-right:2em;padding-bottom:3em}.video-js .vjs-volume-control{cursor:pointer;margin-right:1em;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:-moz-box;display:flex}.video-js .vjs-volume-control.vjs-volume-horizontal{width:5em}.video-js .vjs-volume-panel .vjs-volume-control{visibility:visible;opacity:0;width:1px;height:1px;margin-left:-1px}.video-js .vjs-volume-panel{-webkit-transition:width 1s;-moz-transition:width 1s;transition:width 1s}.video-js .vjs-volume-panel .vjs-mute-control:active~.vjs-volume-control,.video-js .vjs-volume-panel .vjs-mute-control:focus~.vjs-volume-control,.video-js .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,.video-js .vjs-volume-panel .vjs-volume-control:active,.video-js .vjs-volume-panel .vjs-volume-control:focus,.video-js .vjs-volume-panel .vjs-volume-control:hover,.video-js .vjs-volume-panel:active .vjs-volume-control,.video-js .vjs-volume-panel:focus .vjs-volume-control,.video-js .vjs-volume-panel:hover .vjs-volume-control{visibility:visible;opacity:1;position:relative;-webkit-transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s;-moz-transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s;transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s}.video-js .vjs-volume-panel .vjs-mute-control:active~.vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-mute-control:focus~.vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control:focus.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal{width:5em;height:3em}.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:focus,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover{width:9em;-webkit-transition:width .1s;-moz-transition:width .1s;transition:width .1s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{height:8em;width:3em;left:-3.5em;-webkit-transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s;-moz-transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s;transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s}.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{-webkit-transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s;-moz-transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s;transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s}.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{width:5em;height:3em;visibility:visible;opacity:1;position:relative;-webkit-transition:none;-moz-transition:none;transition:none}.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{position:absolute;bottom:3em;left:.5em}.video-js .vjs-volume-panel{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:-moz-box;display:flex}.video-js .vjs-volume-bar{margin:1.35em .45em}.vjs-volume-bar.vjs-slider-horizontal{width:5em;height:.3em}.vjs-volume-bar.vjs-slider-vertical{width:.3em;height:5em;margin:1.35em auto}.video-js .vjs-volume-level{position:absolute;bottom:0;left:0;background-color:#fff}.video-js .vjs-volume-level:before{position:absolute;font-size:.9em}.vjs-slider-vertical .vjs-volume-level{width:.3em}.vjs-slider-vertical .vjs-volume-level:before{top:-.5em;left:-.3em}.vjs-slider-horizontal .vjs-volume-level{height:.3em}.vjs-slider-horizontal .vjs-volume-level:before{top:-.3em;right:-.5em}.video-js .vjs-volume-panel.vjs-volume-panel-vertical{width:4em}.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level{height:100%}.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{width:100%}.video-js .vjs-volume-vertical{width:3em;height:8em;bottom:8em;background-color:#2b333f;background-color:rgba(43,51,63,.7)}.video-js .vjs-volume-horizontal .vjs-menu{left:-2em}.vjs-poster{display:inline-block;vertical-align:middle;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;background-color:#000;cursor:pointer;margin:0;padding:0;position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.vjs-poster img{display:block;vertical-align:middle;margin:0 auto;max-height:100%;padding:0;width:100%}.vjs-has-started .vjs-poster{display:none}.vjs-audio.vjs-has-started .vjs-poster{display:block}.vjs-using-native-controls .vjs-poster{display:none}.video-js .vjs-live-control{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:-moz-box;display:flex;-webkit-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;-moz-box-align:start;align-items:flex-start;-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto;font-size:1em;line-height:3em}.vjs-no-flex .vjs-live-control{display:table-cell;width:auto;text-align:left}.video-js .vjs-time-control{-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none;font-size:1em;line-height:3em;min-width:2em;width:auto;padding-left:1em;padding-right:1em}.vjs-live .vjs-time-control{display:none}.video-js .vjs-current-time,.vjs-no-flex .vjs-current-time{display:none}.vjs-no-flex .vjs-remaining-time.vjs-time-control.vjs-control{width:0!important;white-space:nowrap}.video-js .vjs-duration,.vjs-no-flex .vjs-duration{display:none}.vjs-time-divider{display:none;line-height:3em}.vjs-live .vjs-time-divider{display:none}.video-js .vjs-play-control .vjs-icon-placeholder{cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.vjs-text-track-display{position:absolute;bottom:3em;left:0;right:0;top:0;pointer-events:none}.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{bottom:1em}.video-js .vjs-text-track{font-size:1.4em;text-align:center;margin-bottom:.1em;background-color:#000;background-color:rgba(0,0,0,.5)}.vjs-subtitles{color:#fff}.vjs-captions{color:#fc6}.vjs-tt-cue{display:block}video::-webkit-media-text-track-display{-moz-transform:translateY(-3em);-ms-transform:translateY(-3em);-webkit-transform:translateY(-3em);transform:translateY(-3em)}.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display{-moz-transform:translateY(-1.5em);-ms-transform:translateY(-1.5em);-webkit-transform:translateY(-1.5em);transform:translateY(-1.5em)}.video-js .vjs-fullscreen-control{cursor:pointer;-webkit-box-flex:none;-moz-box-flex:none;-webkit-flex:none;-ms-flex:none;flex:none}.vjs-playback-rate .vjs-playback-rate-value,.vjs-playback-rate>.vjs-menu-button{position:absolute;top:0;left:0;width:100%;height:100%}.vjs-playback-rate .vjs-playback-rate-value{pointer-events:none;font-size:1.5em;line-height:2;text-align:center}.vjs-playback-rate .vjs-menu{width:4em;left:0}.vjs-error .vjs-error-display .vjs-modal-dialog-content{font-size:1.4em;text-align:center}.vjs-error .vjs-error-display:before{color:#fff;content:'X';font-family:Arial,Helvetica,sans-serif;font-size:4em;left:0;line-height:1;margin-top:-.5em;position:absolute;text-shadow:.05em .05em .1em #000;text-align:center;top:50%;vertical-align:middle;width:100%}.vjs-loading-spinner{display:none;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;opacity:.85;text-align:left;border:6px solid rgba(43,51,63,.7);-moz-box-sizing:border-box;box-sizing:border-box;background-clip:padding-box;width:50px;height:50px;border-radius:25px}.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner{display:block}.vjs-loading-spinner:after,.vjs-loading-spinner:before{content:"";position:absolute;margin:-6px;-moz-box-sizing:inherit;box-sizing:inherit;width:inherit;height:inherit;border-radius:inherit;opacity:1;border:inherit;border-color:transparent;border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before{-webkit-animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite;-moz-animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite;animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite}.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before{border-top-color:#fff}.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after{border-top-color:#fff;-webkit-animation-delay:.44s;-moz-animation-delay:.44s;animation-delay:.44s}@-moz-keyframes vjs-spinner-spin{100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes vjs-spinner-spin{100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes vjs-spinner-spin{100%{-webkit-transform:rotate(360deg)}}@-moz-keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}@keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}@-webkit-keyframes vjs-spinner-fade{0%{border-top-color:#73859f}20%{border-top-color:#73859f}35%{border-top-color:#fff}60%{border-top-color:#73859f}100%{border-top-color:#73859f}}.vjs-chapters-button .vjs-menu ul{width:24em}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder{position:absolute}.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{font-family:VideoJS;content:"\f10d";font-size:1.5em;line-height:inherit}.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer{-webkit-box-flex:auto;-moz-box-flex:auto;-webkit-flex:auto;-ms-flex:auto;flex:auto}.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer{width:auto}.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control{display:none}.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control{display:none}.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button .vjs-audio-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control{display:none}.vjs-modal-dialog.vjs-text-track-settings{background-color:#2b333f;background-color:rgba(43,51,63,.75);color:#fff;height:70%}.vjs-text-track-settings .vjs-modal-dialog-content{display:table}.vjs-text-track-settings .vjs-track-settings-colors,.vjs-text-track-settings .vjs-track-settings-controls,.vjs-text-track-settings .vjs-track-settings-font{display:table-cell}.vjs-text-track-settings .vjs-track-settings-controls{text-align:right;vertical-align:bottom}.vjs-text-track-settings fieldset{margin:5px;padding:3px;border:none}.vjs-text-track-settings fieldset span{display:inline-block;margin-left:5px}.vjs-text-track-settings legend{color:#fff;margin:0 0 5px 0}.vjs-text-track-settings .vjs-label{position:absolute;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);display:block;margin:0 0 5px 0;padding:0;border:0;height:1px;width:1px;overflow:hidden}.vjs-track-settings-controls button:active,.vjs-track-settings-controls button:focus{outline-style:solid;outline-width:medium;background-image:-webkit-linear-gradient(bottom,#fff 88%,#73859f 100%);background-image:-moz-linear-gradient(bottom,#fff 88%,#73859f 100%);background-image:linear-gradient(0deg,#fff 88%,#73859f 100%)}.vjs-track-settings-controls button:hover{color:rgba(43,51,63,.75)}.vjs-track-settings-controls button{background-color:#fff;background-image:-webkit-linear-gradient(top,#fff 88%,#73859f 100%);background-image:-moz-linear-gradient(top,#fff 88%,#73859f 100%);background-image:linear-gradient(-180deg,#fff 88%,#73859f 100%);color:#2b333f;cursor:pointer;border-radius:2px}.vjs-track-settings-controls .vjs-default-button{margin-right:1em}@media print{.video-js>:not(.vjs-tech):not(.vjs-poster){visibility:hidden}}@media \0screen{.vjs-user-inactive.vjs-playing .vjs-control-bar :before{content:""}}@media \0screen{.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{visibility:hidden}}
/*# sourceMappingURL=core.css.map */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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