.top {
  padding-top: 15px;
  padding-bottom: 15px; }
  .top h1 {
    margin: 0; }
  .top a {
    color: #1470cc;
    text-decoration: none; }
  .top .nav {
    margin-top: 15px; }
    .top .nav li {
      margin-left: 20px; }

.bg-container {
  width: 100%;
  background: url(../img/mb-bg.jpg);
  background-size: 100% 100%;
  background-position: center;
  padding-top: 89px; }
  .bg-container .title {
    width: 554px;
    height: 158px;
    background: url(../img/title.png);
    background-size: 100% 100%;
    margin: 0 auto; }

.introduce-title {
  background: #E7E6E6; }
  .introduce-title p {
    text-indent: 10px; }

.title {
  position: relative;
  padding-top: 25px;
  padding-bottom: 18px; }
  .title h3 {
    font-size: 1.125rem;
    color: #5F5F5F;
    margin-bottom: 0; }
  .title p {
    font-size: 0.75rem;
    margin-bottom: 0;
    letter-spacing: 5px; }
  .title .icon-1 {
    width: 30px;
    height: 30px;
    background: url(../img/icon.png);
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    top: -15px;
    margin-left: -15px;
    z-index: 2; }

.introduce-container {
  background: #ECECEC;
  color: #5B5D5D;
  padding-top: 14px;
  padding-bottom: 42px; }
  .introduce-container p {
    margin-bottom: 0; }

.product-server {
  color: #5B5D5D;
  padding-bottom: 44px; }
  .product-server p {
    width: 100%;
    margin-bottom: 0.5rem; }
    .product-server p .small-title {
      padding: 0 18px;
      padding-left: 0; }
    .product-server p .line {
      display: inline-block;
      padding: 0 10px; }
    .product-server p .right-title {
      font-size: 0.85rem;
      padding-left: 2rem; }
    .product-server p .right-title-2 {
      font-size: 0.85rem; }

.activity {
  color: #5B5D5D;
  padding-right: 26px;
  padding-left: 26px; }
  .activity .col, .activity .col-12, .activity .col-6 {
    padding-left: 4px;
    padding-right: 4px; }
  .activity .col-6 {
    margin-bottom: 8px; }

.activity-container {
  width: 100%;
  background: url(../img/bg-2.jpg);
  background-size: cover;
  background-position: center;
  padding-bottom: 40px; }
  .activity-container .activity .c-1 {
    margin-bottom: 40px; }
    .activity-container .activity .c-1 p {
      margin-bottom: 0px; }

.activity-2 {
  margin-top: 30px;
  margin-bottom: 20px; }
  .activity-2 .col-12-img {
    margin-top: 0px; }
  .activity-2 .c-2 {
    margin-bottom: 25px; }
  .activity-2 p {
    margin-bottom: 6px;
    color: #5B5D5D; }

.case-container {
  width: 100%;
  background: url(../img/bg-3.jpg);
  background-size: cover;
  background-position: center;
  margin-top: 50px; }
  .case-container .case {
    padding-bottom: 50px;
    padding-top: 0px; }
    .case-container .case > div:first-child {
      padding-bottom: 27px;
      border-bottom: 2px dashed #5B5D5D; }
    .case-container .case > div:last-child {
      padding-top: 27px; }
    .case-container .case .float-right {
      float: none !important;
      margin-bottom: 10px; }
    .case-container .case p {
      color: #5B5D5D; }
    .case-container .case .detail {
      margin-bottom: 8px;
      font-size: 1rem; }
    .case-container .case ul {
      margin-top: 8px;
      padding-left: 20px;
      margin-bottom: 0; }
    .case-container .case .left {
      margin-top: 0px;
      text-align: center; }
    .case-container .case img {
      width: 100%; }

.supplier {
  width: 100%;
  background: url(../img/bg-4.jpg);
  background-size: cover;
  background-position: center;
  padding-bottom: 90px;
  padding-left: 15px;
  padding-right: 15px; }
  .supplier .title h3, .supplier .title p {
    color: #fff; }
  .supplier img {
    margin: 0 auto;
    display: block;
    margin-top: 50px; }

.buyer {
  padding-top: 20px;
  padding-bottom: 60px;
  border-bottom: 1px solid #5B5D5D;
  padding-left: 15px;
  padding-right: 15px; }
  .buyer img {
    margin: 0 auto;
    display: block; }

.buyer-request {
  margin-top: 30px; }
  .buyer-request p {
    margin-bottom: 10px;
    color: #5B5D5D; }
  .buyer-request > div {
    margin-bottom: 35px; }
  .buyer-request .float-right {
    float: none !important;
    width: 100%; }

.footer-containr {
  background: #5B5D5D; }
  .footer-containr h3, .footer-containr p {
    color: #fff; }
  .footer-containr .footer .first {
    padding-left: 38px; }
  .footer-containr .footer .weixin {
    font-size: 0.75rem;
    width: 117px;
    text-align: center;
    margin-top: 5px; }
  .footer-containr .footer .weixin-2 {
    font-size: 0.75rem; }
    .footer-containr .footer .weixin-2 img {
      margin-top: 30px; }
    .footer-containr .footer .weixin-2 p {
      margin-bottom: 30px; }
  .footer-containr .footer .map-container {
    border: 1px solid #9c9694;
    padding: 5px; }
    .footer-containr .footer .map-container #map {
      width: 100%;
      height: 196px; }
  .footer-containr .footer .message p {
    font-size: 0.75rem;
    position: relative;
    padding-left: 30px; }
  .footer-containr .footer .message p:before {
    position: absolute;
    width: 18px;
    height: 18px;
    content: '';
    top: 0px;
    left: 0px; }
  .footer-containr .footer .message p:nth-child(2):before {
    background: url(../img/icon-1.png);
    background-size: 100% 100%; }
  .footer-containr .footer .message p:nth-child(3):before {
    background: url(../img/icon-2.png);
    background-size: 100% 100%; }
  .footer-containr .footer .message p:nth-child(4):before {
    background: url(../img/icon-3.png);
    background-size: 100% 100%; }
  .footer-containr .footer .message p:nth-child(5):before {
    background: url(../img/icon-4.png);
    background-size: 100% 100%; }

.step {
  border: 4px solid #606060;
  position: relative;
  margin: 0 42px;
  padding-left: 40px;
  padding-top: 108px; }
  .step .img {
    height: 153px;
    line-height: 1153px;
    background: #fff;
    position: absolute;
    top: 70px;
    left: 0;
    transform: translate(-50%, 0px);
    -ms-transform: translate(-50%, 0px);
    -moz-transform: translate(-50%, 0px);
    -webkit-transform: translate(-50%, 0px);
    -o-transform: translate(50%, 0px); }
  .step .step-title {
    font-size: 28px;
    color: #A98047;
    font-weight: bold;
    padding-left: 20px; }
  .step p {
    margin-top: 45px;
    font-size: 19px;
    color: #5F5F5F; }

.anchorBL {
  display: none; }

.img-1 {
  width: 60px; }

.step-2 {
  margin: 0;
  width: 90%;
  margin-left: 15px;
  margin-bottom: 20px;
  padding-top: 30px; }
  .step-2 .img {
    height: 100px;
    line-height: 100px;
    top: 50px; }
  .step-2 .step-title {
    font-size: 20px; }
  .step-2 p {
    font-size: 16px;
    margin-top: 20px; }

@media (min-width: 1200px) {
  .container {
    max-width: 1230px; }

  .bg-container {
    width: 100%;
    height: 793px;
    background: url(../img/bg.jpg);
    background-size: cover;
    background-position: center;
    padding-left: 385px; }

  .title {
    padding-top: 50px;
    padding-bottom: 50px; }
    .title .icon-1 {
      width: 51px;
      height: 51px;
      top: -25.5px;
      margin-left: -25.5px; }
    .title h3 {
      font-size: 2.75rem;
      margin-bottom: 0.5rem; }
    .title p {
      font-size: 1.125rem;
      letter-spacing: 11px; }

  .introduce-container {
    font-size: 1.375rem;
    padding-top: 40px;
    padding-bottom: 70px; }
    .introduce-container p {
      font-size: 1.5625rem;
      line-height: 40px; }

  .product-server {
    padding-bottom: 85px;
    margin-top: 70px; }
    .product-server p {
      font-size: 1.375rem;
      margin-bottom: 1rem;
      line-height: 40px; }
      .product-server p .small-title {
        font-size: 1.6875rem;
        display: inline-block;
        width: 375px;
        color: #5F5F5F; }
      .product-server p .right-title {
        width: auto;
        font-size: 1.5625rem;
        padding-left: 0rem; }
      .product-server p .right-title-2 {
        width: auto;
        font-size: 1.5625rem; }
      .product-server p .line {
        padding: 0 22px; }

  .activity {
    font-size: 1.5625rem;
    padding-right: 22.5px;
    padding-left: 22.5px; }
    .activity .col, .activity .col-12, .activity .col-6 {
      padding-left: 7.5px;
      padding-right: 7.5px; }
    .activity .col-6 {
      margin-bottom: 0px; }
    .activity .c-1 p {
      margin-bottom: 10px; }

  .activity-2 .col-12-img {
    margin-top: 15px; }
  .activity-2 .w-100 {
    height: 15px; }

  .case-container {
    margin-top: 105px; }
    .case-container .case {
      padding-top: 40px;
      padding-bottom: 100px; }
      .case-container .case .float-right {
        float: right !important;
        margin-bottom: 0; }
      .case-container .case p {
        font-size: 1.375rem; }
      .case-container .case .left {
        margin-top: 30px;
        text-align: left; }
      .case-container .case .right {
        margin-right: 15px; }
      .case-container .case img {
        width: auto; }

  .buyer-request > div {
    margin-bottom: 80px; }
  .buyer-request p {
    font-size: 1.3125rem;
    margin-bottom: 0; }
  .buyer-request .float-right {
    float: right !important;
    width: auto; }

  .buyer {
    padding-top: 50px;
    padding-bottom: 120px; }

  .footer-containr {
    padding-bottom: 90px; }
    .footer-containr .footer .message p {
      font-size: 1.3125rem; }
    .footer-containr .footer .message p:before {
      top: 7px; }

  .p-12 {
    padding-left: 12rem; }

  .supplier {
    padding-bottom: 250px; }
    .supplier img {
      margin-top: 200px; }

  .server {
    margin-left: -50px; }

  .step:first-child, .step:last-child {
    width: 308px;
    height: 652px; }

  .step:nth-child(2) {
    width: 357px;
    height: 652px; } }

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