/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
    font-family: sans-serif;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/**
 * Remove default margin.
 */
body {
    margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
    display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
    background: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
    outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
    font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
    background: #ff0;
    color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
    border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
    overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
    margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
    overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    /* 1 */
    font: inherit;
    /* 2 */
    margin: 0;
    /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
    overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
    line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
    border: 0;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
    overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
    font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

html,
body {
    font-family: '\5FAE\8F6F\96C5\9ED1';
    background-color: #ffffff;
}

a {
    text-decoration: none;
}

a i {
    cursor: pointer;
}

a:hover {
    text-decoration: underline;
}

.fn-fl {
    display: inline;
    float: left;
}

.fn-fr {
    display: inline;
    float: right;
}

.fn-cb:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: ".";
    clear: both;
    height: 0;
}

.fn-cb {
    zoom: 1;
}



#footerMenu {
    overflow: hidden;
    padding: 25px 0 15px;
    background-color: #e9e9e9;
}

#footerMenu .wp {
    width: 960px;
    margin: 0 auto;
}

#footerMenu dl,
#footerMenu dt,
#footerMenu dd {
    margin: 0;
    padding: 0;
}

#footerMenu dl {
    display: inline;
    float: left;
    width: 145px;
}

#footerMenu dt {
    color: #D20000;
    font-size: 18px;
    text-transform: uppercase;
}

#footerMenu dd {
    font-size: 14px;
}

#footerMenu dd a {
    color: #000000;
}

#footerMenu .qrcode {
    display: inline;
    float: left;
    width: 144px;
    margin: 0 0 0 30px;
    border: 1px solid #D1484C;
    background-color: #000;
    font-size: 12px;
    text-align: center;
    color: #fff;
    line-height: 26px;
}

#footerMenu .qrcode img {
    display: block;
    margin: 0 auto;
    padding: 0 2px;
    background-color: #fff;
}

#footerMenu .logo {
    display: inline;
    float: right;
    width: 248px;
    height: 64px;
    margin: 53px 0 0 0;
    text-align: center;
    line-height: 64px;
}

#footerMenu .logo a {
    display: block;
    width: 248px;
    height: 64px;
    position: relative;
    color: #000;
    font-size: 56px;
}

#footerMenu .logo a span {
    color: #c9161d;
}

#footerMenu .logo i {
    display: block;
    width: 248px;
    height: 64px;
    position: absolute;
    background-image: url('../img/layout.png');
    background-position: -1472px 0;
    top: 0;
    left: 0;
}



.line {
    border-top: 1px solid #262626;
}

.line i {
    display: block;
    width: 86px;
    height: 24px;
    margin: 0 auto;
    background-image: url('../img/index.jpg');
    background-position: -764px -793px;
}

.bodyer {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.bodyer .shadow {
    width: 100%;
    height: 0px;
    background: url("../img/shadow.png") repeat-x 0 0;
    _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/shadow.png", sizingMethod="scale");
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
}

.bodyer .wp {
    width: 1100px;
    margin: 0 auto 45px;
}

.bodyer .sidebar {
    display: inline;
    float: left;
    width: 310px;
    overflow: hidden;
}

.bodyer .sidebar .menu {
    overflow: hidden;
    padding: 30px 15px;
    margin: 20px 0 40px 0;
    background-color: #eaeaea;
}

.bodyer .sidebar .menu dl,
.bodyer .sidebar .menu dt,
.bodyer .sidebar .menu dd {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.bodyer .sidebar .menu dt {
    font-size: 14px;
    color: #000;
    line-height: 200%;
}

.bodyer .sidebar .menu dt a {
    font-weight: bold;
    color: #000000;
    margin-left: 20px;
}

.bodyer .sidebar .menu dd {
    padding: 0 0 0 35px;
    font-size: 12px;
    color: #3B3B3B;
    line-height: 200%;
}

.bodyer .sidebar .menu dd a {
    display: block;
    color: #999999 !important;
    font: 12px/18px "宋体", Arial;
    line-height: 22px;

	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.bodyer .sidebar .menu .icon {
    overflow: hidden;
    margin: 0 0 0 auto;
    background-repeat: no-repeat;
    background-image: url("../img/sidebarIcon.png");
}

.bodyer .sidebar .menu .icon1 {
    width: 87px;
    height: 96px;
    background-position: 0 0;
}

.bodyer .sidebar .menu .icon2 {
    width: 83px;
    height: 108px;
    background-position: -87px 0;
}

.bodyer .sidebar .userCard {
    padding: 35px 0 ;
    background-color: #eaeaea;
}
.bodyer .sidebar .userCard .img {
    margin: 0 0 10px;

}
.bodyer .sidebar .userCard .img img {
    display: block;
    width: 137px;
    overflow: hidden;
    margin: 0 auto;

}
.bodyer .sidebar .userCard .name {
    width: 137px;
    overflow: hidden;
    margin: 0 auto 10px;
    font-size: 14px;
    color: #000000;
    line-height: 30px;
    border-bottom: 1px solid #B1B1B1;
}
.bodyer .sidebar .userCard .name a {
    color: #000000;
    text-decoration: none;
	font-weight: bold;
}
.bodyer .sidebar .userCard .intro {
    font-size: 12px;
    color: #999999;
    width: 137px;
    overflow: hidden;
    margin: 0 auto;
    line-height: 20px;
}
.bodyer .sidebar .userCard .intro p {
    margin: 0;
    padding: 0;
}



.bodyer .main {
    display: inline;
    float: right;
    width: 740px;
    overflow: hidden;
}

.bodyer .main .guideBar {
    padding: 20px 0 10px;
    border-bottom: 1px solid #E6E6E6;
}

.bodyer .main .search {
    display: inline;
    float: right;
    width: 200px;
    height: 20px;
    overflow: hidden;
    padding: 5px;
    border: 1px solid #EAEAEA;
}

.bodyer .main .search .ipt_txt {
    display: inline;
    float: left;
    width: 180px;
    height: 20px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 14px;
}

.bodyer .main .search .ipt_txt::-webkit-input-placeholder {
    color: #bababa;
}

.bodyer .main .search .ipt_txt:-moz-placeholder {
    color: #bababa;
}

.bodyer .main .search .ipt_txt::-moz-placeholder {
    color: #bababa;
}

.bodyer .main .search .ipt_txt:-ms-input-placeholder {
    color: #bababa;
}

.bodyer .main .search .ipt_btn {
    display: inline;
    float: left;
    width: 20px;
    height: 20px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    border: 0;
    background-image: url('../img/layout.png');
    background-position: -728px -54px;
}

.bodyer .main .guide {
    display: inline;
    float: left;
    font-size: 14px;
    line-height: 32px;
}

.bodyer .main .guide a {
    color: #000;
}

/** add by gong **/
.wrapper {
    width: 960px;
    overflow: hidden;
    margin: 0 auto;
}

.shadow {
    background-image: url('../img/shadow.png');
    height: 0px;
}

#indexBanner {
    width: 100%;
    height: 500px;
    overflow: hidden;
    position: relative;
}

#indexBanner ul,
#indexBanner li {
    margin: 0;
    padding: 0;
    overflow: hidden;
    list-style-type: none;
}

#indexBanner li {
    width: 1920px;
    height: 500px;
    overflow: hidden;
    margin: 0 0 0 -960px;
    position: absolute;
    left: 50%;
    top: 0;
}

#indexBanner img {
    display: block;
    margin: 0 auto;
}

#indexBanner .arr {
    width: 80px;
    height: 31px;
    overflow: hidden;
    position: absolute;
    right: 30px;
    top: 20px;
}

#indexBanner .arr span {
    display: inline;
    float: left;
    width: 30px;
    height: 31px;
    overflow: hidden;
    margin: 0 5px;
    cursor: pointer;
}

#indexBanner .arr .arrL {
    background: url("../img/flashArrLeft.png") no-repeat 0 0;
    _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/flashArrLeft.png");
}

#indexBanner .arr .arrL:hover {
    background: url("../img/flashArrLeftCurrent.png") no-repeat 0 0;
    _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/flashArrLeftCurrent.png");
}

#indexBanner .arr .arrR {
    background: url("../img/flashArrRight.png") no-repeat 0 0;
    _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/flashArrRight.png");
}

#indexBanner .arr .arrR:hover {
    background: url("../img/flashArrRightCurrent.png") no-repeat 0 0;
    _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/flashArrRightCurrent.png");
}

#indexSearch {
    background-color: #000000;
    overflow: hidden;
}

#indexSearch .wp {
    width: 960px;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    margin: 0 auto;
    font-size: 12px;
}

#indexSearch .search {
    display: inline;
    float: right;
    background-color: #d70000;
}

#indexSearch .search form {
    display: inline;
}

#indexSearch .search input {
    border: 0;
}

#indexSearch .search .ipt_txt {
    display: inline;
    float: left;
    width: 190px;
    height: 32px;
    padding: 0 0 0 10px;
    background-color: transparent;
    color: #fff;
    line-height: normal;
    _line-height: 32px;
}

#indexSearch .search .ipt_txt::-webkit-input-placeholder {
    color: #880000;
}

#indexSearch .search .ipt_txt:-moz-placeholder {
    color: #880000;
}

#indexSearch .search .ipt_txt::-moz-placeholder {
    color: #880000;
}

#indexSearch .search .ipt_txt:-ms-input-placeholder {
    color: #880000;
}

#indexSearch .search .ipt_btn {
    display: inline;
    float: left;
    width: 36px;
    height: 32px;
    background-color: #660000;
    background-image: url('../img/index.jpg');
    background-position: -784px -334px;
}

#indexSearch .hotKey {
    display: inline;
    float: left;
    text-align: left;
    color: #FFFFFF;
}

#indexSearch .hotKey a {
    color: #FFFFFF;
}

#indexWhyChoose {
    width: 960px;
    overflow: hidden;
    margin: 0 auto;
    padding: 30px 0 0 0;
}

#indexWhyChoose .hd {
    width: 607px;
    height: 94px;
    overflow: hidden;
    margin: 0 auto 30px;
    text-align: center;
    position: relative;
}

#indexWhyChoose .hd span {
    color: #d70000;
}

#indexWhyChoose .hd h3,
#indexWhyChoose .hd h4 {
    margin: 0;
    padding: 0;
    line-height: 1;
}

#indexWhyChoose .hd h3 {
    font-size: 64px;
}

#indexWhyChoose .hd h4 {
    font-size: 24px;
}

#indexWhyChoose .hd i {
    display: inline-block;
    width: 607px;
    height: 94px;
    background-image: url('../img/index.jpg');
    background-position: 0 -69px;
    position: absolute;
    left: 0;
    top: 0;
}

#indexWhyChoose .line {
    margin: 0 0 36px 0;
}

#indexWhyChoose .bd {
    margin: 0 0 40px;
}

#indexWhyChoose .bd dl,
#indexWhyChoose .bd dt,
#indexWhyChoose .bd dd {
    margin: 0;
    padding: 0;
}

#indexWhyChoose .bd dl {
    display: inline;
    float: left;
    width: 318px;
}

#indexWhyChoose .bd dt {
    width: 318px;
    height: 192px;
    overflow: hidden;
    background-image: url('../img/index.jpg');
    text-align: center;
    font-size: 22px;
    color: #000;
    font-weight: bold;
    line-height: 280px;
}

#indexWhyChoose .bd dd {
    height: 185px;
    overflow: hidden;
    border: 1px solid #E3E3E3;
    border-width: 0 1px 1px;
    color: #434343;
    font-size: 14px;
}

#indexWhyChoose .bd dd p {
    margin: 12px 4px 12px 2px;
    padding: 0 0 0 18px;
    background-image: url('../img/index.jpg');
    background-position: -984px -1096px;
    background-repeat: no-repeat;
    line-height: 150%;
}

#indexWhyChoose .bd dd strong {
    color: #c9161d;
    font-weight: normal;
}

#indexWhyChoose .bd .col1 dt {
    background-position: 0 -900px;
}

#indexWhyChoose .bd .col2 {
    margin: 0 3px;
}

#indexWhyChoose .bd .col2 dt {
    background-position: 0 -1284px;
}

#indexWhyChoose .bd .col3 dt {
    background-position: 0 -1092px;
}

#indexWhyChoose .intro {
    width: 779px;
    height: 69px;
    overflow: hidden;
    margin: 0 auto 20px;
    text-align: center;
    font-size: 42px;
    line-height: 69px;
    position: relative;
}

#indexWhyChoose .intro strong {
    color: #d70000;
    font-weight: normal;
}

#indexWhyChoose .intro i {
    display: block;
    width: 779px;
    height: 69px;
    background-image: url('../img/index.jpg');
    background-position: 0 0;
    position: absolute;
    top: 0;
    left: 0;
}

#indexWhyChoose .chat {
    width: 170px;
    height: 39px;
    overflow: hidden;
    margin: 0 auto 30px;
    text-align: center;
    line-height: 39px;
    background-color: #0670b9;
}

#indexWhyChoose .chat a {
    display: block;
    width: 170px;
    height: 39px;
    color: #fff;
    font-size: 18px;
    position: relative;
}

#indexWhyChoose .chat i {
    display: block;
    width: 170px;
    height: 39px;
    background-image: url('../img/index.jpg');
    background-position: -615px -152px;
    position: absolute;
    top: 0;
    left: 0;
}

#indexEp {
    background-color: #eeeeee;
}

#indexEp .wp {
    width: 1040px;
    overflow: hidden;
    margin: 0 auto;
    padding: 10px 0 0 0;
}

#indexEp .hd {
    width: 391px;
    height: 119px;
    overflow: hidden;
    margin: 0 auto 25px;
    position: relative;
    text-align: center;
}

#indexEp .hd span {
    color: #d70000;
}

#indexEp .hd h3,
#indexEp .hd h4 {
    margin: 0;
    padding: 0;
    line-height: 1;
}

#indexEp .hd h3 {
    font-size: 36px;
}

#indexEp .hd h4 {
    font-size: 42px;
}

#indexEp .hd i {
    display: block;
    width: 391px;
    height: 119px;
    background-image: url('../img/index.jpg');
    background-position: 0 -481px;
    position: absolute;
    top: 0;
    left: 0;
}

#indexEp .line {
    margin: 0 0 30px 0;
}

#indexEp .line i {
    background-position: -764px -769px;
}

#indexEp .bd {
    color: #434343;
    font-size: 14px;
}

#indexEp .bd dl {
    display: inline;
    float: left;
    margin: 0 38px;
    width: 183px;
}

#indexEp .bd dt {
    display: block;
    width: 183px;
    height: 210px;
    overflow: hidden;
    margin: 0 0 30px;
    text-align: center;
    font-size: 80px;
    line-height: 210px;
    position: relative;
}

#indexEp .bd dt i {
    display: block;
    width: 183px;
    height: 210px;
    background-image: url('../img/index.jpg');
    position: absolute;
    top: 0;
    left: 0;
}

#indexEp .bd .col1 dt {
    background-color: #009aff;
    color: #ffffff;
}

#indexEp .bd .col1 dt i {
    background-position: 0 -690px;
}

#indexEp .bd .col2 dt {
    background-color: #002f70;
    color: #ffd300;
}

#indexEp .bd .col2 dt i {
    background-position: -183px -690px;
}

#indexEp .bd .col3 dt {
    background-color: #ffd300;
    color: #5e2d64;
}

#indexEp .bd .col3 dt i {
    background-position: -366px -690px;
}

#indexEp .bd .col4 dt {
    background-color: #3f674d;
    color: #ffffff;
}

#indexEp .bd .col4 dt i {
    background-position: -549px -690px;
}

#indexEp .bd dd {
    margin: 0 0 20px;
    padding: 0;
    line-height: 22px;
}

#indexEp .bd strong {
    font-weight: normal;
    color: #c9161d;
}

#indexEpMore {
    height: 190px;
    background-color: #D70000;
    background-image: url('../img/indexBar.jpg');
    background-position: center -66px;
}

#indexEpMore .wp {
    width: 960px;
    height: 190px;
    margin: 0 auto;
    background-image: url('../img/indexBar.jpg');
    background-position: -380px -66px;
    position: relative;
}

#indexEpMore .more {
    color: #fff;
    position: absolute;
    top: 32px;
    left: 685px;
}

#indexEpMore .more a {
    color: #fff;
}

#indexEpMore .chat {
    position: absolute;
    top: 131px;
    left: 805px;
}

#indexEpMore .chat a {
    display: block;
    width: 142px;
    height: 39px;
    line-height: 39px;
    background-color: #e6e703;
    color: #000;
    font-weight: bold;
    text-align: center;
    font-size: 18px;
    position: relative;
}

#indexEpMore .chat a i {
    display: block;
    width: 142px;
    height: 39px;
    background-image: url('../img/index.jpg');
    background-position: -615px -231px;
    position: absolute;
    top: 0;
    left: 0;
}

#indexHumane {
    width: 960px;
    overflow: hidden;
    margin: 0 auto;
    padding: 30px 0 0 0;
    position: relative;
}

#indexHumane .hd {
    width: 540px;
    height: 72px;
    overflow: hidden;
    margin: 0 auto 30px;
    position: relative;
    text-align: center;
}

#indexHumane .hd span {
    color: #d70000;
}

#indexHumane .hd h3,
#indexHumane .hd h4 {
    margin: 0;
    padding: 0;
    line-height: 1;
}

#indexHumane .hd h3 {
    font-size: 36px;
}

#indexHumane .hd h4 {
    font-size: 28px;
}

#indexHumane .hd i {
    display: block;
    width: 540px;
    height: 72px;
    background-image: url('../img/index.jpg');
    background-position: 0 -262px;
    position: absolute;
    top: 0;
    left: 0;
}

#indexHumane .line {
    margin: 0 0 30px 0;
}

#indexHumane .bd {
    position: relative;
}

#indexHumane .bd .title {
    display: inline;
    float: left;
    width: 180px;
    height: 540px;
    overflow: hidden;
}

#indexHumane .bd .title div {
    width: 180px;
    height: 180px;
    overflow: hidden;
    text-align: center;
    line-height: 180px;
    background-color: #11100F;
    color: #fff;
    font-size: 36px;
    font-weight: bold;
    position: relative;
}

#indexHumane .bd .title div.current {
    background-color: #470709;
}

#indexHumane .bd .title i {
    width: 180px;
    height: 180px;
    background-image: url('../img/index.jpg');
    position: absolute;
    top: 0;
    left: 0;
}

#indexHumane .bd .subTitle {
    display: inline;
    float: left;
    width: 780px;
    height: 180px;
    overflow: hidden;
    background-color: #fade01;
}

#indexHumane .bd .subBox {
    padding: 20px;
}

#indexHumane .bd .subBox div {
    display: inline;
    float: left;
    width: 246px;
    height: 46px;
    overflow: hidden;
    line-height: 46px;
}

#indexHumane .bd .subBox div span {
    float: left;
    height: 46px;
    overflow: hidden;
    padding: 0 0 0 8px;
    background-position: -318px -900px;
}

#indexHumane .bd .subBox div i {
    float: left;
    width: 8px;
    height: 46px;
    overflow: hidden;
    background-position: -558px -900px;
}

#indexHumane .bd .subBox .current span,
#indexHumane .bd .subBox .current i {
    background-image: url('../img/index.jpg');
}

#indexHumane .bd .content {
    display: inline;
    float: left;
    width: 520px;
    height: 360px;
    overflow: hidden;
    background-color: #022f6e;
    color: #fff;
    position: relative;
}

#indexHumane .bd .content dl,
#indexHumane .bd .content dt,
#indexHumane .bd .content dd,
#indexHumane .bd .content p {
    margin: 0;
    padding: 0;
}

#indexHumane .bd .content dl {
    width: 450px;
    height: 290px;
    padding: 35px;
    overflow: hidden;
}

#indexHumane .bd .content dt {
    padding: 0 0 10px 20px;
    border-bottom: 1px solid #7790B2;
    font-size: 18px;
    font-weight: bold;
}

#indexHumane .bd .content dt a {
    color: #fff;
}

#indexHumane .bd .content dd {
    font-size: 14px;
    line-height: 160%;
    padding: 20px 0 20px 20px;
}

#indexHumane .bd .content dd span {
    color: #ffff00;
}

#indexHumane .bd .icon {
    float: right;
    width: 260px;
    height: 360px;
    overflow: hidden;
    background-image: url('../img/index.jpg');
    background-position: -740px -409px;
}

#indexHumane .bd .chat {
    display: block;
    position: absolute;
    top: 310px;
    left: 400px;
    z-index: 100;
    font-size: 14px;
    line-height: 14px;
}

#indexHumane .bd .chat a {
    float: left;
    color: #fade01;
}

#indexHumane .bd .chat i {
    float: left;
    width: 6px;
    height: 9px;
    overflow: hidden;
    margin: 3px 0 0 10px;
    background-image: url('../img/index.jpg');
    background-position: -779px 0;
}

#iht1 i {
    background-position: -318px -958px;
}

#iht1.current i {
    background-position: -318px -1138px;
}

#iht2 i {
    background-position: -498px -958px;
}

#iht2.current i {
    background-position: -498px -1138px;
}

#iht3 i {
    background-position: -678px -958px;
}

#iht3.current i {
    background-position: -678px -1138px;
}

#indexHumaneChat {
    width: 960px;
    height: 189px;
    overflow: hidden;
    margin: 0 auto 10px;
}

#indexHumaneChat .hd {
    display: inline;
    float: left;
    width: 615px;
    height: 99px;
    overflow: hidden;
    margin: 65px 0 0 0;
    text-align: center;
    line-height: 49px;
    font-size: 48px;
    position: relative;
}

#indexHumaneChat .hd span {
    color: #c9161d;
}

#indexHumaneChat .hd i {
    display: block;
    width: 615px;
    height: 99px;
    background-image: url('../img/index.jpg');
    background-position: 0 -163px;
    position: absolute;
    top: 0;
    left: 0;
}

#indexHumaneChat .chat {
    display: inline;
    float: right;
    width: 150px;
    height: 189px;
    overflow: hidden;
    line-height: 189px;
}

#indexHumaneChat .chat a {
    display: block;
    width: 150px;
    height: 189px;
    color: #000;
    font-size: 18px;
    position: relative;
}

#indexHumaneChat .chat i {
    display: block;
    width: 150px;
    height: 189px;
    background-image: url('../img/index.jpg');
    background-position: -850px -769px;
    position: absolute;
    top: 0;
    left: 0;
}

#indexMode {
    overflow: hidden;
    margin: 0 0 40px;
    background-color: #eeeeee;
    background-image: url('../img/indexBar.jpg');
    background-position: 0 655px;
    background-repeat: repeat-x;
}

#indexMode .wp {
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
    padding: 30px 0 0 0;
}

#indexMode .line {
    margin: 0 0 30px;
}

#indexMode .line i {
    background-position: -764px -769px;
}

#indexMode .hd {
    width: 492px;
    height: 112px;
    overflow: hidden;
    margin: 0 auto 30px;
    text-align: center;
    position: relative;
}

#indexMode .hd h3,
#indexMode .hd h4 {
    margin: 0;
    padding: 0;
    line-height: 56px;
}

#indexMode .hd h3 {
    font-size: 24px;
}

#indexMode .hd h4 {
    font-size: 42px;
}

#indexMode .hd span {
    color: #c9161d;
}

#indexMode .hd i {
    display: block;
    width: 492px;
    height: 112px;
    background-image: url('../img/index.jpg');
    background-position: 0 -334px;
    position: absolute;
    top: 0;
    left: 0;
}

#indexMode .bd {
    width: 1020px;
    height: 494px;
    overflow: hidden;
}

#indexMode .col {
    display: inline;
    float: left;
    width: 454px;
    height: 494px;
    margin-right: 52px;
    border-radius: 6px;
    background-color: #0674c1;
}

#indexMode .col .title {
    height: 24px;
    overflow: hidden;
    margin: 40px auto 16px;
    font-size: 24px;
    line-height: 24px;
    text-align: center;
    color: #ffffff;
    position: relative;
}

#indexMode .col .title span {
    color: #fade01;
}

#indexMode .col .title i {
    display: block;
    height: 24px;
    background-image: url('../img/index.jpg');
    position: absolute;
    top: 0;
    left: 0;
}

#indexMode .col .content {
    padding: 20px 0 0;
    margin: 0 32px;
    border-top: 1px solid #FFFFFF;
}

#indexMode .col dl,
#indexMode .col dt,
#indexMode .col dd,
#indexMode .col p {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#indexMode .col dl {
    display: inline;
    float: left;
    width: 195px;
    height: 174px;
    overflow: hidden;
    background-color: #E5E5E5;
    border-bottom: 1px solid #0674C1;
}

#indexMode .col dl.even {
    background-color: #F5F2F3;
}

#indexMode .col dt {
    padding: 20px 20px 10px;
    color: #434343;
    font-size: 16px;
    font-weight: bold;
    line-height: 150%;
}

#indexMode .col dt em {
    display: block;
    color: #d4d3d3;
    font-family: 'Myriad Pro';
    font-style: normal;
}

#indexMode .col dd {
    padding: 0 20px 20px;
    color: #434343;
    line-height: 150%;
    font-size: 13px;
}

#indexMode #cpif .title {
    width: 175px;
}

#indexMode #cpif .title i {
    width: 175px;
    background-position: -607px -104px;
}

#indexMode #lhwm .title {
    width: 202px;
}

#indexMode #lhwm .title i {
    width: 202px;
    background-position: -607px -128px;
}

#indexModeChat {
    height: 190px;
    overflow: hidden;
    margin: 0 0 35px;
    background-image: url('../img/indexBar.jpg');
    background-position: center -256px;
}

#indexModeChat .wp {
    width: 960px;
    margin: 0 auto;
    background-image: url('../img/indexBar.jpg');
    background-position: -380px -256px;
    position: relative;
}

#indexModeChat .chat {
    width: 120px;
    height: 33px;
    text-align: center;
    line-height: 33px;
    position: absolute;
    top: 147px;
    left: 824px;
}

#indexModeChat .chat a {
    display: block;
    width: 120px;
    height: 33px;
    background-color: #0670b9;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    position: relative;
}

#indexModeChat .chat i {
    display: block;
    width: 120px;
    height: 33px;
    background-image: url('../img/index.jpg');
    background-position: -492px -409px;
    position: absolute;
    top: 0;
    left: 0;
}

#indexPrefect {
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
}

#indexPrefect .hd {
    width: 338px;
    height: 73px;
    overflow: hidden;
    margin: 0 auto 25px;
    text-align: center;
    line-height: 31px;
    position: relative;
}

#indexPrefect .hd h3,
#indexPrefect .hd h4 {
    margin: 0;
    padding: 0;
    font-size: 30px;
}

#indexPrefect .hd span {
    color: #d70000;
}

#indexPrefect .hd i {
    display: block;
    width: 338px;
    height: 73px;
    overflow: hidden;
    background-image: url('../img/index.jpg');
    background-position: -391px -481px;
    position: absolute;
    top: 0;
    left: 0;
}

#indexPrefect .line {
    margin: 0 0 25px;
}

#indexPrefect .bd {
    width: 2520px;
    overflow: hidden;
    margin: 0 0 20px;
}

#indexPrefect dl,
#indexPrefect dt,
#indexPrefect dd {
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
    height: 400px;
}

#indexPrefect dt {
    width: 24px;
    height: 360px;
    padding: 40px 18px 0;
    overflow: hidden;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    position: relative;
}

#indexPrefect dt i {
    display: block;
    width: 60px;
    height: 400px;
    background-image: url('../img/index.jpg');
    position: absolute;
    top: 0;
    left: 0;
}

#indexPrefect dd {
    width: 780px;
}

#indexPrefect img {
    display: block;
}

#indexPrefect .item1 dt {
    background-color: #d70000;
    color: #fff;
}

#indexPrefect .item1 i {
    background-position: -820px 0;
}

#indexPrefect .item2 dt {
    background-color: #ffd300;
    color: #5c2727;
}

#indexPrefect .item2 i {
    background-position: -880px 0;
}

#indexPrefect .item3 dt {
    background-color: #9fa0a0;
    color: #fff;
}

#indexPrefect .item3 i {
    background-position: -940px 0;
}

#indexPrefect .tel {
    clear: both;
    width: 334px;
    height: 51px;
    overflow: hidden;
    margin: 0 0 50px auto;
    color: #a3a3a3;
    line-height: 25px;
    font-size: 24px;
    position: relative;
}

#indexPrefect .tel strong {
    color: #c9161d;
}

#indexPrefect .tel i {
    display: block;
    width: 334px;
    height: 51px;
    overflow: hidden;
    background-image: url('../img/index.jpg');
    background-position: -391px -554px;
    position: absolute;
    top: 0;
    left: 0;
}

#indexQuan {
    height: 755px;
    overflow: hidden;
    background-image: url('../img/indexBar.jpg');
    background-position: center -446px;
}

#indexQuan .wp {
    width: 960px;
    overflow: hidden;
    margin: 0 auto;
    padding: 40px 0 0 0;
    background-image: url('../img/indexBar.jpg');
    background-position: -380px -446px;
}

#indexQuan .hd {
    width: 960px;
    height: 87px;
    overflow: hidden;
    margin: 0 0 30px;
    text-align: center;
    line-height: 43px;
    position: relative;
}

#indexQuan .hd h3,
#indexQuan .hd h4 {
    margin: 0;
    padding: 0;
    font-size: 42px;
}

#indexQuan .hd span {
    color: #d70000;
}

#indexQuan .hd i {
    display: block;
    width: 960px;
    height: 87px;
    overflow: hidden;
    background-image: url('../img/index.jpg');
    background-position: 0 -1476px;
    position: absolute;
    top: 0;
    left: 0;
}

#indexQuan .line {
    margin: 0 0 20px;
}

#indexQuan .line i {
    background-position: -764px -817px;
}

#indexQuan .bd {
    height: 480px;
    overflow: hidden;
}

#indexQuan .thumb {
    display: inline;
    float: left;
    width: 320px;
    height: 320px;
    overflow: hidden;
    text-align: center;
    font-size: 18px;
}

#indexQuan .thumb a {
    display: block;
    width: 320px;
    height: 320px;
    text-decoration: none;
    position: relative;
}

#indexQuan .thumb img {
    width: 100%;
}

#indexQuan .thumb .name {
    display: block;
    width: 140px;
    margin: 0 0 0 -70px;
    color: #c9161d;
    border-bottom: 2px solid #C9161D;
    line-height: 30px;
    position: absolute;
    top: 190px;
    left: 50%;
}

#indexQuan .thumb .title {
    color: #ffffff;
    display: block;
    width: 176px;
    height: 40px;
    margin: 0 0 0 -87px;
    background-color: #000;
    border: 1px solid #C9161D;
    line-height: 40px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    /* ie8  */
    filter: alpha(opacity=70);
    /* ie5-7  */
    opacity: 0.7;
    /* css standard, currently it works in most modern browsers  */
    position: absolute;
    top: 240px;
    left: 50%;
}

#indexQuan ul,
#indexQuan li {
    margin: 0;
    padding: 0;
    display: inline;
}

#indexQuan li {
    float: left;
    width: 160px;
    height: 160px;
    overflow: hidden;
}

#indexQuan li img {
    display: block;
}

#indexQuan li a {
    display: block;
    width: 160px;
    height: 160px;
    overflow: hidden;
    position: relative;
}

#indexQuan li a i {
    display: block;
    width: 156px;
    height: 156px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
}

#indexQuan li a:hover i,
#indexQuan li .current i {
    border: 2px solid red;
}

#indexQuan .tips {
    width: 320px;
    background-color: #000000;
    text-align: center;
    color: #fff;
    font-size: 16px;
    position: relative;
}

#indexQuan .tips strong {
    display: block;
    padding: 0 0 0 16px;
    margin: 40px 0 0 0;
    letter-spacing: 20px;
    font-size: 42px;
}

#indexQuan .tips span {
    color: #fade01;
}

#indexQuan .tips i {
    display: block;
    width: 273px;
    height: 75px;
    overflow: hidden;
    margin: 42px 0 0 23px;
    background-image: url('../img/index.jpg');
    background-position: -492px -334px;
    position: absolute;
    top: 0;
    left: 0;
}

#indexQuanMore {
    height: 190px;
    overflow: hidden;
    margin: 0 0 60px;
    background-image: url('../img/indexBar.jpg');
    background-position: center -1201px;
}

#indexLife {
    width: 960px;
    overflow: hidden;
    margin: 0 auto;
}

#indexLife .hd {
    width: 547px;
    height: 35px;
    overflow: hidden;
    margin: 0 auto 25px;
    font-size: 32px;
    line-height: 35px;
    text-align: center;
    position: relative;
}

#indexLife .hd h3 {
    margin: 0;
    padding: 0;
}

#indexLife .hd span {
    color: #d70000;
}

#indexLife .hd i {
    display: block;
    width: 547px;
    height: 35px;
    overflow: hidden;
    background-image: url('../img/index.jpg');
    background-position: -318px -1318px;
    position: absolute;
    top: 0;
    left: 0;
}

#indexLife .line {
    margin: 0 0 20px;
}

#indexLife .bd {
    width: 961px;
}

#indexLife .bd .col {
    display: inline;
    float: left;
    width: 190px;
    overflow: hidden;
    margin: 0 2px 0 0;
}

#indexLife .bd .col4 {
    width: 382px;
}

#indexLife .bd .row {
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0 0 2px;
    position: relative;
}

#indexLife .bd .row img {
    display: block;
}

#indexLife .bd .row a {
    color: #ffffff;
    font-size: 14px;
}

#indexLife .bd .row span {
    width: 100%;
    height: 32px;
    background-color: #000;
    text-align: center;
    line-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    /* ie8  */
    filter: alpha(opacity=80);
    /* ie5-7  */
    opacity: 0.8;
    /* css standard, currently it works in most modern browsers  */
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
}

#indexLifeChat {
    width: 960px;
    overflow: hidden;
    margin: 0 auto;
}

#indexLifeChat .intro {
    display: inline;
    float: left;
    width: 740px;
    height: 240px;
    overflow: hidden;
    margin: 35px 0 0 0;
    position: relative;
}

#indexLifeChat .intro p {
    font-size: 24px;
    text-align: center;
}

#indexLifeChat .intro span {
    color: #c9161d;
    text-transform: uppercase;
}

#indexLifeChat .intro i {
    display: block;
    width: 740px;
    height: 240px;
    background-image: url('../img/index.jpg');
    background-position: 0 -1563px;
    position: absolute;
    top: 0;
    left: 0;
}

#indexLifeChat .chat {
    display: inline;
    float: right;
    width: 138px;
    height: 138px;
    overflow: hidden;
    margin: 85px 0 0 0;
}

#indexLifeChat .chat a {
    display: block;
    width: 138px;
    height: 138px;
    background-color: #fade01;
    color: #000;
    font-size: 18px;
    line-height: 138px;
    text-align: center;
    position: relative;
}

#indexLifeChat .chat i {
    display: block;
    width: 138px;
    height: 138px;
    overflow: hidden;
    background-image: url('../img/index.jpg');
    background-position: -862px -958px;
    position: absolute;
    top: 0;
    left: 0;
}

#indexTeam {
    overflow: hidden;
    margin: 0 auto;
    background-color: #eeeeee;
}

#indexTeam .wp {
    width: 960px;
    overflow: hidden;
    padding: 20px 0 0 0;
    margin: 0 auto;
}

#indexTeam .hd {
    width: 321px;
    height: 90px;
    overflow: hidden;
    margin: 0 auto 20px;
    text-align: center;
    position: relative;
}

#indexTeam .hd h3,
#indexTeam .hd h4 {
    margin: 0;
    padding: 0;
    line-height: 1;
}

#indexTeam .hd h3 {
    font-size: 36px;
}

#indexTeam .hd h4 {
    font-size: 48px;
}

#indexTeam .hd span {
    color: #d70000;
}

#indexTeam .hd i {
    display: block;
    width: 321px;
    height: 90px;
    overflow: hidden;
    background-image: url('../img/index.jpg');
    background-position: 0 -600px;
    position: absolute;
    top: 0;
    left: 0;
}

#indexTeam .line {
    margin: 0 0 15px;
}

#indexTeam .line i {
    background-position: -764px -769px;
}

#indexTeam .bd {
    width: 963px;
    overflow: hidden;
    margin: 0 0 50px;
}

#indexTeam .bd .col {
    display: inline;
    float: left;
    width: 318px;
    overflow: hidden;
    margin: 0 3px 0 0;
    background-color: #c9caca;
}

#indexTeam .bd .title {
    width: 145px;
    height: 28px;
    overflow: hidden;
    margin: 20px auto;
    text-align: center;
    line-height: 28px;
    background-image: url('../img/index.jpg');
    background-position: -566px -900px;
}

#indexTeam .bd .title a {
    font-size: 18px;
    color: #000000;
}

#indexTeam .bd .avatar {
    width: 252px;
    height: 252px;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
}

#indexTeam .bd .item {
    width: 252px;
    height: 252px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

#indexTeam .bd .item img {
    display: block;
    width: 252px;
    height: 252px;
}

#indexTeam .bd .item span {
    width: 210px;
    height: 60px;
    overflow: hidden;
    padding: 5px 10px;
    border: 1px solid #fff;
    background-color: #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    /* ie8  */
    filter: alpha(opacity=80);
    /* ie5-7  */
    opacity: 0.8;
    /* css standard, currently it works in most modern browsers  */
    position: absolute;
    top: 165px;
    left: 10px;
    font-size: 12px;
    color: #fff;
}

#indexTeam .bd .item span strong {
    display: block;
    color: #c9161d;
    font-size: 18px;
    font-weight: normal;
}

#indexTeam .bd .list {
    width: 252px;
    height: 84px;
    overflow: hidden;
    margin: 0 auto;
    padding: 10px 0 0 0;
}

#indexTeam .bd .list a {
    float: left;
    width: 84px;
    height: 84px;
    overflow: hidden;
    position: relative;
}

#indexTeam .bd .list img {
    display: block;
    width: 84px;
    height: 84px;
}

#indexTeam .bd .list a:hover i,
#indexTeam .bd .list .current i {
    display: block;
    width: 80px;
    height: 80px;
    border: 2px solid #C9161D;
    position: absolute;
    top: 0;
    left: 0;
}

#indexTeam .bd .more {
    width: 60px;
    height: 14px;
    overflow: hidden;
    margin: 25px auto;
    font-size: 14px;
    line-height: 14px;
}

#indexTeam .bd .more a {
    float: left;
    margin: 0 auto;
    color: #000000;
    position: relative;
}

#indexTeam .bd .more i {
    float: left;
    width: 6px;
    height: 9px;
    overflow: hidden;
    margin: 2px 0 0 10px;
    background-image: url('../img/index.jpg');
    background-position: -789px 0;
}

#indexTeamChat {
    margin: 0 0 40px;
    background-image: url('../img/indexBar.jpg');
    background-position: center -1391px;
}

#indexTeamChat .wp {
    width: 960px;
    height: 190px;
    margin: 0 auto;
    background-image: url('../img/indexBar.jpg');
    background-position: -380px -1391px;
    position: relative;
}

#indexTeamChat .chat {
    width: 146px;
    height: 40px;
    overflow: hidden;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    background-color: #0670b9;
    position: absolute;
    top: 140px;
    left: 755px;
}

#indexTeamChat .chat a {
    display: block;
    width: 146px;
    height: 40px;
    color: #fff;
    position: relative;
}

#indexTeamChat .chat i {
    display: block;
    width: 146px;
    height: 40px;
    overflow: hidden;
    background-image: url('../img/index.jpg');
    background-position: -615px -191px;
    position: absolute;
    top: 0;
    left: 0;
}

#indexBox1 {
    width: 960px;
    margin: 0 auto;
}

#indexBox1 .hd {
    overflow: hidden;
    margin: 0 0 50px;
    text-align: right;
    font-size: 14px;
    line-height: 1;
    border-bottom: 4px solid #C9161C;
}

#indexBox1 .hd h3 {
    margin: 0 0 10px;
    padding: 0;
    position: relative;
}

#indexBox1 .hd a {
    font-size: 16px;
    color: #000;
}

#indexBox1 .hd i {
    display: block;
    overflow: hidden;
    background-image: url('../img/index.jpg');
    position: absolute;
    top: 0;
    left: 0;
}

#indexBox1 .bd {
    clear: both;
    height: 320px;
    overflow: hidden;
    margin: 0 0 45px;
    background-color: #dcdcdc;
}

#indexStory,
#indexFaq {
    display: inline;
    overflow: hidden;
}

#indexStory {
    float: left;
    width: 636px;
}

#indexStory .hd {
    width: 150px;
}

#indexStory .hd h3 {
    width: 150px;
    height: 37px;
}

#indexStory .hd i {
    width: 150px;
    height: 37px;
    background-position: -321px -605px;
}

#indexStory .bd .video {
    display: inline;
    float: left;
    width: 320px;
    height: 230px;
    overflow: hidden;
    margin: 45px 18px 0 30px;
}

#indexStory .bd dl,
#indexStory .bd dt,
#indexStory .bd dd {
    margin: 0;
    padding: 0;
}

#indexStory .bd dl {
    display: inline;
    float: left;
    width: 236px;
    height: 204px;
    overflow: hidden;
    margin: 45px 0 0 0;
}

#indexStory .bd dt {
    width: 131px;
    height: 28px;
    overflow: hidden;
    margin: 20px 0;
    background-image: url('../img/index.jpg');
    background-position: -711px -900px;
    text-align: center;
    line-height: 28px;
    color: #000000;
    font-size: 20px;
    font-weight: bold;
}

#indexStory .bd dt a {
    color: #000000;
}

#indexStory .bd dd {
    font-size: 12px;
    color: #343434;
}

#indexStory .bd dd .more {
    display: block;
    overflow: hidden;
    margin: 20px 0 0 0;
    font-size: 14px;
    text-align: right;
}

#indexStory .bd dd .more a {
    color: #000;
}

#indexStory .bd dd .more i {
    float: right;
    width: 6px;
    height: 9px;
    overflow: hidden;
    margin: 5px 0 0 10px;
    background-image: url('../img/index.jpg');
    background-position: -789px 0;
}

#indexStory .bd .join {
    display: inline;
    float: left;
    width: 236px;
    height: 26px;
    overflow: hidden;
    text-align: center;
    line-height: 26px;
    background-color: #c9161d;
    color: #fff;
    font-weight: bold;
    position: relative;
}

#indexStory .bd .join a {
    color: #fff;
}

#indexStory .bd .join i {
    display: block;
    width: 236px;
    height: 26px;
    background-image: url('../img/index.jpg');
    background-position: -566px -928px;
    position: absolute;
    top: 0;
    left: 0;
}

#indexFaq {
    float: right;
    width: 320px;
}

#indexFaq .hd {
    width: 194px;
}

#indexFaq .hd h3 {
    width: 194px;
    height: 36px;
}

#indexFaq .hd i {
    width: 194px;
    height: 36px;
    background-position: -321px -642px;
}

#indexFaq .bd {
    overflow: hidden;
}

#indexFaq .bd .wp {
    height: 284px;
    margin: 18px;
    overflow: hidden;
}

#indexFaq .bd dl,
#indexFaq .bd dt,
#indexFaq .bd dd {
    margin: 0;
    padding: 0;
}

#indexFaq .bd i {
    display: block;
    width: 13px;
    height: 12px;
    overflow: hidden;
    background-image: url('../img/index.jpg');
    background-position: -779px -9px;
}

#indexFaq .bd dl {
    padding: 20px 10px;
    overflow: hidden;
    border-bottom: 1px solid #B0B0B0;
}

#indexFaq .bd dt {
    font-size: 14px;
    color: #343434;
    margin: 0 0 20px;
}

#indexFaq .bd dd {
    font-size: 12px;
    color: #434343;
}

#indexHonor {
    width: 960px;
    margin: 0 auto;
    position: relative;
}

#indexHonor .hd {
    width: 151px;
    overflow: hidden;
    border-bottom: 4px solid #C9161C;
}

#indexHonor .hd h3 {
    width: 151px;
    height: 36px;
    overflow: hidden;
    margin: 0 0 10px;
    padding: 0;
    line-height: 18px;
    text-align: right;
    font-size: 16px;
    font-weight: normal;
    position: relative;
}

#indexHonor .hd a {
    color: #000;
}

#indexHonor .hd i {
    display: block;
    width: 151px;
    height: 36px;
    overflow: hidden;
    background-image: url('../img/index.jpg');
    background-position: -515px -642px;
    position: absolute;
    top: 0;
    left: 0;
}

#indexHonor .slide {
    width: 100%;
    height: 192px;
    margin: 0 0 90px;
}

#indexHonor .sliderBox {
    width: 100%;
    height: 192px;
    padding: 25px 0;
    overflow: hidden;
}

#indexHonor .sliderBox ul,
#indexHonor .sliderBox li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#indexHonor .sliderBox li {
    display: inline;
    float: left;
    width: 192px;
    height: 192px;
}

#indexHonor .sliderBox li img {
    display: block;
    width: 192px;
    height: 192px;
}

#indexHonor .sliderBox li em {
    display: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    /* ie8  */
    filter: alpha(opacity=80);
    /* ie5-7  */
    opacity: 0.8;
    /* css standard, currently it works in most modern browsers  */
    width: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 6px 10px;
    border: 1px solid #fff;
    background-color: #000;
    color: #fff;
    font-style: normal;
    font-size: 14px;
    position: absolute;
    top: 160px;
    left: 0;
    text-decoration: none;
}

#indexHonor .sliderBox li:hover,
#indexHonor .sliderBox li.current {
    position: relative;
}

#indexHonor .sliderBox li:hover img,
#indexHonor .sliderBox li.current img {
    width: 242px;
    height: 242px;
    position: absolute;
    left: -25px;
    top: -25px;
}

#indexHonor .sliderBox li:hover em,
#indexHonor .sliderBox li.current em {
    display: block;
}

#indexHonor .arr {
    width: 80px;
    height: 31px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 20px;
}

#indexHonor .arr div {
    display: inline;
    float: left;
    width: 30px;
    height: 31px;
    overflow: hidden;
    margin: 0 5px;
    cursor: pointer;
}

#indexHonor .arr .arr_l {
    background: url("../img/honorArrLeft.png") no-repeat 0 0;
    _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/honorArrLeft.png");
}

#indexHonor .arr .arr_l:hover {
    background: url("../img/flashArrLeftCurrent.png") no-repeat 0 0;
    _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/flashArrLeftCurrent.png");
}

#indexHonor .arr .arr_r {
    background: url("../img/honorArrRight.png") no-repeat 0 0;
    _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/honorArrRight.png");
}

#indexHonor .arr .arr_r:hover {
    background: url("../img/flashArrRightCurrent.png") no-repeat 0 0;
    _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/flashArrRightCurrent.png");
}

#indexBox2 {
    width: 960px;
    margin: 0 auto 50px;
}

#indexBox2 .col {
    display: inline;
    float: left;
    width: 316px;
    height: 446px;
    overflow: hidden;
    background-color: #dcdcdc;
}

#indexBox2 .hd {
    height: 30px;
    overflow: hidden;
    padding: 20px 0;
}

#indexBox2 .hd a {
    float: left;
    margin: 0 20px;
    color: #000;
    border-bottom: 4px solid #000;
}

#indexBox2 .hd a:hover,
#indexBox2 .hd .current {
    color: #c9161d;
    border-bottom-color: #C9161D;
    text-decoration: none;
}

#indexBox2 .bd {
    width: 276px;
    overflow: hidden;
    margin: 0 20px;
}

#indexBox2 .bd ul,
#indexBox2 .bd li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#indexBox2 .bd ul {
    height: 376px;
    overflow: hidden;
}

#indexBox2 .bd li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 276px;
    color: #343434;
    font-size: 14px;
    line-height: 36px;
}

#indexBox2 .bd li a {
    color: #343434;
}

#indexBox2 .bd li.more {
    width: 60px;
    height: 14px;
    margin: 10px auto 0;
    overflow: hidden;
    line-height: 14px;
}

#indexBox2 .bd li.more a {
    float: left;
    color: #000;
}

#indexBox2 .bd li.more i {
    float: left;
    width: 6px;
    height: 9px;
    overflow: hidden;
    margin: 2px 0 0 10px;
    background-image: url('../img/index.jpg');
    background-position: -789px 0;
}

#indexTry {
    margin: 0 6px;
}

#indexTry .hd {
    text-align: center;
}

#indexTry .icon {
    width: 280px;
    height: 62px;
    overflow: hidden;
    margin: 0 auto 20px;
    background-image: url('../img/index.jpg');
    background-position: -540px -272px;
}

#indexTry .bd {
    color: #434343;
    font-size: 14px;
}

#indexTry .bd p {
    margin: 0 0 16px;
    padding: 0;
}

#indexTry .bd span {
    float: left;
}

#indexTry .bd .ipt_txt,
#indexTry .bd .ipt_select,
#indexTry .bd .ipt_area {
    float: right;
    width: 220px;
    background-color: #dcdcdc;
    border: 1px solid #fff;
}

#indexTry .bd .ipt_txt {
    height: 22px;
    line-height: 22px;
}

#indexTry .bd .ipt_select {
    width: 160px;
}

#indexTry .bd .btn input {
    display: inline;
    float: right;
    width: 100px;
    height: 34px;
    overflow: hidden;
    margin: 0 0 0 20px;
    border: 0;
    background-image: url('../img/index.jpg');
}

#indexTry .bd .btn .ipt_reset {
    background-position: -607px -69px;
}

#indexTry .bd .btn .ipt_btn {
    background-position: -707px -69px;
}

#indexLink {
    width: 960px;
    margin: 0 auto;
}

#indexLink .hd {
    overflow: hidden;
    margin: 0 0 40px;
}

#indexLink .hd h3 {
    display: inline;
    float: left;
    width: 118px;
    height: 36px;
    overflow: hidden;
    margin: 0;
    padding: 0 0 10px;
    border-bottom: 4px solid #C9161C;
    text-align: right;
    line-height: 18px;
    font-size: 16px;
    font-weight: normal;
    position: relative;
}

#indexLink .hd h3 a {
    color: #000;
}

#indexLink .hd h3 i {
    display: block;
    width: 118px;
    height: 36px;
    background-image: url('../img/index.jpg');
    background-position: -471px -605px;
    position: absolute;
    top: 0;
    left: 0;
}

#indexLink .hd .more {
    display: inline;
    float: right;
    overflow: hidden;
    margin: 5px 0 0 0;
    font-size: 18px;
    color: #c9161c;
    line-height: 40px;
}

#indexLink .hd .more a {
    float: left;
    color: #c9161c;
}

#indexLink .hd .more i {
    float: left;
    width: 25px;
    height: 40px;
    background-image: url('../img/index.jpg');
    background-position: -795px 0;
}

#indexLink .logo {
    height: 26px;
    overflow: hidden;
    margin: 0 0 20px;
}

#indexLink .logo ul,
#indexLink .logo li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#indexLink .logo li {
    float: left;
    width: 160px;
    height: 26px;
    overflow: hidden;
}

#indexLink .logo a {
    display: block;
    width: 98px;
    height: 26px;
    color: #000;
    font-weight: bold;
    font-size: 16px;
    position: relative;
}

#indexLink .logo i {
    display: block;
    width: 98px;
    height: 26px;
    background-image: url('../img/index.jpg');
    position: absolute;
    top: 0;
    left: 0;
}

#indexLink .logo .logo1 i {
    background-position: -858px -1096px;
}

#indexLink .logo .logo2 i {
    background-position: -858px -1122px;
}

#indexLink .logo .logo3 i {
    background-position: -858px -1148px;
}

#indexLink .logo .logo4 i {
    background-position: -858px -1174px;
}

#indexLink .logo .logo5 i {
    background-position: -858px -1200px;
}

#indexLink .logo .logo6 i {
    background-position: -858px -1226px;
}

#indexLink .bd {
    overflow: hidden;
    margin: 0 0 40px;
}

#indexLink .bd ul,
#indexLink .bd li {
    margin: 0;
    padding: 0;
}

#indexLink .bd li {
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline;
    float: left;
    width: 150px;
    overflow: hidden;
    margin: 0 10px 16px 0;
    font-size: 14px;
    color: #434343;
}

#indexLink .bd li a {
    color: #434343;
}

#coursesList {
    width: 630px;
    overflow: hidden;
    margin: 45px 0 0 35px;
}

#coursesList .item {
    padding: 0 0 20px;
    margin: 0 0 20px;
    border-bottom: 1px solid #E8E8E8;
}

#coursesList .tag {

}
#coursesList .tag a {
    display: inline-block;
    overflow: hidden;
    margin: 0 12px 0 0;
    padding: 0 6px;
    background-color: #D6D6D6;
    border-radius: 3px;
    font-size: 13px;
    color: #7f7f7f;
}


#coursesList .img {
    display: inline;
    float: left;
    margin: 0 20px 0 0;
}

#coursesList img {
    display: block;
}

#coursesList dl,
#coursesList dt,
#coursesList dd {
    margin: 0;
    padding: 0;
}

#coursesList dt {
    font-size: 20px;

}

#coursesList dt a {
    color: #000;
    font: 18px/20px Microsoft Yahei;
}

#coursesList dd {
    font: 12px/18px '微软雅黑', Arial;
    color: #424242;
    line-height: 200%;
    margin-top: 10px
}

#coursesList .more {
    display: block;
    padding: 10px 0 0 0;
    font-size: 16px;
}

#coursesList .more a {
    color: #000;
    font: 12px/18px '微软雅黑', Arial;
}

#classList {
    width: 615px;
    overflow: hidden;
    margin: 0 auto;
    padding: 40px 0 0 0;
}

#classList img {
    display: block;
    margin: 0 auto;
}

#classList dl,
#classList dt,
#classList dd {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#classList dt {
    padding: 20px 0 0 0;
    font-size: 20px;
    line-height: 200%;
}

#classList dt a {
    color: #000;
}

#classList dd {
    font-size: 14px;
    color: #424242;
    line-height: 160%;
}

#classList .more {
    display: block;
    margin: 0 0 30px;
    padding: 4px 0 0 0;
    font-size: 16px;
}

#classList .more a {
    color: #000;
}

#classList .bar {
    margin: 0 0 20px;
    padding: 0 10px;
    font-size: 12px;
    line-height: 180%;
    color: #bbbbbb;
    background-color: #f1f1f1;
    border: 1px solid #E6E6E6;
}

#classPage {
    padding: 20px 0 0;
    color: #535353;
}

#classPage .content {
    font-size: 12px;
	line-height: 24px;
}

#classPage .content h3 {
    padding: 0 10px;
    background-color: #b3b3b3;
    color: #ffffff;
    font-size: 14px;
    line-height: 28px;
    font-weight: normal;
}

#classPage .content a {
    padding: 0 3px;
    background-color: #980000;
    color: #ffffff;
}

#classPage .content table {
    border-collapse: collapse;
}

#classPage .content table th,
#classPage .content table td {
    border: 1px solid #D2D2D2;
    padding: 6px;
}

#classPage .content table th {
    font-size: 14px;
    color: #000;
    font-weight: normal;
}

#classPage .content table td {
    font-size: 12px;
    color: #424242;
}

#newsList .item {
    padding: 30px 30px 30px 10px;
    border-bottom: 1px dotted #BEBEBE;
}

#newsList .img {
    display: inline;
    float: left;
}

#newsList img {
    display: block;
}

#newsList dl,
#newsList dt,
#newsList dd {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#newsList dt {
    display: inline;
    float: left;
    width: 470px;
    overflow: hidden;
    font-size: 14px;
    line-height: 200%;
    padding-left: 20px;
}

#newsList dt a {
    color: #d70000;
}

#newsList dd {
    display: inline;
    float: left;
    width: 470px;
    overflow: hidden;
    font-size: 12px;
    color: #9b9b9b;
    line-height: 240%;
    padding-left: 20px;
}

#newsList dd a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    color: #9b9b9b;
}

#newsList .listMore {
    width: 175px;
    height: 61px;
    overflow: hidden;
    margin: 80px auto 50px;
    text-align: center;
    line-height: 61px;
    color: #fff;
    font-size: 30px;
}

#newsList .listMore a {
    display: block;
    width: 175px;
    height: 61px;
    overflow: hidden;
    color: #fff;
    background-color: #d70000;
    position: relative;
}

#newsList .listMore i {
    display: block;
    width: 175px;
    height: 61px;
    overflow: hidden;
    background-image: url('../img/layout.png');
    background-position: -1297px 0;
    position: absolute;
    top: 0;
    left: 0;
}

#newsListQuan {

}

#newsListQuan .item {
    padding: 30px 0 30px 15px;
    border-bottom: 1px dotted #BEBEBE;

}

#newsListQuan .item .img {
    display: inline;
    float: left;
    margin: 0 20px 0 0;
}

#newsListQuan .item .img img {
    width: 240px;
}

#newsListQuan .item dl,
#newsListQuan .item dt,
#newsListQuan .item dd {
    margin: 0;
    padding: 0;
}

#newsListQuan .item dl {
    display: inline;
    float: left;
    width: 370px;
    overflow: hidden;
}

#newsListQuan .item dt {
    font-size: 18px;
    line-height: 40px;
    color: #1e1e1e;
}

#newsListQuan .item dt a {
    color: #1e1e1e;
    text-decoration: none;
}

#newsListQuan .item dd {
    font-size: 12px;
    color: #9b9b9b;
    line-height: 20px;
}

#newsListQuan .item .more {
    padding: 10px 0 0 0;
    color: #1E1E1E;
}

#newsListQuan .item .more a {
    color: #1E1E1E;
}

#contact {
    padding: 20px 0 0 0;
}

#contact dl,
#contact dt,
#contact dd,
#contact p {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#contact .contactBox {
    margin: 0 0 30px;
}

#contact .contactBox dt {
    font-size: 14px;
    color: #000;
    line-height: 200%;
}

#contact .contactBox dd {
    font-size: 12px;
    color: #535353;
    line-height: 160%;
}

#contact .map {
    padding: 0 0 40px;
    margin: 0 0 40px;
    border-bottom: 1px dotted #C4C4C4;
}

#contact .banks dt {
    margin: 0 0 20px;
    font-size: 14px;
    color: #000;
    line-height: 200%;
}

#contact .banks dd p {
    height: 54px;
    overflow: hidden;
    margin: 0 0 12px;
    font-size: 12px;
    line-height: 54px;
}

#contact .banks dd i {
    display: inline;
    float: left;
    width: 205px;
    height: 52px;
    overflow: hidden;
    margin: 0 20px 0 0;
    border: 1px solid #D6D6D6;
    background-image: url('../img/banks.png');
}

#contact .banks dd .icbc i {
    background-position: 0 0px;
}

#contact .banks dd .ccb i {
    background-position: 0 -52px;
}

#contact .banks dd .abc i {
    background-position: 0 -104px;
}

#contact .banks dd .psbc i {
    background-position: 0 -156px;
}

/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2014-12-17, 9:33:15
    Author     : Gong
*/
#quanHeader {
    padding-top: 55px;
}

#quanHeader .wrapper .logo {
    float: left;
    width: 230px;
    height: 80px;
    background-image: url('../img/quan.png');
    background-position: -164px -86px;
    background-repeat: no-repeat;
}

#quanHeader .wrapper a {
    position: relative;
    margin: 47px 20px 0px 65px;
    display: block;
    float: left;
    width: 91px;
    height: 34px;
    font-size: 28px;
    font-weight: bold;
    line-height: 34px;
    text-decoration: none;
    color: #585858;
}

#quanHeader .wrapper a i {
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
    width: 91px;
    height: 34px;
    background-image: url('../img/quan.png');
    background-repeat: no-repeat;
}

#quanHeader .wrapper a .i1 {
    background-position: 0px -349px;
}

#quanHeader .wrapper a .i2 {
    background-position: -91px -349px;
}

#quanHeader .wrapper a .i3 {
    background-position: -182px -349px;
}

#quanBreadCrumb {
    padding-top: 22px;
    font-size: 16px;
    color: #585858;
}

#quanBreadCrumb .wrapper {
    padding-bottom: 16px;
    margin-bottom: 30px;
    border-bottom: 1px dashed #585858;
}

#quanBreadCrumb a {
    text-decoration: none;
    color: #585858;
}

#header .logo,
#footerMenu .logo {
    width: 318px;
    height: 85px;
}

#header .quanLogo a,
#footerMenu .quanLogo a {
    width: 318px;
    height: 85px;
}

#header .quanLogo i,
#footerMenu .quanLogo i {
    width: 318px;
    height: 85px;
    background-image: url('../img/quan.png');
    background-position: 0 0;
    position: absolute;
    top: 0;
    left: 0;
}

#quanBanner {
    width: 100%;
    height: 448px;
    overflow: hidden;
    background-image: url("../img/tmp/quanBanner.jpg");
    background-repeat: no-repeat;
    background-position: top center;
}

#quanContent {
    padding-top: 40px;
}

#quanContent .title {
    position: relative;
    height: 28px;
    font-size: 28px;
    line-height: 30px;
    color: #d70000;
    font-weight: bold;
}

#quanContent .title i.t1 {
    display: block;
    width: 590px;
    height: 30px;
    background-image: url('../img/quan.png');
    background-color: #fff;
    background-position: 0px -425px;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}

#quanContent .title i.t2 {
    display: block;
    width: 590px;
    height: 30px;
    background-image: url('../img/quan.png');
    background-color: #fff;
    background-position: 0px -390px;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}

#quanContent .content {
    position: relative;
    font-size: 18px;
    line-height: 36px;
    padding: 28px 0px;
}

#quanContent .content a {
    width: 196px;
    height: 82px;
    display: block;
    text-align: center;
    font-size: 40px;
    line-height: 82px;
    font-weight: bold;
    position: absolute;
    bottom: -66px;
    right: 0px;
    color: #fff;
    background-color: #cc0000;
    text-decoration: none;
}

#quanContent .content a i {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 196px;
    height: 82px;
    display: block;
    background-image: url('../img/quan.png');
    background-position: -323px 0px;
    background-repeat: no-repeat;
}

#quanContent .content_img {
    position: relative;
    font-size: 16px;
    line-height: 52px;
    padding: 28px 0px;
}

#quanContent .content_img i {
    position: absolute;
    display: block;
    width: 429px;
    height: 426px;
    background-image: url('../img/quan.png');
    background-color: #fff;
    background-position: top right;
    background-repeat: no-repeat;
    top: 0px;
    right: 0px;
}

#quanContent .title3 {
    position: relative;
    margin-top: 65px;
    font-size: 27px;
}

#quanContent .title3 a {
    position: absolute;
    display: block;
    width: 35px;
    height: 21px;
    top: -10px;
    left: 165px;
    background-image: url('../img/quan.png');
    background-position: 0px -85px;
}

#quanContent .title3 i {
    position: absolute;
    display: block;
    width: 165px;
    height: 28px;
    top: 0px;
    left: 0px;
    background-image: url('../img/quan.png');
    margin-top: 6px;
}

#quanContent .title3 .i1 {
    background-position: 0px -108px;
}

#quanContent .title3 .i2 {
    background-position: 0px -136px;
}

#quanContent .title3 .i3 {
    background-position: 0px -164px;
}

#quanContent .join {
    padding-top: 12px;
    padding-bottom: 90px;
    border-bottom: 1px dashed #999999;
    font-size: 18px;
}

#quanContent .join a {
    color: #d70000;
    font-weight: bold;
    text-decoration: none;
}

#quanFour .wrapper {
    padding-bottom: 30px;
    border-bottom: 1px dashed #bfbfbf;
}

#quanFour a {
    width: 231px;
    height: 350px;
    display: block;
    float: left;
    border: 1px solid #bfbfbf;
    background-color: #bfbfbf;
    margin-right: 9px;
}

#quanFour a img {
    width: 231px;
    height: 300px;
    float: left;
}

#quanFour a strong {
    float: left;
    display: block;
    width: 231px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    text-align: center;
    background-color: #000;
    color: #fff;
}

#quanFour a.last {
    margin-right: 0px;
}

#quanOffer {
    padding-top: 16px;
    margin-bottom: 20px;
}

#quanOffer .title {
    position: relative;
    font-size: 32px;
    font-weight: bold;
}

#quanOffer .title i {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: 360px;
    height: 34px;
    background: #ffffff url('../img/quan.png') 0 -194px no-repeat;
}

#quanOffer dl.left,
#quanOffer dl.right {
    width: 320px;
    float: left;
}

#quanOffer dl.left dd,
#quanOffer dl.right dd {
    margin: 0px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 25px;
}

#quanOffer dl.left dd a,
#quanOffer dl.right dd a {
    color: #424242;
    padding-left: 5px;
}

#quanOffer dl.left dd i,
#quanOffer dl.right dd i {
    float: left;
    width: 8px;
    height: 21px;
    display: block;
    background: #ffffff url('../img/quan.png') -524px 0px no-repeat;
}

#quanOffer dl.right {
    margin-left: 40px;
}

#quanOffer dl.right dd i {
    background: #ffffff url('../img/quan.png') -524px -29px no-repeat;
}

#quanOffer .cooperate {
    width: 210px;
    height: 120px;
    float: right;
}

#quanOffer .cooperate a {
    float: left;
    position: relative;
    display: block;
    text-decoration: none;
    height: 48px;
}

#quanOffer .cooperate a i {
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
    background-image: url('../img/quan.png');
    background-repeat: no-repeat;
    height: 48px;
}

#quanOffer .cooperate a.c1 {
    width: 178px;
    background-color: #d60000;
    color: #fff;
    font-weight: bold;
    text-align: center;
    line-height: 48px;
    font-size: 20px;
}

#quanOffer .cooperate a.c1 i {
    width: 208px;
    background-position: -1px -234px;
}

#quanOffer .cooperate a.c2 {
    margin-top: 10px;
    width: 176px;
    font-weight: bold;
    text-align: center;
    line-height: 48px;
    font-size: 18px;
    color: #d60000;
    border: 1px solid #d60000;
}

#quanOffer .cooperate a.c2 i {
    width: 208px;
    background-position: -3px -297px;
}

#grid-5-3 dl {
    margin: 0px;
    padding: 33px 0px;
    float: left;
    border-bottom: 1px dashed #efefef;
}

#grid-5-3 dl dd {
    width: 188px;
    height: 188px;
    margin: 5px 5px 0 0px;
    float: left;
    background-color: #b3b3b3;
}

#grid-5-3 dl dd.photographer {
    background: #ffffff url('../img/quan.png') -2px -463px no-repeat;
}

#grid-5-3 dl dd.makeup {
    background: #ffffff url('../img/quan.png') -196px -463px no-repeat;
}

#grid-5-3 dl dd.designer {
    background: #ffffff url('../img/quan.png') -392px -463px no-repeat;
}

#grid-5-3 dl dd.five {
    margin-right: 0px;
}

#quanJoin {
    padding-top: 33px;
}

#quanJoin .title {
    color: #cacaca;
    font-size: 25px;
    line-height: 25px;
    padding-bottom: 12px;
}

#quanJoin a {
    width: 141px;
    height: 170px;
    display: block;
    float: left;
    padding: 0px 10px;
    text-decoration: none;
    color: #cacaca;
}

#quanJoin a img {
    display: block;
    padding: 0px 10px;
    border-right: 1px dashed #efefef;
    width: 140px;
    height: 140px;
}

#quanJoin a div {
    height: 30px;
    text-align: center;
    font-size: 18px;
    line-height: 30px;
    color: #cacaca;
}

#quanJoin a.first {
    padding-left: 0px;
}

#quanJoin a.last {
    padding-right: 0px;
    border-right: 0px;
}

#quanSearch {
    padding: 72px;
}

#quanSearch a {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 291px;
    height: 75px;
    background-color: #d60000;
    color: #fff;
    font-size: 30px;
    line-height: 74px;
    text-align: center;
    text-decoration: none;
}

#quanSearch a i {
    display: block;
    width: 291px;
    height: 75px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #d60000 url('../img/quan.png') -240px -233px no-repeat;
}

#quanDetail {
    padding-top: 62px;
}

#quanDetail .wrapper {
    padding-bottom: 9px;
}

#quanDetail .wrapper a {
    display: block;
    float: left;
    text-decoration: none;
}

#quanDetail .wrapper a.name {
    font-size: 36px;
    line-height: 36px;
    color: #b8b8b8;
}

#quanDetail .wrapper a#jsJob {
    position: relative;
    margin: 5px 15px 0px 15px;
    width: 108px;
    height: 31px;
    line-height: 30px;
    font-size: 14px;
    background-color: #d70000;
    text-align: center;
    color: #fff;
}

#quanDetail .wrapper a#jsJob i {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: 108px;
    height: 31px;
    background: #ffffff url('../img/quan.png') -414px -85px no-repeat;
}

#quanDetail .wrapper a.question {
    width: 26px;
    height: 26px;
    margin-top: 8px;
    background: #ffffff url('../img/quan.png') -183px -243px no-repeat;
}

#quanDetail dl {
    margin: 50px 0px;
}

#quanDetail dl dt,
#quanDetail dl dd {
    display: inline-block;
    font-size: 22px;
}

#quanDetail dl dt {
    vertical-align: top;
}

#quanDetail dl dd {
    width: 810px;
    word-wrap: break-word;
    word-break: normal;
    line-height: 30px;
    color: #999999;
}

#quanDetail ul,
#quanDetail li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#quandetailBanner {
    width: 959px;
    margin: 0 auto 1px;
}

#quandetailBanner .banner {
    width: 959px;
    height: 630px;
    overflow: hidden;
    margin: 0 auto 1px;
}

#quandetailBanner .banner img {
    display: block;
    width: 959px;
    height: 630px;
}

#quandetailBanner .slide {
    width: 960px;
    margin: 0 auto;
    position: relative;
}

#quandetailBanner .slide .sliderBox {
    width: 960px;
    height: 104px;
    overflow: hidden;
}

#quandetailBanner .slide .sliderBox li {
    display: inline;
    float: left;
    width: 160px;
    height: 104px;
    overflow: hidden;
    position: relative;
}

#quandetailBanner .slide .sliderBox li i {
    display: none;
    width: 157px;
    height: 102px;
    border: 1px solid #d00;
    position: absolute;
    left: 0;
    top: 0;
}

#quandetailBanner .slide .sliderBox .current i {
    display: block;
}

#quandetailBanner .slide .sliderBox img {
    display: block;
    width: 159px;
    height: 104px;
}

#quandetailBanner .slide .arr div {
    display: block;
    width: 32px;
    height: 32px;
    overflow: hidden;
    background-image: url('../img/quan.png');
    position: absolute;
    top: 36px;
    cursor: pointer;
}

#quandetailBanner .slide .arr .arr_l {
    background-position: -422px -155px;
    left: -40px;
}

#quandetailBanner .slide .arr .arr_r {
    background-position: -470px -155px;
    right: -40px;
}

#quanMHeader .wrapper {
    height: 280px;
    border: 2px solid #a0a0a0;
}

#quanMHeader .wrapper .detail {
    width: 550px;
    height: 200px;
    margin: 40px auto 0px;
}

#quanMHeader .wrapper .detail dt {
    width: 200px;
    height: 200px;
    float: left;
    border: 1px solid #817f80;
}

#quanMHeader .wrapper .detail dd {
    padding-left: 180px;
    color: #a3a3a3;
    line-height: 40px;
}

#quanMHeader .wrapper .detail dd a {
    color: #a3a3a3;
}

#quanMHeader .wrapper .detail dd.name {
    font-size: 30px;
}

#quanManage .left {
    width: 200px;
    float: left;
    border: 2px solid #a0a0a0;
    padding-top: 5px;
}

#quanManage .left dt {
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-top: 2px solid #a0a0a0;
    border-bottom: 2px solid #a0a0a0;
    color: #999999;
}

#quanManage .left dt a {
    color: #0099ff;
}

#quanManage .left dd {
    padding: 15px 0px;
}

#quanManage .left dd a.all {
    color: #0099ff;
}

#quanManage .left dd a {
    display: block;
    padding-left: 30px;
    width: 100%;
    line-height: 35px;
    color: #999999;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#quanManage .left dd a i {
    display: block;
    position: absolute;
    left: 0px;
    background-image: url('../img/quan.png');
    background-repeat: no-repeat;
}

#quanManage .left dd a i.album {
    width: 26px;
    height: 20px;
    top: 9px;
    background-position: -194px -317px;
}

#quanManage .left dd a i.jobtime {
    width: 27px;
    height: 26px;
    top: 6px;
    background-position: -225px -317px;
}

#quanManage .left dd a i.studytime {
    width: 27px;
    height: 29px;
    top: 3px;
    background-position: -258px -317px;
}

#quanManage .left dd a i.jobtag {
    width: 32px;
    height: 29px;
    top: 3px;
    background-position: -291px -317px;
}

#quanManage .left dd a i.jobstyle {
    width: 32px;
    height: 29px;
    top: 5px;
    background-position: -331px -317px;
}

#quanManage .left dd a i.jobRecommend {
    width: 32px;
    height: 29px;
    top: 5px;
    background-position: -366px -317px;
}

#quanManage .leftBottomIcon {
    width: 200px;
    height: 200px;
    float: left;
    background-image: url('../img/quan.png');
    background-position: -590px -430px;
}

#quanManage .right {
    width: 720px;
    padding-top: 24px;
    float: right;
}

#quanManage .right a {
    display: block;
    width: 716px;
    height: 200px;
    float: left;
    overflow: hidden;
    border: 2px solid #a0a0a0;
    margin-bottom: 30px;
}

#quanManage .right a.all {
    width: 300px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    margin: 20px 0px 50px 200px;
    background-color: #cccccc;
    border: 2px solid #999999;
    font-size: 28px;
    color: #0099ff;
}

/** quan end **/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2014-12-19, 10:55:26
    Author     : Gong
*/
#teacherBanner ul,
#teacherBanner li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#teacherBanner .sliderBox {
    width: 960px;
    height: 307px;
    overflow: hidden;
}

#teacherBanner .sliderBox li {
    display: inline;
    float: left;
    width: 960px;
    height: 307px;
    overflow: hidden;
}

#teacherBanner .sliderBox li img {
    display: block;
    width: 960px;
    height: 307px;
}

#teacherBanner .ctrl {
    width: 100px;
    height: 9px;
    overflow: hidden;
    margin: 0 0 0 auto;
    padding: 10px 0 0 0;
}

#teacherBanner .ctrl li {
    display: inline;
    float: left;
    width: 9px;
    height: 9px;
    overflow: hidden;
    margin: 0 11px 0 0;
}

#teacherBanner .ctrl li a {
    display: block;
    width: 9px;
    height: 9px;
    overflow: hidden;
    text-indent: 10px;
    background: url(../img/icon1.png) no-repeat left 0;
}

#teacherBanner .ctrl li a.current {
    background-position: right 0;
}

#teacherBreadCrumb {
    padding-top: 22px;
    font-size: 16px;
    color: #585858;
}

#teacherBreadCrumb .wrapper {
    padding-bottom: 16px;
    margin-bottom: 30px;
    border-bottom: 1px solid #E6E6E6;

    font-size: 14px
}

#teacherBreadCrumb .show {
    
    color: #000;
}

#teacherBreadCrumb a {
    text-decoration: none;
    color: #000;
    font-family: '\5FAE\8F6F\96C5\9ED1';
}

#teacherList {
    padding-bottom: 60px;
}

#teacherList dl {
    margin: 20px 0px;
    float: left;
}

#teacherList dl dt a {
    display: inline-block;
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
    line-height: 24px;
    padding: 0 6px;
    text-align: center;
    /*color: #fff;*/
    margin-right: 10px;
    position: relative;
    border-radius: 5px;
}
#teacherList dl dt .title {
    background-color: #c8161d;
    color: #fff;
    border: 1px solid #c8161d;
}
#teacherList dl dt .tag {
    color: #a3a3a3;
    border: 1px solid #9B9999;
}

/*#teacherList dl dt a i {*/
    /*background-image: url('../img/teacher.png');*/
    /*background-repeat: no-repeat;*/
    /*display: block;*/
    /*position: absolute;*/
    /*top: 0px;*/
    /*left: 0px;*/
/*}*/

/*#teacherList dl dt a.photographer,*/
/*#teacherList dl dt a.makeup,*/
/*#teacherList dl dt a.digital {*/
    /*font-size: 30px;*/
    /*line-height: 30px;*/

    /*padding-right: 20px;*/
/*}*/

/*#teacherList dl dt a.photographer i,*/
/*#teacherList dl dt a.makeup i,*/
/*#teacherList dl dt a.digital i {*/
    /*width: 95px;*/
    /*height: 32px;*/
    /*background-position: -300px 0px;*/
/*}*/

/*#teacherList dl dt a.makeup {*/
    /*color: #ea589d;*/
/*}*/

/*#teacherList dl dt a.makeup i {*/
    /*background-position: -394px 0px;*/
/*}*/

/*#teacherList dl dt a.digital {*/
    /*color: #f5af58;*/
/*}*/

/*#teacherList dl dt a.digital i {*/
    /*background-position: -488px 0px;*/
/*}*/

#teacherList dl dt a.all {
    color: #999999;
}

#teacherList dl dt a.all i {
    width: 56px;
    height: 28px;
    background-position: 0px 0px;
}

/*#teacherList dl dt a.pt,*/
/*#teacherList dl dt a.mt,*/
/*#teacherList dl dt a.dt {*/
    /*width: 80px;*/
    /*height: 34px;*/
    /*margin-right: 10px;*/
/*}*/

/*#teacherList dl dt a.pt i,*/
/*#teacherList dl dt a.mt i,*/
/*#teacherList dl dt a.dt i {*/
    /*width: 80px;*/
    /*height: 34px;*/
/*}*/

/*#teacherList dl dt a.pt {*/
    /*background-color: #00a0e9;*/
/*}*/

/*#teacherList dl dt a.pt i {*/
    /*background-position: -56px 0px;*/
/*}*/

/*#teacherList dl dt a.mt {*/
    /*background-color: #e4007f;*/
/*}*/

/*#teacherList dl dt a.mt i {*/
    /*background-position: -138px 0px;*/
/*}*/

/*#teacherList dl dt a.dt {*/
    /*background-color: #f39800;*/
/*}*/

/*#teacherList dl dt a.dt i {*/
    /*background-position: -219px 0px;*/
/*}*/

#teacherList dl dd {
    margin: 0px;
    padding-top: 10px;
    border-bottom: 1px solid #E6E6E6;
    float: left;
}

#teacherList dl dd a {
    display: blcok;
    float: left;
    width: 234px;
    height: 306px;
    text-decoration: none;
    margin-right: 8px;
    color: #999999;
    font-size: 14px;
    line-height: 18px;
}

#teacherList dl dd a img {
    width: 234px;
    height: 234px;
    background-color: #b3b3b3;
}

#teacherList dl dd a.last {
    margin-right: 0px;
}

#teacherShowHeader dl.header {
    width: 456px;
    height: 200px;
    margin: 0 auto;
}

#teacherShowHeader dl.header dt {
    float: left;
}

#teacherShowHeader dl.header dt img {
    border: 1px solid #cccccc;
}

#teacherShowHeader dl.header dd {
    padding-left: 180px;
    color: #747474;
    line-height: 22px;
}

#teacherShowHeader dl.header dd .name {
    font-size: 22px;
    color: #d60000;
}

#teacherShowHeader dl.header dd .job {
    font-size: 18px;
	margin-top:10px;
}

#teacherShowHeader dl.header dd .location,
#teacherShowHeader dl.header dd .for {
    font-size: 14px;
	margin-top:6px;
}

#teacherShowHeader dl.header dd .hits a {
    text-decoration: none;
}

#teacherShowHeader dl.header dd .hits .hit {
    float: left;
    width: 83px;
    height: 33px;
    text-align: center;
    line-height: 33px;
    font-size: 17px;
    color: #d60000;
    border: 1px solid #e5e5e5;
}

#teacherShowHeader dl.header dd .hits .number {
    padding-left: 20px;
    color: #b9b9b9;
}

#teacherShowNav {
    padding: 15px 0px;
	margin-top:30px
}

#teacherShowNav .mainNav {
    padding: 30px 0px;
}

#teacherShowNav .mainNav a {
    color: #000;
    text-decoration: none;
    margin-right: 35px;
    font-size: 14px;
}

#teacherShowNav .subNav {
    padding-left: 22px;
    color: #d60000;
    height: 36px;
    line-height: 36px;
    border: 1px dashed #b3b3b3;
    font-size: 14px;
}

#teacherShowNav .subNav a {
    color: #8d8d8d;
    padding-left: 15px;
    text-decoration: none;
}

#teacherPosts .wrapper {
    padding-bottom: 50px;
}

#teacherPosts dl {
    float: left;
}

#teacherPosts dl dt {
    color: #d60000;
}

#teacherPosts dl dt.bottomLine {
    border-bottom: 1px dashed #c5c5c5;
    padding-bottom: 20px;
}

#teacherPosts dl dd {
    margin: 0px;
}

#teacherPosts dl dd .item {
    float: left;
    width: 237px;
    height: 291px;
    margin: 40px 4px 3px 0px;
}

#teacherPosts dl dd .item .time {
    width: 100%;
    height: 28px;
    line-height: 28px;
    font-size: 16px;
}

#teacherPosts dl dd .item .time strong {
    float: left;
	color:#777777
}

#teacherPosts dl dd .item .time i {
    display: block;
    float: left;
    background: #ffffff url('../img/teacher.png') -766px -35px no-repeat;
    width: 17px;
    height: 16px;
    margin: 7px 3px 0px 3px;
    color: #d60000;
}

#teacherPosts dl dd .item .time .date {
    color: #a3a3a3;
    float: left;
    font-size: 18px;
    font-weight: bold;
    padding-left: 15px;
    text-decoration: underline;
}

#teacherPosts dl dd .item a {
    float: left;
    display: block;
    width: 235px;
    height: 263px;
    border: 1px solid #cccccc;
}

#teacherPosts dl dd .item a img {
    width: 235px;
    height: 235px;
    background-color: #707070;
}

#teacherPosts dl dd .item a .like,
#teacherPosts dl dd .item a .hits,
#teacherPosts dl dd .item a .likeNum,
#teacherPosts dl dd .item a .hitsNum {
    float: left;
}

#teacherPosts dl dd .item a .like,
#teacherPosts dl dd .item a .hits,
#teacherPosts dl dd .item a .comment {
    background-image: url('../img/teacher.png');
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    margin: 3px 3px 0px 3px;
}

#teacherPosts dl dd .item a .like {
    background-position: -747px -37px;
}

#teacherPosts dl dd .item a .hits {
    background-position: -649px -36px;
}

#teacherPosts dl dd .item a .comment,
#teacherPosts dl dd .item a .commentNum {
    float: right;
}

#teacherPosts dl dd .item a .comment {
    width: 16px;
    height: 15px;
    background-position: -811px -34px;
}

#teacherPosts dl dd .item a .commentNum {
    padding-right: 5px;
}

#teacherPosts dl dd .last {
    margin-right: 0px;
}

#teacherContent .content {
    border: 1px solid #cccccc;
    padding: 13px 12px 50px 12px;
}

#teacherContent .content .nav a {
    display: block;
    font-size: 18px;
    color: #d60000;
    text-align: center;
    text-decoration: none;
    position: relative;
    border: 1px solid #e2e2e2;
}

#teacherContent .content .nav a i {
    position: absolute;
    display: block;
    background-repeat: no-repeat;
    top: 0px;
    left: 0px;
}

#teacherContent .content .nav .recommend {
    float: left;
    width: 108px;
    height: 36px;
    line-height: 35px;
    color: #00a0e9;
	font-size:12px
}

#teacherContent .content .nav .recommend i {
    width: 108px;
    height: 36px;
    background-image: url('../img/pdtj.jpg');
}

#teacherContent .content .nav .pre,
#teacherContent .content .nav .next,
#teacherContent .content .nav .return {
    width: 108px;
    height: 36px;
    line-height: 40px;
    float: right;
    margin-left: 20px;
	font-size:14px;
}

#teacherContent .content .nav .pre i,
#teacherContent .content .nav .next i,
#teacherContent .content .nav .return i {
    width: 108px;
    height: 36px;
}

#teacherContent .content .nav .pre i {
    background-position: -152px -36px;
}

#teacherContent .content .nav .next i {
    background-position: -303px -36px;
}

#teacherContent .content .nav .return i {
    background-position: -454px -36px;
}

#teacherContent .content .header {
    border: 1px solid #e0e0e0;
    margin-top: 64px;
    padding: 12px 66px 12px 12px;
}

#teacherContent .content .header img {
    width: 320px;
    height: 320px;
    float: left;
}

#teacherContent .content .header .time {
    color: #b8b8b8;
    font-size: 14px;
    text-align: right;
    padding: 25px 0px;
}

#teacherContent .content .header .title {
    float: left;
    width: 455px;
    height: 140px;
    line-height: 120px;
    padding-left: 15px;
    margin-left: 60px;
    border: 1px dashed #d2d2d2;
    font-size: 14px;
    color: #d60000;
    text-decoration: underline;
}

#teacherContent .content .header .icons {
    text-align: right;
    padding-top: 200px;
    color: #868686;
}

#teacherContent .content .header .icons a {
    display: inline-block;
    text-decoration: none;
    background-image: url('../img/teacher.png');
    background-repeat: no-repeat;
    padding-left: 21px;
}

#teacherContent .content .header .icons a strong {
    background-color: #fff;
    padding-right: 5px;
}

#teacherContent .content .header .icons a.views {
    background-position: 5px 5px;
	background-image: url('../img/05.jpg');
}


#teacherContent .content .header .icons a.photos {
    background-position: 5px 6px;
	background-image: url('../img/06.jpg');
}

#teacherContent .content .header .icons a.unlike {
    background-position: -646px -31px;
}

#teacherContent .content .header .icons a.comment {
    background-position: -670px -31px;
}

#teacherContent .content .header .icons a.forward {
    background-position: -694px -31px;
}

#teacherContent .content .header .icons a.fav {
    background-position: -720px -31px;
}

#teacherContent .content .header .icons a.like {
    background-position: -744px -31px;
}

#teacherContent .content .subHeader {
    border-bottom: 1px dashed #d3d3d3;
    height: 108px;
}

#teacherContent .content .subHeader a {
    display: block;
    float: right;
    padding-top: 25px;
    font-size: 14px;
    color: #808080;
    text-decoration: none;
    margin-left: 22px;
}

#teacherContent .content .subHeader a strong {
    color: #d60000;
}

#teacherContent .content .subHeader a.c {
    float: left;
    width: 45px;
    height: 45px;
    background: #ffffff url('../img/teacher.png') -832px 0px no-repeat;
    margin: 25px 0px 0px 18px;
}

#teacherContent .content .subHeader a.weibo {
    float: left;
    width: 45px;
    height: 45px;
    background: #ffffff url('../img/teacher.png') -919px -35px no-repeat;
    margin: 25px 0px 0px 18px;
}

#teacherContent .content .description {
    padding: 50px;
    line-height: 30px;
    border-bottom: 1px dashed #c3c4c5;
}

#teacherContent .content .imgs {
    width: 935px;
    overflow: hidden;
    text-align: center;
    padding: 30px 0px 60px 0px;
    border-bottom: 1px dashed #c3c4c5;
}

#teacherContent .content .registerTip {
    border-bottom: 1px dashed #c3c4c5;
}

#teacherContent .content .registerTip a {
display: block;
text-align: center;
width: 445px;
height: 65px;
line-height: 68px;
border: 1px solid #bfbfbf;
margin: 60px auto;
font-size: 14px;
color: #D60000;
}

#teacherContent .content .hitWrapper {
    border-bottom: 1px dashed #c3c4c5;
}

#teacherContent .content .hitWrapper a {
    display: block;
    text-align: center;
    width: 492px;
    height: 75px;
    line-height: 75px;
    margin: 60px auto;
    font-size: 20px;
    color: #d60000;
    text-decoration: none;
    background: #ffffff url('../img/teacher.png') 0px -87px no-repeat;
    text-align: right;
    padding-right: 50px;
}

#teacherContent .content .moreWrapper {
    border-bottom: 1px dashed #c3c4c5;
    padding: 40px 0px;
}

#teacherContent .content .moreWrapper .item {
    float: left;
    width: 181px;
    margin-right: 5px;
}

#teacherContent .content .moreWrapper .item .top {
    height: 33px;
}

#teacherContent .content .moreWrapper .item .top a {
background-position: 5px 6px;
background-image: url('../img/06.jpg');
display: inline-block;
text-decoration: none;
background-repeat: no-repeat;
padding-left:22px
}

#teacherContent .content .moreWrapper .item .top a strong {
    margin-left: 28px;
}

#teacherContent .content .moreWrapper .item .detail {
    border: 1px solid #bfbfbf;
}

#teacherContent .content .moreWrapper .item .detail img {
    background-color: #707070;
    width: 180px;
    height: 180px;
}

#teacherContent .content .moreWrapper .item .detail .bottom {
    height: 29px;
    padding-top: 6px;
}

#teacherContent .content .moreWrapper .item .detail .bottom a {
    color: #666666;
    background-image: url('../img/teacher.png');
    background-repeat: no-repeat;
    display: block;
    width: 15px;
    height: 23px;
    float: left;
    margin: 0px 10px;
}

#teacherContent .content .moreWrapper .item .detail .bottom a.like {
    background-position: -747px -32px;
}

#teacherContent .content .moreWrapper .item .detail .bottom a.unlike {
    background-position: -649px -32px;
}

#teacherContent .content .moreWrapper .item .detail .bottom strong {
    float: left;
    background-color: #fff;
    font-weight: normal;
    color: #7f7f7f;
}

#teacherContent .content .moreWrapper .last {
    margin-right: 0px;
}

#teacherContent .content .commentWrapper {
    border-bottom: 1px dashed #c3c4c5;
    height: 100px;
    padding: 50px 0px;
}

#teacherContent .content .commentWrapper a {
    display: block;
    width: 470px;
    height: 100px;
    line-height: 98px;
    border: 1px dashed #d60000;
    margin: 0 auto;
    color: #868686;
    font-size: 18px;
    text-decoration: none;
    text-align: center;
}

#teacherContent .content .commentWrapper a strong {
    color: #d60000;
}

#teacherContent .returnButton {
    padding: 45px;
}

#teacherContent .returnButton a {
    position: relative;
    display: block;
    width: 157px;
    height: 42px;
    line-height: 42px;
    margin: 0 auto;
    border: 1px solid #bfbfbf;
    color: #d60000;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
}

#teacherContent .returnButton a i {
    position: absolute;
    display: block;
    width: 160px;
    height: 45px;
    top: 0px;
    left: 0px;
}

#story {
    width: 960px;
    margin: 0 auto;
}

#story ul,
#story li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#story .guide {
    font-size: 12px;
    padding: 10px 0 50px;
    color: #3a3a3a;
}

#story .guide a {
    color: #3a3a3a;
}

#story .menu {
    display: inline;
    float: left;
    width: 120px;
}

#story .menu ul {
    padding: 17px 0 0 0;
    border: 1px solid #A4A4A4;
}

#story .menu li {
    font-size: 15px;
    margin: 0 0 17px;
}

#story .menu a {
    display: block;
    width: 70px;
    height: 22px;
    overflow: hidden;
    margin: 0 auto;
    line-height: 22px;
    text-align: center;
    border: 1px solid #A86B6D;
    background-color: #C9161D;
    color: #fff;
}

#story .intro {
    display: inline;
    float: left;
    width: 780px;
    margin: 0 0 0 60px;
    padding: 20px 0 60px;
    font-size: 18px;
    color: #8E8E8E;
    text-indent: 2em;
    line-height: 30px;
}

#story .intro a {
    color: #8E8E8E;
}

#story .timeLine {
    display: inline;
    float: left;
    width: 110px;
}

#story .timeLine ul {
    width: 70px;
    margin: 20px auto;
    padding: 10px 0;
    background-color: #d2d2d2;
    font-size: 18px;
    color: #000;
}

#story .timeLine li {
    text-align: center;
    line-height: 20px;
}

#story .timeLine a {
    color: #000;
    text-decoration: underline;
}

#story .list {
    float: left;
    width: 729px;
    overflow: hidden;
    border-left: 1px solid #C3C3C3;
    padding-top: 10px
}

#story .list ul {
    margin: 20px 0;
}

#story .list li {
    font-size: 18px;
    color: #000;
    margin-bottom: 10px;
    padding: 0 0 0 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-image: url('../img/layout.png');
    background-repeat: no-repeat;
    background-position: -1704px -137px;
}

#story .list a {
    color: #000;
    text-decoration: underline;
    font-size: 14px;
}

#story .list .date {
    margin-right: 10px;
    font-weight: bold;
}

#story .list .title a {
    color: #707070;
}

#story .list .more a {
    display: block;
    width: 270px;
    height: 45px;
    overflow: hidden;
    margin: 0 auto;
    border: 1px solid #949494;
    background-color: #b5b5b5;
    line-height: 45px;
    text-align: center;
    color: #c9141d;
    font-size: 24px;
    text-decoration: none;
}

#reg .stepBar {
    padding: 110px 0 60px 0;
    font-size: 26px;
    color: #b3b3b3;
    line-height: 46px;
}

#reg .stepBar span {
    float: left;
    margin: 0 20px 0 0;
}

#reg .stepBar span i {
    float: left;
    width: 54px;
    height: 46px;
    overflow: hidden;
    margin: 0 10px 0 0;
}

#reg .stepBar .current {
    color: #db0000;
}

#reg .stepBar .current i {
    background-image: url('../img/layout.png');
    background-position: -1243px 0;
}

#reg .intro {
    margin: 0 0 30px;
    font-size: 30px;
    font-weight: bold;
}

#reg .intro span {
    color: #DB0000;
}

#reg .form {
    font-size: 36px;
}

#reg .form p {
    margin: 0 0 10px;
    padding: 0;
}

#reg .form input {
    vertical-align: middle;
}

#reg .form img {
    margin: 0 20px;
    vertical-align: middle;
}

#reg .form a {
    color: #000;
}

#reg .form .title {
    display: block;
    line-height: 120%;
}

#reg .form .inline {
    margin: 0 0 20px 0;
}

#reg .form .inline .title {
    display: inline;
    margin: 0 20px 0 0;
}

#reg .form .ipt_txt {
    width: 280px;
    height: 40px;
    border: 1px solid #ACABAB;
}

#reg .form .ipt_radio {
    margin: 0 0 0 10px;
}

#reg .form .ipt_yzm {
    width: 170px;
    height: 40px;
    border: 1px solid #ACABAB;
}

#reg .form .agree {
    padding: 80px 0 20px 0;
    font-size: 24px;
    color: #808080;
}

#reg .form .agree a {
    color: #808080;
    text-decoration: underline;
}

#reg .form .ipt_btn {
    background-color: #fff;
    width: 280px;
    height: 40px;
    overflow: hidden;
    border: 1px solid #ACABAB;
    box-shadow: 1px 1px 5px #000;
    font-size: 30px;
    color: #db0000;
}

#reg .step1 {
    background: url(../img/regStep1.png) no-repeat right 0;
}

#checkEmail .hd {
    padding: 90px 0 0 0;
    font-size: 36px;
    font-weight: bold;
    color: #000;
}

#checkEmail .bd {
    overflow: hidden;
    margin: 30px 0 40px;
    padding: 0 0 0 280px;
    border: 1px dotted #B4B4B4;
    border-width: 1px 0;
    font-size: 26px;
    color: #808080;
    position: relative;
}

#checkEmail .bd h3 {
    color: #db0000;
}

#checkEmail .bd ul {
    margin: 0 0 40px;
    padding: 0;
    color: #000000;
    line-height: 180%;
    list-style: none;
}

#checkEmail .bd a {
    color: #db0000;
    text-decoration: underline;
}

#checkEmail .bd i {
    display: block;
    width: 76px;
    height: 72px;
    overflow: hidden;
    background-image: url('../img/layout.png');
    background-position: -1167px 0;
    position: absolute;
    top: 100px;
    left: 100px;
}

#checkEmail .bd .ipt_btn {
    color: #4d4d4d;
}

#checkEmail .ipt_btn {
    display: block;
    width: 256px;
    height: 37px;
    overflow: hidden;
    line-height: 37px;
    text-align: center;
    color: #db0000;
    font-size: 26px;
    border: 1px solid #DBDBDB;
    box-shadow: 1px 1px 5px #000;
    text-decoration: none;
}

#checkEmail .btn {
    padding: 0 0 0 280px;
}

#checkEmail .tips {
    color: #4d4d4d;
    font-size: 20px;
    line-height: 160%;
}

#checkEmail .tips dl,
#checkEmail .tips dt,
#checkEmail .tips dd,
#checkEmail .tips ul,
#checkEmail .tips li {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#checkEmail .tips ul {
    list-style: inside;
}

#checkEmail .tips a {
    color: #db0000;
    text-decoration: underline;
}

.contentlist1 {
    width: 1920px;
    padding: 0 20px;
    height: 30px;
}

.contentlist1 li {
    font-size: 14px;
    color: rgb(105,105,105);
    margin-left: 550px;
    float: left;
}

ul, ol, li {
    list-style: none;
	}

font-size: 16px;
    text-align: center;
    margin-bottom: 15px;
    color: #333;

/*# sourceMappingURL=all.css.map */