/*
* @Author: sunjijing
* @Date:   2021-08-03 09:37:33
* @Last Modified by:   sunjijing
* @Last Modified time: 2021-08-04 10:15:33
*/
* { font-family: "OS-R", "微软雅黑", Arial; }
 .txt .smy , .jgjr_con .txt{ text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow:hidden;}
/* 二级banner */
#banner { padding-bottom: 100px; background: url(/bbgow/template/page/grjr/banner_bg.png); }
.banner_but { position: absolute; bottom: 130px !important; text-align: center; z-index: 10; width: 100%; }
.banner_but li { display: inline-block; width: 14px; height: 14px; border-radius: 50%; background: #fff; margin: 0 5px; }
.banner_but li.on { background: #ef7c00; }
.pageinfo { position: absolute; top: 50%; z-index: 10; left: 50%; margin-left: -540px; margin-top: -58px; }
.pageinfo .title { font-size: 56px; font-family: "OS-M"; color: #0441a3; }
.pageinfo .smy { font-size: 28px; font-family: "OS-L"; color :#34465d; line-height: 1.5em; }

/* 理财产品 */
#lccp_con .eps-shadow.eps-dn { top: 20px !important; left: 0 !important; }
.lccp .mkTit { padding-top: 45px; }
.lccp_list { }
.lccp_list li { float: left; width: 282px; height: 312px; background: url(cp_bg.png) no-repeat center; -margin: 0 9px; padding: 25px 0px; background-size: 100% 100%; text-align: center; border-radius: 25px 0 25px 25px; }
.lccp_list li .name a { font-size: 24px; font-family: "OS-B", "微软雅黑"; color: #4d6fa0; }
.lccp_list li .issues a { font-size: 24px; line-height: 1.5em; color: #4d6fa0; margin-bottom: 15px; }
.lccp_list li .type { font-size: 16px; color: #4d6fa0; }
.lccp_list li .num { font-size: 40px; font-family: "OS-B", "微软雅黑"; color: #4d6fa0; }
.lccp_list li .limit { margin-top: 25px; }
.lccp_list li .limit > div { width: 49%; font-size: 16px; color: #4d6fa0; }
.lccp_list li .limit > div font { font-size: 20px; font-family: "OS-B", "微软雅黑"; display: block; margin-top: 10px; }
.lccp_list li .limit .fl { border-right: 1px solid #4d6fa0; }
.lccp_list li .buy { width: 160px; height: 48px; display: block; line-height: 48px; text-align: center; margin: 20px auto 0; font-size: 18px; border: 1px solid #4d6fa0; border-radius: 6px 0 6px 6px; color: #4d6fa0; }
.lccp_list li:hover { background-image: url(cp_bg_hov.png); }
.lccp_list li:hover .name a, .lccp_list li:hover .issues a, .lccp_list li:hover .type, .lccp_list li:hover .num, .lccp_list li:hover .limit > div { color: #fff; }
.lccp_list li:hover .limit .fl { border-color: #fff; }
.lccp_list li:hover .buy { background: #fc7910; border-color: #fc7910; color: #fff; }
.lccp_page { text-align: center; margin-top: 40px; }
.lccp_page a { cursor: pointer; margin: 0 40px; filter: alpha(opacity=50); opacity: 0.5; transition: all ease-in-out 500ms; }
.lccp_page a:hover { filter: alpha(opacity=100); opacity: 1; }
.lccp_page .lcTips { font-size: 14px; color: #333; position: absolute; left: 0; }

/* 存款业务 */
#ckyw_con .eps-shadow.eps-dn { top: 20px !important; left: 0 !important; }
.ckyw { margin-bottom: 50px; }
.ckyw .mkTit { padding-top: 45px; }
.ckyw_con .txt, .ckyw_con .img { width: 49.5%; }
.ckyw_con .txt { float: left;  }
.ckyw_con .img { float: right; }
.ckyw_con .txt .smy { width: 90%; font-size: 18px; color: #34455d; line-height: 32px; margin-bottom: 25px; height: 96px; overflow: hidden; text-align: justify;    overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.item_nav li { margin-right: 20px; float: left; font-size: 24px; color: #34455d; line-height: 64px; }
.item_nav li a { font-size: 24px; color: #34455d; line-height: 64px; }
.item_nav li.on a { color: #0441a3; font-family: "OS-B"; text-decoration: underline; }
.ckyw_con .img { width: 580px; -height: 280px; object-fit: cover; }

/* 机构金融 */
.jgjr { margin-bottom: 50px; }
.jgjr_con { margin-bottom: 50px; }
.jgjr_item.item01 { float: left; }
.jgjr_item.item02 { float: right; }
.jgjr_item { width: 490px; height: 320px; border-radius: 20px; border: 1px solid #bfbfbf; padding: 0 50px; }
.jgjr_item .tit { height: 115px; line-height: 115px; min-width: 180px; display: inline-block; border-bottom: 1px solid #ccc; margin-bottom: 30px; }
.jgjr_item .tit a { font-size: 30px; color: #34455d; }
.jgjr_item .txt { line-height: 30px; font-size: 18px; color: #34455d; width: 270px; max-height: 120px; overflow: hidden; }
.jgjr_item .more { font-size: 18px; color: #0441a3; margin-top: 20px; display: block; }
.jgjr_item .more img { margin-left: 12px; }

/* 信贷业务 */
.xdyw { margin-bottom: 50px; }
.xdyw_list .swiper-slide { width: 590px; }
.xdyw_item { height: 320px !important; border-radius: 20px; border: 1px solid #bfbfbf;  }
.xdyw_item .tit { height: 115px; line-height: 115px; width: 180px; display: inline-block; border-bottom: 1px solid #ccc; margin-bottom: 30px; margin-left: 50px; white-space: nowrap; }
.xdyw_item .tit a { font-size: 30px; color: #34455d; }
.xdyw_item .txt { line-height: 35px; font-size: 18px; color: #34455d; width: 270px; margin-left: 50px; max-height: 140px; overflow: hidden; }
.xdyw_item .txt a{font-size: 18px; color: #34455d;}
.xdyw_item .txt p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.xdyw_page { text-align: center; margin-top: 22px; }
.xdyw_page a { cursor: pointer; margin: 0 40px; filter: alpha(opacity=50); opacity: 0.5; transition: all ease-in-out 500ms; }
.xdyw_page a:hover { filter: alpha(opacity=100); opacity: 1; }

/* 国际业务 */
.gjyw { margin-bottom: 80px; }

/* 同业金融 */
.tyjr { background: url(/uiFramework/commonResource/image/2021080508564759675.jpg) no-repeat top center; padding: 70px 0 80px; }
.tyjr .jgjr_con .txt  { text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}

/* 适配样式 */
@media screen and (max-width: 1306px) {
	/* 二级banner */
	#banner { padding-bottom: 0; background: none; }
	/*.banner_list li img { width: 100vw; height: 50vw; }*/
	.banner_but { bottom: 30px !important; }
	.pageinfo { left: 4vw; margin-left: 0; }
}

@media screen and (max-width: 1200px) {
	.ckyw_con { display: flex; justify-content: space-between; }
	.ckyw_con.clearfix::after { display: none; }
	.ckyw_con .txt, .ckyw_con .img { width: 48.5%; }
	.ckyw_con .txt .smy { width: 100%; font-size: 16px; line-height: 1.5em; height: 4.5em; }

	.item_nav li { font-size: 16px; line-height: 3em; }
	.item_nav li a { font-size: 16px; line-height: 3em; }

	.jgjr_item { width: 48.5%; height: 250px; background-size: auto 100% !important; }

	.xdyw_item { height: 240px !important; background-size: auto 100% !important; }
	.xdyw_item .tit { height: 70px; line-height: 70px; margin-bottom: 10px; }
}

@media screen and (max-width: 1024px) {
	.ckyw_con { flex-direction: column; }
	.ckyw_con.txt_pic { flex-direction: column-reverse; }
	.ckyw_con .txt, .ckyw_con .img { width: 100%; }
	.ckyw_con .txt .smy { height: auto; }
	.ckyw_con .img img { width: 100%; height: auto; }
}

@media screen and (max-width: 768px) {
	.pageinfo { margin-top: -3rem; }
	.pageinfo .title { font-size: 2.2rem; }
	.pageinfo .smy { font-size: 1.6rem; }
	.banner_list li img { height: 65vw; }

	.jgjr_item { width: 100%; }
	.jgjr_item.item02 { margin-top: 2rem; }
	.jgjr_item .txt { width: 70%; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
        .jgjr_item .tit{height: 80px;line-height: 80px;}
        /*GJJ  10/24新增*/
        .banner_list li img{    height: 45vw;}
}

@media screen and (max-width: 460px) {
	.w1280 { padding-bottom: 0; }

	#jgjr_con { margin-bottom: 4rem; }
	.jgjr, .jgjr_con { margin-bottom: 0; }
	.jgjr_item { padding: 0 2rem; height: 170px; }
	.jgjr_item .tit { height: 5rem; line-height: 5rem; margin-bottom: 10px; }
	.jgjr_item .tit a { font-size: 2.4rem; }
	.jgjr_item .txt { line-height: 2em; font-size: 1.4rem; -webkit-line-clamp: 3; }
	.ckyw_con .txt .smy { margin-bottom: 0; padding: 1.5rem; background: #f6f6f6; }

	#ckyw_con { margin-top: 4rem; }
	.ckyw { margin-bottom: 4rem; }
	.ckyw .mkTit { padding-top: 0; }

	.xdyw_item { height: 200px !important; }
	.xdyw_item .tit { margin-left: 2rem; }
	.xdyw_item .tit a { font-size: 2.4rem; }
	.xdyw_item .txt { font-size: 1.6rem; line-height: 2em; margin-left:1.5em;}
	.xdyw_page { margin-top: 2rem; }
	.xdyw_page a { margin: 0 2rem; display: inline-block; width: 4rem; }
	.xdyw_item .txt p { -webkit-line-clamp: 3; }

	.tyjr .jgjr_item .more { display: none; }
	.ckyw_con .txt .smy { font-size: 14px; display: block; }
}