@charset "UTF-8";
/* CSS Document */
/* reset.css V1.6  Start*/
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
dt,
dd,
ul,
ol,
li,
form,
button,
input,
textarea,
th,
td {
  font-weight: normal;
  margin: 0;
  padding: 0; }

body,
button,
input,
select,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
i {
  font: normal 14px "Helvetica Neue", "Microsoft YaHei", Helvetica, STHeiTi, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased; }

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



.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: #69564a;
  color: #FFF; }

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

.web {
  overflow: hidden; }

.head {
  height:113px; }
  .head .logo {

    margin-top: 23px; }
    .head .logo a {
      display: block; }
  .head .right 
  {
      position:relative;
    font-size: 0;
    line-height: 36px;
    margin-top: 38px; }
    .head .right .telephone {
      position: relative;
      left: -110px;
      margin-right: 4px;
      padding-left: 44px;
      font-size: 24px;
      color: #594437;
      font-family: "Arial"; }
      .head .right .telephone img {
        margin-right: 10px; }
    .head .right .switch {
      width: 110px; 
      
      
       }
       
.tweixin{      width: 110px; position:absolute; display:none; z-index:9;right:75px;   } 
.shouji{ display:none; z-index:9;       width: 110px; position:absolute; right:35px;   } 
       
      .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:last {
          margin: 0;
          border: 0;
          background: #fff;border: 1px solid #777;text-align: center;
          margin-left:-50px;
     
          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 #69564a; }
      .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: #5a4437;
          font-size: 16px; }
      .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 #5a4437;
          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 i {
          width: 36px;
          height: 36px;
          display: block;
          position: absolute;
          right: 0;
          top: 0;
          border-radius: 50%; }
          .head .right .switch .search-box i 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 .submit {
          z-index: 3;
          cursor: pointer;
          vertical-align: top;
          width: 36px;
          height: 36px;
          border-radius: 50%;
          border: 0;
      
          border: 1px solid #5a4437;
          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 .submit 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: #594437;
  font-size: 0;
  position: relative; }
  .header-nav .wp > li {
    display: inline-block;
    vertical-align: top;
    width: 12.5%; }
    .header-nav .wp > li > a {
      text-align: center;
      overflow: hidden;
      width: 100%;
      line-height: 55px;
      height: 55px;
      display: block;
      margin-left: -1px;
      font-size: 16px;
      color: #fff;

      -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: #69564a;
        -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: #69564a; }
    .header-nav .wp > li:hover > a:after {
      width: 110%; }
  .header-nav .wp > li:hover .seed {
    display: block; }
  .header-nav .wp > .active > a {
    background: #69564a; }
    .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 span {
        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: #69564a;
          background: #69564a; }
    .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: #69564a; }
        .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: #594437; }
      .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: #594437;
  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: #fff; }
        .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: #715f54;
    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: #808080;
      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: #715f54; }
    .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: #69564a;
  text-align: center; }
  .foot .telephone {
    font-size: 35px;
    color: #ffffff;
    margin-bottom: 20px;
    padding-top: 38px;
    font-family: "Arial"; }
    .foot .telephone img {
      margin-right: 5px; }
  .foot .p {
    color: #ffffff;
    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 #fff;
    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: #ffffff;
      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: #594437; }
    .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: #69564a;
    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;

  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: #69564a; }
  .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); } }








.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: 100px;
  width: 100%;
  font-size: 0;
  padding-top: 0px;
  -moz-box-sizing: border-box;
       box-sizing: border-box; }
  .common-title .title {
    line-height: 36px; }
    .common-title .title .span {
      display: inline-block;
      vertical-align: middle;
      font-size: 28px;
      color: #594437;
      position: relative;
      padding-right: 13px;
      margin-right: 5px; }
      .common-title .title .span i {
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -10.5px;
        width: 5px;
        height: 5px;
        background: #414141; }
        .common-title .title .span 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: 20px;
      color: #808080;
      font-family: "Conv_DidotLTStd-Roman";
      }
  .common-title .more a {
    display: block;
    width: 128px;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    color: #594437;
    text-align: center;
    border: 1px solid #594437;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease; }
  .common-title .more:hover {
    background: #69564a;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .common-title .more:hover a {
      border-color: #69564a;
      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;
      margin-top:158px;
      width: 100%; }
    .common-1 .switch-product .right span {
      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: #594437;
      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: #594437;
      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 {

  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 span {
        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: #594437; }
        .common-2 .about-holike .left .swiper-slide .introduce .btn img { margin-top:40px;
          vertical-align: middle; }
      .common-2 .about-holike .left .swiper-slide .introduce .more-btn {
        margin-top: 20px;
        font-size: 14px;
        color: #594437;
        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 span {
          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: #69564a;
        -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: #69564a;
          background: #69564a; }
          .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: #69564a;
        background: #69564a; }
        .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:65px; }
  .common-3 .information-centre .left {
    height: 536px;

    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: 355px;
      left: 50%;
      margin-left: -85px;
      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: #594437;
        -webkit-transition: all 0.6s ease;
        -moz-transition: all 0.6s ease;
        transition: all 0.6s ease; }
      .common-3 .information-centre .left .nr span {
        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: #594437;
        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-3 .information-centre .right { float:right;
   }
    .common-3 .information-centre .right .li {
      background: #F0F0F0;
      height: 252px; }
      .common-3 .information-centre .right .li a {
        display: block;
        font-size: 0; }
        .common-3 .information-centre .right .li a:hover .time {
          background: #69564a; }
        .common-3 .information-centre .right .li a:hover .nr {
          margin-left: 25px; }
          .common-3 .information-centre .right .li a:hover .nr:after {
            width: 29px; }
          .common-3 .information-centre .right .li a:hover .nr:before {
            width: 430px; }
          .common-3 .information-centre .right .li a:hover .nr .more-btn {
            -webkit-transform: translate(0, 0);
               -moz-transform: translate(0, 0);
                -ms-transform: translate(0, 0);
                    transform: translate(0, 0);
            opacity: 1; }
      .common-3 .information-centre .right .li .time {
        display: inline-block;
        vertical-align: top;
        position: relative;
        left: 34px;
        margin-top: 70px;
        width: 100px;
        height: 114px;
        line-height: 114px;
        background: #4F4F4F;
        text-align: center;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease; }
        .common-3 .information-centre .right .li .time > div {
          display: inline-block;
          vertical-align: middle;
          line-height: 1.2; }
        .common-3 .information-centre .right .li .time .day {
          font-size: 36px;
          color: #FFF; }
        .common-3 .information-centre .right .li .time .year {
          font-size: 15px;
          color: #FFF; }
      .common-3 .information-centre .right .li .nr {
        margin-top: 37px;
        margin-left: 35px;
        display: inline-block;
        vertical-align: top;
        background: #FFF;
        width: 462px;
        height: 180px;
        box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.15);
        -moz-box-sizing: border-box;
             box-sizing: border-box;
        padding: 18px 48px 0;
        position: relative;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        transition: all 0.5s ease; }
        .common-3 .information-centre .right .li .nr span {
          line-height: 45px;
          overflow: hidden;
          height: 45px;
          color: #333;
          font-size: 16px;
          border-bottom: 1px solid #E5E5E5; }
        .common-3 .information-centre .right .li .nr .p {
          font-size: 12px;
          color: #888;
          line-height: 25px;
          height: 75px;
          overflow: hidden;
          width: 100%; }
        .common-3 .information-centre .right .li .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 .right .li .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 .right .li .nr .more-btn {
          margin-top: 6px;
          font-size: 14px;
          color: #333;
          -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 .right .li .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-3 .information-centre .right .li + .li {
      margin-top: 32px; }

.common-4 {

  padding-bottom:60px; }
  .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 span {
        color: #69564a; }
    .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 span {
        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 span {
          color: #69564a; }
      .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 {
          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 span {
    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: 625px;
  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: #594437; }
      .product-banner .product .swiper-container .swiper-slide .active {
        color: #594437; }
    .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 
    {
        padding-top:60px;
      width: 100%;
      height: 130px;
      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 span {
            color: #000;
            font-size: 22px;
            position: relative;
            padding-left: 10px;
            vertical-align: top;
            display: inline-block; }
            .product-banner .product .product-nav-nr .left > div span .icon {
              left: 0;
              top: 5px;
              position: absolute;
              width: 4px;
              height: 20px;
              background-size: 100% 100%;
              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 {
  padding-top: 200px;
  width: 1228px;
  margin: 0 auto 6px auto; }
  .product-list li {
    width: 50%;
    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 span {
          color: #594437; }
        .product-list li a:hover .nr .btn {
          background: #594437;
          color: #FFF;
          border-color: #594437; }
    .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 span {
        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: 26px;
        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 #69564a;
          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 span {
          color: #000;
          font-size: 22px;
          position: relative;
          text-align: left;
          padding-left: 10px; }
          .product-details-box .product-introduce .left > div span .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: #69564a; }
  .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: #69564a; }
  .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: #69564a; }
    .two-nav .list .active a {
      color: #69564a; }
    .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 {
  padding-top: 160px;
  padding-bottom: 120px;
  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 span {
      height: 64px;
      line-height: 64px;
      margin-bottom: 15px;
      font-size: 22px;
      color: #333; }
      .about-us-column .product-list li .nr span .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: #69564a; }
        .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: #69564a; }
        .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 span {
          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 span {
    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 span {
          -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 span {
          -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 span 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 span span:after {
              content: "";
              position: absolute;
              left: 0;
              top: 0;
              width: 4px;
              height: 4px;
              background: #000; }
            .contact-us-index .contact-nav .left .nr span 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; }

.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 span {
        -webkit-transform: translate(0, -10px);
           -moz-transform: translate(0, -10px);
            -ms-transform: translate(0, -10px);
                transform: translate(0, -10px);
        color: #69564a; }
      .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 span {
      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 span {
    font-size: 24px;
    color: #444;
    line-height: 38px;
    margin-bottom: 16px;
    position: relative; }
    .honor-popup span: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 span {
      font-size: 30px;
      color: #333;
      line-height: 40px;
      text-align: center; }
    
    .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 {
        max-width: 100%;
        height: auto !important; }
      .new-details .details .p p {
  }
      .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: #69564a;
      left: 5px; }
    .new-list li a:hover .nr {
      margin-left: 105px; }
      .new-list li a:hover .nr .title span {
        color: #69564a; }
        .new-list li a:hover .nr .title span:after {
          width: 24px;
          background: #594437; }
        .new-list li a:hover .nr .title span:before {
          width: 668px;
          background: #A7A7A7; }
    .new-list li a .time {
      position: absolute;
      left: 10px;
      top: 50%;
      width: 100px;
      height: 112px;
      line-height: 112px;
      background: #594437;
      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 span {
          margin-top: 10px;
          height: 48px;
          line-height: 48px;
          width: 100%;
          overflow: hidden;
          font-size: 20px;
          color: #333;
          margin-bottom: 12px;
          -webkit-transition: all .4s ease;
          -moz-transition: all .4s ease;
          transition: all .4s ease; }
          .new-list li a .nr .title span: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 span: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%; }
  .new-list li + li {
    margin-top: 12px; }

.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 span {
      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: #69564a; }

.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: #69564a;
  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: #69564a;
        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: #69564a;
    border-radius: 50%; }

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

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

.w1200 {

    width: 1200px;
    text-align: left;
    _zoom: 1;
    margin: 0 auto;

}
.ptitle{ text-align:center; }
.ptitle h2,.ptitle h3{ margin:0; padding:0; font-weight:normal;}
.ptitle h3{ text-transform:capitalize; letter-spacing:2px; font-size:18px; color:#808080;}
.ptitle h2{ font-size:26px; display:inline-block; *display:inline; zoom:1; background:none; position:relative;color:#594437;  }
.ptitle h2 i,.ptitle h2 em{ height:17px; font-style:normal; border-top:1px solid #e6e6e6; position:absolute; bottom:0;}
.ptitle h2 i{ left:0;width:99px;}
.ptitle h2 em{ right:0px; width:99px; }

.ptitle{ padding-top:65px; padding-bottom:45px;}
.ptitle h2{ padding:0 119px;}
.ptitle h2 i,.title h2 em{ width:99px;}

.ptitbg{ width:260px;  margin:0px auto; height:60px; }
.kongc1{  float:left; width:60px;  }
.ptxt{  float:left; width:170px;color:#594437;  }
.ptxt .f30{  font-size:30px;  }
.ptxt .f14{ font-size:14px;  }

.proIndex{ height:537px; position:relative; margin-top:17px;}
.proIndex a{ display:block; overflow:hidden; position:absolute;}
.proIndex .item1,.proIndex .item1 img{ width:502px; height:537px;}
.proIndex .item2,.proIndex .item2 img{ width:679px; height:305px;}
.proIndex .item3,.proIndex .item3 img,.proIndex .item4,.proIndex .item4 img{ width:330px; height:215px;}
.proIndex .item1,.proIndex .item2{ top:0;}
.proIndex .item1{ left:0;}
.proIndex .item2,.proIndex .item4{ right:0;}
.proIndex .item3,.proIndex .item4{ bottom:0;}
.proIndex .item3{ left:519px;}

.proIndex a div{ position:absolute; left:40px; top:50px; z-index:9;}
.proIndex a.item1 div{ left:40px;}
.proIndex a h2,.proIndex a h3{ font-weight:normal; margin:0; padding:0;}
.proIndex a h3{ font-size:14px; color:#fff; text-transform:uppercase;}
.proIndex a h2{ font-size:24px; color:#fff; }
.proIndex a span{ display:inline-block; color:#fff; border:3px solid #fff; padding:2px 20px 4px 20px; margin-top:10px;transition:all 0.5s ease-out 0s;-ms-transition:all 0.5s ease-out 0s;-moz-transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s;}
.proIndex a span:hover{ color:#fff; border-color:#fff; background:#333;}
.proIndex .item3 h2,.proIndex .item4 h2{ font-size:24px; margin-top:0;}

.proIndex a img{ -webkit-transition:all 1.2s; -moz-transition:all 1.2s; -o-transition:all 1.2s; -ms-transition:all 1.2s; transition:all 1.2s;}
.proIndex a:hover img{ -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2);}


.starTab{ background-color:#fff;}
.starTab li,.proType dd{ text-align:center;  float:left; display:inline; }
.starTab li{ width:170px; position:relative;}
.proType dd{ width:42px;}
.starTab li b{ display:block; width:8px; height:8px; position:absolute; right:-3px; top:56px; background:url(../images/c5.png) no-repeat center;}
.starTab a,.proType a{ display:block; position:relative; }
.starTab a{ padding:34px 0;}
.starTab em,.starTab span,.proType em,.proType span{ display:block; color:#594437;  }
.starTab em,.starTab img{ height:39px;font-size:36px;}
.proType em,.proType img{ height:36px;}
.starTab img{ width:53px;}
.proType img{ width:42px;}
.starTab i,.proType i{ position:absolute; left:0; right:0; z-index:9; display:none;}
.starTab i{ top:34px; font-size:36px;  }
.proType i{ top:0;}
.starTab span{ margin-top:4px;}
.proType span{ margin-top:16px;}
.starTab a:hover,.starTab li.cur a,.proType a:hover,.proType dd.cur a{ color:#594437;}
.starTab a:hover,.starTab li.cur a{ background:url(../images/line.png) no-repeat center;}
.starTab a:hover i,.starTab li.cur a i,.proType a:hover i,.proType dd.cur a i{ display:block;}
.starTab a:hover em img,.starTab li.cur a em img,.proType a:hover em img,.proType dd.cur a em img{ display:none;}


.starCon{ display:none;}
.starBox li,.starBox2 li{ width:387px; text-align:center; float:left; display:inline; background-color:#fff; margin-top:24px; margin-right:19px;}
.starBox a,
.starBox2 a{ display:block; cursor:pointer;}
.starBox a div.pic,.starBox2 a div.pic{ overflow:hidden;}
.starBox a div.pic,.starBox a img,.starBox2 a div.pic,.starBox2 a img{ width:387px; height:239px;}
.starBox a .Memos,.starBox2 a .Memos{ padding-bottom:28px; padding-top:20px;}
.starBox a b,.starBox2 a b{ display:block;}
.starBox a h2,.starBox a p,.starBox2 a h2,.starBox2 a p{ margin:0;}
.starBox a h2,.starBox2 a h2{ display:inline-block; *display:inline; zoom:1; font-size:18px; font-weight:normal; padding:0 30px 12px 30px;color:#594437; border-bottom:1px solid #b5b5b5; margin-bottom:7px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:267px;}
.starBox a i,.starBox2 a i{ font-size:12px; font-style:normal; margin-left:9px; padding-right:5px; position:relative; top:-1px;}
.starBox a img,.starBox2 a img{ -webkit-transition:all 1.2s; -moz-transition:all 1.2s; -o-transition:all 1.2s; -ms-transition:all 1.2s; transition:all 1.2s;}
.starBox a:hover img,.starBox2 a:hover img{/*  -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2); */}
.starBox a:hover .Memos,.starBox2 a:hover .Memos{ background-color:#594437; color:#fff; }
.starBox .Memos p{  font-size:18px;color:#808080; }
.starBox .Memos p i{ font-size:18px;}
.starBox a:hover h2,.starBox2 a:hover h2{ border-color:#fff;color:#fff; }
.starBox a:hover p,.starBox2 a:hover p{ border-color:#fff;color:#fff; }

.mapIndex{ margin-top:92px;}