@charset "UTF-8";
body { margin: 0; padding: 0; font-size: 14px; line-height: 26px; color: rgb(91,96,100); font-family: "Hiragino Sans GB", "微软雅黑", "Microsoft YaHei", SimHei, "华文细黑", "STHeiti", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: rgb(255,255,255); -webkit-text-size-adjust: none; text-align: justify; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box }
h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: normal }
ol, ul, li { margin: 0; padding: 0; list-style: none }
p { margin: 0 }
img, svg { display: block; max-width: 100% }
input, textarea, div, img { outline: none }
img { transition-duration: .3s }
a, a:visited { text-decoration: none; color: rgb(48,51,55); cursor: pointer; outline: none; transition-duration: .3s }
a:active, a:hover { color:#ff5a02; text-decoration:none}
::-webkit-selection {
 color: rgb(19,55,54);
 background-color: rgb(242,246,132)
}
::-moz-selection {
 color: rgb(19,55,54);
 background-color: rgb(242,246,132)
}
::-ms-selection {
 color: rgb(19,55,54);
 background-color: rgb(242,246,132)
}
::-o-selection {
 color: rgb(19,55,54);
 background-color: rgb(242,246,132)
}
::selection { color: rgb(19,55,54); background-color: rgb(242,246,132) }
input[type=submit] { -webkit-appearance: none; outline: none; border-radius: 0; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { border: none; outline: none; background: none; box-shadow: none; background-color: #ffffff; -webkit-appearance: none; }
/**
 * 2.0 Basic Structure
 *
 * --------------------------------------------------------------
 */
.c_hide{display:none;}
.cb_linput{width:140%; height:140%;}
.container { padding-right: 24px; padding-left: 24px; width: 1196px; }
.row { margin-right: -14px; margin-left: -14px; }
.multi-col:before, .multi-col:after, .row:before, .row:after { display: table; content: " " }
.row:after, .multi-col:after { clear: both }
.box-left { float: left; clear: none; }
.box-right { float: right; clear: none; }
.mini-container { margin: 0 auto; width: 756px; text-align: center; }
.col-md-4 { padding-right: 14px; padding-left: 14px; width: 33.3333%; }
.col-md-offset-4 { margin-left: 33.3333%; }
.bg-packet { background-color: rgb(245, 249, 252); background-position: center top; background-repeat: repeat-y; }
.bg-leftlight { background-image: url(../images/background-light.png); }
.bg-rightlight { background-image: url(../images/background-dark.png); }
.core .primary { background-color: rgb(238, 243, 247); margin-left: 31.7073%; }
.core .secondary { float: left; background-color: rgb(245, 249, 252); width: 31.7073%; }
.flowable .flow_hack form { padding-top: 36px; padding-right: 28px; padding-bottom: 20px; }
.primary .article-list { padding-top: 36px; padding-left: 28px; min-height: 360px; }
.article-empty { position: relative; }
.article-empty .empty-container { }
.empty-container .icon { width: 80px; height: 97px; display: block; background-position: -300px -150px; margin: 0 auto 12px; }
.empty-container { position: absolute; top: 50%; right: 0; left: 0; margin-top: -20px; }
.empty-container .text { font-size: 18px; line-height: 30px; text-align: center; display: block; }
.flowable .flow_hack form .button_w { float: none; }
.layout-left { float: left; }
/**
 * 3.0 Global Elements
 *
 * --------------------------------------------------------------
 */
.form-control { box-shadow: none; -webkit-appearance: none; }
.btn { display: block; float: left; margin-right: 12px; padding: 10px 36px; font-weight: bold; line-height: 22px; }
.btn-primary, a.btn-primary, a:visited.btn-primary { color:#fff; /*background-image: linear-gradient(218deg, #FFD100 0%, #FC2B7D 69%, #F11F67 100%);*/ background:#ff5a02; border: none; border-radius: 4px; }
.btn-primary:hover { color: rgb(255, 255, 255);background-image: linear-gradient(218deg, #DBB500 0%, #DBB500 69%, #DBB500 100%);}
.btn-secondary { color: rgb(91, 96, 100); border: 1px solid #5B6064; border-radius: 4px; padding-top: 9px; padding-bottom: 9px; }
.btn-regular { border: #A3A8B0 solid 1px; color: #5B6064; font-size: 14px; line-height: 22px; padding: 4px 18px; }
.headerTop .btn-secondary { color: rgb(255, 255, 255); border: 1px solid #ffffff; }
.btn-hero { padding: 13px 12px; width: 198px; text-align: center; }
.btn-primary .text { }
.btn-primary .arrow { display: inline-block; margin-left: 12px; width: 7px; height: 12px; background-position: 0 -300px; }
.btn-list { background: #FFFFFF; border: 1px solid #DAE0E6; border-radius: 4px; font-weight: normal; }
.btn-list:hover { border-color: #FC2B7D; color: #FC2B7D; }
.btn-primary.btn-full, .btn-primary.btn-end { background: none; background-color: #393C3E; cursor: not-allowed; }
.flowable .btn-primary { width: 100%; }
a.link, a.link:visited { color: rgb(252, 43, 125); }
.link-detail .arrow { display: inline-block; margin-left: 12px; width: 7px; height: 11px; background-position: -50px -300px; }
.sec-title { padding-top: 64px; padding-bottom: 36px; font-size: 36px; line-height: 48px; text-align: center; }
.modal-dialog { margin: 0; }
.modal-content { background: #FFFFFF; border: none; border-radius: 0; box-shadow: 0px 2px 2px 0px rgba(48, 51, 55, .2); }
/**
 * 3.0 Image
 *
 * --------------------------------------------------------------
 */
.logo { background-image: url(../images/logo.png); }
.ui-element { background-image: url(../images/ui-elements.png); }
/**
 * 3.0 Header
 *
 * --------------------------------------------------------------
 */
.header-nav {width: 100%;z-index: 1000;position: relative;height: 46px;background: #FFD100;border-top: 4px solid #ECC200;}
.header-nav .header-container {white-space: nowrap;}
.container {padding: 0 10px;width: 1200px;}
.container {position: relative;margin-right: auto;margin-left: auto;}
.header-nav .item {position: relative;display: inline-block;padding: 0 38px;height: 42px;line-height: 42px;color: #000;font-size: 16px;letter-spacing: .6px;cursor: pointer;}
.header-nav .item .title {display: block;line-height: 42px;}
.header-nav .item:hover {color: #262626;background: #fff; text-decoration:none}
.header-nav .item:hover+.item:before,
.header-nav .item:hover:before {visibility: hidden}
.header-nav .item:hover .sub {display: block}
.header-nav .item:hover .destination-block {display: block}
.header-nav .item:hover .title .iconfont {-webkit-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg)}
.header-nav .item .title {display: block;line-height: 42px}

#header { max-width: 1200px; margin:0 auto; height: 71px; z-index: 1000; background-color: rgb(255, 255, 255);}
.home #header.headerTop { position: absolute; height: 78px; background: none; border: none;background:#000;filter:alpha(opacity=70);  /*支持 IE 浏览器*/-moz-opacity:0.70; /*支持 FireFox 浏览器*/opacity:0.70;  /*支持 Chrome, Opera, Safari 等浏览器*/}
.home #header.headerUnTop { position: fixed; top: 0; right: 0; left: 0; height: 71px; }
#header a:active, #header a:hover { text-decoration: none; }
/* Branding */
a.logo, a:visited { transition: none; }
#header .logo { display: block; margin-top: 10px; margin-right: 32px; margin-left:12px; width:122px; height:43px; text-indent: -9999px; background-position: 0 0; }
.home #header.headerTop .logo { margin-top: 13px; width: 178px; height: 52px; background-position: 0 0; }
.home #header.headerTop .btn-secondary:hover { color: rgb(48, 51, 55); background-color: rgb(255, 255, 255); }
#site-access { margin-left: 208px; }
.access-head { display: none; }
/* Navigation */
.navigation { font-size: 18px; line-height: 28px;}
.navigation a, .navigation a:visited { }
.navigation a:active, .navigation a:hover { text-decoration: none; }
.navigation > ul > li { position: relative; float: left; padding: 21px 18px; }
.headerTop .navigation > ul > li { padding-top: 25px; padding-bottom: 25px; }
.navigation > ul > li > a { display: block; }
.navigation .sub-menu { display: none; position: absolute; top: 67px; left: -6px; z-index: 1200; padding: 0 24px; width: 200px; font-size: 14px; background-color: rgb(255, 255, 255); border-top: #FC2B7D solid 4px; box-shadow: 0px 2px 2px 0px rgba(48, 51, 55, .2); }
.headerTop .navigation .sub-menu { top: 74px; }
.navigation > ul > li:hover .sub-menu { display: block; }
.navigation .sub-menu > li { border-bottom: #DAE0E6 solid 1px; }
.navigation .sub-menu > li:last-child, .navigation .sub-menu > li.last { border-bottom: none; }
.with-sub .icon-sub { display: inline-block; margin-left: 8px; width: 12px; height: 11px; background-position: -100px -250px; }
.headerTop .with-sub .icon-sub { background-position: 0 -250px; }
.home #header.headerTop .navigation a { color: rgb(255, 255, 255); }
.home #header.headerTop .navigation a:active, .home #header.headerTop .navigation a:hover { color: rgb(252, 43, 125); }
#header .navigation .sub-menu a, .home #header .navigation .sub-menu a { display: block; padding: 12px 0; line-height: 24px; color: rgb(91, 96, 100); }
#header .navigation .sub-menu a:active, #header .navigation .sub-menu a:hover { color: rgb(252, 43, 125); text-indent: 8px; }
.navbar-toggle { display: none; float: right; margin: 0; width: 48px; height: 48px; border: none; padding: 15px 11px 0; margin-right: 18px; cursor: pointer; }
.navbar-toggle .icon-bar { background-color: #FFD100; width: 26px; }
.navbar-toggle .icon-bar+.icon-bar { margin-top: 6px; }
.user-access { position: relative; padding-top: 14px; padding-bottom: 14px; padding-right: 30px; }
.user-access.user-logged {padding-left:0px; }
.headerTop .user-access.user-logged { border: none; }
.headerTop .user-access.user-logged > a { color: rgb(255, 255, 255); }
.logged-user { width: 48px; height: 48px; position: relative; float: right; margin-right: 12px; padding-top: 3px; display: none; }
.user-access .avatar, .logged-user .avatar { display: block; overflow: hidden; width: 42px; height: 42px; border-radius: 50%; border: rgba(255, 255, 255, .7) solid 2px; }
.user-access .username { display: block; float: left; line-height: 42px; }
.user-access .sub-menu { padding: 0 24px; display: none; }
.user-access.user-logged:hover .sub-menu { display: block; }
.user-access .sub-menu > li { border-bottom: #DAE0E6 solid 1px; }
.user-access .sub-menu > li:last-child, .user-access .sub-menu > li.last { border-bottom: none; }
.user-access .user-sub { position: absolute; z-index: 1050; top: 71px; right: 0; background-color: rgb(255, 255, 255); box-shadow: 0px 2px 2px 0px rgba(48, 51, 55, .2); width: 320px; }
.user-sub a { padding: 12px 0; display: block; position: relative; }
.user-sub .msg-count { position: absolute; top: 18px; right: 0; display: block; padding: 1px 5px; height: 18px; background-color: #FC2B7D; color: #ffffff; font-size: 12px; line-height: 16px; border-radius: 9px; }
.user-sub a .text { display: inline-block; transition-duration: .3s }
.user-sub a:hover .text { text-indent: 12px; }
.user-sub a:hover .msg-count { text-indent: 0; }
.user-access .user-left { position: relative; display: block; float: left; margin-right: 12px; width: 42px; height: 42px; }
.user-access .user-left .message-notice, .logged-user .message-notice { position: absolute; top: -4px; right: -4px; width: 18px; height: 18px; background-color: rgb(252, 43, 125); border-radius: 50%; line-height: 18px; text-align: center; font-size: 12px; color: rgb(255, 255, 255); }
.logged-user .message-notice { top: 3px; right: 2px; }
.user-access.user-logged > a { color: rgb(91, 96, 100); }
.city-access { margin-top: 20px; margin-right: 32px; }
.city-switcher, .city-switcher:hover { color: rgb(91, 96, 100) }
.headerTop .city-switcher { color: rgb(255, 255, 255) }
.city-switcher > span { display: block; float: left; }
.city-switcher .icon { margin-right: 8px; width: 20px; height: 25px; background-position: 0 0; }
.headerTop .city-switcher .icon { background-position: -50px 0; }
.city-switcher .text { line-height: 28px; }
/* 自定义下拉菜单 */
.bootstrap-select > .dropdown-toggle { border-color: #DAE0E6; font-weight: normal; color: rgb(91, 96, 100); padding: 8px 12px; background-color: #fff !important; line-height: 24px; margin-right: 0; }
.dropdown-menu { border-radius: 0; margin-top: 0; border: none; box-shadow: 0px 2px 2px 0px rgba(48, 51, 55, .2); }
.dropdown-menu > li > a { line-height: 24px; padding: 4px 12px; color: rgb(91, 96, 100); }
input.datepicker { line-height: 32px; }
.datepicker.dropdown-menu { padding: 12px; border-radius: 0; border: none; box-shadow: 0px 2px 2px 0px rgba(48, 51, 55, .2); font-size: 12px; }
.datepicker.datepicker-inline th, .datepicker.dropdown-menu th { color: rgb(163, 168, 176); }
.datepicker.dropdown-menu tbody td { line-height: 32px; border: #DAE0E6 solid 1px; padding: 0 8px; font-size: 12px; color: rgb(91, 96, 100); }
.datepicker table tr td, .datepicker table tr th { border-radius: 0; }
.datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active:active { border: none; }
.datepicker table tr td.active, .datepicker table tr td.active.highlighted { text-shadow: none; }
.datepicker table tr td.day:hover, .datepicker table tr td.focused { background: none; }
.cbx label,.cbxt label { color: rgb(91, 96, 100); font-weight: normal; }
.page-headline .channel-name { padding-top: 36px; padding-bottom: 64px; }
.flowable .channel-name { padding-bottom: 36px; }
.flowable h4.article-title { font-size: 24px; line-height: 32px; letter-spacing: .3px; font-weight: bold; margin-bottom: 24px; }
.flowable .flow_hack .des-panel { border-top: 1px solid #DAE0E6; border-left: 1px solid #DAE0E6; border-right: 1px solid #DAE0E6; margin-top: 36px; padding: 24px 24px 4px; }
.flowable .btn { float: none; margin-right: 0; }
.page-headline .btn-hero { float: none; }
.job-welfare { margin-bottom: 18px; }
.channel-name h4 { font-size: 24px; line-height: 36px; font-weight: bold; }
.channel-name h4 > span { display: block; }
.channel-name .underline { width: 120px; height: 4px; }
.part-time .channel-name h4 { color: rgb(68, 100, 87) }
.part-time .channel-name .underline { background-color: rgb(68, 100, 87) }
.activity .channel-name h4 { color: rgb(215, 75, 43) }
.activity .channel-name .underline { background-color: rgb(215, 75, 43) }
.trainning .channel-name h4 { color: rgb(97, 97, 151) }
.trainning .channel-name .underline { background-color: rgb(97, 97, 151) }
h1.article-title { font-size: 36px; line-height: 46px; letter-spacing: .5px; font-weight: bold; margin-bottom: 16px; }
.page-headline { padding-bottom: 36px; }
#message { padding-bottom: 72px; }
.sign-container .article-attrs, #message .article-attrs { padding-top: 36px; padding-bottom: 28px; width: 62.7177%; }
.sign-container h5.chap-title, #message h5.chap-title { font-size: 16px; line-height: 24px; font-weight: bold; }
.sign-container h5.chap-title > span, #message h5.chap-title > span { display: block; }
.sign-container h5.chap-title .text, #message h5.chap-title .text { margin-bottom: 6px; }
.sign-container h5.chap-title .underline, #message h5.chap-title .underline { margin-bottom: 16px; }
.sign-container h5.chap-title .underline, #message h5.chap-title .underline { width: 60px; height: 1px; background-color: rgb(91, 96, 100) }
.msginfos .msg .hierar { display: block; float: left; width: 49%; line-height: 22px; margin-bottom: 16px; }
.des-content { margin-bottom: 12px; }
/**
 * 4.0 Footer
 *
 * --------------------------------------------------------------
*/
.footer {color: #eee; border-top:1px solid #282828;}
.footer .footer-icon {
	position: relative;
	display: block;
	margin: -86px auto 0;
	width: 490px;
	height: 80px;
	background: url(../images/footer.png) no-repeat;
	-webkit-background-size: 490px 80px;
	background-size: 490px 80px
}
.footer .footer-logo {margin-left: 10px;margin-top: 56px;float: left}
.footer .footer-logo .logom {display: block;text-align: center}
.footer .footer-logo .logom p {margin-top: 10px;color: #fff;font-size: 12px;letter-spacing: 10px;position: relative;left: 4px}
.footer .footer-logo .logom img {width:200px;}
.footer .footer-menu {margin-top: 56px;float: right;overflow: hidden}
.footer .footer-menu .wrap {margin-right: -120px}
.footer .footer-menu dl {float: left;margin-right: 120px}
.footer .footer-menu dl dt {margin-bottom: 20px;padding-bottom: 10px;color: #999;border-bottom: 1px solid #999}
.footer .footer-menu dl dd {margin-bottom: 10px;font-size: 12px}
.footer .footer-menu dl dd a {color: #666}
.footer .footer-menu dl dd a:hover {text-decoration: underline}
.footer .footer-copyright {line-height: 44px;font-size: 14px; color:#666; text-align:center}
.footer .footer-copyright .left {float: left}
.footer .footer-copyright .left a {margin-right: 20px}
.footer .footer-copyright .right {float: right}
.footer .footer-copyright .right a {margin-left: 20px}
.footer .footer-copyright a {color: #666}
.footer .footer-copyright a:hover {text-decoration: underline}
.footer .footer-copyright a .beian {position: relative;top: -1px;margin-right: 4px;height: 16px;vertical-align: middle}
.footer .footer-copyright .iconfont {display: inline-block;width: 24px;height: 24px;line-height: 24px;background:url(../images/icon_wx.png) no-repeat;text-align: center;font-size: 16px}
.footer .wechat-cwlive {position: relative}
.footer .wechat-cwlive .qrcode {display: none;position: absolute;top: -214px;right: -65px;height: 192px;width: 170px;background: #FFD100}
.footer .wechat-cwlive .qrcode p {line-height: 16px;color: #fff;font-size: 12px;text-align: center}
.footer .wechat-cwlive .qrcode img {margin: 5px;width: 160px;height: 160px}
.footer .wechat-cwlive .qrcode .arrow-down {position: absolute;bottom: -12px;right: 70px;display: block;width: 0;height: 0;border-top: 12px solid #FFD100;border-right: 12px solid transparent;border-left: 12px solid transparent}.footer .wechat-cwlive:hover .qrcode {display: block;-webkit-animation: popIn .3s ease-in-out;animation: popIn .3s ease-in-out;-webkit-transform-origin: 50% 100%;-ms-transform-origin: 50% 100%;transform-origin: 50% 100%}






#footer { position: relative; z-index: 800; padding-top: 36px; padding-bottom: 16px; color: rgb(255, 255, 255); font-size: 14px; line-height: 32px; background-color: rgb(57, 60, 62); }
#footer a, #footer a:visited { color: rgb(255, 255, 255); }
#footer a:hover, #footer a:active { text-decoration: underline; color: rgb(123, 130, 137); }
#footer .foot-top { margin-bottom: 36px; padding-bottom: 36px; border-bottom: #5A5E61 solid 1px; }
#footer .foot-logo { display: block; width: 110px; height: 32px; text-indent: -9999px; background-position: 0 -200px; }
.app-links > a { display: block; float: left; margin-left: 16px; height: 36px; text-indent: -9999px; }
.app-links .item-ios { width: 115px; background-position: 0 -100px; }
.app-links .item-android { width: 124px; background-position: -200px -100px; }
#footer .foot-main { margin-bottom: 56px; }
#footer .foot-links { width: 46% }
#footer .foot-links .link-group { width: 50%; }
#footer .foot-service { width: 27%; }
#footer .foot-contact { width: 27%; }
.foot-widget { margin-bottom: 42px; }
.foot-widget .title h4 { margin-bottom: 4px; font-size: 16px; line-height: 32px; font-weight: bold; }
.foot-widget .title-line { display: block; margin-bottom: 18px; width: 54px; height: 1px; background-color: rgb(255, 255, 255); }
.social-item { display: block; overflow: hidden; float: left; margin-right: 18px; width: 42px; height: 42px; text-indent: -9999px; border: #666B6C solid 1px; border-radius: 50%; }
.social-item:hover { border-color: #ffffff; background-color: rgb(255, 255, 255); }
.social-sina { background-position: -1px -151px; }
.social-wx { background-position: -101px -151px; }
.social-sina:hover { background-position: -1px -193px; }
.social-wx:hover { background-position: -101px -193px; }
/**
 * 5.0 Page
 *
 * --------------------------------------------------------------
*/
.home .sec-default { font-size: 16px; }
/**
 * 5.0 Sections
 *
 * --------------------------------------------------------------
*/
.hero { position: relative; width: 100%; height: 650px; }
.hero-img { width: 100%; height: 650px; }
.slider-item { width: 100%; height: 650px; background-position: center; background-size: cover; }
.hero-content { position: absolute; z-index: 50; top: 200px; width: 100%; color: rgb(255, 255, 255); }
.hero-content h1 { margin-bottom: 42px; font-size: 72px; line-height: 92px; font-weight: bold; }
.hero-content h2 { margin-bottom: 12px; font-size: 20px; line-height: 28px; }
.hero-content h1 > span { display: block; }
.hero .hero-line { display: block; margin-bottom: 12px; width: 252px; height: 4px; background-color: rgb(255, 255, 255); }
.hero-scroll { position: absolute; z-index: 80; bottom: 0; left: 50%; margin-left: -93px; display: block; width: 185px; height: 36px; background-position: 0 -50px; }
.unslider { overflow: auto; margin: 0; padding: 0 }
.unslider-wrap { position: relative }
.unslider-wrap.unslider-carousel > li { float: left }
.unslider-vertical > ul { height: 100% }
.unslider-vertical li { float: none; width: 100% }
.unslider-fade { position: relative }
.unslider-fade .unslider-wrap li { position: absolute; left: 0; top: 0; right: 0; z-index: 8 }
.unslider-fade .unslider-wrap li.unslider-active { z-index: 10 }
.unslider li, .unslider ol, .unslider ul { list-style: none; margin: 0; padding: 0; border: none }
.unslider-arrow { position: absolute; left: 20px; z-index: 2; cursor: pointer }
.unslider-arrow.next { left: auto; right: 20px }
.sec-service { padding-bottom: 64px; background-color: rgb(232, 243, 249); }
.service-item { float: left; margin-right: 88px; width: 324px; text-align: center; }
.service-item:last-child, .service-item.last { margin-right: 0; }
.service-item .title { margin-bottom: 12px; font-size: 22px; line-height: 30px; }
.service-item .icon { width: 128px; margin: 0 auto 24px; }
.service-item .summary { margin-bottom: 24px; height: 78px; }
.service-item .icon img { width: 100%; height: auto; }
.btn.btn-detail { float: none; display: inline-block; margin: 0; }
.sec-teacher .mini-container { margin-bottom: 64px; }
.sec-teacher .sec-para { margin-bottom: 24px; }
.teacher-item { position: relative; display: block; margin-bottom: 28px; overflow: hidden; }
a.teacher-item { color: rgb(255, 255, 255); }
.teacher-item.list_4 .title{height:68px;}
.teacher-item .title { position: absolute; right: 0; bottom: 0; left: 0; height: 90px; padding: 24px 16px; text-align: center; background-image: linear-gradient(-180deg, rgba(30,32,39,0.00) 0%, rgba(30,32,39,0.50) 100%); }

.teacher-item .title .name { font-size: 22px; line-height: 32px; font-weight: bold; }
.teacher-item .title .des { font-size: 14px; line-height: 22px; }
.teacher-item .btm-line { display: block; position: absolute; right: 16px; bottom: 0; left: 16px; height: 6px; background-color: rgb(85, 68, 201); }
.teacher-qzone { display: none; position: absolute; top: 50%; left: 50%; margin-top: -52px; margin-left: -29px; width: 58px; height: 58px; background-position: -200px 0; }
.teacher-item:hover img { transform: scale(1.1, 1.1); }
.teacher-item:hover .teacher-qzone { display: block; }
.teacher-item:hover .btm-line { background-color: rgb(252, 43, 125); }
.about-focus { position: relative; color: rgb(255, 255, 255); }
.about-focus .focus-content { position: absolute; top: 166px; right: 16px; left: 16px; text-align: center; }
.about-focus .focus-line { display: inline-block; margin-bottom: 12px; width: 252px; height: 4px; background-color: rgb(255, 255, 255); }
.about-focus h2 { margin-bottom: 48px; font-size: 56px; line-height: 72px; font-weight: bold; }
.about-focus h4 { margin-bottom: 12px; font-size: 20px; line-height: 28px; }
.focus-image { width: 100%; height: 568px; background-position: center top; }
.about-para { padding-bottom: 48px; }
.about-para .thumb { width: 658px; height: 394px; }
.left-thumb .content { margin-left: 686px; }
.right-thumb .content { margin-right: 686px; }
.about-para .title { margin-bottom: 32px; font-size: 28px; line-height: 38px; font-weight: bold; }
.about-para .sub-title { font-size: 20px; line-height: 38px; }
.about-para p { margin-bottom: 12px; }
.home .sec-teacher, .home .sec-about { padding-bottom: 72px; }
.popup-mask { display: none; position: fixed; z-index: 10000; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(28, 32, 43, .6); }
.popup-container { display: none; position: fixed; z-index: 12000; background-color: rgb(255, 255, 255); box-shadow: 0px 2px 2px 0px rgba(48, 51, 55, .2); }
.close-modal { position: absolute; top: -23px; right: -23px; display: block; width: 46px; height: 46px; border-radius: 50%; background: rgb(48, 51, 55); }
.close-modal:hover { background: #FC2B7D; }
.close-modal .close-icon { display: block; margin-top: 11px; margin-left: 11px; width: 24px; height: 24px; background-position: -298px 2px; }
#modal-title-city { font-size: 22px; line-height: 30px; text-align: center; padding-top: 24px; padding-bottom: 36px; border: none; }
.city-modal .modal-dialog { position: absolute; top: 50%; left: 50%; margin-top: -84px; margin-left: -258px; width: 516px; height: 168px; }
.city-modal .modal-body { height: 78px; }
.city-modal .modal-body { padding: 0 18px; }
.cus-modal .modal-dialog { position: absolute; top: 50%; left: 50%; margin-top: -84px; margin-left: -258px; width: 516px; }
.filter-date .bootstrap-select > .dropdown-toggle { padding: 4px 36px 4px 12px; height: 42px; position: relative; }
.filter-date .date-icon { width: 22px; height: 18px; position: absolute; top: 10px; right: 10px; background-position: 0 -500px; }
.list-page .primary { padding-bottom: 100px; }
.page-nav { padding-left: 28px; }
.page-nav .pagination { margin-top: 36px; margin-bottom: 0; float: right; }
.pagination>.active { position: relative; z-index: 10; }
.pagination>li>a, .pagination>li>span { border-color: rgb(218, 224, 230); color: rgb(91, 96, 100) }
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { background-color:#FFD100; border-color:#ECC200; color:#000}
.pagination>li>a, .pagination>li>span { line-height: 24px; padding: 6px 14px; }
.pagination > li > a:hover, .pagination > li > a:focus { color:#268986; background-color: rgb(255, 255, 255); border-color: rgb(218, 224, 230); }
.pagination > li > span, .pagination > li > span:hover, .pagination > li > span:focus { color: rgb(91, 96, 100); background-color: rgb(238, 243, 247); border-color: rgb(218, 224, 230); }
.filter-date .btn { cursor: default; }
.filter-date .btn .datepicker { cursor: pointer; }
.cus-modal .modal-title { padding: 9px 24px; text-align: center; background-color: rgb(245, 249, 252); }
.cus-modal .modal-title h4 { font-size: 22px; font-weight: bold; line-height: 30px; }
.cus-modal .modal-body { padding: 18px 24px; }
.cus-modal .modal-body .content { margin-bottom: 24px; }
.cus-modal .buttons { text-align: center; }
.cus-modal .buttons .btn { display: inline-block; float: none; }
.success-content > span { display: block; text-align: center; }
.success-content > span.icon { width: 80px; height: 80px; margin: 12px auto 14px; background-position: -200px -150px; }
.success-content > span.text { font-size: 18px; line-height: 30px; }
.city-list { text-align: center; }
.city-item { display: inline-block; float: none; margin-right: 6px; margin-left: 6px; }
.city-item.current { color: rgb(255, 255, 255); background-image: linear-gradient(218deg, #FE2AB6 0%, #FC2B7D 69%, #F11F67 100%); border: none; font-weight: bold; }
.mianbao{ max-width:1180px; margin:0 auto; height:40px; line-height:40px}
.flyer { width: 100%; height: 368px; background-size: cover; background-position: center; }
.flyer-container { width:394px; margin: 0 auto; padding-top: 72px; }
.page-plaque { padding: 24px 32px; width: 394px; color: rgb(255, 255, 255); }
.part-time .page-plaque { background-color: rgb(68, 110, 87)}
.activity .page-plaque { background-color: rgb(215, 75, 43);}
.trainning .page-plaque { background-color: rgb(97, 97, 151);}
.teacher .page-plaque { background-color: rgb(97, 97, 151);}
.teacher .core { background-color: #EEF3F7; padding-top: 64px; padding-bottom: 64px; }
.page-plaque h1 { font-size: 56px; line-height: 72px; margin-bottom: 4px; font-weight: bold; }
.page-plaque h2 { font-size: 24px; line-height: 28px; margin-bottom: 24px; }
.article-item { padding: 12px 16px; background-color: rgb(255, 255, 255); width: 100%; margin-bottom: 16px; }
.article-item:hover { box-shadow: 0px 2px 2px 0px rgba(48, 51, 55, .2); }
.article-item > a { display: block; text-decoration: none; }
.article-item .part-left {width:100%;padding: 12px 10px; }
.article-item .part-right { vertical-align: middle; text-align: center;width:20%;padding: 8px 16px;}
.article-item .title { font-size:18px; line-height: 28px; font-weight:500; margin-bottom: 6px; }
.article-item .deal { margin-bottom: 24px; color: rgb(91, 96, 100); font-size: 12px; }
.article-item .deal .price { color:#ff5a02; font-size: 18px; margin-right: 8px; }
.article-item .meta-item { float: left; font-size: 12px; line-height: 18px; }
.job-list .article-item .meta-item { width: 25%; }
.job-list .article-item .meta-gender  { width: 20%; }
.job-list .article-item .meta-firm  { width: 30%; }
.activity-list .article-item .meta-city, .trainning-list .article-item .meta-city { width: 26%; }
.activity-list .article-item .meta-number, .trainning-list .article-item .meta-number { width: 26%; }
.activity-list .article-item .meta-time, .trainning-list .article-item .meta-time { width: 46%; }
.article-item .meta-item > span { display: block; }
.article-item .meta-item .meta-head { color: rgb(163, 168, 176); margin-bottom: 3px; }
.article-item .meta-item .meta-content { color: rgb(91, 96, 100); }
.article-item .status {width: 135px;height: 40px;text-align: center;line-height: 40px;border-radius: 5px;background: #ff5a02;font-size: 17px;color: #fff;margin:0 auto;}
.article-item .statuf {width: 135px;height: 40px;text-align: center;line-height: 40px;border-radius: 5px;background: #EEF3F7;font-size: 17px;color: #666;margin:0 auto;}
.status-sign { display: inline-block; width: 12px; height: 12px; border-radius: 50%; margin-right: 6px; }
.article-enter .status-sign { background-color: rgb(36, 213, 189); }
.article-full .status-sign { background-color: rgb(239, 41, 89); }
.article-end .status-sign { background-color: rgb(174, 174, 174); }
.article-focus .focus-lev1 { margin-bottom: 42px; position: relative; }
.activity .article-focus .focus-lev1, .trainning .article-focus .focus-lev1 { margin-bottom: 0; }
.article-focus .focus-lev1 .layoutright { position: absolute; bottom: 0; right: 0; width: 31.7074%; padding-left: 24px; }
.article-focus .focus-lev2 .layoutright { border-left: #DAE0E6 solid 1px; min-height: 100px; }
.article-focus .focus-lev2 .layoutright .withpad { padding-left: 24px; }
.article-focus .price { font-size: 18px; line-height: 24px; color: rgb(252, 43, 125); padding-right: 9px; }
.filter-panel .filter-sub { float: none; width: 100%; }
.sim-table { display: table; width: 100%; }
.sim-tablecell { display: table-cell; vertical-align: middle; }
.article-list .article-item .thumb { width: 168px; height: 112px; overflow: hidden; float: left; margin-right: 18px; }
.article-list .article-item .content { margin-left: 186px; position: relative; height: 112px; }
.activity-list .article-item .content .meta, .trainning-list .article-item .content .meta { position: absolute; right: 0; bottom: 0; left: 0; }
#about-toolbar { background-color: #5B6064; }
#about-toolbar a, #about-toolbar a:visited { display: block; line-height: 24px; padding: 12px 24px; color: #B0B6BC; }
#about-toolbar a:hover, #about-toolbar a:active { text-decoration: none; color: #ffffff; }
#about-toolbar .about-nav > .active > a, #about-toolbar .about-nav > .active > a:visited { font-weight: bold; color: #ffffff; }
.about-nav > li { float: left; }
.core-grey { background-color: #F5F9FC; }
.about-content { width: 920px; padding-top: 40px; padding-bottom: 64px; }
h1.page-title { font-size: 36px; line-height: 46px; font-weight: bold; margin-bottom: 20px; }
.about-charpter h4 { font-size: 18px; line-height: 26px; font-weight: bold; margin-bottom: 24px; }
.about-charpter h5 { font-size: 14px; line-height: 26px; font-weight: bold; margin-bottom: 12px; }
.about-charpter { margin-bottom: 64px; }
.charp-list { border-left: #EEF3F7 solid 4px; padding-left: 32px; margin-bottom: 36px; }
ul.charp-list > li { list-style: lower-latin; }
.about-charpter.secure-chpt { margin-bottom: 36px; }
.about-charpter.secure-chpt h4 { margin-bottom: 6px; }
.about-quote > span { display: block; }
.about-flyer { height: 468px; color: #ffffff; text-align: center; position: relative; background-position: center center; background-size: cover; }
.flyer-core { position: absolute; top: 50%; right: 0; left: 0; margin-top: -77px; }
.aboutus-flyer .flyer-core h1, .aboutus-flyer .flyer-core h2 { font-size: 56px; line-height: 72px; font-weight: bold; }
.carrer-flyer .flyer-core h1 { font-size: 72px; line-height: 92px; font-weight: bold; }
.carrer-flyer .flyer-core h2 { font-size: 36px; line-height: 42px; font-weight: bold; }
.flyer-line { width: 312px; height: 4px; display: block; margin: 16px auto; background-color: #ffffff; }
.aboutus-content h4 { font-size: 24px; font-weight: bold; margin-bottom: 32px; }
.about-quote { margin-top: 64px; margin-bottom: 64px; padding-left: 100px; padding-top: 24px; position: relative; }
.about-quote .icon { position: absolute; top: 0; left: 0; width: 66px; height: 48px; background-position: -200px -250px; }
.aboutus-last { border-top: #DAE0E6 solid 1px; padding-top: 16px; }
.sec-carrer1 { padding-top: 64px; padding-bottom: 64px; }
.sec-carrer1 .icon { width: 110px; height: 110px; }
.service-creative .icon { background-position: 0 -550px; }
.service-study .icon { background-position: -150px -550px; }
.service-party .icon { background-position: -300px -550px; }
.carrer-showbox { margin-top: 64px; }
.sec-carrer1 .service-item .summary { height: 52px; margin-bottom: 0; font-size: 16px; }
.sec-carrer2 { background-color: #F5F9FC; padding-bottom: 64px; }
.sec-carrer2 .sec-para { font-size: 16px; }
.carrer-thumb1 { width: 68.266%; padding-right: 28px; float: left; }
.carrer-thumb2, .carrer-thumb3 { margin-left: 68.266%; }
.carrer-thumb2 { margin-bottom: 28px; }
.sec-carrer3 { padding-top: 32px; padding-bottom: 32px; }
.sec-carrer4 { background-color: #34BFAC; color: #ffffff; text-align: center; padding-bottom: 64px; }
.sec-carrer4 .sec-title { padding-top: 36px; }
.carrf-list { padding-right: 96px; padding-left: 96px; }
.carrf-list .carrf-item { width: 50%; float: left; padding-top: 32px; padding-right: 48px; padding-bottom: 32px; padding-left: 48px; text-align: center; font-size: 16px; }
.carrf-list .carrf-item h4 { font-size: 28px; line-height: 36px; margin-bottom: 16px; }
.carr-row { padding-right: 72px; padding-left: 72px; }
.carrc-item { width: 33.3333%; padding-right: 24px; padding-left: 24px; float: left; text-align: center; }
.carrc-item .icon { width: 80px; height: 80px; margin: 0 auto 12px; }
.carrc-envirenment .icon { background-position: 0 -700px; }
.carrc-deal .icon { background-position: -150px -700px; }
.carrc-holiday .icon { background-position: -300px -700px; }
.carrc-item .content > span { display: block; font-size: 16px; font-weight: bold; }
.carr-row { margin-bottom: 64px; }
a.carrer-link, a.carrer-link:visited { display: inline-block; color: #ffffff; border: #fff solid 1px; border-radius: 4px; padding: 0 18px; }
a.carrer-link:hover, a.carrer-link:active { text-decoration: none; background-color: #ffffff; color: #34BFAC; }
.carrer-link .icon { display: block; float: left; width: 22px; height: 46px; background-position: -400px 0; }
.carrer-link .text { display: block; margin-left: 32px; line-height: 22px; padding-top: 12px; padding-bottom: 12px; }
a.carrer-link:hover .icon, a.carrer-link:active .icon { background-position: -400px -48px; }
.modal { z-index: 2000; }
#about-toolbar .submenu-icon { display: none; }
#user-panel { position: fixed; top: 0; right: 0; bottom: 0; left: 30%; background-color: #ffffff; z-index: 1000; display: none; box-shadow: -3px 0px 3px 0px rgba(48, 51, 55, .2); -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }
#user-panel .user-info { margin-bottom: 24px; }
#user-panel .avatar { width: 100px; height: 100px; overflow: hidden; border-radius: 50%; margin: 0 auto 12px; }
#user-panel .user-info .username { text-align: center; font-weight: bold; font-size: 18px; padding-top: 0; }
#user-panel .user-info .username span {padding-top:0px; text-align:center}
#user-panel .user-info .username span img{ display:inline}

#user-panel .link-list { margin-bottom: 24px; }
#user-panel .link-list a { display: block; line-height: 24px; padding: 12px 0; border-bottom: #DAE0E6 solid 1px; }
#user-panel .btn-regular { float: none; width: 100%; margin-right: 0; padding: 8px; }
#user-panel .close-user { display: block; padding: 18px; }
#user-panel .panel-head span { display: block; float: left; font-size: 12px; line-height: 12px; }
#user-panel .panel-head .icon { width: 11px; height: 11px; background-position: -250px -500px; margin-right: 6px; }
#user-panel .panel-body { padding: 18px; position: absolute; top: 56px; right: 0; bottom: 0; left: 0; overflow-y: scroll; }
.about-content .img-container { margin-bottom: 18px; border: #EEF3F7 solid 1px; padding: 12px; background-color: #fff; text-align: center; }
.about-content .img-container img { display: inline-block; }
.content-chpt { margin-bottom: 64px; }
.about-content h4 { font-weight: bold; margin-bottom: 24px; }
.about-content blockquote { font-size: 14px; border-left: #EEF3F7 solid 4px; padding-left: 36px; padding-right: 0; }


.project-details {
	padding: 60px 0 20px;
}
.introduce .left {
	float: left;
	width: 800px
}

.introduce .left .title-txt {
	font-size: 18px;
	color: #34b9b4;
	font-weight: 700;
	margin-bottom: 20px
}

.introduce .left .paragraph-text {
	line-height: 22px;
	margin-bottom: 40px
}

.introduce .right {
	float: right;
	width: 265px
}

.introduce .right .items {
	height: 110px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	overflow: hidden;
	border-bottom: 12px solid #2fac73
}

.introduce .right .items a {
	display: block;
	height: 110px;
	width: 265px;
	overflow: hidden;
	color: #fff
}

.introduce .right .items h3 {
	line-height: 110px;
	font-weight: 700
}

.introduce .right .items p {
	font-size: 18px
}

.introduce .right .items.why-cw {
	background: #34b9b4;
	border-color: #FFD100
}

.introduce .right .items.apply {
	background: #34b97c;
	border-color: #2ca06b
}
.volunteer {
	padding: 35px 0
}

.volunteer .content {
	height: 80px;
	padding-left: 100px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD4AAABHCAMAAABoMgR/AAAAM1BMVEUAAAD+zAD+zAD+zAD+zAD+zAD+zAD+zAD+zAD+zAD+zAD+zAD+zAD+zAD+zAD+zAD+zAD5uxwcAAAAEHRSTlMAIN+/76+fgGAQUEBwj88w4rfmOgAAAMRJREFUWMPt0TsOwzAMA1D/7fiT5v6nbVFtMWhwiYdAXCkBwpM5vMSae5IU1Szjr3/yVGQp/Hq9yJSbCntJ7Ho/yNR8ZJRirNeHTMWpqFKEqSCPdFKUN+NlhNe24EWE1ym8ivAODs8hvKR4iqd4D+E1iBd24HWE9wF47IdPCi8hvKJ4LF5HeHELXoNPpfASwnMc3oHw6pvxCsKzHF5AeH4HHv4wh3civKF4iqd4D+HhIx2F5xFe3oFnIF6k8AbCq4r3w/sCUIQ8yQDdyA0AAAAASUVORK5CYII=) 20px center no-repeat;
	color: #000;
	letter-spacing: 1px
}

.volunteer .title {
	height: 45px;
	line-height: 45px;
	font-size: 34px;
	font-weight: 700
}

.volunteer .desc {
	padding-top: 6px;
	font-size: 18px
}
.footer-about .group {
	margin-right: -29px
}

.footer-about .item {
	position: relative;
	float: left;
	margin-right: 24px;
	width: 278px;
	height: 140px;
	color: #262626;
	background: #FFD100;
}

.footer-about .item span {
	position: absolute;
	top: 31.5px;
	left: 0;
	width: 42px;
	height: 77px;
	line-height: 77px;
	color: #fff;
	-webkit-border-radius: 0 50px 50px 0;
	border-radius: 0 50px 50px 0;
	font-weight: 700;
	font-size: 18px;
	text-indent: 14px
}

.footer-about .item span.small {
	z-index: -1;
	width: 30px;
	-webkit-border-radius: 100%;
	border-radius: 100%
}

.footer-about .item span.active-1 {
	background: #f8c4ae
}

.footer-about .item span.active-1.small {
	-webkit-box-shadow: -2px 0 20px #f8c4ae;
	box-shadow: -2px 0 20px #f8c4ae
}

.footer-about .item span.active-2 {
	background: #aee4f8
}

.footer-about .item span.active-2.small {
	-webkit-box-shadow: -2px 0 20px #aee4f8;
	box-shadow: -2px 0 20px #aee4f8
}

.footer-about .item span.active-3 {
	background: #f8aeae
}

.footer-about .item span.active-3.small {
	-webkit-box-shadow: -2px 0 20px #f8aeae;
	box-shadow: -2px 0 20px #f8aeae
}

.footer-about .item span.active-4 {
	background: #93dbf7
}

.footer-about .item span.active-4.small {
	-webkit-box-shadow: -2px 0 20px #93dbf7;
	box-shadow: -2px 0 20px #93dbf7
}

.footer-about .item h3 {
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 58px;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: .6px
}

.footer-about .item p {
	margin-left: 58px;
	margin-right: 20px;
	line-height: 22px;
	text-align: justify;
	font-size: 14px;
	letter-spacing: .6px
}

.footer .footer-icon {
	position: relative;
	display: block;
	margin: -86px auto 0;
	width: 490px;
	height: 80px;
	background: url(data:image/png;base64,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) no-repeat;
	-webkit-background-size: 490px 80px;
	background-size: 490px 80px
}

/**
 * 11.0 Media Queries
 *
 * --------------------------------------------------------------
*/
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
.logo { background-image: url(../images/logo.png); background-size:100% auto}
.ui-element { background-image: url(../images/ui-elements@2x.png); background-size: 500px auto; }
}
@media (min-width: 768px) {
#site-access .navigation { display:none}
}
@media (max-width: 767px) {
a:active, a:hover { color: rgb(48,51,55); text-decoration: none; }
#main { padding-top: 49px; }
.header-nav {display:none}
#header, .home #header.headerUnTop, .home #header.headerTop { height: 49px; position: fixed; top: 0; right: 0; left: 0; }
.home #header.headerTop .logo { background-position: 0 -300px; }
.home #header.headerTop { background-color: #fff; border-bottom: #DAE0E6 solid 1px; }
#header #site-access { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: #393C3E; margin-left: 0; z-index: 1200; padding: 18px 24px; }
#header .logo {margin-top: 5px; margin-left: 10px;height:35px; background-position: 0 0;}
.navbar-toggle { display: block; }
.hero, .hero-img, .slider-item { height: 436px; }
.container { width: 100%; padding-right: 18px; padding-left: 18px; }
.hero-content { text-align: center; }
.hero .hero-line, .about-focus .focus-line { width: 162px; height: 2px; margin: 0 auto 8px; }
.hero-content h1, .about-focus h2 { font-size: 36px; line-height: 42px; margin-bottom: 74px; }
.hero-content h2, .about-focus h4 { font-size: 18px; line-height: 24px; margin-bottom: 12px; }
.hero-content { top: 126px; }
.hero .btn-hero { float: none; margin: 0 auto; }
.sec-title { font-size: 26px; line-height: 34px; padding-top: 42px; padding-bottom: 42px; }
.sec-service, .home .sec-teacher, .home .sec-about { padding-bottom: 42px; }
.service-item { width: 100%; margin-right: 0; padding-right: 18px; padding-left: 18px; margin-bottom: 56px; }
.service-item:last-child { margin-bottom: 0; }
.service-item .icon { margin-bottom: 16px; }
.service-item .title { font-size: 20px; margin-bottom: 6px; }
.service-item .summary { height: auto; margin-bottom: 16px; }
.home .teacher-list .col-md-4:nth-child(4), .home .teacher-list .col-md-4:nth-child(5), .home .teacher-list .col-md-4:nth-child(6) { display: none; }
.mini-container { width: 100%; }
.col-md-4 { width: 100%; }
.teacher-item { margin-bottom: 18px; }
.home .teacher-list .col-md-4:nth-child(3) .teacher-item { margin-bottom: 0; }
.about-para .thumb { width: 100%; height: auto; }
.about-para .content p { display: none; }
.left-thumb .content { margin-left: 0; }
.right-thumb .content { margin-right: 0; }
.sec-about .box-right, .sec-about .box-left { float: none; }
#footer .foot-links { display: none; }
#footer .foot-service, #footer .foot-contact { width: 100%; }
.logged-user { display: block; }
#site-access { opacity: 0; -webkit-transform: translateY(-200%); -moz-transform: translateY(-200%); -o-transform: translateY(-200%); transform: translateY(-200%); }
#site-access a, #site-access a:visited { color: #ffffff; }
#site-access .navigation { float: none; }
#site-access .navigation > ul > li { float: none; }
#site-access .navigation > ul > li.with-sub > a { display: none; }
#site-access .navigation .sub-menu { display: block; background: none; position: relative; top: auto; left: auto; border: none; box-shadow: none; width: auto; padding: 0; }
#header #site-access .navigation .sub-menu a { color: #ffffff; font-size: 18px; }
#site-access .access-container { overflow-y: scroll; position: absolute; top: 70px; right: 24px; bottom: 0; left: 24px; }
#site-access .navigation .sub-menu > li { border: none; }
#site-access .user-access.user-logged { display: none; }
#site-access .user-access.user-unlog { float: none; padding-right: 0; }
#site-access .user-access.user-unlog > a { float: none; margin-right: 0; }
#site-access .user-access.user-unlog > a.btn-login { margin-bottom: 16px; }
#site-access .navigation li { padding: 0; }
#site-access .navigation li a, #header #site-access .navigation .sub-menu a, .home #header #site-access .navigation .sub-menu a { padding: 12px 0; }
#header .navigation .sub-menu a:active, #header .navigation .sub-menu a:hover { text-indent: 0; }
.access-head { display: block; height: 52px; padding-top: 6px; padding-bottom: 24px; border-bottom: #5A5E61 solid 1px; margin-bottom: 12px; }
.close-access { display: block; height: 22px; width: auto; float: left; }
.close-access > span { display: block; float: left; margin-right: 8px; line-height: 22px; }
.close-access .icon { width: 22px; height: 22px; background-position: -300px 0; }
.city-access.box-right { border-top: #5A5E61 solid 1px; float: none; padding-top: 24px; margin-right: 0; height: 72px; }
.city-switcher a { display: block; height: 28px; width: auto; }
.city-switcher .icon { background-position: -50px 0; }
#footer { padding-top: 24px; padding-bottom: 106px; }
#footer .foot-top { padding-bottom: 24px; }
#footer .app-links { position: absolute; bottom: 24px; right: 18px; left: 18px; text-align: center; border-top: #5A5E61 solid 1px; padding-top: 24px; }
#footer .app-links > a { display: inline-block; float: none; margin-left: 8px; margin-right: 8px; }
#footer .foot-colophon { text-align: center; line-height: 22px; }
#footer .foot-mail a, #footer .foot-mail a:visited { display: block; background-color: #5A5E61; padding: 8px 12px; height: 48px; color: #ffffff; }
#footer .foot-mail .icon, #footer .foot-mail .text { display: block; line-height: 32px; margin-right: 12px; float: left; }
#footer .foot-mail .icon { width: 32px; height: 32px; background-position: 0 -800px; }
#footer .foot-social { margin-bottom: 0; }
#footer .foot-main { margin-bottom: 12px; }
#footer .foot-social .title { display: none; }
#footer .foot-social .info { text-align: center; }
.teacher-item.list_4 .title{height:60px;}
#footer .foot-social .social-item { display: inline-block; float: none; margin-right: 0; }
.about-para .thumb { margin-bottom: 8px; }
.about-para .sub-title { font-size: 16px; line-height: 28px; margin-bottom: 2px; }
.about-para .title { font-size: 20px; line-height: 28px; margin-bottom: 12px; }
.teacher-item .title{padding:32px 16px;}
.teacher-item .title .name { font-size: 18px; line-height:28px;}
.about-para:last-child { padding-bottom: 0; }
.city-modal .modal-dialog { top: 36px; right: 24px; bottom: 36px; left: 24px; width: auto; height: auto; margin-top: 0; margin-left: 0; }
.modal-content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.modal-body { position: absolute; top: 90px; right: 0; bottom: 0; left: 0; }
.modal-body .city-item { margin-right: 0; margin-left: 0; display: block; margin-bottom: 12px; }
#site-access.accessIn { -webkit-animation: accessAniIn .2s ease-out; -moz-animation: accessAniIn .2s ease-out; -o-animation: accessAniIn .2s ease-out; animation: accessAniIn .2s ease-out; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; }
.about-content { width: 100%; }
#about-toolbar { height: 42px; position: relative; z-index: 200; }
#about-toolbar .about-nav { position: absolute; top: 100%; left: 0; right: 0; background-color: #5B6064; }
.about-nav > li { display: none; float: none; }
.about-nav.is-open > li { display: block; }
.about-nav > li.active { display: block; position: absolute; top: -42px; }
#about-toolbar a, #about-toolbar a:visited { padding: 9px 18px; }
#about-toolbar .submenu-icon { display: block; position: absolute; top: 0; right: 0; left: 0; height: 40px; padding-top: 18px; cursor: pointer; padding-right: 18px; }
#about-toolbar .submenu-icon .icon { display: block; width: 12px; height: 8px; background-position: 0 -250px; float: right }
.about-flyer { height: 226px; }
.aboutus-flyer .flyer-core h1, .aboutus-flyer .flyer-core h2 { font-size: 36px; line-height: 42px; }
.carrer-flyer .flyer-core h1 { font-size: 36px; line-height: 42px; }
.carrer-flyer .flyer-core h2 { font-size: 18px; line-height: 24px; }
.flyer-line { width: 168px; height: 2px; margin-top: 8px; margin-bottom: 8px; }
.flyer-core { margin-top: -51px; }
.carrer-thumb1, .carrer-thumb2, .carrer-thumb3 { width: 100%; padding-right: 0; float: none; margin-bottom: 18px; margin-left: 0; }
.carrf-list { padding-left: 24px; padding-right: 24px; }
.carrf-list .carrf-item { width: 100%; float: none; padding-right: 0; padding-left: 0; }
.carr-row { }
.carrc-item { width: 100%; float: none; margin-bottom: 24px; }
.list-page .core .secondary { display: none; }
.list-page .primary { margin-left: 0; }
.primary .article-list { padding-left: 0; }
.bg-leftlight { background: none; }
.bg-packet { background-color: rgb(238, 243, 247); }
.flyer-container p { display: none; }
.page-plaque { width: 56%; padding: 12px 15px; }
.flyer-container { padding-top: 56px; width: 100%; padding-left: 18px; }
.page-plaque h1 { font-size: 24px; line-height: 36px; margin-bottom: 0; }
.page-plaque h2 { font-size: 18px; line-height: 24px; margin-bottom: 0; }
.flyer { height: 162px; }
.article-item { padding: 0; }

.sim-tablecell { display: block; }
.article-item .meta { width: 100%; height: 18px; }
.job-list .article-item .meta-item, .activity-list .article-item .meta-city, .trainning-list .article-item .meta-city, .activity-list .article-item .meta-number, .trainning-list .article-item .meta-number { width: 50%; }
.article-item .meta-item > span { display: inline-block; }
.article-item .meta-item .meta-head { margin-bottom: 0; }
.article-item .meta .meta-firm, .article-item .meta .meta-time { display: none; }
.article-focus .layoutleft { float: none; width: 100%; padding-right: 0; }
.article-focus .focus-lev1 .layoutright { position: relative; width: 100%; padding-left: 0; bottom: auto; right: auto; margin-left: 0; }
.article-focus .focus-lev2 .layoutright { width: 100%; margin-left: 0; border: none; }
.article-focus .focus-lev2 .layoutright .withpad { padding-left: 0; }
.sign-container .article-attrs, #message .article-attrs { width: 100%; }
.msginfos .msg .hierar { float: none; width: 100%; }
.page-headline .article-meta .meta-item { display: block; width: 100%; }
.article-list .article-item .thumb { display: none; }
.article-list .article-item .content { margin-left: 0; }
.article-list .article-item .content { height: 56px; }
.about-content { padding-top: 36px; padding-bottom: 36px; }
#user-panel { display: block; }
#user-panel.panel-in { -webkit-animation: userPanelIn .2s ease-out; -moz-animation: userPanelIn .2s ease-out; -o-animation: userPanelIn .2s ease-out; animation: userPanelIn .2s ease-out; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; }
.cus-modal .modal-dialog { top: 36px; right: 24px; bottom: 36px; left: 24px; position: absolute; margin-top: 0; margin-left: 0; width: auto; }
.page-nav { padding-left: 0; }
.page-nav .pagination { width: 100%; float: none; }
.page-nav .pagitem-num,.page-nav .pagitem-first,.page-nav .pagitem-last { display: none; }
.page-nav .pagitem-prev, .page-nav .pagitem-next { width: 30%; display: block; float: left; }
.page-nav .pagitem-prev a, .page-nav .pagitem-next a, .page-nav .pagitem-num.active a { width: 100%; text-align: center }
.page-nav .pagitem-num.active { display: block; width: 40%; float: left; }
.page-nav .pagitem-num.active a { background: none; border: none; color: #5B6064; }
.page-nav .pagitem-num.active a:before { padding-right: 8px; content: "第" }
.page-nav .pagitem-num.active a:after { padding-left: 8px; content: "页" }
.list-page .primary { padding-bottom: 36px; }
.primary .article-list { padding-top: 18px; }
.activity-list .article-item .content .meta, .trainning-list .article-item .content .meta { position: relative; right: auto; bottom: auto; left: auto; }
.page-headline .channel-name { padding-top: 18px; padding-bottom: 36px; }
.channel-name h4 { font-size: 18px; line-height: 28px; }
.channel-name .underline { width: 80px; height: 2px; }
h1.article-title { font-size: 24px; line-height: 36px; }
.article-page.part-time .focus-lev2 .layoutright, .article-page.activity .focus-lev1 .layoutright, .article-page.trainning .focus-lev1 .layoutright { position: fixed; right: 0; bottom: 0; left: 0; background-color: #ffffff; padding: 8px 18px; height: auto; min-height: 0; box-shadow: 0px -2px 2px 0px rgba(48, 51, 55, .2); z-index:100000}
.article-page.part-time .focus-lev2 .layoutright .btn-hero, .article-page.activity .focus-lev1 .layoutright .btn-hero, .article-page.trainning .focus-lev1 .layoutright .btn-hero { width: 100%; margin-right: 0; }
.about-quote { margin-top: 24px; margin-bottom: 36px; padding-left: 86px; }
.about-content .img-container { margin-bottom: 18px; border: none; padding: 0; margin-right: -18px; margin-left: -18px; background: none; }
.about-content .img-container img { display: inline-block; }
.content-chpt { margin-bottom: 36px; }
.about-content h4 { font-weight: bold; margin-bottom: 24px; }
.about-content blockquote { font-size: 14px; border-left: #EEF3F7 solid 4px; padding-left: 24px; padding-right: 12px; }
.mianbao{ padding-left:20px}
.introduce .left {
	float: left;
	width: 100%;
}
.introduce .right
{
width: 100%;
}
.mdnone{ display:none}
}