.banner {
  text-align: left;
  background: url(../images/system_banner.jpg) no-repeat;
  background-size: 100% 100%; }
  .banner .container {
    padding: 0; }
  .banner h2 {
    font-size: 3rem;
    font-weight: bold;
    margin: 1em 0;
    text-align: center; }
  .banner h3 span {
    font-size: 1.5rem;
    padding: 0 0 0.8em;
    border-bottom: 2px solid #f00;
    display: inline-block;
    margin-bottom: 1.5em; }
  .banner .banner-row {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-end;
    align-items: flex-end; }
    .banner .banner-row .banner-row-item {
      width: 50%;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      flex-direction: column;
      -webkit-justify-content: center;
      justify-content: center;
      text-align: center; }
    .banner .banner-row .copy-chart {
      position: absolute;
      width: 100%;
      top: 0;
      left: 0; }
    .banner .banner-row #tab_5_pie_1 {
      position: relative; }
    .banner .banner-row #tab_5_pie_2 {
      position: relative; }
    .banner .banner-row #third_level_tip {
      visibility: visible;
      position: absolute; }
    .banner .banner-row #third_level_title, .banner .banner-row #tab_5_pie_2_copy_1, .banner .banner-row #tab_5_pie_2_copy_2 {
      visibility: hidden; }
    .banner .banner-row #third_level_title {
      position: absolute;
      color: #4b8c84;
      width: 100%;
      text-align: center;
      margin-top: 10%;
      font-size: 1.75rem;
      left: 0; }

.system-table {
  padding: 25px 0 50px; }
  .system-table .container {
    padding: 0; }
  .system-table table {
    width: 100%;
    text-align: center;
    font-size: 1.25rem;
    line-height: 3em;
    border-bottom: 2px solid #cecece; }
    .system-table table tr.tb-title {
      background: url(../images/td_bg.png) repeat-x;
      background-size: auto 100%;
      color: #fff;
      border: 0; }
      .system-table table tr.tb-title td {
        text-align: center;
        border-right: 1px solid #fff; }
    .system-table table tr:nth-child(2n+2) {
      background: #f4f4f4; }
    .system-table table tr:nth-child(10), .system-table table tr:nth-child(24), .system-table table tr:nth-child(31) {
      border-bottom: 2px solid #cecece; }
    .system-table table tr .gray {
      background: #f7f7f7; }
    .system-table table tr .white {
      background: #fff; }
    .system-table table tr td {
      text-align: center;
      border: 1px solid #cecece; }
      .system-table table tr td img {
        width: 6em;
        display: block;
        margin: 0 auto; }
      .system-table table tr td strong {
        color: #c20513; }
    .system-table table tr .td-left {
      text-align: left;
      padding-left: 3em; }

.pie-tips {
  margin: 0 auto 15px;
  max-width: 366px;
  width: 100%; }

#third_level_tip img {
  width: 100%;
  max-width: 590px; }

h3 {
  font-size: 2rem; }

.xq_btn {
  padding: 0.8em 1em 1em;
  margin-top: 1.5em;
  border: 1px solid #b5b5b5;
  color: #000;
  font-size: 1.25rem;
  background: rgba(255, 255, 255, 0.2);
  display: inline-block; }

span.glyphicon {
  color: #e60012;
  font-size: 1em;
  margin-left: 0.8em; }

.slide-prev, .slide-next {
  position: absolute;
  width: 39px;
  height: 73px;
  top: 50%;
  margin-top: -37px;
  z-index: 9; }

.slide-prev {
  left: 15px; }

.slide-next {
  right: 15px; }

@media (min-width: 800px) {
  .third_level_title {
    margin-top: 30px;
    visibility: hidden;
    display: block !important; } }
@media (max-width: 1200px) {
  .graph canvas {
    background-size: 79.5% 72%; } }
@media (max-width: 992px) {
  .graph canvas {
    background-size: 73.5% 65%; } }
@media (max-width: 768px) {
  .slide-prev, .slide-next {
    width: 20px;
    height: 37px;
    margin-top: -19px; }

  .pie-tips {
    margin: 15px auto 0;
    max-width: 300px;
    width: 100%;
    -webkit-order: -1;
    order: -1; }

  .banner {
    background-image: url(../images/media/media_banner_m.jpg);
    background-size: 100% auto;
    padding: 0 15px; }
    .banner h2 {
      font-size: 2.25rem; }
    .banner h3 span {
      font-size: 1.5rem;
      margin-bottom: 0;
      margin-top: 2em; }
    .banner p {
      font-size: 1.25rem; }
    .banner .banner-row {
      -webkit-flex-direction: column;
      flex-direction: column; }
      .banner .banner-row .banner-row-item {
        width: 100%;
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        text-align: center; }
      .banner .banner-row .copy-chart {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0; }
      .banner .banner-row #tab_5_pie_1 {
        position: relative; }
      .banner .banner-row #tab_5_pie_2 {
        position: relative; }
      .banner .banner-row .third_level_title {
        margin-top: 0px;
        display: none; }

  .system-table {
    padding: 25px 15px; }
    .system-table table td {
      height: 40px;
      font-size: 10px;
      line-height: 1.2em; } }
@media (max-width: 400px) {
  .banner .container .banner_title h2 {
    font-size: 2.5rem; }

  h3, .milestone .milestone-row .milestone-info h3, .media-report .media-row .media-item h3, .part-title, .home-city .part-title, .item-case .swiper-slide .slide-info.shrink h3 {
    font-size: 1.75rem; } }
@media (max-width: 350px) {
  .banner .banner-row .banner-item .banner-item-title {
    top: -5.5em; }

  .banner .banner-row .banner-item:nth-child(2) .banner-item-title {
    top: -4.5em; } }