@charset "UTF-8";
@media (max-width: 1152px) {
  .W_1152 {
    width: 90%;
  }
  .common-bank-banner .txt-head {
    font-size: 80px;
    line-height: 96px;
  }
  .common-bank-banner .txt_desribe {
    font-size: 24px;
    line-height: 36px;
  }
  .your_convenient {
    padding-bottom: 160px;
  }
  .your_convenient .block_title {
    margin-top: 160px;
  }
  .your_convenient .content_wrapper {
    margin-top: 48px;
  }
  .your_convenient .content_wrapper .title .img {
    max-width: none;
    max-height: 181px;
  }
  .your_convenient .content_wrapper .des,
  .your_convenient .content_wrapper .des_info {
    font-size: 28px;
    line-height: 48px;
  }
  .your_convenient .content_wrapper .info_title2_wrapper {
    margin-top: 80px;
  }
  .your_convenient .content_wrapper .info_title2_wrapper .info_title2 {
    font-size: 48px;
  }
  .your_convenient .content_wrapper .info_title2_wrapper .info_title2 span {
    width: 72px;
    height: 72px;
    line-height: 72px;
  }
  .your_convenient .content_wrapper .info_title2_wrapper .info_title2::before {
    width: 14px;
    height: 14px;
    top: 30px;
  }
  .your_convenient .content_wrapper .info_title2_wrapper .info_title2::after {
    width: 14px;
    height: 14px;
    top: 30px;
  }
  .your_convenient .content_wrapper .des_info {
    margin-top: 48px;
  }
  .whar_are_wrapper {
    padding-top: 160px;
    padding-bottom: 118px;
  }
  .whar_are_wrapper .whar_are_content .whar_are_title .line_whar .line_left,
  .whar_are_wrapper .whar_are_content .whar_are_title .line_whar .line_center,
  .whar_are_wrapper .whar_are_content .whar_are_title .line_whar .line_right {
    height: 6px;
  }
  .whar_are_wrapper .whar_are_content .whar_are_title .line_whar .line_left {
    width: 99px;
  }
  .whar_are_wrapper .whar_are_content .whar_are_title .line_whar .line_center {
    width: 58.5px;
  }
  .whar_are_wrapper .whar_are_content .whar_are_title .line_whar .line_right {
    width: 30px;
  }
  .whar_are_wrapper .whar_are_content .whar_are_title .title {
    font-size: 56px;
    line-height: 84px;
  }
  .whar_are_wrapper .whar_are_content .features_list {
    text-align: center;
  }
  .whar_are_wrapper .whar_are_content .features_list .cross_item,
  .whar_are_wrapper .whar_are_content .features_list .innovative_item,
  .whar_are_wrapper .whar_are_content .features_list .open_item,
  .whar_are_wrapper .whar_are_content .features_list .security_item {
    margin-top: 0;
  }
  .whar_are_wrapper .whar_are_content .features_list .item {
    width: 100%;
    padding: 48px;
  }
  .whar_are_wrapper .whar_are_content .features_list .item .item_title {
    font-size: 36px;
    line-height: 52px;
  }
  .whar_are_wrapper .whar_are_content .features_list .item .item_des {
    font-size: 28px;
    line-height: 48px;
  }
  .whar_are_wrapper .whar_are_content .features_list .cross_item .cross_title {
    width: auto;
  }
  .whar_are_wrapper .whar_are_content .features_list .item:nth-of-type(2n+1) {
    margin-right: 0;
  }
  .benefits_wrapper {
    padding-bottom: 160px;
  }
  .benefits_wrapper .benefits_content .benefits {
    flex-direction: column;
  }
  .benefits_wrapper .benefits_content .benefits .benefits_left {
    flex-direction: row;
    justify-content: space-between;
    margin-right: 0px;
  }
  .benefits_wrapper .benefits_content .benefits .benefits_left .info {
    width: auto;
  }
  .benefits_wrapper .benefits_content .benefits .benefits_left .info .title {
    font-size: 56px;
    line-height: 84px;
  }
  .benefits_wrapper .benefits_content .benefits .benefits_left .info .title .our_product {
    display: none;
  }
  .benefits_wrapper .benefits_content .benefits .benefits_left .info .des {
    line-height: 48px;
  }
  .benefits_wrapper .benefits_content .benefits .benefits_left .img {
    max-width: none;
    max-height: 47px;
    margin-top: 0px;
  }
  .benefits_wrapper .benefits_content .benefits .benefits_right .item {
    padding: 48px 0px;
    width: 100%;
  }
  .benefits_wrapper .benefits_content .benefits .benefits_right .item .des {
    font-size: 28px;
    line-height: 48px;
  }
  .benefits_wrapper .benefits_content .benefits .benefits_right .item .title_info {
    align-items: flex-start;
  }
  .benefits_wrapper .benefits_content .benefits .benefits_right .item .title_info .img {
    max-width: 48px;
  }
  .benefits_wrapper .benefits_content .benefits .benefits_right .item .title_info .title {
    font-size: 36px;
    line-height: 52px;
  }
  .benefits_wrapper .benefits_content .benefits .benefits_right .item_first {
    padding-top: 0px;
    margin-top: 80px;
  }
  .want_to .want_title {
    margin-top: 152px;
  }
  .want_to .des {
    margin: 24px auto 0;
    font-size: 28px;
    line-height: 48px;
  }
  .want_to .dowm_btn {
    margin-top: 80px;
  }
  .want_to .dowm_btn .btn {
    font-size: 28px;
    line-height: 48px;
  }
  .want_to .dowm_btn .btn .img {
    max-width: 27px;
  }
}
@media (max-width: 950px) {
  .foot-wrapper .foot-top_1200 {
    display: block;
  }
  .foot-wrapper .foot-top {
    display: none;
  }
}
@media (max-width: 880px) {
  .whar_are_wrapper .whar_are_content {
    flex-direction: column;
  }
  .whar_are_wrapper .whar_are_content .features_list {
    margin-top: 48px;
  }
  .whar_are_wrapper .whar_are_content .whar_are_title {
    display: flex;
  }
  .whar_are_wrapper .whar_are_content .whar_are_title .title {
    flex-shrink: 0;
    margin-right: 0;
    width: auto;
  }
  .whar_are_wrapper .whar_are_content .whar_are_title .title .product {
    display: inline;
  }
  .whar_are_wrapper .whar_are_content .whar_are_title .line_whar .line_left {
    bottom: auto;
    left: auto;
    right: 5px;
    top: 46px;
  }
  .whar_are_wrapper .whar_are_content .whar_are_title .line_whar .line_center {
    bottom: auto;
    left: auto;
    right: 0px;
    top: 26px;
  }
  .whar_are_wrapper .whar_are_content .whar_are_title .line_whar .line_right {
    bottom: auto;
    left: auto;
    right: -12px;
    top: 12px;
  }
}
@media (max-width: 750px) {
  .show_W_1152 {
    display: none;
  }
  .show_W_750 {
    display: block;
  }
  .common-bank-banner {
    padding-bottom: 692px;
  }
  .common-bank-banner .txt-head {
    margin-top: 400px;
  }
  .want_to .des {
    width: 482px;
  }
}