html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

html, body { height: 100%; }

body { padding: 0; margin: 0; font-size: 14px; font-family: 'microsoft yahei'; color: #425264; min-width: 1200px; }

a { color: #425264; text-decoration: none; }

a:hover { color: #29333e; text-decoration: underline; }

.main { width: 1065px; margin: 0 auto; *zoom: 1; }
.main:after { content: ""; display: table; clear: both; }

.top-nav { background: #333333; height: 44px; font-size: 12px; padding: 0px 8px; line-height: 44px; }
.top-nav .user { color: #fff; margin-right: 25px; }
.top-nav .user img { float: left; margin-right: 10px; margin-top: 10px; }
.top-nav .more { margin-right: 30px; background: url(../../images/front/topnav-more.png) center center no-repeat; width: 10px; height: 10px; display: inline-block; }

.header { margin: 15px 20px; height: 50px; }

.nav { display: block; float: left; }

.nav li { float: left; list-style: none; margin: 0 12px; width: 80px; }
.nav li a { color: #425264; font-weight: bold; padding: 21px 5px 25px 5px; display: inline-block; }
.nav li a:hover { color: #29333e; text-decoration: none; }
.nav li .child { display: none; }
.nav li:hover .child { display: block; }
.nav li.active a { border-bottom: 5px solid #b61a15; position: relative; z-index: 10; }
.nav li.activeLi a { border-bottom: 5px solid #b61a15; position: relative; z-index: 10; }
.nav li.active .child { position: absolute; left: 0; background: #fff; z-index: 9; border-top: 1px solid #d2d8dd; }
.nav li.active .child ul { max-width: 250px; margin-top: -1px; padding: 20px 0; }
.nav li.active .child li { float: none; margin: 0; width: auto; }
.nav li.active .child li a { padding: 15px 5px; border: none; }
.nav li.active .child li a:hover { color: #b61a15; }

.searchbox { float: right; display: block; position: relative; height: 34px; min-width: 35px; }
.searchbox input { margin: 12px 0 15px 32px; padding: 0 15px; width: 250px; height: 34px; border: 1px solid #d2d8dd; display: none; }
.searchbox.locked input { display: block; }
.searchbox .search-btn { width: 20px; height: 20px; display: inline-block; background: #ddd; position: absolute; top: 20px; right: 15px; background: url(../../images/front/search-btn.png) 95% center no-repeat; border: none; }
.searchbox:hover .search-btn { background-image: url(../../images/front/search-btn-active.png); }

.footer-nav { padding: 50px 0; overflow: hidden; background: #f7f7f7; border-top: 1px solid #d2d8dd; }
.footer-nav .area-primary .primary-title { width: 100%; display: inline-block; font-size: 32px; padding-bottom: 20px; }
.footer-nav .area-primary.contact { width: 170px; }
.footer-nav .area-secondary { float: left; }
.footer-nav .area-secondary .secondary-title { font-size: 18px; font-weight: bold; line-height: 24px; background: url(../../images/front/footer-btn-help.png) no-repeat left center; padding-left: 30px; margin-bottom: 20px; margin-top: 15px; display: inline-block; }
.footer-nav .area-secondary .secondary-title.help { background-image: url(../../images/front/footer-btn-help.png); }
.footer-nav .area-secondary .secondary-title.tools { background-image: url(../../images/front/footer-btn-tools.png); }
.footer-nav .area-secondary .secondary-title.email { background-image: url(../../images/front/footer-btn-service.png); }
.footer-nav .area-secondary .secondary-title.service-time { background-image: url(../../images/front/footer-btn-time.png); }
.footer-nav .area-secondary.wide { width: 380px; }
.footer-nav .area-secondary ul { margin-left: 30px; }
.footer-nav .area-secondary li { line-height: 30px; }

.footer { background: #333333; color: #ffffff; padding: 19px 0; height: 16px; }
.footer a { color: #fff; }
.footer .separator { padding: 0 12px; }

.container { width: 1065px; margin: 0 auto; position: relative; }

.wrapUser a:hover { color: #fff; }

.pull-left { float: left; }

.pull-right { float: right; }

.text-right { text-align: right; }

.text-center { text-align: center; }

.btn { color: #fff; border-radius: 5px; display: inline-block; }
.btn.btn-text { line-height: 24px; padding: 0 10px; }
.btn.btn-small { line-height: 24px; padding: 0 10px; background: #b61a15; }

.pagination { text-align: center; margin-bottom: 50px; }
.pagination .pag-content { display: inline-block; }
.pagination a { box-sizing: content-box; height: 40px; line-height: 40px; padding: 0 15px; text-align: center; border: #d2d8dd solid 1px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; margin-left: -1px; background: #fff; text-decoration: none; }
.pagination a:hover { background: #f7f7f7; }
.pagination a.prev { margin-right: 10px; padding: 0 25px; }
.pagination a.next { margin: 0 10px; padding: 0 25px; }
.pagination a.current { background-color: #b61a15; color: #fff; }
.pagination a.current:hover { background-color: #b61a15; }

.clearfix { *zoom: 1; }
.clearfix:after { content: ""; display: table; clear: both; }

.breadcrum { background: #333; color: #ffffff; height: 40px; margin-bottom: 5px; line-height: 40px; }
.breadcrum div { width: 1065px; margin: 0 auto; }
.breadcrum a { color: #ffffff; }

input[type=text]:focus, input[type=password]:focus { border-color: #b61a15 !important; outline: none; }

button { outline: none !important; }

.mTitle { font-weight: 600; font-size: 26px; line-height: 26px; padding: 27px 0; }
.mTitle2 { font-weight: 600; font-size: 26px; line-height: 26px; padding: 27px 0; }


.sendEmail2{
    float: right;
    display: inline-block;
    width: 110px;
    height: 32px;
    background: #B61A15;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    position: absolute;
    bottom: -30px;
    left: 0;
    font-size: 12px;
}

.icon-sprite, .account, .log_out, .resource, .arrow_white { background-image: url('../../images/front/icon.png'); background-repeat: no-repeat; }

.account { background-position: 0 0; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; width: 16px; height: 13px; }

.log_out { background-position: 0 -387px; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; width: 16px; height: 16px; }

.resource { background-position: 0 -633px; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; width: 16px; height: 17px; }

.arrow_white { background-position: 0 -43px; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; width: 15px; height: 7px; }

.after_login { position: relative; }
.after_login:hover .drop_down { display: block; }

.drop_down { display: none; position: absolute; top: 45px; left: -37px; z-index: 10; }
.drop_down .arrow_white { position: absolute; top: -7px; left: 42px; }
.drop_down ul { box-shadow: 0px 3px 10px #e2e2e2; -webkit-box-shadow: 0px 3px 10px #e2e2e2; -moz-box-shadow: 0px 3px 10px #e2e2e2; margin-top: -1px; border: 1px solid #d2d8dd; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: #fff; padding: 8px 0; }
.drop_down ul li { line-height: 40px; height: 40px; }
.drop_down ul li a { width: 100%; height: 100%; padding: 0 20px; box-sizing: border-box; display: inline-block; }
.drop_down ul li a:hover { color: #425264; text-decoration: none; }
.drop_down ul li a span { margin-right: 8px; }
.drop_down ul li:hover { background: #d4dadf; }
