@charset "utf-8";
* { margin: 0; padding: 0; }
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 { -webkit-text-size-adjust: none; }
body { font-family: Arial, "Microsoft Yahei"; font-size: 16px; background: #f4f4f4; }
form, img, table, td { border: 0; }
ul, ol, li { list-style-type: none; display: block; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
input, textarea, img { vertical-align: middle; font-family: Arial, "Microsoft Yahei"; }

@media screen and (max-device-width: 320px) {
body { -webkit-text-size-adjust: none }
}

@media screen and (max-device-width: 480px) {
body { -webkit-text-size-adjust: none }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
body { -webkit-text-size-adjust: none }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
body { -webkit-text-size-adjust: none }
}
a { color: #333; text-decoration: none; }
a:link { text-decoration: none; }
a:visited { color: #333; }
a:active { color: #333; }
a:hover { color: #333; }

.fl{ float:left}
/* font */
.f12 { font-size: 12px; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f24 { font-size: 24px; }
.ti2 { text-indent: 2em }
/* box */
.pd10 { padding: 10px; }
.pdX10 { padding: 0 10px; }
.pdY10 { padding: 10px 0; }
.mgX10 { margin: 0 10px; }
.mgY10 { margin: 10px 0; }
.mt5 { margin-top: 5px }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.lh20 { line-height: 20px; }
.lh40 { line-height: 40px; }
.mt10 { margin-top: 10px !important; }
.headerpart { margin: 15% auto 0; }
/*.header_pic { width: 203px; height: 203px; margin: 0 auto; background: url(/images/broker/header.png) no-repeat; background-size: 203px 203px }
.header_pic img { width: 145px; height: 145px; overflow: hidden; margin: 30px 0 0 29px; }*/
.header_name { width: 100%; margin-top: 10px; font-size: 20px; color: #fff; text-align: center }
.header_tel { width: 100%; margin-top: 3px; font-size: 20px; color: #ffcc00; text-align: center; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif }
.header_tel a { color: #ffcc00; }
.header_welcome { width: 100%; margin-top: 3px; font-size: 14px; color: #8fb0db; text-align: center; line-height: 20px; }
.menupart { width: 100%; height: 85px; padding-top: 35px; background: url(/images/broker/menu_bg.png) no-repeat; background-size: 100% auto; position: absolute; bottom: 0; }
.menupart li { float: left; width: 33%; text-align: center; color: #5f5e5f }
.menupart li a { color: #5f5e5f; text-decoration: none }
.menupart li img { width: 50px; height: 50px; margin-bottom: 3px }


.jjr_tit {background-color: #1e60b6;height: 50px; width: 100%; padding-top:5px;color:#FFFFFF;position:absolute; top:0; }
.jjrtx{width:45px; height:45px; overflow:hidden; margin-left:5px}
.jjrname{ float:left; height:50px; line-height:50px; margin-left:10px; color:#FFFFFF}
.jjrname a{ color:#fff}
.jjrtb{ float:right; width:35px; height:35px; background-size:25px auto; background-repeat:no-repeat; background-position:5px center; margin-right:5px; margin-top:5px;}
.jjrtb1{ background-image:url(/images/broker/bn1.png)}
.jjrtb2{ background-image:url(/images/broker/bn2.png)}
.jjrtb3{ background-image:url(/images/broker/bn3.png)}
.jjrtb4{ background-image:url(/images/broker/bn4.png)}



.header_pic { width: 203px; height: 203px; margin: 0 auto;  position:relative }
.header_pic .mask{ width:203px; height:203px; top:0; left:0;background: url(/images/broker/header.png) no-repeat; background-size: 203px 203px; position:absolute; z-index:100}
.header_pic img { position:absolute; width: 150px; height: 150px; overflow: hidden; top:30px; left:27px;}