::-webkit-scrollbar {
  width: 8px;
  background: #f0f0f0; }

::-webkit-scrollbar-thumb {
  width: 8px;
  background: #aa0000; }

::-webkit-scrollbar-corner {
  background: #f0f0f0; }

::-webkit-scrollbar:horizontal {
  height: 9px; }

@font-face {
  font-family: A;
  src: url(../css/CAMBRIA_0.TTC); }
/*@font-face {
  font-family: B;
  src: url(../css/hyxiaolishuF.ttf); }*/
@font-face {
  font-family: C;
  src: url(../css/hyxiaolishuJ.ttf); }
@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -16px;
    right: -16px;
    bottom: -16px;
    left: -16px;
    opacity: 0; } }
@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0; } }
.header {
  width: 100%;
  height: 110px;
  /*position: fixed;*/
  left: 0;
  top: 0;
  z-index: 99; }
  .header .logo {
    display: block;
    width: 251px;
    height: 100%;
    position: absolute;
    left: 5.2%;
    top: 0;
    visibility: visible !important; }
    .header .logo img {
      width: 100%;
      height: 100%; }

.h110 {
  height: 110px; }

.page_hea {
  background: #111; }

.banner {
  width: 100%;
  overflow: hidden;
  height: 1020px; }
  .banner a {
    display: block;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat; }

.header_fix {
  top: 0; }

.ban_num {
  width: 100%;
  position: absolute;
  bottom: 26px !important;
  text-align: center;
  z-index: 30; }
  .ban_num span {
    width: 52px;
    height: 28px;
    opacity: 1;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    margin: 0 8px !important;
    background: url(../images/index/num.png) no-repeat center;
    border-radius: 0;
    -webkit-border-radius: 0; }
  .ban_num .swiper-pagination-bullet-active {
    background: url(../images/index/nums.png) no-repeat center; }
/*.nav_ul li a:first-child{display: block;}*/
.nav_ul {
  position: absolute;
  right: 4.3%;
  top: 24px; }
  .nav_ul li {
    visibility: visible !important;
    line-height: 48px;
    height: 48px;
    margin-left: 56px;
    float: left; }
    .nav_ul li a {
      display: block;
      transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      height: 100%;
      font-family: C;
      color: #eee;
      font-size: 22px; }
    .nav_ul li a:after {
      content: '';
      display: block;
      position: absolute;
      left: 0px;
      bottom: 0px;
      width: 100%;
      height: 2px;
      transform-origin: 50%;
      -webkit-transform-origin: 50%;
      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
      transition: -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
      transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
      transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
      background: #aa0000;
      transform: scaleX(0);
      -webkit-transform: scaleX(0);
      visibility: hidden\9; }
  .nav_ul .sel a:after {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    transform-origin: 50%;
    -webkit-transform-origin: 50%;
    visibility: visible\9; }
  .nav_ul li:nth-child(1) {
    animation-delay: 0.15s; }
  .nav_ul li:nth-child(2) {
    animation-delay: 0.3s; }
  .nav_ul li:nth-child(3) {
    animation-delay: 0.45s; }
  .nav_ul li:nth-child(4) {
    animation-delay: 0.6s; }
  .nav_ul li:nth-child(5) {
    animation-delay: 0.75s; }
  .nav_ul li:nth-child(6) {
    animation-delay: 0.9s; }

.inxbg {
  background: #1d1d20; }

.index_news {
  margin: 0 auto;
  margin-top: 80px;
  width: 1200px;
  overflow: hidden; }
  .index_news .left {
    float: left;
    margin-left: 210px; }
    .index_news .left a {
      display: block;
      padding-bottom: 44px;
      background: url(../images/index/jt.png) no-repeat center bottom;
      overflow: hidden;
      width: 64px; }
      .index_news .left a .eng {
        float: left;
        color: #999180;
        font-size: 14px;
        width: 14px;
        writing-mode: vertical-rl;
        font-family: A;
        line-height: 14px;
        padding-top: 6px; }
      .index_news .left a .tit {
        color: #a28045;
        width: 24px;
        font-size: 24px;
        float: left;
        margin-left: 6px;
        line-height: 24px;
        text-align: center;
        font-family: C; }
  .index_news .right {
    float: left;
    margin-left: 140px;
    padding-top: 8px; }
    .index_news .right li {
      margin-bottom: 20px; }
      .index_news .right li a {
        display: block;
        color: #a28045;
        font-family: C;
        line-height: 24px;
        font-size: 18px; }
        .index_news .right li a .data {
          font-family: C;/*B*/
          font-size: 16px; }
        .index_news .right li a .span {
          display: inline-block;
          margin: 0 14px;
          height: 24px;
          padding: 0 18px;
          background: #2a2b2f;
          font-family: C;/*B*/
          color: #999180; }
    .index_news .right li:nth-child(1) {
      animation-delay: 0.2s; }
    .index_news .right li:nth-child(2) {
      animation-delay: 0.4s; }
    .index_news .right li:nth-child(3) {
      animation-delay: 0.6s; }

.index_about {
  width: 1312px;
  margin: 0 auto;
  margin-top: 68px;
  overflow: hidden; }
  .index_about .left {
    float: left;
    width: 735px;
    height: 530px; }
    .index_about .left a {
      display: block;
      width: 100%;
      height: 100%;
      overflow: hidden; }
      .index_about .left a img {
        width: 100%;
        height: 100%;
        transition: all 0.4s ease-in-out;
        -webkit-transition: all 0.4s ease-in-out; }
    .index_about .left a:hover img {
      transform: scale(1.08);
      -webkit-transform: scale(1.08);
      -moz-transform: scale(1.08);
      -ms-transform: scale(1.08);
      -o-transform: scale(1.08); }
  .index_about .right {
    float: left;
    margin-left: 72px; }
    .index_about .right .top {
      margin-top: 138px;
      overflow: hidden; }
      pre{font-family: C;}
      .index_about .right .top .font {
        float: left;
        writing-mode: vertical-rl;
        font-family: C;
        font-size: 18px;
        color: #999180;
        height: 130px;
        width: 314px;
        line-height: 36px; }
      .index_about .right .top .btit {
        float: left;
        margin-left: 40px;
        overflow: hidden; }
        .index_about .right .top .btit .eng {
          float: left;
          color: #999180;
          font-size: 14px;
          width: 14px;
          writing-mode: vertical-rl;
          font-family: A;
          line-height: 14px;
          padding-top: 6px; }
        .index_about .right .top .btit .tit {
          color: #a28045;
          width: 24px;
          font-size: 24px;
          float: left;
          margin-left: 6px;
          line-height: 24px;
          text-align: center;
          font-family: C; }
    .index_about .right .bot {
      margin-top: 80px; }
      .index_about .right .bot a {
        display: block;
        width: 156px;
        background: url(../images/index/mjt.png) right center no-repeat;
        color: #999180;
        font-size: 18px;
        font-family: C;/*B*/ }

.index_state {
  width: 1240px;
  margin: 0 auto;
  margin-top: 110px;
  background-position: center;
  background-repeat: no-repeat;
  height: 380px; }
  .index_state a {
    display: block;
    width: 504px;
    height: 286px;
    background: rgba(42, 43, 47, 0.9);
    position: absolute;
    bottom: -124px;
    left: 80px;
    box-sizing: border-box;
    padding: 40px; }
    .index_state a .top {
      overflow: hidden; }
      .index_state a .top .btit {
        float: left;
        overflow: hidden; }
        .index_state a .top .btit .eng {
          float: left;
          color: #999180;
          font-size: 14px;
          width: 14px;
          writing-mode: vertical-rl;
          font-family: A;
          line-height: 14px;
          padding-top: 6px; }
        .index_state a .top .btit .tit {
          color: #a28045;
          width: 24px;
          font-size: 24px;
          float: left;
          margin-left: 6px;
          line-height: 24px;
          text-align: center;
          font-family: C; }
      .index_state a .top .font {
        font-size: 18px;
        line-height: 30px;
        color: #9d9686;
        font-family: C;
        margin-left: 48px;
        float: left;
        padding-top: 4px;
        width: 324px;
        display: -webkit-box;
        overflow: hidden;
        white-space: normal !important;
        text-overflow: ellipsis;
        word-wrap: break-word;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        height: 150px; }
    .index_state a .bot {
      width: 156px;
      background: url(../images/index/mjt.png) right center no-repeat;
      color: #999180;
      font-size: 18px;
      font-family: C;/*B*/
      position: absolute;
      right: 40px;
      bottom: 40px; }

.mt210 {
  margin-top: 210px; }
  .mt210 a {
    left: 660px; }
    .mt210 a .top .btit .tit {
      margin-left: 0;
      margin-right: 6px; }
    .mt210 a .top .font {
      margin-left: 0;
      margin-right: 38px;
      width: 342px; }
    .mt210 a .bot {
      right: auto;
      left: 42px; }

.index_vdo {
  width: 100%;
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 206px; }
  .index_vdo .vdo {
    background: url(../images/index/vdo.png) no-repeat center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -28px;
    margin-top: -28px;
    z-index: 5;
    width: 56px;
    height: 56px;
    cursor: pointer; }

.index_list {
  height: 674px;
  width: 1200px;
  margin: 0 auto;
  padding-top: 130px;
  box-sizing: border-box;
  overflow: hidden; }
  .index_list .left {
    float: left;
    margin-left: 58px;
    padding-top: 10px; }
    .index_list .left .btit {
      overflow: hidden; }
      .index_list .left .btit .eng {
        float: left;
        color: #999180;
        font-size: 14px;
        width: 14px;
        writing-mode: vertical-rl;
        font-family: A;
        line-height: 14px;
        padding-top: 6px; }
      .index_list .left .btit .tit {
        color: #a28045;
        width: 24px;
        font-size: 24px;
        float: left;
        margin-left: 6px;
        line-height: 24px;
        text-align: center;
        font-family: C;/*B*/ }
    .index_list .left .more {
      margin-top: 56px; }
      .index_list .left .more a {
        display: block;
        font-size: 18px;
        font-family: C;/*B*/
        background: url(../images/index/mjt.png) no-repeat center bottom;
        padding-bottom: 22px;
        color: #999180; }
  .index_list .right {
    float: right; }
    .index_list .right ul {
      overflow: hidden; }
      .index_list .right ul li {
        float: left;
        margin-left: 48px; }
        .index_list .right ul li a {
          display: block;
          width: 280px;
          font-family: C;
          text-align: center; }
          .index_list .right ul li a .img {
            width: 100%;
            height: 280px; }
            .index_list .right ul li a .img img {
              width: 100%;
              height: 100%; }
          .index_list .right ul li a .textover {
            color: #9e7d43;
            font-size: 20px;
            margin-top: 20px; }
          .index_list .right ul li a .num {
            margin-top: 13px;
            font-size: 18px;
            color: #999180; }
          .index_list .right ul li a .more {
            margin-top: 40px;
            color: #999180;
            font-size: 17px;
            text-indent: -24px;
            background: url(../images/index/r.png) 178px center no-repeat; }
      .index_list .right ul li:nth-child(1) {
        animation-delay: 0.2s; }
      .index_list .right ul li:nth-child(2) {
        animation-delay: 0.4s; }
      .index_list .right ul li:nth-child(3) {
        animation-delay: 0.6s; }

.footer {
  height: 480px;
  width: 100%;
  background: #111;
  text-align: center; }
  .footer .main {
    padding-top: 106px; }
    .footer .main .foo_logo {
      width: 120px;
      height: 92px;
      margin: 0 auto; }
    .footer .main .foo_share {
      margin-top: 42px; }
      .footer .main .foo_share a {
        display: inline-block;
        width: 24px;
        height: 24px;
        background-position: center;
        background-repeat: no-repeat;
        margin: 0 12px;
        opacity: 0.3;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out; }
      .footer .main .foo_share a:hover {
        opacity: 1; }
    .footer .main menu {
      margin-top: 42px; }
      .footer .main menu a {
        display: inline-block;
        padding: 0 30px;
        font-family: C;
        color: #d9d9d9;
        border-right: 1px solid #707070;
        height: 20px;
        font-size: 20px; }
      .footer .main menu a:after {
        content: '';
        display: block;
        position: absolute;
        left: 30px;
        bottom: -16px;
        width: 80px;
        height: 1px;
        transform-origin: 50%;
        -webkit-transform-origin: 50%;
        -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
        transition: -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
        transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
        transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
        background: #d9d9d9;
        transform: scaleX(0);
        -webkit-transform: scaleX(0);
        visibility: hidden\9; }
      .footer .main menu a:hover:after {
        transform: scaleX(1);
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        transform-origin: 50%;
        -webkit-transform-origin: 50%;
        visibility: visible\9; }
      .footer .main menu a:last-child {
        border-right: none; }
    .footer .main .foo_coop {
      margin-top: 30px;
      font-family: C;
      color: #666;
      font-size: 16px; }
      .footer .main .foo_coop a {
        color: #666;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out; }
      .footer .main .foo_coop a:hover {
        color: #fff;
        text-decoration: underline; }
      .footer .main .foo_coop span {
        width: 1px;
        height: 12px;
        margin: 0 18px;
        background: #595959;
        display: inline-block;
        top: 3px; }

.prodea_top {
  background: url(../images/page/prodeabg.png) no-repeat center;
  width: 100%;
  box-sizing: border-box;
  padding-top: 124px;
  height: 600px; }
  .prodea_top .main {
    overflow: hidden; }
    .prodea_top .main .img {
      width: 350px;
      float: left;
      height: 350px;
      margin-left: 60px; }
      .prodea_top .main .img img {
        width: 100%;
        height: 100%; }
    .prodea_top .main .rcon {
      float: right;
      width: 686px; }
      .prodea_top .main .rcon .tit {
        font-family: C;
        font-size: 30px;
        line-height: 42px;
        color: #ce8e36; }
      .prodea_top .main .rcon .eng {
        font-size: 16px;
        font-family: A;
        margin-top: 10px;
        color: #827f78; }
      .prodea_top .main .rcon .font {
        margin-top: 50px;
        line-height: 36px;
        font-size: 20px;
        color: #999180;
        font-family: C; }
        .prodea_top .main .rcon .font ul {
          overflow: hidden; }
          .prodea_top .main .rcon .font ul li {
            width: 50%;
            float: left; }

.prodea_edit {
  margin-top: 78px; }
  .prodea_edit .edit {
    text-align: center;
    margin-top: 86px; }
    .prodea_edit .edit img {
      max-width: 100%; }

.prodea_tit {
  color: #ce8e36;
  font-size: 30px;
  text-align: center;
  line-height: 62px;
  font-family: C; }
  .prodea_tit span {
    display: inline-block;
    width: 62px;
    height: 62px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    box-sizing: border-box;
    border: 1px solid #4b3c28;
    margin: 0 2px; }

.prodea_ft {
  text-align: center;
  font-family: C;
  font-size: 24px;
  color: #ce8e36;
  line-height: 30px;
  margin-top: 12px; }
  .prodea_ft span {
    display: inline-block;
    width: 82px;
    height: 1px;
    background: #443b2f;
    vertical-align: middle; }
  .prodea_ft b {
    font-weight: normal;
    margin: 0 20px; }

.h80 {
  height: 80px; }

.pro_tit {
  font-size: 48px;
  line-height: 52px;
  padding-top: 58px;
  text-align: center;
  font-family: C;/*B*/
  color: #ce8e36; }

.probor {
  margin: 0 auto;
  margin-top: 20px;
  width: 30px;
  height: 4px;
  background: #696a62; }

.pro_eng {
  text-align: center;
  margin-top: 20px;
  font-size: 18px;
  color: #999180;
  text-transform: uppercase;
  font-family: A; }

.pro_column {
  overflow: hidden;
  display: flex;
  margin-top: 66px; }
  .pro_column a {
    display: block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-family: C;
    font-size: 22px;
    color: #fff;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    background: #2a2b2f; }
  .pro_column a:hover {
    background: #a28045; }
  .pro_column .sel {
    background: #a28045; }

.pro_ul {
  overflow: hidden;
  padding-bottom: 30px; }
  .pro_ul li {
    float: left;
    width: 33.33%;
    box-sizing: border-box;
    margin-top: 80px; }
    .pro_ul li a {
      display: block;
      font-family: C;
      text-align: center; }
      .pro_ul li a .img {
        margin: 0 auto;
        width: 272px;
        height: 272px;
        overflow: hidden; }
        .pro_ul li a .img img {
          width: 100%;
          height: 100%; }
      .pro_ul li a .textover {
        color: #9e7d43;
        font-size: 20px;
        margin-top: 30px;
        padding: 0 16px; }
      .pro_ul li a .num {
        margin-top: 13px;
        font-size: 18px;
        color: #999180; }
      .pro_ul li a .more {
        margin-top: 36px;
        color: #999180;
        font-size: 17px;
        text-indent: -20px;
        background: url(../images/index/r.png) 218px center no-repeat; }
    .pro_ul li a:after {
      content: '';
      width: 1px;
      height: 282px;
      position: absolute;
      right: 0;
      top: 50%;
      margin-top: -141px;
      background: #333336; }

.page_column {
  height: 70px;
  line-height: 70px;
  padding-left: 30px;
  background: url(../images/page/home.png) left center no-repeat;
  color: #9f957e;
  font-size: 14px; }
  .page_column a {
    color: #9f957e; }
  .page_column a:hover {
    text-decoration: underline; }
  .page_column span {
    color: #ce8e36; }

.abt_con {
  background: #1f1f21;
  padding: 42px 0 88px 0; }
  .abt_con .abt_tit {
    font-size: 30px;
    line-height: 42px;
    color: #ce8e36;
    text-align: center; }
  .abt_con .edit {
    margin-top: 50px;
    font-size: 16px;
    line-height: 34px;
    color: #999180; }
    .abt_con .edit img {
      max-width: 100%; }

.page_banner {
  width: 100%;
  height: 460px;
  background-position: center;
  background-repeat: no-repeat; }

.contact_ul {
  margin-top: 92px;
  text-align: center;
  overflow: hidden; }
  .contact_ul li {
    width: 33.33%;
    float: left; }
    .contact_ul li .icon {
      margin: 0 auto;
      width: 98px;
      height: 98px;
      border-radius: 50%;
      -webkit-border-radius: 50%;
      border: 1px solid #7a7468;
      background-position: center;
      background-repeat: no-repeat;
      transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out; }
    .contact_ul li .tit {
      margin-top: 24px;
      color: #999180;
      font-size: 14px; }
  .contact_ul li:hover .icon {
    background-color: #7a7468; }

.map {
  width: 100%;
  height: 540px;
  margin-top: 68px; }

.newsdea_tit {
  padding-top: 54px;
  font-size: 30px;
  line-height: 40px;
  color: #ce8e36;
  text-align: center; }

.newsdea_ft {
  text-align: center;
  font-size: 14px;
  color: #999180;
  margin-top: 14px; }

.newsdea_con {
  line-height: 36px;
  font-size: 16px;
  color: #999180;
  margin-top: 48px; }
  .newsdea_con img {
    max-width: 100%; }

.pagebg {
  /*background: #1f1f21; */
}

.news_ul {
  padding-top: 36px; }
  .news_ul li {
    margin-top: 32px; }
    .news_ul li a {
      display: block;
      background: #2a2b2f;
      overflow: hidden; }
      .news_ul li a .img {
        float: left;
        width: 366px;
        height: 220px;
        overflow: hidden; }
        .news_ul li a .img img {
          width: 100%;
          height: 100%;
          transition: all 0.4s ease-in-out;
          -webkit-transition: all 0.4s ease-in-out; }
      .news_ul li a .rcon {
        float: left;
        margin-left: 50px;
        width: 704px;
        padding-top: 46px; }
        .news_ul li a .rcon .textover {
          font-size: 18px;
          color: #ce8e36; }
        .news_ul li a .rcon .data {
          margin-top: 14px;
          font-size: 14px;
          color: #9d9686; }
        .news_ul li a .rcon .font {
          line-height: 26px;
          margin-top: 28px;
          font-size: 14px;
          color: #9d9686;
          display: -webkit-box;
          overflow: hidden;
          white-space: normal !important;
          text-overflow: ellipsis;
          word-wrap: break-word;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          height: 52px; }
    .news_ul li a:hover .img img {
      transform: scale(1.08);
      -webkit-transform: scale(1.08);
      -moz-transform: scale(1.08);
      -ms-transform: scale(1.08);
      -o-transform: scale(1.08); }

.page_num {
  font-size: 14px;
  margin-top: 56px;
  text-align: center; }
  .page_num a {
    display: inline-block;
    margin: 0 3px;
    padding: 12px 20px;
    background: #2f3034;
    color: #968f81;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out; }
  .page_num a:hover {
    background: #ce8e36;
    color: #fff; }
  .page_num .sel {
    background: #ce8e36;
    color: #fff; }
  .page_num .disabled {
    cursor: not-allowed; }
  .page_num .disabled:hover {
    background: #2f3034;
    color: #968f81; }

.about_main {
  width: 1312px;
  margin: 0 auto; }
  .about_main .about_top {
    margin-top: 96px; }
    .about_main .about_top .aleft {
      float: left;
      width: 600px; }
      .about_main .about_top .aleft .tit {
        font-size: 48px;
        line-height: 52px;
        padding-top: 26px;
        color: #ce8e36;
        font-family: C;/*B*/ }
      .about_main .about_top .aleft .tit:before {
        content: '';
        width: 286px;
        height: 16px;
        background: #353331;
        position: absolute;
        left: 0;
        bottom: -4px;
        z-index: -1; }
      .about_main .about_top .aleft .font {
        margin-top: 118px;
        font-family: C;
        font-size: 20px;
        color: #999180;
        line-height: 32px; }
        .about_main .about_top .aleft .font p {
          text-indent: 40px; }
    .about_main .about_top .aright {
      width: 530px;
      height: 630px;
      float: right; }
      .about_main .about_top .aright img {
        width: 100%;
        height: 100%; }
    .about_main .about_top .aright:after {
      content: '';
      width: 190px;
      height: 380px;
      position: absolute;
      left: -24px;
      bottom: -24px;
      background: #4c4942;
      z-index: -1; }

.about_cen {
  margin-top: 130px;
  padding-bottom: 40px; }
  .about_cen .left {
    margin-left: 56px;
    float: left;
    width: 698px; }
    .about_cen .left .img {
      width: 282px;
      height: 567px;
      float: left; }
      .about_cen .left .img img {
        width: 100%;
        height: 100%; }
    .about_cen .left .img:after {
      content: '';
      width: 227px;
      height: 382px;
      position: absolute;
      left: -24px;
      bottom: -24px;
      background: #4c4942;
      z-index: -1; }
    .about_cen .left .lcon {
      float: left;
      margin-left: 60px; }
      .about_cen .left .lcon .tit {
        padding-top: 218px;
        font-family: C;
        font-size: 24px;
        line-height: 28px;
        color: #ce8e36; }
      .about_cen .left .lcon .font {
        margin-top: 30px;
        font-family: C;
        font-size: 18px;
        line-height: 26px;
        color: #9d9686; }
      .about_cen .left .lcon .more {
        margin-top: 38px;
        width: 70px;
        height: 24px;
        margin-top: 38px; }
        .about_cen .left .lcon .more a {
          display: block;
          width: 100%;
          height: 100%;
          background: url(../images/page/jt.png) no-repeat center #ce8e36; }
      .about_cen .left .lcon .more a:after {
        content: '';
        position: absolute;
        border: #ce8e36 solid 8px;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        -webkit-animation-duration: 1s;
        animation-duration: 1s; }
      .about_cen .left .lcon .more:hover a:after {
        -webkit-animation-name: hvr-ripple-out;
        animation-name: hvr-ripple-out; }
  .about_cen .left:after {
    content: '';
    width: 294px;
    height: 1px;
    background: #3d3d3d;
    position: absolute;
    top: 180px;
    left: 282px; }
  .about_cen .right {
    float: right;
    width: 432px;
    padding-top: 100px; }
    .about_cen .right .tit {
      font-family: C;
      font-size: 24px;
      line-height: 28px;
      color: #ce8e36; }
    .about_cen .right .font {
      margin-top: 16px;
      font-family: C;
      font-size: 18px;
      line-height: 26px;
      color: #9d9686; }
    .about_cen .right .rul {
      padding-top: 12px;
      overflow: hidden; }
      .about_cen .right .rul li {
        margin-top: 32px;
        float: left; }
        .about_cen .right .rul li a {
          display: block;
          width: 390px;
          height: 236px; }
          .about_cen .right .rul li a img {
            width: 100%;
            height: 100%;
            transition: all 0.4s ease-in-out;
            -webkit-transition: all 0.4s ease-in-out; }
        .about_cen .right .rul li a:hover img {
          transform: scale(1.08);
          -webkit-transform: scale(1.08);
          -moz-transform: scale(1.08);
          -ms-transform: scale(1.08);
          -o-transform: scale(1.08); }

.about_vdo {
  margin-top: 96px;
  width: 100%;
  height: 520px; }
  .about_vdo a {
    display: block;
    width: 100%;
    height: 100%; }
  .about_vdo img {
    width: 100%;
    height: 100%; }
  .about_vdo .vdo {
    background: url(../images/page/vdo.png) no-repeat center;
    width: 76px;
    height: 76px;
    position: absolute;
    left: 50%;
    margin-left: -38px;
    top: 50%;
    margin-top: -38px;
    z-index: 5;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out; }
  .about_vdo .vdo:after {
    content: '';
    position: absolute;
    border: #ecebeb solid 8px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    border-radius: 50%;
    -webkit-border-radius: 50%; }
  .about_vdo .vdo:hover:after {
    -webkit-animation-name: hvr-ripple-out;
    animation-name: hvr-ripple-out; }

.about_img {
  margin-top: 100px;
  padding-bottom: 100px; }
  .about_img .img {
    overflow: hidden; }
    .about_img .img .img2 {
      width: 370px;
      height: 730px;
      float: right;
      margin-right: 98px; }
    .about_img .img .img3 {
      width: 264px;
      height: 694px;
      float: right; }
  .about_img .img1 {
    position: absolute;
    left: 0;
    top: 166px;
    width: 419px;
    height: 282px; }
  .about_img .font {
    font-size: 22px;
    line-height: 28px;
    color: #999180;
    margin-top: 120px;
    font-family: C;
    text-align: right;
    padding-right: 62px;
    width: 600px;
    float: right; }

.find_top {
  margin-top: 96px; }
  .find_top .left {
    float: left;
    width: 300px;
    margin-left: 56px;
    padding-top: 38px; }
  .find_top .right {
    float: right;
    margin-right: -390px;
    overflow: hidden; }
    .find_top .right li {
      width: 380px;
      margin-right: 10px;
      float: left;
      height: 306px;
      overflow: hidden; }
      .find_top .right li a {
        display: block; }
        .find_top .right li a img {
          width: 380px;
          height: 306px;
          transition: all 0.4s ease-in-out;
          -webkit-transition: all 0.4s ease-in-out; }
    .find_top .right li:hover a img {
      transform: scale(1.08);
      -webkit-transform: scale(1.08);
      -moz-transform: scale(1.08);
      -ms-transform: scale(1.08);
      -o-transform: scale(1.08); }

.find_tit {
  font-family: C;/*B*/
  font-size: 48px;
  line-height: 52px;
  color: #ce8e36; }
  .find_tit span {
    font-family: C;
    font-size: 20px;
    color: #999180;
    margin-left: 24px; }

.find_font {
  font-family: C;
  font-size: 24px;
  line-height: 32px;
  color: #999180;
  margin-top: 36px; }

.find_two {
  margin-top: 112px;
  background: url(../images/page/bg1.jpg) right 356px no-repeat; }
  .find_two .left {
    margin-left: -304px;
    padding-right: 148px;
    width: 786px;
    height: 635px;
    float: left; }
    .find_two .left .find_imgul {
      width: 100%;
      height: 100%;
      overflow: hidden; }
      .find_two .left .find_imgul img {
        width: 100%;
        height: 100%; }
    .find_two .left .more {
      float: left;
      position: absolute;
      right: 0;
      width: 148px;
      height: 78px;
      line-height: 78px;
      text-align: center;
      bottom: 0;
      background: url(../images/page/jt2.png) no-repeat center #999180;
      cursor: pointer;
      outline: none; }
      .find_two .left .more a {
        display: block;
        width: 100%;
        height: 100%; }
  .find_two .font {
    padding-top: 106px;
    float: left; }
    .find_two .font .find_font {
      margin-top: 20px; }
  .find_two .right {
    float: right;
    width: 250px;
    margin-top: 50px;
    margin-right: -132px;
    height: 250px; }
    .find_two .right img {
      border-radius: 50%;
      -webkit-border-radius: 50%;
      width: 100%;
      height: 100%; }

.find_three .left {
  float: left;
  padding-top: 196px; }
  .find_three .left .find_font {
    margin-top: 58px;
    width: 416px; }
    .find_three .left .find_font p {
      margin-bottom: 30px; }
.find_three .right {
  width: 1080px;
  height: 720px;
  float: right;
  margin-right: -304px; }
  .find_three .right img {
    width: 100%;
    height: 100%; }

.find_vdo {
  width: 100%;
  height: 500px; }
  .find_vdo a {
    display: block; }
  .find_vdo img {
    width: 100%;
    height: 100%; }
  .find_vdo .vdo {
    background: url(../images/page/vdo.png) no-repeat center;
    width: 76px;
    height: 76px;
    position: absolute;
    left: 50%;
    margin-left: -38px;
    top: 50%;
    margin-top: -38px;
    z-index: 5;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out; }
  .find_vdo .vdo:after {
    content: '';
    position: absolute;
    border: #ecebeb solid 8px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    border-radius: 50%;
    -webkit-border-radius: 50%; }
  .find_vdo .vdo:hover:after {
    -webkit-animation-name: hvr-ripple-out;
    animation-name: hvr-ripple-out; }

.find_four {
  margin-top: 118px; }
  .find_four ul {
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .find_four ul li {
      width: 644px;
      height: 581px;
      margin-bottom: 24px; }
      .find_four ul li img {
        width: 100%;
        height: 100%; }
  .find_four .font {
    width: 260px;
    height: 260px;
    position: absolute;
    left: 50%;
    margin-left: -130px;
    top: 463px;
    z-index: 10;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    font-family: C;
    font-size: 22px;
    line-height: 28px;
    box-sizing: border-box;
    padding: 46px 40px;
    background: #ce8e36;
    color: #faf4eb;
    overflow: hidden; }

.find_five {
  margin-top: 160px;
  width: 100%;
  overflow: hidden; }
  .find_five .left {
    float: left;
    width: 1050px;
    margin-left: -360px;
    height: 468px;
    background: #2a2b2f;
    padding-top: 124px;
    box-sizing: border-box;
    padding-left: 360px;
    padding-right: 162px; }
  .find_five .right {
    float: right;
    height: 468px;
    width: 870px;
    margin-right: -360px; }
    .find_five .right img {
      width: 100%;
      height: 100%; }

.last_ul {
  margin: 0 auto;
  margin-top: 94px;
  overflow: hidden;
  width: 1312px; }
  .last_ul li {
    float: left;
    width: 328px;
    height: 238px;
    overflow: hidden; }
    .last_ul li img {
      width: 100%;
      height: 100%;
      transition: all 0.4s ease-in-out;
      -webkit-transition: all 0.4s ease-in-out; }
  .last_ul li:hover img {
    transform: scale(1.08);
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08); }

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