/*网格布局*/
.wg-bj{display:flex;justify-content: space-between;height:524px;display: -ms-flexbox;-ms-flex-pack: justify;}
.wg-lt{width:450px;}
.wg-rt{width:896px;display:flex;flex-wrap:wrap;justify-content: space-between;align-content: space-between;display: -ms-flexbox;-ms-flex-pack: justify;-ms-flex-wrap: wrap;}
.wg-rt .cont-r{width:49%;}

.wg-pb-css{position:relative;overflow:hidden;}
.wg-pb-css img {width:100%;height:100%;object-fit:cover;-o-object-fit:cover;transition:all 0.4s;}
.wg-pb-css:hover img{transform:scale(1.04)}
.wg-pb-css:hover hr{width:100%;}
.pb-cont-css{position:absolute;bottom:20px;left:50%;width:90%;transform:translate(-50%,0)}
.pb-cont-css h3{font-size:26px;color:#fff;}
.pb-cont-css hr{width:10%;height:1px;background-color:#fff;transition:all 1s;text-align:center;display:inline-block;}
.pb-cont-css p{font-size:14px;color:#fff;line-height:25px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

/*小微特色专营支行*/
.xwts-box{margin:30px 0;padding:30px 0;background:url(/uiFramework/commonResource/image/2024022309174921300.png) no-repeat;background-size:cover;}
.xwts{position:relative;}
.xwts-main-box {height:300px;}
.xwts-main-box img{width:100%;height:100%;object-fit:cover;-o-object-fit:cover;}
.gslc-cont{position:absolute;left:50%;top:20%;width:90%;transform:translate(-50%,0);text-align:center;color:#fff;}
.gslc-cont h3{font-size:26px;}
.gslc-cont p{font-size:16px;margin-top:30px;}
/*列表*/
.xw-list{position:absolute;left:50%;top:65%;width:90%;transform:translate(-50%,-50%)}
.xw-list ul{display:flex;justify-content:center;display: -ms-flexbox;-ms-flex-pack: center;}
.xw-list ul li{margin:0 50px;}
.xw-list ul li a{display: inline-block;position: relative;text-indent: 15px;font-size: 16px;color:#fff;}
.xw-list ul li a::after{content:"";position:absolute;top:50%;left:0;width:5px;height:5px;background:#fff;border-radius:50%;transform:translate(0,-50%)}

/*小企业*/
.xqy{margin-top:40px;}
.xqy-pb-css{display:flex;margin-top:30px;display: -ms-flexbox;}
.xqy-lt{width:350px;}
.xqy-lt img {width:100%;height:auto;object-fit:cover;-o-object-fit:cover;}
.xqy-rt{padding-left:30px;align-self:center;flex:1;-ms-flex-align: center;-ms-flex: 1;}
.xqy-rt p{font-size:16px;line-height:25px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.xqy-rt   a{display:block;width:130px;height:30px;background:#e70012;text-align:center;color:#fff;font-size:14px;box-sizing: border-box;position: relative;transition: all .6s linear;line-height: 30px;border-radius:15px;overflow:hidden;margin-top:30px;}
.xqy-rt   a:before {content: attr(data-text);position: absolute;top: 0px;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 }
.xqy-rt   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) }
.xqy-rt   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}
.xqy-rt  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)}
.xqy-rt   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}
.xqy-rt  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 }
.xqy-rt   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}
.xqy-rt   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}
.xqy-rt   a:hover {background:#fff ;color:#e70012;  box-shadow: 0 0 2px #e70012;}

@media screen and (max-width:1600px){
.wg-bj,.first-pb{height:520px;}
.wg-lt{width:30%;}
.wg-rt{width:69%;align-content: space-between;}

}

@media screen and (max-width:1440px){
.wg-bj, .first-pb{height:480px;}
}
@media screen and (max-width:1366px){
.wg-bj, .first-pb{height:460px;}
}
@media screen and (max-width:1280px){
.wg-bj, .first-pb{height:430px;}
}

@media screen and (max-width:1130px) and (min-width:992px){
.wg-bj, .first-pb{height:370px;}
}

@media screen and (max-width:992px){
.wg-bj{height:240px;}
.wg-lt{width:30%;}
.wg-rt{width:69%;align-content: space-between;}
.wg-pb-css.first-pb{height:240px;}
.wg-pb-css{height:118px;}
.pb-cont-css{bottom:5px;}
.pb-cont-css h3{font-size:14px;}
.pb-cont-css p{font-size:12px;-webkit-line-clamp: 1}
.pb-cont-css hr{margin:5px 0;}

.xqy-pb-css{flex-direction: column;}
.xqy-lt{width:100%;height:160px;}
.xqy-rt{padding-left:0px;}
.xqy-rt p{margin:20px 0;font-size:12px;}
.xqy-rt a{margin:0 auto;}
.xqy-lt img{height:100%;}
}