@charset "UTF-8";
html { font-size: 62.5%; }

/*@media (min-width: 767.98px) { html{font-size: 100%;}
}*/
body { font-size: 1.6rem; }

img { max-width: 100%; border: 0; }

li { list-style: none; }

a { color: #333; text-decoration: none; border: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; outline: none; }
a:hover { color: #f36e21; }

.text-primary-dark { color: #d9461d; }

.bg-primary { background: #f36e21 !important; }

.text-white, .text-white:hover { color: #fff; }

.slick-slide img { border-radius: 6px; }

.slick-dots li.slick-active button:before { color: #f36e21; opacity: 1; }

.navbar-toggler .navbar-toggler-icon { width: 3.2rem; height: 3.2rem; background-image: url("../images/icon-toggleer.png"); }
.navbar-toggler .navbar-toggler-close { background-image: url("../images/icon-close.png"); }

.head { box-shadow: 0 0 10px #ccc; background: rgba(255, 255, 255, 0.95); }
.head .underline:hover { text-decoration: underline; }
.head .navbar-toggler:focus { box-shadow: none; }
.head .nav-item { padding: 0 1rem .5rem; }
.head .nav-item.active .nav-link { color: #f36e21; }
.head .nav-item:hover .nav-link { color: #f36e21; background: 0; }
.head .nav-item:hover .sub-menu { display: block; }
.head .nav-item:first-child { margin-left: 0; }
.head .nav-item .lv1.active .nav-link { color: #f36e21; }
.head .nav-item .lv1 .icon-plus { background: url("../images/icon-plus.png") no-repeat center center/cover; width: 3.2rem; height: 3.2rem; }
.head .nav-item .lv1 .icon-minus { background: url("../images/icon-minus.png") no-repeat center center/cover; }
.head .nav-link { color: #333; font-size: 2rem; font-weight: bold; white-space: nowrap; }
.head .sub-menu { position: absolute; left: 0; top: 100%; width: 100%; font-size: 1.8rem; display: none; z-index: 9999; /*ul{ background: rgba($primary,.4); li{ a{ color: #fff; display: block; &:hover{ color:#fff; } } }
}*/ }
.head .sub-menu ul { background: rgba(255, 255, 255, 0.8); border-radius: 0 0 .5rem .5rem; box-shadow: 0 2px 5px #ccc; }
.head .sub-menu ul li a { color: #333; display: block; }
.head .sub-menu ul li a:hover { color: #f36e21; }
.head-search-btn { width: 3.2rem; height: 3.2rem; background: url("../images/icon-search.png") no-repeat center center; background-size: 100%; transition: .3s; }
.head-search-btn:focus { box-shadow: none; }
.head-search-close { background: url("../images/icon-close.png") no-repeat center center; transition: .3s; }
.head-search-input { width: 30rem; left: -25rem; top: 7rem; z-index: 9999; font-size: 1.6rem; text-indent: 1rem; }
.head .logoin-btns { font-size: 1.6rem; }
.head .logoin-btns .dropdown-item:hover { background: 0; color: #f36e21; }

.banner { width: 100%; height: 100vh; }
.banner .slick-slide { position: relative; height: 100vh; }
.banner .slick-slide-bg { width: 100%; height: 100%; position: absolute; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.banner-text { z-index: 9999; top: 24%; }

.quick-links { overflow: hidden; color: #fff; text-align: center; }
.quick-links-bg { background: rgba(0, 0, 0, 0.2); z-index: 999; }
.quick-links a { color: #fff; padding: 0; }
.quick-links a.active, .quick-links a:hover { background: #f36e21; color: #fff; }
.quick-links img { margin: 0 auto; }
.quick-links p { margin-bottom: 0; line-height: 1; margin-top: 1.5rem; font-size: 1.8rem; color: #fff; }
.quick-links .slick-slide { float: none; display: inline-block; }
.quick-links .slick-prev { left: 10px; }
.quick-links .slick-next { left: auto; right: 10px; }

/*公司业务/个人业务/小微金融 start*/
.i-tab1-bg { background: url("../images/index-bg1.jpg") no-repeat center 0; background-size: cover; padding-bottom: 7rem; }

.i-tab2-bg { background: url("../images/index-bg2.jpg") no-repeat center 0; background-size: cover; padding-bottom: 8.5rem; }

.tab1-head { padding-top: 6rem; }
.tab1-head .nav-link { border: 0; background: 0; color: #333; font-size: 3rem; padding: 0 7rem; border-left: 1px solid #ccc; line-height: 1; }
.tab1-head .nav-link:first-child { border-left: 0; }
.tab1-head .active { color: #f36e21; font-weight: bold; }
.tab1-intro { font-size: 1.8rem; }
.tab1 .swiper-button-next, .tab1 .swiper-button-prev, .tab1 .swiper-button-next:after, .tab1 .swiper-rtl .swiper-button-prev:after, .tab1 .swiper-button-prev:after, .tab1 .swiper-rtl .swiper-button-next:after { content: ''; width: calc(var(--swiper-navigation-size)/ 44 * 55); height: calc(var(--swiper-navigation-size)/ 44 * 55); background-repeat: no-repeat; background-size: 100%; }
.tab1 .swiper-button-prev:after, .tab1 .swiper-rtl .swiper-button-next:after { background-image: url(../images/icon-arrow-left.png); }
.tab1 .swiper-button-next:after, .tab1 .swiper-rtl .swiper-button-prev:after { background-image: url(../images/icon-arrow-right.png); }
.tab1 .swiper-button-next, .tab1 .swiper-rtl .swiper-button-prev { right: -35px; }
.tab1 .swiper-button-prev, .tab1 .swiper-rtl .swiper-button-next { left: -35px; }
.tab1 .swiper-pagination { margin-top: 10px; }

.company-biz { margin: 0 auto; /*.swiper-slide { height: calc((100% - 30px) / 2); img{ width: 100%;}
}*/ }
.company-biz .slick-slide { position: relative; }
.company-biz .slick-slide > div { margin: 0 10px 10px; position: relative; }
.company-biz .slick-prev, .company-biz .slick-next { left: calc( -6.7708333333vw); width: calc( 2.8947368421vw); height: calc( 2.8947368421vw); min-width: 36px; min-height: 36px; background-image: url(../images/icon-arrow-left.png); background-position: center center; background-repeat: no-repeat; background-size: 99% auto; }
.company-biz .slick-prev:before, .company-biz .slick-next:before { display: none; }
.company-biz .slick-next { background-image: url(../images/icon-arrow-right.png); left: auto; right: calc( -6.7708333333vw); }
.company-biz-info { position: absolute; top: 18%; right: 8%; width: 92%; display: flex; flex-direction: column; align-items: flex-end; }
.company-biz-title { font-size: 2.2rem; font-weight: bold; margin-bottom: .25rem; }
.company-biz-intro { max-width: 66%; }

/*公司业务/个人业务/小微金融 end*/
/*金融市场/数字金融/关于本行 start*/
#tab2-head { padding: 7rem 0; }

.i-about-text { padding-left: 7rem; }
.i-about-title { font-size: 2.4rem; margin-top: 1rem; }
.i-about-intro { margin: 4rem 0 6rem; font-size: 1.8rem; }
.i-about-nums p { margin-bottom: 0; font-size: 3.6rem; }

/*金融市场/数字金融/关于本行 end*/
/*首页新闻 start*/
.i-news { margin-top: 6rem; }

.news-tab { position: relative; }
.news-tab .nav-link { color: #666; border: 0; background: 0; padding: 0; padding-left: 4.5rem; font-size: 2rem; }
.news-tab .nav-link a { position: absolute; right: 0; bottom: 0; display: none; color: #666; font-weight: normal; }
.news-tab .nav-link:first-child { padding-left: 0; }
.news-tab .active { color: initial; font-weight: bold; font-size: 2.2rem; }
.news-tab .active a { display: block; font-size: 2rem; }
.news-list li { display: flex; background: url("../images/disc.png") no-repeat 0 center; border-bottom: 1px dashed #e6e6e6; padding-left: 2rem; line-height: 4; }
.news-list li a { flex: 1; margin-right: 20px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news-list li span { color: #666; padding-right: 10px; }

/*首页新闻 end*/
/*小微金融 begin*/
.xwjr-title { font-size: 2.2rem; }
.xwjr-text { /*font-size: 1.8rem;*/ line-height: 2; margin-left: 38px; margin-top: 10px; }

/*小微金融 end*/
/*专题*/
/*footer s*/
footer { background: #3a3333; color: #ffffff; }
footer .container { background: url("../images/foot-bg.png") no-repeat 0 center; }
footer .border-top, footer .border-bottom { border-color: #a29a93 !important; }
footer a { color: #ffffff !important; }
footer .flinks .nav-link { border-left: 1px solid #fff; line-height: 1; padding: 0 2rem; }
footer .flinks .nav-link:first-child { border: 0; }

/*footer e*/
#refresh { cursor: pointer; }

@media (min-width: 992px) { .logo { margin-top: -30px; } }
@media (min-width: 1200px) { .logo { margin-top: -35px; }
  .company-biz { max-width: calc(100% - 145px); } }
@media (max-width: 1399.98px) { html { font-size: 50%; }
  body { font-size: 2rem; }
  .head .container { max-width: 88%; }
  /*设置小屏幕下字体大小*/
  .quick-links .slick-slide p { font-size: 2rem; }
  /*设置小屏幕下各单位间距*/
  .i-tab1-bg { padding-bottom: 3rem; }
  .i-tab2-bg { padding-bottom: 4rem; }
  .tab1-intro { font-size: 2rem; }
  .tab1 .nav-link { font-size: 2.6rem; } }
.bodyHideScroll { overflow: hidden; }
.bodyHideScroll .head { height: 100%; background: none; }

.collapseScroll { position: fixed !important; left: 0; right: 0; bottom: 0; transition: .3s; }
.collapseScroll .navbar-nav { background: rgba(255, 255, 255, 0.9); padding: 0 1.5rem; }

.menu-close-btn { display: none; }

@media (max-width: 1199.98px) { .head { width: 100%; z-index: 9999; }
  .head-height { box-shadow: 0 0 10px #ccc; background: #fff; }
  .menu-close-btn { display: block; }
  .head .container { max-width: 100%; }
  .head .nav-item { margin-left: 0; padding-bottom: 0; background: rgba(255, 255, 255, 0); border-top: 1px solid #ddd; text-align: left; position: relative; }
  .head .nav-item:first-child { border-top: 0; }
  .head .nav-item:hover .sub-menu { display: none; }
  .head .nav-item:hover .nav-link { color: #f36e21; background: 0; }
  .head .nav-item.active .nav-link { color: #f36e21; background: 0; }
  .head .nav-item .lv1 { display: flex; justify-content: space-between; align-items: center; }
  .head .nav-link { display: block; padding: 1rem 0; width: auto !important; }
  .head .nav-link:hover { color: #f36e21; }
  .head .sub-menu { position: static; font-size: 2rem; text-indent: 2em; display: none; }
  .head .sub-menu ul { background: 0; box-shadow: none; /*li{ border-top: 1px dashed rgba($primary,.3); a{color: #fff; display: block; &:hover{color:#fff;} }
}*/ }
  .head .sub-menu ul li { border-top: 1px dashed rgba(51, 51, 51, 0.2); padding: 0.2rem 0; }
  .head .sub-menu ul li a { display: block; }
  .head .sub-menu ul li a:hover { color: #f36e21; }
  .head-search-input { width: 26rem; left: -21rem; top: 5rem; }
  .logo img { height: 5rem; } }
@media (max-width: 991.98px) { .quick-links .slick-slide { font-size: 1.9rem; }
  .quick-links .slick-slide p { margin-top: 1.3rem; }
  .quick-links .slick-slide img { width: 3.6rem; }
  .banner-text { top: 20%; }
  .banner-text-box img { height: 5rem; margin: .5rem; }
  .tab1-head { padding-top: 4rem; }
  .tab1-head .nav-link { font-size: 2rem; padding: 0 4rem; }
  .tab1 .swiper-button-next, .tab1 .swiper-button-prev, .tab1 .swiper-button-next:after, .tab1 .swiper-rtl .swiper-button-prev:after, .tab1 .swiper-button-prev:after, .tab1 .swiper-rtl .swiper-button-next:after { width: calc(var(--swiper-navigation-size) / 44 * 35); height: calc(var(--swiper-navigation-size) / 44 * 35); }
  .tab1 .swiper-button-next, .tab1 .swiper-rtl .swiper-button-prev { right: -5px; }
  .tab1 .swiper-button-prev, .tab1 .swiper-rtl .swiper-button-next { left: -5px; }
  .company-biz { max-width: 80vw; }
  .company-biz .slick-prev, .company-biz .slick-next { left: -50px; }
  .company-biz .slick-next { left: auto; right: -50px; }
  /*  .i-tab1-bg{padding-bottom: 3rem;} .i-tab2-bg{padding-bottom: 4rem;}*/
  /*金融市场/数字金融/关于本行 start*/
  #tab2-head { padding: 3rem 0; }
  .i-about-text { padding: 0; }
  .i-about-title { font-size: 2.4rem; margin-top: 2rem; }
  .i-about-intro { margin: 1.5rem 1.5rem 2rem; font-size: 2rem; text-align: justify; text-indent: 2em; }
  .i-about-nums p { margin-bottom: 0; font-size: 3rem; }
  /*金融市场/数字金融/关于本行 end*/
  /*首页新闻s*/
  .i-news { margin-top: 1rem; }
  .news-tab .nav-link { padding-left: 3rem; font-size: 2.2rem; }
  .news-tab .nav-link a { font-size: rem; }
  .news-tab .active { font-size: 2.2rem; }
  .news-list li { line-height: 3; }
  /*首页新闻e*/
  /*footer s*/
  footer { margin-top: 0; }
  /*footer e*/ }
@media (max-width: 575.98px) { .slick-dots { white-space: nowrap; overflow: auto; }
  .logo img { height: 4rem; }
  .quick-links { max-width: 86vw; margin: 0 auto; overflow: visible; }
  .quick-links-bg { background: rgba(0, 0, 0, 0.15); }
  .quick-links .slick-slide p { margin-top: 1rem; }
  .quick-links .slick-prev, .quick-links .slick-next { z-index: 9999; left: -17px; width: 24px; height: 24px; }
  .quick-links .slick-prev:before, .quick-links .slick-next:before { font-size: 24px; }
  .quick-links .slick-next { left: auto; right: -17px; }
  .tab1-head { padding-top: 3rem; }
  .tab1-head .nav-link { font-size: 2.2rem; padding: 0 2rem; }
  .tab1-intro { display: none; }
  .tab-content { margin-top: 3rem; }
  .company-biz { max-width: 100vw; /*金融市场/数字金融/关于本行 start*/ /*金融市场/数字金融/关于本行 end*/ /*首页新闻s*/ /*首页新闻e*/ /*footer s*/ /*footer e*/ }
  .company-biz .slick-prev, .company-biz .slick-next { display: none; }
  .company-biz .slick-next { left: auto; right: -50px; }
  .company-biz-info { top: 0; bottom: 0; justify-content: center; right: 10%; }
  .company-biz-intro { max-width: 90%; font-size: 1.9rem; text-align: justify; display: none; }
  .company-biz .i-tab1-bg { padding-bottom: 1rem; }
  .company-biz .i-tab2-bg { padding-bottom: 2.5rem; }
  .company-biz #tab2-head { padding: 2rem 0; }
  .company-biz .i-about-text { padding: 0 1rem; }
  .company-biz .i-about-title { margin-top: 2rem; }
  .company-biz .i-about-intro { margin: 1rem 0 .5rem; }
  .company-biz .i-about-nums p { margin-bottom: 0; line-height: 1.6; }
  .company-biz .i-news { margin-top: 1rem; }
  .company-biz footer { margin-top: 0; font-size: 1.75rem; }
  .company-biz footer .foot-logo img { height: 50px; } }
.head { width: 100%; z-index: 9999; top: 0; transition: .7s; }
.head-hide { transform: translateY(-104px); }
.head-show { transform: translateY(0); }
.head-bg { background: rgba(255, 255, 255, 0.9); }

.add-head-bg { background: rgba(255, 255, 255, 0.9); }