/*公共样式*/
.nav_box{position:absolute !important;width:100%;}


/*banner图*/
.banner{height:750px;position:relative}
.banner-img{height:750px;}
.banner-zz{position:absolute;left:0;top:0;width:100%;height:300px;background:url(/uiFramework/commonResource/image/2024030417485516904.png) no-repeat;background-size:cover;z-index:3}
.banner-text{position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%);color:#fff;z-index:4;text-align:left;}
.hr-box{position:relative;padding-left:10px;}
.hr-box::after{content:"";position:absolute;;left:0px;top:50%;width:5px;height:5px;background-color:#fff;border-radius:50%;transform:translate(0,-50%)}
.hr-box .hr{width:10%;height:3px;background-color:#fff;border-radius:5px;}
.banner-text h1{font-size:42px;letter-spacing: 5px;margin:20px 0;}
.banner-text p{font-size:18px;}
/*轮播图*/
.banner-img .swiper {width: 100%;height: 100%;overflow:hidden;}
.banner-img .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: flex;justify-content: center; align-items: center;display: -ms-flexbox;-ms-flex-pack: center;-ms-flex-align: center;}
.banner-img .swiper-pagination{bottom:10% !important;}
.banner-img .swiper-pagination-bullet{width:15px;height:15px;background-color:#fff;opacity:1;transition:all 0.4s;margin:0 30px !important;position:relative;}
.banner-img .swiper-pagination-bullet:last-child::after{display:none;}
.banner-img .swiper-pagination-bullet:last-child::before{display:none;}
.banner-img .swiper-pagination-bullet::after{position:absolute;content:"";width:5px;height:5px;background-color:#fff;border-radius:50%;left: 30px; top: 50%;transform: translate(0px, -50%);pointer-events:none}
.banner-img .swiper-pagination-bullet::before{position:absolute;content:"";width:5px;height:5px;background-color:#fff;border-radius:50%;left: 60px;top: 50%;transform: translate(0px, -50%);pointer-events:none;}
.banner-img .swiper-pagination-bullet-active{background-color:#971c1d}
/*-通知公告*/
.call-board{position:absolute;bottom:0;width:100%;background:rgba(0,0,0,0.4);height:50px;z-index:3}
.call-board .call-box{width:90%;height:100%;margin:0 auto; display:flex;color:#fff;max-width:1440px;align-items: center;display: -ms-flexbox;-ms-flex-align: center;}
.call-tit{display:flex;align-items: center;display: -ms-flexbox;}
.call-tit img{width:15px;height:15px;margin-right:5px;}
.call-tit p{font-size:16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-right:  5px;}
.lc_list{display:flex;height:100%;align-items: center;display: -ms-flexbox;-ms-flex-align: center;}
.lc_list li{margin:0 30px;padding-top:1px;}
.lc_list li a{display: block;font-size:16px;color:#fff;transition:all 0.4s;line-height: 50px;height: 50px;}
.lc_list li a:hover{color:#e60020}
.more{width:80px;text-align:right;margin-top: 2px;}
.more a{color:#fff;}
.str_wrap{height:50px;display:flex;align-items:center;;display: -ms-flexbox;-ms-flex-align: center;flex: 12;-ms-flex: 12;}
/*网银登录工具*/
.wLdl{position:absolute;;top:50%;left:50%;width:100%;transform:translate(-50%,-50%);z-index:4;display: flex;justify-content: flex-end;}
.wLdl-cont{width:280px;background:url(/lsbankchina/resource/cms/2024/05/img_pc_site/2024051721104724959.png) no-repeat;background-size:cover;border-radius:15px;padding: 20px;box-sizing: border-box;}
.wldl-list1 li a{display:inline-block;width:100%;font-size:16px;color:#e60012;height:40px;line-height:40px;border:1px solid #e60012;text-align:center;border-radius:20px;overflow:hidden;position:relative}
.wldl-list1 li:last-child{margin-top:15px;}
.wldl-list2{display: flex;flex-wrap: wrap;margin-top:10px;}
.wldl-list2 li{flex:calc((100% - 0px)/2);width:50%;}
.wldl-list2 li{line-height:30px;}
.wldl-list2 li a{display:inline-block;font-size:13px;text-indent:8px;position:relative;transition:all 0.4s}
.wldl-list2 li a:hover{color:#e70012}
.wldl-list2 li a::after{content:"";position:absolute;left:0;top:50%;width:3px;height:3px;background-color:#3b3b3b;border-radius:50%;transform:tranlate(0.-50%);}
.dg-erm{height:80px;margin:10px 0;padding:20px 0;border-top:1px solid #fff;border-bottom:1px solid #fff;text-align:center;display:none;}
.dg-erm img{width:80px;height:80px;}
.wldl-list3{display:inline-block;width:100%;height:40px;line-height:40px;text-align:center;background-color:#fd5f00;color:#fff;border-radius:20px;overflow:hidden;position:relative;margin-top:20px;}
/*按钮效果*/
.wldl-list1 li a:before,.wldl-list3: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 }
.wldl-list1 li a:hover:before,.wldl-list3: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) }
.wldl-list1 li a>span ,.wldl-list3>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}
.wldl-list1 li a:hover>span,.wldl-list3: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)}
.wldl-list1 li a:hover>span:nth-child(1),.wldl-list3:hover>span:nth-child(1){-webkit-transition-delay: .045s;  -moz-transition-delay: .045s; -ms-transition-delay: .045s; -o-transition-delay: .045s;transition-delay: .045s}
.wldl-list1 li a:hover>span:nth-child(2),.wldl-list3:hover>span:nth-child(2){ -webkit-transition-delay: .12s; -moz-transition-delay: .12s; -ms-transition-delay: .12s; -o-transition-delay: .12s; transition-delay: .12s }
.wldl-list1 li a:hover>span:nth-child(3),.wldl-list3:hover>span:nth-child(3){ -webkit-transition-delay: .195s; -moz-transition-delay: .195s; -ms-transition-delay: .195s;-o-transition-delay: .195s; transition-delay: .195s}
.wldl-list1 li a:hover>span:nth-child(4),.wldl-list3:hover>span:nth-child(4){ -webkit-transition-delay: .27s; -moz-transition-delay: .27s; -ms-transition-delay: .27s; -o-transition-delay: .27s;transition-delay: .27s}
.wldl-list1 li a:hover>span:nth-child(5),.wldl-list3:hover>span:nth-child(5){ -webkit-transition-delay: .35s; -moz-transition-delay: .35s; -ms-transition-delay: .35s; -o-transition-delay: .35s;transition-delay: .35s}
.wldl-list1 li a:hover>span:nth-child(6),.wldl-list3:hover>span:nth-child(6){ -webkit-transition-delay: .42s; -moz-transition-delay: .42s; -ms-transition-delay: .42s; -o-transition-delay: .42s;transition-delay: .42s}
.wldl-list1 li a:hover{color:#fff;background-color: #e70012; box-shadow: 0 0 2px #fff;}
.wldl-list3:hover {background-color:#e70012;color:#fff;}

/*产品专区、新闻动态*/
.cpzq{padding:60px 0 0;}
.layui-tab-card{box-shadow:none;border:none;}
.cpzq-tab {display: flex; justify-content: space-between;display: -ms-flexbox;-ms-flex-pack: justify;align-items: center;-ms-flex-align: center;margin-bottom:30px;}
.cpzq-tab .cpzq-icon h3,.xwdt-icon h3{font-size:38px;font-weight:bold;}
.cpzq-tab .cpzq-icon{width:25%;}
.cpzq-tab .cpzq-icon h3{background:url(/uiFramework/commonResource/image/2024031216110884073.png) no-repeat left top;padding-top: 15px;}
.cpzq-tab .layui-tab-item{display:none;}
.cpzq-tab .layui-tab-card{border:none;box-shadow: none;}
.cpzq-tab .layui-tab-title{background:none;border: none;height:auto;}
.cpzq-tab .layui-tab-title li{position:relative;font-size:18px;transition:all 0.4s;}
.cpzq-tab .layui-tab-title li span{position:absolute;right:0px;}
.cpzq-tab .layui-tab-title li:last-child span{display:none;}
.cpzq-tab .layui-tab-title li.layui-this{color:#971c1d;font-weight:bold;}
.cpzq-tab .layui-tab-title li::after{content:"";position:absolute;left:50%;top:100%;width:0%;height:2px;background:#971c1d;transform: translate(-50%, 0px);transition:all 0.4s}
.cpzq-tab .layui-tab-title li.layui-this::after{content:"";position:absolute;left:50%;top:100%;width:60%;height:2px;background:#971c1d;transform: translate(-50%, 0px);border:none;}
.cpzq-tab .layui-tab-title li:hover {color: #971c1d;font-weight:bold;}
.cpzq-tab .layui-tab-title li:hover::after {content: "";position: absolute;left: 50%;top: 100%;width: 60%;height: 2px;background: #971c1d;transform: translate(-50%, 0px);}
/*各产品公共样式*/
.zpzu-public{position: relative;margin:30px 0 50px;}
.pub-box .box-cont{box-shadow:0 0 10px #eee;border-radius: 10px;padding:20px 20px;background-color:#fff;transition:all 0.4s;}
.pub-box .box-cont:hover{background:url(/lsbankchina/resource/cms/2024/05/img_pc_site/2024051721122312273.png) no-repeat;background-size:cover;}
.pub-box .box-cont:hover h5,.box-cont:hover h4{color:#fff}
.pub-box .box-cont:hover img{transform:scale(1.02)}
.box-cont h5{font-size:18px;margin-bottom: 30px;transition:all 0.4s}
.box-cont img{width:100%;height:auto;object-fit:cover;-o-object-fit:cover;border-radius: 15px;transition:all 0.4s}
.box-cont h4{font-size:20px;text-align:center;margin:30px 0 40px;transition:all 0.4s;}
.box-cont > a{display:block;width:120px;height:30px;margin:0 auto;line-height:30px;font-size:14px;color:#666;background-color:#f5f5f5;border-radius:20px;position:relative;transition:all 0.4s}
.box-cont:hover > a{background-color:#fff;}
.box-cont a .lj-txt{display: inline-block;text-indent:20px;}
.box-cont a .lj-icon{position:absolute;right:2px;top:50%;width:28px;height:28px;border-radius:50%;background-color:#eb5005;transform: rotateY(180deg) translate(0px, -50%);line-height:28px;text-align:center;}
.lj-icon i{color:#fff;}

/*网上营业厅*/
.wsyyt-box{margin:0px 0 30px;padding:60px 0;background:url(/uiFramework/commonResource/image/2024030809523876811.jpg) no-repeat;background-size:100% 100%;}
.wsyyt-icon h3{font-size: 38px;font-weight: bold;margin-bottom:30px;padding-top:15px;background:url(/uiFramework/commonResource/image/2024031216110884073.png) no-repeat left top;}
.wsyyt-dome{padding:30px;display: flex;flex-direction: column;justify-content: center;align-items: center;background:url(/uiFramework/commonResource/image/2024030810315928253.png) no-repeat;background-size:cover;cursor: pointer;transition:all 0.4s;border-radius:5px;display: -ms-flexbox;-ms-flex-direction: column;-ms-flex-pack: center;-ms-flex-align: center;}
.wsyyt-dome:hover{background-image:url(/lsbankchina/resource/cms/2024/05/img_pc_site/2024051721060058412.png)}
.wsyyt-dome:hover h4{color:#fff;}
.wsyyt-dome:hover .kj-icon{background-color:#fff;}
.wsyyt-dome h4{font-size:18px;font-weight:bold;margin-top:10px;transition:all 0.4s;}
.kj-icon{width:55px;height:60px;background-color:#e60012;border-radius:10px;transition:all 0.4s;position:relative;display: flex;justify-content: center;align-items: center;display: -ms-flexbox;-ms-flex-pack: center;-ms-flex-align: center;}
.kj-icon img{width:40px;height:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.kj-icon img.img-white{opacity: 1;}
.kj-icon img.img-red{opacity: 0;}
.wsyyt-dome:hover .kj-icon img{transform:scale(1.04)}
.wsyyt-dome:hover .kj-icon img.img-white{opacity: 0;}
.wsyyt-dome:hover .kj-icon img.img-red{opacity: 1;top:50%;left:50%;transform:translate(-50%,-50%)}

/*新闻动态*/
.xwzx{padding:60px 0;}
.xwdt-icon{width:25%}
.xwdt-icon h3 {background:url(/uiFramework/commonResource/image/2024031216110884073.png) no-repeat left top;padding-top:15px;}
.xwzx-public ul {display: flex;flex-direction: column;justify-content: space-between;height: auto;display: -ms-flexbox;-ms-flex-direction: column;-ms-flex-pack: justify;}
.xwzx-public ul li {height:95px;line-height:95px;border-bottom:1px solid #ebebeb;transition:all 0.4s;padding:0 10px;}
.xwzx-public ul li:hover{background-color:#fff1f1;border-bottom-color:#e60012;}
.xwzx-public ul li:first-child{border-top:1px solid #ebebeb}
.xwzx-public ul li a.btn-public{display:flex;justify-content: space-between;display: -ms-flexbox;-ms-flex-pack: justify;}
.xwzx-public ul li a .title-pub{font-size:16px;color:#282828;font-weight:bold;transition:all 0.4s;display:inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width:75%;}
.xwzx-public ul li a .data-pub{font-size:16px;color:#838383;transition:all 0.4s;display:inline-block;}
.xwzx-public ul li:hover a .data-pub{color:#971c1d}
.xwzx-public ul li:hover a .title-pub{color:#971c1d}
.xwzx-img-public{position:relative;height:480px;border-radius:10px;overflow:hidden;}
.xwzx-img-public img{width:100%;height:100%;object-fit:cover;-o-object-fit:cover;}
.img-pub-tit{position:absolute;bottom:10px;left:50%;transform:translate(-50%,0)}
.img-pub-tit p{color:#fff;}

/*金融工具*/
.jrgj{margin:30px 0;padding:100px 0;background:url(/uiFramework/commonResource/image/2024030815380472979.png) no-repeat;background-size:cover;}
.jrgj-cont .jrgj-icon h3{font-size: 38px;font-weight: bold;margin-bottom:50px;background:url(/uiFramework/commonResource/image/2024031216110884073.png) no-repeat left top;padding-top:15px;}
.jrgj-tit h3{font-size: 38px;font-weight: bold;margin-bottom:50px;background:url(/uiFramework/commonResource/image/2024031117535911593.png) no-repeat left top;padding-top:15px;}
/*内容*/
.jrgj-cont{position:relative;}
.jrgj-cont .swiper { width: 100%; height: 100%;overflow:hidden;}
.jrgj-cont .swiper-slide {font-size: 18px;padding-right: 2px;}
.jrgj-cont .swiper-pagination{bottom:-45px !important;}
.jrgj-cont .swiper-pagination-bullet{background-color:#ff4c05;opacity:1}
.jrgj-cont .swiper-pagination-bullet-active{background-color:#d9232e;}
.jr-dome{display:block;padding:60px 30px;background:linear-gradient(#fef8f6, transparent);box-shadow:0 0 10px #eee;border-right:2px solid #f18b58;transition:all 0.4s;}
.jr-dome:hover{background:url(/lsbankchina/resource/cms/2024/05/img_pc_site/2024051721060077945.png) no-repeat;background-size:cover;border-right:none;border-radius:5px;}
.jr-dome.prev-hover{border-right:none;}
.jr-icon{width:73px;height:76px;position:relative}
.jr-icon img{width:73px;height:76px;position:absolute;transition:all 0.4s}
.jr-icon img.img-black{opacity: 1;}
.jr-icon img.img-white{opacity: 0;}
.jr-dome:hover .jr-icon img{transform:scale(1.04)}
.jr-dome:hover .jr-icon img.img-white{opacity: 1;}
.jr-dome:hover .jr-icon img.img-black{opacity: 0;}
.jr-dome h4{font-size:18px;color:#000;font-weight:bold;margin-top: 20px;transition:all 0.4s;}
.jr-dome:hover h4{color:#fff}

/*关于本行*/
.gybh{padding:50px 0;}
.jrgj-icon h3{font-size: 38px;font-weight: bold;margin-bottom:30px;padding-top:15px;background:url(/uiFramework/commonResource/image/2024031117551021323.png) no-repeat left top;}
.sum p{font-size:16px;line-height:30px;}
#gybh-rt{height: 410px;display: flex; flex-direction: column;justify-content: space-between;display: -ms-flexbox;-ms-flex-direction: column;-ms-flex-pack: justify;}
.gywm-lists ul{display:flex;display: -ms-flexbox;}
.gywm-lists ul li{width:25%;padding:0 10px;}
.gywm-lists ul li:first-child{padding-left:0px;}
.gywm-lists ul li a{display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 20px 0px;background-color:#f7f7f7;border-radius:10px;transition:all 0.4s;display: -ms-flexbox;-ms-flex-direction: column;-ms-flex-pack: center;-ms-flex-align: center;}
.gywm-lists ul li a:hover{background:url(/lsbankchina/resource/cms/2024/05/img_pc_site/2024051721060077945.png) no-repeat;background-size:cover;}
.gywm-lists ul li a .gybh-icon{position:relative;width:42px;height:42px;}
.gywm-lists ul li a img{width:42px;height:42px;transition:all 0.4s;position:absolute;}
.gywm-lists ul li a img.img-white{opacity: 0;transition:all 0.4s;}
.gywm-lists ul li a img.img-black{opacity: 1;transition:all 0.4s;}
.gywm-lists ul li a:hover img{transform:scale(1.04)}
.gywm-lists ul li a:hover img.img-white{opacity: 1;}
.gywm-lists ul li a:hover img..img-black{opacity: 0;}
.gywm-lists ul li a span{font-size:16px;font-weight:bold;margin-top:10px;transition:all 0.4s;display:inline-block}
.gywm-lists ul li a:hover span{color:#fff;}
.gywm-video {height:390px;border-radius:10px;overflow:hidden;}
.gywm-video img{width:100%;height:100%;object-fit:cover;-o-object-fit:cover;transition:all 0.4s;cursor: pointer;}
.gywm-video img:hover{transform:scale(1.04)}

/*各屏幕适配*/
@media screen and (min-width:1900px) and (max-width:2600px){
.banner-zz{height:430px;}
}
@media screen and (max-width:1366px){
.banner,.banner-img{height:650px;}
.zpzu-public{margin:60px 0;}
.xwzx-public ul li{height:80px;line-height:80px;}
.xwzx-img-public{height:405px;}
#gybh-rt{height:380px;}
.gywm-video{height:360px;}
}
@media screen and (max-width:1280px){
.banner, .banner-img{height:580px;}
.zpzu-public{margin:40px 0;}
.xwzx{padding:30px 0;}
.xwzx-img-public{height:305px;}
.xwzx-public ul li{height:60px;line-height:60px;}
#gybh-rt{height:320px;}
.gywm-video{height:300px;}
}

@media screen and (max-width:1126px){
.cpzq-tab .cpzq-icon,.xwdt-icon{width:20%;}
}
/*移动适配*/
@media screen and (max-width:992px){
.wLdl{display:none;}

/*banner*/
.banner-img,.banner{height:200px;}
.banner-img .swiper-slide{background-position:center !important}
.banner-text{width:90%;top:45%;}
.banner-img .swiper-pagination{bottom:30% !important;}
.banner-img .swiper-pagination-bullet{margin: 0 15px !important;}
.banner-img .swiper-pagination-bullet::after{left:20px;}
.banner-img .swiper-pagination-bullet::before{left:35px;}
.banner-text h1{font-size:24px;margin:5px 0;letter-spacing:2px;}
.banner-text p{font-size:16px;}
.banner-zz{display:none;}
/*通知公告*/
.more{width:80px;}
/*产品专区*/
.cpzq{padding:20px 0 0;background:none;}
.cpzq-tab{flex-direction: column;}
.cpzq-tab .cpzq-icon{width:100%;}
.cpzq-tab .cpzq-icon h3,.wsyyt-icon h3,.xwdt-icon h3,.jrgj-icon h3{background-position: center top;font-size:24px;text-align:center;margin-bottom:20px;padding-top:10px;}
.cpzq-tab .layui-tab-title{display: -webkit-box;overflow-x: auto;scrollbar-width: none; -ms-overflow-style: none;width: 95%;}
.zpzu-public{width:100%;left:0;margin:0;}
.box-cont h4{margin:20px 0 30px;}
.cpzq-tab .layui-tab-title li.layui-this::after{top:90%;}
/*网上营业厅*/
.wsyyt-box,.xwzx {padding:30px 0;}
.wsyyt-dome h4{font-size:14px;text-align: center;width:90%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
/*新闻动态*/
.xwdt-icon{width:100%;}
.xwzx-public ul li a .title-pub{display: inline-block;width:70%;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.xwzx-public ul{height:auto;}
.xwzx-public ul li{height:70px;line-height:70px;}
.xwzx-public ul li a .data-pub,.xwzx-public ul li a .title-pub{font-size:14px;}
.img-pub-tit{width:60%;}
/*金融工具*/
.jrgj{margin:10px 0;padding:60px 0 80px;}
/*关于本行*/
.gybh{padding:20px 0;}
#gybh-rt{height:400px;}
.gywm-lists ul{flex-wrap:wrap;}
.gywm-lists ul li{flex: calc((100% - 0px) / 2);box-sizing: border-box;}
.gywm-lists ul li:first-child{padding-left:10px}
.gywm-lists ul li:nth-child(n+3){margin-top:5px}
.sum p{height: auto;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;overflow: hidden;}
}

.columns-5 .pub-box {float:left; position:relative; display:block; box-sizing:border-box;width:20%}
@media screen and (max-width:996px){
.columns-5 .pub-box {width:33.333333%}
}
@media screen and (max-width:768px){
.columns-5 .pub-box {width:50%}
}
@media screen and (max-width:640px){
.columns-5 .pub-box {width:100%}
}