/*个人存款、贷款*/
.banner-box img{transform: rotateY(180deg);}
.ck-img{height:300px;}
.grcd-list h3{font-size:26px;font-weight:bold;}
.grcd-list ul{display:flex;flex-wrap:wrap;margin-top:20px;display: -ms-flexbox;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;}
.grcd-list ul li{width:33.33%;line-height:50px;}
.grcd-list ul li a{display:inline-block;position:relative;text-indent:15px;font-size:16px;transition:all 0.4s;}
.grcd-list ul li a::after{content:"";position:absolute;top:50%;left:0;width:5px;height:5px;background:#e70012;border-radius:50%;transform:translate(0,-50%)}
.grcd-list ul li a:hover{color:#e70012}
@media screen and (max-width:639px){
	.grcd-list ul li {width: 50%;}
}

/*中间业务*/
.zjyw,.gbk{margin:50px 0;padding:50px 0;background:url(/uiFramework/commonResource/image/2024022116385767894.png) no-repeat;background-size:cover;}
.public-tit p{font-size:14px;margin-bottom:20px;}

/*公共列表菜单、图片样式*/
.public-tit h3{margin:30px 0;}


/*贵宾卡标题*/
.public-tit h3.gbk-bt{margin:0;text-align:center;}
.public-gbk{display: flex;margin-top:30px;display: -ms-flexbox;}
.public-gbk .pb-cot{align-self: center;padding-left:30px;flex:2;-ms-flex: 2;}
.pb-cot h4{font-size:18px;font-weight:bold;}
.pb-cot p{font-size:14px;margin:25px 0;line-height:20px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.public-gbk .pb-gbk-img{width:300px;}
.pb-gbk-img img{width:100%;height:auto;object-fit:cover;-o-object-fit:cover;}
/*按钮效果*/
.pb-cot  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;}
.pb-cot  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 }
.pb-cot  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) }
.pb-cot  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}
.pb-cot  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)}
.pb-cot  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}
.pb-cot  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 }
.pb-cot  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}
.pb-cot  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}
.pb-cot  a:hover {background:#fff ;color:#e70012;  box-shadow: 0 0 2px #e70012;}

/*个人理财、公务卡*/


.gwk-box{display:flex;margin-top:20px;display: -ms-flexbox;}
.lc-list{margin-top:30px;}
.left-img{width:300px;}
.left-img img {width:100%;height:auto;object-fit:cover;-o-object-fit:cover;}
.right-list{padding-left:30px;align-self:center}
.right-list p{font-size:16px;color:#636363;}
.right-list ul{display:flex;flex-wrap:wrap;margin-top:30px;display: -ms-flexbox;-ms-flex-wrap: wrap;}
.right-list ul li{width:33.33%;line-height:50px;}
.right-list ul li a{display:inline-block;position:relative;text-indent:15px;font-size:16px;transition:all 0.4s;}
.right-list ul li a::after{content:"";position:absolute;top:50%;left:0;width:5px;height:5px;background:#e70012;border-radius:50%;transform:translate(0,-50%)}
.right-list ul li a:hover{color:#e70012}

/*各屏幕适配*/
@media screen and (max-width:1440px){
.grcd-list h3{font-size:22px;}
.left-img{width:320px;}
}
@media screen and (max-width:1480px){
.lc-list{margin-top:20px;}
}
@media screen and (max-width:1366px){
.right-list ul li a{font-size:14px;}
}
@media screen and (max-width:1280px){
.right-list ul li a{font-size:12px;}
.right-list{padding-left:20px;}
}
@media screen and (max-width:1024px){

}
@media screen and (max-width:992px){
/*个人存款、贷款业务*/
.ck-img{height:180px;}
.grcd-list ul{margin-top:0}
.grcd-list ul li a{font-size:12px;}
.grcd-list h3{font-size:20px;text-align:center;}

/*图片+列表样式*/
.zjyw, .gbk{margin:20px 0;padding:20px 0;}
.public-tit h3{margin:0px 0 30px;}

/*借记卡*/
.public-tit p{text-align:center;}
/*贵宾卡*/
.public-gbk{flex-direction: column;}
.public-gbk .pb-cot{padding-left:0;margin-top:20px;}
.pb-cot h4{text-align:center;}
.pb-cot a{margin:0 auto;}
/*公务卡*/
.gwk-box{flex-direction: column;}
.right-list{padding-left:0px;}
.right-list p{margin-top:20px;text-align:center;}
.right-list ul{margin-top:10px;}
.right-list ul li a{font-size:12px;}
/*贵宾卡、公务卡公共部分*/
.left-img,.public-gbk .pb-gbk-img{width:100%;text-align:center;}
.left-img img,.pb-gbk-img img{width:60%;height:60%;}
}