@charset "utf-8";
/* CSS Document */
body, div, p, a, input, textarea, select  { font: 12px Arial, 宋体; line-height: 17px; color: #666666; }

#topnav #branchcity, #topnav #atmcity {width:75px}
#topnav #branch { padding-right: 26px;background: url(/app_images/pingan/v20/newhbbank/landing/ui.gif) no-repeat -430px -99px;  }
#topnav #atm { padding-right: 18px; background: url(/app_images/pingan/v20/newhbbank/landing/ui.gif) no-repeat -460px -99px;  }


/*leftnav */
#leftnav #ebanking { line-height: 20px; }
#leftnav #ebanking ul li a {  line-height: 20px; padding: 3px 0px 3px 25px; }


/* landing */
.landing #about { width: 310px; height: 240px; height: 100px\0; overflow: hidden; position: absolute; top: 126px; left: 270px; bbackground: #ccc; border-top: 1px dotted #f24d11; transition: height 0.5s; -moz-transition: height 0.5s; /* Firefox 4 */ -webkit-transition: height 0.5s; /* Safari and Chrome */ -o-transition: height 0.5s; /* Opera */}
/*.landing #about:hover, .landing #about.over { height: 215px; }*/
.landing #business .head{ width: 190px; background: #fff; padding: 3px 5px; left: -5px; }
.landing #business .head2{ width: 290px; background: #fff; padding: 3px 5px; left: -5px; }
.landing #about a#aboutbtn { background: url(/app_images/pingan/v20/newhbbank/landing/ui_en.gif) no-repeat -350px -590px; }
.landing #about a#aboutbtn:hover { background: url(/app_images/pingan/v20/newhbbank/landing/ui_en.gif) no-repeat -350px -607px; }
.landing #about a#newsbtn { background: url(/app_images/pingan/v20/newhbbank/landing/ui.gif) no-repeat -460px -590px; }
.landing #about a#newsbtn:hover { background: url(/app_images/pingan/v20/newhbbank/landing/ui.gif) no-repeat -460px -607px; }
.landing #about #bottomborder #arrow { _margin-top: -12px; }
.landing #leftnav #investor .head{ width: 223px;  }
.landing #leftnav #faq ul li { list-style: outside disc; margin: 0px 0px 0px 15px; _margin: 0px 0px -20px 15px; }

.landing #about .content { margin-left: 1px; margin-right: 1px; display:block; margin-bottom: 10px }
.landing #about h2 { height: 100px; background: url(/app_images/pingan/v20/newhbbank/landing/ui_en.gif) no-repeat -250px -638px; }
.landing #about h3 { height: 95px; background: url(/app_images/pingan/v20/newhbbank/landing/ui_en.gif) no-repeat -250px -738px; }


.landing #promotion_en { width: 676px; height: 95px; position: absolute; overflow: visible; top: 454px; left: 265px; background: #fff; }
.landing #promotion_en a, #promotion_en img { display: block; }
.landing #promotion_en a { padding: 8px 9px 4px 9px; }
.landing #promotion_en #pholder { top: 0px; left: 0px; }
.landing #promotion_en .p1 { width:168px; position: absolute; top: 0px; left: 0px; border-right: 1px solid #ccc; text-align:center;}
.landing #promotion_en .p2 { width:168px; position: absolute; top: 0px; left: 169px; border-right: 1px solid #ccc; text-align:center;}
.landing #promotion_en .p3 { width:168px; position: absolute; top: 0px; left: 338px; border-right: 1px solid #ccc; text-align:center;}
.landing #promotion_en .p4 { width:168px; position: absolute; top: 0px; left: 507px; text-align:center;}
.landing #promotion_en #pzoomholder_en {  top: 0px; left: 0px; }
.landing #promotion_en .p1zoom { display: none; position: absolute; background: #fff; left: 0px; margin: -100px -30px 0px -30px; border: 1px solid #ccc; -moz-box-shadow: 0px 1px 3px #aaa; -webkit-box-shadow: 0px 1px 3px #aaa; box-shadow: 0px 1px 3px #aaa; text-align:center;}
.landing #promotion_en .p2zoom { display: none; position: absolute; background: #fff; left: 169px; margin: -100px -30px 0px -30px; border: 1px solid #ccc; -moz-box-shadow: 0px 1px 3px #aaa; -webkit-box-shadow: 0px 1px 3px #aaa; box-shadow: 0px 1px 3px #aaa; text-align:center;}
.landing #promotion_en .p3zoom { display: none; position: absolute; background: #fff; left: 338px; margin: -100px -30px 0px -30px; border: 1px solid #ccc; -moz-box-shadow: 0px 1px 3px #aaa; -webkit-box-shadow: 0px 1px 3px #aaa; box-shadow: 0px 1px 3px #aaa; text-align:center;}
.landing #promotion_en .p4zoom { display: none; position: absolute; background: #fff; left: 507px; margin: -100px -60px 0px -30px; border: 1px solid #ccc; -moz-box-shadow: 0px 1px 3px #aaa; -webkit-box-shadow: 0px 1px 3px #aaa; box-shadow: 0px 1px 3px #aaa; text-align:center;}


/* inner */
.inner #about h4 { font: 22px Arial; width: 656px; color:#362f2d; margin-bottom:23px;  }
.inner #about h5 { font: 13px Arial; font-weight: bold; width: 656px; height: 46px; color:#f15922; }
.inner .article { line-height: 22px; }
.inner .article p { margin-bottom: 15px; }

.news_intro_en { padding-top:10px}


a#pleaseclickbtn_en:link, a#pleaseclickbtn_en:visited { background: url(/app_images/pingan/v20/newhbbank/landing/ui_en.gif) no-repeat -350px -590px; width:100px; display:block;}
a#pleaseclickbtn_en:hover, a#pleaseclickbtn_en:active {background: url(/app_images/pingan/v20/newhbbank/landing/ui_en.gif) no-repeat -350px -607px; width:100px; display:block;}
a#pleaseclickbtn_en {background: url(/app_images/pingan/v20/newhbbank/landing/ui_en.gif) no-repeat width:100px; -350px -607px; display:block;}

/* footer frm pingan */
#footer{ width:998px; margin:48px auto 0 auto; border-top:1px solid #d7d7d7; text-align:center; padding:12px 0;}