/*投资透视-展望*/
/*展望*/
/*页面顶部导航*/
.page-main-zw .zw-nav-row {
  padding: 2rem;display: flex;align-items: center;background: var(--btn-bg);
}
.page-main-zw .zw-nav-row-act {
  padding: 2rem;display: flex;align-items: center;background: var(--theme-color);font-size: 2rem;color: var(--btn-bg-txt);
}
.page-main-zw .zw-nav-row .zw-nav-row-col-img{
  height: 5rem;display: flex;justify-content: center;align-items: center;padding-right: 2rem;border-right: 1px solid #009cdc;
}
.page-main-zw .zw-nav-row .zw-nav-row-col-img .logo-img{
  width: 18rem;
}
.page-main-zw .zw-nav-row .zw-nav-main {
  display: flex;
}
.page-main-zw .zw-nav-row .zw-nav-row-col-menu {
  padding-left: 1rem;flex: 1;display: flex;align-items: center;min-width: 5rem;
}
.page-main-zw .zw-nav-row .zw-nav-row-col-menu .li-lins{
  display: flex;
}
.page-main-zw .zw-nav-row .zw-nav-row-col-menu li{
  margin: .5rem;
}
.page-main-zw .zw-nav-row .zw-nav-row-col-menu li.active a{
  font-weight: var(--font600);
}
.page-main-zw .zw-nav-row .zw-nav-row-col-menu a{
  color: var(--btn-bg-txt);padding: .5rem;white-space: nowrap;
}
.page-main-zw .responsivegrid-bg{
  background: var(--theme-color);
}
.page-main-zw .no-bg-responsivegrid{
  background: none;
}
.page-main-zw .responsivegrid-bg .responsivegrid-title{
  padding: var(--30px) var(--10px);color: var(--btn-bg-txt);text-align: center;
}
.page-main-zw .responsivegrid-bg .responsivegrid-title h6{
  margin-bottom: 14px;
}
.page-main-zw .responsivegrid-bg .responsivegrid-title h2{
  line-height: 3rem;font-size: 2rem;font-weight: normal;
}
.page-main-zw .responsivegrid-bg .responsivegrid-main-row3{
  gap: 4rem;max-width: var(--max-width);margin: 0 auto;padding: var(--20px);justify-content: space-around;
}
.page-main-zw .responsivegrid-main-row3 .grad-col-3{
  flex-direction: column;max-width: 20rem;background: #fff;
}
.page-main-zw .responsivegrid-main-row3 .grad-col-3 .grad-image-wapper{
  max-height: 10rem;height: auto;flex-shrink: 0;
}
.page-main-zw .responsivegrid-main-row3 .grad-col-3 .grad-text{
  padding: var(--25px) var(--25px) 0;flex: 1;color: var(--text-color);flex-shrink: 0;
}
.page-main-zw .responsivegrid-main-row3 .grad-col-3 .grad-text-big{
  font-weight: normal;
}
.page-main-zw .responsivegrid-main-row3 .grad-col-3 .grad-bottom{
  padding: var(--20px);justify-content: flex-end;flex-shrink: 0;
}
.page-main-zw .no-bg-responsivegrid .responsivegrid-title{
  color: var(--text-color);
}
.page-main-zw .no-bg-responsivegrid .grad-col-3{
  box-shadow: var(--box-shadow);
}
/*底部文字*/
.page-main-zw .gp-bottom-txt {
  padding: 2rem;
}
.page-main-zw .gp-bottom-txt-main {
  max-width: var(--max-width);
}
.page-main-zw .gp-bottom-txt-main h5{
  line-height: 1.75rem;font-size: 1.25rem;font-weight: normal;padding-bottom: var(--20px);
}
.page-main-zw .gp-bottom-txt-main .small-text{
  font-size: var(--d-fz);line-height: 1.25rem;font-weight: var(--font400);
}
.page-main-zw .gp-bottom-txt-main ul {
  padding-left: var(--30px);margin-bottom: var(--20px);
}
.page-main-zw .gp-bottom-txt-main li{
  list-style: disc;
}
.page-main-zw .gp-bottom-txt-main .text-p {
  font-size: var(--d-fz);line-height: 1.25rem;font-weight: var(--font400);
}
/*一行3列背景*/
.page-main-zw .cust-grad-bg-b {
  background: var(--btn-bg);padding-top: 2rem;margin: 2rem 0;
}

@media (max-width: 767px) {
  .page-main-zw .responsivegrid-bg .responsivegrid-main-row3{
    flex-wrap: wrap;justify-content: center;
  }
  .page-main-zw .responsivegrid-main-row3 .grad-col-3{
    max-width: 100%;
  }
  .page-main-zw .responsivegrid-main-row3 .grad-col-3 .grad-image-wapper{
    max-height: initial;
  }
  .page-main-zw .zw-nav-row .zw-nav-main {
    flex-direction: column;
  }
  .page-main-zw .zw-nav-row .zw-nav-row-col-img{
    padding: 0 0 1rem 0;border: 0;
  }
  .page-main-zw .zw-nav-row .zw-nav-row-col-menu{
    padding: 0;
  }
  .page-main-zw .zw-nav-row .zw-nav-row-col-menu .li-lins{
    display: block;
  }
}
@media (min-width: 1024px) {
  .page-main-zw .cust-grad-row3 {
    gap: 2rem;padding: 0 2rem 3rem;
  }
  .page-main-zw .cust-grad-row3 .grad-col {
    padding: 2rem;
  }
  .page-main-zw .zw-nav-row .zw-nav-main {
    margin: 0 auto;
  }
}
