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

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

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

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

.breadCrumbs {
  position: relative;
  z-index: 2;
  background: -webkit-gradient(linear, left top, left bottom, from(#0b0b0b), to(#1d1d1d));
  background: linear-gradient(to bottom, #0b0b0b, #1d1d1d); }
  @media (max-width: 575px) {
    .breadCrumbs {
      background: #1d1d1d; } }

.sectionA {
  height: 3.64583rem;
  background-image: url(../images/fe737bd8898375499840cb7ff96c722d.jpg);
  background-repeat: no-repeat;
  background-position: center 0rem;
  background-size: cover;
  position: relative; }
  .sectionA .commontoptitle {
    margin-bottom: 0.10417rem; }
  .sectionA .content {
    position: absolute;
    width: 100%;
    padding: 0 1.09375rem;
    left: 0;
    top: 0.625rem; }
    .sectionA .content .conwrap {
      background: url(../images/f15632fe00bc74fbf533a6f8e67ed913.jpg) center center no-repeat;
      background-size: cover;
      height: 4.40104rem; }
    .sectionA .content .title {
      font-size: 0.1875rem;
      color: #ffffff;
      text-align: right;
      padding-right: 0.54688rem;
      padding-top: 0.625rem; }
    .sectionA .content .link {
      padding-right: 0.54688rem;
      margin-top: 0.23438rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end; }
      .sectionA .content .link a {
        display: block; }
        .sectionA .content .link a img {
          width: 0.70833rem; }

.sectionB {
  position: relative;
  padding-top: 2.44792rem;
  background: #111111;
  padding-bottom: 0.59896rem; }
  .sectionB .commonxainquanju span {
  background: #1b1d1e; 
 }
  .sectionB .commontoptitle {
    margin-bottom: 0.15625rem; }
  .sectionB .content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    .sectionB .content .right {
      width: 2.8125rem; }
      .sectionB .content .right a {
        width: 2.8125rem;
        height: 3.69792rem;
        display: block; }
        .sectionB .content .right a img {
          height: 100%;
          width: auto;
          max-width: none; }
    .sectionB .content .left {
      padding-left: 0.52083rem;
      padding-right: 0.52083rem;
      -webkit-box-flex: 1;
      -webkit-flex: 1;
          -ms-flex: 1;
              flex: 1;
      min-width: 0; }
      .sectionB .content .left a {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
            -ms-flex-align: end;
                align-items: flex-end; }
        .sectionB .content .left a .en {
          position: absolute;
          left: 0;
          top: 0;
          font-size: 1rem;
          color: #725341;
          z-index: -1;
          font-family: 'Roboto_Bold'; }
        .sectionB .content .left a .a1 {
          margin-right: 0.20833rem;
          padding-bottom: 0.54688rem; }
          .sectionB .content .left a .a1 span {
            color: #fff;
            font-size: 10px;
            display: block;
            opacity: .3;
            margin-top: 0.13021rem; }
          .sectionB .content .left a .a1 img {
            width: 0.1875rem; }
        .sectionB .content .left a .a2 img {
          width: 2.60417rem; }
  .sectionB .swiper-button-prev,
  .sectionB .swiper-button-next {
    background-size: 0.08854rem auto; }
    .sectionB .swiper-button-prev.swiper-button-disabled,
    .sectionB .swiper-button-next.swiper-button-disabled {
      opacity: 1; }
  .sectionB .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'%233c536b'%2F%3E%3C%2Fsvg%3E"); }
  .sectionB .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'%233c536b'%2F%3E%3C%2Fsvg%3E"); }
  .sectionB .swiper-pagination-bullet {
    opacity: 1;
    background: #fff; }
    .sectionB .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background: #334b64; }

.sectionC {
  background: #725341;
 padding: 0.36458rem 0;  /*padding: 2rem 0 0.36458rem 0;*/}
  .sectionC .commontoptitle {
    margin-bottom: 0.52083rem;
    padding-bottom: 0.18229rem;
    border-bottom: 1px solid #fff; }
    .sectionC .commontoptitle .r {
      color: #fff; }
  .sectionC .content .swiper-slide a {
    display: block;
    height: 2.08333rem; }
  .sectionC .swiper-button-prev,
  .sectionC .swiper-button-next {
    background-size: 0.08854rem auto; }
    .sectionC .swiper-button-prev.swiper-button-disabled,
    .sectionC .swiper-button-next.swiper-button-disabled {
      opacity: 1; }
  .sectionC .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'%23725341'%2F%3E%3C%2Fsvg%3E"); }
  .sectionC .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'%23725341'%2F%3E%3C%2Fsvg%3E"); }
  .sectionC .swiper-pagination-bullet {
    opacity: 1;
    background: #fff; }
    .sectionC .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background: #725341; }

.sectionD {
  position: relative;
  padding: 0.52083rem 0; }
  .sectionD .commontoptitle {
    margin-bottom: 0.52083rem;
    padding-bottom: 0.18229rem;
    border-bottom: 1px solid #888888; }
    .sectionD .commontoptitle .r {
      color: #fff; }
  .sectionD .swiper-slide a {
    display: block; }

@media (max-width: 575px) {
  .sectionA {
    height: auto;
    padding: 30px 0; }
  .sectionA .content {
    position: static; }
  .sectionA .commontoptitle {
    margin-bottom: 10px; }
  .sectionA .content {
    padding: 0; }
  .sectionA .content .title {
    font-size: 16px; }
  .sectionA .content .link a {
    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; }
  .sectionA .content .link a img {
    width: 60px; }
  .sectionB {
    padding: 30px 0; }
  .sectionB .commontoptitle {
    margin-bottom: 10px; }
  .sectionB .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column; }
  .sectionB .content .left {
    padding: 0; }
  .sectionB .content .right {
    width: 100%; }
  .sectionB .content .left a .a1 {
    display: none; }
  .sectionB .content .left a {
    -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 .right a {
    width: 100%;
    height: 200px; }
  .sectionB .content .right a img {
    height: auto;
    max-width: 100%; }
  .sectionB .swiper-button-prev,
  .sectionB .swiper-button-next {
    display: none; }
  .sectionC {
    padding: 30px 0; }
  .sectionC .commontoptitle {
    margin-bottom: 10px;
    padding-bottom: 10px; }
  .sectionC .content .swiper-slide a {
    height: 150px; }
  .sectionD .commontoptitle {
    padding-bottom: 10px;
    margin-bottom: 10px; } }