/*header导航样式*/
.header{position: relative !important;}
.wrapper-sj-nav{display:none;}

/* 公用 */
.internation-box {width: 80%;margin: 0 auto;}
.cont1_box {display: flex;border: 1px solid #E3E3E4;border-top-right-radius: 45px;border-bottom-left-radius: 45px;background-color: #F7F8FA;}
.cont-left {width: 49.8%;}
.cont-right {width: 50.2%;}
.policy-Cross {background-color: #F9FAFF;margin-top: 57px;padding-bottom: 74px;}
.policy-Cross-box {width: 80%;margin: 0 auto;display: flex;justify-content: space-between;}
.policy-Cross-box #cont3 {width: 60.9%;}
.policy-Cross-box #cont4 {width: 36.7%;}
@media screen and (max-width: 999px) {
.internation-box {width: 100%;padding: 0 20px;}
.cont1_box {flex-direction: column;}
.cont1_box:last-child{flex-direction: column-reverse;}
.cont-left {display: block;width:100%;     border-top-right-radius: 45px;overflow: hidden;}
.cont-right{width: 100%;}
#cont1-b {background:#fff}
#cont2-b {background:#fff}
.cont-right {border-bottom-left-radius: 45px;}
.policy-Cross {padding-top: 1px;}
.policy-Cross-box {display: block;width: 100%;padding: 0 20px;}
.policy-Cross-box #cont3,.policy-Cross-box #cont4 {width: 100%;}
}
/* 头部标签 */
.GJ-TIT {margin: 70px 0 35px;}
.GJ-TIT h6 {font-size: 35px;color: #282F9D; margin-bottom: 17px;font-weight: 700;letter-spacing: 2px;}
@media screen and (max-width: 1700px) {
.GJ-TIT {margin: 40px 0 35px;}
}
@media screen and (max-width: 1400px) {
.GJ-TIT {margin: 30px 0 20px;}
}
@media screen and (max-width: 1300px) {
.GJ-TIT {margin: 30px 0 25px;}
.GJ-TIT h6 {font-size: 28px;}
}
@media screen and (max-width: 1250px) {
.GJ-TIT h6 {font-size: 31px;margin-bottom: 10px;}
}
@media screen and (max-width: 1200px) {
.GJ-TIT {margin: 20px 0;}
}
@media screen and (max-width: 1100px) {
.GJ-TIT h6 {font-size: 28px;}
}
/* 公用 end*/
/* banner */
.business_banner {position: relative;}
.business_banner img {width: 100%;}
.banner_tit {position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;}
.banner_box {width: 75%;margin: 0 auto;padding-left: 8%;}
.banner_box h6 {font-size: 43px;color: #ffffff;margin-bottom: 29px;}
.banner_box p {font-size: 20px;color: #ffffff;letter-spacing: 2px;text-transform: uppercase;}
@media screen and (max-width: 999px) {
.banner_box {width: 100%;padding: 0 20px;}
.banner_box h6 {font-size: 33px;margin-bottom: 10px;}
.banner_box p {font-size: 16px;letter-spacing: 0px;}
}
/* banner end*/

/* 国际结算 与 贸易融资 */
/* 图 */
.GJ-IMG {overflow:hidden;}
.GJ-IMG img {width: 100%;transition:all 0.4s}
.GJ-IMG img:hover{transform:scale(1.05)}
/* 内容 */
.Settle_account {}
.Settle_account ul {display: flex;flex-wrap: wrap;align-items: center;padding-left: 9.68%;}
.Settle_account ul li {width: 33%;}
.Settle_account ul li a {display: flex;align-items: center;transition: 0.5s;}
.Settle_account ul li a img {}
.Settle_account ul li a p {font-size: 20px;color: #191919;margin-left: 5px;transition: 0.5s;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.Settle_account ul li a:hover p {color: #3E44A7;}
/* 国际结算 */
.Settle_account_a ul {padding-top: 80px;}
.Settle_account_a ul li {margin-bottom: 40px;}
/* 贸易融资 */
.Settle_account_b ul {padding-top: 70px;}
.Settle_account_b ul li {margin-bottom: 35px;}
@media screen and (max-width: 1700px) {
.Settle_account ul li a p {font-size: 17px;}
}
@media screen and (max-width: 1550px) {
.Settle_account_b ul {padding-top: 50px;}
.Settle_account ul li a p {font-size: 16px;}
}
@media screen and (max-width: 1450px) {
.Settle_account_a ul {padding-top: 60px;}
.Settle_account ul li a p {font-size: 14px;}
}
@media screen and (max-width: 1400px) {
.Settle_account_b ul {padding-top: 30px;}
.Settle_account ul li a p {font-size: 14px;}
}
@media screen and (max-width: 1350px) {
.Settle_account_a ul li {margin-bottom: 35px;}
.Settle_account_b ul li {margin-bottom: 30px;}
}
@media screen and (max-width: 1250px) {
.Settle_account_a ul {padding-top: 50px;}
.Settle_account_a ul li {margin-bottom: 35px;}
.Settle_account ul li a p {font-size: 12px;}
}
@media screen and (max-width: 1150px) {
.Settle_account_b ul {padding-top: 20px;}
.Settle_account_b ul li {margin-bottom: 25px;}
}
@media screen and (max-width: 1100px) {
.Settle_account_a ul {padding-top: 35px;}
.Settle_account_a ul li {margin-bottom: 30px;}
}
/* 国际结算 与 贸易融资 end*/

/* 跨境人民币结算 */
.Cross_border {position: relative;border-radius: 10px;overflow:hidden;}
.Cross_img1 {width: 100%;transition:all 0.4s;}
.Cross_border:hover .Cross_img1{transform:scale(1.05)}

.Cross_box {position: absolute;left: 0;top: 39px;width: 100%;}
.Cross_cont {width: 83%;margin: 0 auto;position: relative;}
.Cross_img2 {width: 100%;}

.Cross_tit {text-align: center;position: absolute;width: 100%;top: 0;left: 0;}
.Cross_tit h6 {font-size: 24px;margin-top: 31px;}
.Cross_tit p {font-size: 18px;padding: 33px 0;}
.Cross_tit a {display: flex;align-items: center;width: 163px;height: 42px;background-color: #282F9D;justify-content: center;margin: 0 auto;border-radius: 5px;transition: 0.5s;}
.Cross_tit a:hover{background:#FFA90B;}
.Cross_tit a span {font-size: 18px;color: #ffffff;margin-right: 15px;}
.Cross_tit a img {}
@media screen and (max-width: 1600px) {
.Cross_tit p {font-size: 16px;padding: 20px 0;}
}
@media screen and (max-width: 1400px) {
.Cross_box {top: 28px;}
.Cross_tit p {font-size: 14px;padding: 15px 0;}
.Cross_tit a {width: 140px;height: 35px;}
.Cross_tit a span {font-size: 16px;}
}
@media screen and (max-width: 1250px) {
.Cross_tit h6 {margin-top: 20px;}
.Cross_tit p {font-size: 12px;}
}
@media screen and (max-width: 1150px) {
.Cross_tit h6 {font-size: 21px;margin-top: 15px;}
.Cross_tit a {width: 110px;height: 30px;}
.Cross_tit a span {font-size: 12px;}
.Cross_tit a img {height: 12px;}
}
/* 跨境人民币结算 end*/
/* 政策查询 */
.policy_inquire {position: relative;border-radius: 10px;overflow:hidden;}
.policy_img1 {width: 100%;transition:all 0.4s}
.policy_inquire:hover .policy_img1{transform:scale(1.05)}

.policy_box {position: absolute;left: 0;top: 39px;width: 100%;}
.policy_cont {width: 63.89%;margin: 0 auto;position: relative;}
.policy_img1 {width: 100%;}
.policy_tit {text-align: center;position: absolute;width: 100%;top: 0;left: 0;}
.policy_tit h6 {font-size: 24px;color: #282F9D;padding: 61px 0 23px;}
.policy_tit a {}
.policy_tit a img {}
@media screen and (max-width: 1500px) {
.policy_box {top: 30px;}
.policy_tit h6 {padding: 40px 0 23px;}
}
@media screen and (max-width: 1400px) {
.policy_box {top: 30px;}
.policy_tit h6 {padding: 30px 0 23px;}
}
@media screen and (max-width: 1200px) {
.policy_box {top: 30px;}
.policy_tit h6 {padding: 20px 0 23px;}
}
@media screen and (max-width: 1050px) {
.policy_box {top: 30px;}
.policy_tit h6 {padding: 20px 0 20px;font-size: 21px;}
}
/* 政策查询 end*/
/* 特色产品 */
.feature_product {position: relative;border-radius: 10px;overflow:hidden;}
.feature_product>img {width: 100%;transition:all 0.4s}
.feature_product:hover img{transform:scale(1.05)}
.feature_box {width: 57.4%;position: absolute;top: 0;right: 0;}
.feature_box ul {display: flex;margin-top: 82px;}
.feature_box ul li {width: 25%;margin-left: 68px;}
.feature_box ul li:first-child {margin-left: 0px;}
.feature_box ul li h6 {font-size: 24px;font-weight: 600;margin-bottom: 49px;border-left: 6px solid #FFAA0B;padding-left: 12px;}
.feature_box ul li h6 a {font-size: inherit;font-weight: inherit;}
.feature_box ul li p {font-size: 18px;line-height: 32px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
@media screen and (max-width: 1700px) {
.feature_box ul {margin-top: 70px;}
.feature_box ul li h6 {margin-bottom: 35px;}
}
@media screen and (max-width: 1600px) {
.feature_box ul {margin-top: 60px;}
.feature_box ul li h6 {margin-bottom: 30px;}
}
@media screen and (max-width: 1500px) {
.feature_box ul li {margin-left: 50px;}
}
@media screen and (max-width: 1400px) {
.feature_box ul {margin-top: 50px;}
.feature_box ul li h6 {margin-bottom: 25px;}
}
@media screen and (max-width: 1300px) {
.feature_box ul {margin-top: 40px;}
}
@media screen and (max-width: 1200px) {
.feature_box ul {margin-top: 30px;}
.feature_box ul li h6 {font-size: 21px;}
}
@media screen and (max-width: 1080px) {
.feature_box ul li h6 {font-size: 18px;}
.feature_box ul li p {font-size: 14px;line-height: 25px;}
}
/* 特色产品 end*/
/* 代客外汇交易 */
.ph_The_guest {display: none;}
.The_guest {}
.The_guest ul {display: flex;justify-content: space-between;}
.The_guest ul li {width: 48.75%;position: relative;border-radius: 15px;overflow:hidden;}
.The_guest ul li>img {width: 100%;transition:all 0.4s}
.The_guest ul li:hover img{transform:scale(1.05)}

.guest_tit {position: absolute;top: 53px;right: 0;width: 50%;padding-right: 54px;}
.guest_tit h6 {font-size: 24px;}
.guest_tit p {font-size: 18px;line-height: 32px;margin: 28px 0 31px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.guest_tit a {display: flex;align-items: center;justify-content: center;width: 164px;height: 46px;border-radius: 5px;background-color: #282F9D;transition: 0.5s;}
.guest_tit a:hover{background-color: #FFA90B;}
.guest_tit a span {font-size: 17px;margin-right: 17px;color: #ffffff;}
.guest_tit a img {}
@media screen and (max-width: 1700px) {
.guest_tit p {margin: 20px 0;}
.guest_tit a {width: 150px;height: 40px;}
}
@media screen and (max-width: 1550px) {
.guest_tit {top: 40px;}
}
@media screen and (max-width: 1450px) {
.guest_tit {top: 25px;}
.guest_tit {padding-right: 25px;}
}
@media screen and (max-width: 1350px) {
.guest_tit p {line-height: 25px;margin: 15px 0;}
}
@media screen and (max-width: 1200px) {
.guest_tit a {width: 120px;height: 30px;}
.guest_tit a span {font-size: 14px;margin-right: 10px;}
.guest_tit a img {height: 14px;}
}
@media screen and (max-width: 1100px) {
.guest_tit h6 {font-size: 21px;}
.guest_tit p {font-size: 16px;margin: 10px 0;}
}
/* 代客外汇交易 */

/* 个人外汇业务 */
.personage {}
.personage ul {display: flex;justify-content: space-between;}
.personage ul li {width: 23.4%;border-radius: 10px;overflow: hidden;}
.personage ul li a {transition: 0.5s;display: block;}
.personage ul li a img {width: 100%;transition:all 0.4s}
.personage ul li a h6 {font-size: 18px;color: #333333;padding: 38px 0;text-align: center;background-color: #F7F8FA;transition: 0.5s;}
.personage ul li a:hover h6 {color: #ffffff;background-color: #FFA90B;}
.personage ul li a:hover img{transform:scale(1.05)}
@media screen and (max-width: 1700px) {
.personage ul li a h6 {padding: 25px 0;}
}
@media screen and (max-width: 1500px) {
.personage ul li a h6 {padding: 20px 0;}
}
@media screen and (max-width: 1100px) {
.personage ul li a h6 {padding: 15px 0;font-size: 14px;}
}
/* 个人外汇业务 end*/
/* 汇款路线 */
.remit_route {margin-bottom: 109px;}
.remit_route ul {display: flex;justify-content: space-between;}
.remit_route ul li {width: 14.28%;}
.remit_route ul li a {display: block;text-align: center;}
.remit_route ul li a img {transition: transform 0.3s ease;}
.remit_route ul li:hover a img{transform: rotateY(180deg); }
.remit_route ul li a h6 {font-size: 19px;color: #333333;padding-top: 38px;text-align: center;}
@media screen and (max-width: 1600px) {
.remit_route {margin-bottom: 80px;}
.remit_route ul li a h6 {font-size: 17px;padding-top: 30px;}
}
@media screen and (max-width: 1450px) {
.remit_route {margin-bottom: 60px;}
.remit_route ul li a h6 {font-size: 15px;padding-top: 25px;}
}
@media screen and (max-width: 1300px) {
.remit_route {margin-bottom: 40px;}
.remit_route ul li a h6 {font-size: 13px;padding-top: 20px;}
}
@media screen and (max-width: 1100px) {
.remit_route ul li a h6 {font-size: 12px;}
}
/* 汇款路线 end */

/* ---------------------分割线------------------------ */
/* 手机样式 */
@media screen and (max-width: 999px) {

/* 国际结算 与 贸易融资 */
.Settle_account ul li a p {color: #333}
/* 国际结算 与 贸易融资 end*/
/* 跨境人民币结算 */
.Cross_box {position: initial;background: url(/eportal/imageDir/jnbank/2023/07/img_pc_site/2023072109341955051.png) no-repeat;background-size: cover;border-radius: 10px;}
.Cross_cont {width: 100%;background: url(/uiFramework/commonResource/image/2023072109363513597.png) no-repeat;background-size: cover;padding: 20px 0;}
.Cross_img1 {display: none;}
.Cross_img2 {display: none;}
.Cross_tit {position: initial;}
.Cross_tit h6 {font-size: 26px;}
.Cross_tit p {font-size: 16px;line-height: 22px;}
/* 跨境人民币结算 end*/
/* 特色产品 */
.feature_product>img {display: block;}
.feature_box {position: initial;width: 100%;}
.feature_box ul {display: block;}
.feature_box ul li {margin-left: 0;width: 100%;margin-bottom: 20px;}
.feature_box ul li h6 {margin-bottom: 10px;}
.feature_box ul li p {line-height: 20px;display:none;}
/* 特色产品 end*/

/* 代客外汇交易 */
.pc_The_guest {display: block;}
.ph_The_guest {display: block;}
.The_guest ul {display: block;}
.The_guest ul li {width: 100%;margin-bottom: 20px;}
.The_guest ul li>img {display: block;}
.guest_tit {position: initial;width: 100%;padding: 20px 10px;border-radius: 5px;}
.guest_tit h6,.guest_tit p{display:block}
.guest_tit a{margin:0 auto;}
/* 代客外汇交易 end*/

/* 个人外汇业务 */
.personage ul {flex-wrap: wrap;}
.personage ul li {width: 48%;margin-bottom: 10px;}
/* 个人外汇业务 end*/

/* 汇款路线 */
.remit_route ul {flex-wrap: wrap;}
.remit_route ul li {width: 50%;margin-bottom: 15px;}
.remit_route ul li a h6 {font-size: 14px;}
/* 汇款路线 end*/
.GJ-TIT h6{font-size: 24px;}
}
.cont1_box {display: flex;border: 1px solid #E3E3E4;border-top-right-radius: 45px;border-bottom-left-radius: 45px;background-color: #F7F8FA; overflow:hidden;}