html,body{background-color: #f7f7f7;} /* START index_banner */ .index_banner{width: 100%;max-width: 1920px; margin: auto; min-width: 1200px; height: 488px;background: url(../images/index_kv.jpg) no-repeat 50% 50%;background-size: cover; } .index_banner .m_banner_container {width: 1200px;height: 488px;margin: auto;position: relative;} .index_banner .m_banner_container .circle{width: 435px;height: 433px;background-image: url(../images/circle.png);position: absolute;left: 372px;top: 20px;} .index_banner .m_banner_container .login_container{width: 247px;height: 301px;background: url(../images/login_container_bg.png) no-repeat 50% 50%;background-size: 100% 100%;position: absolute;right: 0px;top: 45px;} .index_banner .m_banner_container .login_container .login_btn{width: 206px;height: 54px;position: absolute;left: 50%;margin-left: -103px; background-size: 100% 100%;background-position: 50% 50%;background-repeat: no-repeat;} .index_banner .m_banner_container .login_container .person_btn{background: url(../images/person_btn.png); top: 21px;} .index_banner .m_banner_container .login_container .person_btn:hover{background: url(../images/person_btn_hover.png);} .index_banner .m_banner_container .login_container .company_btn{background: url(../images/company_btn.png) ; top: 81px;} .index_banner .m_banner_container .login_container .company_btn:hover{background: url(../images/company_btn_hover.png);} .index_banner .m_banner_container .login_container .financial_btn{background: url(../images/financial_btn.png); top: 171px;} .index_banner .m_banner_container .login_container .financial_btn:hover{background: url(../images/financial_btn_hover.png);} .index_banner .m_banner_container .login_container .business_btn{background: url(../images/business_btn.png);top: 232px;} .index_banner .m_banner_container .login_container .business_btn:hover{background: url(../images/business_btn_hover.png);} .index_banner .m_banner_container .login_container .search_box{width: 206px;height: 32px;position: absolute;left: 50%;margin-left: -103px; top: 142px;} .index_banner .m_banner_container .login_container .search_box a{width: 30%; float: left;color:#4c4c4c;font-weight: bolder;height: 22px;line-height: 22px;text-align: center; font-size: 12px;} .index_banner .m_banner_container .login_container .search_box a:hover{color: #f79b4d;} .index_banner .m_banner_container .login_container .search_box .search_btn{letter-spacing: 6px;} .index_banner .m_banner_container .login_container .search_box .line{width: 1px;height: 22px;background: #000; float: left;margin: 0 2.2%;} .index_banner .m_banner_container .p_nbapp{width: 247px;height: 92px;position: absolute;right: 0px;bottom: 50px;color: #f79b4d;text-shadow: #ffffff 1px 0 0, #ffffff 0 1px 0, #ffffff -1px 0 0, #ffffff 0 -1px 0;} .index_banner .m_banner_container .p_nbapp .text_left{position: absolute;left: 0px;top: 50%;margin-top: -20px;/* transform: translateY(-50%); */font-weight: bolder;} .index_banner .m_banner_container .p_nbapp .text_left p:nth-child(1){font-size: 18px;} .index_banner .m_banner_container .p_nbapp .index_qrcode{width: 93px;height: 92px;margin-right: 20px;} .index_banner .m_banner_container .notice_container{width: 1200px;height: 41px;position: absolute;bottom: 0;left:50%;margin-left: -600px;color: #fff;} .index_banner .m_banner_container .notice_container .notice_content{height: 41px; position: absolute;left: 0;top: 0;} .index_banner .m_banner_container .notice_container .notice_content img{width: 17px;height: 15px;position: absolute;left: 5px;top: 13px;} .index_banner .m_banner_container .notice_container .notice_content .swiper_notice{width: 800px;height: 41px;line-height: 41px;float: left;margin-left: 28px;} .index_banner .m_banner_container .notice_container .more{height: 41px;line-height: 41px;position: absolute;top: 0;right: 10px;color: #fff;} /* START index_banner */ /* START 第二导航 */ .nav_container_second{width: 1200px;margin: auto; height: 100px;position: relative;} .nav_container_second .l_nav{width: 1100px;height: 100px;} .nav_container_second .l_nav .common_box{width: 200px; height: 100%;float: left;position: relative;} .nav_container_second .l_nav .common_box:hover{width: 360px;background-color:#f79b4d} .nav_container_second .l_nav .common_box:hover .r_box{display: block;} .nav_container_second .l_nav .finance_box:hover {width: 370px;} .nav_container_second .l_nav .common_box .l_box span{color: #f79b4d;font-size: 16px;} .nav_container_second .l_nav .common_box:hover .l_box p{color: #fff;} .nav_container_second .l_nav .common_box .l_box{width: 200px;height: 100px;position: relative;} .nav_container_second .l_nav .common_box .l_box div{width: 31px;height: 31px;position: absolute;top: 50%;margin-top: -15px;/* transform: translateY(-50%); */left: 37px;} .nav_container_second .l_nav .common_box .l_box p{color: #f79b4d;font-size: 16px;height: 100px;line-height: 100px;margin-left: 77px;} .nav_container_second .l_nav .common_box .l_box .news_icon{ background: url(../images/news_icon.png);} .nav_container_second .l_nav .common_box:hover .l_box .news_icon{background: url(../images/news_icon_w.png);} .nav_container_second .l_nav .common_box .l_box .convenience_icon{background: url(../images/convenience_icon.png) ;} .nav_container_second .l_nav .common_box:hover .l_box .convenience_icon{height: 31px; background: url(../images/convenience_icon_w.png)} .nav_container_second .l_nav .common_box .l_box .apply_icon{background: url(../images/apply_icon.png) ;} .nav_container_second .l_nav .common_box:hover .l_box .apply_icon{ background: url(../images/apply_icon_w.png);} .nav_container_second .l_nav .common_box .l_box .finance_icon{background: url(../images/finance_icon.png) ;} .nav_container_second .l_nav .common_box:hover .l_box .finance_icon{ background: url(../images/finance_icon_w.png) ;} .nav_container_second .l_nav .common_box .r_box{width: 213px;height: 60px;position: absolute;left: 170px;top: 20px;border-left: 1px solid #fff;display: none;} .nav_container_second .l_nav .common_box .r_box a{color: #fff;font-size: 14px;margin-right: 10px;} .nav_container_second .l_nav .common_box .r_box .top_block{position: absolute;left: 4px;top: 0;} .nav_container_second .l_nav .common_box .r_box .bot_block{position: absolute;left: 4px;bottom: 0;} .nav_container_second .deposit{width: 134px;height: 89px;background: url(../images/deposit.png) no-repeat 50% 50%;background-size: 100% 100%; position: absolute;right: 0;bottom: 2px;} /* END 第二导航 */ /* 主体 */ .main_body{width: 100%;background-color: #f4f4f4;padding-bottom: 60px;} .main_body .common_container{width: 1200px;margin: auto;padding-top: 30px;} .main_body .common_container .navbar{height: 70px;} .main_body .common_container .navbar .nav_title{height: 70px; padding-left: 20px;position: relative;} .main_body .common_container .navbar .nav_title .nav_title_border{width: 4px; height: 56px; background-color: #f79b4d;position: absolute;left: 0;top: 6px;} .main_body .common_container .navbar .nav_title h1{font-size: 26px;color: #f79b4d;margin-bottom: 3px;} .main_body .common_container .navbar .nav_title p{font-size: 18px;} .main_body .common_container .navbar .more{height: 70px;line-height: 70px;font-size: 16px;color: #4c4c4c;} .main_body .common_container .navbar .more:hover{color: #f79b4d;} /* START 个人金融 */ .main_body .personal_finance_container .content_banner{width: 1200px;height: 243px;background: url(../images/personal_finance_banner.png) no-repeat 50% 50%;background-size: 100% 100%;margin-top: 30px;} .main_body .personal_finance_container .content_banner a:hover{background:url(../images/personal_finance_icon_cover.png) no-repeat 50% 50%;background-size: 100% 100%;} .main_body .personal_finance_container .content_banner a:hover p{color: #fff;} .main_body .personal_finance_container .content_banner a{width: 200px;height: 243px;float: left;text-align: center;display: table;} .main_body .personal_finance_container .content_banner a div{display: table-cell;vertical-align: middle;} .main_body .personal_finance_container .content_banner a p{color: #f79b4d;font-weight: 700;} .main_body .personal_finance_container .content_banner a i{width: 40px;height: 40px;display: inline-block;vertical-align: bottom;} .main_body .personal_finance_container .content_banner a .finance_deposit_icon{background: url(../images/finance_deposit_icon.png) ;} .main_body .personal_finance_container .content_banner a:hover .finance_deposit_icon{background: url(../images/finance_deposit_icon_h.png);} .main_body .personal_finance_container .content_banner a .finance_loan_icon{background: url(../images/finance_loan_icon.png) ;} .main_body .personal_finance_container .content_banner a:hover .finance_loan_icon{background: url(../images/finance_loan_icon_h.png);} .main_body .personal_finance_container .content_banner a .finance_product_icon{background: url(../images/finance_product_icon.png) ;} .main_body .personal_finance_container .content_banner a:hover .finance_product_icon{background: url(../images/finance_product_icon_h.png);} .main_body .personal_finance_container .content_banner a .finance_found_icon{background: url(../images/finance_found_icon.png) ;} .main_body .personal_finance_container .content_banner a:hover .finance_found_icon{background: url(../images/finance_found_icon_h.png);} .main_body .personal_finance_container .content_banner a .finance_insurance_icon{background: url(../images/finance_insurance_icon.png) ;} .main_body .personal_finance_container .content_banner a:hover .finance_insurance_icon{background: url(../images/finance_insurance_icon_h.png);} .main_body .personal_finance_container .content_banner a .finance_metal_icon{background: url(../images/finance_metal_icon.png) ;} .main_body .personal_finance_container .content_banner a:hover .finance_metal_icon{background: url(../images/finance_metal_icon_h.png);} .main_body .personal_finance_container .content_secondary{width: 100%;margin-top: 20px;} .main_body .personal_finance_container .content_secondary .left_block{width: 445px;height: 260px;background-color: #fff;} .main_body .personal_finance_container .content_secondary .left_block .swiper_bought{width: 100%;height: 100%;} .main_body .personal_finance_container .content_secondary .left_block .swiper_bought .swiper-slide{width: 100%;height: 100%;} .main_body .personal_finance_container .content_secondary .left_block .swiper_bought ul{width: 400px;margin: 15px auto 0;color: #4c4c4c;} .main_body .personal_finance_container .content_secondary .left_block .swiper_bought ul li:nth-child(1){font-size: 18px;text-align: center;font-weight: 700;} .main_body .personal_finance_container .content_secondary .left_block .swiper_bought ul li:nth-child(2){font-size: 16px;text-align: center;margin: 4px 0;} .main_body .personal_finance_container .content_secondary .left_block .swiper_bought ul li:nth-child(3){text-align: center;margin: 4px 0;} .main_body .personal_finance_container .content_secondary .left_block .swiper_bought ul li:nth-child(3) span:nth-child(1){font-size: 16px;} .main_body .personal_finance_container .content_secondary .left_block .swiper_bought ul li:nth-child(3) span:nth-child(2){font-size: 16px;/* color: #f79b4d; */padding-left: 10px;} .main_body .personal_finance_container .content_secondary .left_block .swiper_bought ul li:nth-child(4){width: 100%;} .main_body .personal_finance_container .content_secondary .left_block .swiper_bought ul li:nth-child(4) div{margin: 0 5px;float: left;text-align: center;font-size: 16px;width: 120px;} .main_body .personal_finance_container .content_secondary .left_block .swiper_bought ul li:nth-child(4) div.line{width: 1px;height: 35px;background-color: #000;margin: 0;} .main_body .personal_finance_container .content_secondary .left_block .swiper_bought ul li:nth-child(5){text-align: center;margin-top: 10px;} .main_body .personal_finance_container .content_secondary .left_block .swiper_bought .buybtn{width: 193px;height: 36px;background: url(../images/buybtn.png) no-repeat 50% 50%;background-size: 100% 100%;display: block;margin: auto;} .main_body .personal_finance_container .content_secondary .left_block .swiper_bought .buybtn:hover{background: url(../images/buybtn_hover.png)} .main_body .personal_finance_container .content_secondary .left_block .swiper_bought .pagination {position: absolute;z-index: 20;bottom: 11px;width: 100%;text-align: center;} .main_body .personal_finance_container .content_secondary .left_block .swiper_bought .swiper-pagination-switch {display: inline-block;width: 8px;height: 8px;border-radius: 8px;background: #555;margin: 0 5px;opacity: 0.8;border: 1px solid #fff;cursor: pointer;} .main_body .personal_finance_container .content_secondary .left_block .swiper_bought .swiper-active-switch {background: #f79b4d;} .main_body .personal_finance_container .content_secondary .right_block{width: 717px;} .main_body .personal_finance_container .content_secondary .right_block img{width: 100%;} /* END 个人金融 */ /* START 信用卡 */ .main_body .creditcard_container .content_primary_block{width: 1200px;height: 243px;background: url(../images/creditcard_banner_blcok1.png) no-repeat 50% 50%;background-size: 100% 100%;margin-top: 30px;} .main_body .creditcard_container .content_primary_block a:hover{background:url(../images/cardtype_recommend_cover.png) no-repeat 50% 50%;background-size: 100% 100%;} .main_body .creditcard_container .content_primary_block a:hover p{color: #fff;} .main_body .creditcard_container .content_primary_block a{width: 400px;height: 243px;float: left;text-align: center;display: table;} .main_body .creditcard_container .content_primary_block a div{display: table-cell;vertical-align: middle;} .main_body .creditcard_container .content_primary_block a p{color: #f79b4d;font-weight: 700;} .main_body .creditcard_container .content_primary_block a i{width: 40px;height: 40px;display: inline-block;vertical-align: bottom;} .main_body .creditcard_container .content_primary_block a .cardtype_recommend_icon{background: url(../images/cardtype_recommend_icon.png) ;} .main_body .creditcard_container .content_primary_block a:hover .cardtype_recommend_icon{background: url(../images/cardtype_recommend_icon_h.png);} .main_body .creditcard_container .content_primary_block a .installment_business_icon{background: url(../images/installment_business_icon.png) ;} .main_body .creditcard_container .content_primary_block a:hover .installment_business_icon{background: url(../images/installment_business_icon_h.png);} .main_body .creditcard_container .content_primary_block a .equity_zone_icon{background: url(../images/equity_zone_icon.png) ;} .main_body .creditcard_container .content_primary_block a:hover .equity_zone_icon{background: url(../images/equity_zone_icon_h.png);} .main_body .creditcard_container .content_second_block{width: 100%;margin-top: 20px;} .main_body .creditcard_container .content_second_block .left_block{width: 716px;height: 262px;background: url(../images/creditcard_banner.png) no-repeat 50% 50%;background-size: 100% 100%;} .main_body .creditcard_container .content_second_block .right_block{width: 440px;height: 262px;background-color: #fff;} .main_body .creditcard_container .content_second_block .right_block .swiper_easy_percentage{width: 100%; height: 100%;} .main_body .creditcard_container .content_second_block .right_block .swiper_easy_percentage .swiper-slide{width: 100%; height: 100%;} .main_body .creditcard_container .content_second_block .right_block .swiper_easy_percentage .content_box{width: 390px; margin: 30px auto 0;text-align: center;} .main_body .creditcard_container .content_second_block .right_block .swiper_easy_percentage .content_box p:nth-child(1){font-size: 18px;font-weight: 700;} .main_body .creditcard_container .content_second_block .right_block .swiper_easy_percentage .content_box p:nth-child(2){font-size: 16px;margin-top: 25px;text-indent: 2em;text-align: left;} .main_body .creditcard_container .content_second_block .right_block .swiper_easy_percentage .content_box .applycard_btn{width: 193px;height: 36px; margin: 25px auto 0; background:url(../images/applycard_btn.png);display: block;} .main_body .creditcard_container .content_second_block .right_block .swiper_easy_percentage .content_box .applycard_btn:hover{background:url(../images/applycard_btn_hover.png);} .main_body .creditcard_container .content_second_block .right_block .swiper_easy_percentage .percentage_pagination {position: absolute;z-index: 20;bottom: 26px;width: 100%;text-align: center;} .main_body .creditcard_container .content_second_block .right_block .swiper_easy_percentage .swiper-pagination-switch {display: inline-block;width: 8px;height: 8px;border-radius: 8px;background: #555;margin: 0 5px;opacity: 0.8;border: 1px solid #fff;cursor: pointer;} .main_body .creditcard_container .content_second_block .right_block .swiper_easy_percentage .swiper-active-switch {background: #f79b4d;} /* END 信用卡 */ /* START 公司金融 */ .main_body .corporate_finance_container .content_primary_block{width: 1200px;height: 243px;background: url(../images/corporate_finance_banner1.png) no-repeat 50% 50%;background-size: cover;margin-top: 30px;} .main_body .corporate_finance_container .content_primary_block a:hover {background: url(../images/domestic_finance_cover.png);} .main_body .corporate_finance_container .content_primary_block a:hover p{color: #fff;} .main_body .corporate_finance_container .content_primary_block a{width: 400px;height: 243px;float: left;text-align: center;display: table;} .main_body .corporate_finance_container .content_primary_block a div{display: table-cell;vertical-align: middle;} .main_body .corporate_finance_container .content_primary_block a p{color: #f79b4d;font-weight: 700;} .main_body .corporate_finance_container .content_primary_block a i{width: 40px;height: 40px;display: inline-block;vertical-align: bottom;} .main_body .corporate_finance_container .content_primary_block a .domestic_finance_icon{background: url(../images/domestic_finance_icon.png) ;} .main_body .corporate_finance_container .content_primary_block a:hover .domestic_finance_icon{background: url(../images/domestic_finance_icon_h.png);} .main_body .corporate_finance_container .content_primary_block a .crossborder_finance_icon{background: url(../images/crossborder_finance_icon.png) ;} .main_body .corporate_finance_container .content_primary_block a:hover .crossborder_finance_icon{background: url(../images/crossborder_finance_icon_h.png);} .main_body .corporate_finance_container .content_primary_block a .finance_market_icon{background: url(../images/finance_market_icon.png) ;} .main_body .corporate_finance_container .content_primary_block a:hover .finance_market_icon{background: url(../images/finance_market_icon_h.png);} .main_body .corporate_finance_container .content_secondary_block .left_block{width: 440px;height: 262px;background-color: #fff;} .main_body .corporate_finance_container .content_secondary_block .left_block .swiper_tax_loan{width: 440px; height: 262px;} .main_body .corporate_finance_container .content_secondary_block .left_block .swiper_tax_loan .swiper-slide{width: 100%; height: 100%;} .main_body .corporate_finance_container .content_secondary_block .left_block .swiper_tax_loan .content_box{width: 390px;height: 262px; margin: 15px auto 0px;text-align: center;} .main_body .corporate_finance_container .content_secondary_block .left_block .swiper_tax_loan .content_box p{font-size: 16px;} .main_body .corporate_finance_container .content_secondary_block .left_block .swiper_tax_loan .content_box p:nth-child(1){font-size: 18px;font-weight: 700;} .main_body .corporate_finance_container .content_secondary_block .left_block .swiper_tax_loan .content_box p:nth-child(2){margin-top: 15px;text-indent: 2em;text-align: left;} .main_body .corporate_finance_container .content_secondary_block .left_block .swiper_tax_loan .content_box .applycard_btn{width: 193px;height: 36px; margin: 20px auto 0; background:url(../images/learnbtn.png);display: block;} .main_body .corporate_finance_container .content_secondary_block .left_block .swiper_tax_loan .content_box .applycard_btn:hover{background:url(../images/learnbtn_hover.png);} .main_body .corporate_finance_container .content_secondary_block .left_block .swiper_tax_loan .tax_loan_pagination {position: absolute;z-index: 20;bottom: 11px;width: 100%;text-align: center;} .main_body .corporate_finance_container .content_secondary_block .left_block .swiper_tax_loan .swiper-pagination-switch {display: inline-block ;width: 8px;height: 8px ;border-radius: 8px;background: #555;margin: 0 5px;opacity: 0.8;border: 1px solid #fff;cursor: pointer;} .main_body .corporate_finance_container .content_secondary_block .left_block .swiper_tax_loan .swiper-active-switch {background: #f79b4d;} .main_body .corporate_finance_container .content_secondary_block{width: 100%;margin-top: 20px;} .main_body .corporate_finance_container .content_secondary_block .right_block{width: 716px;height: 262px;background: url(../images/corporate_finance_banner2.png) no-repeat 50% 50%;background-size: 100% 100%;} /* END 公司金融 */ /* START 关于宁行 */ .main_body .about_nbbank_container .content_primary_block{width: 1200px;height: 243px;background: url(../images/about_nbbank_banner1.png) no-repeat 50% 50%;background-size: 100% 100%;margin-top: 30px;} .main_body .about_nbbank_container .content_primary_block a:hover {background: url(../images/domestic_finance_cover.png);} .main_body .about_nbbank_container .content_primary_block a:hover p{color: #fff;} .main_body .about_nbbank_container .content_primary_block a{width: 300px;height: 243px;float: left;text-align: center;display: table;} .main_body .about_nbbank_container .content_primary_block a div{display: table-cell;vertical-align: middle;} .main_body .about_nbbank_container .content_primary_block a p{color: #f79b4d;font-weight: 700;} .main_body .about_nbbank_container .content_primary_block a i{width: 40px;height: 40px;display: inline-block;vertical-align: bottom;} .main_body .about_nbbank_container .content_primary_block a .intro_bank_icon{background: url(../images/intro_bank_icon.png) ;} .main_body .about_nbbank_container .content_primary_block a:hover .intro_bank_icon{background: url(../images/intro_bank_icon_h.png);} .main_body .about_nbbank_container .content_primary_block a .investor_relation_icon{background: url(../images/investor_relation_icon.png) ;} .main_body .about_nbbank_container .content_primary_block a:hover .investor_relation_icon{background: url(../images/investor_relation_icon_h.png);} .main_body .about_nbbank_container .content_primary_block a .talent_recruitment_icon{background: url(../images/talent_recruitment_icon.png) ;} .main_body .about_nbbank_container .content_primary_block a:hover .talent_recruitment_icon{background: url(../images/talent_recruitment_icon_h.png);} .main_body .about_nbbank_container .content_primary_block a .purchase_info_icon{background: url(../images/purchase_info_icon.png) ;} .main_body .about_nbbank_container .content_primary_block a:hover .purchase_info_icon{background: url(../images/purchase_info_icon_h.png);} .main_body .about_nbbank_container .content_second_block{width: 100%;margin-top: 20px;} .main_body .about_nbbank_container .content_second_block .left_block{width: 716px;height: 262px;background: url(../images/about_nbbank_banner2.png) no-repeat 50% 50%;background-size: 100% 100%;} .main_body .about_nbbank_container .content_second_block .right_block{width: 440px;height: 262px;background-color: #fff;} .main_body .about_nbbank_container .content_second_block .right_block .swiper_intro_bank{width: 100%; height: 100%;} .main_body .about_nbbank_container .content_second_block .right_block .swiper_intro_bank .swiper-slide{width: 100%; height: 100%;padding-left: 25px;} .main_body .about_nbbank_container .content_second_block .right_block .swiper_intro_bank .content_box{width: 390px;height: 262px; display: table-cell; vertical-align: middle;} .main_body .about_nbbank_container .content_second_block .right_block .swiper_intro_bank .content_box p{font-size: 16px;text-align: left;text-indent: 2em;} .main_body .about_nbbank_container .content_second_block .right_block .swiper_intro_bank .content_box p:nth-child(1){font-size: 18px;text-align: center;text-indent: 0em;font-weight: 700;} .main_body .about_nbbank_container .content_second_block .right_block .swiper_intro_bank .content_box p:nth-child(2){margin-top: 10px;} .main_body .about_nbbank_container .content_second_block .right_block .swiper_intro_bank .content_box .learnbtn{width: 193px;height: 36px; margin: 15px auto 0; background:url(../images/learnbtn.png);display: block;} .main_body .about_nbbank_container .content_second_block .right_block .swiper_intro_bank .content_box .learnbtn:hover{background:url(../images/learnbtn_hover.png);} .main_body .about_nbbank_container .content_second_block .right_block .swiper_intro_bank .pagination {position: absolute;z-index: 20;bottom: 10px;width: 100%;text-align: center;} .main_body .about_nbbank_container .content_second_block .right_block .swiper_intro_bank .swiper-pagination-switch {display: inline-block;width: 8px;height: 8px;border-radius: 8px;background: #555;margin: 0 5px;opacity: 0.8;border: 1px solid #fff;cursor: pointer;} .main_body .about_nbbank_container .content_second_block .right_block .swiper_intro_bank .swiper-active-switch {background: #f79b4d;} .main_body .about_nbbank_container .content_third_block{width: 1200px;margin: 50px auto 0;} .main_body .about_nbbank_container .content_third_block div{width: 375px;height: 236px;position: relative;float: left;} .main_body .about_nbbank_container .content_third_block div .learn_more{display: block;width: 102px;height: 31px;background: url(../images/learn_more.png);position: absolute;left: 23px;top: 182px;} .main_body .about_nbbank_container .content_third_block div:hover .learn_more{background: url(../images/learn_more_hover.png);} .main_body .about_nbbank_container .content_third_block .consumer_rights{background: url(../images/consumer_rights.png);} .main_body .about_nbbank_container .content_third_block .inclusive_finance{background: url(../images/inclusive_finance.png);margin: 0 37.5px;} .main_body .about_nbbank_container .content_third_block .brand_bank{background: url(../images/nbbank_brand.png);} /* END 关于宁行 */