@charset "UTF-8";
html {
  font-size: 16px; }

@media screen and (max-width: 1900px) {
  html {
    font-size: 14px; } }
@media screen and (max-width: 1200px) {
  html {
    font-size: 12px; } }
@keyframes radiusRotate {
  100% {
    transform: rotateZ(360deg); } }
.product {
  padding: 0 120px;
  margin-top: 120px; }
  @media (max-width: 1480px) {
    .product {
      margin-top: 60px; } }
  @media (max-width: 867px) {
    .product {
      margin-top: 30px; } }
  @media screen and (max-width: 1900px) {
    .product {
      padding: 0 60px; } }
  @media screen and (max-width: 1500px) {
    .product {
      padding: 0 30px; } }
  @media screen and (max-width: 990px) {
    .product {
      padding: 0 15px; } }
  .product .title {
    text-align: center;
    margin-bottom: 40px; }
    .product .title h4 {
      font-size: 2.5rem;
      color: #000; }
    .product .title p {
      color: gray;
      font-size: 1rem;
      padding: 1rem 0;
      letter-spacing: 10px; }
       @media screen and (max-width: 990px) {
           .product .title p {
               letter-spacing: 5px;
           }
        }
    .product .title .more a {
      color: #000;
      font-size: 1.25rem;
      border-bottom: #3466ce solid 2px;
      display: inline-block;
      padding-bottom: 10px; }
  .product .producDisplay .producboxFirst {
    background: #f7f7f7;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    height: 816px;
    position: relative;
    border-radius: 10px; }
    .product .producDisplay .producboxFirst .swiper-slide {
      padding-top: 120px; }
      .product .producDisplay .producboxFirst .swiper-slide h3 {
        font-size: 2.25rem; }
      .product .producDisplay .producboxFirst .swiper-slide p {
        font-size: 1rem;
        color: #3466ce; }
      @media screen and (max-width: 768px) {
        .product .producDisplay .producboxFirst .swiper-slide {
          padding-top: 50px; } }
    .product .producDisplay .producboxFirst .producboxFirstHidHalf {
      /*height: 450px;*/
      text-align: center;
      display: block;
      width: 100%;
      overflow: hidden;
      position: absolute;
      bottom: 20px; }
      .product .producDisplay .producboxFirst .producboxFirstHidHalf img {
        max-width: 75%;
        min-width: 50%; }
    .product .producDisplay .producboxFirst .swiper-pagination02 {
      position: absolute;
      top: 230px;
      text-align: center; }
      .product .producDisplay .producboxFirst .swiper-pagination02 .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        background-color: #080000;
        opacity: 0.2;
        position: relative;
        margin: 0 11px;
        display: inline-block; }
      .product .producDisplay .producboxFirst .swiper-pagination02 .swiper-pagination-bullet-active {
        background-color: #ec6951;
        opacity: 1; }
        .product .producDisplay .producboxFirst .swiper-pagination02 .swiper-pagination-bullet-active:before {
          background-color: #ec6951;
          border-radius: 50%;
          opacity: 0.2;
          width: 16px;
          height: 16px;
          content: "";
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%); }
      @media screen and (max-width: 768px) {
        .product .producDisplay .producboxFirst .swiper-pagination02 {
          top: 120px; } }
    @media screen and (max-width: 768px) {
      .product .producDisplay .producboxFirst {
        height: 600px; } }
  .product .producDisplay .producbox {
    background: #f7f7f7;
    position: relative;
    display: flex;
    align-content:flex-start;
    flex-wrap: wrap;
    height: 400px;
    border-radius: 10px; }
    
      .product .producDisplay .producbox .text-center{
          display: flex;
    vertical-align: middle;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
        flex-direction: column;
        position: absolute;
        bottom: 20px;
      }
    .product .producDisplay .producbox img {
      width: 55%; }
    .product .producDisplay .producbox h3 {
      font-size: 1.4rem; }
    .product .producDisplay .producbox p {
      font-size: 1rem;
      color: #3466ce; }

.producList .producboxFirst {
  height: 823px !important;
  align-content: space-between !important;
  padding-top: 120px; }
  .producList .producboxFirst h3 {
    font-size: 2.25rem; }
  .producList .producboxFirst p {
    font-size: 1rem;
    color: #3466ce; }
  .producList .producboxFirst .producboxFirstHidHalf {
    position: static !important; }
.producList .producbox {
  display: block; }
  .producList .producbox .buttonBox {
    width: 100%;
    position: absolute;
    bottom: 20px;
    padding: 0 25px;
    visibility: hidden;
    transition: all 0.3s ease 0s;
    transform: translateY(50px);
    opacity: 0; }
    .producList .producbox .buttonBox .btn {
      width: calc(50% - 3px);
      height: 48px;
      border-radius: 5px;
      display: flex;
    align-items: center;
    justify-content: center;
      box-sizing: border-box; }
      .producList .producbox .buttonBox .btn .icon {
        width: 30px;
        margin-right: 5px;
        display: inline-block; }
      .producList .producbox .buttonBox .btn .icon:before {
        content: "";
        display: inline-block;
        width: 20px;
        height: 20px;
        display: inline-block; }
      .producList .producbox .buttonBox .btn .icon-ly {
        background: url(../images/liuyan.png) no-repeat center center; }
      .producList .producbox .buttonBox .btn .icon-sc {
        background: url(../images/shoucang.png) no-repeat center center; }
    .producList .producbox .buttonBox .btn.on .icon-sc {
      background: url(../images/liuyan.png) no-repeat center center; }
  .producList .producbox:hover {
    background: #fff;
    box-shadow: 10px 0 30px rgba(0, 0, 0, 0.1); }
    .producList .producbox:hover .name {
      opacity: 0; }
    .producList .producbox:hover .buttonBox {
      visibility: visible;
      opacity: 1;
      transform: translateY(0px); }
      .mproducList{
          display: none;
      }
      @media screen and (max-width: 768px) {
        .mproducList{
            display: block;
        }
      .mproducList.producDisplay{
        display: flex;
        margin:0 ;
      }
      .product .mproducList.producDisplay .producbox{
        height: 230px;
        background: #fff;
      } 
      .product .mproducList.producDisplay .producbox h3{
        font-size: 1.2rem;
      }
    }
.solution {
  margin-top: 120px; }
  @media (max-width: 1480px) {
    .solution {
      margin-top: 60px; } }
  @media (max-width: 867px) {
    .solution {
      margin-top: 30px; } }
  .solution .title {
    text-align: center;
    margin-bottom: 40px; }
    .solution .title h4 {
      font-size: 2.5rem;
      color: #000; }
    .solution .title p {
      color: gray;
      font-size: 1rem;
      padding: 1rem 0;
      letter-spacing: 10px; }
      @media screen and (max-width: 990px) {
           .solution .title p {
               letter-spacing: 5px;
           }
        }
    .solution .title .more a {
      color: #000;
      font-size: 1.25rem;
      border-bottom: #3466ce solid 2px;
      display: inline-block;
      padding-bottom: 10px; }
  .solution .card {
    border: none;
    background-color: #f7f7f7;
    height: 600px; }
     @media screen and (max-width: 1680px) {
          .solution .card{
            height: 520px;
          }
     }
    
    .solution .card .cardImg {
      width: 100%;
      height: 600px;
      overflow: hidden; }
        @media screen and (max-width: 768px) {
       .solution .card .cardImg {
        height: auto; } }
    @media screen and (max-width: 1680px) {
          .solution .card{
            height: 520px;
          }
          .solution .card .cardImg {
            height: 520px;
          }
     }
     @media screen and (max-width: 1440px) {
          .solution .card{
            height: 450px;
          }
          .solution .card .cardImg {
            height: 450px;
          }
     }
     @media screen and (max-width: 1280px) {
          .solution .card{
            height: 400px;
          }
          .solution .card .cardImg {
            height: 400px;
          }
     }
     @media screen and (max-width: 768px) {
      .solution .card {
        height: auto; } }
      @media screen and (max-width: 768px) {
       .solution .card .cardImg {
        height: auto; } }
    .solution .card .backgroundimg {
      width: 100%;
      height: 100%;
      display: block;
      background-size: cover;
      background-position: top right;
      transition: all 0.3s ease 0s; }
      @media screen and (min-width: 1920px) {
      .solution .card .backgroundimg{
        background-size: cover;
        background-repeat: no-repeat;
        background-position: bottom;
      }
      }
      
    .solution .card .card-body {
      padding: 7.5rem; }
      @media screen and (max-width: 768px) {
        .solution .card .card-body {
          padding: 1.875rem; } }
      .solution .card .card-body .card-title {
        font-size: 2rem;
        color: #080000; }
      .solution .card .card-body .card-text {
        color: gray;
        margin: 35px 0;
        line-height: 2; }
      .solution .card .card-body .more b {
        color: #080000;
        border-bottom: #3466ce solid 2px; }
    .solution .card:hover .backgroundimg {
      transform: scale(1.1); }
  .solution .swiper-pagination03 {
    padding-left: 7.5rem;
    top: 480px;
    position: absolute;
    z-index: 4; }
    @media screen and (max-width: 768px) {
      .solution .swiper-pagination03 {
        padding: 0;
        top: 550px;
        left: 50%;
        transform: translateX(-50%); } }
  .solution .swiper-buttbox {
    position: absolute;
    bottom: 120px;
    right: 120px;
    z-index: 4;
    width: 130px; }
    @media screen and (max-width: 1440px) {
        .solution .swiper-buttbox {
          bottom: 80px;
        }
        .solution .card .card-body{
          padding: 6.5rem;
        }
    }
    @media screen and (max-width: 1280px){
      .solution .swiper-buttbox{
        bottom: 50px;
      }
      .solution .card .card-body{
        padding: 4.5rem;
      }
    }
    @media screen and (max-width: 768px) {
      .solution .swiper-buttbox {
        display: none; } }
  .solution [class^="swiper-button-"] {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: #3466ce solid 2px;
    background: url(../images/arrow.png) no-repeat center center;
    position: static;
    display: inline-block;
    margin-top: 0; }
  .solution [class^="swiper-button-"]:hover {
    background: #3466ce url(../images/arrow2.png) no-repeat center center; }
  .solution .swiper-button-next {
    transform: rotate(180deg); }
  .solution .swiper-button-next:after, .solution .swiper-button-prev:after {
    display: none; }

.news {
  padding: 0 120px;
  margin-top: 120px; }
  @media (max-width: 1480px) {
    .news {
      margin-top: 60px; } }
  @media (max-width: 867px) {
    .news {
      margin-top: 30px; } }
  @media screen and (max-width: 1900px) {
    .news {
      padding: 0 60px; } }
  @media screen and (max-width: 1500px) {
    .news {
      padding: 0 30px; } }
  @media screen and (max-width: 990px) {
    .news {
      margin-top: 30px;
      padding: 0 15px; } }
  .news .title {
    text-align: center;
    margin-bottom: 40px; }
    .news .title h4 {
      font-size: 2.5rem;
      color: #000; }
    .news .title p {
      color: gray;
      font-size: 1rem;
      padding: 1rem 0;
      letter-spacing: 10px; }
    .news .title .more a {
      color: #000;
      font-size: 1.25rem;
      border-bottom: #3466ce solid 2px;
      display: inline-block;
      padding-bottom: 10px; }
    @media screen and (max-width: 768px) {
      .news .title {
        margin-bottom: 1.25rem; }
        .news .title h4 {
          font-size: 2.25rem; }
        .news .title p {
          font-size: 1.125rem;
          padding: 0.9375rem 0;
          letter-spacing: 5px; } }
  .news .card {
    border-radius: 10px;
    overflow: hidden;
    background: #f7f7f7;
    border: none;
    transition: all 0.3s ease 0s; }
    .news .card .backgroundimg {
      width: 100%;
      overflow: hidden; }
      .news .card .backgroundimg img {
        transition: all 0.3s ease 0s; }
    .news .card .card-body {
      padding: 40px 40px 0; }
      .news .card .card-body .card-title {
        line-height: 1.5;
        position: relative;
        padding-left: 20px;
        color: #080000; }
        .news .card .card-body .card-title:before {
          content: "";
          display: inline-block;
          width: 4px;
          height: 100%;
          position: absolute;
          left: 0;
          background: #3466ce; }
      .news .card .card-body .card-text {
        color: gray;
        line-height: 2;
        margin-bottom: 20px; }
    .news .card .card-footer {
      border: none;
      background: none;
      font-size: 16px;
      color: #080000;
      padding: 0 40px 40px; }
      .news .card .card-footer:before {
        content: "";
        width: 8px;
        height: 8px;
        background: #ec6951;
        border-radius: 50%;
        display: inline-block; }
      .news .card .card-footer small {
        font-size: 1rem; }
    .news .card:hover {
      transform: translateY(-10px); }
      .news .card:hover .backgroundimg img {
        transform: scale(1.1); }

.support {
  margin-top: 120px; }
  @media (max-width: 1480px) {
    .support {
      margin-top: 60px; } }
  @media (max-width: 867px) {
    .support {
      margin-top: 30px; } }
  @media screen and (max-width: 990px) {
    .support {
      margin-top: 30px; } }
  .support .title {
    text-align: center;
    margin-bottom: 40px; }
    .support .title h4 {
      font-size: 2.5rem;
      color: #000; }
    .support .title p {
      color: gray;
      font-size: 1rem;
      padding: 1rem 0;
      letter-spacing: 10px; }
      
    .support .title .more a {
      color: #000;
      font-size: 1.25rem;
      border-bottom: #3466ce solid 2px;
      display: inline-block;
      padding-bottom: 10px; }
    @media screen and (max-width: 768px) {
      .support .title {
        margin-bottom: 1.25rem; }
        .support .title h4 {
          font-size: 2.25rem; }
        .support .title p {
          font-size: 1.125rem;
          padding: 0.9375rem 0;
          letter-spacing: 5px; } }      
          .support .container {
              background: url(../images/support1_1.png) center bottom no-repeat;
              margin-bottom: 0;
              padding-bottom: 0;
          }
  .support .supportCon {
    /*background: url(../images/support1_1.png) no-repeat right bottom/auto 100%;*/
    padding-top: 90px;
    height: 550px; }
    @media screen and (max-width: 768px) {
      .support .supportCon {
        padding: 100px 20px; } }
    .support .supportCon .supportCon01 {
      margin-bottom: 50px; }
      .support .supportCon .supportCon01 h4 {
        font-size: 16px;
        color: #080000; }
        .support .supportCon .supportCon01 h4 span {
          color: #3466ce;
          font-size: 48px;
          font-family: 'MiSans-Bold';
          font-weight: bold; }
      .support .supportCon .supportCon01 p {
        padding: 8px 0 0;
        color: gray; }
  .support .supportCity {
    padding-top: 100px; }
    @media screen and (max-width: 768px) {
      .support .supportCity {
        padding: 20px 0; } }
    .support .supportCity a {
      width: 96px;
      height: 36px;
      line-height: 36px;
      border: #ccc solid 1px;
      border-radius: 3px;
      text-align: center;
      display: inline-block;
      margin: 0 10px 10px 0;
      float: left; }
      .support .supportCity a:hover {
        background: #3466ce;
        color: #fff;
        border-color: #3466ce; }

.insideContainer {
  margin-top: 130px;
  margin-bottom: 130px;
  padding: 0 120px; }
  .marginside{
      margin:0 -120px;
  }
  @media screen and (max-width: 1900px) {
    .insideContainer {
      padding: 0 60px; 
        margin-bottom: 60px;
    } 
      .marginside{
          margin:0 -60px;
      }
  }
  @media screen and (max-width: 1500px) {
    .insideContainer {
      padding: 0 30px;
        margin-bottom: 30px;}
      .marginside{
          margin:0 -30px;
      }}
  @media screen and (max-width: 990px) {
    .insideContainer {
      background: #f2f2f2;
      padding: 0 0px;
      margin-top: 60px;
      margin-bottom:00px; } 
      .marginside{
          margin:0 -15px;
      }
  }
  .insideContainer.nobot {
    margin-bottom: 0; }
  .insideContainer.notop {
    margin-top: 0; }
  .insideContainer .breadcrumbBox {
    height: 60px;
    line-height: 60px;
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between; }
    .insideContainer .breadcrumbBox .breadcrumb {
      border-radius: 5px;
      background: #f7f7f7;
      display: block;
      margin-top: 20px;
      padding: 0 30px;
      height: 60px; }
      .insideContainer .breadcrumbBox .breadcrumb .breadcrumb-item {
        color: #080000;
        display: inline-block;
        font-size: 1.125rem; }
      .insideContainer .breadcrumbBox .breadcrumb a {
        color: #080000; }
    .insideContainer .breadcrumbBox .produtFuction {
      display: flex;
      justify-content: flex-end;
      align-items: center; }
      .insideContainer .breadcrumbBox .produtFuction.nomargin .btn {
        margin: 0;
        margin-right: 20px; }
      .insideContainer .breadcrumbBox .produtFuction .btn {
        padding: 0 60px;
        height: 48px;
        line-height: 48px;
        border-radius: 24px;
        background-color: #3466ce;
        color: #fff;
        margin-left: 50px; }
        .insideContainer .breadcrumbBox .produtFuction .btn.btn-gray {
          border: #e5e5e5 solid 1px;
          color: #080000;
          background: #fff; }
          .insideContainer .breadcrumbBox .produtFuction .btn.btn-gray:hover {
            background-color: #3466ce;
            color: #fff;
            border-color: #3466ce; }
        .insideContainer .breadcrumbBox .produtFuction .btn .icon {
          width: 20px;
          height: 20px;
          display: block;
          float: left;
          margin-top: 14px;
          margin-right: 10px; }
        .insideContainer .breadcrumbBox .produtFuction .btn .icon-sc {
          background: url(../images/shoucang.png) no-repeat center center; }
        .insideContainer .breadcrumbBox .produtFuction .btn .icon-fx {
          background: url(../images/fx.png) no-repeat center center; }
    @media screen and (max-width: 768px) {
      .insideContainer .breadcrumbBox {
        display: none;
        height: auto;
        padding-top: 10px;
        margin-bottom: 0; }
        .insideContainer .breadcrumbBox .produtFuction {
          justify-content: space-around; }
          .insideContainer .breadcrumbBox .produtFuction .btn {
            margin-left: 0;
            font-size: 16px; } }
  .insideContainer .conditions {
    clear: both;
    border-top: #e5e5e5 solid 1px;
    margin-bottom: 35px; }
    .insideContainer .conditions .nav-item {
      border-bottom: #e5e5e5 solid 1px;
      line-height: 60px;
      padding: 0 40px; }
      .insideContainer .conditions .nav-item .nav-link {
        padding: 0 15px;
        display: inline-block;
        color: gray;
        position: relative; }
        .insideContainer .conditions .nav-item .nav-link:after {
          content: "";
          height: 4px;
          width: 0%;
          display: block;
          background: #3466ce;
          transition: all 0.3s ease 0s; }
        .insideContainer .conditions .nav-item .nav-link.on, .insideContainer .conditions .nav-item .nav-link:hover {
          color: #080000; }
        .insideContainer .conditions .nav-item .nav-link.on:after, .insideContainer .conditions .nav-item .nav-link:hover:after {
          color: #080000;
          width: 100%;
          display: block;
          background: #3466ce; }
      @media screen and (max-width: 768px) {
        .insideContainer .conditions{
          display: none;
        }
        .insideContainer .conditions .nav-item {
          padding: 0 15px; } }
  .insideContainer .searchbox {
    margin: 25px 0; }
    
    .insideContainer .searchbox .input-group {
      background: #f7f7f7;
      border-radius: 10px;
      height: 90px;
      line-height: 90px; }
      .insideContainer .searchbox .input-group .form-control {
        background: none;
        border: none; }
      .insideContainer .searchbox .input-group .btn {
        width: 90px;
        border: none;
        background: url("../images/icon-4-2.png") no-repeat center center; }
        @media screen and (max-width: 768px) {
      .insideContainer .searchbox {
        width: 100%;
        margin:15px 0;
        padding: 0 15px; } 
         .insideContainer .searchbox .input-group{
          height: 45px;
          line-height: 45px;
          border-radius: 5px;
          background: #fff;
          margin-bottom: 0!important;
         }
      }
  .insideContainer .reorder {
    margin: 25px 0;
    height: 90px;
    background: #f7f7f7;
    padding: 20px 30px;
    display: flex;
    justify-content: space-around; }
    .insideContainer .reorder .btn {
      height: 48px;
      border-radius: 24px;
      min-width: 33%;
      margin: 0 10px;
      color: #080000;
      border: none;
      background: #fff; 
            display: flex;
    white-space: nowrap;
    align-items: center;
    justify-content: space-evenly;
    }
      .insideContainer .reorder .btn .icon {
        width: 12px;
        height: 12px;
        display: inline-block;
        background: url(../images/arrowA.png) no-repeat 0 0;
        margin-left: 20px; }
        .insideContainer .reorder .btn .icon.rotate {
          transform: rotate(180deg); }
      .insideContainer .reorder .btn:hover, .insideContainer .reorder .btn.on {
        background: #3466ce;
        color: #fff; }
        .insideContainer .reorder .btn:hover .icon, .insideContainer .reorder .btn.on .icon {
          background: url(../images/arrowB.png) no-repeat 0 0; }
    @media screen and (max-width: 768px) {
      .insideContainer .reorder {
        margin: 0;
        padding:5px 15px;
        height: auto;
        justify-content: flex-start;
        background: #fff;
        border-top:1px solid #ced4da;
        border-bottom: 1px solid #ced4da;
        flex-wrap: wrap; }
        
        .insideContainer .reorder .btn {
          width: 110px;
          height: 36px;
          margin: 0; } }

.comm-page {
  font-size: 0;
  text-align: center;
  margin-top: 60px;
  display: flex;
  justify-content: center; }
  .comm-page a {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
    width: 40px;
    font-size: 12px;
    color: #666;
    line-height: 38px;
    text-align: center;
    border: 1px solid #e5e5e5;
    transition: all .3s ease; }
    .comm-page a:first-of-type, .comm-page a:last-of-type {
      width: 60px; }
    .comm-page a:hover, .comm-page a.active {
      border-color: #3466ce;
      background-color: #3466ce;
      color: #fff; }
      .page-mmore{
        display: none;
      }
      @media screen and (max-width: 768px) {
        .comm-page{
          /*display: none;*/
        }
        .page-mmore{
          display: flex;
          justify-content: center;
          align-items: center;
          padding: 10px 0 50px;
        }
        .page-mmore a{
          width: 100px;
          height: 40px;
          line-height: 40px;
          border-radius: 20px;
          background: #3466ce;
          color: #fff;
          text-align: center;
          font-size: 1rem;
          display: inline-block;
        }
      }


.product-detail {
  margin-top: 60px; }
  @media screen and (max-width: 990px) {
    .product-detail {
      margin-top: 15px; } }
  .product-detail .carousel {
    margin-right: 120px;
    margin-bottom: 110px; }
    @media screen and (max-width: 1680px) {
      .product-detail .carousel {
        margin-right: 60px; } }
    @media screen and (max-width: 768px) {
      .product-detail .carousel {
        margin-right: 0;
        margin-bottom: 120px; } }
    .product-detail .carousel .carousel-item {
      background: #f7f7f7;
      height: 480px;
      border-radius: 10px; }
      .product-detail .carousel .carousel-item img {
        border-radius: 10px; }
      .product-detail .carousel .carousel-item .btn {
        display: none; }
    .product-detail .carousel .carousel-item.video .btn {
      display: block;
      width: 136px;
      height: 136px;
      position: absolute;
      left: 50%;
      top:50%;
      transform: translate(-50%, -50%);
      border: none;
      cursor: pointer;
      background: url(../images/btnpaly.png) 0 0/cover;
      z-index: 99; }
    .product-detail .carousel .carousel-item.video .modal-dialog {
      width: auto;
      max-width: 800px; 
        margin:0 auto;
    }
      .product-detail .carousel .carousel-item.video .modal-dialog .modal-content {
        border-radius: 10px;
        overflow: hidden; }
      .product-detail .carousel .carousel-item.video .modal-dialog .btn-close {
        position: absolute;
        top: 15px;
        right: 15px;
        z-index: 9;
        color: #fff; }
    .product-detail .carousel .carousel-indicators {
      top: calc(100% + 14px);
      bottom: inherit;
      margin: 0; }
      .product-detail .carousel .carousel-indicators .active:before {
        background: #080000;
        opacity: 0.3; }
      .product-detail .carousel .carousel-indicators .video:after {
        background: url(../images/videoIco2.png) 0 0/cover; }
      .product-detail .carousel .carousel-indicators .video.active:after {
        background: url(../images/videoIco.png); }
    .product-detail .carousel .carousel-indicators [data-bs-target] {
      width: 100px;
      height: 100px;
      border-radius: 10px;
      overflow: hidden;
      margin-left: 7px;
      margin-right: 7px;
      opacity: 1;
      background: #f7f7f7;
      border: none;
      border: none;
      position: relative; }
      .product-detail .carousel .carousel-indicators [data-bs-target] img {
        display: block;
        border-radius: 10px;
        max-width: 100%;
        height: auto; }
      .product-detail .carousel .carousel-indicators [data-bs-target]:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        display: block;
        width: 100%;
        height: 100%; }
      .product-detail .carousel .carousel-indicators [data-bs-target]:after {
        position: absolute;
        content: "";
        display: block;
        width: 24px;
        height: 24px;
        right: 10px;
        bottom: 10px; }
    .product-detail .carousel .carousel-control-prev-icon {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%333'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); }
    .product-detail .carousel .carousel-control-next-icon {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%333'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }
    .product-detail .carousel .carousel-control-prev, .product-detail .carousel .carousel-control-next {
      height: 100px;
      top: calc(100% + 14px);
      width: 25px;
      z-index: 3; }
    .product-detail .carousel .carousel-control-prev-icon, .product-detail .carousel .carousel-control-next-icon {
      width: 1rem; }
  .product-detail .productName {
    padding: 40px 0 30px 0; }
    @media screen and (max-width: 768px) {
      .product-detail .productName {
        padding: 30px 0 15px 0; } }
    .product-detail .productName h4 {
      font-size: 2.25rem;
      margin-bottom: 0; }
    .product-detail .productName p {
      font-size: 16px;
      display: none;
      color: #3466ce; }
  .product-detail .productBtn {
    margin-bottom: 40px; }
    @media screen and (max-width: 768px) {
      .product-detail .productBtn {
        margin-bottom: 20px; } }
    .product-detail .productBtn .btn {
      padding: 0;
      position: relative; }
      .product-detail .productBtn .btn a {
        color: #3466ce;
        border: #3466ce solid 1px;
        border-radius: 5px;
        height: 36px;
        line-height: 36px;
        padding: 0 25px;
        display: inline-block; }
        .product-detail .productBtn .btn a:hover {
          border: #ec6951 solid 1px;
          color: #ec6951; }
      .product-detail .productBtn .btn .productBtnDetail {
        display: none;
        position: absolute;
        top: calc(100% + 20px);
        left: 50%;
        transform: translateX(-50%);
        background: #fff;
        width: 360px;
        border-radius: 10px;
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
        padding: 30px;
        text-align: left;
        font-size: 14px;
        line-height: 2; }
        .product-detail .productBtn .btn .productBtnDetail:before {
          content: '';
          width: 0;
          height: 0;
          border-left: 20px solid transparent;
          border-right: 20px solid transparent;
          border-bottom: 20px solid #fff;
          display: block;
          margin: 0 auto;
          position: absolute;
          bottom: 100%;
          left: 50%;
          transform: translateX(-50%); }
      .product-detail .productBtn .btn:hover .productBtnDetail {
        display: block; }
  .product-detail .productIntroduce {
    color: gray;
    line-height: 2;
    font-size: 16px; }
  .product-detail .productDownload {
    margin: 30px 0 0; 
    padding: 30px 0 0;
    border-top: #e5e5e5 solid 1px;
  display: flex;
    flex-wrap: wrap;}
    .product-detail .productDownload a {
      line-height: 36px;
      border-radius: 18px;
      display: inline-block;
      color: gray;
      border: #e5e5e5 solid 1px;
      padding: 0 24px;
      margin-bottom: 15px;
      width: calc(50% - 30px);
      margin-right: 20px; }
      .product-detail .productDownload a i {
        width: 18px;
        height: 18px;
        display: inline-block;
        margin: 0 10px;
        background: url(../images/pdf.png) no-repeat; }
        .product-detail .productDownload a:hover{
            border-color: #ec6951;
            color: #ec6951;
        }
    @media screen and (max-width: 1680px) {
      .product-detail .productDownload {
        margin: 30px 0; } }
    @media screen and (max-width: 768px) {
      .product-detail .productDownload {
        margin: 10px 0;
        display: flex;
        justify-content: space-around;
        flex-direction: column; }
        .product-detail .productDownload a {
          padding: 8px 10px;
          margin: 5px 5px;
          line-height: 1.5;
          height: auto;
         
          position: relative;
          border-radius: 12px;
          width:  calc(50% - 10px); }
          .product-detail .productDownload a i {
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%); } }
  .product-detail .produtFuction {
    margin: 00px 0 20px; padding:0}
    @media screen and (max-width: 768px) {
      .product-detail .produtFuction {
        margin: 20px 0 20px; } }
    .product-detail .produtFuction .btn {
      padding: 0 60px;
      height: 48px;
      line-height: 48px;
      border-radius: 24px;
      background: #3466ce;
      color: #fff; }
      .product-detail .produtFuction .btn .icon {
        width: 20px;
        height: 20px;
        display: block;
        float: left;
        margin-top: 14px;
        margin-right: 10px; }
      .product-detail .produtFuction .btn .icon-ly {
        background: url(../images/liuyan.png) no-repeat center center; }
      .product-detail .produtFuction .btn .icon-sc {
        background: url(../images/shoucang.png) no-repeat center center; }
      .product-detail .produtFuction .btn .icon-fx {
        background: url(../images/fx.png) no-repeat center center; }
      @media screen and (max-width: 768px) {
        .product-detail .produtFuction .btn {
          margin-bottom: 10px; } }

.liuyanbox {
  max-width: 960px; }
  .liuyanbox .modal-header {
    border: none;
    text-align: center;
    position: relative;
    display: block; }
    .liuyanbox .modal-header .modal-title {
      font-size: 48px;
      padding: 60px 0;
      display: inline-block; }
    .liuyanbox .modal-header .btn-close {
      position: absolute;
      top: 30px;
      right: 30px; }
  .liuyanbox .modal-body {
    padding: 0 60px 60px; }
    .liuyanbox .modal-body .form-control {
      border: #e5e5e5 solid 1px;
      height: 60px;
      line-height: 60px;
      border-radius: 3px; }
    .liuyanbox .modal-body .form-control.textarea {
      height: 120px; }
    .liuyanbox .modal-body .yazhenma img {
      float: right;
      margin-top: -59px;
      margin-right: 1px; }
    .liuyanbox .modal-body .btn-primary {
      background: #d4d6d9;
      color: #fff;
      border: none; }
      .liuyanbox .modal-body .btn-primary:hover {
        background: #3466ce; }

.productRecommend {
  text-align: left;
  padding: 20px 0; }
  .productRecommend .title {
    height: 48px;
    background: #f7f7f7;
    line-height: 48px;
    padding: 0 30px;
    position: relative; }
    .productRecommend .title:before {
      content: "";
      display: inline-block;
      position: absolute;
      left: 0;
      width: 4px;
      height: 48px;
      background: #3466ce; }
    .productRecommend .title .more {
      float: right;
      margin-top: 22px;
      width: 12px;
      height: 12px;
      position: relative; }
      .productRecommend .title .more:before {
        position: absolute;
        content: "";
        display: inline-block;
        width: 12px;
        height: 2px;
        background: #ec6951; }
    .productRecommend .title.collapsed .more:before {
      background: #3466ce; }
    .productRecommend .title.collapsed .more:after {
      content: "";
      display: inline-block;
      position: absolute;
      width: 12px;
      height: 2px;
      background: #3466ce;
      transform: rotate(90deg); }
  .productRecommend .nopadtop {
    padding-top: 0 !important; }
  .productRecommend .productRecommendBox {
    border-bottom: #e5e5e5 solid 1px; }
    .productRecommend .productRecommendBox .title02 {
      height: 80px;
      line-height: 80px;
      padding: 0 30px; }
  .productRecommend .collapse, .productRecommend .collapsing {
    padding: 30px 0 10px;
    position: relative;
    overflow: hidden; }
    .productRecommend .collapse .swiper-slide a, .productRecommend .collapsing .swiper-slide a {
      width: 100%;
      background: #fff;
      border-radius: 10px;
      display: flex;
         
    justify-content: center;
    align-items: center;
      border: #e5e5e5 solid 1px; }
       .productRecommend .collapse .swiper-slide a img, .productRecommend .collapsing .swiper-slide a img{
      max-width: 100%;
      max-height: 100%;
       }
    .productRecommend .collapse .swiper-slide .name, .productRecommend .collapsing .swiper-slide .name {
      text-align: center;
      padding: 1.875rem 0; }
      .productRecommend .collapse .swiper-slide .name h4, .productRecommend .collapsing .swiper-slide .name h4 {
        font-size: 1.25rem;
        color: #080000;
        margin-bottom: 10px; }
      .productRecommend .collapse .swiper-slide .name p, .productRecommend .collapsing .swiper-slide .name p {
        font-size: 14px;
        color: #3466ce; }
    .productRecommend .collapse .mySwiper05 .swiper-button-next, .productRecommend .collapse .mySwiper05 .swiper-button-prev, .productRecommend .collapsing .mySwiper05 .swiper-button-next, .productRecommend .collapsing .mySwiper05 .swiper-button-prev {
      visibility: hidden; }
    .productRecommend .collapse .swiper-button-next, .productRecommend .collapse .swiper-button-prev, .productRecommend .collapsing .swiper-button-next, .productRecommend .collapsing .swiper-button-prev {
      width: 20px;
      height: 20px;
      border-radius: 5px;
      background: #3466ce;
      color: #fff;
          top: 50%;
    transform: translateY(-50%);
    margin-top: -31px; }
    .productRecommend .collapse .swiper-button-next:hover, .productRecommend .collapse .swiper-button-prev:hover, .productRecommend .collapsing .swiper-button-next:hover, .productRecommend .collapsing .swiper-button-prev:hover {
      background: #ec6951; }
    .productRecommend .collapse .swiper-button-next:after, .productRecommend .collapse .swiper-button-prev:after, .productRecommend .collapsing .swiper-button-next:after, .productRecommend .collapsing .swiper-button-prev:after {
      font-size: 12px; }
      

.ProductInformation {
  margin: 40px 0;
  border-top: #e5e5e5 solid 1px; }
  .ProductInformation .nav-pills {
    display: flex;
    justify-content: center;
    margin-bottom: 40px; }
    .ProductInformation .nav-pills .nav-link {
      margin: 0 100px;
      color: gray;
      font-size: 1.75rem;
      height: 70px; }
      @media screen and (max-width: 768px) {
          .ProductInformation img{
              max-width: 100%!important;
              height: auto!important;
          }
        .ProductInformation .nav-pills .nav-link {
          margin: 0 10px; 
            font-size: 1.25rem;
        } }
    .ProductInformation .nav-pills .nav-link.active {
      background: none;
      border-bottom: #3466ce solid 4px;
      color: #080000; }
  .ProductInformation .tab-content {
    text-align: center; }
  .ProductInformation .producboxFirstHidHalf {
    padding-top: 80px;
    padding-bottom: 50px;
    /*height: 450px;*/
    text-align: center;
    display: block;
    width: 100%;
    overflow: hidden;
    background: #f7f7f7; }
    .ProductInformation .producboxFirstHidHalf img {
      max-width: 80%;
      min-width: 50%; }
  .ProductInformation .ProductInformationbox {
    margin-top: 50px; }
    .ProductInformation .ProductInformationbox .title {
      height: 48px;
      line-height: 48px;
      padding: 0 30px;
      position: relative;
      font-size: 24px;
      color: #080000;
      border-bottom: #e5e5e5 solid 1px; }
      .ProductInformation .ProductInformationbox .title .more {
        float: right;
        margin-top: 22px;
        width: 12px;
        height: 12px;
        position: relative; }
        .ProductInformation .ProductInformationbox .title .more:before {
          position: absolute;
          content: "";
          display: inline-block;
          width: 24px;
          height: 4px;
          background: #ccc; }
      .ProductInformation .ProductInformationbox .title .more.collapsed:before {
        background: #ccc; }
      .ProductInformation .ProductInformationbox .title .more.collapsed:after {
        content: "";
        display: inline-block;
        position: absolute;
        width: 24px;
        height: 4px;
        background: #ccc;
        transform: rotate(90deg); }
    .ProductInformation .ProductInformationbox .ProductInformationList li {
      border-bottom: #e5e5e5 solid 1px;
      padding-left: 30px;
      margin-right: 30px;
      width: calc(50% - 30px);
      float: left;
      height: auto;
      line-height: 60px; }
      .ProductInformation .ProductInformationbox .ProductInformationList li span {
        width: 50%;
        display: inline-block; }
      .ProductInformation .ProductInformationbox .ProductInformationList li span:first-child {
        width: 50%;
        float: left;
        opacity: 0.5; }
      .ProductInformation .ProductInformationbox .ProductInformationList li:nth-of-type(2n) {
        margin-right: 0;
        margin-left: 30px; }
      @media screen and (max-width: 768px) {
        .ProductInformation .ProductInformationbox .ProductInformationList li {
          width: 100%; }
          .ProductInformation .ProductInformationbox .ProductInformationList li:nth-of-type(2n) {
            margin-left: 0; } }
  .ProductInformation .message .blue {
    color: #3466ce; }
  .ProductInformation .message .title {
    height: 60px;
    border: #e5e5e5 solid 1px;
    border-radius: 5px;
    line-height: 60px;
    padding: 0 30px; }
  .ProductInformation .message .comment-item {
    padding: 40px 0 30px;
    border-bottom: #e5e5e5 solid 1px; }
    .ProductInformation .message .comment-item .user-column {
      width: 230px;
      float: left; }
      .ProductInformation .message .comment-item .user-column .user-info {
        font-size: 16px;
        text-align: left;
        line-height: 40px; }
        .ProductInformation .message .comment-item .user-column .user-info .avatar {
          width: 40px;
          height: 40px;
          border-radius: 50%;
          background: #555555;
          display: inline-block;
          float: left;
          color: #fff;
          text-align: center;
          font-size: 20px;
          margin-right: 30px; }
    .ProductInformation .message .comment-item .comment-column {
        text-align: left;
      margin-left: 230px;
      font-size: 16px; }
      @media screen and (max-width: 768px){
        .ProductInformation .message .comment-item .user-column {
          width: 80px;
        }
        .ProductInformation .message .comment-item .user-column .user-info{
          text-align: center;
        }
        .ProductInformation .message .comment-item .user-column .user-info .avatar{
          margin: 0 auto;
          float: none;
        }
        .ProductInformation .message .comment-item .comment-column{
          margin-left: 80px;
        }
        .ProductInformation .message .comment-item .comment-column .comment-title{
          font-weight: bold;
        }
      }
      .ProductInformation .message .comment-item .comment-column .comment-title {
        margin-bottom: 25px; }
      .ProductInformation .message .comment-item .comment-column .comment-con {
        line-height: 1.6; }
      .ProductInformation .message .comment-item .comment-column .comment-time {
        color: gray;
        font-size: 14px;
        margin: 50px 0 25px; }
      .ProductInformation .message .comment-item .comment-column .recomment-con {
        border-top: #e5e5e5 solid 1px;
        padding-top: 30px;
        line-height: 1.6; }
      .ProductInformation .downloadbox .card{
        border:#e5e5e5 solid 1px;
        border-radius: 10px;
      }
      @media screen and (max-width: 768px){
          .ProductInformation .downloadbox .col{
              padding:0;
          }
          .ProductInformation .downloadbox .card{
              margin:0 15px;
          }
          .ProductInformation  .productRecommend .title{
              background: #f7f7f7!important;
          }
      }
      .ProductInformation .downloadbox .card .card-body{
        padding: 0;
      }
      .ProductInformation .downloadbox .card .card-body .card-title{
        border-bottom:#e5e5e5 solid 1px;
        padding: 20px 30px;
        color: #000;
        line-height: 40px;
        font-size: 16px;
      }
      .ProductInformation .downloadbox .card .card-body .card-title p{
        font-size: 16px;
        color: #3466ce;
        float: right;
      }
      @media screen and (max-width: 1600px){
          .ProductInformation .downloadbox .card .card-body .card-title{
              padding:15px 20px;
              font-size: 14px;
          }
      }
       @media screen and (max-width: 768px){
          .ProductInformation .downloadbox .card .card-body .card-title{
              padding:10px 10px;
          }
      }
      .ProductInformation .downloadbox .card .card-body .card-text{
        padding: 20px 30px 10px;
        line-height: 1.8;
      }
      .ProductInformation .downloadbox .card .card-body .card-button {
        padding: 0 30px 20px;
      }
      .ProductInformation .downloadbox .card .card-body .card-button a{
        line-height: 48px;
        background: #3466ce;
        color: #fff;
        display: inline-block;
        min-width: 148px;
        text-align: center;
        border-radius: 24px;
        margin-top: 10px;
        margin-bottom: 0;
      }
       @media screen and (max-width: 768px){
         .ProductInformation .downloadbox .card .card-body .card-button a{
          line-height: 36px;
          min-width: 108px;
         }
      }

.SolutionList {
  padding: 30px 0; }
  .SolutionList .title {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 40px; }
  .SolutionList .card {
    border-radius: 10px;
    overflow: hidden;
    background: #f7f7f7;
    border: none;
    transition: all 0.3s ease 0s;
    margin-bottom: 40px;
    display: block; }
    .SolutionList .card .backgroundimg {
      width: 100%;
      overflow: hidden; }
      .SolutionList .card .backgroundimg img {
        transition: all 0.3s ease 0s; }
    .SolutionList .card .card-body {
      padding: 40px 40px;
      height: 230px; }
      .SolutionList .card .card-body .card-title {
        font-size: 1.8rem;
        line-height: 1.5;
        position: relative;
        padding-left: 20px;
        color: #080000; }
        @media screen and (max-width: 768px){
            .SolutionList{
                padding: 30px 12px;
            }
            .SolutionList .card .card-body{
                padding:20px;
            }
            .SolutionList .card .card-body .card-title{
                font-size: 21px;
                padding-left: 15px;
            }
        }
        .SolutionList .card .card-body .card-title:before {
          content: "";
          display: inline-block;
          width: 4px;
          height: 100%;
          position: absolute;
          left: 0;
          background: #3466ce; }
      .SolutionList .card .card-body .card-text {
        color: gray;
        line-height: 2; }
    .SolutionList .card .card-footer {
      border: none;
      background: none;
      font-size: 16px;
      color: #080000;
      padding: 0 40px 40px; }
      .SolutionList .card .card-footer:before {
        content: "";
        width: 8px;
        height: 8px;
        background: #ec6951;
        border-radius: 50%;
        display: inline-block; }
    .SolutionList .card:hover {
      transform: translateY(-10px); }
      .SolutionList .card:hover .backgroundimg img {
        transform: scale(1.1); }

.CaseList {
  padding: 0 0 30px;
  margin-top: -96px; }
  .CaseList .nav {
    justify-content: flex-end;
    margin-bottom: 66px; }
  .CaseList .nav-link {
    width: 36px;
    height: 36px;
    padding: 0; }
    .CaseList .nav-link b {
      width: 36px;
      height: 36px;
      display: inline-block; }
    .CaseList .nav-link .ico-array {
      background: url(../images/caselistico-2.png) no-repeat center center; }
    .CaseList .nav-link .ico-array02 {
      background: url(../images/caselistico-3.png) no-repeat center center; }
  .CaseList .nav-link.active .ico-array {
    background: url(../images/caselistico.png) no-repeat center center; }
  .CaseList .nav-link.active .ico-array02 {
    background: url(../images/caselistico-1.png) no-repeat center center; }
  .CaseList .title {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 40px; }
  .CaseList .CaseListImg .card {
    border-radius: 10px;
    overflow: hidden;
    background: #f7f7f7;
    border: none;
    transition: all 0.3s ease 0s;
    margin-bottom: 40px;
    display: block; }
    .CaseList .CaseListImg .card .backgroundimg {
      width: 100%;
      overflow: hidden; }
      .CaseList .CaseListImg .card .backgroundimg img {
        transition: all 0.3s ease 0s; }
    .CaseList .CaseListImg .card .card-body {
      padding: 40px 40px;
      height: 230px; }
      .CaseList .CaseListImg .card .card-body .card-title {
        font-size: 2rem;
        line-height: 1.5;
        position: relative;
        padding-left: 20px;
        color: #080000; }
        .CaseList .CaseListImg .card .card-body .card-title:before {
          content: "";
          display: inline-block;
          width: 4px;
          height: 100%;
          position: absolute;
          left: 0;
          background: #3466ce; }
      .CaseList .CaseListImg .card .card-body .card-text {
        color: gray;
        line-height: 2; }
    .CaseList .CaseListImg .card .card-footer {
      border: none;
      background: none;
      font-size: 16px;
      color: #080000;
      padding: 0 40px 40px; }
      .CaseList .CaseListImg .card .card-footer:before {
        content: "";
        width: 8px;
        height: 8px;
        background: #ec6951;
        border-radius: 50%;
        display: inline-block; }
    .CaseList .CaseListImg .card:hover {
      transform: translateY(-10px); }
      .CaseList .CaseListImg .card:hover .backgroundimg img {
        transform: scale(1.1); }
  .CaseList .CaseListImg02 {
    padding: 0 120px; }
    @media screen and (max-width: 768px) {
        .CaseList{
            margin-top: 0;
            margin:0 9px;
        }
        .CaseList .nav{
            display: none;
        }
        .CaseList .CaseListImg .card .card-body{
            padding:20px;
        }
      .CaseList .CaseListImg02 {
        padding: 0; } }
    .CaseList .CaseListImg02 .card {
      margin-bottom: 30px;
      border-radius: 10px;
      border: #e5e5e5 solid 1px;
      padding: 30px 60px; }
      @media screen and (max-width: 768px) {
        .CaseList .CaseListImg02 .card {
          padding: 0; } }
      .CaseList .CaseListImg02 .card:hover .img-rounded img {
        transform: scale(1.1); }
      .CaseList .CaseListImg02 .card .img-rounded {
        border-radius: 10px;
        overflow: hidden; }
        .CaseList .CaseListImg02 .card .img-rounded img {
          width: 100%;
          transition: all 0.3s ease 0s; }
      .CaseList .CaseListImg02 .card .card-body {
        display: flex;
        flex-wrap: wrap;
        align-content: center; }
        .CaseList .CaseListImg02 .card .card-body .card-title {
          font-size: 32px;
          margin-bottom: 37px; }
          .CaseList .CaseListImg02 .card .card-body .card-title:before {
            width: 4px;
            height: 32px;
            background: #3466ce;
            margin-right: 20px;
            content: "";
            display: inline-block; }
        .CaseList .CaseListImg02 .card .card-body .card-text {
          line-height: 2;
          color: gray; }

.insideContainerBanner {
  position: relative;
  /*  margin-top: 80px;*/ }
  @media screen and (max-width: 768px) {
    .insideContainerBanner {
      margin-top: 56px; } }
  .insideContainerBanner.hei840 {
    min-height: 840px; }
  .insideContainerBanner .hei840 {
    min-height: 840px; }
  .insideContainerBanner .insideContainerBannerbox {
    position: relative; }
    .insideContainerBanner .insideContainerBannerbox .btn {
      width: 120px;
      height: 120px;
      position: absolute;
      left: 50%;
      top: 50%;
      cursor: pointer;
      margin-left: -60px;
      margin-top: -60px;
      background: none;
      border: none; }
      .insideContainerBanner .insideContainerBannerbox .btn:after {
        content: "";
        display: inline-block;
        background: url(../images/videoCircle.png) no-repeat center center;
        position: absolute;
        margin-left: -60px;
        margin-top: -60px;
        width: 120px;
        height: 120px; }
      .insideContainerBanner .insideContainerBannerbox .btn:before {
        content: "";
        display: inline-block;
        position: absolute;
        left: 50%;
        top: 50%;
        cursor: pointer;
        width: 0;
        height: 0;
        border-top: 12px solid transparent;
        border-bottom: 12px solid transparent;
        border-left: 20px solid #fff;
        margin-left: -6px;
        margin-top: -10px; }
      .insideContainerBanner .insideContainerBannerbox .btn:hover:after {
        animation: radiusRotate 1s linear infinite; }
    .insideContainerBanner .insideContainerBannerbox .modal-dialog {
      width: auto;
      max-width: 80%; }
      .insideContainerBanner .insideContainerBannerbox .modal-dialog .modal-content {
        border-radius: 10px;
        overflow: hidden; }
      .insideContainerBanner .insideContainerBannerbox .modal-dialog .btn-close {
        position: absolute;
        top: 15px;
        right: 15px;
        color: #fff; }
    .insideContainerBanner .insideContainerBannerbox img {
      width: 100%; }
    @media screen and (max-width: 768px) {
      .insideContainerBanner .insideContainerBannerbox {
        height: 60vh;
        overflow: hidden; }
        .insideContainerBanner .insideContainerBannerbox img {
          height: 100%;
          width: auto; } }
  .insideContainerBanner .breadcrumbBox {
    line-height: 60px;
    margin-bottom: 30px;
    position: absolute;
    top: 140px;
    left: 60px;
    z-index: 6; }
    .insideContainerBanner .breadcrumbBox .breadcrumb {
      border-radius: 5px;
      background: #f7f7f7;
      display: inline-block;
      padding: 0 30px; }
      .insideContainerBanner .breadcrumbBox .breadcrumb .breadcrumb-item {
        color: #080000;
        display: inline-block;
        font-size: 18px; }
      .insideContainerBanner .breadcrumbBox .breadcrumb a {
        color: #080000; }
    @media screen and (max-width: 768px) {
      .insideContainerBanner .breadcrumbBox {
        left: 0;
        top: 10px; }
        .insideContainerBanner .breadcrumbBox .breadcrumb {
          margin: 0 15px;
          display:none;} }
  .insideContainerBanner .aboutusbg {
    position: relative;
    width: 100%;
    overflow: hidden; }
    @media screen and (max-width: 768px) {
      .insideContainerBanner .aboutusbg {
        height: 100vh; } }
    .insideContainerBanner .aboutusbg img {
      width: 100%; }
      @media screen and (max-width: 768px) {
        .insideContainerBanner .aboutusbg img {
          height: 100%;
          width: auto; } }
    .insideContainerBanner .aboutusbg .title {
      font-size: 60px;
      color: #fff;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      white-space: nowrap; }
      @media screen and (max-width: 768px) {
        .insideContainerBanner .aboutusbg .title {
          font-size: 32px;
          padding: 0 20px;
          width: 100%;
          white-space: inherit;
          overflow: hidden; } }

.container1200 {
  width: 1200px; }
  @media screen and (max-width: 768px) {
    .container1200 {
      width: 100%; } }

.SulutionDetail {
  position: relative;
  z-index: 5;
  margin-top: -100px; }
  .SulutionDetail .title {
    height: 100px;
    line-height: 100px;
    font-size: 2.5rem;
    color: #fff; }
  .SulutionDetail .text {
    margin-bottom: 70px;
    margin-top: 30px;
    line-height: 2; }
    @media screen and (max-width: 768px) {
        .SulutionDetail .title{
            margin:0 -9px;
            padding: 0 10px;
            background: #3466ce;
            font-size: 24px;
            line-height: 1.5;
            border-radius: 10px 10px 0 0 ;
            display: flex;
            align-items: center;
        }
      .SulutionDetail .text {
        width: 100%;
        margin-bottom: 30px; } }
  .SulutionDetail .produtFuction {
    display: flex;
    justify-content: flex-end;
    align-items: center; }
    .SulutionDetail .produtFuction .btn {
      padding: 0 60px;
      height: 48px;
      line-height: 48px;
      border-radius: 24px;
      background-color: #3466ce;
      color: #fff;
      margin-left: 50px; }
      .SulutionDetail .produtFuction .btn .icon {
        width: 20px;
        height: 20px;
        display: block;
        float: left;
        margin-top: 14px;
        margin-right: 10px; }
      .SulutionDetail .produtFuction .btn .icon-sc {
        background: url(../images/shoucang.png) no-repeat center center; }
      .SulutionDetail .produtFuction .btn .icon-fx {
        background: url(../images/fx.png) no-repeat center center; }
    @media screen and (max-width: 768px) {
      .SulutionDetail .produtFuction {
        width: 100%;
        justify-content: space-around; }
        .SulutionDetail .produtFuction .btn {
          margin: 0;
          padding: 0 40px; } }

.SulutionDetailEdit {
  border-radius: 10px;
  background: #f7f7f7;
  padding: 70px 60px;
  line-height: 1.8;
  margin-bottom: 60px; }
  @media screen and (max-width: 768px) {
    .SulutionDetailEdit {
      padding: 30px 15px;
      border-radius: 0;
      margin-bottom: 30px;
      background:#fff;} }
  .SulutionDetailEdit .title {
    font-size: 32px;
    margin-bottom: 30px; }
  .SulutionDetailEdit .SulutionDetailEditCon {
    line-height: 2;
    text-align: center;
    font-size: 16px; }
    .SulutionDetailEdit .SulutionDetailEditCon img {
      max-width: 100%; }

.CaseDetail .card {
  margin-bottom: 30px;
  border: none;
  padding: 30px 0; }
  
  .CaseDetail .card:hover .img-rounded img {
    transform: scale(1.1); }
  .CaseDetail .card .img-rounded {
    border-radius: 10px;
    overflow: hidden; }
    .CaseDetail .card .img-rounded img {
      width: 100%;
      transition: all 0.3s ease 0s; }
  .CaseDetail .card .card-body {
    padding: 0 0 0 60px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    height: 100%;
    flex-direction: column;
    justify-content: center; }
    @media screen and (max-width: 768px) {
        .CaseDetail .card {
            padding-top: 0;
        }
        .CaseDetail .card .img-rounded{
            border-radius: 0;
        }
      .CaseDetail .card .card-body {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 30px; } }
    .CaseDetail .card .card-body .card-title {
      font-size: 2rem;
      margin-bottom: 2.25rem; }
      @media screen and (max-width: 768px) {
        .CaseDetail .card .card-body .card-title {
          margin-bottom: 10px; } }
    .CaseDetail .card .card-body .card-text {
      display: flex;
      ustify-content: flex-start;
      line-height: 2;
      color: gray; }
      .CaseDetail .card .card-body .card-text span:nth-child(1) {
        flex: 0 0 auto; }
      .CaseDetail .card .card-body .card-text span {
        display: inline-block; }

.supportDownload {
  display: block;
  margin-bottom: 30px; }
  .supportDownload .supportDownloadImg {
    border-radius: 30px;
    overflow: hidden; 
    display: flex;
   align-items: center;
  }
    .supportDownload .supportDownloadImg img {
      transition: all 0.3s ease 0s;
      width: 100%; }
  .supportDownload .name {
    font-size: 1.75rem;
    padding: 30px 0; }
    @media screen and (max-width: 768px){
        .mmargin0{
            margin:0;
        }
        .supportDownload{
            background: #fff;
            border-radius: 5px;
            height: calc(100% - 30px);
        }
      .supportDownload .name{
        font-size: 16px;
      }
    }
  .supportDownload:hover .supportDownloadImg img {
    transform: scale(1.1); }

.grayline {
  border-bottom: 4px solid #e5e5e5; }

.Newslist .card {
  border-radius: 30px;
  border: #e5e5e5 solid 1px;
  padding: 30px;
  color: #080000; }
  .Newslist .card .card-body {
    padding: 0; }
    .Newslist .card .card-body .card-title {
      font-size: 24px; }
  .Newslist .card .card-footer {
    border: none;
    background: none;
    font-size: 16px;
    color: #080000;
    padding: 0 0 40px; }
    .Newslist .card .card-footer:before {
      content: "";
      width: 8px;
      height: 8px;
      background: #ec6951;
      border-radius: 50%;
      display: inline-block; }
  .Newslist .card .backgroundimg {
    border-radius: 10px;
    overflow: hidden; }
    .Newslist .card .backgroundimg img {
      transition: all 0.3s ease 0s; }
  .Newslist .card:hover {
    border-color: transparent;
    box-shadow: 10px 0 30px rgba(0, 0, 0, 0.1); }
    .Newslist .card:hover .backgroundimg img {
      transform: scale(1.1); }
       @media screen and (max-width: 768px){
           .Newslist .card .card-body .card-title{
               font-size: 20px;
           }
       }

.NewslistFirst {
  padding: 30px;
  border-radius: 30px;
  margin-bottom: 25px; }
  .NewslistFirst .backgroundimg {
    overflow: hidden;
    border-radius: 10px; }
  .NewslistFirst .img-fluid {
    width: 100%;
    transition: all 0.3s ease 0s; }
  .NewslistFirst .card-body {
    padding: 60px;
    padding-bottom: 0;
    color: #080000; }
    @media screen and (max-width: 768px) {
        .NewslistFirst{
            display: none;
        }
      .NewslistFirst .card-body {
        padding: 10px; } }
    .NewslistFirst .card-body .card-title {
      font-size: 36px;
      margin-bottom: 30px; }
    .NewslistFirst .card-body .card-text {
      /*max-height: 250px;*/
      line-height: 2; }
    .NewslistFirst .card-body .card-footer {
      border: none;
      background: none;
      font-size: 16px;
      color: #080000;
      padding: 0 0 40px;
      line-height: 30px; }
      .NewslistFirst .card-body .card-footer:before {
        content: "";
        width: 8px;
        height: 8px;
        background: #ec6951;
        border-radius: 50%;
        display: inline-block;
        margin-right: 15px; }
  .NewslistFirst:hover .img-fluid {
    transform: scale(1.1); }

.pressDetailsWrap .pressDetailsBoxes {
  background: white;
  padding-right: 60px;
  flex: 0 0 auto;
  float: left; }
  .pressDetailsWrap .pressDetailsBoxes .title {
      padding:40px 0 0;
    font-size: 2.5rem; }
.pressDetailsWrap .hotNews {
  position: sticky;
  top: 100px;
  background: #f7f7f7;
  padding: 60px;
  border-radius: 30px;
  float: left;
  margin-bottom: 40px; }
  .pressDetailsWrap .hotNews .title {
    font-size: 24px;
    margin-bottom: 40px; }
    .pressDetailsWrap .hotNews .title:before {
      width: 4px;
      height: 24px;
      background: #3466ce;
      content: "";
      display: inline-block;
      margin-right: 15px; }
  .pressDetailsWrap .hotNews .NewsA {
    line-height: 1.4;
    margin-bottom: 30px;
    display: block;
    padding-left: 20px;
    position: relative; }
    .pressDetailsWrap .hotNews .NewsA:before {
      content: "";
      display: block;
      float: left;
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: #ccc;
      position: absolute;
      top: 6px;
      left: 0; }
@media screen and (max-width: 768px) {
    .pressDetailsWrap .pressDetailsBoxes .title {
        padding-top: 40px;
        font-size: 24px;
    }
  .pressDetailsWrap {
    display: flex; }
    .pressDetailsWrap .pressDetailsBoxes {
      width: 100%;
      padding: 0;
      padding-bottom: 50px; }
      .pressDetailsWrap .pressDetailsBoxes .invstorListCon .card {
        justify-content: center;
        padding-left: 130px;
        padding-right: 50px; }
        .pressDetailsWrap .pressDetailsBoxes .invstorListCon .card .title {
          line-height: 2;
          font-size: 16px; }
    .pressDetailsWrap .hotNews {
      display: none; } }

.detailsInfoMod {
  
  padding: 30px 0;
  border-bottom: #f7f7f7 solid 4px;
  justify-content: space-between;
    line-height: 40px;
    flex-wrap: wrap;
    display: flex;
    align-items: center;
  /* 分享 */ }
  .detailsInfoMod .date {
    font-size: 16px;
    color: #ec6951; }
    .detailsInfoMod .date:before {
      width: 8px;
      height: 8px;
      margin: 3px 0;
      background: #ec6951;
      border-radius: 50%;
      content: "";
      display: inline-block;
      margin-right: 10px; }
  .detailsInfoMod .produtFuction {
    display: flex;
    justify-content: flex-end;
    align-items: center; }
    .detailsInfoMod .produtFuction .btn {
      padding: 0 60px;
      height: 48px;
      line-height: 48px;
      border-radius: 24px;
      background-color: #fff;
      color: #080000;
      border-color: #e5e5e5;
      margin-left: 50px; }
      .detailsInfoMod .produtFuction .btn .icon {
        width: 20px;
        height: 20px;
        display: block;
        float: left;
        margin-top: 14px;
        margin-right: 10px; }
      .detailsInfoMod .produtFuction .btn .icon-sc {
        background: url(../images/sc.png) no-repeat center center; }
      .detailsInfoMod .produtFuction .btn:hover {
        background: #3466ce;
        color: #fff; }
        .detailsInfoMod .produtFuction .btn:hover .icon-sc {
          background: url(../images/shoucang.png) no-repeat center center; }
  .detailsInfoMod .comm-share{
      padding:15px 0;
  }
  .detailsInfoMod .comm-share span{
      float: left;
  }
  .detailsInfoMod .comm-share a {
    margin: 0 5px;
    display: inline-block;
    min-width: 40px;
    height: 40px !important;
    font-size: 16px;
    text-align: center;
    float: left; }
  .detailsInfoMod .comm-share .share-title {
    float: left;
    line-height: 40px; }
  .detailsInfoMod .comm-share a.bshare-weixin {
    background: url("../images/icon-wx.png") no-repeat center; }
  .detailsInfoMod .comm-share a.bshare-sinaminiblog {
    background: url("../images/icon-wb.png") no-repeat center; }
  @media screen and (max-width: 768px) {
    .detailsInfoMod {
      display: block; }
      .detailsInfoMod .comm-share {
        width: 176px;
        float: left;
        margin: 0 0; }
      .detailsInfoMod .produtFuction {
          padding:15px 0;
        display: block;}
        .detailsInfoMod .produtFuction .btn {
          margin: 0; } }

.detailsCon {
  line-height: 1.8;
  padding-bottom: 150px; }

.keyWord {
  padding: 40px 0; }
  .keyWord a {
    background: #f7f7f7;
    height: 36px;
    line-height: 36px;
    margin-right: 10px;
    display: inline-block;
    border-radius: 5px;
    padding: 0 30px; }
  @media screen and (max-width: 768px) {
    .keyWord a {
      margin-bottom: 15px; } }

.detailsGuideMod {
  border-top: 1px solid #e5e5e5; }

.detailsGuideMod .info {
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 768px) {
    .detailsGuideMod .info {
      display: block;
      padding: 0 15px; } }

.detailsGuideMod .info .btn {
  width: 50%;
  font-size: 16px;
  color: gray;
  text-align: center;
  color: #808080;
  height: 120px;
  padding: 30px 0; }
  @media screen and (max-width: 768px) {
    .detailsGuideMod .info .btn {
      border-bottom: 1px solid #e5e5e5;
      width: 100%;
      border: none;
      height: auto; } }

.detailsGuideMod .info .btn:nth-child(1) {
  border-right: 1px solid #e5e5e5; }

.detailsGuideMod .info .btn:hover {
  background: #f7f7f7; }

.detailsGuideMod .info .btn p {
  clear: both;
  color: #231815;
  display: block;
  font-size: 20px;
  margin-top: 15px;
  white-space: nowrap;
  text-align: center; }
  @media screen and (max-width: 768px) {
    .detailsGuideMod .info .btn p {
      white-space: inherit; } }

.detailsGuideMod .info .returns span {
  color: gray;
  font-size: 14px; }

.detailsGuideMod .line {
  margin-bottom: 40px;
  width: 100%;
  height: 1px;
  background: #e6e6e6; }

.AboutUsIntroduction {
  background: url(../images/bgmap.png) no-repeat center center/cover;
  padding: 90px 0;
  text-align: center; }
  .AboutUsIntroduction .title {
    font-size: 2.5rem;
    margin-bottom: 30px; }
  .AboutUsIntroduction .AboutUsIntroductioncon {
    font-size: 18px;
    line-height: 2;
    color: gray; }
  .AboutUsIntroduction .item {
    margin-top: 110px; }
    .AboutUsIntroduction .item .num .counter, .AboutUsIntroduction .item .num .jia {
      font-size: 48px;
      color: #3466ce;
      font-weight: normal; }
    .AboutUsIntroduction .item .num b {
      font-weight: normal; }
    .AboutUsIntroduction .item .txt {
      margin-top: 10px;
      color: gray; }
      @media screen and (max-width: 768px) {
          .AboutUsIntroduction{
              padding:30px;
          }
          .AboutUsIntroduction .item{
              margin-top: 50px;
          }
          .AboutUsIntroduction .item .num .counter, .AboutUsIntroduction .item .num .jia{
              font-size: 24px;
          }
          .AboutUsIntroduction .item .num b{
              font-size: 12px;
          }
      }

.BusinessRange {
  padding: 90px 0;
  text-align: center; }
  .BusinessRange .title {
    font-size: 2.5rem;
    margin-bottom: 30px; }
  .BusinessRange .item {
    cursor: pointer; }
    .BusinessRange .item .icobox {
      border-radius: 30px;
      border: #e5e5e5 solid 1px; }
      .BusinessRange .item .icobox .icon img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        transition: all 0.3s ease 0s; }
    .BusinessRange .item:hover .icobox .icon img {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%) rotateY(360deg); }
    .BusinessRange .item .text {
      padding: 30px 0;
      font-size: 24px; }

.AboutUsIntroduction02 {
  background: url(../images/aboutibg.png) fixed no-repeat center center/cover;
  padding: 160px 120px;
  color: #fff;
  text-align: center;
  border-radius: 30px; }
  @media screen and (max-width: 768px) {
    .AboutUsIntroduction02 {
      padding: 20px; } }
  .AboutUsIntroduction02 .title {
    font-size: 2.5rem;
    margin-bottom: 40px; }
  .AboutUsIntroduction02 .AboutUsIntroductioncon {
    font-size: 1.125rem;
    line-height: 2;
    text-align: left; }

.CorporateCulture {
  padding: 90px 0;
  text-align: center; }
  .CorporateCulture .title {
    font-size: 2.5rem;
    margin-bottom: 40px; }
  .CorporateCulture .swiper-wrapper {
    cursor: inherit !important; }
  .CorporateCulture .CorporateCultureBox {
    margin: 12px;
    background: #f7f7f7;
    border-radius: 30px;
    height: 500px;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin-bottom: 40px; }
    .CorporateCulture .CorporateCultureBox img {
      margin-bottom: 75px; }
    .CorporateCulture .CorporateCultureBox .name {
      width: 100%; }
      .CorporateCulture .CorporateCultureBox .name h4 {
        font-size: 32px;
        margin-bottom: 0px; }
      .CorporateCulture .CorporateCultureBox .name p {
        color: gray;
        
        line-height: 1.5; }
        .CorporateCulture .CorporateCultureBox.CorporateCultureBox02 .name p{
          visibility: hidden;  
          height: 0;
          overflow: hidden;
          padding:0 15px;
          transition: transform .8s ease;
        }
        .CorporateCulture .CorporateCultureBox.CorporateCultureBox02:hover .name p{
          visibility: visible;  
          height: auto;
          overflow: visible;
        }
    .CorporateCulture .CorporateCultureBox.CorporateCultureBox02 {
      height: 230px; }
      .CorporateCulture .CorporateCultureBox.CorporateCultureBox02 img {
        margin-bottom: 5px; }
  .CorporateCulture .swiper-horizontal > .swiper-scrollbar {
    height: 1px; }
  .CorporateCulture .swiper-scrollbar-drag {
    background: #3466ce;
    height: 5px;
    top: -2px; }

.Honorary {
  background: url(../images/honnorbgg.png) fixed no-repeat center center/cover;
  padding: 160px 120px;
  color: #fff;
  text-align: center; }
  @media screen and (max-width: 1900px) {
    .Honorary {
      padding: 0 60px;
      padding-top: 120px;
      padding-bottom: 120px; } }
  @media screen and (max-width: 1500px) {
    .Honorary {
      padding: 0 30px;
      padding-top: 120px;
      padding-bottom: 120px; } }
  @media screen and (max-width: 990px) {
    .Honorary {
      padding: 0 0px;
      padding-top: 80px;
      padding-bottom: 80px; } }
  .Honorary .title {
    font-size: 2.5rem;
    margin-bottom: 40px; }
  .Honorary .honnorbox {
    background: url(../images/honnorbg.png) no-repeat center center/cover;
    border-radius: 30px;
    margin-bottom: 24px;
    padding: 50px 100px 0;
    text-align: center; }
    @media screen and (max-width: 1900px) {
      .Honorary .honnorbox {
        padding: 50px 50px 0; } }
    @media screen and (max-width: 1500px) {
      .Honorary .honnorbox {
        padding: 50px 40px 0; } }
    @media screen and (max-width: 990px) {
      .Honorary .honnorbox {
        padding: 0 0px; } }
    .Honorary .honnorbox:before {
      display: none; }
    .Honorary .honnorbox img {
      box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1); }
    .Honorary .honnorbox p {
      position: static;
      color: #080000;
      padding: 30px 0; }
  .Honorary .swiper {
    padding-bottom: 60px; }
    .Honorary .swiper .swiper-pagination-bullet {
      width: 8px;
      height: 8px;
      background-color: #fff;
      opacity: 0.2;
      position: relative;
      margin: 0 11px;
      display: inline-block; }
    .Honorary .swiper .swiper-pagination-bullet-active {
      background-color: #ec6951;
      opacity: 1; }
      .Honorary .swiper .swiper-pagination-bullet-active:before {
        background-color: #ec6951;
        border-radius: 50%;
        opacity: 0.2;
        width: 16px;
        height: 16px;
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%); }
  .Honorary .ratio-10x7 {
    --bs-aspect-ratio: 70%; }

.cooperation {
  padding: 110px 0;
  text-align: center; }
  .cooperation .title h4 {
    font-size: 2.5rem;
    margin-bottom: 20px; }
  .cooperation .title p {
    font-size: 1.25rem;
    margin-bottom: 1.5rem; }
  .cooperation .title small {
    color: gray;
    font-size: 1rem; }
  .cooperation .cooperationBox {
    padding-top: 50px; }
  .cooperation .Marquee_x {
    overflow: hidden; }
    .cooperation .Marquee_x.Marquee_Y {
      padding-left: 90px; }
    .cooperation .Marquee_x ul li {
      float: left;
      line-height: 25px;
      overflow: hidden;
      padding: 15px 0;
      margin-right: 0 !important; }
      .cooperation .Marquee_x ul li div {
        float: left;
        line-height: 25px;
        height: 80px;
        width: 180px;
        overflow: hidden;
        text-align: center;
        background: #fff;
        border-radius: 5px;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
        margin-right: 30px; }
        .cooperation .Marquee_x ul li div img {
          max-width: 100%;
          height: 100%;
          display: block;
          margin: 0 auto; }

.invstorWrap .invstorList {
  float: left;
  padding-right: 50px;
  padding-bottom: 110px; }
  .invstorWrap .invstorList .searchbox {
    margin-top: 0;
    margin: 0 auto; }
  .invstorWrap .invstorList .invstorListCon .card {
    padding: 30px 0;
    border: none;
    border-bottom: #e5e5e5 solid 4px;
    position: relative;
    height: 180px;
    padding-left: 160px;
    color: #080000;
    transition: all 0.3s ease 0s;
    border-radius: 0; }
    .invstorWrap .invstorList .invstorListCon .card .date {
      width: 120px;
      height: 120px;
      background: #f7f7f7;
      border-radius: 10px;
      position: absolute;
      left: 0;
      text-align: center;
      padding-top: 20px;
      transition: all 0.3s ease 0s; }
      .invstorWrap .invstorList .invstorListCon .card .date .dately {
        font-size: 48px; }
    .invstorWrap .invstorList .invstorListCon .card .title {
      line-height: 30px;
      display: flex;   align-items: center;
      font-size: 24px; 
      padding: 50px;
      overflow: hidden;    
    }
    .invstorWrap .invstorList .invstorListCon .card:after {
      content: "";
      display: inline-block;
      background: url(../images/arrowrig.png) no-repeat;
      position: absolute;
      top: 80px;
      right: 30px;
      width: 12px;
      height: 22px; }
    .invstorWrap .invstorList .invstorListCon .card .file {
      position: absolute;
      top: 60px;
      right: 70px;
      width: 60px;
      height: 60px;
      background: #f7f7f7;
      border-radius: 50%;
      text-align: center;
      opacity: 0;
      line-height: 60px;
      transition: all 0.3s ease 0s; }
    .invstorWrap .invstorList .invstorListCon .card:hover {
      box-shadow: 8px 8px 10px rgba(0, 0, 0, 0.1);
      background: url(../images/investor.png) no-repeat center bottom/cover;
      position: relative;
      z-index: 2;
      border-color: #3466ce; }
      .invstorWrap .invstorList .invstorListCon .card:hover .date {
        background: #fff; }
      .invstorWrap .invstorList .invstorListCon .card:hover .file {
        opacity: 1; }
        @media screen and (max-width: 768px){
            .invstorWrap .invstorList .comm-page{
                display: block;
            }
            .invstorWrap .invstorList .invstorListCon .card .date{
                width: 80px;
                height: 80px;
            }
            .invstorWrap .invstorList .invstorListCon .card .date .dately{
                font-size: 24px;
            }
           .invstorWrap .invstorList .invstorListCon .card .date .mouth{
               font-size: 12px;
           }
        }
        
.invstorWrap .invstorright {
  position: sticky;
  top: 100px;
  background: #f7f7f7;
  padding: 60px;
  border-radius: 30px;
  float: left;
  margin-bottom: 40px;
  background: url(../images/investor2.png) no-repeat 0 0/cover; }
  .invstorWrap .invstorright .title {
    font-size: 24px;
    margin-bottom: 30px; }
  .invstorWrap .invstorright .blue {
    color: #3466ce;
    font-size: 36px; }
  .invstorWrap .invstorright .name {
    font-size: 18px; }
@media screen and (max-width: 768px) {
  .invstorWrap {
    display: flex;
    flex-direction: column-reverse; }
    .invstorWrap .invstorList {
      width: 100%;
      padding: 0;
      padding-bottom: 50px; }
      .invstorWrap .invstorList .invstorListCon .card {
        justify-content: center;
        padding:0 30px 0 90px;
        height: auto;
        min-height: 150px;
         }
        .invstorWrap .invstorList .invstorListCon .card .title {
          line-height: 2;
          padding:0;
          font-size: 16px; }
          .invstorWrap .invstorList .invstorListCon .card:after{
              right: 10px;
          }
    .invstorWrap .invstorright {
      width: 100%;
      position: static;
      padding: 30px; }
      .invstorWrap .invstorright .title {
        margin-bottom: 10px; } }

.aboutUsMember {
  padding: 160px 0; }
  @media screen and (max-width: 768px) {
    .aboutUsMember {
      padding: 80px 0 30px; } }
  .aboutUsMember .nav {
    border-bottom: #e5e5e5 solid 1px;
    display: flex;
    justify-content: center; }
    .aboutUsMember .nav .nav-link {
      font-size: 1.75rem;
      color: gray;
      padding: 30px 0;
      margin: 0 40px; }
      .aboutUsMember .nav .nav-link.active {
        background: none;
        border-bottom: 4px solid #3466ce;
        color: #080000; }
  .aboutUsMember .tab-content {
    padding: 40px 0; }
  .aboutUsMember .aboutUsMemberbox {
    border-radius: 20px;
    width: 100%;
    padding: 30px 0;
    text-align: center;
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    display: block;
    margin-bottom: 24px; }
    @media screen and (max-width: 1680px){
        .aboutUsMember .nav .nav-link{
            padding:20px 0;
            margin: 0 20px;
        }
    }
    @media screen and (max-width: 768px) {
       .aboutUsMember .nav .nav-link{
           padding:10px 0;
           margin:0 15px;
           font-size: 1.5rem;
       } 
       .aboutUsMember .tab-content{
           padding:20px 10px;
       }
       .aboutUsMember .aboutUsMemberbox{
           padding:15px 0;
           border-radius: 10px;
       }
       .aboutUsMember .aboutUsMemberbox img{
           max-width: 100%;
       }
    }
.CompanyIntroduction {
  padding: 60px 0; }
  @media screen and (max-width: 768px) {
    .CompanyIntroduction {
      display: block !important;
      background: #fff;
      padding:30px 15px;
      } 
      .CompanyIntroduction .row:nth-child(1){
          padding:0 15px;
      }
  }
  .CompanyIntroduction .img {
    width: 50%;
    flex: 0 0 auto; }
    @media screen and (max-width: 768px) {
      .CompanyIntroduction .img {
        width: 100%;
        margin: 0 !important; } }
  .CompanyIntroduction .more {
    clear: both;
    text-align: center; }
    .CompanyIntroduction .more a {
      display: inline-block;
      height: 48px;
      line-height: 48px;
      border-radius: 24px;
      padding: 0 30px;
      border: #e5e5e5 solid 1px;
      color: gray; }
      .CompanyIntroduction .more a b {
        width: 6px;
        height: 10px;
        display: inline-block;
        margin-left: 15px;
        background: url(../images/arrowrig.png) no-repeat center center/cover; }
      .CompanyIntroduction .more a:hover {
        color: #3466ce;
        border-color: #3466ce; }
  .CompanyIntroduction img {
    border-radius: 30px; }
  .CompanyIntroduction .title {
    font-size: 2.5rem;
    padding: 30px 0; }
  .CompanyIntroduction .text {
    line-height: 2; }
  .CompanyIntroduction .linkCodeIco {
    cursor: pointer;
    color: white;
    display: inline-block;
    position: relative;
    margin: 0 5px; }
    .CompanyIntroduction .linkCodeIco .icon-svg {
      width: 20px;
      height: 20px;
      margin: 20px;
      fill: #bfbfbf; }
    .CompanyIntroduction .linkCodeIco:before {
      content: "";
      width: 60px;
      height: 60px;
      position: absolute;
      border-radius: 50%;
      border: #e5e5e5 solid 1px; }
      @media screen and (max-width: 768px){
          .CompanyIntroduction .linkCodeIco{
              margin-bottom: 15px;
          }
      }
    .CompanyIntroduction .linkCodeIco .CodeImg {
      visibility: hidden;
      position: absolute;
      top: calc(100% + 20px);
      left: 50%;
      transform: translateX(-50%);
      width: 150px;
      height: 150px;
      border-radius: 5px;
      box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
      z-index: 9; }
      .CompanyIntroduction .linkCodeIco .CodeImg:before {
        content: '';
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #fff;
        display: block;
        margin: 0 auto;
        position: relative;
        margin-top: -10px; }
    .CompanyIntroduction .linkCodeIco:hover .CodeImg {
      visibility: visible; }
  .CompanyIntroduction .department {
    margin: 70px 0;
    padding: 60px 0;
    border-top: #e5e5e5 solid 1px;
    border-bottom: #e5e5e5 solid 1px; }
    .CompanyIntroduction .department .grayline {
      clear: both;
      width: 100%;
      flex: 0 0 auto;
      border-bottom: #e5e5e5 solid 1px;
      margin: 60px 0; }
    .CompanyIntroduction .department .card {
      border: none;
      border-right: #e5e5e5 solid 1px;
      padding-left: 50px; }
      .CompanyIntroduction .department .card:nth-child(4), .CompanyIntroduction .department .card:nth-child(9) {
        border: none; }
      .CompanyIntroduction .department .card img {
        margin-bottom: 30px;
        transition: all 0.3s ease 0s; }
      .CompanyIntroduction .department .card .card-title {
        font-size: 32px;
        margin-bottom: 20px; }
      .CompanyIntroduction .department .card:hover img {
        transform: rotateY(360deg); }
       @media screen and (max-width: 768px){
           .CompanyIntroduction .department{
               margin:30px 0;
               padding:15px 0;
               border-bottom: none;
           }
         .CompanyIntroduction .department .card {
            border: none;
            border-bottom: #e5e5e5 solid 1px;
            margin: 0 20px;
            flex-direction: row;
            padding: 15px 0;
            display: flex;
            align-items: center;
            width: calc(100% - 40px);
         }  
         .CompanyIntroduction .department .card:nth-child(4), .CompanyIntroduction .department .card:nth-child(9){
             border: none!important;
            border-bottom: #e5e5e5 solid 1px!important;
         }
         .CompanyIntroduction .department .card img{
             margin-bottom: 0;
         }
         .CompanyIntroduction .department .grayline{
             margin:15px 0;
             display: none;
         }
         .CompanyIntroduction .department .card .card-title{
             font-size: 24px;
             margin-bottom: 10px;
         }
         
       }  

.DealerPolicy {
  background: url(../images/aboutUsAgent2.png) no-repeat fixed center center/cover;
  margin: 60px 0;
  position: relative; }
  .DealerPolicy .title {
    position: absolute;
    left: 50%;
    top: 110px;
    transform: translateX(-50%);
    font-size: 2.5rem;
    color: #fff; }
    @media screen and (max-width: 768px) {
        .DealerPolicy{
            margin-bottom: 0;
        }
      .DealerPolicy .title {
        top: 60px; } }
  .DealerPolicy .DealerPolicyList {
    display: flex;
    color: #fff;
    align-content: center;
    border-left: rgba(255, 255, 255, 0.2) solid 1px;
    justify-content: center; }
    .DealerPolicy .DealerPolicyList li {
      height: 840px;
      border-right: rgba(255, 255, 255, 0.2) solid 1px;
      width: 25%;
      text-align: center;
      display: flex;
      flex-wrap: wrap;
      align-content: center;
      transition: all 0.3s ease 0s;
      cursor: pointer; }
      .DealerPolicy .DealerPolicyList li .title02 {
        font-size: 24px;
        margin-bottom: 24px; }
      .DealerPolicy .DealerPolicyList li .icon {
        visibility: hidden;
        margin-bottom: 80px;
        height: 0;
        transition: all 0.3s ease 0s;
        overflow: hidden;
        transition: all 0.3s ease 0s; }
      .DealerPolicy .DealerPolicyList li .text {
        visibility: hidden;
        font-size: 18px;
        line-height: 2; }
      .DealerPolicy .DealerPolicyList li.on {
        width: 44%;
        padding: 0 2%; }
        .DealerPolicy .DealerPolicyList li.on .icon {
          visibility: visible;
          height: auto; }
        .DealerPolicy .DealerPolicyList li.on .text {
          visibility: visible; }
    @media screen and (max-width: 768px) {
      .DealerPolicy .DealerPolicyList {
        flex-wrap: wrap;
        padding-top: 150px;
        border: none; }
        .DealerPolicy .DealerPolicyList li {
          border: none;
          width: 100%;
          height: auto;
          margin-bottom: 30px; }
          .DealerPolicy .DealerPolicyList li .icon {
            visibility: visible;
            height: auto;
            overflow: visible;
            margin-bottom: 15px; }
            .DealerPolicy .DealerPolicyList li .title02{
                margin-bottom: 5px;
            }
          .DealerPolicy .DealerPolicyList li .text {
            visibility: visible; line-height:1.5;
              padding:0 15px;
          }
          
          .DealerPolicy .DealerPolicyList li.on {
            width: 100%;
            padding: 0; } }

.RecruitmentConditions {
  text-align: center;
  margin: 60px 0 120px; }
  .RecruitmentConditions .title {
    font-size: 2.5rem;
    margin-bottom: 40px; }
  .RecruitmentConditions .card {
    padding: 70px 40px;
    border-radius: 30px;
    text-align: center; }
    .RecruitmentConditions .card img {
      transition: all 0.3s ease 0s;
      margin: 0 auto 50px; }
    .RecruitmentConditions .card .card-body {
      padding: 0; }
    .RecruitmentConditions .card .card-text {
      line-height: 2;
      text-align: left; }
    .RecruitmentConditions .card:hover img {
      transform: rotateY(180deg); }
    @media screen and (max-width: 768px){
        .RecruitmentConditions{
            margin:0;
            padding:0;
        }
        .RecruitmentConditions .title{
            padding:20px 0 0 0 ;
            margin-bottom: 20px;
        }
        .RecruitmentConditions .card{
            padding:20px 10px;
            border-radius: 10px;
        }
        .RecruitmentConditions .card img{
            margin-bottom: 20px;
        }
    }
.procedure {
  text-align: center;
  padding: 60px 0;
  background: #f7f7f7; }
  .procedure .title {
    font-size: 2.5rem;
    margin-bottom: 40px; }
  .procedure .timeline {
    position: relative; }
    .procedure .timeline:before {
      content: "";
      width: 100%;
      height: 2px;
      background: #e5e5e5;
      position: absolute;
      top: 50%;
      left: 0; }
    .procedure .timeline .card {
      min-height: 300px;
      text-align: center;
      border: none;
      background: none; }
      .procedure .timeline .card .box-num1 {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 60px;
        height: 60px;
        line-height: 60px;
        border-radius: 50%;
        border: #e5e5e5 solid 2px;
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
        background: #fff;
        font-size: 24px;
        text-align: center; }
      .procedure .timeline .card .card-body {
        position: absolute;
        line-height: 2;
        padding: 0; }
        .procedure .timeline .card .card-body .download {
          display: inline-block;
          height: 48px;
          line-height: 48px;
          border-radius: 24px;
          padding: 0 30px;
          border: #e5e5e5 solid 1px;
          color: gray; }
          .procedure .timeline .card .card-body .download b {
            width: 6px;
            height: 10px;
            display: inline-block;
            margin-left: 15px;
            background: url(../images/arrowrig.png) no-repeat center center/cover; }
          .procedure .timeline .card .card-body .download:hover {
            color: #3466ce;
            border-color: #3466ce; }
      .procedure .timeline .card:hover .box-num1 {
        border-color: #3466ce;
        color: #3466ce;
        box-shadow: 0 0 30px rgba(52, 102, 206, 0.3); }
      .procedure .timeline .card:nth-child(odd) .card-body {
        top: 50%;
        margin-top: 45px; }
      .procedure .timeline .card:nth-child(even) .card-body {
        margin-bottom: 45px;
        bottom: 50%; }
     @media screen and (max-width: 768px){
         .procedure .timeline:before{
             height: 100%;
             width: 2px;
             left: 50%;
            top: 0;
         }
         .procedure .timeline .card{
              min-height: 180px;
         }
         .procedure .timeline .card .box-num1{
                top:0%;
                transform:translate(-50%, 00%);
         }
         .procedure .timeline .card .card-body{
             position: relative;
             margin-top: 80px;
             padding:0 25px;
         }
         .procedure .timeline .card:nth-child(odd) .card-body{
             margin-top: 80px;
         }
         .insideContainer.timeline{
          background: none;
      }
      .procedure .timeline .card .card-body .download{
          background: #fff;
      }
      .procedure .timeline .card .card-body .download:hover{
          background: #3466ce;
          color: #fff;
      }
     }
.mapbox {
  height: 640px;
  background: #333; }

.MessageOnlineCon {
  max-width: 960px;
  margin: 120px auto; }
  .MessageOnlineCon .title {
    text-align: center;
    padding-bottom: 40px;
    font-size: 2.5rem; }
    .MessageOnlineCon .title p {
      font-size: 24px; }
  .MessageOnlineCon input, .MessageOnlineCon button {
    border-radius: 10px;
    height: 60px;
    line-height: 60px;
    border: #e5e5e5 solid 1px;
    color: gray;
    padding: 0 15px;
    font-size: 16px;
    margin: 12px 0;
    width: 100%; }
  .MessageOnlineCon button {
    background: #e5e5e5;
    color: #fff; }
    .MessageOnlineCon button:hover {
      background: #3466ce; }
  .MessageOnlineCon textarea {
    border: #e5e5e5 solid 1px;
    font-size: 16px;
    line-height: 60px;
    width: 100%;
    padding: 0 15px;
    border-radius: 10px;
    color: gray; }
  .MessageOnlineCon p {
    color: #e6e6e6;
    padding: 15px 15px; }
  .MessageOnlineCon p span {
    float: right; }
  .MessageOnlineCon .code {
    float: right;
    margin-top: -70px;
    margin-right: 1px;
    position: relative; }
      @media screen and (max-width: 768px) {
          .MessageOnlineCon{
              margin-top: 30px;
              margin-bottom: 30px;
          }
          .MessageOnlineCon .title p{
              font-size: 18px;
          }
      }
.loadbox {
  width: 50%;
  position: absolute;
  left: 50%;
  background: #fff;
  top: 80px;
  height: calc(100% - 80px);
  display: flex; }
  @media screen and (max-width: 768px) {
    .loadbox {
      left: 0;
      top: 0;
      height: 100%;
      padding: 0 30px;
      width: 100%; } }
  .loadbox .bank {
    position: absolute;
    top: 4%;
    right: 10%;
    background: #f7f7f7;
    width: 120px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 20px; }
    @media screen and (max-width: 768px) {
      .loadbox .bank {
        right: 50%;
        transform: translateX(50%); } }
    .loadbox .bank a {
      color: #080000;
      text-decoration: none; }
  .loadbox .card {
    max-width: 480px;
    margin: auto;
    border: none;
    background: none;
    padding: 0; }
    .loadbox .card .h1, .loadbox .card .h4 {
      text-align: center; }
      .loadbox .card .h1{
            display: flex;
            justify-content: space-evenly;
            align-items: center;
        }
      .loadbox .card .h1 button{
        border:none;
        background:none;
        font-size:24px;
      }
    .loadbox .card .h1 button.on{
      font-size:36px;
    }
    .loadbox .card .wechatcode {
      border: #e5e5e5 solid 1px;
      display: inline-block;
      margin: 0 auto; }
    .loadbox .card .form-control {
      height: 60px;
      border-radius: 3px;
      border-color: #e5e5e5;
      font-size: 14px; }
    .loadbox .card .yzm {
      border: #e5e5e5 solid 1px;
      margin-left: 10px !important; }
    .loadbox .card .btn {
      background: #d4d6d9;
      color: #fff;
      height: 60px; }
      .loadbox .card .btn:hover {
        background: #3466ce; }
    .loadbox .card .btnWechat {
      background: #47b247;
      font-size: 20px; }
      .loadbox .card .btnWechat:hover {
        background: #44b544; }
      .loadbox .card .btnWechat .icon-svg {
        width: 20px;
        height: 20px;
        fill: white; }
    .loadbox .card .btnphone {
      background: #3466ce;
      font-size: 20px; }
      .loadbox .card .btnphone:hover {
        background: #3466ce; }
      .loadbox .card .btnphone .icon-svg {
        width: 20px;
        height: 20px;
        fill: white; }
    .loadbox .card .register .right {
      float: right; }
    .loadbox .card .register a {
      color: #080000;
      text-decoration: none; }
  .loadbox .wechatLine {
    font-size: 14px;
    position: relative;
    color: gray;
    height: 18px;
    text-align: center; }
    .loadbox .wechatLine span {
      background: #fff;
      position: relative;
      padding: 0 10px; }
    .loadbox .wechatLine:before {
      left: 0;
      background: #e5e5e5;
      content: "";
      height: 1px;
      position: absolute;
      top: 50%;
      width: 100%; }
  .loadbox .grayfont {
    color: gray;
    font-size: 14px; }
  .loadbox .registerbox .form-control, .loadbox .registerbox .form-select {
    height: 60px;
    border-radius: 3px;
    border-color: #e5e5e5;
    font-size: 14px;
    color: gray; }
  .loadbox .registerbox .input-group-text {
    width: 120px;
    background: #fff;
    justify-content: center;
    border-color: #e5e5e5;
    color: gray;
    font-size: 14px; }
  .loadbox .registerbox .yzm {
    background: #3466ce;
    line-height: 58px;
    color: #fff;
    margin-left: 0 !important;
    padding: 0 10px;
    border-radius: 10px; }
    .loadbox .registerbox .yzm a {
      color: #fff;
      text-decoration: none; }

.graybg {
  background: #f7f7f7; }

.UserCenterbox {
  padding-top: 140px; }
  .UserCenterbox .UserCenterbg {
    background: #fff; }
  .UserCenterbox .UserCenterleft {
    position: sticky;
    top: 100px;
    float: left;
    margin-bottom: 40px;
    padding-right: 24px; }
    .UserCenterbox .UserCenterleft .UserCenterContent{
      float: none;
      display: none;
      background: #fff;
      margin-bottom: 20px;
    }
    .UserCenterbox  .UserCenterleft .UserCenterContent .UserInfo01{
      padding-bottom: 0;
      border: none;
    }
    @media screen and (max-width: 768px) {
      .UserCenterbox .UserCenterleft{
        background: none;
      }
      .UserCenterbox .UserCenterleft .UserCenterContent .UserInfo01{
        display: block;
      }
      .UserCenterbox .UserCenterleft .UserCenterContent{
        display: block;
      }
      
    }


    .UserCenterbox .UserCenterleft .UserCenterList {
      padding: 30px 60px; }
      .UserCenterbox .UserCenterleft .UserCenterList .list-group .list-group-item {
        height: 80px;
        line-height: 24px;
        position: relative;
        padding: 28px 0 28px;
        font-size: 18px;
        border: none;
        border-bottom: #e5e5e5 solid 1px; }
        .UserCenterbox .UserCenterleft .UserCenterList .list-group .list-group-item:before {
          content: "";
          position: absolute;
          width: 4px;
          height: 24px;
          left: -60px; }
        .UserCenterbox .UserCenterleft .UserCenterList .list-group .list-group-item.active {
          background: none;
          color: #3466ce; }
          .UserCenterbox .UserCenterleft .UserCenterList .list-group .list-group-item.active:before {
            background: #3466ce; }
          .UserCenterbox .UserCenterleft .UserCenterList .list-group .list-group-item.active .arrow {
            background: url(../images/arrowuser2.png) no-repeat 0 0; }
          .UserCenterbox .UserCenterleft .UserCenterList .list-group .list-group-item.active .icon .icon-svg {
            fill: #3466ce; }
        .UserCenterbox .UserCenterleft .UserCenterList .list-group .list-group-item .icon {
          margin-right: 15px; }
          .UserCenterbox .UserCenterleft .UserCenterList .list-group .list-group-item .icon .icon-svg {
            width: 16px;
            height: 16px;
            fill: #080000; }
        .UserCenterbox .UserCenterleft .UserCenterList .list-group .list-group-item .arrow {
          display: inline-block;
          background: url(../images/arrowuser.png) no-repeat 0 0;
          width: 8px;
          height: 11px; }
      .UserCenterbox .UserCenterleft .UserCenterList .list-group.list-group-flush {
        border-bottom: #e5e5e5 solid 1px; }
        .UserCenterbox .UserCenterleft .UserCenterList .list-group.list-group-flush .list-group-item {
          padding: 0;
          height: 60px;
          line-height: 60px;
          border: none; }
          @media screen and (max-width: 768px) {
            .UserCenterbox .UserCenterleft .UserCenterList{
              padding: 0;
              background: none;
            }
            .UserCenterbox .UserCenterleft .UserCenterList .list-group{
              padding: 0 60px;
              background: #fff;
              margin-bottom: 20px;
            }
            .UserCenterbox .UserCenterleft .UserCenterList .list-group .list-group-item,
            .UserCenterbox .UserCenterleft .UserCenterList .list-group.list-group-flush{
               border: none;
            }
            .UserCenterbox .UserCenterContent .UserInfo01{
              display: none;
            }
          }
  .UserCenterbox .UserCenterContent {
    float: left;
    padding: 60px; }
    .UserCenterbox .UserCenterContent .UserInfo01 {
      padding-bottom: 50px;
      border-bottom: #e5e5e5 solid 1px; }
      .UserCenterbox .UserCenterContent .UserInfo01 .card {
        border: none; }
        .UserCenterbox .UserCenterContent .UserInfo01 .card .touxiang {
          width: 60px;
          height: 60px;
          flex: 0 0 auto;
          background: #555555;
          border-radius: 50%; }
          .UserCenterbox .UserCenterContent .UserInfo01 .card .touxiang .icon-svg {
            fill: #fff;
            height: 24px; }
        .UserCenterbox .UserCenterContent .UserInfo01 .card .card-title {
          font-size: 24px; }
        .UserCenterbox .UserCenterContent .UserInfo01 .card .card-text .icon-svg {
          fill: #555555;
          width: 18px;
          height: 18px; }
        .UserCenterbox .UserCenterContent .UserInfo01 .card .card-text a {
          color: #3466ce; }
    .UserCenterbox .UserCenterContent .UserInfo02 {
      padding: 60px 0 30px; }
      .UserCenterbox .UserCenterContent .UserInfo02.notop {
        padding-top: 0; }
      .UserCenterbox .UserCenterContent .UserInfo02 .title {
        font-size: 20px;
        margin-bottom: 15px;
        color: #080000; }
        .UserCenterbox .UserCenterContent .UserInfo02 .title .bank{
          display: none;
        }
      .UserCenterbox .UserCenterContent .UserInfo02 .title02 {
        font-size: 36px;
        text-align: center; }
        .UserCenterbox .UserCenterContent .UserInfo02 .title02 .bank{
          display: none;
        }
      .UserCenterbox .UserCenterContent .UserInfo02 .form-control, .UserCenterbox .UserCenterContent .UserInfo02 .form-select {
        height: 60px;
        border-radius: 3px;
        border-color: #e5e5e5;
        font-size: 14px;
        color: gray; }
      .UserCenterbox .UserCenterContent .UserInfo02 button.form-control:hover {
        color: #fff;
        background: #3466ce; }
      .UserCenterbox .UserCenterContent .UserInfo02 .btn {
        background: #d4d6d9;
        color: #fff;
        height: 60px; }
        .UserCenterbox .UserCenterContent .UserInfo02 .btn:hover {
          background: #3466ce; }
      .UserCenterbox .UserCenterContent .UserInfo02 .yzm {
        background: #3466ce;
        line-height: 58px;
        color: #fff;
        margin-left: 0 !important;
        padding: 0 50px;
        border-radius: 10px; }
        .UserCenterbox .UserCenterContent .UserInfo02 .yzm a {
          color: #fff;
          text-decoration: none; }
      .UserCenterbox .UserCenterContent .UserInfo02 .form-switch {
        padding: 4px;
        flex: 0 0 300px;
        margin-right: 10px; }
        .UserCenterbox .UserCenterContent .UserInfo02 .form-switch span {
          display: inline-block;
          float: left;
          width: 50%;
          line-height: 50px;
          border-radius: 3px;
          text-align: center;
          cursor: pointer; }
          .UserCenterbox .UserCenterContent .UserInfo02 .form-switch span.onclick {
            background: #555;
            color: #fff; }
      @media screen and (max-width: 768px){
        .UserCenterbox .UserCenterContent .UserInfo02{
          padding-top: 0;
        }
        .UserCenterbox .UserCenterContent .UserInfo02 .registerbox{
          background: #fff;
          padding: 15px;
          border-radius: 5px;
        }
        .UserCenterbox .UserCenterContent .UserInfo02 .title .bank{
          display: block;
        }
        .UserCenterbox .UserCenterContent .UserInfo02 .title02{
         margin-bottom: 10px;
         text-align: right;
         line-height: 2;
         font-size: 18px;
         background: #fff;
         padding: 15px 10px;
         border-radius: 5px;
        }
        .UserCenterbox .UserCenterContent .UserInfo02 .title02 .bank{
          display: block;
          float: left;
        }

        .UserCenterbox .UserCenterContent .UserInfo02 .form-switch {
          flex: 0 0 150px;
        }
        .UserCenterbox .UserCenterContent .UserInfo02 .yzm{
          padding: 0 15px;
        }
        .UserCenterbox .UserCenterContent .UserInfo02 .btn{
          height: 48px;
        }
      }
    .UserCenterbox .UserCenterContent .UserInfo03 .list-group-item {
      border: none;
      border-bottom: #e5e5e5 solid 1px;
      padding: 40px 15px; }
      .UserCenterbox .UserCenterContent .UserInfo03 .list-group-item h5 {
        font-size: 20px;
        color: #080000; }
        .UserCenterbox .UserCenterContent .UserInfo03 .list-group-item h5 .bluefont {
          color: #3466ce; }
      .UserCenterbox .UserCenterContent .UserInfo03 .list-group-item p {
        color: gray; }
      .UserCenterbox .UserCenterContent .UserInfo03 .list-group-item .text-muted {
        padding-top: 40px;
        color: #080000 !important;
        white-space: nowrap;
        font-size: 16px; }
  .UserCenterbox .bluefont {
    color: #3466ce; }
  .UserCenterbox .MyCollection .title {
    font-size: 36px; }
    .UserCenterbox .MyCollection .title .bank{
      display: none;
    }
  .UserCenterbox .MyCollection .card {
    padding: 30px 0;
    border: none;
    border-bottom: #e5e5e5 solid 1px; }
    .UserCenterbox .MyCollection .card .ratio{
        max-width: 200px;
        margin:0 auto;
    } 
    .UserCenterbox .MyCollection .card .vertical-middle{
    display: flex;
    align-items: center;
    justify-content: center;
    }
    .UserCenterbox .MyCollection .card .vertical-middle img{
        max-height: 100%;
        max-width: 200px;
    }
    .UserCenterbox .MyCollection .card .card-body {
      padding-left: 40px;
      display: flex;
      flex-wrap: wrap;
      align-content: space-between;
      height: 100%; }
    .UserCenterbox .MyCollection .card .card-title {
      flex: 0 0 100%; }
      .UserCenterbox .MyCollection .card .card-title p {
        font-size: 16px; }
    .UserCenterbox .MyCollection .card .card-text {
      color: gray; }
      .UserCenterbox .MyCollection .card .card-text button {
        border: none;
        background: none;
        color: #3466ce; }
  .UserCenterbox .MyCollection .MyCollectionProduct {
    margin-top: 30px; }
    .UserCenterbox .MyCollection .MyCollectionProduct .card {
      border: 1px solid #e5e5e5;
      padding: 0; }
      .UserCenterbox .MyCollection .MyCollectionProduct .card .imgbg {
        background: #f7f7f7;
        border-right: #e5e5e5 solid 1px;
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        justify-content: center; }
      .UserCenterbox .MyCollection .MyCollectionProduct .card .card-body {
        padding: 30px 20px 30px 40px; }
  @media screen and (max-width: 768px) {
      .mdispalynone{
          display: none!important;
      }
      .mshow{
        display: block!important;
      }
    .UserCenterbox {
      padding-top: 60px; }
      .UserCenterbox .UserCenterbg{
        background: none;
      }
      .UserCenterbox .UserCenterleft {
        width: 100%;
        position: static;
        padding: 0;
        padding-bottom: 0; }
        .UserCenterbox .UserCenterleft .invstorListCon .card {
          justify-content: center;
          padding-left: 130px;
          padding-right: 50px; }
          .UserCenterbox .UserCenterleft .invstorListCon .card .title {
            line-height: 2;
            font-size: 16px; }
      .UserCenterbox .UserCenterContent {
        width: 100%;
        padding: 15px; }
        .UserCenterbox .UserCenterContent .title {
          margin-bottom: 10px;
          text-align: right;
          line-height: 2;
          font-size: 24px;
          background: #fff;
          padding: 15px 10px;
          border-radius: 5px; } 
          .UserCenterbox .UserCenterContent .title .bank{
            float: left;
          }
          .UserCenterbox .MyCollection .card{
            padding: 15px 15px;
            margin: 0 0 15px 0;
            border: none;
            border-radius: 5px;
          }
          .UserCenterbox .MyCollection .card .ratio{
              max-width: 120px;
          }
          .UserCenterbox .MyCollection .card .card-body{
            padding-left: 0px;
            align-content: space-around;
          }
          .UserCenterbox .MyCollection .card .card-title{
            font-size: 18px;
          }
          .UserCenterbox .MyCollection .card .rounded-2{
            width: 100%!important;
            height: auto!important;
          }
          .UserCenterbox .MyCollection .title .bank{
            display: block;
          }
        }

.liuyan .nav {
  border-bottom: #e5e5e5 solid 1px;
  display: flex;
  align-items: center;
  justify-content: flex-start; }
  .liuyan .nav  .bank{
    display: none;
  }
  .liuyan .nav .nav-link {
    font-size: 24px;
    color: gray;
    padding: 30px 0;
    margin: 0 40px;
    border-radius: 0; }
    .liuyan .nav .nav-link.active {
      background: none;
      border-bottom: 4px solid #3466ce;
      color: #3466ce; }
.liuyan .tab-content {
  padding: 40px 0; }
  .liuyan .tab-content .recomment-con {
    border: #e5e5e5 solid 1px;
    padding: 10px 30px;
    margin: 40px 0; }
    .liuyan .tab-content .recomment-con .recomment {
      font-size: 16px;
      line-height: 2;
      border-bottom: #e5e5e5 solid 1px;
      padding: 20px 0; }
      .liuyan .tab-content .recomment-con .recomment:last-child {
        border: none; }
      .liuyan .tab-content .recomment-con .recomment dt {
        width: 60px;
        float: left;
        color: gray;
        font-weight: normal;
        clear: both; }
      .liuyan .tab-content .recomment-con .recomment dd {
        margin-bottom: 10px;
        display: block;
        float: left;
        width: calc(100% - 60px); }
      .liuyan .tab-content .recomment-con .recomment .time {
        color: gray; }
        @media screen and (max-width: 768px) {
          .liuyan .nav .nav-link{
            font-size: 20px;
            padding: 15px 0;
            margin: 0 20px;
          }
          .liuyan .nav  .bank{
            display: block;
          }
          .liuyan .tab-content{
            min-height: 70vh;
          }
        }
.DealerInquiry {
  width: 480px;
  position: absolute;
  left: 0%;
  background: #fff;
  padding-top: 130px;
  padding-left: 60px;
  height: 100%;
  top: 0; }
  @media screen and (max-width: 768px) {
    .DealerInquiry {
      width: 100%;
      top: 0;
      padding: 20px 20px 0;
      bottom: 0px;
      height: 300px;
      background: rgba(255, 255, 255, 0.95); } }
  .DealerInquiry .title {
    font-size: 18px;
    color: #080000; }
  .DealerInquiry .selectbox {
    padding: 10px 60px 0 0; }
      @media screen and (max-width: 768px){
          .DealerInquiry .selectbox{
               padding: 10px 10px 0 0;
          }
      }
  .DealerInquiry .form-select {
    height: 60px;
    border-radius: 3px;
    border-color: #e5e5e5;
    font-size: 14px;
    color: gray; }
  .DealerInquiry .serbox {
    height: calc(100% - 220px);
    overflow: auto;
    margin-right: 10px;
    margin-top: 20px; }
    .DealerInquiry .serbox .serList {
      margin: 0 0 40px 0; }
      .DealerInquiry .serbox .serList .title02 {
        font-size: 20px;
        margin-bottom: 15px;
        line-height: 32px; }
        .DealerInquiry .serbox .serList .title02 span {
          width: 25px;
          height: 32px;
          text-align: center;
          color: #fff;
          font-size: 14px;
          margin-right: 10px;
          display: inline-block;
          background: url(../images/bubble.png) no-repeat 0 0; }
      .DealerInquiry .serbox .serList .serTex {
        color: gray;
        font-size: 14px;
        line-height: 1.8;
        margin-bottom: 0; }
      .DealerInquiry .serbox .serList .more a {
        color: #3466ce; }
  .DealerInquiry .comm-page {
    margin-top: 20px;
    margin-right: 60px; }
  .DealerInquiry .comm-page li:first-of-type a, .DealerInquiry .comm-page li:last-of-type a {
    width: 40px; }
    
    @media screen and (max-width: 768px){
         .DealerInquiry .comm-page{
             display: none;
         }
         .DealerInquiry .serbox{
             height: calc(100% - 120px);
         }
         .DealerInquiry .form-select{
             height: 40px;
         }
         .DealerInquiry .serbox .serList{
             margin-bottom: 15px;
         }
      }

.searchResultsWrap {
  position: relative; }

.searchResultsImg {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px; }

.searchResultsImg img {
  height: 100%;
  object-fit: cover;
  width: 100%; }

.searchResultsBox {
  position: relative;
  z-index: 1;
  padding: 50px 0px;
  width: 85%;
  margin: 0px auto; }

.searchResultsBox .tit {
  display: block;
  margin-bottom: 50px;
  font-size: 80px;
  color: white;
  text-align: center; }

.searchResultsBox .mergemod {
  padding: 0px 30px;
  margin-bottom: 40px;
  height: 72px;
  background: white;
  display: flex;
  align-items: center; }

.searchResultsBox .mergemod input {
  font-size: 18px;
  width: 100%;
  color: #073d96; }

.searchResultsBox .mergemod button {
  background: none;
  border: 0px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center; }

.searchResultsBox .mergemod .icon-svg {
  width: 24px;
  height: 24px; }

.searchResultsBox .radiomod {
  margin-left: 70px;
  display: flex;
  align-items: center;
  margin-top: 30px; }

.searchResultsBox .radiomod .item {
  display: flex;
  align-items: center; }

.searchResultsBox .radiomod input {
  width: 24px;
  height: 24px;
  margin-right: 10px;
  cursor: pointer; }

.searchResultsBox .radiomod label {
  font-size: 18px;
  margin-right: 40px;
  cursor: pointer; }

.searchResultsBox .radiomod label b {
  width: 16px;
  height: 16px;
  border: gray solid 1px;
  border-radius: 50%;
  display: inline-block;
  margin: 0 10px; }

.searchResultsBox .radiomod label b.on {
  border-color: #3466ce;
  position: relative; }

.searchResultsBox .radiomod label b.on:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  width: 8px;
  border-radius: 50%;
  height: 8px;
  background: #3466ce; }

@media (max-width: 1799px) {
  .searchResultsBox {
    padding: 120px 0px; }

  .searchResultsBox .tit {
    margin-bottom: 40px;
    font-size: 64px; }

  .searchResultsBox .mergemod {
    padding: 0px 30px;
    margin-bottom: 40px;
    height: 62px; }

  .searchResultsBox .mergemod input {
    font-size: 18px; }

  .searchResultsBox .mergemod .icon-svg {
    width: 24px;
    height: 24px; }

  .searchResultsBox .radiomod {
    margin-left: 60px; }

  .searchResultsBox .radiomod input {
    width: 24px;
    height: 24px;
    margin-right: 10px; }

  .searchResultsBox .radiomod label {
    font-size: 16px;
    margin-right: 30px; } }
@media (max-width: 1379px) {
  .searchResultsBox {
    padding: 108px 0px; }

  .searchResultsBox .tit {
    margin-bottom: 35px;
    font-size: 54px; }

  .searchResultsBox .mergemod {
    padding: 0px 30px;
    margin-bottom: 40px;
    height: 62px; }

  .searchResultsBox .mergemod input {
    font-size: 18px; }

  .searchResultsBox .mergemod .icon-svg {
    width: 24px;
    height: 24px; }

  .searchResultsBox .radiomod {
    margin-left: 60px; }

  .searchResultsBox .radiomod input {
    width: 24px;
    height: 24px;
    margin-right: 10px; }

  .searchResultsBox .radiomod label {
    font-size: 16px;
    margin-right: 30px; } }
@media (max-width: 1299px) {
  .searchResultsBox {
    padding: 108px 0px; }

  .searchResultsBox .tit {
    margin-bottom: 30px;
    font-size: 42px; }

  .searchResultsBox .mergemod {
    padding: 0px 20px;
    margin-bottom: 25px;
    height: 50px; }

  .searchResultsBox .mergemod input {
    font-size: 18px; }

  .searchResultsBox .mergemod .icon-svg {
    width: 24px;
    height: 24px; }

  .searchResultsBox .radiomod {
    margin-left: 60px; }

  .searchResultsBox .radiomod input {
    width: 24px;
    height: 24px;
    margin-right: 10px; }

  .searchResultsBox .radiomod label {
    font-size: 16px;
    margin-right: 30px; } }
@media (max-width: 1199px) {
  .searchResultsBox {
    padding: 88px 0px; }

  .searchResultsBox .tit {
    margin-bottom: 30px;
    font-size: 34px; }

  .searchResultsBox .mergemod {
    padding: 0px 15px;
    margin-bottom: 20px;
    height: 40px; }

  .searchResultsBox .mergemod input {
    font-size: 18px; }

  .searchResultsBox .mergemod .icon-svg {
    width: 24px;
    height: 24px; }

  .searchResultsBox .radiomod {
    margin-left: 30px; }

  .searchResultsBox .radiomod input {
    width: 16px;
    height: 16px;
    margin-right: 8px; }

  .searchResultsBox .radiomod label {
    font-size: 14px;
    margin-right: 25px; } }
@media (max-width: 993px) {
  .searchResultsWrap {
    position: relative;
    height: 40vh; }

  .searchResultsImg {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 100%; }

  .searchResultsImg img {
    height: 100%;
    object-fit: cover; }

  .searchResultsBox {
    padding: 8vh 0px; }

  .searchResultsBox .tit {
    margin-bottom: 30px;
    font-size: 34px; }

  .searchResultsBox .mergemod {
    padding: 0px 15px;
    margin-bottom: 20px;
    height: 40px; }

  .searchResultsBox .mergemod input {
    font-size: 18px; }

  .searchResultsBox .mergemod .icon-svg {
    width: 24px;
    height: 24px; }

  .searchResultsBox .radiomod {
    margin-left: 30px; }

  .searchResultsBox .radiomod input {
    width: 16px;
    height: 16px;
    margin-right: 8px; }

  .searchResultsBox .radiomod label {
    font-size: 14px;
    margin-right: 25px; } }
@media (max-width: 767px) {
  .searchResultsWrap {
    position: relative;
    height: 34vh; }

  .searchResultsImg {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 100%; }

  .searchResultsImg img {
    height: 100%;
    object-fit: cover; }

  .searchResultsBox {
    padding: 8vh 0px; }

  .searchResultsBox .tit {
    margin-bottom: 14px;
    font-size: 20px; }

  .searchResultsBox .mergemod {
    padding: 0px 10px;
    margin-bottom: 10px;
    height: 30px; }

  .searchResultsBox .mergemod input {
    font-size: 14px; }

  .searchResultsBox .mergemod .icon-svg {
    width: 20px;
    height: 20px; }

  .searchResultsBox .radiomod {
    margin-left: 0px;
    flex-wrap: wrap; }

  .searchResultsBox .radiomod .item {
    width: 50%;
    margin-bottom: 5px; }

  .searchResultsBox .radiomod input {
    width: 14px;
    height: 14px;
    margin-right: 6px; }

  .searchResultsBox .radiomod label {
    font-size: 12px;
    margin-right: 0px; } }
.searchResultsCon {
  padding: 100px 0px;
  width: 85%;
  margin: 0px auto; }

.searchResultsCon .hint {
  font-size: 18px;
  margin-bottom: 70px; }

.searchResultsCon .hint em {
  color: #073d96;
  font-style: normal; }

.resultsList .items {
  padding: 54px 0px;
  border-bottom: 8px solid whitesmoke; }

.resultsList .items .day {
  display: block;
  font-size: 14px;
  color: #073d96;
  margin-bottom: 18px; }

.resultsList .items p {
  font-size: 20px;
  margin-bottom: 10px;
  line-height: 1.3; }

.resultsList .items .url {
  font-size: 16px;
  color: gray; }

.resultsList .items .link {
  margin-top: 15px;
  display: flex;
  align-items: center; }

.resultsList .items .link span {
  color: #073d96;
  font-size: 16px; }

.resultsList .items .link .icon-svg {
  width: 20px;
  height: 20px;
  transform: rotate(-90deg); }

@media (max-width: 1799px) {
  .searchResultsCon {
    padding: 90px 0px;
    width: 85%;
    margin: 0px auto; }

  .searchResultsCon .hint {
    font-size: 18px;
    margin-bottom: 20px; }

  .searchResultsCon .hint em {
    color: #073d96;
    font-style: normal; }

  .resultsList .items {
    padding: 45px 0px;
    border-bottom: 8px solid whitesmoke; }

  .resultsList .items .day {
    display: block;
    font-size: 14px;
    color: #073d96;
    margin-bottom: 18px; }

  .resultsList .items p {
    font-size: 20px;
    margin-bottom: 10px; }

  .resultsList .items .url {
    font-size: 16px;
    color: gray; }

  .resultsList .items .link {
    margin-top: 15px;
    display: flex;
    align-items: center; }

  .resultsList .items .link span {
    color: #073d96;
    font-size: 16px; }

  .resultsList .items .link .icon-svg {
    width: 20px;
    height: 20px;
    transform: rotate(-90deg); } }
@media (max-width: 993px) {
  .searchResultsCon {
    padding: 40px 0px;
    width: 85%;
    margin: 0px auto; }

  .searchResultsCon .hint {
    font-size: 16px;
    margin-bottom: 10px; }

  .searchResultsCon .hint em {
    color: #073d96;
    font-style: normal; }

  .resultsList .items {
    padding: 24px 0px;
    border-bottom: 8px solid whitesmoke; }

  .resultsList .items .day {
    display: block;
    font-size: 14px;
    color: #073d96;
    margin-bottom: 18px; }

  .resultsList .items p {
    font-size: 16px;
    margin-bottom: 10px; }

  .resultsList .items .url {
    font-size: 16px;
    color: gray; }

  .resultsList .items .link {
    margin-top: 15px;
    display: flex;
    align-items: center; }

  .resultsList .items .link span {
    color: #073d96;
    font-size: 16px; }

  .resultsList .items .link .icon-svg {
    width: 20px;
    height: 20px;
    transform: rotate(-90deg); } }
/*手机端产品中心*/
     .mproducDisplay{
       position: relative;
        height: 370px;
     }
      .mproducDisplay .swiper {
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
      }
 .mproducDisplay{
          display: none;
        }
      @media screen and (max-width: 768px){
        .producDisplay{
          display: none;
        }
        .mproducDisplay{
          display: block;
        }
      }
      .product .mproducDisplay .producbox{
        height: 170px;
        width: 100%;
      }
      .product .mproducDisplay .producbox .text-center{
          display: flex;
    vertical-align: middle;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
      }
      .mproducDisplay .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        height: calc((100% - 30px) / 2);

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }
       .mproducDisplay .swiper .swiper-pagination {
      bottom: 40px; }
      .mproducDisplay .swiper .swiper-pagination .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
        background-color: #e5e5e5;
        opacity: 1;
        position: relative;
        margin: 0 15px; }
      .mproducDisplay .swiper .swiper-pagination .swiper-pagination-bullet-active {
        background-color: #ec6951;
        opacity: 1; }
        .mproducDisplay .swiper .swiper-pagination .swiper-pagination-bullet-active:before {
          background-color: #ec6951;
          border-radius: 50%;
          opacity: 0.2;
          width: 24px;
          height: 24px;
          content: "";
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%); }
      @media screen and (max-width: 990px) {
        .mproducDisplay .swiper .swiper-pagination {
          bottom: 0; }
          .mproducDisplay .swiper .swiper-pagination .swiper-pagination-bullet {
            width: 8px;
            height: 8px;
            margin: 0 10px; }
          .mproducDisplay .swiper .swiper-pagination .swiper-pagination-bullet-active:before {
            width: 16px;
            height: 16px; } 
          .product .mproducDisplay .producbox h3{
              font-size: 1.2rem;
          }
          
      }
/*手机端解决方案*/
       .solution .swiper .swiper-pagination {
        display: none;
      }
      .solution .swiper .swiper-pagination .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
        background-color: rgba(0, 0, 0, 0.3);
        opacity: 0.2;
        position: relative;
        margin: 0 15px; }
      .solution .swiper .swiper-pagination .swiper-pagination-bullet-active {
        background-color: #ec6951;
        opacity: 1; }
        .solution .swiper .swiper-pagination .swiper-pagination-bullet-active:before {
          background-color: #ec6951;
          border-radius: 50%;
          opacity: 0.2;
          width: 24px;
          height: 24px;
          content: "";
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%); }
      @media screen and (max-width: 990px) {
        .solution .swiper .swiper-pagination {
         display: block;
             bottom: 26px;
             text-align: right;
             padding: 0 40px; }
          .solution .swiper .swiper-pagination .swiper-pagination-bullet {
            width: 8px;
            height: 8px;
            margin: 0 10px; }
          .solution .swiper .swiper-pagination .swiper-pagination-bullet-active:before {
            width: 16px;
            height: 16px; } }
/*手机端资讯中心*/
         
    .mnews {
      display: none;
      margin: 0 -15px;
      padding: 0 30px;
      overflow: hidden;
      } 
    .mnews .swiper{
      overflow: visible;
    }
     .mnews .swiper .swiper-slide{
      padding: 0 15px 0 0;
     }
    .mnews .swiper .swiper-slide-prev,
    .mnews .swiper .swiper-slide-next{
      opacity: 0.5;
    }
  @media screen and (max-width: 990px) {
    .news .row {
      display: none;
    }
    .mnews{
      display: block;
    }
    } 
/*手机端服务支持*/
.support .mselect{
  display: none;
}
@media screen and (max-width: 990px){

  .support .supportCity{
    display: none;
  }
  .support .mselect{
    display: block;
  }
  .support .mselect .form-select-lg{
    padding: 10px;

  }
  .support .supportCon{
    background-size: 180px auto;
  }
}
/*
mconditions*/
.mconditions{
  display: none;
  height: 60px;
  background: #fff;
  margin: 0 -0;
  padding: 0 15px;
  position: relative;
}
.mconditions .mbtn,.mconditions .mrbtn{
      background: rgb(247, 247, 247);
    border-radius: 18px;
    border: none;
    color: #080000;
    height: 36px;
    font-size: 14px;
    padding: 10px 10px;
    margin-right: 10px;
    display: inline-block;

}
.mconditions .mrbtn{
  float: right;
  position: absolute;
  right: 10px;
}
.mconditions .mbtn:after{
      display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    color: #666666;
    border-top:6px solid;
    border-right: 5px solid transparent;
    border-bottom: 0;
    border-left: 5px solid transparent;
}
.mconditions  .modal{
  top: 120px;
  z-index: 48;
}
.mconditions  .modal.show .modal-dialog{
  margin: 0;
}
.mconditions .modal-content{
  border: none;
  border-radius: 0 0 10px 10px;
  overflow: hidden;
  background: #f2f2f2;
}
.mconditions .modal-content ul li{
  text-align: center;
  line-height: 2.5;
}
.mconditions .modal-content ul li .active{
  color: #3466ce;
}
.mconditions .modal-content ul li a:before{
    display: inline-block;
    content: "";
    width: 20px;
    height: 15px;
    margin-right: 10px;
}
.mconditions .modal-content ul li .active:before{
  
    background: url(../images/check.png) no-repeat;
}
.mconditions .modal-content .modal-footer{
  background: #fff;
  padding: 0;
}
.mconditions .modal-content .modal-footer > .btn{
  margin: 0;
  border-radius: 0;
  height: 36px;
  border: none;
}
.mconditions .modal-content .modal-footer > .btn.btn-secondary{
  background: #fff;
  color: #080000;
}

.mconditions .offcanvas{
  left: 80px;
  z-index: 1056;
  width: auto;
  left: 40px;
 }
.mconditions  .offcanvas-body{
 background: #f2f2f2;
}
.mconditions  .offcanvas-body .panel{
 padding: 20px 15px;
 background: #fff;
 margin: 15px 0;
}
.mconditions  .offcanvas-body .panel .paneltitl{
padding: 0 5px;
}
.mconditions  .offcanvas-body .panel .paneltitl span{
float: right;
}
.mconditions  .offcanvas-body .panel .paneltitl span a{
color: #3466ce;
}
.mconditions  .offcanvas-body .panel .paneltitl h4{
font-size: 20x;
font-weight: bold;
}
.mconditions  .offcanvas-body .panel .panelbody{

display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;

} 
.mconditions  .offcanvas-body .panel .panelbody a{
display: block;
background: #f2f2f2;
line-height: 1.8;
width:calc(33.33% - 10px);
text-align: center;
border-radius: 3px;
margin:8px 5px;
font-size: 12px;
padding:5px 0;
}
.mconditions  .offcanvas-body .panel .panelbody a:hover,
.mconditions  .offcanvas-body .panel .panelbody a.active{
color: #fff;
background: #3466ce;
}
.mconditions  .offcanvas-footer {
display: flex;
padding: 20px 0;
}
.mconditions  .offcanvas-footer .btn{
    line-height: 36px;
    padding:0;
    border-radius: 18px;
    margin: 0 10px;
    width: calc(50% - 25px);
}
@media screen and (max-width: 768px){
   .modal-backdrop{
      top: 120px;
    } 
}

.mconditions .dropdown{
  display: inline-block;
  height: 24px;
  margin: 19px 0;
  position: static;

}
.mconditions .dropdown-menu.show{
  display: flex;
}
.mconditions .dropdown .btn-secondary{
  background: rgb(247, 247, 247);
  border-radius: 18px;
  border: none;
  color: #080000;
}
.mconditions .dropdown .dropdown-menu{
  width: 100%;
  left: 0;
  right: 0;
  padding: 20px 0;
  background: #f2f2f2;
  line-height: 2;
  border: none;
}
.mconditions .dropdown .dropdown-menu .dropdown-item{
  text-align: center;
}
@media screen and (max-width: 990px){
  .mconditions{
       display: flex;
    align-items: center;
  }
}


.mcarbanner{
  background: #fff;
  display: none;
  height: 500px;
}
.mcarbanner .swiper{
  position: absolute;
}
.mcarbanner .swiper .swiper-pagination{
  width: auto;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  border-radius: 16px;
  height: 30px;
  font-size: 14px;
  padding: 8px 18px;
  left: 20px;
}
@media screen and (max-width: 990px){
    
    .insideContainer .container{
      padding: 0;
    }
  .product-detail .carousel{
    display: none;
  }
  .mcarbanner{
    display: block;
  }
  .product-detail.row > *{
    padding: 0;
  }
         .mcarbanner .swiper-slide .btn{ display:none}
      .mcarbanner .swiper-slide.video .btn {
      display: block;
      width: 136px;
      height: 136px;
      position: absolute;
      left: 50%;
      top:50%;
      transform: translate(-50%, -50%);
      border: none;
      cursor: pointer;
      background: url(../images/btnpaly.png) 0 0/cover;
      z-index: 99; }
    .mcarbanner .swiper-slide.video .modal-dialog {
      width: auto;
      max-width: 800px; 
        margin:0 auto;
    }
      .mcarbanner .swiper-slide.video .modal-dialog .modal-content {
        border-radius: 10px;
        overflow: hidden; }
      .mcarbanner .swiper-slide.video .modal-dialog .btn-close {
        position: absolute;
        top: 15px;
        right: 15px;
        z-index: 9;
        color: #fff; }
        .modal-backdrop{
          top: 0;
          display: none;
        }
  .mproductdetail{
    background: #fff;
    margin: 15px 0;
    padding: 0 20px 30px;
    
  }
  .product-detail .productBtn{
      display: flex;
  }
  .product-detail .productBtn .btn a{
      padding:0 15px;
  }
  .product-detail .productDownload{
        display: flex;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
  }
  
  .product-detail .produtFuction{
      display: none;
  }
  .productRecommend{
    padding: 0;
    margin:  15px 0;
  }
  .insideContainer .productRecommend .title{
    background: #fff;
  }
  .ProductInformation{
    background: #fff;
    margin-top: 15px;
  }
}

.empty-block {
    text-align: center;
    font-size: 16px;
    margin: 40px 0 0;
    height: 300px;
    line-height: 300px;
        min-height: 380px;
}
.empty-block  .imgse{
    background: url(../images/icon_sarch_no.png) no-repeat center center;
    width: 160px;
    display: inline-block;
    height: 158px;
}
.empty-block>div {
  font-size: 16px;
  line-height: 20px;
  display: inline-block;
  vertical-align: top;
}
.empty-block>div>img {
    display: block;
    margin: 0 auto 18px;
}
.empty-block>div>div {
    text-align: left;
    font-size: 16px;
    line-height: 30px;
    width: 220px;
}
.empty-block_but {
    width: 200px;
    display: block;
    margin: 30px auto 0;
    background-color: #3466ce;
    padding: 0 60px;
    height: 48px;
    line-height: 48px;
    border-radius: 24px;
    color: #fff;
    border:none;
}