.page--product-overview {  }


/* 面包屑 */
.page--product-overview .crumbs-container { position: fixed; width: 100%; left: 0; top: 0; z-index: 10; transition: all 0.5s; }
.page--product-overview .crumbs-container[theme="b"] { background: #FFFFFF; }

/* Top */
.page--product-overview .top-container { display: flex; align-items: center; justify-content: center; flex-direction: column; color: #FFFFFF; text-align: center; position: relative; }
.page--product-overview .top-container .img-box { position: relative; width: 100%; }
.page--product-overview .top-container .txts-box { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.page--product-overview .top-container .banner { max-width: 100%; display: block; object-fit: cover; width: 100%; }
.page--product-overview .top-container .title { margin-bottom: 0.1em; }

/* 第波浪 */
.waves { position: absolute; width: 100%; height: 120px; left: 0; bottom: 4%; background: transparent; }
#wave3 { stroke: rgba(255, 255, 255, 0.2) !important; stroke-width: 1px; position: absolute; left: 0px; top: 0px; z-index: 0; }
#wave4 { stroke: rgba(255, 255, 255, 0.2) !important; stroke-width: 1px; position: absolute; left: 0px; top: 0px; z-index: 0; }

/* 概述 */
.page--product-overview  .summary-wrapper { overflow: hidden; display: flex; }
.page--product-overview  .summary-wrapper .title { color: #333333; margin-bottom: 0.3em; margin-top: 0.3em; }
.page--product-overview  .summary-wrapper .desc { color: #999999; text-indent: 2em; line-height: 1.8; }
.page--product-overview  .summary-wrapper .summary-left-wrapper { flex: 1; padding-right: 5%; }
.page--product-overview  .summary-wrapper .summary-right-wrapper { width: 46%; display: flex; flex-direction: column; align-items: flex-end; }
.page--product-overview  .summary-wrapper .image { display: block; max-width: 100%; }

/* 示意图 */
.page--product-overview .sketch-map-container { background-color: #F4F5F8; background-position: center bottom; background-repeat: no-repeat; background-size: 100% auto; }
.page--product-overview .sketch-map-wrapper { display: flex; flex-direction: column; align-items: center; }
.page--product-overview .sketch-map-wrapper .title { color: #333333; margin-bottom: 1em; text-align: center; }
.page--product-overview .sketch-map-wrapper .img-box { width: 100%; background: #FFFFFF; padding: 50px 40px; border-radius: 5px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.page--product-overview .sketch-map-wrapper .image { display: block; max-width: 100%; }

/* 产品特点 */
.page--product-overview .characteristic-container { text-align: center; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.page--product-overview .characteristic-wrapper .title { margin-bottom: 0.5em; }

/* 应用界面 */
.page--product-overview .app-gui-container { background-color: #F4F5F8; }
.page--product-overview .app-gui-container .title { color: #333333; margin-bottom: 1em; text-align: center; }

/* 产品模块 */
.page--product-overview .product-module-wrapper { display: flex; flex-direction: column; }
.page--product-overview .product-module-container .title { color: #333333; margin-bottom: 1em; text-align: center; }
.page--product-overview .product-module-container .hi-more-link { margin: 2.4em auto 0; }
.page--product-overview .product-module-container .hi-icon { margin-right: 0.3em; }


/**
 * PC优先的响应尺寸
 */

/* >1680 */



/* 1530 */
@media screen and (max-width: 1580px) {
  .page--product-overview .top-container .txts-box { padding-top: 120px; }
}

/* 1400 */
@media screen and (max-width: 1400px) {
}

/* 1200 */
@media screen and (max-width: 1200px) {
}

/* 1024 - iPad Pro */
@media screen and (max-width: 1024px) {
}

/* 768 - iPad */
@media screen and (max-width: 768px) {
  .page--product-overview .top-container .banner { min-height: 320px; }
  .page--product-overview .top-container .txts-box { padding-top: 100px; }
  .page--product-overview  .summary-wrapper { flex-direction: column; }
  .page--product-overview  .summary-wrapper .summary-left-wrapper { padding-right: 0; }
  .page--product-overview  .summary-wrapper .summary-right-wrapper { width: 100%; align-items: center; justify-content: center; padding-top: 10px; }
  .page--product-overview .sketch-map-container { padding-top: 20px; }
  .page--product-overview .sketch-map-wrapper .img-box { padding: 20px; }
  .page--product-overview .characteristic-wrapper { padding-top: 20px; }
  .page--product-overview .app-gui-container { padding-top: 20px; }
  .page--product-overview .product-module-container { padding-top: 20px; }
}

/* 500 */
@media screen and (max-width: 500px) {
}

/* 414 - iPhone6 7 8 plus */
@media screen and (max-width: 414px) {
}

/* 375 - iPhoneX、iPhone6 7 8 */
@media screen and (max-width: 375px) {
  
}

/* 320 - iPhone5 */
@media screen and (max-width: 320px) {
}