/* 公用 */
.cont48 {width: 48%;}
@media screen and (max-width: 1024px) {
.cont48 {width: 100%;}
}
/* 公用 end*/
/* 业务类 */
.business {}
.business ul.bot {margin-bottom: 60px;}
.business_tit span {font-size: 16px;color: #333333;line-height: 24px;text-align: justify;}
/* 业务类双 */
.business_double li .business_img {width: 232px;}
.business_double li .business_img img {width: 100%;}
.business_double li .business_tit {padding-top: 20px;width: calc(95.4% - 232px);}
.business_double li .business_tit p {font-size: 18px;font-weight: 700;color: #333333;margin-bottom: 15px;}
@media screen and (max-width: 1024px) {
.business_double li {margin-bottom: 20px;}
}
/* 业务类双 end */
/* 业务类单 */
.business_single {background-color: #ffffff;}
.business_single .business_img {width: 43%;}
.business_single .business_img img {width: 100%;height: 160px;opacity: 0;}
.business_single .business_tit {width: 50%;padding-right: 20px;}
@media screen and (max-width: 1024px) {
.business_single .business_img img {height: auto;}
.business_single .business_tit {padding: 20px 10px;}
}
/* 业务类单 end*/
@media screen and (max-width: 1024px) {
.business ul.bot {margin-bottom: 20px;}
.business ul.ph-bot {margin-bottom: 20px;}
.business ul li .business_img {width: 100%;}
.business ul li .business_tit {width: 100%;}
}
/* 业务类 end*/
/* 公司业务 */
.firm_business {}
.firm_business ul {}
.firm_business ul li {width: 49%;background-color: #ffffff;padding-bottom: 30px;}
.firm_business ul li a {display: block;}

.firm_img {position: relative;}
.firm_img img {width: 100%;opacity: 0;}
.firm_img .firm_img_tit {position: absolute;top: 40%;width: 100%;text-align: center;z-index:2}
.firm_img span {font-size: 46px;color: #ffffff;position: relative;}
.firm_img span::after {content: "";display: block;position: absolute;width: 100%;height: 6px;left: 0px;bottom: -15px;background-color: #ffffff;}

.firm_business h6 {text-align: center;margin: 25px 0;}
.firm_business h6 span {font-size: 16px;color: #D80000;letter-spacing: 1em;position: relative;}
.firm_business h6 span::after {content: "";display: block;position: absolute;width: calc(100% + 0px);height: 2px;left: -5px;bottom: -5px;background-color: #D80000;}
.firm_business p {font-size: 16px;color: #333333;line-height: 30px;}
.firm_business p {padding: 0 10.4%;}
@media screen and (max-width: 1024px) {
.firm_business ul li {width: 100%;margin-bottom: 20px;}
}
/* 公司业务 end*/

/*个人业务 start*/
.firm_business ul.gryw-dome li{width:30%;}
.gryw-dome .firm_img img{height:210px;}
.gryw-dome .firm_img::after{content:"";position:absolute;top:0px;left:0px;width:100%;height:100%;background-color:#000;opacity: 0.2;}
.gryw-dome .firm_img span{font-size:26px;}
@media screen and (max-width:1024px){
.firm_business ul.gryw-dome li{width:100%;}
}
/*个人业务 end*/

/* 关于我们 */
.tab_img {width: 45%;}
.tab_tit {width: 49.8%;}
#banner {position: relative;}
@media screen and (max-width: 1024px) {
.tab_tit , .tab_img {width: 100%;}
}

.tab_titBOX , .tab_imgBOX {display: none;}
.tab_act , .tab_img_act {display: block;}
.tab_state {margin: 60px 0 50px;}
.tab_state ul {margin-left: 20px;height: 33px;}
.tab_state ul li {font-size: 16px;color: #333333;margin-right: 5.3%;cursor: pointer;transition: all 0.4s;}
.tab_state ul li:last-child {margin-right: 0;}
.tab_state ul li.state-act {font-size: 25px;position: relative;}
.tab_state ul li::after {content: "";display: block;position: absolute;width: 0;height: 6px;left: -2px;bottom: -10px;background-color: #DA251D;}
.tab_state ul li.state-act::after {width: calc(100% + 5px);transition: .5s;}
.tab_state ul li:hover {color: #DA251D;}
@media screen and (max-width: 1024px) {
.tab_state {margin: 20px 0;}
.tab_state ul {margin-left: 0;justify-content: space-between;}
.tab_state ul li {margin-right: 0;}
.tab_state ul li.state-act {font-size: 18px;}
}
/* 右侧文字 */
.state_text {}
.state_text a {height: 40px;}
.state_text_tit {width: calc(100% - 110px);}
.state_text_tit img {}
.state_text_tit p {font-size: 18px;color: #333333;margin-left: 10px;}
.state_text a.state_act2 p {width:80%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.state_text a .state_sum {display: none;font-size: 14px;line-height: 25px;color: #9E9E9E;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.state_text a span {font-size: 16px;color: #333333;width: 90px;margin-top: 4px;}
/* 第一篇文章 */
.state_text a.state_act {display: block;height: auto;margin-bottom: 40px;}
.state_text a.state_act .state_text_tit {width: 100%;margin: 35px 0 20px;}
.state_text a.state_act .state_text_tit img {display: none;}
.state_text a.state_act .state_text_tit p {width:100%;font-size: 24px;color: #333333;line-height: 42px;margin-left: 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition: all 0.4s;}
.state_text a.state_act .state_sum {display: block;}
.state_text a.state_act span {display: none;}

.state_text a p ,.state_text a span{transition: all 0.4s;}
.state_text a:hover p , .state_text a.state_act:hover .state_text_tit p , .state_text a:hover span {color: #DA251D;}
@media screen and (max-width: 1024px) {
.state_text a.state_act {margin-bottom: 10px;}
.state_text a.state_act .state_text_tit {margin: 20px 0 0px;}
}
/* 左侧图片 */
.state_img {margin-bottom: 60px;}
.state_img a {display: none;}
.state_img a.state_img-act {display: block;}
.state_img a img {opacity: 0;width: 100%;height: 380px;}
@media screen and (max-width: 1024px) {
.state_img {margin-bottom: 20px;}
.state_img a img {height: auto;}
}
/* 关于我们 end*/
/* 银行简介 */
.bank_intro {background: url(/uiFramework/commonResource/image/2024031809233552822.png) no-repeat center;text-align: center;padding: 105px 0;background-size: 100%;}
.intro_tit {text-align: center;margin-bottom: 60px;}
.intro_tit h6 {display: inline-block;position: relative;}
.intro_tit h6 {font-size: 24px;color: #333333;}
.intro_tit h6::after {content: "";display: block;position: absolute;width: calc(100% + 4px);height: 6px;left: -2px;bottom: -5px;background-color: #D80000;}
.bank_intro p {text-align: center;width: 65.6%;margin: 0 auto 80px;}
.bank_intro p {font-size: 18px;color: #333333;line-height: 40px;}
.bank_intro a {display:inline-block;font-size: 16px;color: #ffffff;background-color: #DA251D;padding: 15px 80px;border-radius: 35px;position: relative;overflow:hidden;}
.bank_intro a:before {content: attr(data-text);position: absolute;top: 50%;left: 0;height: 100%;width: 100%;filter: alpha(opacity=100); opacity: 1;text-align: center; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;transform:translate(0,-20%)}
.bank_intro a:hover:before { filter: alpha(opacity=0);opacity: 0; -webkit-transform: translate3d(0, 100%, 0);  -moz-transform: translate3d(0, 100%, 0); -ms-transform: translate3d(0, 100%, 0); -o-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) }
.bank_intro a>span { display: inline-block;text-align: center; filter: alpha(opacity=0);opacity: 0;-webkit-transform: translate3d(0, -100%, 0);-moz-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);-webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;transition: all .3s}
.bank_intro a:hover>span {filter: alpha(opacity=100);opacity: 1; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
.bank_intro a:hover>span:nth-child(1) {-webkit-transition-delay: .045s;  -moz-transition-delay: .045s; -ms-transition-delay: .045s; -o-transition-delay: .045s;transition-delay: .045s}
.bank_intro a:hover>span:nth-child(2) { -webkit-transition-delay: .12s; -moz-transition-delay: .12s; -ms-transition-delay: .12s; -o-transition-delay: .12s; transition-delay: .12s }
.bank_intro a:hover>span:nth-child(3) { -webkit-transition-delay: .195s; -moz-transition-delay: .195s; -ms-transition-delay: .195s;-o-transition-delay: .195s; transition-delay: .195s}
.bank_intro a:hover>span:nth-child(4) { -webkit-transition-delay: .27s; -moz-transition-delay: .27s; -ms-transition-delay: .27s; -o-transition-delay: .27s;transition-delay: .27s}
.bank_intro a:hover {background:#e70012 ;color:#fff;  }

@media screen and (max-width: 1024px) {
.bank_intro {padding: 20px 0;}
.bank_intro p {width: 100%;text-align: justify;}
}
/* 银行简介 end*/