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 ÃƒÂ¥Ã¢â‚¬Â¦Ã‚Â³ÃƒÂ¤Ã‚ÂºÃ…Â½ÃƒÂ¥Ã‚Â®Ã‚ÂÃƒÂ¨Ã‚Â¡Ã…â€™ */



