* {
  margin: 0;
  padding: 0; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
  font-family: "Microsoft YaHei"; }

fieldset, img {
  border: 0; }

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

button:focus, input:focus, textarea:focus {
  outline: none; }

address, caption, cite, code, dfn, em, strong, th, var, optgroup {
  font-style: normal;
  font-weight: normal; }

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

abbr, acronym {
  border: 0;
  font-variant: normal; }

input, button, textarea, select, optgroup, option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  background-color: #fff;
  border: none; }

code, kbd, samp, tt {
  font-size: 100%; }

body {
  background-color: #fff; }

a {
  text-decoration: none; }
  a:hover {
    text-decoration: none; }

input, button, textarea {
  *font-size: 100%; }

ol, ul {
  list-style: none; }

table, tr, td {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
  padding: 0; }

caption, th {
  text-align: left; }

sup, sub {
  font-size: 100%;
  vertical-align: baseline; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: ''; }

.fr {
  float: right; }

.fl {
  float: left; }

.text-omit {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }

.text-two {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.err-tips {
  display: block;
  font-size: 12px;
  color: red;
  padding-left: 5px; }

.clear {
  clear: both;
  zoom: 1; }

@keyframes jump {
  0% {
    transform: translateY(0); }
  20% {
    transform: translateY(-2px); }
  30% {
    transform: translateY(-5px); }
  40% {
    transform: translateY(-8px); }
  50% {
    transform: translateY(-10px); }
  60% {
    transform: translateY(-7px); }
  70% {
    transform: translateY(-4px); }
  80% {
    transform: translateY(-1px); }
  90% {
    transform: translateY(2px); }
  100% {
    transform: translateY(0); } }
.scale1 {
  transition: all linear .3s; }
  .scale1:hover {
    transform: scale(1.1); }

.container {
  max-width: 1200px; }

.container-full {
  width: 100%; }

#totop {
  position: fixed;
  right: 30px;
  bottom: 50px;
  z-index: 999;
  width: 40px;
  height: 40px;
  background: url(../image/top_arrow.png) no-repeat;
  filter: alpha(opacity=50);
  opacity: 0.5; }
  #totop:hover {
    filter: alpha(opacity=100);
    opacity: 1;
    background: url(../image/top_arrow_active.png) no-repeat; }

@keyframes scale10 {
  0% {
    transform: scale(0.9); }
  10% {
    transform: scale(0.91); }
  20% {
    transform: scale(0.92); }
  30% {
    transform: scale(0.93); }
  40% {
    transform: scale(0.94); }
  50% {
    transform: scale(0.95); }
  60% {
    transform: scale(0.96); }
  70% {
    transform: scale(0.97); }
  80% {
    transform: scale(0.98); }
  90% {
    transform: scale(0.99); }
  100% {
    transform: scale(1); } }
@keyframes scale11 {
  0% {
    transform: scale(1); }
  10% {
    transform: scale(1.01); }
  20% {
    transform: scale(1.02); }
  30% {
    transform: scale(1.03); }
  40% {
    transform: scale(1.04); }
  50% {
    transform: scale(1.05); }
  60% {
    transform: scale(1.06); }
  70% {
    transform: scale(1.07); }
  80% {
    transform: scale(1.08); }
  90% {
    transform: scale(1.09); }
  100% {
    transform: scale(1.1); } }
@keyframes horizontal {
  0% {
    transform: translateX(0); }
  20% {
    transform: translateX(-2px); }
  30% {
    transform: translateX(-5px); }
  40% {
    transform: translateX(-8px); }
  50% {
    transform: translateX(-10px); }
  60% {
    transform: translateX(-7px); }
  70% {
    transform: translateX(-4px); }
  80% {
    transform: translateX(-1px); }
  90% {
    transform: translateX(2px); }
  100% {
    transform: translateX(0); } }
@-webkit-keyframes bshadow {
  0% {
    box-shadow: 0 0 6px #ccc; }
  10% {
    box-shadow: 0 0 6.5px #A88488; }
  20% {
    box-shadow: 0 0 7px #a86061; }
  30% {
    box-shadow: 0 0 7.5px #a84849; }
  40% {
    box-shadow: 0 0 8px #a82d2b; }
  50% {
    box-shadow: 0 0 8.5px #a81b2a; }
  60% {
    box-shadow: 0 0 8px #a82d2b; }
  70% {
    box-shadow: 0 0 7.5px #a84849; }
  80% {
    box-shadow: 0 0 7px #a86061; }
  90% {
    box-shadow: 0 0 6.5px #A88488; }
  100% {
    box-shadow: 0 0 6px #ccc; } }
.banner-o {
  width: 100%;
  overflow: hidden; }
  .banner-o > img {
    width: 100%;
    height: 100%;
    display: block;
    animation: scale11 5s linear;
    animation-fill-mode: forwards; }
  @media screen and (max-width: 991.98px) {
    .banner-o {
      height: 200px; }
      .banner-o > img {
        width: auto;
        margin-left: -23.2%; } }

.prev, .next {
  position: absolute;
  left: 3%;
  top: 50%;
  z-index: 99;
  margin-top: -25px;
  display: block;
  width: 32px;
  height: 40px;
  background: url(../image/slider_arrow.png) -110px 5px no-repeat;
  filter: alpha(opacity=50);
  opacity: 0.5;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  filter: alpha(opacity=50);
  filter: "alpha(opacity=50)";
  opacity: 0.5;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); }

.next {
  left: auto;
  right: 3%;
  background-position: 8px 5px; }

.prev:hover, .next:hover {
  filter: alpha(opacity=100);
  opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
  filter: "alpha(opacity=100)";
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); }

.header {
  background-color: transparent;
  height: 70px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  transition: all linear 1s;
  transform-origin: top center;
  background-color: rgba(0, 0, 0, 0.5); }
  .header:hover {
    background-color: rgba(0, 0, 0, 0.5); }
  .header.active {
    transform: rotateX(-90deg); }
  .header .header-content {
    height: 100%;
    margin: 0 auto;
    line-height: 70px; }
    .header .header-content .logo {
      /*width: 100px;*/
      height: 50px;
      display: inline-block;
      margin: 10px; }
      .header .header-content .logo > img {
        width: 100%;
        height: 100%; }
    .header .header-content .head-mobile-warp {
      display: none; }
    .header .header-content .nav {
      height: 100%;
      max-width: 100%;
      position: relative;
      font-size: 0; }
      .header .header-content .nav .nav-item {
        display: inline-block;
        height: 90%;
        padding: 0 10px;
        margin: 0 10px;
        transition: all linear .3s; }
        .header .header-content .nav .nav-item .nav-links {
          height: 100%;
          width: 100%;
          display: inline-block;
          font-size: 16px;
          color: #fff;
          position: relative;
          text-align: center; }
          .header .header-content .nav .nav-item .nav-links .bd {
            position: absolute;
            bottom: 0;
            left: 50%;
            width: 0;
            height: 2px;
            border-radius: 6px;
            background-color: #fff;
            transition: all linear .3s; }
          .header .header-content .nav .nav-item .nav-links:hover {
            opacity: 1;
            cursor: pointer; }
            .header .header-content .nav .nav-item .nav-links:hover .bd {
              width: 100%;
              left: 0; }
        .header .header-content .nav .nav-item.search {
          position: absolute;
          line-height: 78px;
          width: 46%;
          right: 0;
          top: 0;
          z-index: -1; }
          .header .header-content .nav .nav-item.search .search-icon {
            width: 20px;
            height: 20px;
            position: absolute;
            top: 26px;
            z-index: 5;
            right: -40px;
            transition: all linear .3s; }
          .header .header-content .nav .nav-item.search .close-icon {
            width: 20px;
            height: 20px;
            transition: all linear .3s;
            opacity: 0;
            top: 24px;
            z-index: 1;
            position: absolute; }
          .header .header-content .nav .nav-item.search .search-input {
            width: 0;
            opacity: 0;
            transition: all linear .3s;
            animation-delay: 0.3s;
            position: relative;
            margin: 16px 0;
            height: 36px;
            line-height: 36px; }
            .header .header-content .nav .nav-item.search .search-input > input {
              width: 100%;
              height: 100%;
              border-radius: 6px;
              border: 1px solid #e6e6e6;
              padding: 3px 36px 3px 3px;
              box-sizing: border-box;
              background-color: transparent;
              font-size: 14px;
              text-align: center;
              color: #fff; }
              .header .header-content .nav .nav-item.search .search-input > input::-webkit-input-placeholder {
                color: #e6e6e6; }
              .header .header-content .nav .nav-item.search .search-input > input::-moz-placeholder {
                /* Mozilla Firefox 19+ */
                color: #e6e6e6; }
              　　
              .header .header-content .nav .nav-item.search .search-input > input:-moz-placeholder {
                /* Mozilla Firefox 4 to 18 */
                color: #e6e6e6; }
              .header .header-content .nav .nav-item.search .search-input > input:-ms-input-placeholder {
                /* Internet Explorer 10-11 */
                color: #e6e6e6; }
            .header .header-content .nav .nav-item.search .search-input .label {
              position: absolute;
              top: 8px;
              right: 8px;
              width: 20px;
              height: 20px; }
          .header .header-content .nav .nav-item.search:hover {
            cursor: pointer; }
        .header .header-content .nav .nav-item.search-acitve {
          z-index: 2 !important; }
          .header .header-content .nav .nav-item.search-acitve .search-icon {
            opacity: 0;
            z-index: 1; }
          .header .header-content .nav .nav-item.search-acitve .close-icon {
            opacity: 1;
            top: 24px;
            right: -40px;
            z-index: 5; }
          .header .header-content .nav .nav-item.search-acitve .search-input {
            opacity: 1;
            width: 100%;
            left: 0; }
        .header .header-content .nav .nav-item.hide {
          opacity: 0;
          transform: scale(0);
          color: transparent; }
  @media screen and (max-width: 1199.98px) {
    .header {
      background-color: rgba(225, 225, 225, 0.5);
      position: static; }
      .header .header-content {
        position: relative; }
        .header .header-content .logo {
          display: none; }
        .header .header-content .head-mobile-warp {
          height: 70px;
          display: flex;
          align-items: center;
          justify-content: space-between;
          position: fixed;
          top: 0;
          left: 0;
          z-index: 100;
          width: 100%;
          background-image: url("../image/index_nav_bg_01.jpg"); }
          .header .header-content .head-mobile-warp .logo {
            /*width: 100px;*/
            height: 50px;
            display: inline-block;
            margin: 10px; }
            .header .header-content .head-mobile-warp .logo > img {
              width: 100%;
              height: 100%; }
          .header .header-content .head-mobile-warp .icon_box {
            display: block;
            width: 36px;
            height: 36px;
            padding: 0 10px; }
            .header .header-content .head-mobile-warp .icon_box > span {
              display: block;
              height: 5px;
              width: 100%;
              margin: 7px 0;
              background-color: #960014;
              border-radius: 6px;
              transition: all linear .6s;
              transform-origin: -2px center; }
            .header .header-content .head-mobile-warp .icon_box.mobile > span {
              background-color: #960014; }
            .header .header-content .head-mobile-warp .icon_box.mobile > span:nth-of-type(1) {
              transform: rotateZ(45deg); }
            .header .header-content .head-mobile-warp .icon_box.mobile > span:nth-of-type(2) {
              transform: translateX(200%); }
            .header .header-content .head-mobile-warp .icon_box.mobile > span:nth-of-type(3) {
              transform: rotateZ(-45deg); }
        .header .header-content .nav {
          position: fixed;
          left: 0;
          z-index: 100;
          background-color: rgba(225, 225, 225, 0.9);
          height: calc(100vh - 70px);
          max-width: 100%;
          width: 100vw;
          background-image: url("../image/index_nav_bg_01.jpg");
          -webkit-background-size: cover;
          background-size: cover;
          transition: all linear .3s;
          top: -100vh; }
          .header .header-content .nav.mobile {
            top: 70px; }
          .header .header-content .nav .nav-item {
            height: 70px;
            width: 100%;
            padding: 0 10px;
            box-sizing: border-box;
            margin: 0; }
            .header .header-content .nav .nav-item .nav-links {
              height: 100%;
              width: 100%;
              display: inline-block;
              font-size: 16px;
              color: #960014; }
            .header .header-content .nav .nav-item.search {
              position: static;
              line-height: 70px;
              width: 100%; }
              .header .header-content .nav .nav-item.search .search-icon {
                display: none; }
              .header .header-content .nav .nav-item.search .close-icon {
                display: none; }
              .header .header-content .nav .nav-item.search .search-input {
                width: 100%;
                opacity: 1;
                position: relative;
                margin: 16px 0;
                height: 36px;
                line-height: 36px; }
                .header .header-content .nav .nav-item.search .search-input > input {
                  color: #960014;
                  border: 1px solid #960014;
                  text-indent: 36px; }
                  .header .header-content .nav .nav-item.search .search-input > input::-webkit-input-placeholder {
                    color: #960014; }
                  .header .header-content .nav .nav-item.search .search-input > input::-moz-placeholder {
                    /* Mozilla Firefox 19+ */
                    color: #960014; }
                  　　
                  .header .header-content .nav .nav-item.search .search-input > input:-moz-placeholder {
                    /* Mozilla Firefox 4 to 18 */
                    color: #960014; }
                  .header .header-content .nav .nav-item.search .search-input > input:-ms-input-placeholder {
                    /* Internet Explorer 10-11 */
                    color: #960014; } }

.footer {
  margin: 0 auto; }
  .footer .footer-warp {
    background-image: url("../image/index_footer_01.png");
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding-top: 70px; }
    .footer .footer-warp .navs {
      margin: 0 auto;
      padding: 30px 0 50px;
      text-align: center; }
      .footer .footer-warp .navs .nav-links {
        font-size: 0;
        float: none; }
        .footer .footer-warp .navs .nav-links .item {
          display: inline-block;
          font-size: 16px;
          color: #fff; }
          .footer .footer-warp .navs .nav-links .item .s {
            padding: 0 10px;
            font-style: oblique; }
      .footer .footer-warp .navs .friend-links {
        float: none;
        text-align: center; }
        .footer .footer-warp .navs .friend-links .item {
          display: inline-block;
          font-size: 16px;
          color: #fff; }
    .footer .footer-warp .company-info {
      margin: 0 auto 20px; }
      .footer .footer-warp .company-info .left {
        color: #fff; }
        .footer .footer-warp .company-info .left .logo {
          display: block;
          max-width: 100%;
          margin-bottom: 30px; }
        .footer .footer-warp .company-info .left .tel {
          font-size: 30px;
          margin-bottom: 20px;
          color: #fff;
          display: block; }
        .footer .footer-warp .company-info .left .address {
          font-size: 20px;
          line-height: 2; }
          .footer .footer-warp .company-info .left .address .tel2 {
            font-size: 20px;
            color: #fff; }
      .footer .footer-warp .company-info .right {
        font-size: 0; }
        .footer .footer-warp .company-info .right .footer-qrcode {
          display: inline-block;
          margin: 40px 20px;
          background-color: rgba(0, 0, 0, 0.5); }
          .footer .footer-warp .company-info .right .footer-qrcode > img {
            width: 80%;
            height: 80%;
            margin: 10%; }
    .footer .footer-warp .copyright {
      text-align: center;
      background-color: rgba(0, 0, 0, 0.6);
      padding: 15px 0;
      font-size: 14px;
      color: #fff; }
      .footer .footer-warp .copyright > a {
        color: #fff; }
  @media screen and (max-width: 991.98px) {
    .footer .message {
      padding-bottom: 10px; }
      .footer .message .form .form-warp .left {
        padding: 10px 0; }
        .footer .message .form .form-warp .left .form-group {
          height: 40px;
          padding: 10px;
          position: relative; }
          .footer .message .form .form-warp .left .form-group > input {
            width: 100%;
            border-radius: 10px;
            border: 1px solid #960014;
            text-align: left;
            color: #666;
            height: 30px;
            padding: 5px; }
          .footer .message .form .form-warp .left .form-group.action {
            display: inline-block;
            float: right;
            box-sizing: border-box;
            padding: 10px 0; }
            .footer .message .form .form-warp .left .form-group.action > input {
              padding: 0 20px;
              height: 40px; }
              .footer .message .form .form-warp .left .form-group.action > input:hover {
                cursor: pointer;
                background-color: #960014;
                color: #fff; }
      .footer .message .form .form-warp .right {
        padding: 10px 0; }
        .footer .message .form .form-warp .right .form-group.action {
          padding: 10px; }
    .footer .footer-warp {
      background-color: #960014;
      padding-top: 20px; }
      .footer .footer-warp .navs {
        padding: 0 0 20px; }
        .footer .footer-warp .navs .nav-links {
          text-align: center;
          width: 100%; }
          .footer .footer-warp .navs .nav-links .item {
            padding-bottom: 6px; }
        .footer .footer-warp .navs .friend-links {
          text-align: center;
          width: 100%; }
      .footer .footer-warp .company-info {
        margin: 0 auto; }
        .footer .footer-warp .company-info .left {
          width: 100%;
          text-align: center;
          padding: 0 10px;
          box-sizing: border-box; }
          .footer .footer-warp .company-info .left .logo {
            max-width: 44%;
            margin: 0 auto 20px; }
          .footer .footer-warp .company-info .left .tel {
            font-size: 13px;
            margin-bottom: 10px;
            color: #fff;
            display: block;
            text-align: left; }
          .footer .footer-warp .company-info .left .address {
            text-align: left;
            font-size: 13px;
            line-height: 2; }
            .footer .footer-warp .company-info .left .address .tel2 {
              font-size: 13px;
              color: #fff; }
        .footer .footer-warp .company-info .right {
          width: 100%;
          display: flex;
          align-items: center;
          justify-content: space-around; }
          .footer .footer-warp .company-info .right .footer-qrcode {
            margin: 10px 0; }
      .footer .footer-warp .copyright {
        font-size: 12px; } }

.content .about {
  margin: 0 auto;
  padding: 30px 0;
  overflow: hidden; }
  .content .about .table-pag {
    text-align: center;
    font-size: 0;
    padding: 20px 0;
    transition: all linear .3s; }
    .content .about .table-pag.active {
      width: 100%;
      position: fixed;
      top: 0;
      left: 0;
      background: #fff;
      z-index: 999;
      box-shadow: 0 0 5px 2px #ccc; }
    .content .about .table-pag.h {
      top: 70px; }
    .content .about .table-pag .pag {
      display: inline-block;
      font-size: 16px;
      padding: 10px 20px;
      margin: 0 10px;
      border-radius: 10px;
      border: 1px solid #c1c1c1;
      background-color: #fff;
      color: #960014; }
      .content .about .table-pag .pag.active {
        border-color: #960014;
        background-color: #960014;
        color: #fff; }
      .content .about .table-pag .pag:hover {
        cursor: pointer; }
  .content .about .about-item {
    padding: 30px; }
    .content .about .about-item .about-title {
      font-size: 28px;
      font-weight: 600;
      text-align: center;
      padding-bottom: 20px; }
    .content .about .about-item .about-warp {
      position: relative; }
      .content .about .about-item .about-warp .left {
        display: inline-block;
        border-radius: 16px;
        z-index: 1;
        overflow: hidden; }
        .content .about .about-item .about-warp .left.text {
          padding: 20px;
          position: absolute;
          top: 50%;
          left: 10%;
          transform: translateY(-50%);
          z-index: 10;
          width: 46%;
          background-color: #fff;
          box-shadow: 0 0 6px #ccc;
          text-align: center;
          line-height: 2;
          color: #960014; }
        .content .about .about-item .about-warp .left.img > img {
          height: auto; }
      .content .about .about-item .about-warp .right {
        box-sizing: border-box;
        border-radius: 16px;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        z-index: 10; }
        .content .about .about-item .about-warp .right.text {
          padding: 20px;
          width: 46%;
          background-color: #fff;
          box-shadow: 0 0 6px #ccc;
          text-align: center;
          line-height: 2;
          color: #960014; }
        .content .about .about-item .about-warp .right.img {
          position: static;
          margin-left: 50%;
          transform: translateY(0);
          overflow: hidden; }
          .content .about .about-item .about-warp .right.img > img {
            max-width: 100%;
            height: auto; }
      .content .about .about-item .about-warp .text {
        padding: 20px;
        width: 100%;
        background-color: #fff;
        box-shadow: 0 0 6px #ccc;
        text-align: center;
        line-height: 2;
        color: #960014;
        box-sizing: border-box;
        border-radius: 16px; }
      .content .about .about-item .about-warp .step-left, .content .about .about-item .about-warp .step-right {
        width: 50%;
        padding: 20px 10px 20px 20px;
        font-size: 0;
        box-sizing: border-box; }
        .content .about .about-item .about-warp .step-left .step-item, .content .about .about-item .about-warp .step-right .step-item {
          display: table;
          padding-bottom: 20px;
          width: 100%; }
          .content .about .about-item .about-warp .step-left .step-item .year, .content .about .about-item .about-warp .step-right .step-item .year {
            border-radius: 50%;
            color: #fff;
            background-color: #960014;
            font-size: 36px;
            font-weight: 600;
            text-align: center;
            width: 130px;
            height: 130px;
            line-height: 130px;
            display: table-cell;
            vertical-align: middle; }
          .content .about .about-item .about-warp .step-left .step-item .text-warp, .content .about .about-item .about-warp .step-right .step-item .text-warp {
            font-size: 16px;
            text-align: left;
            box-sizing: border-box;
            width: calc(100% - 150px);
            margin: 0 0 0 20px;
            display: table-cell;
            vertical-align: middle; }
            .content .about .about-item .about-warp .step-left .step-item .text-warp .text, .content .about .about-item .about-warp .step-right .step-item .text-warp .text {
              min-height: 104px;
              margin-left: 4%;
              width: 96%; }
      .content .about .about-item .about-warp .step-right {
        padding: 20px 20px 20px 10px; }
        .content .about .about-item .about-warp .step-right .step-item .text-warp .text {
          margin-left: 0;
          margin-right: 4%; }
      .content .about .about-item .about-warp .step-item-last .year {
        border-radius: 16px;
        color: #fff;
        background-color: #960014;
        font-size: 36px;
        font-weight: 600;
        text-align: center;
        width: 180px;
        height: 70px;
        line-height: 70px;
        margin: 20px auto; }
      .content .about .about-item .about-warp .step-item-last .text-warp {
        width: 50%;
        margin: 0 auto; }
      .content .about .about-item .about-warp:hover .text {
        cursor: pointer;
        animation: bshadow 3s linear infinite;
        background-color: #960014;
        color: #fff; }
      .content .about .about-item .about-warp:hover .img {
        animation: horizontal 3s linear infinite; }
  @media screen and (max-width: 991.98px) {
    .content .about {
      padding: 0; }
      .content .about .table-pag {
        padding: 10px 0; }
        .content .about .table-pag.h {
          top: 80px; }
        .content .about .table-pag .pag {
          margin: 0 10px 10px; }
      .content .about .about-item {
        padding: 10px; }
        .content .about .about-item .about-title {
          font-size: 22px;
          padding-bottom: 10px; }
        .content .about .about-item .about-warp {
          position: relative;
          width: 100%;
          box-shadow: 0 0 6px #ccc;
          border-radius: 16px; }
          .content .about .about-item .about-warp .left {
            width: 100%; }
            .content .about .about-item .about-warp .left.text {
              position: static;
              width: 100%;
              transform: translateY(0);
              margin-bottom: 10px; }
            .content .about .about-item .about-warp .left.img > img {
              width: 100%;
              height: auto; }
          .content .about .about-item .about-warp .right {
            transform: translateY(0);
            z-index: 10; }
            .content .about .about-item .about-warp .right.text {
              width: 100%;
              position: static;
              margin-bottom: 10px; }
            .content .about .about-item .about-warp .right.img {
              position: static;
              margin-left: 0;
              transform: translateY(0);
              overflow: hidden; }
              .content .about .about-item .about-warp .right.img > img {
                width: 100%;
                max-width: 100%;
                height: auto; }
          .content .about .about-item .about-warp .step-left, .content .about .about-item .about-warp .step-right {
            width: 100%;
            padding: 0; }
            .content .about .about-item .about-warp .step-left .step-item, .content .about .about-item .about-warp .step-right .step-item {
              display: flex;
              align-items: center;
              justify-content: space-between;
              padding-bottom: 20px;
              width: 100%; }
              .content .about .about-item .about-warp .step-left .step-item .year, .content .about .about-item .about-warp .step-right .step-item .year {
                display: block;
                vertical-align: middle; }
              .content .about .about-item .about-warp .step-left .step-item .text-warp, .content .about .about-item .about-warp .step-right .step-item .text-warp {
                display: block; }
          .content .about .about-item .about-warp .step-right {
            padding: 0; }
          .content .about .about-item .about-warp .step-item-last .text-warp {
            width: 100%; }
          .content .about .about-item .about-warp .text {
            box-shadow: none !important; }
          .content .about .about-item .about-warp:hover .text {
            cursor: pointer;
            animation: bshadow 3s linear infinite;
            background-color: #960014;
            color: #fff; }
          .content .about .about-item .about-warp:hover .img {
            animation: none; } }
.content .inve {
  margin: 0 auto;
  padding: 30px 0;
  overflow: hidden; }
  .content .inve .inve-item {
    padding: 30px;
    margin: 170px auto;
    background-color: #f2f2f2; }
    .content .inve .inve-item .inve-warp {
      margin: 0 auto;
      position: relative;
      min-height: 400px; }
      .content .inve .inve-item .inve-warp.sl {
        min-height: 0;
        overflow: hidden; }
      .content .inve .inve-item .inve-warp .left {
        display: inline-block;
        z-index: 1;
        overflow: hidden; }
        .content .inve .inve-item .inve-warp .left.text {
          padding: 20px;
          width: 46%;
          text-align: left;
          line-height: 2;
          color: #960014; }
        .content .inve .inve-item .inve-warp .left.img {
          width: 48%;
          position: absolute;
          top: 50%;
          left: 0;
          margin-top: -20%;
          z-index: 10; }
          .content .inve .inve-item .inve-warp .left.img > img {
            width: 100%;
            height: auto; }
      .content .inve .inve-item .inve-warp .right {
        box-sizing: border-box;
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: -20%;
        z-index: 10; }
        .content .inve .inve-item .inve-warp .right.text {
          padding: 20px;
          width: 46%;
          text-align: left;
          line-height: 2;
          color: #960014; }
        .content .inve .inve-item .inve-warp .right.img {
          width: 48%;
          z-index: 10; }
          .content .inve .inve-item .inve-warp .right.img > img {
            width: 100%;
            max-width: 100%;
            height: auto; }
      .content .inve .inve-item .inve-warp .text {
        padding: 20px;
        width: 100%;
        text-align: center;
        line-height: 2;
        color: #960014;
        box-sizing: border-box; }
        .content .inve .inve-item .inve-warp .text .text-title {
          font-size: 24px;
          display: inline-block;
          color: #fff;
          background-color: #960014;
          border-radius: 16px;
          padding: 2px 18px;
          margin-top: 20px; }
      .content .inve .inve-item .inve-warp .inve-tips {
        font-size: 0;
        margin: 20px auto;
        text-align: center; }
        .content .inve .inve-item .inve-warp .inve-tips .tips {
          color: #404040;
          font-size: 14px;
          margin: 0 10px; }
          .content .inve .inve-item .inve-warp .inve-tips .tips:hover {
            color: #960014;
            cursor: pointer; }
      .content .inve .inve-item .inve-warp .inve-slide .swiper-wrapper .swiper-slide {
        position: relative; }
        .content .inve .inve-item .inve-warp .inve-slide .swiper-wrapper .swiper-slide .item-img {
          padding: 20px; }
          .content .inve .inve-item .inve-warp .inve-slide .swiper-wrapper .swiper-slide .item-img > img {
            width: 100%;
            display: block;
            box-sizing: border-box; }
        .content .inve .inve-item .inve-warp .inve-slide .swiper-wrapper .swiper-slide:hover {
          animation: jump 1.5s linear infinite; }
      .content .inve .inve-item .inve-warp:hover img {
        animation: scale11 5s linear;
        animation-fill-mode: forwards; }
  .content .inve .inve-phone {
    margin: 30px auto;
    display: block; }
    .content .inve .inve-phone > img {
      width: auto;
      height: auto;
      max-width: 1000px;
      display: block;
      margin: 0 auto; }
  @media screen and (max-width: 991.98px) {
    .content .inve {
      padding: 0; }
      .content .inve .inve-item {
        padding: 10px;
        margin: 0 auto; }
        .content .inve .inve-item .inve-warp {
          margin: 0 auto;
          position: relative;
          min-height: 400px;
          overflow: hidden; }
          .content .inve .inve-item .inve-warp .left.text {
            padding: 0;
            width: 100%;
            text-align: center; }
          .content .inve .inve-item .inve-warp .left.img {
            width: 100%;
            position: static;
            transform: translateY(0); }
            .content .inve .inve-item .inve-warp .left.img > img {
              width: 100%;
              height: auto; }
          .content .inve .inve-item .inve-warp .right {
            position: static;
            transform: translateY(0); }
            .content .inve .inve-item .inve-warp .right.text {
              padding: 0;
              width: 100%;
              text-align: center;
              margin-top: 0; }
            .content .inve .inve-item .inve-warp .right.img {
              width: 100%;
              z-index: 10; }
              .content .inve .inve-item .inve-warp .right.img > img {
                width: 100%;
                max-width: 100%;
                height: auto; }
          .content .inve .inve-item .inve-warp .text {
            padding: 0;
            width: 100%;
            text-align: center;
            line-height: 2;
            color: #960014;
            box-sizing: border-box; }
            .content .inve .inve-item .inve-warp .text .text-title {
              font-size: 24px;
              display: inline-block;
              color: #fff;
              background-color: #960014;
              border-radius: 16px;
              padding: 2px 18px;
              margin: 10px auto; }
            .content .inve .inve-item .inve-warp .text p {
              text-align: left; }
          .content .inve .inve-item .inve-warp .inve-tips {
            font-size: 0;
            margin: 20px auto;
            text-align: center; }
            .content .inve .inve-item .inve-warp .inve-tips .tips {
              color: #404040;
              font-size: 14px;
              margin: 0 10px; }
              .content .inve .inve-item .inve-warp .inve-tips .tips:hover {
                color: #960014;
                cursor: pointer; }
          .content .inve .inve-item .inve-warp .inve-slide .swiper-wrapper .swiper-slide {
            position: relative; }
            .content .inve .inve-item .inve-warp .inve-slide .swiper-wrapper .swiper-slide .item-img {
              padding: 0; }
              .content .inve .inve-item .inve-warp .inve-slide .swiper-wrapper .swiper-slide .item-img > img {
                width: 100%;
                display: block;
                box-sizing: border-box; }
      .content .inve .inve-phone {
        margin: 10px auto;
        max-width: 100%;
        padding: 10px; }
        .content .inve .inve-phone > img {
          max-width: 100%; } }
.content .concat {
  margin: 0 auto;
  padding-top: 30px;
  background-image: url("../image/index_dynamic_01.jpg");
  background-repeat: no-repeat;
  background-size: cover; }
  .content .concat .head {
    margin: 0 auto 30px; }
    .content .concat .head .head-title {
      margin-bottom: 30px;
      font-size: 22px;
      font-weight: 600;
      text-align: center;
      color: #960014; }
    .content .concat .head .head-desc {
      font-size: 16px;
      color: #404040;
      line-height: 1.5; }
  .content .concat .address {
    margin: 0 auto; }
    .content .concat .address .left {
      width: 100%;
      padding: 20px;
      box-sizing: border-box; }
      .content .concat .address .left .addr-group {
        height: 175px;
        padding: 10px 20px;
        position: relative;
        border: 2px solid #e9c581;
        box-sizing: border-box;
        border-radius: 16px;
        background-color: #fff; }
        .content .concat .address .left .addr-group .text-group {
          margin-bottom: 18px; }
          .content .concat .address .left .addr-group .text-group > a, .content .concat .address .left .addr-group .text-group > p {
            font-size: 18px;
            color: #404040; }
          .content .concat .address .left .addr-group .text-group h2 {
            font-size: 26px; }
        .content .concat .address .left .addr-group .qrcode {
          display: block;
          position: absolute;
          right: 20%;
          top: 4%; }
    .content .concat .address .right {
      width: 50%;
      padding: 20px;
      box-sizing: border-box; }
      .content .concat .address .right .addr-group {
        height: 73px;
        padding: 4px 15px;
        position: relative;
        border: 2px solid #e9c581;
        box-sizing: border-box;
        border-radius: 16px;
        margin-bottom: 10px;
        background-color: #fff;
        color: #404040;
        font-size: 16px; }
        .content .concat .address .right .addr-group:last-child {
          margin-bottom: 0; }
        .content .concat .address .right .addr-group > a {
          font-size: 16px;
          color: #404040; }
  .content .concat #allmap {
    margin: 30px auto;
    height: 600px; }
  .content .concat .message {
    background-image: url("../image/index_dynamic_01.jpg");
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover; }
    .content .concat .message .msg-title {
      font-size: 22px;
      font-weight: 600;
      text-align: center;
      color: #960014;
      margin: 30px auto; }
    .content .concat .message .form {
      margin: 0 auto; }
      .content .concat .message .form .form-warp .left {
        width: 50%;
        padding: 20px;
        box-sizing: border-box; }
        .content .concat .message .form .form-warp .left .form-group {
          height: 40px;
          padding: 10px;
          position: relative; }
          .content .concat .message .form .form-warp .left .form-group > input {
            width: 100%;
            border-radius: 10px;
            border: 1px solid #960014;
            text-align: left;
            color: #666;
            height: 30px;
            padding: 5px; }
          .content .concat .message .form .form-warp .left .form-group.action {
            display: inline-block;
            float: right;
            box-sizing: border-box;
            padding: 10px 0; }
            .content .concat .message .form .form-warp .left .form-group.action > input {
              padding: 0 20px;
              height: 40px; }
              .content .concat .message .form .form-warp .left .form-group.action > input:hover {
                cursor: pointer;
                background-color: #960014;
                color: #fff; }
      .content .concat .message .form .form-warp .right {
        width: 50%;
        padding: 20px;
        box-sizing: border-box; }
        .content .concat .message .form .form-warp .right .form-group {
          height: 160px;
          padding: 10px;
          position: relative; }
          .content .concat .message .form .form-warp .right .form-group > textarea {
            width: 100%;
            border-radius: 10px;
            border: 1px solid #960014;
            text-align: left;
            color: #666;
            height: 100%;
            padding: 5px;
            box-sizing: border-box; }
          .content .concat .message .form .form-warp .right .form-group.action {
            display: inline-block;
            box-sizing: border-box;
            padding: 10px 0;
            height: auto; }
            .content .concat .message .form .form-warp .right .form-group.action > input {
              padding: 0 20px;
              height: 40px;
              border-radius: 10px;
              border: 1px solid #960014;
              text-align: left;
              color: #666; }
              .content .concat .message .form .form-warp .right .form-group.action > input:hover {
                cursor: pointer;
                background-color: #960014;
                color: #fff; }
    @media screen and (max-width: 991.98px) {
      .content .concat .message {
        padding-bottom: 10px; }
        .content .concat .message .form .form-warp .left {
          padding: 10px 0; }
          .content .concat .message .form .form-warp .left .form-group {
            height: 40px;
            padding: 10px;
            position: relative; }
            .content .concat .message .form .form-warp .left .form-group > input {
              width: 100%;
              border-radius: 10px;
              border: 1px solid #960014;
              text-align: left;
              color: #666;
              height: 30px;
              padding: 5px; }
            .content .concat .message .form .form-warp .left .form-group.action {
              display: inline-block;
              float: right;
              box-sizing: border-box;
              padding: 10px; }
              .content .concat .message .form .form-warp .left .form-group.action > input {
                padding: 0 20px;
                height: 40px; }
                .content .concat .message .form .form-warp .left .form-group.action > input:hover {
                  cursor: pointer;
                  background-color: #960014;
                  color: #fff; }
        .content .concat .message .form .form-warp .right {
          padding: 10px 0; }
          .content .concat .message .form .form-warp .right .form-group.action {
            padding: 10px; } }
  @media screen and (max-width: 991.98px) {
    .content .concat {
      padding-top: 10px; }
      .content .concat .head {
        margin: 0 auto; }
        .content .concat .head .head-title {
          margin-bottom: 10px; }
        .content .concat .head .head-desc {
          padding: 0 10px; }
      .content .concat .address {
        margin: 0 auto; }
        .content .concat .address .left {
          width: 100%;
          padding: 10px; }
          .content .concat .address .left .addr-group {
            height: 200px; }
            .content .concat .address .left .addr-group .text-group {
              margin-bottom: 8px; }
              .content .concat .address .left .addr-group .text-group h2 {
                font-size: 22px; }
              .content .concat .address .left .addr-group .text-group > a, .content .concat .address .left .addr-group .text-group > p {
                font-size: 14px; }
            .content .concat .address .left .addr-group .qrcode {
              right: 4%;
              top: 28%; }
        .content .concat .address .right {
          width: 100%;
          padding: 10px; }
      .content .concat #allmap {
        margin: 30px auto;
        height: 300px; }
      .content .concat .message {
        background-image: url("../image/index_dynamic_01.jpg");
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        background-size: cover; }
        .content .concat .message .msg-title {
          font-size: 22px;
          font-weight: 600;
          text-align: center;
          color: #960014;
          margin: 30px auto; }
        .content .concat .message .form {
          margin: 0 auto; }
          .content .concat .message .form .form-warp .left {
            width: 50%;
            padding: 20px;
            box-sizing: border-box; }
            .content .concat .message .form .form-warp .left .form-group {
              height: 40px;
              padding: 10px;
              position: relative; }
              .content .concat .message .form .form-warp .left .form-group > input {
                width: 100%;
                border-radius: 10px;
                border: 1px solid #960014;
                text-align: left;
                color: #666;
                height: 30px;
                padding: 5px; }
              .content .concat .message .form .form-warp .left .form-group.action {
                display: inline-block;
                float: right;
                box-sizing: border-box;
                padding: 10px 0; }
                .content .concat .message .form .form-warp .left .form-group.action > input {
                  padding: 0 20px;
                  height: 40px; }
                  .content .concat .message .form .form-warp .left .form-group.action > input:hover {
                    cursor: pointer;
                    background-color: #960014;
                    color: #fff; }
          .content .concat .message .form .form-warp .right {
            width: 50%;
            padding: 20px;
            box-sizing: border-box; }
            .content .concat .message .form .form-warp .right .form-group {
              height: 160px;
              padding: 10px;
              position: relative; }
              .content .concat .message .form .form-warp .right .form-group > textarea {
                width: 100%;
                border-radius: 10px;
                border: 1px solid #960014;
                text-align: left;
                color: #666;
                height: 100%;
                padding: 5px;
                box-sizing: border-box; }
              .content .concat .message .form .form-warp .right .form-group.action {
                display: inline-block;
                box-sizing: border-box;
                padding: 10px 0;
                height: auto; }
                .content .concat .message .form .form-warp .right .form-group.action > input {
                  padding: 0 20px;
                  height: 40px;
                  border-radius: 10px;
                  border: 1px solid #960014;
                  text-align: left;
                  color: #666; }
                  .content .concat .message .form .form-warp .right .form-group.action > input:hover {
                    cursor: pointer;
                    background-color: #960014;
                    color: #fff; } }
    @media screen and (max-width: 991.98px) and (max-width: 991.98px) {
      .content .concat .message {
        padding-bottom: 10px; }
        .content .concat .message .form .form-warp .left {
          padding: 10px 0; }
          .content .concat .message .form .form-warp .left .form-group {
            height: 40px;
            padding: 10px;
            position: relative; }
            .content .concat .message .form .form-warp .left .form-group > input {
              width: 100%;
              border-radius: 10px;
              border: 1px solid #960014;
              text-align: left;
              color: #666;
              height: 30px;
              padding: 5px; }
            .content .concat .message .form .form-warp .left .form-group.action {
              display: inline-block;
              float: right;
              box-sizing: border-box;
              padding: 10px; }
              .content .concat .message .form .form-warp .left .form-group.action > input {
                padding: 0 20px;
                height: 40px; }
                .content .concat .message .form .form-warp .left .form-group.action > input:hover {
                  cursor: pointer;
                  background-color: #960014;
                  color: #fff; }
        .content .concat .message .form .form-warp .right {
          padding: 10px 0; }
          .content .concat .message .form .form-warp .right .form-group.action {
            padding: 10px; } }

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