@charset "utf-8";
.headerCon{ position: fixed;}
@font-face{font-family:"fangz1";src:url("/uiFramework/commonResource/zip/fangzhengFont/fzlthjt.TTF");}
@font-face{font-family:"fangz2";src:url("/uiFramework/commonResource/zip/fangzhengFont/fzzchjt.TTF");}

#fullPage .section{text-align: left;}
.section{ overflow: hidden;}
.bannerCon{ background: url(/uiFramework/commonResource/image/2022030817353621432.jpg) no-repeat center center; background-size: cover; z-index:1; }

.grjrCon{ background: url(grjrbg.jpg) no-repeat center center; background-size: cover; z-index:2;}
.xwphCon{ background: url(/uiFramework/commonResource/image/2022101718065912878.jpg) no-repeat center center; background-size: cover; z-index:3;}
.gsjrCon{ background: url(gsjrbg.jpg) no-repeat center center; background-size: cover; z-index:4;}
.jrscCon{ background: url(jrscbg.jpg) no-repeat center center; background-size: cover; z-index:5;}
.footerCon{ z-index:6;overflow: auto;}

/*banner口号*/
.slogon{position: absolute;top: 30%;left: 20%;z-index:99;}
.slogon p{font-size: 60px;color: #fff;font-weight: 400;font-family: 'fangz2','Microsoft Yahei', Arial;}
.slogon  .fub a{font-size: 30px;color: #fff;font-weight: 400;font-family: 'fangz2', 'Microsoft Yahei', Arial;}

/*快捷通道*/
.kjtdnav {}
.kjtdnav li{padding:16px 0;text-align:center;background: rgba(255,255,255,.9);}
.kjtdnav li a p{font-size:16px;color:#333;line-height:24px;margin-top:10px;}
.kjtdnav li a img{ -o-transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;}
.kjtdnav li:hover p{color:#2693ff;}
.kjtdnav li:hover img{transform:rotate(45deg);}

/*分行的tab切换*/
.thTabs { width: 60%;float:right;}
.thTabs li{float:left;line-height:36px;height:36px;font-size:28px;color:#202020;margin-bottom:10px;margin-right:20px;}
.thTabs li.on{font-weight:550;}
.fhfcMore{text-align:right;margin-bottom:16px;}
.fhfcMore a{font-size:16px;color:#202020;}

/*天行公告*/
.thggBox{background:url(/uiFramework/commonResource/image/2021120310412965715.png) repeat;height:50px;line-height:50px;width:100%;position:absolute;bottom:0;left:0;z-index:800;}
.thgg {}
.thgg .thggTitle {background:url(/uiFramework/commonResource/image/2021120310435052153.png) no-repeat left;width:9%;}
.thgg .thggTitle a{font-size:16px;color:#fff;padding-left:30px;}
#owl-demothgg{width:90%;}
#owl-demothgg .item a{font-size:16px;color:#fff;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 96%; display: block;}

/*第一屏*/

/*理财*/
.bannertab1{ }
   .bklcimg{ }
.bklchd{ position: absolute; right: 0; top:50%; width: 20px; margin-top: -36px; }
.bklchd span{ display:block; width: 10px; height: 10px; border-radius: 50%; background: #fff; margin:7px auto; font-size:0; overflow: hidden; }
.bklchd span.on{ background: #2693ff; }
/*信用卡*/
.xyk{}
.lc_nr li{ background: #fff;padding:20px;}
.nr{width:55%;float:left;background:url(2021083008573949520.png) no-repeat right bottom;height:199px;}
.nr h2,.nr p,.nr span{ padding:0 40px 0 53px;}
.nr h2{padding-top:20px;padding-bottom:20px;}
.nr h2 a{font-size:28px;color:#2693ff;line-height:34px; display: block; overflow: hidden;white-space:nowrap;text-overflow:ellipsis;}
.nr p{font-size:15px;line-height:24px; color: #666666; height:72px; overflow:hidden;}
.nr span{padding-top:20px;display:block;color: #2693ff; font-size: 14px;}
.nrimg{width:45%; float: right; text-align: right;height:199px; overflow: hidden;}
.nrimg img{ width: 100%; height: 100%; object-fit: cover; }
.bklc00,.xyk00,.ddmh00,.djzl00{ display:none;}


/*第二屏-个人金融*/
.grjrTitle{}
.grjrTitle span,.grjrTitle p{ display: inline-block; vertical-align: top; float: left; }
.grjrTitle span{ font-size:28px; line-height:34px; color:#202020; font-weight: bold; }
.grjrTitle p{ }
.grjrTitle p a{  line-height:42px; display: inline-block;margin-right:20px; }
.grjrTitle p a em{font-size:28px;display: inline-block; font-style: normal;color:#202020;}
.grjrTitle p a.on em{ font-weight:550;}
.grjrTitle p i{ font-size:14px; margin:0 20px;display:none; }

.grjrTabCon{position: relative; }
.grjrTabCon .swiper-container{ margin:0 auto 30px; }
/*理财*/
.grjrTabCon{ width: 64%; padding-top: 20px; }
.grjrTabCon .swiper-pagination{ display: none; }
.prev1{ background:#fff url(iconL.png) no-repeat center center; left:-60px; }
.next1{ background:#fff url(iconR.png) no-repeat center center;right: -60px;}
.prev1,.next1{position: absolute; display: inline-block; width: 45px; height: 45px; border-radius: 50%; margin-top: -25px; top:50%;background-size:50%;}
.buttonStop,.nextStop,.prevStop{cursor:default;opacity:0.37;filter:Alpha(opacity=37); }
.grjrTabCon .swiper-slide{ width: 33.33%; float: left; }
.lcCon{background-color: rgba(255,255,255,.8);border-radius: 6px; padding:24px 20px; text-align: center;}

.lcCon h2{ font-size: 16px; line-height: 30px;  text-align: left;   height: 60px;}
.lclv{ font-size: 40px; color: #ff571c; font-weight: bold; line-height: 150%; }
.lclv em{ font-size: 16px; font-style: normal; }
.sy1{ color: #666666; font-size: 12px; line-height: 150%; padding-bottom: 10px; }
.sy2{ border-top: 1px solid #e8f1f8; font-size: 12px; color: #666666; line-height: 150%; padding:10px 0 15px; }
.sy2 i{  width:28px; color: #e8f1f8; font-size: 16px; font-style:normal; display: inline-block;}
.sy2 span{ font-size: 12px; color: #666666;display: inline-block; }
.sy2 span em{ font-size: 18px; color: #333; font-style: normal;     margin-right: 10px;}
.lcmore{ display:block; background: #2590fa; line-height: 34px; color: #fff; border-radius: 6px; }
.lcCon:hover{background: #2693fe url(lcbg.png) no-repeat center top;}
.lcCon:hover h2,.lcCon:hover .lclv,.lcCon:hover .lclv em,.lcCon:hover .sy1,.lcCon:hover .sy2,.lcCon:hover .sy2 span,.lcCon:hover .sy2 span em{ color: #fff; }
.lcCon:hover .lcmore{ background: #fff; color: #2590fa;}
/*理财公告*/
.thBoxs{display:none; width: 60%;float:right;}
.lcggList{ padding:20px;background-color:rgba(255,255,255,.8); }
.lcggList li{ line-height: 24px; border-bottom: 1px solid #bbcddc;padding:24px 0; }
.lcggList li a,.lcggList li span{  vertical-align: top;font-size: 14px; }
.lcggList li span{ display:block; }
.lcggList li a{white-space:nowrap;text-overflow:ellipsis;overflow:hidden; width: 96%;display:block;}

/*储蓄*/
.cx{}
.cx .lcCon h2{height:auto;margin-bottom:8px;}
.cx .lcCon .cxSum{font-size: 14px;text-align: justify;color: #666;line-height:20px;height:40px;overflow:hidden;}
.cx .lcCon .cxImg{margin:10px 0;}
.cx .lcCon .cxMore{font-size:16px;color:#2693fe;display:block;text-align:left;padding-right:12px;}
.cx ul li .cxMore .cxshow{display:none;}
.cx ul li:hover .lcCon .cxSum{color:#fff;}
.cx ul li:hover .cxMore{color:#fff;}
.cx ul li:hover .cxMore .cxshow{display:inline-block;}
.cx ul li:hover .cxMore .cxhide{display:none;}

/*贷款*/
.dk .lcCon h2{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 96%;}

/*信用卡*/
.xyk2 .lcCon1 h2{font-size: 16px; line-height: 30px;  text-align: left;height:40px;overflow:hidden;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 96%;}
.xyk2 .lcCon1 .cxSum{font-size: 14px;text-align: justify;color: #666;line-height:20px;height:40px;overflow:hidden;}
.xyk2 .lcCon1 .cxImg{margin:10px 0;}
.xyk2 .lcCon1 .cxMore{font-size:16px;color:#2693fe;display:block;text-align:left;padding-right:12px;margin-top:9px;}
.xyk2 ul li:hover .cxMore{color:#2693fe;}

/*第三屏 小微普惠*/
.xwphW{ width:58%; float: right; }
.xwphImg{}
.xwphImg li{ position: relative; padding-top: 38px; }
.xwphImg li img{ width: 100%; border-radius: 8px; box-shadow: 10px 10px 20px 0px rgba(0 0 0 / 20%);}
.xwphImg li a{ display: inline-block;position: absolute;bottom: 16px; right: 16px;line-height: 30px; background: #fff;border-radius: 6px;padding: 5px 30px;font-size: 16px; }
.xwphImg li a:hover{ background: #349aff; color: #fff; }

/*第四屏 公司金融*/
.gsjrList,.gsjrimg,.jrscList{ width: 60%; }
.gsjrimg{ padding-top: 27px; }
.gsjrimg img{ width: 100%; }
.gsjrList,.jrscList{ position: relative; }
.gsjrList .swiper-container,.jrscList .swiper-container{ margin:20px auto 0; }
.gsjrList .swiper-pagination,.jrscList .swiper-pagination{ display: none; }
.gsjrList .swiper-slide{ float: left; display: inline-block; width: 33.33%; }
.gsjrListC,.jrscListC{background-color: rgba(255,255,255,.9);border-radius: 6px; padding:20px 18px; text-align: center;}
.gsjrListC h2{ color:#333333; font-size: 18px; text-align: center; line-height: 38px; }
.gsjrcpimg{ display: inline-block; margin:0 auto; background-color: rgba(0,113,227,.1); width: 98px; height: 98px; border-radius: 50%; text-align: center; }
.gsjrcpimg em{ display:inline-block; background: #2693ff; text-align: center;border-radius: 50%; width: 74px; height: 74px; margin-top: 12px; }
.gsjrcpimg em i,.gsjrcpimg em img{ display: inline-block;vertical-align: middle; }
.gsjrcpimg em i{ width: 0; height: 74px; font-size: 0; overflow: hidden;  }
.gsjrcpimg em img{ max-width: 42px; }
.cptd{ margin-bottom: 15px;}
.cptd span,.cptd a{ width: 50%; display: inline-block; font-size: 12px; line-height: 20px; text-align: left; margin-left: -1px; float: left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;    padding: 0 10px; box-sizing: border-box;}
.cptd a i{    width: 6px;height: 6px; font-size: 0;overflow: hidden;background: #2590fa;margin-right: 5px; display: inline-block;vertical-align: middle;margin-bottom:3px;}
.gsjrListC:hover{ background: #2693ff url(gsjrbg.png) no-repeat right bottom; background-size:auto 70%; }
.gsjrListC:hover .gsjrcpimg{background-color: rgba(249,252,255,.1);}
.gsjrListC:hover .gsjrcpimg em{ background:#fff; }
.gsjrListC:hover h2,.gsjrListC:hover .cptd span,.gsjrListC:hover .cptd a,.jrscListC:hover h2,.jrscListC:hover p{ color: #fff; }
.gsjrListC:hover .cptd a i{    background: #fff;}
.gsjrListC:hover .lcmore,.jrscListC:hover .lcmore{ background:#fff; color: #0071e3; }

/*第五屏 金融市场*/
.jrscListC{ padding:0 0 20px; }
.jrscListC h2,.jrscListC p,.jrscListC a{ margin:0 20px; }
.jrscListC h2{ font-size: 18px; line-height: 24px; padding:10px 0 6px; text-align: left;     color: #333;}
.jrscListC p{ text-align: left; font-size: 12px; line-height: 18px; margin-bottom: 25px;height:54px; overflow: hidden;    color: #333;}
.jrsccpimg{ height: 135px; overflow: hidden; display: block; }
.jrsccpimg img{ width: 100%; height: 100%; object-fit: cover; border-radius: 6px 6px 0 0; }
.jrscListC:hover{ background: #2693ff url(jrscbg.png) no-repeat bottom right;}

.jrscCon .footerCon{display: none;}

@media screen and (min-width:1600px){


/*个人金融*/
.grjrTitle span{ font-size: 36px;  line-height: 40px;}
.grjrTitle p{ padding-top: 5px; }
.grjrTitle p a em,.thTabs li{ font-size: 36px; }
.grjrTabCon{width: 68%;padding-top:27px;}
.grjrTabCon .swiper-container{ margin:0 auto 50px; }
.lcCon{ padding:30px 30px 30px; }
.lcCon h2, .lcCon1 h2{font-size: 20px ;color: #333; font-weight: bold;   }
.cx .lcCon h2{margin-bottom:16px;}
.xyk2 .lcCon1 h2{margin-bottom:4px;font-size: 20px ;}
.cx .lcCon .cxSum, .xyk2 .lcCon1 .cxSum{font-size: 16px;line-height:24px;height:auto;overflow:auto;}
.cx .lcCon .cxImg, .xyk2 .lcCon1 .cxImg{margin:13px 0;}
.lclv{ font-size: 52px; padding-top: 20px; }
.lclv em{ font-size: 22px;}
.sy1{ font-size: 14px; padding-bottom:15px;}
.sy2{padding: 15px 0 25px;}
.sy2 span{ font-size: 14px; }
.sy2 span em{ font-size: 24px;  }
.lcmore{ font-size: 18px; line-height: 46px; }
.prev1, .next1{ width: 60px; height: 60px; margin-top: -30px; }
.prev1{ left: -83px; }
.next1{ right:-83px; }
.lcggList li{ line-height: 56px; }
.lcggList li a, .lcggList li span{ font-size: 18px; }
/*公司金融 */
.gsjrList .swiper-container, .jrscList .swiper-container{ margin-top: 35px; }
.gsjrListC{ padding:26px 22px 30px; }
.gsjrcpimg{ width: 130px; height: 130px; }
.gsjrcpimg em{ width: 100px; height: 100px; margin-top: 15px; }
.gsjrcpimg em i{ height: 100px; }
.gsjrListC h2{ font-size: 24px; padding:7px 0; }
.cptd{margin-bottom:22px;}
.cptd span,.cptd a{ font-size: 16px; line-height: 26px; }
.gsjrimg{ padding-top: 36px; }
/*金融市场*/
.jrscCon .conW{ margin-bottom: 110px; }
.jrscListC{ padding:0 0 33px; }
.jrscListC:hover{ background-size:auto 60%; }
.jrsccpimg{ height: 180px; }
.jrscListC h2{ font-size: 24px; line-height: 150%; padding:20px 0 10px; }
.jrscListC p{ font-size: 14px; line-height: 24px; height:72px; }


}
@media screen and (max-width:1365px){

/*第二屏*/
.grjrTabCon,.lcggList,.gsjrList, .gsjrimg, .jrscList,.thBoxs, .thTabs { width: 70%; }
.prev1, .next1{ display: none; }
.grjrTabCon{ position: relative; }
.grjrTabCon .swiper-pagination,.gsjrList .swiper-pagination, .jrscList .swiper-pagination{ display: block; width: 100%; text-align: center; bottom:-30px; }
.section .swiper-pagination-bullet{opacity:1;}
.swiper-pagination span{ display: inline-block; width: 13px; height: 13px; border-radius: 50%; background:#fff; margin:0 5px; }
.swiper-pagination span.on{ background:#2590fa; width:40px; border-radius: 5px; }
.gsjrimg{ padding-top:50px; }
.sy2 span em{ margin-right:0px;}

}
@media screen and (max-width:1023px){
.wylogin{ display: none; }


.grjrCon{ background: url(grjrbg.jpg) no-repeat center right; background-size: cover; z-index:2;}
/*第二屏*/
.grjrTabCon, .lcggList, .gsjrList, .gsjrimg, .jrscList,.thBoxs, .thTabs { width: 80% }
.grjrTitle span{ font-size: 2.4rem; }
.grjrTitle p a em,.thTabs li{ font-size: 1.8rem;marign-right:1rem; }
.grjrTitle p{padding-left:2rem; }
.lcggList li a{ width: 80%; }

.xwphW{ width: 70%; }
.xwphImg li a{ font-size: 1.4rem; padding:0 2rem; line-height: 200%; bottom:1rem; right:1rem; }
.sy2 span em{ margin-right: 0px;}

/*第三屏*/
.gsjrListC h2{margin: 10px 0;    font-weight: bold;}
.cptd a{font-size: 16px;padding: 10px;}

}
@media screen and (max-width:639px){
.fhfcMore a{font-size:14px;}

/*第一屏口号*/
.slogon{left: 4%;}
.slogon p{font-size: 40px;}
.slogon  .fub a{font-size: 20px;}

/*第二屏*/
.grjrTabCon, .lcggList, .gsjrList, .gsjrimg, .jrscList,.xwphW,.thBoxs, .thTabs { width: 100% }
.grjrTabCon{    padding-top: 10px;}
.grjrTitle p{     width: 100%;text-align: center; background: rgba(255,255,255,.8); border-radius: 6px; padding: 5px 0; margin-top: 10px; }
.lcCon h2{    text-align: center;    font-size: 1.8rem; height: auto; }
.xwphImg li a{ font-size: 1.2rem;}
.lcggList li a{ width: 98%; }
.lcggList{    width: 90%;padding: 3% 5%; background: rgba(255,255,255,.8); border-radius: 6px; margin-top: 10px;}

.jrscListC h2{    font-size: 18px; line-height: 30px;padding: 10px 0 10px;font-weight: bold;}
.jrscListC p{height:auto;    font-size: 16px; line-height: 30px; }

/*天行公告*/
.thgg .thggTitle {background:none;width:18%;}
.thgg .thggTitle a{font-size:14px;color:#359bff;padding-left:0px;}
#owl-demothgg{width:82%;}
#owl-demothgg .item a{font-size:14px;}


}
@media screen and (max-width:414px){
/*个人金融*/
.lcCon{ padding:2rem; }
.lclv{ font-size: 3rem; }
.lclv em{ font-size: 1.6rem; }
.lcggList li{ line-height:30px;padding:12px 0; }

}