@charset "UTF-8";
@media (min-width: 1152px) {
  .common-bank-wrapper .info_show_W_1152 {
    display: block;
  }
  .common-bank-wrapper .info_show_w_750 {
    display: none;
  }
  .common-bank-wrapper .show_w_max_1200 {
    display: none;
  }
}
@media (max-width: 1152px) {
  .W_1152 {
    width: 90%;
  }
  .common-bank-wrapper .info_show_W_1152 {
    display: none;
  }
  .common-bank-wrapper .info_show_w_750 {
    display: block;
  }
  .common-bank-wrapper .show_w_max_1200 {
    display: block;
  }
  .common-bank-wrapper .common-bank-banner .txt-head {
    font-size: 80px;
    line-height: 96px;
  }
  .common-bank-wrapper .common-bank-banner .txt-top {
    font-size: 96px;
    line-height: 96px;
    margin-top: 0px;
  }
  .common-bank-wrapper .common-bank-banner .txt_desribe {
    font-size: 24px;
    line-height: 36px;
    width: 552px;
    margin: 32px auto 0px;
  }
  .common-bank-wrapper .common-bank-banner .btn_wrapper {
    margin-top: 32px;
  }
  .common-bank-wrapper .common-bank-banner .btn_wrapper .txt_btn {
    width: 276px;
    font-size: 24px;
    line-height: 84px;
  }
  .common-bank-wrapper .common-bank-banner .txt_content_wrapper {
    margin-top: 226px;
  }
  .common-bank-wrapper .common-bank-banner .txt_content_wrapper .art_info_wrapper {
    flex-wrap: wrap;
  }
  .common-bank-wrapper .common-bank-banner .txt_content_wrapper .art_info_wrapper .art_item {
    width: 100%;
    margin-top: 80px;
  }
  .common-bank-wrapper .common-bank-banner .txt_content_wrapper .art_info_wrapper .art_item .art_desribe {
    font-size: 48px;
    line-height: 58px;
  }
  .common-bank-wrapper .common-bank-banner .txt_content_wrapper .art_info_wrapper .art_item .art_item_img {
    width: 120px;
  }
  .common-bank-wrapper .common-bank-banner .txt_content_wrapper .art_info_wrapper .art_item .art_title {
    font-size: 36px;
    line-height: 52px;
  }
  .common-bank-wrapper .common-bank-banner .txt_content_wrapper .art_info_wrapper .art_item .art_title_des {
    font-size: 28px;
    color: #d2d6e0;
    line-height: 48px;
  }
  .common-bank-wrapper .common-bank-banner .txt_content_wrapper .art_info_wrapper {
    flex-wrap: wrap;
  }
  .common-bank-wrapper .common-bank-banner .txt_content_wrapper .art_info_wrapper .art_item:nth-of-type(2) {
    width: 100%;
    margin: 80px 0px 0px;
  }
  .common-bank-wrapper .common_bank_info .common_bank_info_content .lamp {
    margin-top: 160px;
  }
  .common-bank-wrapper .common_bank_info .common_bank_info_content .financial_info {
    padding-bottom: 160px;
  }
  .common-bank-wrapper .common_bank_info .common_bank_info_content .info_title_des {
    margin-top: 48px;
    font-size: 28px;
    line-height: 42px;
  }
  .common-bank-wrapper .whar_are_wrapper .mb__better_content .whar_are_title {
    margin-top: 160px;
  }
  .common-bank-wrapper .whar_are_wrapper .mb__better_content .whar_are_title .img {
    margin-left: 51px;
  }
  .common-bank-wrapper .whar_are_wrapper .mb__better_content .whar_are_title span {
    font-size: 56px;
    line-height: 84px;
  }
  .common-bank-wrapper .whar_are_wrapper .mb__better_content .mb_list_wrapper {
    flex-wrap: wrap;
    justify-content: space-around;
    padding-bottom: 80px;
  }
  .common-bank-wrapper .whar_are_wrapper .mb__better_content .mb_list_wrapper .mb_item {
    width: 480px;
    flex-shrink: 0;
    margin-top: 20px;
    margin: 0px 0px 32px 0px;
    padding: 48px 32px;
  }
  .common-bank-wrapper .whar_are_wrapper .mb__better_content .mb_list_wrapper .mb_item img {
    width: 108px;
  }
  .common-bank-wrapper .whar_are_wrapper .mb__better_content .mb_list_wrapper .mb_item .mb_item_title {
    font-size: 36px;
    line-height: 52px;
    margin-top: 24px;
  }
  .common-bank-wrapper .whar_are_wrapper .mb__better_content .mb_list_wrapper .mb_item .mb_item_des {
    font-size: 28px;
    line-height: 48px;
  }
  .common-bank-wrapper .whar_are_wrapper .mb__better_content .info_line {
    margin-top: 48px;
    flex-direction: column;
  }
  .common-bank-wrapper .whar_are_wrapper .mb__better_content .info_line .info_line_item {
    border-bottom: solid #FFFFFF 1px;
    padding-bottom: 64px;
    padding-top: 64px;
  }
  .common-bank-wrapper .whar_are_wrapper .mb__better_content .info_line .info_line_item .info_line_title {
    font-size: 36px;
    line-height: 52px;
  }
  .common-bank-wrapper .whar_are_wrapper .mb__better_content .info_line .info_line_item .info_line_title::after {
    display: none;
  }
  .common-bank-wrapper .whar_are_wrapper .mb__better_content .info_line .info_line_item .info_line_des {
    font-size: 28px;
    line-height: 48px;
    margin-top: 16px;
  }
  .common-bank-wrapper .whar_are_wrapper .mb__better_content .info_line .info_line_item:nth-of-type(1) {
    padding-top: 0px;
  }
  .common-bank-wrapper .whar_are_wrapper .mb__better_content .info_line .info_line_item:nth-of-type(2) {
    margin: 0;
  }
  .common-bank-wrapper .whar_are_wrapper .mb__better_content .info_line .info_line_item:nth-of-type(3) {
    border-bottom: none;
  }
  .common-bank-wrapper .whar_are_wrapper .mb__better_content .why_choose {
    margin-top: 160px;
  }
  .common-bank-wrapper .whar_are_wrapper .mb__better_content .why_choose .title {
    font-size: 58px;
    line-height: 84px;
  }
  .common-bank-wrapper .whar_are_wrapper .mb__better_content .why_choose .img {
    max-height: 88px;
    margin-left: 36px;
  }
  .common-bank-wrapper .benefits_wrapper {
    padding-bottom: 160px;
  }
  .common-bank-wrapper .benefits_wrapper .benefits_content .benefits {
    flex-direction: column;
  }
  .common-bank-wrapper .benefits_wrapper .benefits_content .benefits .benefits_left {
    flex-direction: row;
    justify-content: space-between;
    margin-right: 0px;
  }
  .common-bank-wrapper .benefits_wrapper .benefits_content .benefits .benefits_left .info {
    width: auto;
  }
  .common-bank-wrapper .benefits_wrapper .benefits_content .benefits .benefits_left .info .title {
    font-size: 56px;
    line-height: 84px;
  }
  .common-bank-wrapper .benefits_wrapper .benefits_content .benefits .benefits_left .info .des {
    line-height: 48px;
  }
  .common-bank-wrapper .benefits_wrapper .benefits_content .benefits .benefits_left .img {
    max-width: none;
    max-height: 47px;
    margin-top: 0px;
  }
  .common-bank-wrapper .benefits_wrapper .benefits_content .benefits .benefits_right .item {
    padding: 48px 0px;
  }
  .common-bank-wrapper .benefits_wrapper .benefits_content .benefits .benefits_right .item .des {
    font-size: 28px;
    line-height: 48px;
  }
  .common-bank-wrapper .benefits_wrapper .benefits_content .benefits .benefits_right .item .title_info {
    align-items: flex-start;
  }
  .common-bank-wrapper .benefits_wrapper .benefits_content .benefits .benefits_right .item .title_info .img {
    max-width: 48px;
  }
  .common-bank-wrapper .benefits_wrapper .benefits_content .benefits .benefits_right .item .title_info .title {
    font-size: 36px;
    line-height: 52px;
  }
  .common-bank-wrapper .benefits_wrapper .benefits_content .benefits .benefits_right .item_first {
    padding-top: 0px;
    margin-top: 80px;
  }
  .common-bank-wrapper .mb_meet_needs_wrapper {
    padding-bottom: 0px;
  }
  .common-bank-wrapper .mb_meet_needs_wrapper .mb_meet_needs_title {
    font-size: 56px;
    line-height: 84px;
    margin-top: 160px;
  }
  .common-bank-wrapper .mb_meet_needs_wrapper .mb_meet_needs_des {
    font-size: 28px;
    line-height: 42px;
    margin-top: 32px;
  }
  .common-bank-wrapper .mb_meet_needs_wrapper .mb_meet_needs_content {
    margin-top: 48px;
    flex-wrap: wrap;
    padding-bottom: 80px;
  }
  .common-bank-wrapper .mb_meet_needs_wrapper .mb_meet_needs_content .mb_meet_left,
  .common-bank-wrapper .mb_meet_needs_wrapper .mb_meet_needs_content .mb_meet_right {
    width: 100%;
    height: auto;
    padding-bottom: 64px;
    padding-left: 0px;
  }
  .common-bank-wrapper .mb_meet_needs_wrapper .mb_meet_needs_content .mb_meet_left .mb_meet_item,
  .common-bank-wrapper .mb_meet_needs_wrapper .mb_meet_needs_content .mb_meet_right .mb_meet_item {
    height: auto;
    padding-bottom: 64px;
    padding-left: 0px;
  }
  .common-bank-wrapper .mb_meet_needs_wrapper .mb_meet_needs_content .mb_meet_left .mb_meet_item .item_des,
  .common-bank-wrapper .mb_meet_needs_wrapper .mb_meet_needs_content .mb_meet_right .mb_meet_item .item_des {
    font-size: 28px;
    line-height: 48px;
  }
  .common-bank-wrapper .mb_meet_needs_wrapper .mb_meet_needs_content .mb_meet_left div.mb_meet_item:nth-last-child(1) {
    border-bottom: 1px solid #181433;
  }
  .common-bank-wrapper .mb_meet_needs_wrapper .mb_meet_needs_content .comon_txt .mb_meet_item .item_title {
    font-size: 32px;
    line-height: 52px;
  }
  .common-bank-wrapper .mb_meet_needs_wrapper .show_w_max_1200 {
    margin-top: 48px;
  }
  .common-bank-wrapper .want_to .want_title {
    margin-top: 152px;
  }
  .common-bank-wrapper .want_to .des {
    margin: 24px auto 0;
    font-size: 28px;
    line-height: 48px;
  }
  .common-bank-wrapper .want_to .dowm_btn {
    margin-top: 80px;
  }
  .common-bank-wrapper .want_to .dowm_btn .btn {
    font-size: 28px;
    line-height: 48px;
  }
  .common-bank-wrapper .want_to .dowm_btn .btn .img {
    max-width: 27px;
  }
}
@media (max-width: 1046px) {
  .common-bank-wrapper .common_bank_info .common_bank_info_content .info_line .info_line_item:nth-of-type(2) {
    margin: 0;
  }
}
@media (max-width: 970px) {
  .common-bank-wrapper .common_bank_info .common_bank_info_content .info_line .info_line_item_center .info_line_title::after {
    display: none;
  }
}
@media (max-width: 850px) {
  .common-bank-wrapper .common-bank-banner .txt_content_wrapper .art_info_wrapper {
    flex-wrap: wrap;
  }
  .common-bank-wrapper .common-bank-banner .txt_content_wrapper .art_info_wrapper .art_item:nth-of-type(2) {
    margin-right: 0px;
  }
}
@media (max-width: 840px) {
  .common-bank-wrapper .common_bank_info .common_bank_info_content .info_line {
    justify-content: center;
    margin-top: 160px;
  }
  .common-bank-wrapper .common_bank_info .common_bank_info_content .info_line .info_line_item {
    width: 80%;
  }
  .common-bank-wrapper .common_bank_info .common_bank_info_content .info_line .info_line_item .info_show_W_1152 {
    display: none;
  }
  .common-bank-wrapper .common_bank_info .common_bank_info_content .info_line .info_line_item .info_show_w_750 {
    display: block;
  }
  .common-bank-wrapper .common_bank_info .common_bank_info_content .info_line .info_line_item .info_line_des {
    margin-bottom: 45px;
    margin-top: 16px;
  }
  .common-bank-wrapper .common_bank_info .common_bank_info_content .info_line .info_line_item .info_line_title {
    margin-top: 45px;
  }
  .common-bank-wrapper .common_bank_info .common_bank_info_content .info_line .info_line_item:nth-of-type(1) {
    margin: 0px;
    width: 100%;
    padding: 0px 32px;
  }
  .common-bank-wrapper .common_bank_info .common_bank_info_content .info_line .info_line_item:nth-of-type(2) {
    margin: 0;
    width: 100%;
    border-top: solid 1px #181433;
    border-bottom: solid 1px #181433;
  }
  .common-bank-wrapper .common_bank_info .common_bank_info_content .info_line .info_line_item:nth-of-type(3) {
    margin: 0;
    width: 80%;
  }
  .common-bank-wrapper .common_bank_info .common_bank_info_content .info_line .info_line_item .info_line_title::after {
    display: none;
  }
}
@media (max-width: 750px) {
  .common-bank-wrapper .common-bank-banner .txt-head {
    margin-top: 400px;
  }
  .common-bank-wrapper .common-bank-banner .txt_content_wrapper {
    margin-top: 742px;
  }
  .common-bank-wrapper .common-bank-banner .txt_content_wrapper .art_info_wrapper {
    flex-wrap: wrap;
  }
  .common-bank-wrapper .common-bank-banner .txt_content_wrapper .art_info_wrapper .art_item:nth-of-type(1) {
    padding-right: 0;
  }
  .common-bank-wrapper .common-bank-banner .txt_content_wrapper .art_info_wrapper .art_item:nth-of-type(2) {
    width: 100%;
    margin-left: 0;
  }
  .common-bank-wrapper .common-bank-banner .txt_content_wrapper .art_info_wrapper .art_item .art_desribe::before {
    left: auto;
    right: 0;
    bottom: auto;
  }
  .common-bank-wrapper .show_W_1152 {
    display: none;
  }
  .common-bank-wrapper .show_w_750 {
    display: block;
  }
  .common-bank-wrapper .common_bank_info .common_bank_info_content .info_title_img img {
    max-width: 100%;
    height: auto;
  }
  .common-bank-wrapper .common_bank_info .common_bank_info_content .info_line .info_line_item .info_show_W_1152 {
    display: none;
  }
  .common-bank-wrapper .common_bank_info .common_bank_info_content .info_line .info_line_item .info_show_w_750 {
    display: block;
  }
  .common-bank-wrapper .common_bank_info .common_bank_info_content .info_title_des {
    width: 100%;
  }
  .common-bank-wrapper .whar_are_wrapper .mb__better_content {
    padding-bottom: 80px;
  }
  .common-bank-wrapper .whar_are_wrapper .mb__better_content .mb_list_wrapper {
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 80px;
  }
  .common-bank-wrapper .whar_are_wrapper .mb__better_content .mb_list_wrapper .mb_item {
    width: 100%;
    flex-shrink: 0;
  }
  .common-bank-wrapper .mb_meet_needs_wrapper .show_w_max_1200 img {
    max-width: 684px;
  }
  .common-bank-wrapper .mb_meet_needs_wrapper .mb_meet_needs_content .mb_meet_left .mb_meet_item,
  .common-bank-wrapper .mb_meet_needs_wrapper .mb_meet_needs_content .mb_meet_right .mb_meet_item {
    height: auto;
    padding-bottom: 64px;
    padding-left: 0px;
  }
  .common-bank-wrapper .mb_meet_needs_wrapper .mb_meet_needs_content .mb_meet_left div.mb_meet_item:nth-last-child(1) {
    border-bottom: 1px solid #181433;
  }
  .common-bank-wrapper .want_to .des {
    width: 482px;
  }
}
