::-webkit-input-placeholder {
  color: #333; }

:-moz-placeholder {
  color: #333; }

::-moz-placeholder {
  color: #333; }

:-ms-input-placeholder {
  color: #333; }

.sectionB {
  padding-top: 0.80729rem;
  position: relative; }
  @media (max-width: 575px) {
    .sectionB {
      padding: 30px 0; } }
  .sectionB .commontoptitle {
    margin-bottom: 0.33854rem;
    padding-bottom: 0.18229rem;
    border-bottom: 1px solid #888888; }
  .sectionB .content {
    width: 100%;
    height: 3.46354rem;
    position: relative; }
    .sectionB .content video {
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .sectionB .content .pso {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      cursor: pointer;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .sectionB .content .pso img {
        width: 1.04167rem; }

.sectionC {
  padding-top: 0.52083rem;
  position: relative;
  padding-bottom: 0.52083rem;
  background: #000; }
  .sectionC .wrap {
    position: relative; }
  .sectionC .postimg {
    position: absolute;
    z-index: -1;
    overflow: hidden; }
    .sectionC .postimg img {
      width: 7.82292rem;
      margin-top: 1.5625rem; }
  .sectionC .blskd {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .sectionC .blskd a {
      display: block; }

@media (max-width: 575px) {
  .sectionC {
    padding: 30px 0; }
  .sectionC .postimg {
    left: 0;
    right: 0;
    margin: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .sectionC .blskd a {
    padding: 20px; } }

.sectionD {
  padding-bottom: 0.41667rem;
  position: relative; }
  .sectionD .swiper-slide a {
    display: block; }
    .sectionD .swiper-slide a .img {
      height: 2.8125rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      background: #725341;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
    .sectionD .swiper-slide a .text .title {
      font-size: 0.11458rem;
      margin-top: 0.10417rem;
      color: #ffffff; }
    .sectionD .swiper-slide a .text .en {
      font-size: 0.07292rem;
      color: #ea5404;
      margin-top: 0.05208rem; }

.sectionE {
  background: #4c362a;
  position: relative;
  padding: 0.52083rem 0; }
  .sectionE .commontoptitle {
    margin-bottom: 0.46875rem;
    padding-bottom: 0.20833rem;
    border-bottom: 1px solid #fff; }
  .sectionE .commonxainquanju span {
    background: #513f36;
 }
  .sectionE .content ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
            flex-flow: wrap; }
    .sectionE .content ul .videoblock {
      width: 5.10417rem;
      height: 3.46354rem;
      position: relative;
      margin-bottom: 0.23438rem; }
      .sectionE .content ul .videoblock video {
        width: 100%;
        height: 100%;
        object-fit: cover; }
      .sectionE .content ul .videoblock .pso {
        position: absolute;
        cursor: pointer;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center; }
    .sectionE .content ul li {
      width: 33.33333%;
      margin-bottom: 0.23438rem; }
      .sectionE .content ul li:nth-of-type(1) {
        padding-left: 0.26042rem; }
      .sectionE .content ul li:nth-of-type(2) {
        padding-right: 0.13021rem; }
      .sectionE .content ul li:nth-of-type(4) {
        padding-left: 0.13021rem; }
      .sectionE .content ul li:nth-of-type(3) {
        padding: 0 0.13021rem; }
      .sectionE .content ul li:nth-of-type(5) {
        padding-right: 0.26042rem; width: 5.10417rem;}
      .sectionE .content ul li:last-child {
        /*width: 5.10417rem;*/ }
      .sectionE .content ul li a {
        display: block; }
        .sectionE .content ul li a:hover .img {
          opacity: 0.3; }
        .sectionE .content ul li a .img {
          height: 2.83854rem;
          -webkit-transition: 0.5s ease all;
          transition: 0.5s ease all;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          background: #725341;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center; }
        .sectionE .content ul li a .text .title {
          margin-top: 0.13021rem;
          color: #fff;
          font-size: 0.11458rem; }
        .sectionE .content ul li a .text .en {
          margin-top: 0.02604rem;
          font-size: 0.07292rem;
          color: #fff; }

.footerindex {
  background: #111111;
  position: relative;
  padding-top: 0.52083rem;
  padding-bottom: 0.52083rem; }
  @media (max-width: 575px) {
    .footerindex {
      padding-top: 30px;
      padding-bottom: 30px; } }
  .footerindex .commonxainquanju span {
    background: #1b1d1e; }
  .footerindex .lgooaisdimg {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .footerindex .dl1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0.3125rem;
    padding-bottom: 0.46875rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;overflow: hidden; }
    .footerindex .dl1 dt {
      margin: 0 0.26042rem; }
      .footerindex .dl1 dt a {position: relative;
        display: block; }
        .footerindex .dl1 dt a .img {
          width: 0.52083rem;
          height: 0.52083rem;
          background: #fff;
          border-radius: 50%;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center; }
        .footerindex .dl1 dt a .title {
          margin-top: 0.10417rem;
          font-size: 0.08333rem;
          color: #fff;
          text-align: center; }
          
          .footerindex .dl1 dt a .code{ position: absolute; top: 0; left: 50%; width: 0.52083rem; height: 0.52083rem; transform: translateX(-50%);}
.footerindex .dl1 dt a .code img{transform: translateY(-2.5rem); transition: all 0.6s; width: 100%;}
.footerindex .dl1 dt a:hover .code img{transform: translateY(0); opacity: 1;}
  .footerindex .dl2 {
    margin-top: 0.3125rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .footerindex .dl2 dt {
      margin: 0 0.26042rem; }
    .footerindex .dl2 a {
      display: block; }
      .footerindex .dl2 a .img {
        width: 0.52083rem;
        height: 0.52083rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center; }
      .footerindex .dl2 a .title {
        margin-top: 0.10417rem;
        font-size: 0.08333rem;
        color: #fff;
        text-align: center; }
  .footerindex .nav {
    margin-top: 0.26042rem;
    border-top: 1px solid #fff;
    padding: 0.52083rem 0; }
    .footerindex .nav ul {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      padding-left: 0.20833rem; }
      .footerindex .nav ul li {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
            -ms-flex: 1;
                flex: 1;
        min-width: 0; }
        .footerindex .nav ul li .list .con dl {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex; }
          .footerindex .nav ul li .list .con dl dt {
            margin-right: 0.10417rem; position: relative; }
            .footerindex .nav ul li .list .con dl dt:hover{overflow: initial;}
            .footerindex .nav ul li .list .con dl dt:hover .wximgk {
              display: block; }
            .footerindex .nav ul li .list .con dl dt .wximgk {  position: absolute; left: 50%; width: 0.52083rem;transform: translateX(-50%);bottom: -0.41666rem;}
            .footerindex .nav ul li .list .con dl dt .wximgk img{width: 0.52083rem;transition: all 0.6s;transform: translateY(0.2rem);opacity: 0;}
            .footerindex .nav ul li .list .con dl dt:hover .wximgk img{transform: translateY(0);opacity: 1;}
        .footerindex .nav ul li .list .con .ms {
          margin-top: 0.20833rem;
          margin-bottom: 0.20833rem; }
        .footerindex .nav ul li .list .con .t {
          margin-top: 0.10417rem; }
          .footerindex .nav ul li .list .con .t p {
            color: #fff;
            margin-bottom: 0.10417rem; }
            .footerindex .nav ul li .list .con .t p a {
              display: inline-block; }
        .footerindex .nav ul li .list .tit {
          margin-bottom: 0.15625rem; }
          .footerindex .nav ul li .list .tit a {
            font-weight: bold; }
        .footerindex .nav ul li .list a {
          margin-bottom: 0.10417rem;
          font-size: 0.08333rem;
          display: block;
          color: #fff; }

.footerindex .dl2 {
  position: relative;
  z-index: 2; }

@media (max-width: 575px) {
  .footerindex .topdasd {
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 10px; }
  .footerindex .topdasd a {
    font-size: 14px; }
  .footerindex {
    padding: 30px 0; }
  .footerindex .nav ul {
    padding-left: 0; }
  .footerindex .topdasd {
    padding-left: 0; }
  .footerindex .topdasd {
    display: none; }
  .footerindex .nav ul li {
    -webkit-box-flex: inherit;
    -webkit-flex: inherit;
        -ms-flex: inherit;
            flex: inherit;
    margin: 0 10px; }
  .footerindex .nav ul {
    -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
            flex-flow: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .footerindex .nav ul li .list a {
    margin-bottom: 10px;
    font-size: 14px;
    text-align: center; }
  .footerindex .nav ul li .list .con dl dt {
    margin: 0 10px; }
  .footerindex .nav ul li .list .con dl {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 10px; }
  .footerindex .nav ul li .list .con .ms {
    margin: 10px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .footerindex .nav ul li .list .con .t {
    margin-top: 10px;
    margin-top: 20px;
    text-align: center; }
  .footerindex .nav ul li .list .con .t p {
    margin-bottom: 10px;
    font-size: 14px; } }

@media (max-width: 575px) {
  .sectionB .commontoptitle {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border: 0; }
  .sectionB .content {
    height: 200px; }
  .sectionB .content .pso img {
    width: 100px; }
  .sectionD ul li a .img {
    height: 150px; }
    .sectionD ul li a .img img {
      max-width: 100%; }
  .sectionD ul li a .text .title {
    font-size: 16px; }
  .sectionD ul li a .text .en {
    font-size: 14px;
    margin-top: 5px; }
  .sectionD {
    padding-bottom: 30px; }
  .sectionE .commontoptitle {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border: 0; }
  .sectionE .content ul .videoblock {
    width: 100%;
    height: 200px; }
  .sectionE .content ul .videoblock .pso img {
    width: 100px; }
  .sectionE .content ul .videoblock {
    margin-bottom: 10px; }
  .sectionE .content ul li:nth-of-type(1) {
    padding-left: 0; }
  .sectionE .content ul li:nth-of-type(2) {
    padding-right: 0; }
  .sectionE .content ul li:nth-of-type(3) {
    padding-left: 0; }
  .sectionE .content ul li:last-child {
    width: 50%; }
  .sectionE .content ul li {
    width: 50%; }
  .sectionE .content ul li a .img {
    height: auto;
    width: 100%; }
  .sectionE .content ul li a .text .title {
    font-size: 16px;
    margin-top: 10px; }
  .sectionE .content ul li a .text .en {
    margin-top: 5px;
    font-size: 14px; }
  .sectionE .content ul li {
    margin-bottom: 10px; }
  .sectionE .content ul li:nth-of-type(1) {
    padding-right: 5px;
    padding-left: 0; }
  .sectionE .content ul li:nth-of-type(2) {
    padding-left: 5px;
    padding-right: 0; }
  .sectionE .content ul li:nth-of-type(3) {
    padding-right: 5px;
    padding-left: 0; }
  .sectionE .content ul li:nth-of-type(4) {
    padding-left: 5px;
    padding-right: 0; }
  .sectionE .content ul li:nth-of-type(5) {
    padding-right: 5px;
    padding-left: 0; }
  .sectionE .content ul li:nth-of-type(6) {
    padding-left: 5px;
    padding-right: 0; }
  .footerindex .nav {
    border: 0; }
  .footerindex .dl1 {
    margin-top: 10px;
    padding-bottom: 10px; }
  .footerindex .dl1 dt {
    margin: 0 10px; }
  .footerindex .dl1 dt a .img {
    width: 100px;
    height: 100px; }
  .footerindex .dl1 {
    -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
            flex-flow: wrap; }
  .footerindex .dl1 dt {
    margin-bottom: 10px; }
  .footerindex .dl1 dt a .title {
    margin-top: 10px;
    font-size: 14px; }
  .footerindex .dl1 dt {
    margin-bottom: 20px; }
  .footerindex .dl2 {
    margin-top: 10px;
    padding-bottom: 10px; }
  .footerindex .dl2 dt {
    margin: 0 10px; }
  .footerindex .dl2 dt a .img {
    width: 100px;
    height: 100px; }
  .footerindex .dl2 {
    -webkit-flex-flow: wrap;
        -ms-flex-flow: wrap;
            flex-flow: wrap; }
  .footerindex .dl2 dt {
    margin-bottom: 10px; }
  .footerindex .dl2 dt a .title {
    margin-top: 10px;
    font-size: 14px; }
  .footerindex .dl2 dt {
    margin-bottom: 20px; }
  .footerindex .dl1 dt a .img {
    width: 80px;
    height: 80px; }
  .footerindex .dl2 dt a .img {
    width: 50px;
    height: 50px; }
  .sectionE .content ul li a .img {
    padding: 15px; } }

.sectionA {
  position: relative; }
  .sectionA .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 0.10417rem;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .sectionA .list .swiper-button-next,
    .sectionA .list .swiper-button-prev {
      position: static;
      margin: 0;
      background-size: 0.07813rem auto; }
    .sectionA .list .swiper-button-next {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23b8b8b8'%2F%3E%3C%2Fsvg%3E"); }
    .sectionA .list .swiper-button-prev {
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23b8b8b8'%2F%3E%3C%2Fsvg%3E"); }
    .sectionA .list .swiper-pagination {
      position: static;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center;
      margin: 0 0.15625rem; }
      .sectionA .list .swiper-pagination .swiper-pagination-bullet {
        width: 0.13021rem;
        height: 0.13021rem;
        color: #f6f1ee;
        font-weight: bold;
        border-radius: 0;
        background: transparent;
        opacity: 1;
        position: relative;
        margin: 0 0.10417rem; }
        .sectionA .list .swiper-pagination .swiper-pagination-bullet::after {
          position: absolute;
          left: 0;
          top: 0;
          bottom: 0;
          right: 0;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          margin: auto; }
        .sectionA .list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
          background: #ffffff;
          color: #000; }
        .sectionA .list .swiper-pagination .swiper-pagination-bullet:nth-of-type(1)::after {
          content: '1'; }
        .sectionA .list .swiper-pagination .swiper-pagination-bullet:nth-of-type(2)::after {
          content: '2'; }
        .sectionA .list .swiper-pagination .swiper-pagination-bullet:nth-of-type(3)::after {
          content: '3'; }
        .sectionA .list .swiper-pagination .swiper-pagination-bullet:nth-of-type(4)::after {
          content: '4'; }
        .sectionA .list .swiper-pagination .swiper-pagination-bullet:nth-of-type(5)::after {
          content: '5'; }
        .sectionA .list .swiper-pagination .swiper-pagination-bullet:nth-of-type(6)::after {
          content: '6'; }

.sectionA {
  position: relative; }
  .sectionA .pc {
    display: block; }
  .sectionA .m {
    display: none; }
  @media (max-width: 575px) {
    .sectionA .pc {
      display: none; }
    .sectionA .m {
      display: block; } }

@media (max-width: 575px) {
  .sectionA .list .swiper-pagination .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    font-size: 12px; }
  .sectionA .swiper-button-prev,
  .swiper-button-next {
    display: none; }
  .sectionA .list {
    bottom: 10px;
    position: static;
    margin-top: 10px; }
  .sectionA .list .swiper-pagination .swiper-pagination-bullet {
    margin: 0 5px; } }

@media (min-width: 576px) {
  .header {
    background: #0b1117; } }

@media (max-width: 575px) {
  .sectionD .swiper-slide a .img {
    height: 150px;
    padding: 15px; }
  .sectionD .swiper-slide a .text .title {
    margin-top: 10px;
    font-size: 16px; }
  .sectionD .swiper-slide a .text .en {
    margin-top: 5px;
    font-size: 12px; } }