* {
  margin: 0;
  padding: 0; }

p {
  margin: 0; }

ul {
  margin: 0; }

.solutionBanner {
  position: relative; }
  .solutionBanner img {
    width: 100%; }

.moreProduct {
  padding-top: 50px; }
  .moreProduct .product-title {
    color: #6D7278;
    font-size: 16px;
    margin-bottom: 10px; }
  .moreProduct .productBtn {
    width: 128px;
    height: 33px;
    line-height: 33px;
    background: #0060FF;
    color: #fff;
    text-align: center;
    padding: 0;
    border-radius: 0; }

@media (max-width: 768px) {
  .moreProduct {
    padding-top: 30px; }
    .moreProduct .productBtn {
      width: 100%;
      height: 45px;
      line-height: 45px;
      background: #0060FF;
      font-size: 18px; }
  .service-advisory {
    display: none; }
  .caseBtn {
    height: 28px !important;
    line-height: 28px !important; }
  .ramk-list {
    margin: 0 !important; }
  .introduct-desc {
    font-size: 13px !important;
    line-height: 24px !important; }
  .product-img-left {
    margin-bottom: 16px; }
  .cornerImg {
    width: 92px !important; }
  .features-itemTitle {
    font-size: 16px !important; }
  .features-itemDesc {
    font-size: 14px !important; }
  .header-nav {
    margin: 0 auto;
    padding-left: 33px;
    overflow: hidden;
    overflow-x: scroll;
    white-space: nowrap; }
  .content-item {
    width: 91.7% !important;
    margin: 0 auto;
    overflow: hidden; }
    .content-item .title > .name {
      font-size: 2.875rem !important; }
  .intro-name {
    font-size: 30px !important;
    font-weight: 400 !important; }
  .content-list .list > .item {
    margin-right: 94px; }
  .visiable {
    display: none !important; }
  .yd-features {
    display: block !important; }
  .product-box {
    display: block !important; }
    .product-box .product-img-left {
      width: 100% !important;
      margin-right: 16px !important; }
    .product-box .head-img {
      width: 100% !important; }
    .product-box .product-desc {
      width: 100%;
      overflow: hidden;
      white-space: break-spaces;
      display: -webkit-box;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2; }
    .product-box .product-img-left:last-child {
      margin-right: 0 !important; }
  .desc-box {
    padding: 10px 14px 14px 21px !important; }
    .desc-box .product-title {
      font-size: 16px !important;
      font-weight: 500 !important; }
    .desc-box .product-desc {
      font-size: 12px !important; }
  .rotation3D-baseMap {
    left: 0 !important;
    width: 100% !important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain; }
  .rotation3D-baseMap::before {
    left: 0 !important; }
  .grid-list {
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.16) !important;
            box-shadow: 0 0 0 rgba(0, 0, 0, 0.16) !important; }
    .grid-list .grid-item {
      width: 49% !important;
      height: 304px !important;
      padding: 3.125rem 3rem !important;
      margin-bottom: 16px !important;
      background: url("../images/ydLiftBack.png") no-repeat center center !important;
      background-size: cover !important; }
      .grid-list .grid-item .grid-item-icon {
        width: 5.0625rem !important;
        height: 5.5625rem !important; }
    .grid-list .chartina {
      display: none !important; }
    .grid-list .yd-chartina {
      display: block !important;
      font-size: 16px !important; }
    .grid-list .yd-explain {
      display: block !important;
      font-size: 13px !important; }
  .architecture-desc {
    display: none !important; }
  .advantag {
    padding: 1.8125rem 0 3.75rem 0 !important; }
  .architect {
    padding: 2.375rem 0 3.75rem 0 !important; }
  .feature {
    padding: 5.0625rem 0 4.125rem 0 !important; }
  .product {
    padding: 3.3125rem 0 3.1875rem 0 !important; }
  .typical {
    padding: 4.1875rem 0 5.1875rem 0 !important; }
  .advantag-bottom {
    padding-bottom: 3.25rem !important; }
  .architect-bottom {
    padding-bottom: 5.9375rem !important; }
  .production-bottom {
    padding-bottom: 6.3125rem !important; }
  .typical-box {
    padding-bottom: 5.1875rem !important; }
  .typical-case {
    height: auto !important;
    display: block !important; }
    .typical-case .introduct-box {
      width: 100% !important; } }

@media (min-width: 769px) and (max-width: 1199px) {
  .container-lg {
    padding-right: 15px !important;
    padding-left: 15px !important; }
  .service-advisory {
    display: none;
    margin-top: 16px !important; }
  .content-list .list {
    width: 74% !important; }
    .content-list .list .item {
      margin-right: 0 !important; }
  .yd-features {
    display: none !important; }
  .grid-item-icon {
    width: 3.0625rem !important;
    height: 3.75rem !important; }
  .product-box {
    overflow: hidden; }
    .product-box .product-img-left {
      margin-right: 21px !important; }
    .product-box .desc-box {
      padding: 12px 12px 13px 15px !important; }
      .product-box .desc-box .product-desc {
        white-space: normal; }
    .product-box .product-img-left:last-child {
      margin-right: 0 !important; }
  .head-img {
    height: 200px !important; }
  .rotation3D-baseMap {
    left: 0 !important;
    width: 100% !important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain; }
  .rotation3D-baseMap::before {
    left: 0 !important; }
  .advantag {
    padding: 39px 0 65px 0 !important; }
  .architect {
    padding: 62px 0 70px 0 !important; }
  .feature {
    padding: 67px 0 96px 0 !important; }
  .product {
    padding: 66px 0 58px 0 !important; }
  .typical {
    padding: 84px 0 67px 0 !important; }
  .advantag-bottom {
    padding-bottom: 72px !important; }
  .architect-bottom {
    padding-bottom: 112px !important; }
  .production-bottom {
    padding-bottom: 95px !important; }
  .typical-box {
    padding-bottom: 85px !important; } }

@media (min-width: 1200px) {
  .yd-features {
    display: none !important; }
  .top-item:hover .core-detail {
    display: block;
    width: 100%;
    height: 330px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1; }
  .bottom-item:hover .core-detail {
    display: block;
    width: 100%;
    height: 330px;
    position: absolute;
    left: 0;
    top: -165px; } }

.service-advisory {
  width: 120px;
  padding: 6px 32px;
  margin-top: 13px;
  line-height: 21px;
  text-align: center;
  color: white;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
  background: #0060ff; }
  .service-advisory:hover {
    background-color: #2379ff; }

.content-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .content-list .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    .content-list .list .item {
      padding: 0.8125rem 0;
      margin-right: 100px;
      border-bottom: 0.125rem solid transparent;
      font-size: 16px;
      font-weight: 400;
      color: #666666;
      cursor: pointer; }
    .content-list .list .active {
      padding: 0.8125rem 0;
      border-bottom: 0.125rem solid #008cff;
      font-size: 16px;
      font-weight: 500;
      color: #008cff; }

.main-nav-center {
  width: 100%;
  margin-bottom: 9px;
  background: white;
  -webkit-box-shadow: 0px 3px 8px #f3f3f3;
          box-shadow: 0px 3px 8px #f3f3f3; }

.main-center {
  width: 100%;
  background: white; }

.content-item {
  text-align: center; }
  .content-item .title {
    position: relative;
    text-align: center;
    color: #333333;
    font-weight: 500; }
    .content-item .title .english {
      line-height: 1;
      font-size: 2.5rem;
      font-weight: 900;
      color: rgba(230, 235, 245, 0.5); }
    .content-item .title .name {
      line-height: 1;
      font-size: 2.125rem;
      -webkit-transform: translate(0, -8px);
              transform: translate(0, -8px); }
  .content-item .advantag {
    padding: 48px 0 73px 0; }
  .content-item .architect {
    padding: 76px 0 68px 0; }
  .content-item .feature {
    padding: 86px 0 41px 0; }
  .content-item .product {
    padding: 66px 0 96px 0; }

.yd-features-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .yd-features-content .features-item {
    width: 50%;
    margin-bottom: 3.4375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .yd-features-content .features-item .features-icon {
      width: 3.5rem;
      height: 3.5rem;
      margin-right: 1.3125rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      background: url("../images/fauter-circle.png") no-repeat center center;
      background-size: cover; }
    .yd-features-content .features-item .center-icon {
      width: 1.875rem;
      height: 1.875rem; }
  .yd-features-content .features-contain {
    width: 75%;
    text-align: left; }
    .yd-features-content .features-contain .features-itemTitle {
      line-height: 2.375rem;
      font-size: 26px;
      font-weight: 400;
      color: #333333; }
    .yd-features-content .features-contain .features-itemDesc {
      overflow: hidden;
      white-space: break-spaces;
      display: -webkit-box;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      font-size: 20px;
      font-weight: 400;
      color: #999999; }

.advantag-bottom {
  padding-bottom: 48px; }

.architect-bottom {
  padding-bottom: 102px; }
  .architect-bottom .architect-img {
    width: 100%;
    height: auto; }

.production-bottom {
  position: relative;
  padding-bottom: 119px; }

.grid-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.16); }
  .grid-list .grid-item {
    width: 25%;
    height: 165px;
    position: relative;
    border: 1px solid #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: #f9fafd;
    cursor: pointer; }
    .grid-list .grid-item .grid-item-icon {
      width: 3.75rem;
      height: 3.75rem; }
    .grid-list .grid-item .chartina {
      padding-top: 12px;
      color: #333333;
      font-size: 18px;
      font-weight: 500; }
    .grid-list .grid-item .yd-chartina {
      display: none;
      padding-top: 12px;
      color: #333333;
      font-size: 22px;
      font-weight: 500; }
    .grid-list .grid-item .yd-explain {
      display: none;
      padding-top: 14px;
      color: #666666;
      font-size: 18px;
      font-weight: 400; }
  .grid-list .core-detail {
    display: none;
    width: 100%;
    height: 100%;
    padding: 34px 30px 83px 30px;
    background: url("../images/leftBack.png") no-repeat center center;
    background-size: cover; }
    .grid-list .core-detail .desc {
      padding-top: 12px;
      color: #333333;
      font-size: 18px;
      font-weight: 500; }
    .grid-list .core-detail .explain {
      padding-top: 91px;
      color: #666666;
      font-size: 14px;
      font-weight: 400; }

.backImage {
  background: url("../images/architectureBack.png") no-repeat;
  background-size: 100% 360px;
  background-position-y: bottom; }

.pro-backImage {
  background: #f5f7fb url("../images/architectureBack.png") no-repeat;
  background-size: 100% 360px;
  background-position-y: bottom; }

.architecture-desc {
  width: 59.25rem;
  margin: 0 auto;
  padding-top: 1.375rem;
  color: #666666;
  font-size: 16px;
  font-weight: 400;
  text-align: left; }

.product-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .product-box .product-img-left {
    width: 32%;
    margin-right: 1.5rem;
    cursor: pointer;
    position: relative;
    background: #fff;
    -webkit-box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1); }
    .product-box .product-img-left .head-img {
      width: 100%; }
    .product-box .product-img-left .desc-box {
      padding: 22px 25px 23px 24px;
      text-align: left; }
    .product-box .product-img-left .product-title {
      color: black;
      font-size: 18px;
      font-weight: 500; }
    .product-box .product-img-left .product-desc {
      padding-top: 6px;
      color: #666666;
      font-size: 0.875rem;
      font-weight: 400;
      width: 100%;
      overflow: hidden;
      white-space: break-spaces;
      display: -webkit-box;
      text-overflow: ellipsis;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2; }
  .product-box .product-img-left:last-child {
    margin-right: 0; }
  .product-box .surname {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    background: rgba(0, 76, 174, 0.84); }
    .product-box .surname .surname-title {
      color: white;
      font-size: 18px;
      font-weight: 700; }
    .product-box .surname .surname-desc {
      padding-top: 17px;
      text-align: left;
      color: white;
      font-size: 14px;
      font-weight: 400; }
  .product-box .surname-center {
    width: 100%;
    height: 100%;
    padding: 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .product-box .product-img-left:hover .surname {
    visibility: visible; }

.typical-box {
  padding-bottom: 117px; }
  .typical-box .typical {
    padding: 96px 0 96px 0; }
  .typical-box .typical-case {
    height: 321px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .typical-box .introduct-box {
    width: 50%;
    height: 100%;
    overflow: hidden; }

.intro-back {
  position: relative; }
  .intro-back .back-image {
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.5s;
    transition: all 0.5s; }
    .intro-back .back-image:hover {
      -webkit-transform: scale(1.2);
              transform: scale(1.2); }
  .intro-back .intro-name {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -90%);
            transform: translate(-50%, -90%);
    color: white;
    font-size: 36px;
    font-weight: 700;
    cursor: pointer; }
  .intro-back .corner-ramk {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    overflow: hidden;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 1.5625rem 0; }
  .intro-back .caseBtn {
    width: 31px;
    height: 31px;
    line-height: 31px;
    background: rgba(202, 217, 255, 0.1);
    color: rgba(255, 255, 255, 0.3);
    border-radius: 25px;
    text-align: center;
    font-size: 20px;
    cursor: pointer; }
  .intro-back .caseBtn.active {
    color: #ffffff; }
  .intro-back .caseBtn.concealCase {
    display: none; }
  .intro-back .caseBack {
    float: left;
    margin-left: 13px; }
  .intro-back .caseNext {
    float: right;
    margin-right: 13px; }
  .intro-back .ramk-list {
    width: 90%;
    margin: 0 12px;
    overflow: hidden; }
  .intro-back .ramk-list.lengthThree {
    width: 100%;
    margin: 0; }
  .intro-back .cornerItem {
    width: 33.3%;
    margin-right: -3px;
    display: inline-block;
    text-align: center;
    cursor: pointer; }
  .intro-back .cornerItem.active .cornerImg {
    mix-blend-mode: normal;
    opacity: 1; }
  .intro-back .cornerImg {
    width: 110px;
    opacity: 0.5;
    mix-blend-mode: luminosity;
    cursor: pointer; }

.introduce {
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #004cae; }
  .introduce .introduct-desc {
    color: white;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    letter-spacing: 1px;
    cursor: pointer; }