﻿/* reset */

html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu { margin:0; padding:0; }
header, footer, section, article, aside, nav, hgroup, address, figure, figcaption, menu, details { display:block; }
.clear { clear:both; }
table { border-collapse:collapse; border-spacing:0; }
caption, th { text-align:left; font-weight:normal; }
html, body, fieldset, img, iframe, abbr { border:0; }
i, cite, em, var, address, dfn { font-style:normal; }
 [hidefocus], summary {
outline:0;
}
li { list-style:none; }
h1, h2, h3, h4, h5, h6, small { font-size:100%; }
sup, sub { font-size:83%; }
pre, code, kbd, samp { font-family:inherit; }
q:before, q:after { content:none; }
textarea { overflow:auto; resize:none; }
label, summary { cursor:default; }
a, button { cursor:pointer; }
h1, h2, h3, h4, h5, h6, em, strong, b { font-weight:bold; }
del, ins, u, s, a, a:hover { text-decoration:none; }
body, textarea, input, button, select, keygen, legend { font:12px/1.14 "Microsoft YaHei", \5fae\8f6f\96c5\9ed1, arial, \5b8b\4f53; color:#333; outline:0; }
body { background:#fff; }
a, a:hover { color:#333; }
/* sprite */

.u-btn, .u-ipt, .u-btn1, .u-btn2, .u-tips, .m-layer .lyclose { background:url(../images/btns.png) no-repeat -9999px -9999px; _background:url(images/btns-ie.png) no-repeat -9999px -9999px; }
.bico1 { background-position:-1px -145px; }
.bico1:hover { background-position:-188px -145px; }
.bico2 { background-position:-1px -201px; }
.bico2:hover { background-position:-188px -201px; }
.bico3 { background-position:-1px -257px; }
.bico3:hover { background-position:-188px -257px; }
.m-layer .bico1 { _background-position:-1px -445px; }
.m-layer .bico1:hover { _background-position:-188px -445px; }
.m-layer .bico2 { _background-position:-1px -501px; }
.m-layer .bico2:hover { _background-position:-188px -501px; }
.m-layer .bico3 { _background-position:-1px -557px; }
.m-layer .bico3:hover { _background-position:-188px -557px; }
.m-nav li a, .m-menu .itm a { background:url(../images/nav.png) no-repeat -9999px -9999px; _background:none; }
html, body, .g-doc { width:100%; height:100%; }
html { overflow:hidden; }
body { text-align:center; background:#fff; }
/* -----------------grid----------------------- */

.g-doc { text-align: left; overflow:auto; position: relative; }
.g-hd { height:565px; background:url(../images/hdbg.png) repeat-x center 0; }
.g-hd .m-wrap { height:565px; background:url(../images/hd.png) no-repeat center 0; _background:url(../images/hd-ie.jpg) no-repeat center -1px; }
.g-hd1 { height:105px; background:#f4f4f4; }
.g-navwrap { height:80px; position: relative; z-index: 1; background:#bea7a7 url(../images/top.png) no-repeat center; box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.3); }
.g-ft { height:255px; background:#afafaf url(../images/ft-rep.png) repeat-x center 0; }
.g-ft .m-wrap { padding-top:20px; }
.g-bd { margin-bottom:1px; }
.g-bd1 { background:#fff url(../images/sep1.png) no-repeat center -2px; _background:#fff; }
.g-bt { height:90px; }
.g-help { background: ckground:#eee;
#f5f5f5;
}
.g-doc .g-navwrap, .g-doc .g-hd, .g-doc .g-bd, .g-doc .g-hd1, .g-doc .g-bd1, .g-doc .g-bd2, .g-doc .g-ft, .g-doc .g-bt { min-width:1000px; }
/* 两列右侧自适应布局 */

.g-bd2 { width:960px; margin:0 auto; border:1px solid #e6e6e6; background:#fff; box-shadow: 0 0px 7px rgba(0, 0, 0, 0.2); }
.g-sd { position:relative; float:left; width:220px; margin-right:-220px; }
.g-mn { float:right; width:100%; }
.g-mnc { margin-left:220px; min-height:800px; _height:800px; border-left: 1px solid #eee; }
/* -----------------module----------------------- */

.m-logo { }
.m-logo h1 { margin:0 auto; width:165px; }
.m-logo h1 a { display: block; width:165px; height:105px; text-indent:-9999px; overflow: hidden; background:url(../images/logo.png) no-repeat 0 0; }
.m-logo1 { margin-left:-115px; }
.m-logo1 a { display: block; width:245px; height:80px; text-indent:-9999px; overflow: hidden; }
.m-menu { }
.m-menu .itm { border-bottom:1px solid #e6e6e6; }
.m-menu .itm a { display: block; height:66px; line-height:66px; padding-left:22px; font-size: 14px; color: #8a8a8a; }
.m-menu .itm a:hover, .m-menu .z-cur a { background-position:0 -92px; _background:#000; _filter:alpha(opacity=30); }
.m-menu .z-subitm a { padding-left:34px; font-size: 12px; height: 45px; line-height:45px; font-weight: normal; background: #fff; }
.m-menu .z-cur .sublist a { background:#fff; cursor: pointer; }
.m-menu .sublist .z-subitm a:hover, .m-menu .sublist .z-subcur a { background:#fafafa; }
.m-menu .z-cur a, .m-menu .sublist .z-subcur a { cursor: default; }
.m-faq { padding:20px; }
.m-faq .itm { }
.m-faq .itm .tlt { padding:0 0 16px 20px; height: 30px; line-height: 30px; font-size: 16px; color:#333; font-weight: bold; }
.m-faq .itm .subtlt { padding: 0px 0 24px 150px; margin-top:-39px; font-size: 14px; color: #333; }
.m-faq .itm .wrap { padding:0 0 30px; color: #666; }
.m-faq .itm .faq { padding:21px 0 27px; line-height:23px; border-top: 1px solid #f0f0f0; }
.m-faq .itm .question { padding:0 20px; font-weight: bold; font-size: 14px; color: #333; }
.m-faq .itm .answer { padding:3px 20px 0 20px; color:#808080; }
.m-faq .itm, .m-faq .subitm { display: none; }
.m-faq .z-cur, .m-faq .itm .z-subcur { display: block; }
/* 文本型圆角背景导航 */

.m-nav { position:relative; padding-right:87px; *display:inline;
*zoom:1;
text-align:center; font-size:0; letter-spacing:-0.307em; *letter-spacing:normal;
*word-spacing:-1px;
}
.m-nav ul { width:804px; }
.m-nav li, .m-nav li a { height: 80px; display:inline-block; *display:inline;
*zoom:1;
}
.m-nav li { padding:0 0 0 1px; letter-spacing:normal; word-spacing:normal; }
.m-nav li a { width:200px; line-height: 75px; font-size:14px; color:#f8f8f8; }
.m-nav li a:hover, .m-nav li a.z-cur { background-position:0 0; color: #f8f8f8; _background:#000; _filter:alpha(opacity=30); }
.m-nav li a.z-cur { cursor: default; }
.m-ft { margin:0 auto; padding-top:20px; width:250px; text-align: center; }
.m-ft p { line-height: 22px; color:#afafaf; }
.m-ft a { color:#afafaf; }
.m-ft a:hover { color:#afafaf; text-decoration: underline; }
.m-intro { width:870px; margin:0 auto; padding:60px 0 100px; }
.m-intro .tlt { height:30px; padding:0 0 10px; margin:0 0 20px; font-size:28px; color: #666; font-weight: normal; border-bottom: 1px solid #ddd; }
.m-intro p { line-height: 23px; font-size:14px; color: #666; }
.m-intro p.addr { margin-top:20px; }
.m-wrap { width:1000px; margin:0 auto; position: relative; }
.m-wrap-1 { min-height:550px; _height:550px; }
.m-hd { position: absolute; width:240px; height:70px; top:435px; right:210px; }
.m-hd h1, .m-hd h2, .m-hd p { font-size:0; line-height:0; overflow: hidden; }
.m-desc h3 { font-size:44px; line-height:55px; color:#555; font-weight: normal; border-bottom:1px #CBCBCB solid; }
.m-desc .desc { padding:42px 0 20px; line-height:28px; color:#748686; font-size:16px; border-bottom:1px solid #cbcbcb; }
.m-desc .tips { margin-top:20px; position: relative; margin-left:48px; line-height:25px; color:#748686; font-size:16px; }
.m-bd1, .m-bd2, .m-bd3, .m-bd4, .m-bd5, .m-bd6 { position: relative; background:url(../images/sep.png) repeat-x center bottom; _background:none; }
.m-bd1 { background-color:#f4f4f4; }
.m-bd1, .m-bd1 .m-wrap { height:570px; _height:560px; }
.m-bd1 .m-desc { width:325px; padding:125px 0 0 130px; }
.m-bd1 .imgwrap { position: absolute; right:58px; top:0; width:499px; height:567px; _height:560px; background:url(../images/bd1.png) no-repeat 0 0; }
.m-bd2 { background-color:#fff; }
.m-bd2, .m-bd2 .m-wrap { height:735px; }
.m-bd2 .m-desc { width:355px; padding:180px 0 0; }
.m-bd2 .imgwrap { position: absolute; right:0px; top:0; }
.m-bd3 { background-color:#f4f4f4; }
.m-bd3, .m-bd3 .m-wrap { height:512px; }
.m-bd3 .m-desc { width:375px; padding:76px 0 0 55px; }
.m-bd3 .imgwrap { position: absolute; right:11px; bottom:-1px; width:512px; height:446px; _height:440px; background:url(../images/bd3.jpg) no-repeat 0 0; }
.m-bd4 { background-color:#fff; }
.m-bd4, .m-bd4 .m-wrap { height:558px; _height:553px; }
.m-bd4 .m-desc { width:380px; padding:103px 0 0 745px; }
.m-bd4 .imgwrap { position: absolute; left:23px; top:0; width:665px; height:558px; _height:553px; background:url(../images/bd4.jpg) no-repeat 0 0; }
.m-bd5 { background-color:#f4f4f4; }
.m-bd5, .m-bd5 .m-wrap { height:570px; _height:562px; }
.m-bd5 .m-desc { width:355px; padding:80px 0 0 154px; }
.m-bd5 .imgwrap { position: absolute; right:96px; top:1px; width:428px; height:570px; _height:564px; background:url(../images/bd5.jpg) no-repeat 0 -1px; }
.m-bd6 { background-color:#fff; }
.m-bd6, .m-bd6 .m-wrap { height:730px; }
.m-bd6 .m-desc { width:290px; padding:98px 0 0 764px; }
.m-bd6 .imgwrap { position: absolute; left:80px; top:84px; }
.m-dld { width:340px; margin:0 auto; position: relative; text-align: left; }
.m-dld .typelst { width:340px; margin-left:150px; }
.m-dld .typelst li { padding:10px 0 5px; }
.m-dld .typelst li.lst { height:57px; overflow: hidden; position: relative; }
.m-dld .typelst li .wrap { position: absolute; top:10px; left:0; }
.m-dld .twodc { position: absolute; left:0px; top:0; }
.m-dld .twodc img { width:130px; height:130px; }
.m-dld .m-form { margin-top:10px; }
.m-form .formitm { position: relative; line-height:45px; }
.m-form .formitm-1 { color:#f01c1c; line-height:25px; text-align: left; }
.m-form .ipt { width:332px; position: relative; }
.m-form .aback, .m-form .aback:hover { float: right; text-decoration: underline; color: #717070; }
.m-form .u-ipt { position: absolute; left: 0; top:0; }
.m-form .u-btn1 { position: absolute; left: 175px; top:0; }
/* 操作型弹出浮层-默认居中 */

.m-layer, .m-layer .lymask { top:0; left:0; width:100%; height:100%; }
.m-layer { display:none; position:fixed; _position:absolute; z-index:999; }
.m-layer .lymask { position:absolute; background:#000; opacity:0.6; filter:alpha(opacity=60); _background:none; }
.m-layer .lytable { table-layout:fixed; width:100%; height:100%; }
.m-layer .lytd { width:100%; height:100%; vertical-align:middle; }
.m-layer .lywrap { position:relative; width:650px; margin:0 auto; border-radius:5px; background:#fff; }
.m-layer .lytt { position:relative; padding:15px 15px 5px; height:25px; border-radius:5px 5px 0 0; }
.m-layer .lyclose { float:right; cursor:pointer; width:25px; height:25px; background-position:-251px -26px; }
.m-layer .lyclose:hover { background-position:-251px -90px; }
.m-layer .lyct { padding:0 0 45px; border-radius:0 0 5px 5px; }
/* 显示 */

.m-layer-show { display:block; }
.m-layer .u-ipt { _background-position: -1px -625px; }
.m-layer .u-btn1 { _background-position: -178px -625px; }
/* -----------------unit----------------------- */

.u-btn { display: block; height:52px; width:185px; text-indent:-9999px; overflow: hidden; }
.u-ipt { width:155px; height:46px; line-height:45px; padding:0 10px; font-size:16px; color: #afafaf; border:0; background-position:-1px -315px; }
.u-btn1 { width:118px; height:45px; text-indent:-9999px; overflow: hidden; background-position:-178px -315px; }
.u-btn1:hover { background-position:-178px -365px; }
.u-btn2 { display: block; width: 240px; height:67px; text-indent:-9999px; overflow: hidden; background-position:0 -3px; margin-left:70px; }
.u-btn2:hover { background-position:0 -71px; }
.u-tips { position:absolute; left:-50px; top:4px; _top:2px; width:40px; height:20px; text-indent:-9999px; overflow: hidden; background-position:-300px -1px; }
/* -----------------function------------------- */

.f-cb:after, .f-cbli li:after { display:block; clear:both; visibility:hidden; height:0; overflow:hidden; content:"."; }
.f-cb, .f-cbli li { zoom:1; }
.f-ib { display:inline-block; *display:inline;
*zoom:1;
}
.f-dn { display:none; }
.f-db { display:block; }
.f-fl { float:left; }
.f-fr { float:right; }
.f-pr { position:relative; }
.f-prz { position:relative; zoom:1; }
.f-oh { overflow:hidden; }
.f-ff0 { font-family:arial, \5b8b\4f53; }
.f-ff1 { font-family:"Microsoft YaHei", \5fae\8f6f\96c5\9ed1, arial, \5b8b\4f53; }
.f-fs1 { font-size:12px; }
.f-fs2 { font-size:14px; }
.f-fwn { font-weight:normal; }
.f-fwb { font-weight:bold; }
.f-tal { text-align:left; }
.f-tac { text-align:center; }
.f-tar { text-align:right; }
.f-taj { text-align:justify; text-justify:inter-ideograph; }
.f-vam, .f-vama * { vertical-align:middle; }
.f-wsn { word-wrap:normal; white-space:nowrap; }
.f-pre { overflow:hidden; text-align:left; white-space:pre-wrap; word-wrap:break-word; word-break:break-all; }
.f-wwb { white-space:normal; word-wrap:break-word; word-break:break-all; }
.f-ti { overflow:hidden; text-indent:-30000px; }
.f-ti2 { text-indent:2em; }
.f-lhn { line-height:normal; }
.f-tdu, .f-tdu:hover { text-decoration:underline; }
.f-tdn, .f-tdn:hover { text-decoration:none; }
.f-toe { overflow:hidden; word-wrap:normal; white-space:nowrap; text-overflow:ellipsis; }
.f-csp { cursor:pointer; }
.f-csd { cursor:default; }
.f-csh { cursor:help; }
.f-csm { cursor:move; }
.f-usn { -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none; }
/* -------------------------skin------------------------------- */

.s-fc0, .s-fc0:hover { color:#fff; }
.s-fc1, .s-fc1:hover { color:#000; }
.s-fc2, .s-fc2:hover { color:#333; }
.s-fc3, .s-fc3:hover { color:#666; }
.s-fc4, .s-fc4:hover { color:#999; }
.banner { width:100%; margin:0 auto; position:relative; overflow:hidden; margin-top:30px; }
.m_banner { width:100%; background:#fff; height:388px; position:relative; }
.m_banner .banner { height:388px; width:100%; position:absolute; top:0; left:0; background-position:center center; }
.banner_ctrl { height:100px; width:1000px; position:absolute; top:50%; left:50%; margin:-50px 0 0 -480px; z-index:2; }
.banner_ctrl a { display:block; width:30px; height:100px; background:url(/56/login1/images/banner_ctrl.png) no-repeat; _background:url(/56/login1/images/banner_ctrl.jpg) no-repeat; position:absolute; opacity:.1; filter: alpha(opacity=10); -moz-opacity:0.1; }
.banner_ctrl a.prev { left:0; }
.banner_ctrl a.next { right:0; background-position:-30px 0; }
.m_banner .banner .main_c { position:relative; z-index:10; height:388px; }
.login { width:100%; height:190px; margin-top:10px; margin-bottom:10px; background:url(/56/login1/images/beijing.png) center center; background-size:100%; }
.login ul { width:1000px; margin:0 auto; }
.login li { margin-top:40px; float:left; margin-left:70px; padding-right:70px; }
.header { width:100%; position:fixed; top:0; background-image:url(/56/login1/images/nav_bg.jpg); border-bottom:1px #ccc solid; height:59px; z-index:1000; }
.logo { float:left; }
.nav { width:1000px; margin:0 auto; height:60px; }
.nav ul { padding-left:400px; }
.nav li { float:left; line-height:60px; }
.nav li a { color:#333; font-size:16px; padding:0 15px; }
.nav li a:hover { padding-bottom:10px; border-bottom:3px #00C solid; }
.footer { width:1000px; margin:0 auto; }
.footer p { font-size:12px; }
.footer a { color:#333; }
.footer a:hover { text-decoration:underline; }
.foo p { line-height:30px; }
.foot { background:#ffd697; height:100px; }
#kuang { width:1000px; height:211px; margin:0 auto; margin-bottom:10px; }
#kuang .pin { float:left; width:233px; height:211px; margin-left:5px; margin-right:5px; }
#kuang .pin:hover { box-shadow: 0px 0px 20px #000; cursor:pointer; }
#kuang .pinn { float:left; width:233px; height:211px; margin-left:5px; margin-right:5px; border:1px #aeaeae solid; }
.yun { margin-top:10px; width:233px; height:47px; background-image:url(/56/login1/images/sousuo.jpg); background-repeat:no-repeat; }
.yundan { margin-left:8px; margin-top:14px; width:187px; height:20px; border:0; }
.anniu { float:right; width:24px; height:28px; margin-right:6px; margin-top:10px; border:0; background:none; cursor:pointer; }
