/* 个人金融二级页面start */
/* 右边栏 */
.grServer{height: 300px;}
.grOther, .grNotice{height: 421px;}
.orther-border{border: 1px solid #ffffff}
.tip-box{margin-top: 30px; height: 265px; border-radius: 5px; position: relative;transition: all 0.2s;background: url(../images/grjr/ortherBgimg.png) no-repeat 50%}
.tip-box:hover{transform: scale(1.1);-ms-transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);}
.tip-box h1, .tip-box>p{margin-left: 23px;line-height: 25px}
.tip-box h1{color: #D91723;font-size: 28px;margin-top: 54px;margin-bottom: 14px;}
.tip-box h2{font-size: 24px;color: #333333;margin-left: 24px;margin-top: 31px;}
.fSize12{font-size: 12px;}.fSize14{font-size: 14px;}.fWeight6{font-weight: 600}
.tip-box p span{ background: url(../images/grjr/orthersel.png) no-repeat 0;padding-left: 16px; box-sizing: border-box;display: block; float: left; margin-right: 1px;}
.tip-box>img{width: 100%;height: 100%}
.btn-box{ border-radius: 10px; width: 148px;height: 40px;line-height: 40px; text-align: center;font-size: 14px;}
.btn-red{position: absolute;bottom: 42px; left: 17px;background:url(../images/grjr/btnBgimg.png) no-repeat 100%; color: #ffffff;}
.noticeList{border: 1px solid #E8E8E8;margin-top: 30px; padding: 25px 18px 25px 13px;box-sizing: border-box; border-radius: 5px;}
.noticeList li{margin-top: 19px;background: url(../images/wljr/Oval.png) no-repeat 0 2px;padding-left: 20px;font-size: 14px;color: #444444;}
.noticeList li:first-child{margin-top: 0;}
.noticeList li a{color: #333333}
.noticeList li a:hover{color: #d70c19}
.noticeList li a p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.moregr{position: absolute;right: 0; bottom: 15px;width: 55px;height: 30px;line-height: 30px;background: url(../images/wljr/more.png) no-repeat 100%;}

/* 存款产品 */
.ck-item{height: 300px;width: 100%}
.ck-box{padding: 30px 0;}
.ck-box li{float: left;width: 31%;height: 165px;margin-left: 24px;border-radius: 8px;position: relative;overflow: hidden;background:url(../images/grjr/CKbgimg.png) no-repeat 0;border-right: 1px solid #E8E8E8;}
.ck-box li:first-child{margin-left: 0;}
.ck-box li .bgPic{height: 100%;width: 100%;}
.ck-box li .bgPic:hover{background: rgba(250, 250, 250, 0.5)}
.ck-box li:hover .box2 p a{color: #D70C19;}
.ck-box .box1{height: 102px;margin-left: 25px;padding-top: 27px;box-sizing: border-box;}
.ck-box .box1 .p1{border-bottom: 2px solid #D90C19;color: #D70C19;font-family: Helvetica;font-weight: 600;font-size: 14px;width: fit-content;line-height: 24px;max-width: 135px;overflow: hidden;height: 24px;}
.ck-box .box1 .p2{color: #333333;font-weight: 600;font-size: 24px;height: 32px;line-height: 32px;}
.ck-box .box2{width: 33%;height: 55px; position: absolute;bottom: 0;left: 25px; line-height: 46px;}
.ck-box .box2 p a{position: absolute;font-size: 14px; color: rgb(170,170,170); height: 28px; line-height: 28px;  width: 87px; background: url(../images/grjr/right.png) no-repeat 62px 0px;}
/* .ck-box .box2 p a:visited{color: rgb(170,170,170);} */

/* 投资理财 */
.lc-item{height: 565px;width: 100%;}
.lc-item-box{display: block;width: 100%;height: 133px;border:1px solid #E8E8E8;border-radius: 8px;overflow: hidden;color: #333333;margin-bottom: 10px;}
.lc-item-box:hover{background-color: #fafafa;}
.lc-item-text>dt{font-family: MicrosoftYaHei; font-size: 14px;font-weight: 400;color: #333333}
.lc-item-box:hover .lc-item-text>dt{color: #d70c19;}
.lc-item-text{height: 100%;width: 69%;float: left;padding:24px 0px 24px 30px;;box-sizing: border-box;}
.lc-item-text dd{width: 29.5%;height: 100%;float: left;height: 70px; line-height: 30px; margin: 10px 5px 10px 0;}
.lc-item-text dd .p1{font-weight: 600;color: #D91723;font-size: 28px;}
.lc-item-text dd .p1 span{font-size: 12px;color: #D90C19;}
.lc-item-text dd .p2{font-weight: 600;font-size: 20px;color: #333333; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} 
.lc-item-text dd .p3{font-size: 16px;color: #333333; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} 
.lc-item-text dd .p4{font-weight: 600;color: #D91723;font-size: 22px;}
.lc-item-text dd span{font-size: 12px;color: #666666} 
.lc-item-box img{height: 100%;width: 31%;float: right;} 

/* 个人贷款 */
.dk-item{width: 100%;height: 300px;}
.dk-content{padding: 30px 0px;box-sizing: border-box;width: 100%;}
.dk-content .box{float: left;width: 48.2%;height:168px;border: 1px solid #E8E8E8;border-radius: 8px;position: relative;}
.dk-content .box:nth-child(2n){margin-left: 3%;}
.dk-content .box .img-box{width: 42%;height: 100%;float: left;border-radius: 8px 0 0 8px;}
.dk-content .box .videoImg{width: 42%;height: 100%;left: 0;}
.dk-content .box img:hover{transform: scale(1.1);-ms-transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);}
.dk-content .box>div{width: 58%;height: 100%;float: left;position: relative;padding: 0px 10px 0px 15px; box-sizing: border-box;}
.dk-content .box>div h3{padding-top: 20px;}
.dk-content .box>div h4{padding-top: 10px;font-weight: 400;}
.dk-content .box>div:hover{background: #fafafa}
.dk-content .box>div:hover h3{color: #D70C19}
.dk-content .box>div:hover h4{color: #D70C19}
.dk-content .box>div .title-grdk{margin: 30px 0 0 50px;}
.dk-content .box>div>p{font-size: 12px;color: rgb(170,170,170);line-height: 20px;padding: 10px 0;}
.dk-content .box>div .box-handle{position: absolute;right: 30px; bottom: 47px;background:url(../images/grjr/btnBgimg.png) no-repeat 100%;color: #ffffff;}
.dk-content .box>div .btn-more{position: absolute;right: 7px; bottom: 7px;width: 55px;height: 30px;line-height: 30px;background: url(../images/wljr/more.png) no-repeat 100%;}
.adv-img{width: 100%;height: 193px;border-radius: 10px;overflow: hidden;margin-top: 40px;position: relative;}
.adv-img li,.adv-img .banner-box{display: block;width: 100%;height: 193px; position: relative;}
.adv-img .banner-box .banner-img{width:100%;height:100%;}
.bannerVdieoImg{width:100%;height:100%;top: 0%}
.adv-page{display:block;position: absolute;right:20px;bottom:15px;z-index:15;}
.adv-page span{display:block;float:left;width:9px;height:9px;overflow:hidden;line-height:9px;margin-left:6px;cursor:pointer;position:relative;}
.adv-current{display:block;width:8px;height:9px;overflow:hidden;line-height:7px;background:url(../images/1024/show3.png) no-repeat center 0px;}
.clearfloat{clear: both;height: 0;font-size: 0;line-height: 0;}

/* 特色业务 */
.ts-item{width: 100%;height: 450px;padding-top: 50px;}
.ts-context{padding: 30px 0;box-sizing: border-box;width: 100%;height: 375px;overflow: hidden;position: relative;}
.ts-context-ul{height: 100%;border-radius: 5px;overflow: hidden;position: relative;}
.ts-context-ul li{width: 250px;height: 100%; float: left;}
.ts-context-ul li:hover{transform: scale(1.1);-ms-transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);}
.ts-context-ul li>div{width: 100%;height: 100%;padding: 40px 50px; box-sizing: border-box; text-align: center;position: relative;line-height: 34px;}
.ts-context-ul li>div:hover{background-image: linear-gradient(0deg, rgba(255,39,39,0.7) 9%, rgba(252,81,92,0.7) 91%);}
.ts-context-ul li>div:hover>p{font-weight: 600;}
.ts-context-ul li>div img{width: 42px;height: 42px;margin-top: 50px;}
.ts-context-ul li>div>p,.ts-context-ul li>div>span{color: #ffffff;}
.ts-context-ul li>div>p{font-size: 24px; font-weight: 400; margin-top: 15px;}
.ts-context-ul li>div>span{font-size: 14px;}
.btn-light{position: absolute;bottom: 40px;left:0;right:0; border: 1px solid #ffffff;color: #ffffff;margin: 0 auto;}
.btn-left,.btn-right{position: absolute;top: 44%;width: 54px;height: 54px;z-index: 100;}
.btn-right{right:0;background: url(../images/grjr/nextpage.png) no-repeat 50%;cursor: pointer;} 
.btn-left{left:0;background: url(../images/grjr/prepage.png) no-repeat 50%;cursor: pointer;} 

/* 信息列表（优惠活动+财富资讯） */ 
.msg-list{width: 100%;height: 270px;}
.msg-list-box{width: 48%;height: 80%;float: left;}
.ml4{margin-left: 4%;}
.msg-list-box ul{padding-top: 30px;}
.msg-list-box ul li{width: 100%;height: 30px;line-height: 30px;}
.msg-list-box ul li a{display: block; width: 100%; height: 100%;}
.msg-list-box ul li a:hover .p1,.msg-list-box ul li a:hover .p2{color: #d70c19}
.msg-list-box ul li .p1{width: 72%;float: left;font-size: 14px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #333333}
.msg-list-box ul li .p2{float: right;font-size: 12px;color: #888888}
/* 个人金融二级页面end */

/* 公司金融二级页面start */
/* 重点推荐 */
.gs-push{height: 420px;}
.gs-push-item{height: auto;padding: 30px 0;box-sizing: border-box;}
.gs-push-item li{float: left;width: 30.9%;height: 260px;margin-left: 24px;border: 1px solid #E8E8E8;border-radius: 8px;overflow: hidden;}
.gs-push-item li:first-child{margin-left: 0%;}
.gs-push-item li:hover{background: #fafafa}
.gs-push-item li:hover .text a{color: #D70C19}
.gs-push-item li .img-box{width: 100%;height: 134px;}
.gs-push-item li .text{padding: 0px 13px;box-sizing: border-box;}
.gs-push-item li .text a{display: block;height: 51px;width: auto;line-height: 51px;position: relative;font-size: 14px;color: #333333;font-weight: 600;}
.gs-push-item li .text a img{width: 20px;height: 20px;margin-left: 9px;position: absolute; top: 16px;}
.gs-push-item li .text>p{font-size: 12px;color: #666666;}

/* 主要业务 */
.gs-main{height: 700px;}
.gs-main .dk-content .box2{width: 33%;height: 33px; position: absolute;bottom: 2px; right: 21px;line-height: 46px;}
.gs-main .dk-content .box2 p a{position: absolute;font-size: 12px; color: rgb(170,170,170); height: 28px; line-height: 28px;width: 87px; background: url(../images/wljr/right.png) no-repeat 55px 0px;}
/* 公司金融二级页面end */

/* 小企业金融二级页面start */
.btn-check{position: absolute;left: 24px;bottom: 25px; width: 190px;height: 40px;line-height: 40px;text-align: center; background:url(../images/xqyjr/btnRed.png);color: #ffffff;font-size: 16px;}
.dk-box{padding: 20px 0;box-sizing: border-box;height: 270px;}
.dk-box .img1{width: 100%;height: 65.44px;margin: 10px 0;}
.dk-box .img2{width: 100%;height: 122px;}
.card-box img{width: 100%;height: 134px;margin-top: 30px;}
.introduce{width: 351px; height: 58px;font-family: MicrosoftYaHei;font-size: 14px;color: #666666; letter-spacing: 0; line-height: 22px; font-weight: 400;}
.nav-thr-content{width: 310px;}
.nav-thr-content .nav-thr-tit{min-width: 30%;float: left;background: url(../images/wljr/Oval.png) no-repeat 0;padding: 10px 0px 10px 15px;box-sizing: border-box;margin-right: 3%;}
.nav-thr-tit a{margin-left: 7px;color: #333333;} 
.nav-thr-tit a:hover{color: #d70c19}
/* 小企业金融二级页面end */

/* 今日华夏start */
/* 华夏风采 */
.fc-box{width: 100%;height: 335px;}
.adv-hx{width: 320px;height: 182px;border-radius: 10px;overflow: hidden;position: relative;float: left;}
.adv-hx .banner-box{display: block;width: 320px;height:182px;position: relative;}
.adv-hx .banner-box > p{position: absolute;bottom: 17px;left: 18px;width: 70%;color: #fff;background: url(../images/grjr/whiteArrow.png) no-repeat 100% 50%;}
.adv-hx .banner-box .banner-img{width:100%;height:100%;}
.adv-hx .banner-box .bannerVdieoImg{width:100%;height:100%;top: 0%;left:0}
.nav-hx-tit{width: 410px; height: 36px; line-height: 36px;float: right;}
.nav-hx-tit a{display: block; width: 100%; height: 100%;}
.nav-hx-tit .p1{width: 256px;float: left; font-size: 14px;color: #333333;}
.nav-hx-tit .p2{width: 71px;float: right;font-size: 12px;color: #888888;}
.nav-hx-tit a:hover .p1,.nav-hx-tit a:hover .p2{color: #d70c19}
/* 投资者关系 */
.tz-box{width: 100%;height: 335px;}
.nav-list-tit{width: 355px; height: 37px; line-height: 37px;}
.nav-list-tit a{display: block; width: 100%; height: 100%;}
.nav-list-tit .p1{float: left; font-size: 14px;color: #333333;}
.nav-list-tit .p2{width: 71px;float: right;font-size: 12px;color: #888888;}
.nav-list-tit a:hover .p1,.nav-list-tit a:hover .p2{color: #d70c19}
/* 今日华夏end */ 

/* 首页start */
/* 公告栏 */
.notice-show{height: 31px;line-height: 31px; background: rgba(216, 216, 216, 0.35); border-radius: 19.5px;padding: 0 15px;box-sizing: border-box;margin: 15px 0;}
.notice-show p{font-size: 12px; color: #666666;margin: 0 15.8px;width: 90%;float: left;}
.notice-show .img1{display: block;width: 15.2px;height: 100%;background: url(../images/main/notice.png) no-repeat 0 50%;float: left;}
.notice-show .img2{display: block;width: 15.2px;height: 100%;background: url(../images/main/noticeMore.png) no-repeat 100% 50%;float: right; }
/* 快捷栏 */
.quick-main{background: #FFFFFF;border: 1px solid #E8E8E8;box-shadow: 0 0 8px 0 rgba(0,0,0,0.09);border-radius: 7px;width: 100%;height: 129px; position: relative;overflow: hidden;}
.quick-main li{float: left;height: 100%;padding: 22px 50px;box-sizing: border-box;text-align: center;}
.quick-main li p{font-size: 14px;color: #333333; text-align: center;}
.quick-main li:hover p{color: #D90C19;}
.more-quick{display: block;width: 15%;height: 100%;line-height: 163px; text-align: center;color: #888888;font-size: 12px;float: left;padding: 0 42px;box-sizing: border-box;background: url(../images/grjr/right.png) no-repeat 50% 40%;position: absolute;top: 0; right: 0;}
.back-quick{display: block;width: 15%;height: 100%;line-height: 163px; text-align: center;color: #888888;font-size: 12px;float: left;padding: 0 42px;box-sizing: border-box;background: url(../images/main/qLeft.png) no-repeat 50% 40%;position: absolute;top: 0; right: 0;}
/* 投资理财 */
.main-lc{width: 23%;height: 253px;border:1px solid #E8E8E8;border-radius: 7px;color: #333333;margin-left: 2.4%;float: left;padding: 21px 15px;box-sizing: border-box;text-align: center;position: relative;}
.main-lc:first-child{margin-left: 0;} 
.main-lc:hover .lc-btn{background: #B12121;border-radius: 7px;}
.main-lc-ys{width: 23%;height: 253px;border-radius: 7px;color: #ffffff;float: left;padding: 21px;box-sizing: border-box;text-align: center;position: relative;background: url(../images/main/ysimg.png) no-repeat 0;}
.data-show,.ysdata-show{width: 100%; height: 80%;}
.data-show dt{font-size: 16px; color: #333333; font-weight: 600;height: 41px;line-height: 35px;width: 100%; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.main-lc:hover .data-show dt{color: #D70C19;}
.data-show .p1{border: 1px solid #C2A675;color: #C2A675;min-width: 68px;height: 21px;line-height: 21px;font-size: 10px;display: inline-block;vertical-align: middle;}
.data-show .p2{font-size: 40px; color: #D70C19;font-weight: 600;height: 62px;line-height: 67px;}
.data-show .p3{font-size: 12px; color: #999999;}
.ysdata-show dt{font-size: 16px; color: #ffffff; font-weight: 600;height: 41px;line-height: 35px;width: 100%; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.ysdata-show .p1{border: 1px solid #ffffff;color: #ffffff;min-width: 64px;height: 21px;line-height: 21px;font-size: 10px;display: inline-block;vertical-align: middle;}
.ysdata-show .p2{font-size: 40px; color: #ffffff;font-weight: 600;height: 62px;line-height: 67px;}
.ysdata-show .p3{font-size: 12px; color: #ffffff;}
.fs12{font-size: 12px;}  .fs20{font-size: 20px;}
.lc-btn{display: block;position: absolute;bottom: 21px;left: 43px;width: 150px;height: 40px;line-height: 40px;background:url(../images/grjr/btnBgimg.png) no-repeat 100%;color: #ffffff;font-size: 14px;}
.lc-btn-light{display: block;position: absolute;bottom: 21px;left: 43px;width: 150px;height: 40px;line-height: 40px;color: #ffffff;font-size: 14px;border: 1px solid #ffffff;border-radius: 5px;}
.main-metal{width: 23%;height: 251px;border:1px solid #E8E8E8;border-radius: 7px;color: #333333;margin-left: 2.4%;float: left;text-align: center;position: relative;overflow: hidden;}
.main-metal:first-child{margin-left: 0;}
.main-metal img{width: 100%;height: 174px;}
.main-metal .mName{width: 90%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-left: 5%;font-size: 16px;color: #333333;height: 33px;line-height: 37px;}
.main-metal .mPray{font-size: 20px;color: #D70C19;position: absolute;bottom: 16px;left: 0; right: 0;}
.main-lc:hover,.main-metal:hover{background: #FAFAFA;}
.main-metal:hover .mName{color: #D70C19;}
/* 生活金融 */
.main-dk-img{width: 663px;height: 320px;float: left;}
.main-dk-tip{width: 305px;float: right;border-bottom: 1px solid #E8E8E8;background: url(../images/wljr/right.png) no-repeat 100% 50%;}
.main-dk-tip:nth-last-child(2){border-bottom: 0px;}
.mt30{margin-top: 30px;}
.main-dk-tip .p1{color: #333333;font-size: 18px;height: 30px;line-height: 30px;font-weight: 600;}
.main-dk-tip .p2{color: #666666;font-size: 14px;height: 45px;}
.main-dk-tip .p3{color: #666666;font-size: 14px;height: 52px;line-height: 52px;}
.main-dk-tip:hover .p1,.main-dk-tip:hover .p2,.main-dk-tip:hover .p3{color: #D70C19;}
/* 今日华夏 */
.video-auto{display: block; width: 492px;height: 238px;float: left;position: relative;}
.video-box{width: 100%;height: 100%;border-radius: 10px;overflow: hidden;position: relative;float: left;}
.mainVdieoImg{width: 100%;height: 100%;left: 0;}
.main-hx-tit{width: 470px; height: 47px; line-height: 47px;float: right;}
.main-hx-tit a{display: block; width: 100%; height: 100%;}
.main-hx-tit .p1{width: 380px;float: left; font-size: 14px;color: #444444;}
.main-hx-tit .p2{width: 75px;float: right;font-size: 12px;color: #888888;}
.main-hx-tit a:hover .p1{color: #d70c19}
/* 首页end */

