/*公共样式*/
.max-width{max-width:1440px;margin:0 auto;}
html{overflow-x:hidden;}
.erj_space_between{margin:30px 0;padding:30px 0;}
.erj_background{background-color:#fbfbfb;}
/*flex公共样式*/
.flex-us {display: flex;display: -ms-flexbox;}
.flex-cent {display: flex;display: -ms-flexbox;justify-content: center;-ms-flex-pack: center;}
.flex-space {display: flex;display: -ms-flexbox;justify-content: space-between;-ms-flex-pack: justify;}
.flex-around {display: flex;display: -ms-flexbox;justify-content: space-around;-ms-flex-pack: justify;}
.flex-cent-cent {display: flex;display: -ms-flexbox;justify-content: center;-ms-flex-pack: center;align-items: center;-ms-flex-align: center;}
.flex-space-cent {display: flex;display: -ms-flexbox;justify-content: space-between;-ms-flex-pack: justify;align-items: center;-ms-flex-align: center;}
.flex-ign-cent {display: flex;display: -ms-flexbox;align-items: center;-ms-flex-align: center;}
.flex-us-end {display: flex;display: -ms-flexbox;align-items: flex-end;-ms-flex-align: end;}
.flex-MsWarp {flex-wrap: wrap;-ms-flex-wrap: wrap;}

/*二级页公共样式 start*/

/*banner图--贸易金融*/
.banner-erj-public{height:400px;position:relative;}
.banner-erj-public img{width:100%;height:100%;object-fit:cover;-o-object-fit:cover}
.banner-tit{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;color:#fff;}
.banner-tit h1{font-size:32px;letter-spacing: 4px;}
.banner-tit hr{width:100px;height:1px;border:none;background-color:#fff;display:inline-block;}
.banner-tit p{font-size:18px;letter-spacing: 4px;}

/*左列表正文+图片*/
/*正文*/
.box-public,.box-public-cont{height:400px;}
.box-public-cont{display: flex;flex-direction: column;justify-content: center;}
.cont-erj-public h2.icon-Eh{font-size:28px;padding-top:5px;background:url(/uiFramework/commonResource/image/2024031216110884073.png) no-repeat left top;letter-spacing: 5px;}
.cont-erj-public p{font-size:16px;margin-top:60px;color:#666}
/*图片*/
.img-public{height:400px;overflow:hidden;}
.img-public img{width:100%;height:100%;object-fit:cover;-o-object-fit:cover;transition:all 0.4s;}
.img-public:hover img{transform:scale(1.04);}
.ph-img-public{display:none;}
/*列表*/
.lists-public{margin-top:30px;}
.lists-public li {width:25%;}
.lists-public li a{font-size:16px;color:#000;display: inline-block;text-indent: 15px;position:relative;transition:all 0.4s;line-height:50px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width:100%;}
.lists-public li a:hover{color:#971c1d}
.lists-public li a::after{content:"";position:absolute;top:50%;left:0;transform:translate(0,-50%);width:8px;height:8px;background-color:#ee7812;border-radius:50%;transition:all 0.4s;}
.lists-public li a:hover::after{background-color:#971c1d;}

.img-btn-public{position:relative;height:230px;overflow:hidden;}
.img-btn-public img{width:100%;height:100%;object-fit:cover;-o-object-fit:cover;transition:all 0.4s;}
.img-btn-public:hover img{transform:scale(1.04);}
.img-btn-tit{position:absolute;bottom:20px;left:20px;color:#fff}
.img-btn-tit h3{font-size:20px;margin-bottom:20px;}

/*个人、公司业务投资理财*/
.grgs-p p{font-size: 16px;color:#666;margin-top:10px;}
.tzlc-main-cont .box-public-cont > .tzlc-bth{margin-top:120px;}
/*按钮效果*/
.box-public-cont > .tzlc-bth,.cont-erj-public > a{display:block;width:120px;height:30px;background:#ff7300;;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:50px;}
.box-public-cont  .tzlc-bth:before,.wy-main-tit a:before,.cont-erj-public > a:before,.qtyw-main-text a:before,.lt-text 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 }
.box-public-cont  .tzlc-bth:hover:before,.wy-main-tit a:hover:before,.cont-erj-public > a:hover:before,.qtyw-main-text a:hover:before,.lt-text 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) }
.box-public-cont   .tzlc-bth>span ,.wy-main-tit a > span,.cont-erj-public > a > span,.qtyw-main-text a > span,.lt-text 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}
.box-public-cont   .tzlc-bth:hover>span ,.wy-main-tit a:hover > span,.cont-erj-public > a:hover > span,.qtyw-main-text a:hover > span,.lt-text 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)}
.box-public-cont  .tzlc-bth:hover>span:nth-child(1),.wy-main-tit a:hover > span:nth-child(1),.cont-erj-public > a:hover > span:nth-child(1),.qtyw-main-text a:hover > span:nth-child(1),.lt-text 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}
.box-public-cont   .tzlc-bth:hover>span:nth-child(2),.wy-main-tit a:hover > span:nth-child(2),.cont-erj-public > a:hover > span:nth-child(2),.qtyw-main-text a:hover > span:nth-child(2),.lt-text 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 }
.box-public-cont   .tzlc-bth:hover>span:nth-child(3),.wy-main-tit a:hover > span:nth-child(3),.cont-erj-public > a:hover > span:nth-child(3),.qtyw-main-text a:hover > span:nth-child(3),.lt-text 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}
.box-public-cont   .tzlc-bth:hover>span:nth-child(4),.wy-main-tit a:hover > span:nth-child(4),.cont-erj-public > a:hover > span:nth-child(4),.qtyw-main-text a:hover > span:nth-child(4),.lt-text 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}
.box-public-cont  > .tzlc-bth:hover ,.wy-main-tit a:hover,.cont-erj-public > a:hover,.lt-text a:hover{background-color:#e70012;color:#fff;}
/*二级页公共样式 end*/

/*各屏适配*/
@media screen and (max-width:1600px){
.max-width,.banner-text{width:90% !important;}
}
@media screen and (max-width:1280px){
.lists-public li{width:33.33%;}
}
@media screen and (min-width:992px){
.wrapper-sj-nav{display:none}
}
@media screen and (max-width:992px){
.nav_box{display:none;}
.wrapper-sj-nav{display:block}

.max-width{width:95%;}
.erj_space_between{margin:15px 0;padding:10px 0;}
/*banner*/
.banner-erj-public{height:210px;}
.banner-tit h1{font-size:20px;}
.banner-tit hr{width:60px;}
.banner-tit p{font-size:14px;letter-spacing: 1px;}
/*列表+图片*/
.cont-erj-public h2.icon-Eh{text-align:center;background-position:center top;font-size:20px;}
.box-public, .box-public-cont{height:auto;}
.img-public{display:none;}
.ph-img-public{display:block;height:350px;margin-top: 20px;}
.ph-img-public img{width:100%;height:100%;object-fit:cover;-o-object-fit:cover;}

.img-btn-public{height:160px;}
.img-btn-tit h3{font-size:18px;margin-bottom:0;}
.cont-erj-public p{font-size:12px;margin-top:20px;}
.lists-public{margin-top:10px;}
.lists-public li a{font-size:12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
/*个人、企业网银*/
.wy-main-cont{height:150px;}
.box-public-cont > .tzlc-bth, .cont-erj-public > a{margin:20px auto;}
.ph-hiden{display:none;}
.tzlc-main-cont .box-public-cont > .tzlc-bth{margin-top: 40px;}
}
@media screen and (max-width:600px){
.ph-img-public{height:200px;}
}

.typo p, .typo pre, .typo ul, .typo ol, .typo ul li, .typo ol li, .typo dl, .typo dl, .typo form, .typo hr, .typo table {margin: 0.6em 0 1em;}
.typo p{line-height: 1.8;text-align: justify;text-justify: inter-ideograph;*zoom: 1;}
.typo h1, .typo h2, .typo h3, .typo h4, .typo h5, .typo h6 {margin: 1.4em 0 0.8em;font-weight: 800;}
.typo ul li{line-height: 1.8;}
.typo ol{margin-left: 2.4em;}
.typo ol li {line-height: 1.8;list-style: decimal;}
.typo li ul, .typo li ol{margin-top: 0;margin-bottom: 0;margin-left: 2em;}
.typo li ul{list-style: circle;}
.typo ul li{text-align: justify;text-justify: inter-ideograph;}
.typo table th, .typo table td{border: 1px solid #ddd;padding: 5px 10px;}
.typo table th{background: #fbfbfb;}
.typo table thead th{background: #f1f1f1;}


.inner-pd {padding: 0 1em}
.inner-pd.inner-pd-none {padding: 0}
.inner-pd.inner-pd-sm {padding: 0 .5em}
.inner-pd.inner-pd-md {padding: 0 2em}
.inner-pd.inner-pd-lg {padding: 0 3em}
.inner-pd.inner-pd-xl {padding: 0 4em}
.m-card .card-hd h2 {height: 40px; line-height: 40px; font-size: 24px; font-weight: bold; color: #cc180d; position:relative;}
.m-card .card-hd h2::after{content:'';position:absolute;left:0px;bottom:0px;width:80px; height:3px; background-color:#ff7300}
.m-card .card-bd {padding: 1em 0;}