@charset "UTF-8";
[v-cloak] {
  display: none; }

.disn {
  z-index: -1 !important;
  position: absolute !important;
  height: 0;
  overflow: hidden; }

.viewport {
  min-height: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 72px; }

@media only screen and (max-width: 992px) {
  .viewport {
    padding-top: 4.16667rem; } }

.center-wrap {
  max-width: 1106px;
  margin: 0 auto; }

.fl {
  float: left; }

.fr {
  float: right; }

.flex-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

.flex-1 {
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  width: 0%; }

.border-left::before, .border-right::after {
  position: absolute;
  width: 1px;
  background: #e0e0e0;
  top: 0;
  bottom: 0;
  content: ''; }

.border-top::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  -moz-transform: scaleY(0.5);
  -ms-transform: scaleY(0.5);
  -o-transform: scaleY(0.5);
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  background: #e0e0e0; }

.border-bottom::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  -moz-transform: scaleY(0.5);
  -ms-transform: scaleY(0.5);
  -o-transform: scaleY(0.5);
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  background: #e0e0e0; }

.border-left::before {
  left: 0;
  -moz-transform: scaleX(0.5);
  -ms-transform: scaleX(0.5);
  -o-transform: scaleX(0.5);
  -webkit-transform: scaleX(0.5);
  transform: scaleX(0.5); }

.border-right::after {
  right: 0;
  -moz-transform: scaleX(0.5);
  -ms-transform: scaleX(0.5);
  -o-transform: scaleX(0.5);
  -webkit-transform: scaleX(0.5);
  transform: scaleX(0.5); }

.font-sktyblue {
  color: #15b0e8; }

.font-red {
  color: red; }

.header {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 10;
  background-color: #fff; }

.header-pc-user, .header-pc-user.active dt {
  position: relative; }

.header-pc {
  -moz-box-shadow: 0 0 5px rgba(153, 153, 153, 0.5);
  -webkit-box-shadow: 0 0 5px rgba(153, 153, 153, 0.5);
  box-shadow: 0 0 5px rgba(153, 153, 153, 0.5); }

.header-pc .center-wrap {
  padding: 24px 0px;
  max-width: 100%;
  margin: 0 70px;
  position: relative; }

@media only screen and (max-width: 1680px) {
  .header-pc .center-wrap {
    margin: 0 40px; } }

.header-pc .center-wrap .fl {
  overflow: hidden; }

.header-pc .center-wrap > .fl {
  width: 100%;
  position: absolute;
  text-align: center; }

.header-pc .center-wrap .fr {
  font-size: 0;
  position: relative; }

.header-pc .center-wrap .fr dd, .header-pc .center-wrap .fr dl, .header-pc .center-wrap .fr dt {
  display: inline-block;
  vertical-align: middle; }

.header-pc .center-wrap .fr .header-pc-lang {
  font-size: 16px;
  line-height: 24px;
  color: #282828;
  padding-left: 27px;
  background: url(../images/allbgs.png) -163px -2638px no-repeat; }

.header-pc .center-wrap .fr dd {
  margin-left: 8px;
  cursor: default; }

.header-pc .center-wrap .fr dd img {
  width: 12px; }

.header-pc-user {
  cursor: pointer; }

.header-pc-user dt {
  font-size: 16px;
  color: #c7000b;
  width: 114px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.header-pc-user.show-menu .header-pc-user-menu {
  display: block !important; }

.header-pc-user.show-menu .header-pc-user-arrow {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.header-pc-user-menu {
  display: none !important;
  background: #fff;
  position: absolute;
  left: -24px;
  top: 48px;
  width: 222px;
  z-index: 11;
  -moz-box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.1); }

.header-pc-user-menu ul li {
  padding: 14px 0 14px 40px;
  border-bottom: #e0e0e0 solid 1px; }

.header-pc-user-menu ul li p {
  line-height: 32px; }

.header-pc-user-menu ul li p a, .header-pc-user-menu ul li p i, .header-pc-user-menu ul li p img {
  display: inline-block;
  vertical-align: middle; }

.header-pc-user-menu ul li p i {
  line-height: 1.1;
  margin-right: 10px; }

.header-pc-user-menu ul li p.active i {
  position: relative; }

.header-pc-user-menu ul li p.active i:after {
  content: '';
  position: absolute;
  right: -3.5px;
  top: -3.5px;
  width: 7px;
  height: 7px;
  background: red;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%; }

.header-pc-user-menu ul li p img {
  width: 20px !important; }

.header-pc-user-menu ul li p a {
  font-size: 14px;
  color: #15b0e8; }

.header-pc-user-menu ul li p .font-gray {
  font-size: 14px;
  color: grey; }

.header-pc-user-menu ul li .pc-switch-identity {
  width: 122px;
  line-height: 34px;
  text-align: center;
  font-size: 14px;
  border: 1px solid #282828;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin-top: 10px;
  cursor: pointer; }

.header-pc-user-menu ul li:last-child {
  border-bottom: 0; }

.header-pc-lan {
  padding: 0 5px 0 14px;
  cursor: pointer; }

.header-pc-lan.active .header-pc-lan-arrow {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.header-pc-lan-choice {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 70px;
  z-index: 9;
  background: #fff;
  font-size: 1.049rem; }

.header-pc-lan-choice.active {
  display: block; }

.header-pc-line, .header-pc-serve {
  display: inline-block;
  vertical-align: middle; }

.header-pc-lan-choice .center-wrap ul li {
  padding: 20px 8px;
  border-bottom: 1px solid #e0e0e0;
  cursor: pointer; }

.header-pc-lan-choice .center-wrap ul li:last-child {
  border: none; }

.header-pc-lan-choice .center-wrap ul li p {
  margin-bottom: 10px; }

.header-pc-lan-choice .center-wrap ul li .lan-icon {
  width: 22px;
  margin-right: 8px; }

.header-pc-lan-choice .center-wrap ul li div {
  padding-bottom: 10px; }

.header-pc-lan-choice .center-wrap ul li div:last-child {
  padding-bottom: 0; }

.header-pc-lan-choice .center-wrap ul li span {
  vertical-align: middle; }

.header-pc-lan-choice .center-wrap ul li .font-28 {
  color: #282828; }

.header-pc-lan-choice .center-wrap ul li .font-sktyblue {
  color: #c7000b;
  text-decoration: underline; }

.header-pc-lan-choice .center-wrap ul li .font-gray {
  font-size: 14px;
  color: grey; }

.header-pc-serve {
  font-size: 16px;
  background: url(../images/allbgs.png) -589px -2664px no-repeat;
  height: 20px;
  padding-left: 27px;
  margin-left: 5px; }

.header-pc-line {
  width: 1px;
  height: 22px;
  background-color: #282828;
  margin: 0 8px; }

.header-pc-logo {
  font-size: 0; }

.header-pc-logo img {
  height: 24px;
  vertical-align: middle; }

.header-pc-logo span {
  font-size: 16px;
  vertical-align: middle;
  font-weight: 600; }

.header-pc-menu {
  padding-right: 100px; }

.header-pc-menu-item {
  font-size: 16px;
  color: #282828;
  margin: 0 20px;
  vertical-align: middle; }

.header-pc-menu-item.active {
  color: #f66f6a; }

.header-m, .header-m-default, .header-m-menu {
  display: none; }

@media only screen and (max-width: 1680px) {
  .header-pc-menu {
    padding-right: 250px; } }

@media only screen and (max-width: 1440px) {
  .header-pc-menu {
    padding-right: 250px; }
    .header-pc-menu a {
      margin: 0 16px; } }

@media only screen and (max-width: 1366px) {
  .header-pc-user dt {
    font-size: 14px; }
  .header-pc-menu {
    padding-right: 250px; }
    .header-pc-menu a {
      margin: 0 8px;
      font-size: 14px; }
  .header-pc .center-wrap .fr dd {
    font-size: 14px !important; }
  .header-pc .center-wrap .fr .header-pc-lang {
    font-size: 14px;
    padding-top: 1px;
    padding-bottom: 1px; }
  .header-pc-serve {
    font-size: 14px;
    padding-top: 1px;
    padding-bottom: 1px; } }

@media only screen and (max-width: 1280px) {
  .header-pc-menu {
    padding-right: 280px; } }

@media only screen and (max-width: 992px) {
  .header-pc, .header-pc-lan-choice.active {
    display: none; }
  .header-m {
    display: block; }
  .header-m-logo {
    font-size: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1; }
  .header-m-logo img {
    height: 1.25rem;
    vertical-align: middle; }
  .header-m-logo i {
    display: inline-block;
    vertical-align: middle;
    width: .08333rem;
    margin: 0 .33333rem; }
  .header-m-logo span {
    font-size: 1rem;
    vertical-align: middle;
    font-weight: 600; }
  .header-m-default {
    display: none;
    height: 4.16667rem;
    padding: 0 1.66667rem;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center; }
  .header-m-default.active {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
  .header-m-default-r {
    -webkit-align-items: center;
    align-items: center;
    margin-right: -19px; }
  .header-m-default-r .lan, .header-m-default-r .serve {
    margin-right: .66667rem; }
  .header-m-default-r .lan img, .header-m-default-r .serve img {
    width: 1.375rem; }
  .header-m-default-r .header-m-menu-btn img {
    width: 1.5rem; }
  .header-m-menu {
    display: none;
    padding: 4.16667rem 0;
    height: 100vh;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: scroll; }
  .header-m-menu.active {
    display: block;
    background: #edeeee; }
  .header-m-menu .header-m-menu-top {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    height: 4.16667rem;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 1.66667rem;
    background-color: #fff;
    z-index: 11; }
  .header-m-close-btn {
    width: 1.33333rem; }
  .header-m-close-btn img {
    width: 100%; }
  .header-m-avatar {
    position: relative;
    font-size: 1rem;
    color: #15b0e8;
    margin-right: auto; }
  .header-m-avatar img {
    height: 100%; }
  .header-m-avatar.dot:after {
    content: '';
    position: absolute;
    right: -.16667rem;
    top: -.08333rem;
    width: .41667rem;
    height: .41667rem;
    background: red;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%; }
  .header-m-menu-bottom {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: 4.08333rem;
    background-color: #fff;
    z-index: 11; }
  .header-m-menu-bottom .item {
    line-height: 4.08333rem;
    text-align: left;
    font-size: 0;
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 1.66667rem; }
  .header-m-menu-bottom .item.lang-m {
    text-align: right;
    padding-left: 0;
    padding-right: 1.66667rem; }
  .header-m-menu-bottom .item .item-icon {
    width: 1.375rem; }
  .header-m-menu-bottom .item span {
    font-size: 1rem;
    vertical-align: middle;
    margin: 0 .41667rem; }
  .header-m-menu-bottom .item .item-arrow {
    width: .83333rem;
    vertical-align: middle; }
  .header-m-menu-center .header-m-navigation {
    display: none;
    line-height: 4.16667rem; }
  .header-m-menu-center .header-m-navigation.active {
    display: block; }
  .header-m-menu-center .header-m-navigation a {
    display: block;
    padding: 0 1.66667rem;
    position: relative;
    font-size: 1.16667rem;
    background: #fff;
    margin: .41667rem 0; }
  .header-m-menu-center .header-m-lan {
    display: none; }
  .header-m-menu-center .header-m-lan.active {
    display: block; }
  .header-m-menu-center .header-m-lan a {
    display: block;
    padding: 1rem 1.66667rem;
    position: relative;
    font-size: 0;
    margin: .41667rem 0;
    background: #fff; }
  .header-m-menu-center .header-m-lan a p {
    display: flex;
    align-items: center;
    line-height: 2.16667rem; }
  .header-m-menu-center .header-m-lan a p span {
    vertical-align: middle; }
  .header-m-menu-center .header-m-lan a p .lan-icon {
    width: 1.75rem;
    margin-right: .75rem; }
  .header-m-menu-center .header-m-lan a p .font-28 {
    font-size: 1.16667rem; }
  .header-m-menu-center .header-m-lan a p .font-sktyblue {
    font-size: 1.16667rem;
    color: #c7000b;
    text-decoration: underline; }
  .header-m-menu-center .header-m-lan a p .font-gray, .header-m-menu-center .header-m-user-menu ul li p .font-gray {
    color: grey;
    font-size: 1rem; }
  .header-m-menu-center .header-m-user-menu {
    display: none; }
  .header-m-menu-center .header-m-user-menu.active {
    display: block; }
  .header-m-menu-center .header-m-user-menu ul li {
    padding: .75rem 1.66667rem;
    position: relative; }
  .header-m-menu-center .header-m-user-menu ul li p {
    line-height: 3.08333rem; }
  .header-m-menu-center .header-m-user-menu ul li p a, .header-m-menu-center .header-m-user-menu ul li p i, .header-m-menu-center .header-m-user-menu ul li p img {
    display: inline-block;
    vertical-align: middle; }
  .header-m-menu-center .header-m-user-menu ul li p i {
    line-height: 1.1;
    margin-right: .58333rem; }
  .header-m-menu-center .header-m-user-menu ul li p.active i {
    position: relative; }
  .header-m-menu-center .header-m-user-menu ul li p.active i:after {
    content: '';
    position: absolute;
    right: -.29167rem;
    top: -.29167rem;
    width: .58333rem;
    height: .58333rem;
    background: red;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%; }
  .header-m-menu-center .header-m-user-menu ul li p img {
    max-width: 1.75rem;
    max-height: 1.83333rem; }
  .header-m-menu-center .header-m-user-menu ul li p a {
    font-size: 1rem; }
  .header-m-menu-center .header-m-user-menu ul li .pc-switch-identity {
    width: 10.83333rem;
    line-height: 2.75rem;
    text-align: center;
    font-size: 1rem;
    border: 1px solid #282828;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-top: .66667rem; } }

.footer {
  background: #f2f2f2; }

.footer.en_US .footer-main .footer-content .footer-menu {
  width: 90%; }

.footer-main {
  width: 100%;
  margin: 0 auto; }

.footer-about-qrcode, .footer-about-share {
  margin-top: 18px; }

.footer-content {
  padding: 60px 0;
  overflow: hidden;
  max-width: 1200px;
  margin: 0 auto;
  padding-bottom: 0; }

.footer-menu {
  overflow: hidden; }

.footer-menu-item {
  float: left;
  width: 24.75%; }

.footer-menu-title {
  font-size: 16px;
  color: #282828;
  font-weight: 600; }

.footer-menu-link {
  margin-top: 18px;
  display: block;
  font-size: 14px;
  color: #282828; }

.footer-menu-link:hover {
  color: #f66f6a; }

.footer-about {
  float: right;
  width: 106px;
  text-align: center; }

.footer-about-title {
  font-size: 16px;
  font-weight: 600; }

.footer-about-share a {
  display: inline-block;
  width: 20px;
  height: 20px; }

.footer-about-share a.link-sina {
  background: url(../images/icon-share.png) right center no-repeat;
  background-size: auto 100%; }

.footer-about-share a.link-in {
  margin-left: 6px;
  background: url(../images/icon-share.png) left center no-repeat;
  background-size: auto 100%; }

.footer-about-share a.link-blbl {
  margin-left: 6px;
  background: url(../images/allbgs.png) -71px -478px no-repeat; }

.footer-about-share a.link-dy {
  margin-left: 6px;
  background: url(../images/allbgs.png) -550px -365px no-repeat; }

.footer-about-qrcode img {
  width: 100%;
  display: block; }

.footer-about-qrcode span {
  display: block;
  font-size: 14px;
  color: #282828;
  padding-top: 10px; }

.footer-bottom, .footer-bottom-menu a {
  font-size: 12px;
  color: grey; }

.footer-bottom {
  padding: 17px 0;
  overflow: hidden;
  background: #e6e6e6; }

.footer-bottom .wrap {
  overflow: hidden;
  max-width: 1200px;
  margin: 0 auto; }

.footer-copyright {
  float: left;
  overflow: hidden; }

.footer-copyright p {
  float: left; }

.footer-bottom-menu {
  float: right; }

.footer-links {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 0;
  border-top: 1px solid #e8e8e8;
  margin-top: 65px; }

.footer-links .footer-links-left {
  float: left;
  line-height: 40px; }

.footer-links .footer-links-left a {
  display: inline-block;
  font-size: 20px;
  margin-right: 40px; }

.footer-links .footer-links-right {
  float: right; }

.footer-links .footer-links-right a {
  display: inline-block;
  background-image: url(../images/media_icon.png);
  background-repeat: no-repeat;
  background-size: auto 80px;
  width: 40px;
  height: 40px;
  margin-left: 15px;
  background-position: bottom left;
  position: relative; }

.footer-links .footer-links-right a:hover {
  background-position-y: bottom !important; }

.footer-links .footer-links-right a.icon-bilibili {
  background-position: -40px 0; }

.footer-links .footer-links-right a.icon-weibo {
  background-position: -80px 0; }

.footer-links .footer-links-right a.icon-linkin {
  background-position: -120px 0; }

.footer-links .footer-links-right a.icon-weixin {
  background-position: -160px 0; }

.footer-links .footer-links-right a.icon-weixin img {
  position: absolute;
  width: 108px;
  height: 108px;
  max-width: 108px;
  left: -32px;
  top: -112px;
  display: none; }

.footer-links .footer-links-right a.icon-weixin:hover img {
  display: block; }

.footer-links .footer-links-right a.icon-twitter {
  background-position: -200px 0; }

.footer-links .footer-links-right a.icon-facebook {
  background-position: -240px 0; }

@media only screen and (max-width: 1440px) {
  .footer-links {
    margin-top: 55px;
    padding-right: 200px;
    padding: 30px 0; }
    .footer-links .footer-links-left a {
      font-size: 18px; } }

@media only screen and (max-width: 992px) {
  .footer-menu-item:after, .footer-menu-title::after {
    content: '';
    right: 0; }
  .footer-main {
    padding: 0; }
  .footer-content {
    padding: 1.91667rem 1.66667rem;
    overflow: hidden;
    border-bottom: 1px #d8d8d8 solid; }
  .footer-menu {
    float: none;
    overflow: hidden;
    width: auto; }
  .footer-menu-item {
    float: none;
    width: auto;
    padding: 1rem 0;
    position: relative; }
  .footer-menu-item.active .footer-menu-title {
    margin-bottom: 1rem; }
  .footer-menu-item.active .footer-menu-title::after {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  .footer-menu-item.active .footer-menu-link {
    display: block; }
  .footer-menu-item:after {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    background: #e0e0e0;
    -moz-transform: scaleY(0.5);
    -ms-transform: scaleY(0.5);
    -o-transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5); }
  .footer-menu-title {
    font-size: 1rem;
    font-weight: 600;
    position: relative; }
  .footer-menu-title::after {
    position: absolute;
    top: 50%;
    width: 18px;
    height: 10px;
    background: url(../images/allbgs.png) -75px -49px no-repeat;
    margin-top: -.20833rem; }
  .footer-menu-link {
    margin-top: 0;
    display: none;
    font-size: 1rem;
    line-height: 2.75rem;
    text-indent: 1.25rem; }
  .footer-menu-link:hover {
    color: #f66f6a; }
  .footer-about {
    float: none;
    width: auto;
    text-align: left; }
  .footer-about-title {
    font-size: 1rem;
    font-weight: 600;
    margin-top: 1rem; }
  .footer-about-share {
    margin-top: 1rem; }
  .footer-about-share img {
    height: 1.66667rem; }
  .footer-about-qrcode {
    margin-top: 1.66667rem; }
  .footer-about-qrcode img {
    width: 8.5rem;
    display: block; }
  .footer-about-qrcode span {
    display: block;
    font-size: 1rem;
    color: #282828;
    padding-top: .83333rem; }
  .footer-bottom, .footer-bottom-menu a {
    font-size: 1rem;
    color: grey; }
  .footer-bottom {
    padding: 1.66667rem 1.71062rem;
    overflow: hidden; }
  .footer-copyright {
    float: none;
    line-height: 1.41667rem; }
  .footer-copyright p {
    float: none; }
  .footer-bottom-menu {
    float: none;
    margin-top: 1.25rem; }
  .footer-links {
    max-width: 100%;
    margin: 0 auto;
    padding: 0px 0;
    border-top: 0;
    margin-top: 0px; }
  .footer-links .footer-links-left {
    float: none;
    line-height: 4.98931rem;
    text-align: center; }
  .footer-links .footer-links-left a {
    display: inline-block;
    font-size: 0.99786rem;
    margin-right: 2.13828rem; }
  .footer-links .footer-links-left a:last-child {
    margin-right: 0; }
  .footer-links .footer-links-right {
    float: none; }
  .footer-links .footer-links-right a {
    display: inline-block;
    background-image: url(../images/media_icon.png);
    background-repeat: no-repeat;
    background-size: auto 5.70207rem;
    width: 2.85103rem;
    height: 2.85103rem;
    margin-left: 0.57021rem;
    background-position: bottom left; }
  .footer-links .footer-links-right a:first-child {
    margin-left: 0; }
  .footer-links .footer-links-right a:hover {
    background-position-y: bottom !important; }
  .footer-links .footer-links-right a.icon-bilibili {
    background-position: -2.85103rem 0; }
  .footer-links .footer-links-right a.icon-weibo {
    background-position: -5.70207rem 0; }
  .footer-links .footer-links-right a.icon-linkin {
    background-position: -8.5531rem 0; }
  .footer-links .footer-links-right a.icon-weixin {
    background-position: -11.40413rem 0; }
  .footer-links .footer-links-right a.icon-twitter {
    background-position: -14.25517rem 0; }
  .footer-links .footer-links-right a.icon-facebook {
    background-position: -17.1062rem 0; } }

.public-banner {
  height: 460px; }

.public-banner .swiper-pagination-bullet-active {
  background: #fff; }

.public-banner-item {
  display: block;
  height: 460px;
  background-size: cover;
  background-position: center;
  position: relative; }

.public-banner-item.change-banner-zh .item-content {
  height: auto;
  background-size: 0; }

.public-banner-item.change-banner-zh .item-content h4 {
  font-size: 52px;
  color: #fff;
  line-height: 1.1; }

.public-banner-item.change-banner-zh .item-content p {
  color: #fff; }

.public-banner-item.change-banner-zh .item-content .btn {
  padding-top: 50px; }

.public-banner-item .item-content {
  position: absolute;
  left: 50%;
  top: 45%;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  behavior: url(/css/ie-css3.htc);
  color: #fff;
  width: 80%;
  text-align: center; }

.public-banner-item .item-content h4 {
  font-size: 60px; }

.public-banner-item .item-content p {
  font-size: 18px;
  padding-top: 10px; }

.public-banner-item .item-content .btn {
  padding-top: 16px; }

.public-banner-item .item-content .btn span {
  display: block;
  margin: 0 auto;
  width: 80px;
  background: url(../images/allbgs.png) -299px -1805px no-repeat;
  height: 80px;
  padding-left: 82px;
  cursor: pointer; }

.public-banner-item .item-content .btn-item {
  display: inline-block;
  vertical-align: middle;
  line-height: 40px;
  color: #fff;
  padding: 0 20px;
  border: 1px solid #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin: 0 12px; }

.public-banner-item .item-content .btn-item img {
  width: 22px;
  margin-left: 4px; }

.public-banner-item .item-content .btn-item.active {
  background: #f66f6a;
  border-color: #f66f6a; }

@media only screen and (max-width: 992px) {
  .public-banner {
    height: 22.5rem; }
  .public-banner .swiper-pagination-bullet-active {
    background: #fff; }
  .public-banner-item {
    display: block;
    height: 22.5rem;
    background-size: cover;
    background-position: center;
    position: relative; }
  .public-banner-item.change-banner-zh .item-content {
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    padding-top: 4.91667rem; }
  .public-banner-item.change-banner-zh .item-content h4 {
    width: 16.25rem;
    margin: 0 auto;
    font-size: 2.58333rem;
    color: #fff;
    line-height: 3rem; }
  .public-banner-item.change-banner-zh .item-content p {
    color: #fff; }
  .public-banner-item.change-banner-zh .item-content .btn {
    padding-top: 2rem; }
  .public-banner-item .item-content {
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    color: #fff;
    width: 100%;
    padding: 0 1.66667rem;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center; }
  .public-banner-item .item-content h4 {
    font-size: 2.66667rem; }
  .public-banner-item .item-content p {
    font-size: 1rem;
    padding-top: .25rem; }
  .public-banner-item .item-content .btn {
    padding-top: 16px; }
  .public-banner-item .item-content .btn-item {
    display: block;
    margin: 0 auto .83333rem;
    width: 9.75rem;
    text-align: center;
    line-height: 2.83333rem;
    color: #fff;
    padding: 0;
    border: 1px solid #fff;
    -moz-border-radius: .16667rem;
    -webkit-border-radius: .16667rem;
    border-radius: .16667rem;
    font-size: 1rem; }
  .public-banner-item .item-content .btn-item img {
    width: 1.66667rem;
    margin-left: .41667rem; }
  .public-banner-item .item-content .btn-item.active {
    background: #f66f6a;
    border-color: #f66f6a; } }

.select-warp {
  position: relative; }

.select-warp .title {
  line-height: 48px;
  padding: 0 12px;
  font-size: 14px;
  color: #282828;
  border: 1px solid #282828;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  position: relative; }

.select-warp .title:after {
  content: '';
  position: absolute;
  right: 12px;
  top: 45%;
  width: 10px;
  height: 10px;
  border-left: 2px solid grey;
  border-bottom: 2px solid grey;
  -moz-transform: rotate(-45deg) translateY(-50%);
  -ms-transform: rotate(-45deg) translateY(-50%);
  -o-transform: rotate(-45deg) translateY(-50%);
  -webkit-transform: rotate(-45deg) translateY(-50%);
  transform: rotate(-45deg) translateY(-50%); }

.select-warp .title span {
  display: inline-block;
  vertical-align: middle;
  max-width: 90%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.select-warp.active:hover .title, .select-warp:hover .title {
  border-color: #c7000b; }

.select-warp.active .title {
  border-color: #f1f1f1;
  background-color: #f1f1f1; }

.select-warp.active .title:after {
  border-color: #c7000b;
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

.select-warp.active .title span {
  color: #c7000b; }

.select-warp.active ul {
  display: block; }

.select-warp ul {
  display: none;
  position: absolute;
  left: 1px;
  right: 1px;
  top: 50px;
  max-height: 326px;
  background: #fff;
  -moz-box-shadow: 0 1px 1px 2px #f1f1f1;
  -webkit-box-shadow: 0 1px 1px 2px #f1f1f1;
  box-shadow: 0 1px 1px 2px #f1f1f1;
  overflow-y: auto;
  z-index: 9; }

.select-warp ul li {
  line-height: 1.4;
  font-size: 14px;
  color: #282828;
  padding: 10px 0 10px 14px;
  cursor: pointer;
  border-bottom: 1px solid #eaeaea; }

.select-warp ul li:hover {
  color: #c7000b;
  background: #f8f8f8; }

.select-warp ul li i {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  width: 12px;
  height: 12px;
  background-image: url(../images/icon-checked_.png);
  background-size: 100% 100%; }

.select-warp ul li.checked i {
  background-image: url(../images/icon-checked.png); }

.public-job-search {
  padding: 80px 0; }

.public-job-search .module-title, .public-job-search h1 {
  font-size: 46px;
  color: #282828;
  text-align: center;
  line-height: 1.1;
  padding-bottom: 20px; }

.public-job-search .module-select {
  padding: 16px 0 44px; }

.public-job-search .module-select.col-7 dl {
  width: 13.5%; }

.public-job-search .module-select.col-7 .search {
  width: 26.67%; }

.public-job-search .module-select dl {
  float: left;
  width: 17.17%;
  margin-right: .9%; }

.public-job-search .module-select dt {
  font-size: 14px;
  color: grey;
  line-height: 34px;
  text-indent: 14px; }

.public-job-search .module-select .search {
  width: 26.67%; }

.public-job-search .module-select .search .input-box {
  width: 64.4%;
  line-height: 48px;
  padding: 0 12px;
  font-size: 14px;
  color: #282828;
  border: 1px solid #282828;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.public-job-search .module-select .search .input-box input {
  border: none;
  max-width: 100%; }

.public-job-search .module-select .search .search-btn {
  width: 31.86%;
  line-height: 50px;
  text-align: center;
  background: #c7000b;
  font-size: 14px;
  color: #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer; }

.public-job-search .module-select.module-select-social dl {
  width: 24.3%; }

.public-job-search .module-select.module-select-social dl.search {
  margin-right: 0; }

.public-job-search .module-corner-pages {
  font-size: 14px;
  color: #282828; }

.public-job-search .module-corner-pages span {
  color: #c7000b; }

.public-job-search .module-page-number {
  font-size: 14px;
  color: #282828; }

.public-job-search .module-page-number select {
  border: none; }

.public-job-search .module-flag {
  padding: 16px 0 30px; }

.public-job-search .module-flag span {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  color: #282828;
  line-height: 34px;
  text-indent: 12px;
  background: #f4f4f4;
  margin-bottom: 16px; }

.public-job-search .module-flag span i {
  display: inline-block;
  vertical-align: middle;
  font-style: normal;
  width: 20px;
  background: url(../images/allbgs.png) -554px -567px no-repeat;
  height: 32px;
  padding-left: 10px;
  transform: scale(0.4);
  cursor: pointer;
  margin: 0 12px; }

.public-job-search .module-bottom {
  padding-top: 40px;
  border-top: 1px solid #e3e4e4; }

.public-job-search .module-page-switch a {
  display: inline-block;
  vertical-align: middle;
  line-height: 40px;
  min-width: 80px;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  border: 1px solid #282828;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  margin-left: 14px; }

.public-job-search .module-page-switch a:hover {
  border-color: #c7000b;
  color: #c7000b; }

@media only screen and (max-width: 992px) {
  .select-warp {
    position: relative; }
  .select-warp .title {
    line-height: 2.75rem;
    padding: 0 1.16667rem;
    font-size: 1rem;
    color: #282828;
    border: 1px solid #282828;
    -moz-border-radius: .16667rem;
    -webkit-border-radius: .16667rem;
    border-radius: .16667rem;
    cursor: pointer;
    position: relative; }
  .select-warp .title:after {
    content: '';
    position: absolute;
    right: 1.16667rem;
    top: 45%;
    width: .83333rem;
    height: .83333rem;
    border-left: .08333rem solid grey;
    border-bottom: .08333rem solid grey;
    -moz-transform: rotate(-45deg) translateY(-50%);
    -ms-transform: rotate(-45deg) translateY(-50%);
    -o-transform: rotate(-45deg) translateY(-50%);
    -webkit-transform: rotate(-45deg) translateY(-50%);
    transform: rotate(-45deg) translateY(-50%); }
  .select-warp .title span {
    display: inline-block;
    vertical-align: middle;
    max-width: 90%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
  .select-warp:hover .title {
    border-color: #c7000b; }
  .select-warp.active:hover .title {
    border-color: #f1f1f1; }
  .select-warp.active .title {
    border-color: #f1f1f1;
    background-color: #f1f1f1; }
  .select-warp.active .title:after {
    border-color: #fff;
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg); }
  .select-warp.active .title span {
    color: #fff; }
  .select-warp.active ul {
    display: block; }
  .select-warp ul {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 2.75rem;
    max-height: 26rem;
    background: #fff;
    -moz-box-shadow: 0 1px 1px 2px #f1f1f1;
    -webkit-box-shadow: 0 1px 1px 2px #f1f1f1;
    box-shadow: 0 1px 1px 2px #f1f1f1;
    overflow-y: scroll; }
  .select-warp ul li {
    line-height: 3.08333rem;
    font-size: 1rem;
    color: #282828;
    text-indent: 1.16667rem;
    cursor: pointer;
    padding: 0; }
  .select-warp ul li:first-child {
    border-bottom: 1px solid #eaeaea; }
  .select-warp ul li:hover {
    color: #15b0e8;
    background: #f8f8f8; }
  .select-warp ul li i {
    display: inline-block;
    vertical-align: middle;
    margin-right: .83333rem;
    width: .91667rem;
    height: .91667rem;
    background-image: url(../images/icon-checked_.png);
    background-size: 100% 100%; }
  .public-job-search .module-select .search, .public-job-search .module-select.col-7 .search, .public-job-search .module-select.col-7 dl {
    width: auto; }
  .select-warp ul li.checked i {
    background-image: url(../images/icon-checked.png); }
  .public-job-search {
    padding: 2.29167rem 1.66667rem 3.33333rem; }
  .public-job-search .module-title, .public-job-search h1 {
    font-size: 1.91667rem;
    color: #282828;
    font-weight: 600;
    text-align: center;
    line-height: 1.2; }
  .public-job-search .module-select {
    padding: 0; }
  .public-job-search .module-select dl {
    float: none;
    width: auto;
    margin-right: 0; }
  .public-job-search .module-select dt {
    font-size: 1rem;
    color: grey;
    line-height: 2.41667rem;
    text-indent: 0; }
  .public-job-search .module-select .search .input-box {
    width: 76.78%;
    line-height: 2.75rem;
    padding: 0 1.16667rem;
    font-size: 1rem;
    color: #282828;
    border: 1px solid #282828;
    -moz-border-radius: .16667rem;
    -webkit-border-radius: .16667rem;
    border-radius: .16667rem;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .public-job-search .module-select .search .input-box input {
    border: none;
    max-width: 100%; }
  .public-job-search .module-select .search .search-btn {
    width: 20.71%;
    line-height: 2.75rem;
    text-align: center;
    background: #c7000b;
    font-size: 1rem;
    color: #fff;
    -moz-border-radius: .16667rem;
    -webkit-border-radius: .16667rem;
    border-radius: .16667rem;
    cursor: pointer;
    border: 1px solid #c7000b; }
  .public-job-search .module-corner-pages {
    float: none;
    font-size: 1rem;
    color: #282828;
    padding-top: 2.66667rem; }
  .public-job-search .module-corner-pages span {
    color: #c7000b; }
  .public-job-search .module-page-number {
    display: none;
    font-size: 1rem;
    color: #282828;
    padding-top: 2.66667rem; }
  .public-job-search .module-page-number select {
    border: none; }
  .public-job-search .module-flag {
    padding: 1.58333rem 0 2.08333rem; }
  .public-job-search .module-flag span {
    display: inline-block;
    vertical-align: middle;
    font-size: 1rem;
    color: #282828;
    line-height: 2.91667rem;
    text-indent: .75rem;
    background: #f4f4f4;
    margin-bottom: .83333rem; }
  .public-job-search .module-flag span i {
    display: inline-block;
    vertical-align: middle;
    font-style: normal;
    width: .83333rem;
    height: .83333rem;
    background-image: url(../images/icon-close.png);
    background-size: 100% 100%;
    cursor: pointer;
    margin: 0 .83333rem; }
  .public-job-search .module-bottom {
    padding-top: 40px; }
  .public-job-search .module-page-switch {
    float: none;
    padding-top: 1.91667rem; }
  .public-job-search .module-page-switch a {
    display: inline-block;
    vertical-align: middle;
    line-height: 2.75rem;
    width: 7.08333rem;
    text-align: center;
    border: 1px solid #282828;
    -moz-border-radius: .16667rem;
    -webkit-border-radius: .16667rem;
    border-radius: .16667rem;
    margin-left: 0;
    margin-right: .5rem; }
  .public-job-search .module-page-switch a:hover {
    border-color: #c7000b;
    color: #c7000b; } }

.icon-03, .jobTypeArea ul li, .jobTypeDesc ul, .page-preview .main .head-box .fl dl, .page-preview .main .section .section-content .rows, .public-backAndShare, .public-share, .screen-lock body {
  overflow: hidden; }

.public-table ul li {
  position: relative;
  font-size: 0; }

.public-table ul li a {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  padding: 14px 0; }

.public-table ul li .td, .public-table ul li .th, .public-table ul li h6, .public-table ul li i {
  display: inline-block;
  vertical-align: middle; }

.public-table ul li .td {
  width: 51.53%; }

.public-table ul li h6 {
  font-size: 20px;
  line-height: 1.3;
  color: #231815; }

.public-table ul li .th {
  width: 22.6%;
  font-size: 14px;
  line-height: 1.3;
  color: grey; }

.public-table ul li .th p {
  padding-left: 8%; }

.public-table ul li i {
  width: 3.27%;
  height: 20px;
  transform: scale(0.6);
  background: url(../images/allbgs.png) -70px -256px no-repeat; }

.public-table ul li:hover {
  background: #f8f8f8; }

.public-table ul li:hover h6 {
  position: relative;
  color: #c7000b; }

.public-table ul li:hover h6:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: #c7000b; }

.public-table ul li:hover i {
  transform: scale(0.6);
  background: url(../images/allbgs.png) -266px -251px no-repeat; }

@media only screen and (max-width: 992px) {
  .public-table ul li {
    position: relative;
    font-size: 0; }
  .public-table ul li a {
    display: block;
    padding: 2.08333rem 0;
    height: auto; }
  .public-table ul li .td, .public-table ul li .th, .public-table ul li i {
    display: block; }
  .public-table ul li .td {
    width: 20.83333rem; }
  .public-table ul li h6 {
    font-size: 1.33333rem;
    color: #231815; }
  .public-table ul li .th {
    width: auto;
    font-size: 1rem;
    color: grey;
    line-height: 1.66667rem; }
  .public-table ul li .th p {
    padding-left: 0; }
  .public-table ul li i {
    position: absolute;
    right: 0;
    top: 2.25rem;
    width: 1.25rem;
    height: 1rem;
    background-size: auto 100%;
    background-image: url(../images/icon-arrow2.png);
    background-repeat: no-repeat;
    background-position: right; }
  .public-table ul li:hover {
    background-color: transparent; }
  .public-table ul li:hover h6 {
    position: relative;
    color: #c7000b; }
  .public-table ul li:hover h6:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: #c7000b; } }

.public-backAndShare {
  padding: 24px 0;
  position: relative; }

.public-back {
  font-size: 14px;
  color: #c7000b;
  position: relative; }

.public-back:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 8px;
  height: 8px;
  border-left: 1px solid #c7000b;
  border-bottom: 1px solid #c7000b;
  -moz-transform: translateX(5px) rotate(45deg);
  -ms-transform: translateX(5px) rotate(45deg);
  -o-transform: translateX(5px) rotate(45deg);
  -webkit-transform: translateX(5px) rotate(45deg);
  transform: translateX(5px) rotate(45deg);
  margin-right: 10px; }

.examine .schedule {
  font-size: 14px;
  color: #231815;
  line-height: 40px;
  padding: 0 20px;
  border: 1px solid #231815;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }

.examine .schedule:hover {
  border: 1px solid #c7000b;
  color: #c7000b; }

.public-share {
  float: right; }

.public-share .bdsharebuttonbox {
  -moz-transform: translateX(-20px);
  -ms-transform: translateX(-20px);
  -o-transform: translateX(-20px);
  -webkit-transform: translateX(-20px);
  transform: translateX(-20px); }

@media only screen and (max-width: 992px) {
  .public-backAndShare {
    padding: 1.66667rem 0 1.16667rem; }
  .public-backAndShare .public-back {
    display: none; }
  .public-backAndShare .examine {
    float: none;
    text-align: center; }
  .public-backAndShare .examine .schedule {
    font-size: 1rem;
    color: #231815;
    line-height: 2.91667rem;
    padding: 0;
    -moz-border-radius: .125rem;
    -webkit-border-radius: .125rem;
    border-radius: .125rem; } }

.page-preview {
  background: #fff; }

.page-preview .main {
  max-width: 1200px;
  margin: 0 auto; }

.page-preview .main .head-box {
  padding-top: 50px;
  margin-bottom: 60px; }

.page-preview .main .head-box .fl dl dd .resume-file, .page-preview .main .head-box .fl dl dd .resume-no {
  font-size: 16px;
  margin-bottom: 10px; }

.page-preview .main .head-box .fl {
  width: 60%; }

.page-preview .main .head-box .fl dl dt {
  float: left;
  width: 204px;
  height: 204px;
  background-size: cover;
  background-position: center;
  background-color: #eee; }

.page-preview .main .head-box .fl dl dd {
  float: left;
  margin-left: 38px;
  padding-top: 10px; }

.page-preview .main .head-box .fl dl dd .resume-no span {
  color: #666; }

.page-preview .main .head-box .fl dl dd .resume-no a {
  color: #c7000b;
  margin-left: 20px;
  text-decoration: underline;
  cursor: pointer; }

.page-preview .main .head-box .fl dl dd .resume-file span {
  color: #666; }

.page-preview .main .head-box .fl dl dd .resume-file a {
  color: #c7000b;
  margin-left: 0;
  text-decoration: underline;
  cursor: pointer; }

.page-preview .main .head-box .fl dl dd .name {
  font-size: 25px;
  margin-top: 20px; }

.page-preview .main .head-box .fl dl dd ul li {
  font-size: 16px;
  padding-left: 30px;
  margin-top: 15px; }

.page-preview .main .head-box .fl dl dd ul li.mail {
  background: url(../images/icon-email.png) left center no-repeat; }

.page-preview .main .head-box .fl dl dd ul li.tel {
  background: url(../images/icon-tel.png) left center no-repeat; }

.page-preview .main .head-box .fr a {
  display: inline-block;
  padding: 0 50px;
  line-height: 50px;
  height: 50px;
  background: #c7000b;
  color: #fff; }

.page-preview .main .section {
  border-top: 1px solid #dcdddd;
  margin-top: 40px; }

.page-preview .main .section .section-title {
  overflow: hidden;
  padding-top: 40px;
  padding-bottom: 40px; }

.page-preview .main .section .section-title .fl {
  font-size: 34px;
  line-height: 1.1;
  border-left: 5px solid #c7000b;
  padding-left: 19px;
  font-weight: 700; }

.page-preview .main .section .section-title .fr {
  padding-top: 8px; }

.page-preview .main .section .section-title .fr a {
  color: #c7000b;
  font-size: 16px;
  text-decoration: underline; }

.page-preview .main .section .section-content .rows .col-4 {
  float: left;
  width: 25%;
  margin-bottom: 20px; }

.page-preview .main .section .section-content .rows .col-12 {
  float: left;
  width: 100%;
  margin-bottom: 20px; }

.page-preview .main .section .section-content .rows .col-12 span {
  margin-bottom: 5px; }

.page-preview .main .section .section-content .rows .col-12 strong {
  font-size: 18px;
  color: #222; }

.page-preview .main .section .section-content .rows .col-12 .time-range {
  padding-left: 32px;
  height: 22px;
  line-height: 22px;
  background: url(../images/time-range.png) left center no-repeat;
  margin-top: 10px; }

.page-preview .main .section .section-content .rows span {
  display: block;
  color: #666;
  font-size: 14px;
  line-height: 24px; }

.page-preview .main .section .section-content .rows p {
  display: block;
  font-size: 16px;
  color: #222;
  line-height: 24px; }

.page-preview .main .section .section-content .section-content-item .item-title {
  font-size: 28px;
  line-height: 1.1;
  padding-bottom: 30px;
  padding-top: 20px;
  font-weight: 700; }

.page-preview .main .section .section-content .section-content-item .sub-item {
  margin-bottom: 20px; }

.page-preview .main .panel-fixed {
  display: none; }

@media (max-width: 1200px) {
  .page-preview .main {
    max-width: 95%; } }

@media only screen and (max-width: 992px) {
  .page-preview .main .head-box .fr, .page-preview .main .section .section-title .fr {
    display: none; }
  .page-preview {
    padding-bottom: 4.125rem; }
  .page-preview .main {
    padding: 0 1.41667rem;
    max-width: 100%; }
  .page-preview .main .head-box {
    padding-top: 2.08333rem;
    margin-bottom: 2.5rem; }
  .page-preview .main .head-box .fl dl dd .resume-file, .page-preview .main .head-box .fl dl dd .resume-no {
    font-size: .83333rem;
    margin-bottom: .41667rem; }
  .page-preview .main .head-box .fl {
    width: 100%; }
  .page-preview .main .head-box .fl dl dt {
    width: 7.70833rem;
    height: 7.70833rem; }
  .page-preview .main .head-box .fl dl dd {
    margin-left: .83333rem;
    padding-top: 0; }
  .page-preview .main .head-box .fl dl dd .resume-no a {
    margin-left: .625rem; }
  .page-preview .main .head-box .fl dl dd .name {
    font-size: 1.25rem;
    margin-top: .41667rem; }
  .page-preview .main .head-box .fl dl dd ul li {
    font-size: .83333rem;
    padding-left: 2.08333rem;
    margin-top: .41667rem; }
  .page-preview .main .section {
    margin-top: 1.66667rem; }
  .page-preview .main .section .section-title {
    padding-top: 1.66667rem;
    padding-bottom: 1.66667rem; }
  .page-preview .main .section .section-title .fl {
    font-size: 1.75rem; }
  .page-preview .main .section .section-content .rows .col-4 {
    width: 100%; }
  .page-preview .main .section .section-content .rows .col-12 strong {
    font-size: 1rem; }
  .page-preview .main .section .section-content .section-content-item .item-title {
    font-size: 1.41667rem; }
  .page-preview .main .panel-fixed {
    display: block;
    overflow: hidden;
    position: fixed;
    left: 0;
    width: 100%;
    bottom: 0;
    height: 4.125rem;
    line-height: 4.125rem;
    padding: 0 1.25rem;
    box-sizing: border-box;
    background: #fff;
    z-index: 9;
    border-top: 1px solid #dadada; }
  .page-preview .main .panel-fixed .fl a {
    display: inline-block;
    padding-left: 1.25rem;
    font-size: 1rem;
    color: #c7000b;
    background: url(../images/back.png) left center no-repeat;
    outline: 0; }
  .page-preview .main .panel-fixed .fr a {
    display: inline-block;
    background: #c7000b;
    border: 1px solid #c7000b;
    height: 2.41667rem;
    width: 6.58333rem;
    line-height: 2.41667rem;
    font-size: 1rem;
    text-align: center;
    color: #fff; }
  .page-preview footer {
    display: none; } }

.jobTypeArea {
  margin-top: 54px; }

.jobTypeArea ul {
  height: 150px; }

.jobTypeArea ul li {
  width: 261px;
  float: left;
  height: 100%;
  margin-left: 20px;
  border-radius: 8px;
  background: #f5f5f5; }

.jobTypeArea ul li.disabled .item {
  cursor: not-allowed; }

.jobTypeArea ul li.disabled .item:hover h2 {
  color: #222; }

.jobTypeArea ul li.disabled .item:hover span {
  background: url(../images/hw-arrow.png) center top no-repeat; }

.jobTypeArea ul li:first-child {
  margin-left: 0; }

.jobTypeArea ul li .item {
  height: 100%;
  width: 100%;
  position: relative;
  cursor: pointer; }

.jobTypeArea ul li .item h2 {
  font-size: 32px;
  line-height: 1.1;
  padding-top: 30px;
  padding-left: 30px; }

.jobTypeArea ul li .item span {
  background: url(../images/allbgs.png) -70px -256px no-repeat;
  width: 27px;
  height: 19px;
  display: block;
  position: absolute;
  bottom: 30px;
  right: 30px; }

.jobTypeArea ul li .item:hover h2 {
  color: #c7000b; }

.jobTypeArea ul li .item:hover span {
  background: url(../images/allbgs.png) -266px -251px no-repeat; }

.jobTypeArea ul li.active .item {
  background: url(../images/allbgs.png) -238px -2421px no-repeat; }

.jobTypeArea ul li.active .item h2 {
  color: #fff; }

.jobTypeArea ul li.active .item span {
  display: none; }

.viewport.en .jobTypeArea ul li .item h2 {
  font-size: 20px;
  width: 65%; }

@media only screen and (max-width: 992px) {
  .jobTypeArea {
    padding: 0 1.66667rem;
    height: auto; }
  .jobTypeArea ul {
    height: auto; }
  .jobTypeArea ul li {
    float: none;
    width: 100%;
    height: 6.33333rem;
    margin-left: 0;
    border-radius: 2px;
    overflow: hidden;
    margin-bottom: .83333rem; }
  .jobTypeArea ul li .item {
    line-height: 6.33333rem; }
  .jobTypeArea ul li .item h2 {
    font-size: 1.75rem;
    padding: 0 0 0 2.08333rem;
    line-height: 6.33333rem;
    height: 100%; }
  .jobTypeArea ul li .item span {
    right: 2.08333rem;
    bottom: 2.5rem; }
  .jobTypeArea ul li.active .item {
    background: url(../images/allbgs.png) -79px -2153px no-repeat; }
  .jobTypeArea ul li.active .item h2 {
    color: #fff; }
  .jobTypeArea ul li.active .item span {
    display: none; }
  .viewport.en .jobTypeArea ul li .item h2 {
    font-size: 1.25rem;
    width: 90%; } }

.jobTypeDesc {
  width: 636px;
  margin: 0 auto;
  padding: 50px 50px 110px; }

.jobTypeDesc span.btn-close {
  width: 25px;
  height: 25px;
  background: url(../images/allbgs.png) -68px -572px no-repeat;
  padding-left: 27px;
  display: block;
  position: absolute;
  right: 30px;
  top: 30px;
  cursor: pointer; }

.jobTypeDesc h2 {
  font-size: 34px;
  line-height: 1.1;
  padding: 0 0 20px; }

.jobTypeDesc h3 {
  font-size: 24px;
  margin-bottom: 20px; }

.jobTypeDesc p {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 8px; }

.jobTypeDesc a {
  display: block;
  width: 148px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  color: #fff;
  margin-top: 40px;
  background: #c7000b;
  border-radius: 4px;
  font-size: 14px;
  position: absolute;
  bottom: 50px; }

.jobTypeDesc ul li {
  float: left;
  width: 50%;
  padding-left: 45px;
  box-sizing: border-box; }

.jobTypeDesc ul li:first-child {
  padding-left: 0;
  padding-right: 45px;
  border-right: 1px solid #e3e4e4; }

@media only screen and (max-width: 992px) {
  .jobTypeDesc {
    padding: 1.66667rem;
    overflow: hidden; }
  .jobTypeDesc span.btn-close {
    width: 1.66667rem;
    height: 1.66667rem;
    background: url(../images/post-pop-close.png) center no-repeat;
    background-size: contain;
    right: 1.66667rem;
    top: 1.66667rem; }
  .jobTypeDesc h2 {
    font-size: 2rem;
    padding: 1.25rem 0; }
  .jobTypeDesc h3 {
    font-size: 1.41667rem;
    margin-bottom: 1.25rem; }
  .jobTypeDesc p {
    font-size: 1rem;
    line-height: 1.45;
    margin-bottom: .41667rem; }
  .jobTypeDesc a {
    width: 8.75rem;
    height: 2.91667rem;
    line-height: 2.91667rem;
    margin-top: 2.08333rem;
    border-radius: .16667rem;
    font-size: 1rem;
    position: static; }
  .jobTypeDesc ul li {
    float: none;
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important; }
  .jobTypeDesc ul li:first-child {
    border-right: 0;
    border-bottom: 1px solid #e3e4e4;
    padding-bottom: 2.08333rem;
    margin-bottom: 2.08333rem; } }

.disn {
  z-index: -1 !important;
  position: absolute !important; }

.contact-widget {
  position: fixed;
  bottom: 30%;
  right: 30px;
  z-index: 999; }

.contact-widget .wrap {
  position: relative;
  padding-left: 10px; }

.contact-widget .wrap .icon {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 2px 6px 0 rgba(221, 230, 237, 0.8);
  background-image: url(../images/contact_icon.png);
  background-size: 45%;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer; }

.contact-widget .wrap:hover .icon {
  background-color: #c7000b;
  box-shadow: 0 2px 8px 0 rgba(199, 0, 11, 0.8);
  background-image: url(../images/contact_icon_.png); }

.contact-widget .wrap:hover .box {
  display: block; }

.contact-widget .wrap .box {
  display: none;
  width: 220px;
  border-radius: 5px;
  background: #fff;
  padding: 20px;
  box-sizing: border-box;
  position: absolute;
  right: 80px;
  top: -100px;
  box-shadow: 0 2px 6px 0 rgba(221, 230, 237, 0.8); }

.contact-widget .wrap .box .item h4 {
  font-size: 16px;
  padding: 6px 0 6px 50px;
  background: url(../images/allbgs.png) -754px -453px no-repeat;
  height: 29px; }

.contact-widget .wrap .box .item {
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 5px;
  margin-bottom: 15px; }

.contact-widget .wrap .box .item:last-child {
  margin-bottom: 0;
  border: 0; }

.contact-widget .wrap .box .item:nth-child(2) h4 {
  background: url(../images/allbgs.png) -551px -1102px no-repeat;
  height: 39px;
  padding-left: 50px; }

.contact-widget .wrap .box .item:nth-child(4) h4 {
  background: url(../images/allbgs.png) -551px -1102px no-repeat;
  height: 39px;
  padding-left: 50px; }

.contact-widget .wrap .box .item h5 {
  padding: 0px 10px 5px 50px; }

.contact-widget .wrap .box .item h5 a {
  display: inline-block;
  border: 1px solid #c7000b;
  padding: 6px 10px;
  border-radius: 8px;
  color: #c7000b;
  font-size: 12px; }

.contact-widget .wrap .box .item h6 {
  padding-left: 50px;
  padding-bottom: 5px; }

.contact-widget .wrap .box .item h6 a {
  display: inline-block;
  border-radius: 8px;
  color: #c7000b;
  font-size: 12px; }

@media only screen and (max-width: 1280px) {
  .contact-widget .wrap .box {
    top: -180px; } }

@media only screen and (max-width: 992px) {
  .contact-widget {
    display: none; } }

.icon-global, .icon-info, .outer-link, .user-icon-1, .user-icon-3 {
  display: inline-block; }

.send-resume-img {
  background: url(../images/allbgs.png) -60px -1812px no-repeat;
  height: 68px;
  padding-left: 72px;
  margin-left: 35px; }

.recruit-arrows-img {
  background: url(../images/allbgs.png) -605px -48px no-repeat;
  height: 11px;
  padding-left: 9px; }

.computer-test-img, .entry-img, .hire-img, .sign-contract-img, .teach-in-img, .written-examination-img {
  height: 68px;
  padding-left: 72px;
  margin-left: 35px; }

.teach-in-img {
  background: url(../images/allbgs.png) -300px -1406px no-repeat; }

.computer-test-img {
  background: url(../images/allbgs.png) -548px -1406px no-repeat; }

.written-examination-img {
  background: url(../images/allbgs.png) -62px -1607px no-repeat; }

.hire-img {
  background: url(../images/allbgs.png) -298px -1598px no-repeat; }

.sign-contract-img {
  background: url(../images/allbgs.png) -563px -1599px no-repeat; }

.entry-img {
  background: url(../images/allbgs.png) -320px -2693px no-repeat; }

.helping-img {
  background: url(../images/allbgs.png) -65px -680px no-repeat;
  height: 34px;
  padding-left: 36px;
  width: 30px;
  float: left; }

.icon-arrow-header {
  background: url(../images/allbgs.png) -75px -49px no-repeat;
  height: 8px;
  padding-left: 14px; }

.gray-arrows {
  background: url(../images/allbgs.png) -401px -49px no-repeat;
  height: 10px;
  padding-left: 7px; }

.icon-arrow {
  background: url(../images/allbgs.png) -226px -50px no-repeat;
  height: 11px;
  padding-left: 20px; }

.press-release-arrows {
  background: url(../images/allbgs.png) -76px -138px no-repeat;
  height: 14px;
  padding-left: 10px; }

.icon-delete {
  background: url(../images/allbgs.png) -735px -273px no-repeat;
  height: 15px;
  padding-left: 19px; }

.icon-info {
  background: url(../images/allbgs.png) -220px -139px no-repeat;
  height: 18px;
  padding-left: 60px;
  transform: scale(1.5); }

.blue-arrows {
  background: url(../images/allbgs.png) -742px -546px no-repeat;
  height: 15px;
  padding-left: 100px;
  width: 50px; }

.icon-add {
  background: url(../images/allbgs.png) -402px -143px no-repeat;
  height: 17px;
  padding-left: 19px; }

.step-ok, .step-ok_ {
  height: 19px;
  padding-left: 21px; }

.step-ok_ {
  background: url(../images/allbgs.png) 24px -116px no-repeat; }

.step-ok {
  background: url(../images/allbgs.png) -604px -147px no-repeat; }

.icon-arrow2, .icon-arrow2_ {
  height: 20px;
  padding-left: 29px; }

.icon-arrow2 {
  background: url(../images/allbgs.png) -70px -256px no-repeat; }

.icon-arrow2_ {
  background: url(../images/allbgs.png) -266px -251px no-repeat; }

.step-error, .step-error_ {
  height: 22px;
  padding-left: 24px; }

.step-error {
  background: url(../images/allbgs.png) -529px -247px no-repeat; }

.step-error_ {
  background: url(../images/allbgs.png) 24px -216px no-repeat; }

.icon-global {
  height: 22px !important;
  padding-bottom: 0 !important;
  vertical-align: middle;
  background: url(../images/allbgs.png) -76px -373px no-repeat; }

.logo-24 {
  background: url(../images/allbgs.png) -267px -366px no-repeat;
  height: 24px;
  padding-left: 107px; }

.icon-dy {
  background: url(../images/allbgs.png) -550px -365px no-repeat;
  height: 24px;
  padding-left: 26px; }

.icon-menu {
  background: url(../images/allbgs.png) -737px -370px no-repeat;
  height: 24px;
  padding-left: 38px;
  transform: scale(0.6); }

.icon-share-blbl {
  background: url(../images/allbgs.png) -71px -478px no-repeat;
  height: 24px;
  padding-left: 26px; }

.outer-link {
  width: 10px;
  background: url(../images/allbgs.png) -602px -462px no-repeat;
  height: 26px;
  padding-left: 28px;
  vertical-align: middle;
  transform: scale(0.83); }

.logo-30 {
  background: url(../images/allbgs.png) -268px -472px no-repeat;
  height: 30px;
  padding-left: 134px; }

.icon-server-33 {
  background: url(../images/allbgs.png) -296px -589px no-repeat;
  height: 31px;
  padding-left: 35px; }

.icon-close {
  background: url(../images/allbgs.png) -554px -567px no-repeat;
  height: 32px;
  padding-left: 34px;
  transform: scale(0.6); }

.icon-avatar-50 {
  background: url(../images/allbgs.png) -299px -691px no-repeat;
  height: 35px;
  padding-left: 37px;
  transform: scale(0.6); }

.user-icon-3 {
  vertical-align: middle;
  background: url(../images/allbgs.png) -56px -818px no-repeat;
  height: 36px;
  padding-left: 43px; }

.user-icon-2 {
  background: url(../images/allbgs.png) -299px -815px no-repeat;
  height: 37px;
  padding-left: 39px; }

.user-icon-1 {
  vertical-align: bottom;
  background: url(../images/allbgs.png) -576px -811px no-repeat;
  height: 38px;
  padding-left: 46px; }

button, img, input {
  vertical-align: middle; }

.campus--faq-icon2:hover {
  background: url(../images/allbgs.png) -757px -697px no-repeat;
  height: 38px; }

.campus--faq-icon2 {
  color: #c7100b;
  background: url(../images/allbgs.png) -741px -812px no-repeat;
  height: 38px; }

.campus--faq-icon3 {
  color: #c7100b;
  background: url(../images/allbgs.png) -67px -979px no-repeat;
  height: 38px; }

.campus--faq-icon4 {
  color: #c7100b;
  background: url(../images/allbgs.png) -302px -973px no-repeat;
  height: 38px; }

.campus--faq-icon4:hover {
  background: url(../images/allbgs.png) -558px -961px no-repeat;
  height: 38px; }

.campus--faq-icon1:hover {
  background: url(../images/allbgs.png) -726px -955px no-repeat; }

.campus--faq-icon1 {
  color: #c7100b;
  background: url(../images/allbgs.png) -74px -1109px no-repeat; }

.campus--faq-icon3:hover {
  background: url(../images/allbgs.png) -306px -1110px no-repeat;
  height: 38px; }

.user-icon-4 {
  background: url(../images/allbgs.png) -743px -1097px no-repeat;
  height: 41px;
  padding-left: 53px; }

.step-active, .step-current, .step-default, .step-past {
  height: 47px;
  padding-left: 25px; }

.step-active {
  background: url(../images/allbgs.png) -73px -1225px no-repeat; }

.step-current {
  background: url(../images/allbgs.png) -321px -1222px no-repeat; }

.step-default {
  background: url(../images/allbgs.png) -574px -1216px no-repeat; }

.step-past {
  background: url(../images/allbgs.png) -748px -1216px no-repeat; }

.icon-global-52 {
  background: url(../images/allbgs.png) -58px -1418px no-repeat;
  height: 52px;
  padding-left: 54px; }

.teach-in {
  background: url(../images/allbgs.png) -300px -1406px no-repeat;
  height: 68px;
  padding-left: 72px; }

.qrcode-huawei-CNBG-81x81px {
  background: url(../images/allbgs.png) -567px -1795px no-repeat;
  height: 106px;
  padding-left: 106px; }

.icon-user {
  background: url(../images/allbgs.png) -50px -1988px no-repeat;
  height: 120px;
  padding-left: 122px; }

.job-type-bg {
  background: url(../images/allbgs.png) -238px -2421px no-repeat;
  height: 150px;
  padding-left: 262px; }

.job-type-bg-m {
  background: url(../images/allbgs.png) -79px -2153px no-repeat;
  height: 152px;
  padding-left: 562px; }

.icon-global-20, .icon-server-22 {
  display: inline-block;
  height: 20px; }

.icon-global-20 {
  background: url(../images/allbgs.png) -163px -2638px no-repeat;
  padding-left: 2px; }

.icon-server-22 {
  background: url(../images/allbgs.png) -589px -2664px no-repeat;
  padding-left: 5px; }

.icon-04, .icon-05 {
  padding-left: 42px;
  height: 40px; }

.icon-05 {
  background: url(../images/contact_hr.png) -125px -13px no-repeat; }

.icon-04 {
  background: url(../images/contact_hr.png) -61px -76px no-repeat; }

.icon-03 {
  background: url(../images/contact_hr.png) 0 -75px no-repeat;
  height: 40px;
  padding-left: 28px;
  width: 14px; }

@media only screen and (max-width: 776px) {
  .computer-test-img, .entry-img, .hire-img, .send-resume-img, .sign-contract-img, .teach-in-img, .written-examination-img {
    height: 68px;
    margin-left: -5px;
    transform: scale(0.6); }
  .computer-test-img, .entry-img, .hire-img, .recruit-arrows-img, .send-resume-img, .sign-contract-img, .teach-in-img {
    transform: scale(0.6); }
  .teach-in-img {
    background: url(../images/allbgs.png) -280px -1403px no-repeat; }
  .computer-test-img {
    background: url(../images/allbgs.png) -533px -1406px no-repeat; }
  .written-examination-img {
    background: url(../images/allbgs.png) -47px -1607px no-repeat; }
  .hire-img {
    background: url(../images/allbgs.png) -278px -1598px no-repeat; }
  .sign-contract-img {
    background: url(../images/allbgs.png) -549px -1599px no-repeat; }
  .entry-img {
    background: url(../images/allbgs.png) -306px -2693px no-repeat; }
  .send-resume-img {
    background: url(../images/allbgs.png) -48px -1812px no-repeat; }
  .recruit-arrows-img {
    background: url(../images/allbgs.png) -605px -23px no-repeat;
    height: 100%;
    padding-left: 9px; }
  .send-resume-offer {
    height: 50px;
    padding-top: 18px; } }

@media (max-width: 640.99px) {
  html {
    font-size: 24px; } }

@media (max-width: 639.99px) {
  html {
    font-size: 23.96px; } }

@media (max-width: 638.99px) {
  html {
    font-size: 23.93px; } }

@media (max-width: 637.99px) {
  html {
    font-size: 23.89px; } }

@media (max-width: 636.99px) {
  html {
    font-size: 23.85px; } }

@media (max-width: 635.99px) {
  html {
    font-size: 23.81px; } }

@media (max-width: 634.99px) {
  html {
    font-size: 23.78px; } }

@media (max-width: 633.99px) {
  html {
    font-size: 23.74px; } }

@media (max-width: 632.99px) {
  html {
    font-size: 23.7px; } }

@media (max-width: 631.99px) {
  html {
    font-size: 23.66px; } }

@media (max-width: 630.99px) {
  html {
    font-size: 23.63px; } }

@media (max-width: 629.99px) {
  html {
    font-size: 23.59px; } }

@media (max-width: 628.99px) {
  html {
    font-size: 23.55px; } }

@media (max-width: 627.99px) {
  html {
    font-size: 23.51px; } }

@media (max-width: 626.99px) {
  html {
    font-size: 23.48px; } }

@media (max-width: 625.99px) {
  html {
    font-size: 23.44px; } }

@media (max-width: 624.99px) {
  html {
    font-size: 23.4px; } }

@media (max-width: 623.99px) {
  html {
    font-size: 23.36px; } }

@media (max-width: 622.99px) {
  html {
    font-size: 23.33px; } }

@media (max-width: 621.99px) {
  html {
    font-size: 23.29px; } }

@media (max-width: 620.99px) {
  html {
    font-size: 23.25px; } }

@media (max-width: 619.99px) {
  html {
    font-size: 23.21px; } }

@media (max-width: 618.99px) {
  html {
    font-size: 23.18px; } }

@media (max-width: 617.99px) {
  html {
    font-size: 23.14px; } }

@media (max-width: 616.99px) {
  html {
    font-size: 23.1px; } }

@media (max-width: 615.99px) {
  html {
    font-size: 23.06px; } }

@media (max-width: 614.99px) {
  html {
    font-size: 23.03px; } }

@media (max-width: 613.99px) {
  html {
    font-size: 22.99px; } }

@media (max-width: 612.99px) {
  html {
    font-size: 22.95px; } }

@media (max-width: 611.99px) {
  html {
    font-size: 22.91px; } }

@media (max-width: 610.99px) {
  html {
    font-size: 22.88px; } }

@media (max-width: 609.99px) {
  html {
    font-size: 22.84px; } }

@media (max-width: 608.99px) {
  html {
    font-size: 22.8px; } }

@media (max-width: 607.99px) {
  html {
    font-size: 22.76px; } }

@media (max-width: 606.99px) {
  html {
    font-size: 22.73px; } }

@media (max-width: 605.99px) {
  html {
    font-size: 22.69px; } }

@media (max-width: 604.99px) {
  html {
    font-size: 22.65px; } }

@media (max-width: 603.99px) {
  html {
    font-size: 22.61px; } }

@media (max-width: 602.99px) {
  html {
    font-size: 22.58px; } }

@media (max-width: 601.99px) {
  html {
    font-size: 22.54px; } }

@media (max-width: 600.99px) {
  html {
    font-size: 22.5px; } }

@media (max-width: 599.99px) {
  html {
    font-size: 22.46px; } }

@media (max-width: 598.99px) {
  html {
    font-size: 22.43px; } }

@media (max-width: 597.99px) {
  html {
    font-size: 22.39px; } }

@media (max-width: 596.99px) {
  html {
    font-size: 22.35px; } }

@media (max-width: 595.99px) {
  html {
    font-size: 22.31px; } }

@media (max-width: 594.99px) {
  html {
    font-size: 22.28px; } }

@media (max-width: 593.99px) {
  html {
    font-size: 22.24px; } }

@media (max-width: 592.99px) {
  html {
    font-size: 22.2px; } }

@media (max-width: 591.99px) {
  html {
    font-size: 22.16px; } }

@media (max-width: 590.99px) {
  html {
    font-size: 22.13px; } }

@media (max-width: 589.99px) {
  html {
    font-size: 22.09px; } }

@media (max-width: 588.99px) {
  html {
    font-size: 22.05px; } }

@media (max-width: 587.99px) {
  html {
    font-size: 22.01px; } }

@media (max-width: 586.99px) {
  html {
    font-size: 21.98px; } }

@media (max-width: 585.99px) {
  html {
    font-size: 21.94px; } }

@media (max-width: 584.99px) {
  html {
    font-size: 21.9px; } }

@media (max-width: 583.99px) {
  html {
    font-size: 21.86px; } }

@media (max-width: 582.99px) {
  html {
    font-size: 21.83px; } }

@media (max-width: 581.99px) {
  html {
    font-size: 21.79px; } }

@media (max-width: 580.99px) {
  html {
    font-size: 21.75px; } }

@media (max-width: 579.99px) {
  html {
    font-size: 21.71px; } }

@media (max-width: 578.99px) {
  html {
    font-size: 21.68px; } }

@media (max-width: 577.99px) {
  html {
    font-size: 21.64px; } }

@media (max-width: 576.99px) {
  html {
    font-size: 21.6px; } }

@media (max-width: 575.99px) {
  html {
    font-size: 21.56px; } }

@media (max-width: 574.99px) {
  html {
    font-size: 21.53px; } }

@media (max-width: 573.99px) {
  html {
    font-size: 21.49px; } }

@media (max-width: 572.99px) {
  html {
    font-size: 21.45px; } }

@media (max-width: 571.99px) {
  html {
    font-size: 21.41px; } }

@media (max-width: 570.99px) {
  html {
    font-size: 21.38px; } }

@media (max-width: 569.99px) {
  html {
    font-size: 21.34px; } }

@media (max-width: 568.99px) {
  html {
    font-size: 21.3px; } }

@media (max-width: 567.99px) {
  html {
    font-size: 21.26px; } }

@media (max-width: 566.99px) {
  html {
    font-size: 21.23px; } }

@media (max-width: 565.99px) {
  html {
    font-size: 21.19px; } }

@media (max-width: 564.99px) {
  html {
    font-size: 21.15px; } }

@media (max-width: 563.99px) {
  html {
    font-size: 21.11px; } }

@media (max-width: 562.99px) {
  html {
    font-size: 21.08px; } }

@media (max-width: 561.99px) {
  html {
    font-size: 21.04px; } }

@media (max-width: 560.99px) {
  html {
    font-size: 21px; } }

@media (max-width: 559.99px) {
  html {
    font-size: 20.96px; } }

@media (max-width: 558.99px) {
  html {
    font-size: 20.93px; } }

@media (max-width: 557.99px) {
  html {
    font-size: 20.89px; } }

@media (max-width: 556.99px) {
  html {
    font-size: 20.85px; } }

@media (max-width: 555.99px) {
  html {
    font-size: 20.81px; } }

@media (max-width: 554.99px) {
  html {
    font-size: 20.78px; } }

@media (max-width: 553.99px) {
  html {
    font-size: 20.74px; } }

@media (max-width: 552.99px) {
  html {
    font-size: 20.7px; } }

@media (max-width: 551.99px) {
  html {
    font-size: 20.66px; } }

@media (max-width: 550.99px) {
  html {
    font-size: 20.63px; } }

@media (max-width: 549.99px) {
  html {
    font-size: 20.59px; } }

@media (max-width: 548.99px) {
  html {
    font-size: 20.55px; } }

@media (max-width: 547.99px) {
  html {
    font-size: 20.51px; } }

@media (max-width: 546.99px) {
  html {
    font-size: 20.48px; } }

@media (max-width: 545.99px) {
  html {
    font-size: 20.44px; } }

@media (max-width: 544.99px) {
  html {
    font-size: 20.4px; } }

@media (max-width: 543.99px) {
  html {
    font-size: 20.36px; } }

@media (max-width: 542.99px) {
  html {
    font-size: 20.33px; } }

@media (max-width: 541.99px) {
  html {
    font-size: 20.29px; } }

@media (max-width: 540.99px) {
  html {
    font-size: 20.25px; } }

@media (max-width: 539.99px) {
  html {
    font-size: 20.21px; } }

@media (max-width: 538.99px) {
  html {
    font-size: 20.18px; } }

@media (max-width: 537.99px) {
  html {
    font-size: 20.14px; } }

@media (max-width: 536.99px) {
  html {
    font-size: 20.1px; } }

@media (max-width: 535.99px) {
  html {
    font-size: 20.06px; } }

@media (max-width: 534.99px) {
  html {
    font-size: 20.02px; } }

@media (max-width: 533.99px) {
  html {
    font-size: 19.99px; } }

@media (max-width: 532.99px) {
  html {
    font-size: 19.95px; } }

@media (max-width: 531.99px) {
  html {
    font-size: 19.91px; } }

@media (max-width: 530.99px) {
  html {
    font-size: 19.88px; } }

@media (max-width: 529.99px) {
  html {
    font-size: 19.84px; } }

@media (max-width: 528.99px) {
  html {
    font-size: 19.8px; } }

@media (max-width: 527.99px) {
  html {
    font-size: 19.76px; } }

@media (max-width: 526.99px) {
  html {
    font-size: 19.73px; } }

@media (max-width: 525.99px) {
  html {
    font-size: 19.69px; } }

@media (max-width: 524.99px) {
  html {
    font-size: 19.65px; } }

@media (max-width: 523.99px) {
  html {
    font-size: 19.61px; } }

@media (max-width: 522.99px) {
  html {
    font-size: 19.58px; } }

@media (max-width: 521.99px) {
  html {
    font-size: 19.54px; } }

@media (max-width: 520.99px) {
  html {
    font-size: 19.5px; } }

@media (max-width: 519.99px) {
  html {
    font-size: 19.46px; } }

@media (max-width: 518.99px) {
  html {
    font-size: 19.43px; } }

@media (max-width: 517.99px) {
  html {
    font-size: 19.39px; } }

@media (max-width: 516.99px) {
  html {
    font-size: 19.35px; } }

@media (max-width: 515.99px) {
  html {
    font-size: 19.31px; } }

@media (max-width: 514.99px) {
  html {
    font-size: 19.27px; } }

@media (max-width: 513.99px) {
  html {
    font-size: 19.24px; } }

@media (max-width: 512.99px) {
  html {
    font-size: 19.2px; } }

@media (max-width: 511.99px) {
  html {
    font-size: 19.16px; } }

@media (max-width: 510.99px) {
  html {
    font-size: 19.13px; } }

@media (max-width: 509.99px) {
  html {
    font-size: 19.09px; } }

@media (max-width: 508.99px) {
  html {
    font-size: 19.05px; } }

@media (max-width: 507.99px) {
  html {
    font-size: 19.01px; } }

@media (max-width: 506.99px) {
  html {
    font-size: 18.98px; } }

@media (max-width: 505.99px) {
  html {
    font-size: 18.94px; } }

@media (max-width: 504.99px) {
  html {
    font-size: 18.9px; } }

@media (max-width: 503.99px) {
  html {
    font-size: 18.86px; } }

@media (max-width: 502.99px) {
  html {
    font-size: 18.83px; } }

@media (max-width: 501.99px) {
  html {
    font-size: 18.79px; } }

@media (max-width: 500.99px) {
  html {
    font-size: 18.75px; } }

@media (max-width: 499.99px) {
  html {
    font-size: 18.71px; } }

@media (max-width: 498.99px) {
  html {
    font-size: 18.68px; } }

@media (max-width: 497.99px) {
  html {
    font-size: 18.64px; } }

@media (max-width: 496.99px) {
  html {
    font-size: 18.6px; } }

@media (max-width: 495.99px) {
  html {
    font-size: 18.56px; } }

@media (max-width: 494.99px) {
  html {
    font-size: 18.52px; } }

@media (max-width: 493.99px) {
  html {
    font-size: 18.49px; } }

@media (max-width: 492.99px) {
  html {
    font-size: 18.45px; } }

@media (max-width: 491.99px) {
  html {
    font-size: 18.41px; } }

@media (max-width: 490.99px) {
  html {
    font-size: 18.38px; } }

@media (max-width: 489.99px) {
  html {
    font-size: 18.34px; } }

@media (max-width: 488.99px) {
  html {
    font-size: 18.3px; } }

@media (max-width: 487.99px) {
  html {
    font-size: 18.26px; } }

@media (max-width: 486.99px) {
  html {
    font-size: 18.23px; } }

@media (max-width: 485.99px) {
  html {
    font-size: 18.19px; } }

@media (max-width: 484.99px) {
  html {
    font-size: 18.15px; } }

@media (max-width: 483.99px) {
  html {
    font-size: 18.11px; } }

@media (max-width: 482.99px) {
  html {
    font-size: 18.08px; } }

@media (max-width: 481.99px) {
  html {
    font-size: 18.04px; } }

@media (max-width: 480.99px) {
  html {
    font-size: 18px; } }

@media (max-width: 479.99px) {
  html {
    font-size: 17.96px; } }

@media (max-width: 478.99px) {
  html {
    font-size: 17.93px; } }

@media (max-width: 477.99px) {
  html {
    font-size: 17.89px; } }

@media (max-width: 476.99px) {
  html {
    font-size: 17.85px; } }

@media (max-width: 475.99px) {
  html {
    font-size: 17.81px; } }

@media (max-width: 474.99px) {
  html {
    font-size: 17.77px; } }

@media (max-width: 473.99px) {
  html {
    font-size: 17.74px; } }

@media (max-width: 472.99px) {
  html {
    font-size: 17.7px; } }

@media (max-width: 471.99px) {
  html {
    font-size: 17.66px; } }

@media (max-width: 470.99px) {
  html {
    font-size: 17.63px; } }

@media (max-width: 469.99px) {
  html {
    font-size: 17.59px; } }

@media (max-width: 468.99px) {
  html {
    font-size: 17.55px; } }

@media (max-width: 467.99px) {
  html {
    font-size: 17.51px; } }

@media (max-width: 466.99px) {
  html {
    font-size: 17.48px; } }

@media (max-width: 465.99px) {
  html {
    font-size: 17.44px; } }

@media (max-width: 464.99px) {
  html {
    font-size: 17.4px; } }

@media (max-width: 463.99px) {
  html {
    font-size: 17.36px; } }

@media (max-width: 462.99px) {
  html {
    font-size: 17.33px; } }

@media (max-width: 461.99px) {
  html {
    font-size: 17.29px; } }

@media (max-width: 460.99px) {
  html {
    font-size: 17.25px; } }

@media (max-width: 459.99px) {
  html {
    font-size: 17.21px; } }

@media (max-width: 458.99px) {
  html {
    font-size: 17.18px; } }

@media (max-width: 457.99px) {
  html {
    font-size: 17.14px; } }

@media (max-width: 456.99px) {
  html {
    font-size: 17.1px; } }

@media (max-width: 455.99px) {
  html {
    font-size: 17.06px; } }

@media (max-width: 454.99px) {
  html {
    font-size: 17.02px; } }

@media (max-width: 453.99px) {
  html {
    font-size: 16.99px; } }

@media (max-width: 452.99px) {
  html {
    font-size: 16.95px; } }

@media (max-width: 451.99px) {
  html {
    font-size: 16.91px; } }

@media (max-width: 450.99px) {
  html {
    font-size: 16.88px; } }

@media (max-width: 449.99px) {
  html {
    font-size: 16.84px; } }

@media (max-width: 448.99px) {
  html {
    font-size: 16.8px; } }

@media (max-width: 447.99px) {
  html {
    font-size: 16.76px; } }

@media (max-width: 446.99px) {
  html {
    font-size: 16.73px; } }

@media (max-width: 445.99px) {
  html {
    font-size: 16.69px; } }

@media (max-width: 444.99px) {
  html {
    font-size: 16.65px; } }

@media (max-width: 443.99px) {
  html {
    font-size: 16.61px; } }

@media (max-width: 442.99px) {
  html {
    font-size: 16.58px; } }

@media (max-width: 441.99px) {
  html {
    font-size: 16.54px; } }

@media (max-width: 440.99px) {
  html {
    font-size: 16.5px; } }

@media (max-width: 439.99px) {
  html {
    font-size: 16.46px; } }

@media (max-width: 438.99px) {
  html {
    font-size: 16.43px; } }

@media (max-width: 437.99px) {
  html {
    font-size: 16.39px; } }

@media (max-width: 436.99px) {
  html {
    font-size: 16.35px; } }

@media (max-width: 435.99px) {
  html {
    font-size: 16.31px; } }

@media (max-width: 434.99px) {
  html {
    font-size: 16.27px; } }

@media (max-width: 433.99px) {
  html {
    font-size: 16.24px; } }

@media (max-width: 432.99px) {
  html {
    font-size: 16.2px; } }

@media (max-width: 431.99px) {
  html {
    font-size: 16.16px; } }

@media (max-width: 430.99px) {
  html {
    font-size: 16.13px; } }

@media (max-width: 429.99px) {
  html {
    font-size: 16.09px; } }

@media (max-width: 428.99px) {
  html {
    font-size: 16.05px; } }

@media (max-width: 427.99px) {
  html {
    font-size: 16.01px; } }

@media (max-width: 426.99px) {
  html {
    font-size: 15.98px; } }

@media (max-width: 425.99px) {
  html {
    font-size: 15.94px; } }

@media (max-width: 424.99px) {
  html {
    font-size: 15.9px; } }

@media (max-width: 423.99px) {
  html {
    font-size: 15.86px; } }

@media (max-width: 422.99px) {
  html {
    font-size: 15.83px; } }

@media (max-width: 421.99px) {
  html {
    font-size: 15.79px; } }

@media (max-width: 420.99px) {
  html {
    font-size: 15.75px; } }

@media (max-width: 419.99px) {
  html {
    font-size: 15.71px; } }

@media (max-width: 418.99px) {
  html {
    font-size: 15.68px; } }

@media (max-width: 417.99px) {
  html {
    font-size: 15.64px; } }

@media (max-width: 416.99px) {
  html {
    font-size: 15.6px; } }

@media (max-width: 415.99px) {
  html {
    font-size: 15.56px; } }

@media (max-width: 414.99px) {
  html {
    font-size: 15.53px; } }

@media (max-width: 413.99px) {
  html {
    font-size: 15.49px; } }

@media (max-width: 412.99px) {
  html {
    font-size: 15.45px; } }

@media (max-width: 411.99px) {
  html {
    font-size: 15.41px; } }

@media (max-width: 410.99px) {
  html {
    font-size: 15.38px; } }

@media (max-width: 409.99px) {
  html {
    font-size: 15.34px; } }

@media (max-width: 408.99px) {
  html {
    font-size: 15.3px; } }

@media (max-width: 407.99px) {
  html {
    font-size: 15.26px; } }

@media (max-width: 406.99px) {
  html {
    font-size: 15.23px; } }

@media (max-width: 405.99px) {
  html {
    font-size: 15.19px; } }

@media (max-width: 404.99px) {
  html {
    font-size: 15.15px; } }

@media (max-width: 403.99px) {
  html {
    font-size: 15.11px; } }

@media (max-width: 402.99px) {
  html {
    font-size: 15.08px; } }

@media (max-width: 401.99px) {
  html {
    font-size: 15.04px; } }

@media (max-width: 400.99px) {
  html {
    font-size: 15px; } }

@media (max-width: 399.99px) {
  html {
    font-size: 14.96px; } }

@media (max-width: 398.99px) {
  html {
    font-size: 14.93px; } }

@media (max-width: 397.99px) {
  html {
    font-size: 14.89px; } }

@media (max-width: 396.99px) {
  html {
    font-size: 14.85px; } }

@media (max-width: 395.99px) {
  html {
    font-size: 14.81px; } }

@media (max-width: 394.99px) {
  html {
    font-size: 14.78px; } }

@media (max-width: 393.99px) {
  html {
    font-size: 14.74px; } }

@media (max-width: 392.99px) {
  html {
    font-size: 14.7px; } }

@media (max-width: 391.99px) {
  html {
    font-size: 14.66px; } }

@media (max-width: 390.99px) {
  html {
    font-size: 14.63px; } }

@media (max-width: 389.99px) {
  html {
    font-size: 14.59px; } }

@media (max-width: 388.99px) {
  html {
    font-size: 14.55px; } }

@media (max-width: 387.99px) {
  html {
    font-size: 14.51px; } }

@media (max-width: 386.99px) {
  html {
    font-size: 14.48px; } }

@media (max-width: 385.99px) {
  html {
    font-size: 14.44px; } }

@media (max-width: 384.99px) {
  html {
    font-size: 14.4px; } }

@media (max-width: 383.99px) {
  html {
    font-size: 14.36px; } }

@media (max-width: 382.99px) {
  html {
    font-size: 14.33px; } }

@media (max-width: 381.99px) {
  html {
    font-size: 14.29px; } }

@media (max-width: 380.99px) {
  html {
    font-size: 14.25px; } }

@media (max-width: 379.99px) {
  html {
    font-size: 14.21px; } }

@media (max-width: 378.99px) {
  html {
    font-size: 14.18px; } }

@media (max-width: 377.99px) {
  html {
    font-size: 14.14px; } }

@media (max-width: 376.99px) {
  html {
    font-size: 14.1px; } }

@media (max-width: 375.99px) {
  html {
    font-size: 14.06px; } }

@media (max-width: 374.99px) {
  html {
    font-size: 14.03px; } }

@media (max-width: 373.99px) {
  html {
    font-size: 13.99px; } }

@media (max-width: 372.99px) {
  html {
    font-size: 13.95px; } }

@media (max-width: 371.99px) {
  html {
    font-size: 13.91px; } }

@media (max-width: 370.99px) {
  html {
    font-size: 13.88px; } }

@media (max-width: 369.99px) {
  html {
    font-size: 13.84px; } }

@media (max-width: 368.99px) {
  html {
    font-size: 13.8px; } }

@media (max-width: 367.99px) {
  html {
    font-size: 13.76px; } }

@media (max-width: 366.99px) {
  html {
    font-size: 13.73px; } }

@media (max-width: 365.99px) {
  html {
    font-size: 13.69px; } }

@media (max-width: 364.99px) {
  html {
    font-size: 13.65px; } }

@media (max-width: 363.99px) {
  html {
    font-size: 13.61px; } }

@media (max-width: 362.99px) {
  html {
    font-size: 13.58px; } }

@media (max-width: 361.99px) {
  html {
    font-size: 13.54px; } }

@media (max-width: 360.99px) {
  html {
    font-size: 13.5px; } }

@media (max-width: 359.99px) {
  html {
    font-size: 13.46px; } }

@media (max-width: 358.99px) {
  html {
    font-size: 13.43px; } }

@media (max-width: 357.99px) {
  html {
    font-size: 13.39px; } }

@media (max-width: 356.99px) {
  html {
    font-size: 13.35px; } }

@media (max-width: 355.99px) {
  html {
    font-size: 13.31px; } }

@media (max-width: 354.99px) {
  html {
    font-size: 13.28px; } }

@media (max-width: 353.99px) {
  html {
    font-size: 13.24px; } }

@media (max-width: 352.99px) {
  html {
    font-size: 13.2px; } }

@media (max-width: 351.99px) {
  html {
    font-size: 13.16px; } }

@media (max-width: 350.99px) {
  html {
    font-size: 13.13px; } }

@media (max-width: 349.99px) {
  html {
    font-size: 13.09px; } }

@media (max-width: 348.99px) {
  html {
    font-size: 13.05px; } }

@media (max-width: 347.99px) {
  html {
    font-size: 13.01px; } }

@media (max-width: 346.99px) {
  html {
    font-size: 12.98px; } }

@media (max-width: 345.99px) {
  html {
    font-size: 12.94px; } }

@media (max-width: 344.99px) {
  html {
    font-size: 12.9px; } }

@media (max-width: 343.99px) {
  html {
    font-size: 12.86px; } }

@media (max-width: 342.99px) {
  html {
    font-size: 12.83px; } }

@media (max-width: 341.99px) {
  html {
    font-size: 12.79px; } }

@media (max-width: 340.99px) {
  html {
    font-size: 12.75px; } }

@media (max-width: 339.99px) {
  html {
    font-size: 12.71px; } }

@media (max-width: 338.99px) {
  html {
    font-size: 12.68px; } }

@media (max-width: 337.99px) {
  html {
    font-size: 12.64px; } }

@media (max-width: 336.99px) {
  html {
    font-size: 12.6px; } }

@media (max-width: 335.99px) {
  html {
    font-size: 12.56px; } }

@media (max-width: 334.99px) {
  html {
    font-size: 12.53px; } }

@media (max-width: 333.99px) {
  html {
    font-size: 12.49px; } }

@media (max-width: 332.99px) {
  html {
    font-size: 12.45px; } }

@media (max-width: 331.99px) {
  html {
    font-size: 12.41px; } }

@media (max-width: 330.99px) {
  html {
    font-size: 12.38px; } }

@media (max-width: 329.99px) {
  html {
    font-size: 12.34px; } }

@media (max-width: 328.99px) {
  html {
    font-size: 12.3px; } }

@media (max-width: 327.99px) {
  html {
    font-size: 12.26px; } }

@media (max-width: 326.99px) {
  html {
    font-size: 12.23px; } }

@media (max-width: 325.99px) {
  html {
    font-size: 12.19px; } }

@media (max-width: 324.99px) {
  html {
    font-size: 12.15px; } }

@media (max-width: 323.99px) {
  html {
    font-size: 12.11px; } }

@media (max-width: 322.99px) {
  html {
    font-size: 12.08px; } }

@media (max-width: 321.99px) {
  html {
    font-size: 12.04px; } }

@media (max-width: 320.99px) {
  html {
    font-size: 12px; } }

button, html, input, select, textarea {
  color: #282828; }

body {
  font-size: 1em;
  line-height: 1.4;
  background: #f5f9f8;
  font-family: "Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53"; }

img {
  max-width: 100%; }

a, button, div, img, input, textarea {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  outline: 0; }

textarea {
  resize: vertical; }

.hidden {
  display: none !important;
  visibility: hidden; }

.clearfix:after, .clearfix:before {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.screen-lock body {
  width: 100%;
  height: 100%; }

.screen-lock .alert-success {
  display: block; }

::-webkit-input-placeholder {
  color: #B5B5B5; }

:-moz-placeholder {
  color: #B5B5B5; }

::-moz-placeholder {
  color: #B5B5B5; }

:-ms-input-placeholder {
  color: #B5B5B5; }

* {
  word-wrap: break-word; }

body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, html, iframe, input, li, ol, p, pre, td, textarea, th, ul {
  margin: 0;
  padding: 0; }

dl, ol, ul {
  list-style-type: none; }

address, caption, cite, code, dfn, em, th, var {
  font-style: normal;
  font-weight: 400; }

button, input, optgroup, option, select, textarea {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit; }

button, input {
  overflow: visible;
  outline: 0; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: 400; }

a {
  text-decoration: none;
  color: #333;
  -webkit-tap-highlight-color: transparent; }

a, area {
  outline: 0;
  blr: expression(this.onFocus=this.blur()); }

a:hover {
  outline: 0; }

a.ie6:hover {
  zoom: 1; }

:focus, a:active, a:focus, a:hover {
  outline: 0; }

sub, sup {
  vertical-align: baseline; }

button, input[type=button], input[type=submit] {
  line-height: normal !important; }

address, article, aside, details, figcaption, figure, footer, header, hgroup, legend, menu, nav, section {
  display: block;
  margin: 0;
  padding: 0; }

time {
  display: inline; }

audio, canvas, video {
  display: inline-block; }

audio:not([controls]) {
  display: none; }

legend {
  width: 100%;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: 40px;
  border: 0;
  border-bottom: 1px solid #e5e5e5; }

legend small {
  font-size: 15px;
  color: #999; }

svg:not(:root) {
  overflow: hidden; }

fieldset {
  padding: .35em .625em .75em;
  margin: 0 2px;
  border: 1px solid silver; }

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  height: auto; }

input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none; }

.index-container {
  margin: 0 auto;
  max-width: 1106px; }

.index .main .banner-main .job-classification .index-container, .index .main .banner-main .press-release .index-container {
  max-width: 1200px; }

.public-sharing {
  width: 1106px;
  margin: 0 auto;
  padding: 24px 0; }

.public-sharing .go-back a {
  font-size: 14px;
  color: #c7000b;
  position: relative; }

.public-sharing .go-back a:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 8px;
  height: 8px;
  border-left: 1px solid #c7000b;
  border-bottom: 1px solid #c7000b;
  -moz-transform: translateX(5px) rotate(45deg);
  -ms-transform: translateX(5px) rotate(45deg);
  -o-transform: translateX(5px) rotate(45deg);
  -webkit-transform: translateX(5px) rotate(45deg);
  transform: translateX(5px) rotate(45deg);
  margin-right: 10px; }

.public-sharing .share-btn .bshare-custom a {
  display: inline-block;
  width: 24px;
  height: 24px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
  margin-left: 10px;
  padding-left: 0;
  margin-right: 0; }

.public-sharing .share-btn .bshare-custom a:first-child {
  margin-left: 0; }

.public-sharing .share-btn .bshare-custom a.bshare-email, .public-sharing .share-btn .bshare-custom a.share-email {
  background: url(../images/campus_recruitment.png) -37px -41px no-repeat; }

.public-sharing .share-btn .bshare-custom a.bshare-facebook {
  background: url(../images/campus_recruitment.png) -127px -42px no-repeat; }

.public-sharing .share-btn .bshare-custom a.bshare-twitter {
  background: url(../images/campus_recruitment.png) -81px -41px no-repeat; }

.public-sharing .share-btn .bshare-custom a.bshare-linkedin {
  background: url(../images/campus_recruitment.png) -196px 0 no-repeat; }

.public-sharing .share-btn .bshare-custom a.bshare-gplus {
  background: url(../images/campus_recruitment.png) -109px -1px no-repeat; }

.public-sharing .share-btn .bshare-custom a.bshare-sinaminiblog {
  background: url(../images/campus_recruitment.png) -100px -85px no-repeat; }

.public-sharing .share-btn .bshare-custom a.bshare-weixin {
  background: url(../images/campus_recruitment.png) -275px -2px no-repeat; }

.public-sharing .share-btn .bshare-custom a.bshare-more {
  display: none !important; }

.public-sharing .share-btn .bshare-custom a:hover.bshare-email, .public-sharing .share-btn .bshare-custom a:hover.share-email {
  background: url(../images/campus_recruitment.png) 0 -42px no-repeat; }

.public-sharing .share-btn .bshare-custom a:hover.bshare-facebook {
  background: url(../images/campus_recruitment.png) -277px -42px no-repeat; }

.public-sharing .share-btn .bshare-custom a:hover.bshare-twitter {
  background: url(../images/campus_recruitment.png) -175px -43px no-repeat; }

.public-sharing .share-btn .bshare-custom a:hover.bshare-linkedin {
  background: url(../images/campus_recruitment.png) -151px 0 no-repeat; }

.public-sharing .share-btn .bshare-custom a:hover.bshare-gplus {
  background: url(../images/campus_recruitment.png) -236px 0 no-repeat; }

.public-sharing .share-btn .bshare-custom a:hover.bshare-sinaminiblog {
  background: url(../images/campus_recruitment.png) -61px -85px no-repeat; }

.public-sharing .share-btn .bshare-custom a:hover.bshare-weixin {
  background: url(../images/campus_recruitment.png) -224px -45px no-repeat; }

@media only screen and (max-width: 750px) {
  .public-sharing {
    display: none; } }

img {
  border: 0; }

.public-list {
  background: #fff;
  padding: 100px 0 121px; }

.public-list .list {
  width: 31.4%;
  float: left;
  margin-right: 1.898%;
  background: #fff; }

.public-list .list .list-top {
  padding: 36px 0;
  width: 276px;
  margin: 0 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.public-list .list .list-top img {
  height: 48px; }

.public-list .list .list-top span {
  margin-left: 20px;
  font-size: 24px;
  color: #282828;
  line-height: 32px;
  vertical-align: middle; }

.public-list .list .list-bottom {
  height: 354px;
  background-size: 100%; }

.public-list .list .list-bottom p {
  font-size: 24px;
  color: #fff;
  height: 200px;
  margin: 0 45px 74px 42px;
  padding-top: 33px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical; }

.public-list .list .list-bottom span {
  font-size: 18px;
  color: #fff;
  display: inline-block;
  padding-left: 41px; }

.index .main .public-banner .swiper-pagination.swiper-pagination-bullets, .index .main .public-banner .swiper-slide .banner-photo {
  display: none; }

.public-list .list .list-bottom span img {
  padding-left: 11px; }

.public-list .list:nth-child(3n) {
  margin-right: 0; }

.index .main {
  background: #fff; }

.index .main .public-banner {
  height: 540px; }

.index .main .public-banner .swiper-wrapper {
  height: 100%; }

.index .main .public-banner .swiper-slide {
  width: 100%;
  height: 100%; }

.index .main .public-banner .swiper-slide video {
  backface-visibility: hidden;
  height: 100%;
  transform: translate3d(0, 0, 0);
  transform-style: preserve-3d;
  width: 100%;
  object-fit: cover; }

@media only screen and (max-width: 1000px) {
  .index .main .public-banner .swiper-slide video {
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

.index .main .public-banner .swiper-slide .public-banner-item {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }

.index .main .public-banner .item-content {
  top: 55%; }

.index .main .public-banner .item-content h4 {
  color: #231815;
  line-height: 1.1;
  padding-bottom: 26px; }

.index .main .public-banner .item-content .line {
  width: 240px;
  height: 2px;
  background: #c7000b;
  margin: 0 auto; }

.index .main .public-banner .item-content .play-icon {
  background: url(../images/allbgs.png) -260px -1805px no-repeat;
  height: 80px;
  padding-left: 82px;
  width: 80px;
  margin: 50px auto;
  cursor: pointer; }

@media only screen and (max-width: 750px) {
  .index .main .public-banner {
    height: 23.33333rem; }
  .index .main .public-banner .swiper-slide video {
    display: none; }
  .index .main .public-banner .swiper-slide .banner-photo {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; }
  .index .main .public-banner .item-content {
    top: 50%;
    z-index: 33; }
  .index .main .public-banner .item-content h4 {
    font-size: 1.91667rem;
    color: #231815;
    line-height: 1.1;
    padding-bottom: 1.08333rem; }
  .index .main .public-banner .item-content .line {
    width: 7.91667rem;
    height: .08333rem;
    background: #c7000b;
    margin: 0 auto; }
  .index .main .public-banner .item-content .play-icon {
    width: 3.33333rem;
    height: 3.33333rem;
    background-image: url(../images/icon-play.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 3.33333rem;
    margin: 1.66667rem auto; }
  .index .main .public-banner .swiper-pagination.swiper-pagination-bullets {
    display: none; } }

.index .main .banner-main .job-classification .job-classification-item .left-bottom .look-up-post .select-warp ul, .index .main .banner-main .job-classification .job-classification-item .right-bottom .look-up-post .select-warp ul {
  top: 40px; }

.index .main .banner-main .job-classification {
  padding: 30px 0 80px; }

.index .main .banner-main .job-classification .job-classification-item {
  -moz-box-shadow: 0 10px 10px #f5f5f5;
  -webkit-box-shadow: 0 10px 10px #f5f5f5;
  box-shadow: 0 5px 8px 2px #f5f5f5;
  margin-bottom: 60px; }

.index .main .banner-main .job-classification .job-classification-item:last-child {
  margin-bottom: 0px; }

.index .main .banner-main .job-classification .job-classification-item .student {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center bottom;
  float: left;
  width: 47%;
  height: 322px; }

.index .main .banner-main .job-classification .job-classification-item .student a {
  display: block;
  width: 100%;
  height: 100%; }

.index .main .banner-main .job-classification .job-classification-item .student .h1, .index .main .banner-main .job-classification .job-classification-item .student h1 {
  color: #231815;
  font-size: 32px;
  line-height: 56px;
  display: inline-block;
  padding: 38px 0 0; }

.index .main .banner-main .job-classification .job-classification-item .student h2, .index .main .banner-main .job-classification .job-classification-item .student p {
  color: #231815;
  font-size: 16px;
  line-height: 1.1;
  padding-top: 14px; }

.index .main .banner-main .job-classification .job-classification-item .left-bottom {
  background: #fff;
  padding: 0px 50px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 208px;
  float: left;
  width: 50%; }

.index .main .banner-main .job-classification .job-classification-item .left-bottom .h1, .index .main .banner-main .job-classification .job-classification-item .left-bottom h1 {
  color: #231815;
  font-size: 32px;
  line-height: 56px;
  display: inline-block;
  padding: 38px 0 0; }

.index .main .banner-main .job-classification .job-classification-item .left-bottom h2, .index .main .banner-main .job-classification .job-classification-item .left-bottom p {
  color: #231815;
  font-size: 16px;
  line-height: 1.1;
  padding-top: 14px; }

.index .main .banner-main .job-classification .job-classification-item .left-bottom .line {
  width: 94px;
  height: 2px;
  background: #c7000b; }

.index .main .banner-main .job-classification .job-classification-item .left-bottom .look-up-post {
  height: 78px;
  margin-top: 30px; }

.index .main .banner-main .job-classification .job-classification-item .left-bottom .look-up-post a {
  display: inline-block; }

.index .main .banner-main .job-classification .job-classification-item .left-bottom .look-up-post a .look-up-button {
  font-size: 14px;
  color: #fff;
  border-radius: 3px;
  background: #c7000b;
  padding: 0 18px;
  line-height: 42px; }

.index .main .banner-main .job-classification .job-classification-item .left-bottom .look-up-post .select-warp {
  width: 73.93%;
  margin-right: 2.16%;
  float: left; }

.index .main .banner-main .job-classification .job-classification-item .left-bottom .look-up-post.clo-2 .select-warp {
  width: 35.93%; }

.index .main .banner-main .job-classification .job-classification-item .left-bottom .look-up-post .select-warp .title {
  line-height: 40px; }

.index .main .banner-main .job-classification .job-classification-item .left-bottom .bottom-title {
  padding-top: 0; }

.index .main .banner-main .job-classification .job-classification-item .left-bottom .bottom-title ul .item {
  display: inline-block;
  margin: 0 21px 0 0; }

.index .main .banner-main .job-classification .job-classification-item .left-bottom .bottom-title ul .item a {
  font-size: 14px;
  color: #231815;
  line-height: 24px;
  position: relative; }

.index .main .banner-main .job-classification .job-classification-item .left-bottom .bottom-title ul .item a:hover {
  color: #c7000b; }

.index .main .banner-main .job-classification .job-classification-item .left-bottom .bottom-title ul .item a:hover::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 100%;
  height: 1px;
  background: #c7000b; }

.index .main .banner-main .job-classification .job-classification-item .left-bottom .bottom-title.b ul .item a:hover {
  position: static;
  color: #282828;
  font-weight: 600; }

.index .main .banner-main .job-classification .job-classification-item .left-bottom .bottom-title.b ul .item a:hover:after {
  display: none; }

.index .main .banner-main .job-classification .job-classification-item .right-bottom {
  background: #fff;
  padding: 28px 40px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 208px; }

.index .main .banner-main .job-classification .job-classification-item .right-bottom .look-up-post {
  height: 108px; }

.index .main .banner-main .job-classification .job-classification-item .right-bottom .look-up-post a {
  display: inline-block; }

.index .main .banner-main .job-classification .job-classification-item .right-bottom .look-up-post a .look-up-button {
  font-size: 14px;
  color: #fff;
  border-radius: 3px;
  background: #c7000b;
  padding: 0 18px;
  line-height: 42px; }

.index .main .banner-main .job-classification .job-classification-item .right-bottom .look-up-post .select-warp {
  width: 36.79%;
  margin-right: 2.16%;
  float: left; }

.index .main .banner-main .job-classification .job-classification-item .right-bottom .look-up-post .select-warp .title {
  line-height: 40px; }

.index .main .banner-main .job-classification .job-classification-item .right-bottom .bottom-title ul .item {
  display: inline-block;
  margin: 0 21px 37px 0; }

.index .main .banner-main .job-classification .job-classification-item .right-bottom .bottom-title ul .item a {
  font-size: 14px;
  color: #282828;
  line-height: 24px; }

.index .main .banner-main .job-classification .job-classification-item .right-bottom .bottom-title ul .item a:hover {
  color: #c7000b;
  position: relative; }

.index .main .banner-main .job-classification .job-classification-item .right-bottom .bottom-title ul .item a:hover::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 100%;
  height: 1px;
  background: #c7000b; }

.index .main .banner-end, .index .main .banner-ends {
  background-position: center;
  background-repeat: no-repeat; }

.index .main .banner-main .press-release .index-container .affiche-list {
  padding-bottom: 80px; }

.index .main .banner-main .press-release .index-container .affiche-list .item {
  width: 30.58%;
  background-color: #dde6ed;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-right: 4.13%; }

.index .main .banner-main .press-release .index-container .affiche-list .item:hover .bottom .btn a span {
  transform: translateX(10px); }

.index .main .banner-main .press-release .index-container .affiche-list .item:last-child {
  margin-right: 0; }

.index .main .banner-main .press-release .index-container .affiche-list .item .top {
  width: 100%;
  height: 210px;
  position: relative; }

.index .main .banner-main .press-release .index-container .affiche-list .item .top img {
  width: 100%; }

.index .main .banner-main .press-release .index-container .affiche-list .item .top span {
  display: block;
  width: 80px;
  height: 80px;
  background-image: url(../images/index/index-news-play.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.index .main .banner-main .press-release .index-container .affiche-list .item .bottom {
  padding: 38px 38px 40px; }

.index .main .banner-main .press-release .index-container .affiche-list .item .bottom h2 {
  font-size: 16px;
  color: #595757;
  line-height: 1.1; }

.index .main .banner-main .press-release .index-container .affiche-list .item .bottom p {
  font-size: 24px;
  color: #231815;
  line-height: 34px;
  height: 166px;
  padding-top: 14px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden; }

.index .main .banner-main .press-release .index-container .affiche-list .item .bottom .btn {
  padding-top: 10px;
  font-size: 18px;
  color: #231815;
  line-height: 1.1; }

.index .main .banner-main .press-release .index-container .affiche-list .item .bottom .btn a {
  display: inline-block;
  cursor: pointer; }

.index .main .banner-main .press-release .index-container .affiche-list .item .bottom .btn a span {
  display: inline-block;
  margin-left: 18px;
  width: 8px;
  height: 14px;
  background: url(../images/allbgs.png) -76px -138px no-repeat;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-right: 0;
  -webkit-transition-duration: .1s;
  transition-duration: .1s; }

@media only screen and (max-width: 750px) {
  .index .main .banner-main .press-release .index-container {
    max-width: none; }
  .index .main .banner-main .press-release .index-container .affiche-list {
    padding-bottom: 2.08333rem; }
  .index .main .banner-main .press-release .index-container .affiche-list .item {
    width: 100%;
    background-color: #dde6ed;
    -moz-border-radius: .20833rem;
    -webkit-border-radius: .20833rem;
    border-radius: .20833rem;
    margin-right: 0;
    margin-bottom: 2.08333rem; }
  .index .main .banner-main .press-release .index-container .affiche-list .item:last-child {
    margin-right: 0; }
  .index .main .banner-main .press-release .index-container .affiche-list .item .top {
    width: 100%;
    height: 13.33333rem; }
  .index .main .banner-main .press-release .index-container .affiche-list .item .top img {
    width: 100%; }
  .index .main .banner-main .press-release .index-container .affiche-list .item .top span {
    width: 3.33333rem;
    height: 3.33333rem;
    background-size: 3.33333rem; }
  .index .main .banner-main .press-release .index-container .affiche-list .item .bottom {
    padding: 2.08333rem 1.66667rem; }
  .index .main .banner-main .press-release .index-container .affiche-list .item .bottom h2 {
    font-size: 1.16667rem;
    color: #231815;
    line-height: 1.1; }
  .index .main .banner-main .press-release .index-container .affiche-list .item .bottom p {
    font-size: 1.5rem;
    color: #231815;
    line-height: 1.41667rem;
    height: 8.33333rem;
    padding-top: 1.04167rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden; }
  .index .main .banner-main .press-release .index-container .affiche-list .item .bottom .btn {
    padding-top: .20833rem;
    font-size: 1rem;
    color: #231815;
    line-height: 1.1; }
  .index .main .banner-main .press-release .index-container .affiche-list .item .bottom .btn a {
    display: inline-block;
    background-size: .45833rem .79167rem; }
  .index .main .banner-main .press-release .index-container .affiche-list .item .bottom .btn a span {
    display: inline-block;
    margin-left: 1.16667rem;
    width: .45833rem;
    height: .79167rem;
    background-image: url(../images/index/press-release-arrows.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: .45833rem .79167rem; } }

.index .main .banner-end {
  background-size: auto 100%;
  text-align: center;
  height: 340px; }

.index .main .banner-end .index-container {
  background-size: 0;
  max-width: 1200px; }

.index .main .banner-end .end-main-now {
  overflow: hidden;
  height: 100%;
  padding-top: 82px;
  text-align: initial; }

.index .main .banner-end .end-main-now h2 {
  width: 58.93%;
  display: inline-block;
  font-size: 40px;
  line-height: 1.1;
  color: #231815;
  text-align: left;
  padding-top: 42px; }

.index .main .banner-end .end-main-now .medal-pic {
  float: left;
  margin-left: 104px;
  margin-right: 58px; }

.index .main .banner-end .end-main-now .medal-pic img {
  width: 144px;
  height: 173px;
  margin-right: 38px; }

.index .main .banner-end .end-main-now .medal-pic img:last-child {
  margin-right: 0; }

.index .main .banner-end .end-main-now a {
  display: inline-block;
  border: 1px solid #231815;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin-top: 1.16667rem; }

.index .main .banner-end .end-main-now a span {
  font-size: 14px;
  line-height: 38px;
  color: #231815;
  padding: 0 25px; }

@media only screen and (max-width: 992px) {
  .index .main .banner-end .end-main-now {
    overflow: hidden;
    height: auto;
    padding-top: 3.5rem;
    text-align: center; }
  .index .main .banner-end .end-main-now h2 {
    width: 100%;
    display: block;
    font-size: 2rem;
    line-height: 2.41667rem;
    color: #231815;
    text-align: center;
    padding-top: 0; }
  .index .main .banner-end .end-main-now .medal-pic {
    float: none;
    margin-left: 0;
    margin-right: 0;
    padding-top: .66667rem; }
  .index .main .banner-end .end-main-now .medal-pic img {
    width: 2.91667rem;
    height: 3.54167rem;
    margin-right: .83333rem; }
  .index .main .banner-end .end-main-now .medal-pic img:last-child {
    margin-right: 0; }
  .index .main .banner-end .end-main-now a {
    display: inline-block;
    border: 1px solid #231815;
    -moz-border-radius: .125rem;
    -webkit-border-radius: .125rem;
    border-radius: .125rem;
    margin-top: 1.16667rem; }
  .index .main .banner-end .end-main-now a span {
    font-size: 1rem;
    line-height: 2.83333rem;
    color: #231815;
    padding: 0 2.08333rem; } }

.index .main .banner-end .end-text {
  padding-top: 117px; }

.index .main .banner-end .end-text .h1, .index .main .banner-end .end-text h1 {
  font-size: 42px;
  line-height: 1.1;
  color: #282828; }

.index .main .banner-end .end-text h2 {
  padding-top: 11px;
  font-size: 16px;
  line-height: 1.1;
  color: #282828; }

.index .main .banner-end .end-text p {
  padding-top: 34px;
  color: #282828; }

.index .main .banner-end .end-text p a {
  font-size: 16px;
  color: #231815;
  border-right: 1px solid #282828;
  padding: 0 25px; }

.index .main .banner-end .end-text p a.huawei-contest-1 {
  padding-right: 25px;
  padding-left: 0; }

.index .main .banner-end .end-text p a:last-child {
  border: none;
  padding-left: 25px;
  padding-right: 0; }

.index .main .banner-end .end-text-zh {
  padding-top: 102px; }

.index .main .banner-end .end-text-zh h2 {
  font-size: 48px;
  line-height: 1.1;
  color: #fff; }

.index .main .banner-end .end-text-zh .banner-end-btn {
  padding-top: 42px;
  text-align: center;
  font-size: 0; }

.index .main .banner-end .end-text-zh .banner-end-btn a {
  display: inline-block; }

.index .main .banner-end .end-text-zh .banner-end-btn a span {
  display: inline-block;
  font-size: 14px;
  line-height: 38px;
  color: #fff;
  border: 1px solid #FFF;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 0 24px; }

.index .main .banner-end .end-text-zh .banner-end-btn a span.schedule {
  line-height: 40px;
  border: none;
  background-color: #c7000b;
  padding: 0 20px;
  margin-right: 40px; }

.index .main .banner-ends {
  background-size: auto 100%; }

.index .main .banner-ends .index-container .end-main-now {
  position: relative;
  height: 340px; }

.index .main .banner-ends .index-container .end-main-now a {
  position: absolute;
  left: 36px;
  bottom: 50px;
  display: block; }

.index .main .index-inform .index-container {
  max-width: 1200px; }

.index .main .index-inform .index-inform-list {
  position: relative; }

.index .main .index-inform .index-inform-list.news {
  width: 59.66%; }

.index .main .index-inform .index-inform-list.faq {
  width: 35.83%; }

.index .main .index-inform .index-inform-list.faq .item .right {
  width: 5px; }

.index .main .index-inform .index-inform-list.faq .item .right img {
  width: 100%; }

.index .main .index-inform .index-inform-list .headline, .index .main .index-inform .index-inform-list h2 {
  font-size: 34px;
  color: #282828;
  border-bottom: 1px solid #e0e0e0;
  padding: 81px 0 25px; }

.index .main .index-inform .index-inform-list .item {
  border-bottom: 1px solid #e0e0e0;
  overflow: hidden; }

.index .main .index-inform .index-inform-list .item .left {
  width: 84%;
  padding: 18px 0 17px; }

.index .main .index-inform .index-inform-list .item .left a {
  display: inline-block;
  font-size: 18px;
  color: #595757;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.index .main .index-inform .index-inform-list .item .left a:hover {
  color: #c7000b;
  text-decoration: underline; }

.index .main .index-inform .index-inform-list .item .right {
  font-size: 14px;
  color: grey;
  padding-top: 21px; }

.index .main .index-inform .index-inform-list .even-more {
  padding: 28px 0 95px;
  bottom: 0;
  left: 0; }

.index .main .index-inform .index-inform-list .even-more a {
  font-size: 18px;
  color: #231815; }

.index .main .index-inform .index-inform-list .even-more img {
  padding: 0 0 3px 7px; }

.index .main .index-inform .index-inform-list .advance {
  font-size: 34px;
  color: #282828;
  border-bottom: 1px solid #e0e0e0;
  padding: 81px 0 25px; }

.index .main .index-inform .index-inform-list .even-more2 a, .index .main .index-inform .index-inform-list div .short-item .introduction a {
  font-size: 18px;
  color: #15b0e8; }

.index .main .index-inform .index-inform-list div {
  overflow: hidden; }

.index .main .index-inform .index-inform-list div .short-item {
  border-bottom: 1px solid #e0e0e0;
  overflow: hidden;
  width: 47.44%;
  float: left;
  margin-right: 21px; }

.index .main .index-inform .index-inform-list div .short-item .introduction {
  padding: 18px 0; }

.index .main .index-inform .index-inform-list div:nth-child(even) {
  margin-right: auto; }

.index .main .index-inform .index-inform-list .even-more2 {
  padding: 28px 0 95px; }

.index .main .index-inform .index-inform-list .even-more2 img {
  padding: 0 0 6px 5px; }

@media only screen and (max-width: 992px) {
  .index .main .banner-main .job-classification .job-classification-item .left-bottom .look-up-post .select-warp ul, .index .main .banner-main .job-classification .job-classification-item .right-bottom .look-up-post .select-warp ul {
    top: 2.75rem; }
  .index-container {
    padding: 0 1.66667rem;
    max-width: none; }
  .public-list {
    background: #ecfefe;
    padding: 1.75rem 0 2.45833rem;
    overflow: hidden; }
  .public-list .list {
    width: 100%;
    float: none;
    margin-right: auto;
    margin-bottom: 1.66667rem;
    background: #fff; }
  .public-list .list .list-top {
    padding: 2.91667rem 1.66667rem;
    margin: 0;
    width: auto; }
  .public-list .list .list-top img {
    display: inline-block;
    height: 2rem; }
  .public-list .list .list-top span {
    margin-left: 1rem;
    font-size: 1.66667rem;
    color: #282828;
    line-height: 2.08333rem; }
  .public-list .list .list-bottom {
    height: 16.66667rem;
    background-size: 100%;
    width: 100%; }
  .public-list .list .list-bottom p {
    font-size: 1rem;
    color: #fff;
    height: 8.33333rem;
    margin: 0 2.16667rem 3.20833rem 1.66667rem;
    padding-top: 1.79167rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical; }
  .public-list .list .list-bottom span {
    font-size: .75rem;
    color: #fff;
    display: inline-block;
    padding-left: 1.66667rem; }
  .public-list .list .list-bottom span img {
    padding-left: .45833rem;
    height: .58333rem; }
  .public-list .active {
    margin-right: auto; }
  .index .main, .index .main .banner-main {
    background: #fff; }
  .index .main .banner-main .job-classification {
    padding: 4.16667rem 0 0; }
  .index .main .banner-main .job-classification .job-classification-item {
    -moz-box-shadow: 0 .41667rem .41667rem #f5f5f5;
    -webkit-box-shadow: 0 .41667rem .41667rem #f5f5f5;
    box-shadow: 0 .20833rem .33333rem .08333rem #f5f5f5;
    margin-bottom: 2.41667rem;
    width: 100%; }
  .index .main .banner-main .job-classification .job-classification-item:last-child {
    margin-bottom: 2.41667rem; }
  .index .main .banner-main .job-classification .job-classification-item .student {
    height: 13.375rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    float: none;
    width: 100%; }
  .index .main .banner-main .job-classification .job-classification-item .student .h1, .index .main .banner-main .job-classification .job-classification-item .student h1 {
    color: #231815;
    font-size: 1.66667rem;
    line-height: 1.1;
    display: inline-block;
    padding: 1.58333rem 0 .83333rem; }
  .index .main .banner-main .job-classification .job-classification-item .student h2, .index .main .banner-main .job-classification .job-classification-item .student p {
    color: #231815;
    font-size: 1rem;
    line-height: 1.1;
    padding-top: .83333rem; }
  .index .main .banner-main .job-classification .job-classification-item .left-bottom {
    background: #fff;
    padding: 1.91667rem 1.66667rem 2.08333rem;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    width: 100%;
    padding-top: 0; }
  .index .main .banner-main .job-classification .job-classification-item .left-bottom .look-up-post {
    height: auto; }
  .index .main .banner-main .job-classification .job-classification-item .left-bottom .look-up-post a {
    float: none;
    display: block;
    text-align: center; }
  .index .main .banner-main .job-classification .job-classification-item .left-bottom .look-up-post a .look-up-button {
    font-size: 1rem;
    color: #fff;
    -moz-border-radius: .125rem;
    -webkit-border-radius: .125rem;
    border-radius: .125rem;
    background: #c7000b;
    padding: 0;
    line-height: 2.91667rem; }
  .index .main .banner-main .job-classification .job-classification-item .left-bottom .look-up-post .select-warp {
    float: none;
    width: auto;
    margin-right: 0;
    margin-bottom: .75rem; }
  .index .main .banner-main .job-classification .job-classification-item .left-bottom .look-up-post.clo-2 .select-warp {
    width: 100%; }
  .index .main .banner-main .job-classification .job-classification-item .left-bottom .look-up-post .select-warp .title {
    line-height: 2.75rem; }
  .index .main .banner-main .job-classification .job-classification-item .left-bottom .bottom-title {
    padding-top: .83333rem; }
  .index .main .banner-main .job-classification .job-classification-item .left-bottom .bottom-title ul {
    padding-top: .41667rem; }
  .index .main .banner-main .job-classification .job-classification-item .left-bottom .bottom-title ul .item {
    width: 7.08333rem;
    display: inline-block;
    margin: 1.5rem 1.83333rem 0 0; }
  .index .main .banner-main .job-classification .job-classification-item .left-bottom .bottom-title ul .item a {
    font-size: 1.16667rem;
    color: #282828;
    line-height: 1rem;
    position: relative; }
  .index .main .banner-main .job-classification .job-classification-item .left-bottom .bottom-title ul .item a:hover {
    color: #c7000b; }
  .index .main .banner-main .job-classification .job-classification-item .left-bottom .bottom-title ul .item a:hover::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -.25rem;
    width: 100%;
    height: .04167rem;
    background: #c7000b; }
  .index .main .banner-main .job-classification .job-classification-item .right-bottom {
    background: #fff;
    padding: 1.91667rem 1.66667rem 2.08333rem;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: auto; }
  .index .main .banner-main .job-classification .job-classification-item .right-bottom .look-up-post {
    height: auto; }
  .index .main .banner-main .job-classification .job-classification-item .right-bottom .look-up-post a {
    float: none;
    display: block;
    text-align: center; }
  .index .main .banner-main .job-classification .job-classification-item .right-bottom .look-up-post a .look-up-button {
    font-size: 1rem;
    color: #fff;
    -moz-border-radius: .125rem;
    -webkit-border-radius: .125rem;
    border-radius: .125rem;
    background: #c7000b;
    padding: 0;
    line-height: 2.91667rem; }
  .index .main .banner-end, .index .main .banner-end .index-container {
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%; }
  .index .main .banner-main .job-classification .job-classification-item .right-bottom .look-up-post .select-warp {
    float: none;
    width: auto;
    margin-right: 0;
    margin-bottom: .75rem; }
  .index .main .banner-main .job-classification .job-classification-item .right-bottom .look-up-post .select-warp .title {
    line-height: 2.75rem; }
  .index .main .banner-main .job-classification .job-classification-item .right-bottom .bottom-title {
    padding-top: 1.66667rem; }
  .index .main .banner-main .job-classification .job-classification-item .right-bottom .bottom-title ul .item {
    display: inline-block;
    margin: 0 21px 0 0; }
  .index .main .banner-main .job-classification .job-classification-item .right-bottom .bottom-title ul .item a {
    font-size: 1.16667rem;
    color: #282828;
    line-height: 1.1; }
  .index .main .banner-main .job-classification .job-classification-item .right-bottom .bottom-title ul .item a:hover {
    font-weight: bolder; }
  .index .main .banner-end {
    text-align: center;
    height: 20.75rem; }
  .index .main .banner-end .index-container {
    height: 100%; }
  .index .main .banner-end .end-text {
    padding-top: 3.41667rem; }
  .index .main .banner-end .end-text .h1, .index .main .banner-end .end-text h1 {
    font-size: 1.91667rem;
    line-height: 1.1;
    color: #231815; }
  .index .main .banner-end .end-text h2 {
    padding-top: .45833rem;
    font-size: 1rem;
    color: #231815; }
  .index .main .banner-end .end-text p {
    padding-top: .83333rem;
    color: #231815; }
  .index .main .banner-end .end-text p a {
    font-size: 1rem;
    line-height: 1.83333rem;
    color: #231815;
    display: block;
    border: none;
    padding: 0; }
  .index .main .banner-end .end-text p a:last-child {
    padding-left: 0; }
  .index .main .banner-end .end-text-zh {
    padding-top: 4.25rem; }
  .index .main .banner-end .end-text-zh h2 {
    font-size: 2rem;
    line-height: 2.41667rem;
    color: #fff;
    width: 14.91667rem;
    margin: 0 auto; }
  .index .main .banner-end .end-text-zh .banner-end-btn {
    padding-top: 2rem;
    text-align: center;
    font-size: 0; }
  .index .main .banner-end .end-text-zh .banner-end-btn a {
    display: block;
    width: 10.29167rem;
    margin: 0 auto; }
  .index .main .banner-end .end-text-zh .banner-end-btn a span {
    display: block;
    font-size: 1rem;
    line-height: 2.83333rem;
    color: #fff;
    border: 1px solid #FFF;
    -moz-border-radius: .20833rem;
    -webkit-border-radius: .20833rem;
    border-radius: .20833rem;
    padding: 0 2.08333rem;
    white-space: nowrap; }
  .index .main .banner-end .end-text-zh .banner-end-btn a span.schedule {
    line-height: 2.91667rem;
    border: none;
    background-color: #c7000b;
    padding: 0;
    margin-right: 0;
    margin-bottom: .83333rem; }
  .index .main .index-inform {
    padding-bottom: 4.16667rem; }
  .index .main .index-inform .index-inform-list {
    height: auto;
    position: initial; }
  .index .main .index-inform .index-inform-list.faq, .index .main .index-inform .index-inform-list.news {
    width: 100%; }
  .index .main .index-inform .index-inform-list.faq .item {
    padding: 1.75rem 0 1.66667rem; }
  .index .main .index-inform .index-inform-list.faq .item .left {
    float: left;
    padding: 0; }
  .index .main .index-inform .index-inform-list.faq .item .left a {
    width: 20.83333rem; }
  .index .main .index-inform .index-inform-list.faq .item .right {
    width: .41667rem;
    float: right;
    padding-top: .20833rem; }
  .index .main .index-inform .index-inform-list .item .fl, .index .main .index-inform .index-inform-list .item .fr {
    float: none; }
  .index .main .index-inform .index-inform-list.faq .item .right img {
    width: 100%; }
  .index .main .index-inform .index-inform-list .headline, .index .main .index-inform .index-inform-list h2 {
    font-size: 1.66667rem;
    color: #282828;
    border-bottom: .04167rem solid #e0e0e0;
    padding: 3.33333rem 0 .95833rem; }
  .index .main .index-inform .index-inform-list .item {
    border-bottom: .04167rem solid #e0e0e0;
    overflow: hidden;
    padding: 1.75rem 0 2rem; }
  .index .main .index-inform .index-inform-list .item .left {
    padding: 0;
    width: 90%; }
  .index .main .index-inform .index-inform-list .item .left a {
    font-size: 1.33333rem;
    line-height: 1.75rem;
    color: #595757;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    display: inline-block;
    overflow: hidden; }
  .index .main .index-inform .index-inform-list .item .right {
    font-size: 1rem;
    color: grey;
    margin: 0;
    padding: 0; }
  .index .main .index-inform .index-inform-list .even-more {
    padding: 1.41667rem 0 0;
    position: initial; }
  .index .main .index-inform .index-inform-list .even-more a {
    font-size: 1rem;
    color: #231815;
    line-height: 1.41667rem; }
  .index .main .index-inform .index-inform-list .even-more img {
    padding: 0 0 .25rem .20833rem;
    height: .625rem; }
  .index .main .index-inform .index-inform-list .advance {
    font-size: 1.66667rem;
    line-height: 2.08333rem;
    color: #282828;
    border-bottom: .04167rem solid #e0e0e0;
    padding: 3.20833rem 0 .95833rem; }
  .index .main .index-inform .index-inform-list div {
    overflow: hidden; }
  .index .main .index-inform .index-inform-list div .short-item {
    border-bottom: .04167rem solid #e0e0e0;
    overflow: hidden;
    width: 100%; }
  .index .main .index-inform .index-inform-list div .short-item .introduction {
    padding: 1.45833rem 0 1.54167rem; }
  .index .main .index-inform .index-inform-list div .short-item .introduction a {
    font-size: 1.33333rem;
    line-height: 1.75rem;
    color: #15b0e8; }
  .index .main .index-inform .index-inform-list .even-more2 {
    padding: 1.66667rem 0 3.95833rem; }
  .index .main .index-inform .index-inform-list .even-more2 a {
    font-size: 1rem;
    color: #15b0e8; }
  .index .main .index-inform .index-inform-list .even-more2 img {
    padding: 0 0 .25rem .20833rem;
    height: .625rem; } }

@media only screen and (max-width: 640px) {
  .index .main .banner-ends {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat; }
  .index .main .banner-ends .index-container {
    padding: 0; }
  .index .main .banner-ends .index-container .end-main-now {
    position: relative;
    height: 20.66667rem; }
  .index .main .banner-ends .index-container .end-main-now a {
    position: absolute;
    left: 1.16667rem;
    bottom: 9.58333rem; }
  .index .main .banner-ends .index-container .end-main-now a img {
    width: 5.125rem; } }

.interview-process {
  max-width: 1050px;
  height: 900px;
  background: #fff;
  margin: 200px auto 0;
  position: relative; }

.interview-process .close {
  display: inline-block;
  width: 25px;
  height: 25px;
  overflow: hidden;
  position: absolute;
  top: 33px;
  right: 33px; }

.interview-process .close::after, .interview-process .close::before {
  position: absolute;
  content: ',';
  top: 50%;
  left: 0;
  margin-top: -1px;
  background: #222;
  width: 100%;
  height: 3px; }

.interview-process .close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg); }

.interview-process .close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg); }

.interview-process .interview-process-up {
  background: #fff; }

.interview-process .interview-process-up .interview-process-container {
  padding: 0 115px 0 100px;
  overflow: hidden; }

.interview-process .interview-process-up .interview-process-container .the-interview-notes h1 {
  font-size: 34px;
  color: #282828;
  padding-top: 8px; }

.interview-process .interview-process-up .interview-process-container .the-interview-notes .the-interview-notes-main {
  padding: 21px 0 28px; }

.interview-process .interview-process-up .interview-process-container .the-interview-notes .the-interview-notes-main p {
  font-size: 16px;
  color: #565656;
  line-height: 28px;
  padding-bottom: 12px; }

.interview-process .interview-process-down {
  background: #f9f9f9; }

.interview-process .interview-process-down .interview-process-container {
  padding: 0 115px; }

.interview-process .interview-process-down .interview-process-container .research-development {
  border-bottom: 1px solid #e1e1e1; }

.interview-process .interview-process-down .interview-process-container .research-development h1 {
  font-size: 26px;
  color: #282828;
  padding: 39px 0 25px; }

.interview-process .interview-process-down .interview-process-container .research-development .flow-path {
  overflow: hidden;
  text-align: center;
  padding-bottom: 47px; }

.interview-process .interview-process-down .interview-process-container .research-development .flow-path .research-development-list {
  max-width: 9.756%;
  float: left; }

.interview-process .interview-process-down .interview-process-container .research-development .flow-path .research-development-list p {
  font-size: 18px;
  color: #282828;
  padding-top: 14px; }

.interview-process .interview-process-down .interview-process-container .research-development .flow-path .interval {
  float: left;
  width: 8.292%;
  margin: 0 auto;
  padding-top: 3.7%; }

.interview-process .interview-process-down .interview-process-container .active {
  border-bottom: none;
  padding-bottom: 51px; }

@media only screen and (max-width: 992px) {
  .interview-process {
    max-width: none;
    height: auto;
    background: #fff;
    margin: auto auto 0;
    position: relative; }
  .interview-process .close {
    display: inline-block;
    width: 1.66667rem;
    height: 1.66667rem;
    overflow: hidden;
    position: absolute;
    top: 1.66667rem;
    right: 1.66667rem; }
  .interview-process .close::after, .interview-process .close::before {
    position: absolute;
    content: ',';
    top: 50%;
    left: 0;
    background: #222;
    width: 100%;
    height: .16667rem; }
  .interview-process .close::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg); }
  .interview-process .close::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg); }
  .interview-process .interview-process-up {
    background: #fff; }
  .interview-process .interview-process-up .interview-process-container {
    padding: 0 1.66667rem;
    overflow: hidden; }
  .interview-process .interview-process-up .interview-process-container .the-interview-notes h1 {
    font-size: 2rem;
    color: #282828;
    padding-top: 1.125rem; }
  .interview-process .interview-process-up .interview-process-container .the-interview-notes .the-interview-notes-main {
    padding: 1.45833rem 0 1.66667rem; }
  .interview-process .interview-process-up .interview-process-container .the-interview-notes .the-interview-notes-main p {
    font-size: 1rem;
    color: #565656;
    line-height: 1.41667rem;
    padding-bottom: 1rem; }
  .interview-process .interview-process-down {
    background: #f9f9f9; }
  .interview-process .interview-process-down .interview-process-container {
    padding: 0 1.66667rem; }
  .interview-process .interview-process-down .interview-process-container .research-development {
    border-bottom: .04167rem solid #e1e1e1; }
  .interview-process .interview-process-down .interview-process-container .research-development h1 {
    font-size: 1.33333rem;
    color: #282828;
    padding: 2.58333rem 0 2.25rem; }
  .interview-process .interview-process-down .interview-process-container .research-development .flow-path {
    overflow: hidden;
    text-align: center;
    padding: 0 3.54167rem .45833rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
  .interview-process .interview-process-down .interview-process-container .research-development .flow-path .research-development-list {
    max-width: 100%;
    float: none;
    padding-bottom: 2.66667rem;
    width: 40%; }
  .interview-process .interview-process-down .interview-process-container .research-development .flow-path .research-development-list a {
    display: inline-block; }
  .interview-process .interview-process-down .interview-process-container .research-development .flow-path .research-development-list a img {
    display: inline-block;
    height: 5.41667rem; }
  .interview-process .interview-process-down .interview-process-container .research-development .flow-path .research-development-list a p {
    font-size: 1rem;
    color: #282828;
    padding-top: .95833rem; }
  .interview-process .interview-process-down .interview-process-container .research-development .flow-path .interval {
    float: none;
    width: 20%;
    margin: 0 auto;
    padding-top: 2.25rem; }
  .interview-process .interview-process-down .interview-process-container .research-development .flow-path .interval img {
    height: .91667rem; }
  .interview-process .interview-process-down .interview-process-container .research-development .flow-path .active {
    display: none; }
  .interview-process .interview-process-down .interview-process-container .active {
    border-bottom: none;
    padding-bottom: .83333rem; } }

.campus-recruitment {
  background: #fff; }

.campus-recruitment .main .public-banner .public-banner-item .item-content {
  color: #231815; }

.campus-recruitment .main .recruitment-process {
  text-align: center; }

.campus-recruitment .main .recruitment-process .caption {
  padding: 90px 0 52px; }

.campus-recruitment .main .recruitment-process .caption h1 {
  font-size: 46px;
  color: #282828; }

.campus-recruitment .main .recruitment-process .flow-chart {
  overflow: hidden;
  margin: 0 auto;
  padding: 0 0 84px;
  font-size: 0;
  text-align: center;
  white-space: nowrap;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.campus-recruitment .main .recruitment-process .flow-chart .send-resume {
  width: 16.08%;
  display: inline-block;
  vertical-align: middle; }

.campus-recruitment .main .recruitment-process .flow-chart .send-resume.arrow {
  width: auto; }

.campus-recruitment .main .recruitment-process .flow-chart .send-resume.arrow img {
  width: 7px; }

.campus-recruitment .main .recruitment-process .flow-chart .send-resume img {
  width: 70px;
  height: auto; }

.campus-recruitment .main .recruitment-process .flow-chart .send-resume p {
  display: block;
  font-size: 18px;
  color: #282828;
  padding-top: 16px; }

.campus-recruitment .main .recruitment-process .flow-chart .send-resume h6 {
  display: none; }

.campus-recruitment .main .offer-help {
  background: #15b0e8; }

.campus-recruitment .main .offer-help .offer-help-top {
  padding-top: 71px;
  border-bottom: 1px solid #fff;
  padding-bottom: 60px; }

.campus-recruitment .main .offer-help .offer-help-top h1 {
  font-size: 24px;
  color: #fff; }

.campus-recruitment .main .offer-help .offer-help-top p {
  font-size: 14px;
  color: #fff;
  padding-top: 23px;
  display: inline-block; }

.campus-recruitment .main .offer-help .school-issue {
  padding: 60px 0 120px; }

.campus-recruitment .main .offer-help .school-issue .learn-more {
  margin-right: 160px; }

.campus-recruitment .main .offer-help .school-issue .learn-more h1 {
  font-size: 22px;
  color: #fff;
  line-height: 1.1; }

.campus-recruitment .main .offer-help .school-issue .learn-more p {
  font-size: 14px;
  color: #fff;
  line-height: 1.1;
  padding-top: 30px; }

.campus-recruitment .main .offer-help .school-issue .learn-more a {
  display: inline-block;
  margin-top: 24px;
  width: 180px;
  height: 42px;
  background: #fff;
  text-align: center; }

.campus-recruitment .main .offer-help .school-issue .learn-more a .learn-btn {
  display: inline-block;
  font-size: 18px;
  color: #15b0e8;
  line-height: 42px;
  padding-left: 32px;
  background: url(../images/index/school-icon10.png) left no-repeat;
  background-size: 18px 20px; }

.campus-recruitment .main .offer-help .school-issue .learn-more a .learn-btn img {
  padding-left: 10px;
  width: 8px; }

.campus-recruitment .main .offer-help .school-issue .left h1 {
  font-size: 22px;
  color: #fff;
  line-height: 1.1; }

.campus-recruitment .main .offer-help .school-issue .left .item {
  padding-top: 30px; }

.campus-recruitment .main .offer-help .school-issue .left .item a {
  display: inline-block;
  margin-right: 64px; }

.campus-recruitment .main .offer-help .school-issue .left .item a:hover .school-icon {
  background-position-y: -12px;
  background-position-x: center;
  background-size: 28px;
  background-color: #FFF;
  background-repeat: no-repeat; }

.campus-recruitment .main .offer-help .school-issue .left .item a .school-icon {
  width: 52px;
  height: 52px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-position-y: 14px;
  background-position-x: center;
  background-size: 28px;
  background-repeat: no-repeat; }

.campus-recruitment .main .offer-help .school-issue .left .item a .school-icon.active {
  background-position-y: -12px;
  background-position-x: center;
  background-size: 28px;
  background-color: #FFF;
  background-repeat: no-repeat; }

.campus-recruitment .main .offer-help .school-issue .left .item a .must-see {
  color: #fff;
  padding-top: 12px;
  font-size: 14px;
  line-height: 1.1;
  text-align: center; }

.campus-recruitment .main .offer-help .school-issue .right {
  color: #fff;
  font-size: 16px;
  line-height: 1.1;
  margin-left: 76px; }

.campus-recruitment .main .offer-help .school-issue .right .erweima {
  margin-top: 20px;
  width: 90px;
  height: 90px;
  background: url(../images/index/qrcode-huawei.png) center no-repeat;
  background-size: cover; }

.campus-recruitment .main .social-recruitment-swiper .swiper-pagination {
  bottom: 15px;
  z-index: 9999; }

.campus-recruitment .main .social-recruitment-swiper .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px; }

.campus-recruitment .campus-faq {
  background: #f8f8f8; }

.campus-recruitment .campus-faq .warp {
  width: 1106px;
  margin: 0 auto; }

.campus-recruitment .campus-faq .warp h2, .campus-recruitment .campus-faq .warp h5 {
  padding-top: 50px;
  color: #231815;
  font-size: 20px;
  line-height: 1.1; }

.campus-recruitment .campus-faq .warp .faq-list {
  padding-top: 30px;
  padding-bottom: 50px; }

.campus-recruitment .campus-faq .warp .faq-list .item {
  margin-right: 46px; }

.campus-recruitment .campus-faq .warp .faq-list .item:hover span {
  color: #c7100b; }

.campus-recruitment .campus-faq .warp .faq-list .item span {
  display: inline-block;
  min-width: 80px;
  color: #231815;
  font-size: 18px;
  line-height: 38px;
  padding-left: 44px;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 37px; }

@media only screen and (max-width: 992px) {
  .campus-recruitment {
    background: #fff; }
  .campus-recruitment .main .recruitment-process {
    text-align: center; }
  .campus-recruitment .main .recruitment-process .caption {
    padding: 3.75rem 0 2.125rem; }
  .campus-recruitment .main .recruitment-process .caption h1 {
    font-size: 1.91667rem;
    color: #282828; }
  .campus-recruitment .main .recruitment-process .flow-chart {
    overflow: hidden;
    margin: 0 auto;
    padding: 0 0 .83333rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center; }
  .campus-recruitment .main .recruitment-process .flow-chart .send-resume {
    float: none;
    width: 6.66667rem;
    height: 6.83333rem;
    padding-bottom: .66667rem; }
  .campus-recruitment .main .recruitment-process .flow-chart .send-resume.arrow {
    width: 1.25rem; }
  .campus-recruitment .main .recruitment-process .flow-chart .send-resume.arrow img {
    display: block;
    width: .33333rem;
    padding-top: 1.25rem; }
  .campus-recruitment .main .recruitment-process .flow-chart .send-resume p, .campus-recruitment .main .recruitment-process .flow-chart .send-resume.arrow:nth-child(3n) {
    display: none; }
  .campus-recruitment .main .recruitment-process .flow-chart .send-resume img {
    width: 2.91667rem; }
  .campus-recruitment .main .recruitment-process .flow-chart .send-resume h6 {
    display: block;
    font-size: 1rem;
    color: #282828;
    padding-top: .70833rem; }
  .campus-recruitment .main .recruitment-process .flow-chart .active {
    display: none; }
  .campus-recruitment .main .offer-help {
    background: #15b0e8; }
  .campus-recruitment .main .offer-help .offer-help-top {
    padding-top: 2.91667rem;
    border-bottom: .04167rem solid #fff;
    padding-bottom: 2.33333rem; }
  .campus-recruitment .main .offer-help .offer-help-top h1 {
    font-size: 1.66667rem;
    color: #fff; }
  .campus-recruitment .main .offer-help .offer-help-top p {
    font-size: 1rem;
    color: #fff;
    padding-top: 1.08333rem; }
  .campus-recruitment .main .offer-help .school-issue {
    padding: 3.33333rem 0 4.16667rem; }
  .campus-recruitment .main .offer-help .school-issue .learn-more {
    margin-right: 0;
    float: none; }
  .campus-recruitment .main .offer-help .school-issue .learn-more h1 {
    font-size: 1.33333rem;
    color: #fff;
    line-height: 1.1; }
  .campus-recruitment .main .offer-help .school-issue .learn-more p {
    font-size: 1rem;
    color: #fff;
    line-height: 1.5rem;
    padding-top: 1.66667rem; }
  .campus-recruitment .main .offer-help .school-issue .learn-more a {
    display: inline-block;
    margin-top: 1.41667rem;
    width: 9.91667rem;
    height: 2.91667rem;
    background: #fff;
    text-align: center; }
  .campus-recruitment .main .offer-help .school-issue .learn-more a .learn-btn {
    display: inline-block;
    font-size: 1rem;
    color: #15b0e8;
    line-height: 2.91667rem;
    padding-left: 1.75rem;
    background: url(../images/index/school-icon10.png) left no-repeat;
    background-size: .95833rem 1.16667rem; }
  .campus-recruitment .main .offer-help .school-issue .learn-more a .learn-btn img {
    padding-left: .08333rem;
    width: .41667rem; }
  .campus-recruitment .main .offer-help .school-issue .left {
    float: none; }
  .campus-recruitment .main .offer-help .school-issue .left h1 {
    font-size: 1.33333rem;
    color: #fff;
    line-height: 1.1; }
  .campus-recruitment .main .offer-help .school-issue .left .item {
    padding-top: 1.66667rem; }
  .campus-recruitment .main .offer-help .school-issue .left .item a {
    display: inline-block;
    margin-right: 1.33333rem;
    width: 4.58333rem; }
  .campus-recruitment .main .offer-help .school-issue .left .item a:last-child {
    margin-right: 0; }
  .campus-recruitment .main .offer-help .school-issue .left .item a:hover .school-icon {
    background-position-y: top;
    background-position-x: center;
    background-size: 2.5rem;
    background-repeat: no-repeat;
    background-color: transparent; }
  .campus-recruitment .main .offer-help .school-issue .left .item a .school-icon {
    text-align: center;
    width: 4.58333rem;
    height: 2.5rem;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-position-y: top;
    background-position-x: center;
    background-size: 2.5rem;
    background-repeat: no-repeat; }
  .campus-recruitment .main .offer-help .school-issue .left .item a .must-see {
    color: #fff;
    padding-top: 1.41667rem;
    font-size: 1rem;
    line-height: 1.1;
    text-align: center; }
  .campus-recruitment .main .offer-help .school-issue .right {
    float: none;
    color: #fff;
    font-size: 1.33333rem;
    line-height: 1.1;
    padding-top: 3.33333rem;
    margin-left: 0; }
  .campus-recruitment .main .offer-help .school-issue .right .erweima {
    margin-top: 1.25rem;
    width: 5.08333rem;
    height: 5.08333rem;
    background: url(../images/index/qrcode-huawei.png) center no-repeat;
    background-size: cover; }
  .campus-recruitment .campus-faq {
    padding: 0 1.66667rem; }
  .campus-recruitment .campus-faq .warp {
    width: auto; }
  .campus-recruitment .campus-faq .warp h2, .campus-recruitment .campus-faq .warp h5 {
    padding-top: 3.33333rem;
    font-size: 1.33333rem; }
  .campus-recruitment .campus-faq .warp .faq-list {
    padding-top: 1.75rem;
    padding-bottom: 4.16667rem; }
  .campus-recruitment .campus-faq .warp .faq-list .item {
    margin-right: 1.75rem; }
  .campus-recruitment .campus-faq .warp .faq-list .item:last-child {
    margin-right: 0; }
  .campus-recruitment .campus-faq .warp .faq-list .item span {
    display: inline-block;
    width: 4.5rem;
    color: #231815;
    font-size: 1rem;
    line-height: 1.1;
    padding-left: 0;
    padding-top: 3.95833rem;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 2.91667rem;
    text-align: center; }
  .campus-recruitment .main .social-recruitment-swiper .swiper-pagination {
    display: none; } }

.press-release .main .news-bulletin-item {
  border-bottom: 1px solid #ebebeb;
  padding: 25px 0; }

.press-release .main .news-bulletin-item .title-panel {
  float: left;
  font-size: 20px;
  color: #282828; }

.press-release .main .news-bulletin-item .new {
  float: left;
  background: #c7000b;
  border-radius: 3px;
  font-size: 12px;
  color: #fff;
  padding: 1px 6px 2px 4px;
  margin: 4px 0 0 20px; }

.press-release .main .news-bulletin-item .hot-topic {
  float: left;
  background: #c7000b;
  border-radius: 3px;
  font-size: 12px;
  color: #fff;
  padding: 2px 8px 3px 9px;
  margin: 4px 0 0 20px; }

.press-release .main .news-bulletin-item .active {
  display: none; }

.press-release .main .news-bulletin-item span {
  float: right;
  font-size: 14px;
  color: grey;
  padding-top: 4px; }

.press-release .main .news-bulletin-list {
  background: #fff;
  padding: 68px 0 109px; }

.press-release .main .news-bulletin-list .news-bulletin-list-header {
  font-size: 42px;
  line-height: 52px;
  color: #282828; }

.press-release .main .news-bulletin-list .news-bulletin-list-history {
  border-bottom: 1px solid #ebebeb;
  padding: 62px 0 17px; }

.press-release .main .news-bulletin-list .news-bulletin-list-history h6 {
  font-size: 28px;
  color: grey;
  padding-bottom: 36px; }

.press-release .main .news-bulletin-list .news-bulletin-list-history .number-branches {
  float: left;
  font-size: 14px;
  color: #282828; }

.press-release .main .news-bulletin-list .news-bulletin-list-history .number-branches a {
  color: #c7000b; }

.press-release .main .news-bulletin-list .news-bulletin-list-history .right {
  float: right; }

.press-release .main .news-bulletin-list .news-bulletin-list-history .right .text {
  float: left;
  font-size: 14px; }

.press-release .main .news-bulletin-list .news-bulletin-list-history .right .text .triquetrous {
  float: right;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 3px;
  border-color: #282828 #fff #fff;
  margin: 9px 0 0 5px; }

.press-release .main .news-bulletin-list .news-bulletin-list-history .right .text select {
  border: none; }

.press-release .main .news-bulletin-list .page-footer {
  padding-top: 38px; }

.press-release .main .news-bulletin-list .page-footer .number-branches {
  float: left;
  font-size: 14px;
  color: #282828;
  padding-top: 14px; }

.press-release .main .news-bulletin-list .page-footer .number-branches a {
  color: #c7000b; }

.press-release .main .news-bulletin-list .page-footer .page-up-down {
  float: right; }

.press-release .main .news-bulletin-list .page-footer .page-up-down a {
  display: inline-block;
  font-size: 14px;
  color: #282828;
  border: 1px solid #282828;
  border-radius: 3px;
  padding: 10px 31px 13px;
  margin-left: 10px; }

.press-release .main .news-bulletin-list .page-footer .page-up-down a:hover {
  color: #c7000b;
  border-color: #c7000b; }

@media only screen and (max-width: 992px) {
  .press-release .main .news-bulletin-item {
    border-bottom: .04167rem solid #ebebeb;
    padding: 1.875rem 0 1.79167rem; }
  .press-release .main .news-bulletin-item .title-panel {
    float: none;
    font-size: 1.33333rem;
    color: #282828; }
  .press-release .main .news-bulletin-item .hot-topic, .press-release .main .news-bulletin-item .new {
    display: inline-block;
    border-radius: .125rem;
    font-size: .66667rem;
    color: #fff;
    margin: .5rem 0 0;
    float: none; }
  .press-release .main .news-bulletin-item .new {
    padding: .08333rem .45833rem; }
  .press-release .main .news-bulletin-item .hot-topic {
    padding: .08333rem .45833rem .125rem .41667rem; }
  .press-release .main .news-bulletin-item .active {
    display: none; }
  .press-release .main .news-bulletin-item span {
    display: block;
    float: none;
    font-size: 1rem;
    color: grey;
    padding-top: .91667rem; }
  .press-release .main .news-bulletin-list {
    background: #fff;
    padding: 2.625rem 0 4.08333rem; }
  .press-release .main .news-bulletin-list .news-bulletin-list-header {
    font-size: 1.75rem;
    line-height: 2.16667rem;
    color: #282828; }
  .press-release .main .news-bulletin-list .news-bulletin-list-history {
    border-bottom: .04167rem solid #ebebeb;
    padding: 3.41667rem 0 1.16667rem; }
  .press-release .main .news-bulletin-list .news-bulletin-list-history h6 {
    font-size: 1.33333rem;
    color: grey;
    padding-bottom: 1.625rem; }
  .press-release .main .news-bulletin-list .news-bulletin-list-history .number-branches {
    float: none;
    font-size: 1rem;
    color: #282828; }
  .press-release .main .news-bulletin-list .news-bulletin-list-history .number-branches a {
    color: #c7000b; }
  .press-release .main .news-bulletin-list .news-bulletin-list-history .right {
    display: none; }
  .press-release .main .news-bulletin-list .page-footer {
    padding-top: 1.41667rem;
    padding-bottom: .83333rem; }
  .press-release .main .news-bulletin-list .page-footer .number-branches {
    float: none;
    font-size: 1rem;
    color: #282828;
    padding-bottom: 2.04167rem; }
  .press-release .main .news-bulletin-list .page-footer .number-branches a {
    color: #c7000b; }
  .press-release .main .news-bulletin-list .page-footer .page-up-down {
    float: none; }
  .press-release .main .news-bulletin-list .page-footer .page-up-down a {
    font-size: 1rem;
    color: #282828;
    border: .04167rem solid #282828;
    -moz-border-radius: .125rem;
    -webkit-border-radius: .125rem;
    border-radius: .125rem;
    padding: 0 2.08333rem;
    margin-left: 0;
    margin-right: .33333rem;
    line-height: 2.75rem; } }

.work-domain .main .work-domain-group {
  background: #ecfefe;
  padding: 100px 0 40px; }

.work-domain .main .work-domain-group .group-list {
  width: 31.82%;
  margin: 0 1.537% 60px 0;
  display: inline-block; }

.work-domain .main .work-domain-group .group-list .work-domain-container {
  border: 1px solid #f0f6f6;
  border-bottom: 0;
  background: #fff;
  padding: 0 30px; }

.work-domain .main .work-domain-group .group-list .work-domain-container .top {
  font-size: 24px;
  color: #15b0e8;
  border-bottom: 1px solid #ebebeb;
  padding: 42px 0 36px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.work-domain .main .work-domain-group .group-list .work-domain-container .middle {
  font-size: 16px;
  color: #282828;
  line-height: 26px;
  height: 268px;
  padding-top: 25px; }

.work-domain .main .work-domain-group .group-list .work-domain-container .middle p {
  max-height: 230px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical; }

.work-domain .main .work-domain-group .group-list a {
  display: inline-block;
  width: 100%; }

.work-domain .main .work-domain-group .group-list a .list-bottom {
  background: #15b0e8;
  color: #fff;
  font-size: 18px;
  text-align: center;
  padding: 9px 0; }

.work-domain .main .work-domain-group .group-list:nth-child(3n) {
  margin-right: 0; }

@media only screen and (max-width: 992px) {
  .work-domain .main .work-domain-group {
    background: #ecfefe;
    padding: 3.33333rem 0 2.70833rem; }
  .work-domain .main .work-domain-group .group-list {
    width: auto;
    margin: 0 0 1.45833rem;
    display: block; }
  .work-domain .main .work-domain-group .group-list .work-domain-container {
    border: .04167rem solid #f0f6f6;
    border-bottom: 0;
    background: #fff;
    padding: 0 1.25rem; }
  .work-domain .main .work-domain-group .group-list .work-domain-container .top {
    font-size: 1.66667rem;
    color: #15b0e8;
    border-bottom: .04167rem solid #ebebeb;
    padding: 1.70833rem 0 1.41667rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .work-domain .main .work-domain-group .group-list .work-domain-container .middle {
    font-size: 1rem;
    color: #282828;
    line-height: 1.58333rem;
    height: auto;
    padding-top: 1.25rem;
    padding-bottom: 1.5rem; }
  .work-domain .main .work-domain-group .group-list .work-domain-container .middle p {
    max-height: none;
    overflow: auto;
    display: block; }
  .work-domain .main .work-domain-group .group-list .list-bottom {
    background: #15b0e8;
    color: #fff;
    font-size: 1rem;
    text-align: center;
    padding: .83333rem 0; } }

.work-place .country {
  background: #ecfefe;
  padding: 48px 0 40px; }

.work-place .country .country-tag {
  font-size: 0;
  padding-bottom: 18px; }

.work-place .country .country-tag a {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  color: grey;
  border: 1px solid grey;
  line-height: 36px;
  padding: 0 18px;
  margin: 0 20px 20px 0; }

.work-place .country .country-tag a.active, .work-place .country .country-tag a:hover {
  color: #15b0e8;
  border-color: #15b0e8; }

.work-place .country .select-warp {
  display: none; }

.work-place .country .list {
  overflow: hidden; }

.work-place .country .list .country-table {
  width: 31.826%;
  float: left;
  margin: 0 2.262% 60px 0; }

.work-place .country .list .country-table .top img {
  height: 200px;
  display: block;
  background: url(../images/index/localized2.png) center no-repeat; }

.work-place .country .list .country-table .details {
  height: 260px;
  background: #fff;
  border: 1px solid #f0f6f6;
  border-top: 0;
  border-bottom: 0;
  padding: 0 30px; }

.work-place .country .list .country-table .details .address {
  border-bottom: 1px solid #ebebeb;
  padding: 30px 0 24px; }

.work-place .country .list .country-table .details .address h1 {
  font-size: 24px;
  color: #15b0e8; }

.work-place .country .list .country-table .details .address .orientation {
  padding-top: 11px; }

.work-place .country .list .country-table .details .address .orientation img {
  width: 12px;
  height: 16px; }

.work-place .country .list .country-table .details .address .orientation p {
  display: inline-block;
  font-size: 14px;
  color: grey; }

.work-place .country .list .country-table .details .category {
  padding-top: 49px; }

.work-place .country .list .country-table .details .category .sort {
  font-size: 18px;
  color: #15b0e8;
  line-height: 32px; }

.work-place .country .list .country-table .details .category .sort i {
  display: inline-block;
  height: 16px;
  width: 1px;
  background: #d8ebeb;
  margin: 0 20px; }

.work-place .country .list .country-table a {
  display: inline-block;
  width: 100%; }

.work-place .country .list .country-table a .particulars {
  font-size: 18px;
  color: #fff;
  line-height: 42px;
  text-align: center;
  background: #15b0e8; }

.work-place .country .list .country-table:nth-child(3n) {
  margin: 0 0 60px; }

@media only screen and (max-width: 992px) {
  .work-place .country {
    background: #ecfefe;
    padding: 2.91667rem 0 2.70833rem; }
  .work-place .country .country-tag {
    display: none; }
  .work-place .country .select-warp {
    display: block; }
  .work-place .country .list {
    padding-top: 70px; }
  .work-place .country .list .country-table {
    width: auto;
    float: none;
    margin: 0 0 1.45833rem; }
  .work-place .country .list .country-table .top img {
    width: 100%;
    height: 13.25rem; }
  .work-place .country .list .country-table .details {
    height: 13.16667rem;
    background: #fff;
    border: .04167rem solid #f0f6f6;
    border-top: 0;
    border-bottom: 0;
    padding: 0 1.25rem; }
  .work-place .country .list .country-table .details .address {
    border-bottom: .04167rem solid #ebebeb;
    padding: 1.66667rem 0 1.5rem; }
  .work-place .country .list .country-table .details .address h1 {
    font-size: 1.66667rem;
    color: #15b0e8; }
  .work-place .country .list .country-table .details .address .orientation {
    padding-top: .25rem; }
  .work-place .country .list .country-table .details .address .orientation img {
    width: .625rem;
    height: .875rem; }
  .work-place .country .list .country-table .details .address .orientation p {
    display: inline-block;
    font-size: 1rem;
    color: grey; }
  .work-place .country .list .country-table .details .category {
    padding-top: 1.41667rem; }
  .work-place .country .list .country-table .details .category .sort {
    font-size: 1rem;
    color: #15b0e8;
    line-height: 1.58333rem; }
  .work-place .country .list .country-table .details .category .sort i {
    display: inline-block;
    height: .66667rem;
    width: .04167rem;
    background: #d8ebeb;
    margin: 0 .83333rem; }
  .work-place .country .list .country-table .particulars {
    font-size: 1rem;
    color: #fff;
    line-height: 2.91667rem;
    text-align: center;
    background: #15b0e8; }
  .work-place .country .list .country-table:nth-child(3n) {
    margin: 0 0 1.45833rem; } }

.school-recruit .main .public-banner {
  height: 250px; }

.school-recruit .main .public-banner .public-banner-item-m {
  display: none; }

.school-recruit .main .public-banner .public-banner-item {
  height: 100%;
  background-repeat: no-repeat; }

.school-recruit .main .public-banner .public-banner-item .box {
  width: 1106px;
  height: 100%;
  margin: 0 auto;
  position: relative; }

.school-recruit .main .public-banner .public-banner-item .box .item-content {
  position: absolute;
  top: 45%;
  left: 0;
  transform: translateY(-50%); }

.school-recruit .main .public-banner .public-banner-item .box .item-content h4 {
  font-size: 40px;
  color: #231815;
  line-height: 1.1;
  text-align: left;
  padding-bottom: 20px; }

.school-recruit .main .public-banner .public-banner-item .box .item-content p {
  font-size: 18px;
  color: #231815;
  line-height: 1.1;
  text-align: left;
  padding: 0; }

.school-recruit .main .public-banner .public-banner-item .btn a {
  padding: 0 32px;
  font-size: 16px; }

.school-recruit .main .public-banner .public-banner-item .bottom-text {
  font-size: 18px;
  color: #fefefe;
  margin-top: 10px; }

.school-recruit .main .public-banner .public-banner-item .bottom-text i {
  display: inline-block;
  height: 16px;
  width: 1px;
  background: #fff;
  vertical-align: middle;
  margin: 0 20px; }

.school-recruit .main .post-explain {
  padding: 0; }

.school-recruit .main .post-explain .job-description {
  border-bottom: 1px solid #ebebeb;
  padding: 57px 0 64px; }

.school-recruit .main .post-explain .job-description h1 {
  font-size: 34px;
  color: #282828; }

.school-recruit .main .post-explain .job-description p {
  font-size: 16px;
  line-height: 1.5;
  color: #282828;
  padding-top: 30px; }

.school-recruit .main .post-explain .job-description:last-child {
  border-bottom: 0; }

.school-recruit .main .department-apply h1 {
  font-size: 34px;
  color: #282828;
  line-height: 1.1;
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 30px; }

.school-recruit .main .department-apply .finance-economics {
  padding: 33px 0 38px;
  border-bottom: 1px solid #ebebeb; }

.school-recruit .main .department-apply .finance-economics .not-already .title {
  font-size: 20px;
  color: #282828; }

.school-recruit .main .department-apply .finance-economics .not-already .title .txt {
  margin-left: 4px; }

.school-recruit .main .department-apply .finance-economics .illustrate {
  padding-left: 4px; }

.school-recruit .main .department-apply .finance-economics .illustrate .text {
  font-size: 16px;
  color: #282828;
  padding-top: 20px; }

.school-recruit .main .department-apply .finance-economics .illustrate p {
  font-size: 16px;
  color: #15b0e8;
  padding-top: 34px; }

.school-recruit .main .department-apply .finance-economics .illustrate .there {
  padding-top: 13px; }

.school-recruit .main .department-apply .finance-economics .illustrate .there i {
  display: inline-block;
  height: 16px;
  width: 1px;
  background: #282828;
  vertical-align: middle;
  margin: 0 20px; }

.school-recruit .main .department-apply .finance-economics .illustrate.active {
  display: none; }

.school-recruit .main .department-apply .bottom {
  padding: 40px 0 100px; }

.school-recruit .main .department-apply .bottom .btn-claimer a {
  display: inline-block; }

.school-recruit .main .department-apply .bottom .btn-claimer a .claimer {
  display: inline-block;
  font-size: 16px;
  color: #fff;
  line-height: 42px;
  padding: 0 40px;
  background: #c7000b;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin-left: 5px; }

.school-recruit .main .department-apply .bottom .but-collect a {
  display: inline-block; }

.school-recruit .main .department-apply .bottom .but-collect a .led {
  display: inline-block;
  font-size: 16px;
  color: #fff;
  line-height: 42px;
  padding: 0 40px;
  background: #007ab7;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }

@media only screen and (max-width: 992px) {
  .school-recruit .main .department-apply .bottom .btn-claimer, .school-recruit .main .department-apply .bottom .but-collect {
    float: none; }
  .school-recruit .main .public-banner {
    height: 15.41667rem; }
  .school-recruit .main .public-banner .public-banner-item {
    display: none; }
  .school-recruit .main .public-banner .public-banner-item-m {
    display: block;
    height: 20.83333rem;
    padding: 0 1.66667rem;
    background-size: cover !important; }
  .school-recruit .main .public-banner .public-banner-item-m .box {
    width: auto; }
  .school-recruit .main .public-banner .public-banner-item-m .box .item-content {
    padding-top: 3.75rem; }
  .school-recruit .main .public-banner .public-banner-item-m .box .item-content h4 {
    font-size: 1.66667rem;
    color: #231815;
    line-height: 1.1;
    text-align: left;
    padding-bottom: .83333rem;
    width: auto; }
  .school-recruit .main .public-banner .public-banner-item-m .box .item-content p {
    font-size: 1rem;
    color: #231815;
    line-height: 1.3;
    text-align: left;
    padding: 0;
    width: auto; }
  .school-recruit .main .public-banner .public-banner-item-m h4 {
    font-size: 1.75rem; }
  .school-recruit .main .public-banner .public-banner-item-m .btn a {
    display: inline-block;
    font-size: 1rem;
    width: auto;
    padding: 0 50px; }
  .school-recruit .main .public-banner .public-banner-item-m .bottom-text {
    font-size: 1rem;
    color: #fefefe;
    margin-top: 1.75rem; }
  .school-recruit .main .department-apply .finance-economics .illustrate .there i, .school-recruit .main .public-banner .public-banner-item-m .bottom-text i {
    height: .66667rem;
    margin: 0 .83333rem; }
  .school-recruit .main .post-explain {
    padding: .83333rem 0 .91667rem; }
  .school-recruit .main .post-explain .job-description {
    border-bottom: .04167rem solid #ebebeb;
    padding: 2rem 0 2.29167rem; }
  .school-recruit .main .post-explain .job-description h1 {
    font-size: 1.66667rem;
    color: #282828; }
  .school-recruit .main .post-explain .job-description p {
    font-size: 1rem;
    color: #282828;
    padding-top: .91667rem; }
  .school-recruit .main .post-explain .job-description:last-child {
    border-bottom: 0; }
  .school-recruit .main .department-apply h1 {
    font-size: 1.75rem;
    color: #282828;
    line-height: 3rem;
    border-bottom: .04167rem solid #ebebeb;
    padding-bottom: 46px; }
  .school-recruit .main .department-apply .finance-economics {
    padding: 1.75rem 0 1.75rem 1.58333rem;
    border-bottom: .04167rem solid #ebebeb; }
  .school-recruit .main .department-apply .finance-economics .not-already .title {
    font-size: 1.33333rem;
    color: #282828; }
  .school-recruit .main .department-apply .finance-economics .illustrate .text {
    font-size: 1rem;
    color: #282828;
    padding-top: .66667rem; }
  .school-recruit .main .department-apply .finance-economics .illustrate p {
    font-size: 1rem;
    color: #15b0e8;
    padding-top: 1.41667rem; }
  .school-recruit .main .department-apply .finance-economics .illustrate .there {
    padding-top: .41667rem; }
  .school-recruit .main .department-apply .bottom {
    padding: .83333rem 0 4.16667rem; }
  .school-recruit .main .department-apply .bottom .btn-claimer a {
    display: block; }
  .school-recruit .main .department-apply .bottom .btn-claimer a .claimer {
    display: block;
    font-size: 1rem;
    color: #fff;
    line-height: 2.91667rem;
    text-align: center;
    padding: 0;
    -moz-border-radius: .125rem;
    -webkit-border-radius: .125rem;
    border-radius: .125rem;
    margin-top: 1.25rem;
    margin-left: 0; }
  .school-recruit .main .department-apply .bottom .but-collect a {
    display: block; }
  .school-recruit .main .department-apply .bottom .but-collect a .led {
    display: block;
    font-size: 1rem;
    color: #fff;
    line-height: 2.91667rem;
    text-align: center;
    padding: 0;
    background: #007ab7;
    -moz-border-radius: .125rem;
    -webkit-border-radius: .125rem;
    border-radius: .125rem;
    margin-top: 1.25rem; } }

.grow-up .main {
  background: #fff; }

.grow-up .main .public-banner {
  height: 460px; }

.grow-up .main .public-banner .public-banner-item-m {
  display: none; }

.grow-up .main .public-banner .public-banner-item {
  height: 100%; }

.grow-up .main .public-banner .public-banner-item .box {
  width: 1106px;
  height: 100%;
  margin: 0 auto;
  position: relative; }

.grow-up .main .public-banner .public-banner-item .box .item-content {
  position: absolute;
  top: 45%;
  left: 0;
  transform: translateY(-50%); }

.grow-up .main .public-banner .public-banner-item .box .item-content h4 {
  font-size: 60px;
  color: #231815;
  line-height: 1.1;
  text-align: left;
  padding-bottom: 20px;
  width: 558px; }

.grow-up .main .public-banner .public-banner-item .box .item-content p {
  font-size: 18px;
  color: #231815;
  line-height: 1.3;
  text-align: left;
  padding: 0;
  width: 528px; }

.grow-up .main .public-list {
  padding: 80px 0 0;
  overflow: hidden; }

.grow-up .main .public-list .list {
  width: 22.9%;
  height: 370px;
  float: left;
  margin-right: 1.989%;
  background: #fff; }

.grow-up .main .public-list .list .list-top {
  padding: 30px 0;
  width: 210px;
  margin: 0 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.grow-up .main .public-list .list .list-top img {
  height: 48px; }

.grow-up .main .public-list .list .list-top span {
  margin-left: 20px;
  font-size: 18px;
  color: #282828;
  line-height: 48px;
  vertical-align: middle; }

.grow-up .main .public-list .list .list-bottom {
  height: 260px;
  background-size: 100%; }

.grow-up .main .public-list .list .list-bottom p {
  font-size: 18px;
  color: #fff;
  height: 175px;
  margin: 0 26px;
  padding-top: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical; }

.grow-up .main .public-list .list .list-bottom span {
  font-size: 18px;
  color: #fff;
  display: inline-block;
  padding: 6px 0 0 25px; }

.grow-up .main .public-list .list .list-bottom span img {
  padding-left: 10px; }

.grow-up .main .public-list .list:nth-child(4n) {
  margin-right: 0; }

.grow-up .main .employee-menu {
  width: 1106px;
  margin: 0 auto;
  padding-top: 80px; }

.grow-up .main .employee-menu .menu-item {
  width: 49%;
  height: 402px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin: 0 22px 18px 0;
  position: relative;
  overflow: hidden; }

.grow-up .main .employee-menu .menu-item:hover .box p {
  transform: translate(0, 0); }

.grow-up .main .employee-menu .menu-item:nth-child(2n) {
  margin-right: 0; }

.grow-up .main .employee-menu .menu-item a {
  display: inline-block;
  padding: 38px 0 0 36px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4; }

.grow-up .main .employee-menu .menu-item a span {
  font-size: 34px;
  line-height: 46px;
  color: #fff;
  padding-left: 58px;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 40px 47px; }

.grow-up .main .employee-menu .menu-item .box {
  width: 542px;
  height: 402px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1; }

.grow-up .main .employee-menu .menu-item .box .left {
  width: 100%;
  height: 402px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }

.grow-up .main .employee-menu .menu-item .box p {
  position: absolute;
  left: 0;
  top: 0;
  height: 282px;
  padding: 100px 36px 20px;
  font-size: 20px;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(89, 87, 87, 0.7);
  z-index: 1;
  transform: translate(0, 402px);
  transform-origin: bottom;
  transition: all 0.5s cubic-bezier(0.2, 0, 0.2, 1); }

.grow-up .main .employee-menu .menu-item .box p.menu-item-2, .grow-up .main .employee-menu .menu-item .box p.menu-item-3, .grow-up .main .employee-menu .menu-item .box p.menu-item-4 {
  background-color: rgba(89, 87, 87, 0.7); }

.grow-up .main .employee {
  padding: 30px 0 100px; }

.grow-up .main .employee .list {
  width: 260px;
  margin: 0 22px 20px 0;
  background: #fff; }

.grow-up .main .employee .list .photo-wall {
  height: 195px;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }

.grow-up .main .employee .list .photo-wall img {
  max-height: 100%; }

.grow-up .main .employee .list .photo-wall span {
  display: inline-block;
  font-size: 12px;
  color: #fff;
  line-height: 22px;
  background: rgba(35, 24, 21, 0.55);
  padding: 0 19px;
  position: absolute;
  left: 10px;
  bottom: 10px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }

.grow-up .main .employee .list .manifesto {
  border: 1px solid #f0f6f6;
  border-top: 0;
  padding: 0 20px 20px;
  position: relative; }

.grow-up .main .employee .list .manifesto h2 {
  font-size: 20px;
  line-height: 26px;
  color: #282828;
  padding-top: 27px; }

.grow-up .main .employee .list .manifesto p {
  font-size: 14px;
  color: #282828;
  padding-top: 15px; }

.grow-up .main .employee .list .manifesto p span {
  font-weight: 600; }

.grow-up .main .employee .list .manifesto a {
  display: inline-block;
  font-size: 18px;
  color: #231815;
  padding-right: 10px;
  margin-top: 20px; }

.grow-up .main .employee .list:nth-child(4n) {
  margin-right: 0; }

@media only screen and (max-width: 992px) {
  .grow-up .main {
    background: #fff; }
  .grow-up .main .public-banner {
    height: 22.5rem; }
  .grow-up .main .public-banner .public-banner-item {
    display: none; }
  .grow-up .main .public-banner .public-banner-item-m {
    display: block;
    height: 100%;
    padding: 0 1.66667rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
  .grow-up .main .public-banner .public-banner-item-m .box {
    width: auto;
    height: 100%;
    margin: 0 auto; }
  .grow-up .main .public-banner .public-banner-item-m .box .item-content {
    padding-top: 3.08333rem; }
  .grow-up .main .public-banner .public-banner-item-m .box .item-content h4 {
    font-size: 2.5rem;
    color: #231815;
    line-height: 1.1;
    text-align: left;
    padding-bottom: .83333rem;
    width: auto; }
  .grow-up .main .public-banner .public-banner-item-m .box .item-content p {
    font-size: 1rem;
    color: #231815;
    line-height: 1.3;
    text-align: left;
    padding: 0;
    width: auto; }
  .grow-up .main .employee-menu {
    width: auto;
    padding: 3.33333rem 1.66667rem 0; }
  .grow-up .main .employee-menu .menu-item {
    width: 100%;
    height: 17.25rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 0 0 1.66667rem;
    float: none; }
  .grow-up .main .employee-menu .menu-item a {
    display: inline-block;
    padding: 1.66667rem 0 0 1.58333rem; }
  .grow-up .main .employee-menu .menu-item a span {
    font-size: 1.66667rem;
    line-height: 2rem;
    color: #fff;
    padding-left: 3.16667rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 2rem 2.16667rem; }
  .grow-up .main .employee-menu .menu-item .box {
    width: 100%;
    height: 17.25rem;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; }
  .grow-up .main .employee-menu .menu-item .box .left {
    height: 17.25rem; }
  .grow-up .main .employee-menu .menu-item .box p {
    position: relative;
    left: 0;
    top: -17.25rem;
    height: 17.25rem;
    padding: 4.75rem 1.58333rem 2.08333rem;
    font-size: 1rem;
    line-height: 1.16667rem;
    color: #fff;
    background-color: rgba(89, 87, 87, 0.7);
    z-index: 1;
    transform: translate(0, 0);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 9;
    box-sizing: border-box; }
  .grow-up .main .employee-menu .menu-item .box p.menu-item-2, .grow-up .main .employee-menu .menu-item .box p.menu-item-3, .grow-up .main .employee-menu .menu-item .box p.menu-item-4 {
    background-color: rgba(89, 87, 87, 0.7); }
  .grow-up .main .public-list {
    padding: 1.66667rem 0 0;
    overflow: hidden; }
  .grow-up .main .public-list .list {
    width: auto;
    height: auto;
    float: none;
    margin-right: 0;
    background: #fff;
    margin-bottom: 1.66667rem; }
  .grow-up .main .public-list .list .list-top {
    padding: 1.66667rem;
    margin: 0;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .grow-up .main .public-list .list .list-top img {
    height: 2rem; }
  .grow-up .main .public-list .list .list-top span {
    margin-left: .33333rem;
    font-size: 1.66667rem;
    color: #282828;
    line-height: 2rem;
    vertical-align: middle; }
  .grow-up .main .public-list .list .list-bottom {
    height: 16.66667rem;
    background-size: 100%; }
  .grow-up .main .public-list .list .list-bottom p {
    font-size: 1rem;
    color: #fff;
    height: 8.33333rem;
    margin: 0 2.16667rem 3.20833rem 1.66667rem;
    padding-top: 1.79167rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical; }
  .grow-up .main .public-list .list .list-bottom span {
    font-size: .75rem;
    color: #fff;
    display: inline-block;
    padding-left: 1.66667rem; }
  .grow-up .main .public-list .list .list-bottom span img {
    padding-left: .45833rem;
    height: .58333rem; }
  .grow-up .main .public-list .list:nth-child(4n) {
    margin-right: 0; }
  .grow-up .main .employee {
    padding: 1.66667rem 0 2.70833rem; }
  .grow-up .main .employee .list {
    width: 100%;
    margin: 0 0 1.5rem;
    background: #fff; }
  .grow-up .main .employee .list .photo-wall {
    height: 17.5rem;
    position: relative; }
  .grow-up .main .employee .list .photo-wall img {
    width: 100%; }
  .grow-up .main .employee .list .photo-wall span {
    display: inline-block;
    font-size: 1rem;
    color: #fff;
    line-height: 2.08333rem;
    padding: 0 .83333rem;
    position: absolute;
    left: .83333rem;
    bottom: .83333rem;
    -moz-border-radius: .125rem;
    -webkit-border-radius: .125rem;
    border-radius: .125rem; }
  .grow-up .main .employee .list .manifesto {
    border: .04167rem solid #f0f6f6;
    border-top: 0;
    height: auto !important;
    padding: 1.25rem;
    position: relative; }
  .grow-up .main .employee .list .manifesto h2 {
    max-height: 3.33333rem;
    font-size: 1rem;
    line-height: 1.25rem;
    color: #282828;
    padding-top: 1.91667rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
  .grow-up .main .employee .list .manifesto p {
    font-size: 1rem;
    color: #282828;
    padding-top: .91667rem; }
  .grow-up .main .employee .list .manifesto a {
    display: inline-block;
    font-size: 1rem;
    padding-right: 1.08333rem;
    margin-top: .83333rem; }
  .grow-up .main .employee .list:nth-child(4n) {
    margin-right: 0; } }

.job-wanted .main {
  background: #fff;
  padding: 70px 0 100px; }

.job-wanted .main .subject-title {
  font-size: 42px;
  color: #282828; }

.job-wanted .main .second-volunteer {
  padding: 72px 0 78px;
  margin-top: 0;
  background-color: #ecfefe; }

.job-wanted .main .second-volunteer .list .voluntary {
  font-size: 20px;
  color: #282828; }

.job-wanted .main .second-volunteer .list .voluntary span {
  padding-right: 11px; }

.job-wanted .main .second-volunteer .list .apply-depart span, .job-wanted .main .second-volunteer .list .apply-department span {
  padding-right: 10px; }

.job-wanted .main .second-volunteer .list .charge-of {
  font-size: 28px;
  padding-top: 20px; }

.job-wanted .main .second-volunteer .list .charge-of a {
  color: #15b0e8;
  padding-left: 3px; }

.job-wanted .main .second-volunteer .list .apply-department {
  font-size: 14px;
  color: #282828;
  padding-top: 18px; }

.job-wanted .main .second-volunteer .list .apply-depart {
  font-size: 14px;
  color: #282828;
  padding-top: 4px; }

.job-wanted .main .second-volunteer p {
  font-size: 14px;
  color: #fff;
  line-height: 42px;
  background: #f66f6a;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 0 40px; }

.job-wanted .main .resume-screening {
  border-bottom: 1px solid #ebebeb;
  padding: 40px 0; }

.job-wanted .main .resume-screening .left img {
  height: 90px; }

.job-wanted .main .resume-screening .middle {
  padding-left: 26px; }

.job-wanted .main .resume-screening .middle h1 {
  font-size: 20px;
  color: #282828; }

.job-wanted .main .resume-screening .middle .status {
  font-size: 14px;
  color: #282828;
  padding-top: 15px; }

.job-wanted .main .resume-screening .middle .status span {
  padding-right: 6px; }

.job-wanted .main .resume-screening .middle .status img {
  height: 20px; }

.job-wanted .main .resume-screening .middle .status p {
  font-size: 16px;
  padding-top: 4px;
  max-width: 850px; }

.job-wanted .main .resume-screening .middle .status p a {
  color: #15b0e8; }

.job-wanted .main .resume-screening .time {
  font-size: 14px;
  color: grey; }

@media only screen and (max-width: 992px) {
  .job-wanted .main {
    background: #fff;
    padding: 2.5rem 0 4.16667rem; }
  .job-wanted .main .subject-title {
    font-size: 1.75rem;
    color: #282828;
    padding-bottom: 1.66667rem; }
  .job-wanted .main .second-volunteer {
    padding: 1.79167rem 0 2.08333rem;
    margin-top: 0; }
  .job-wanted .main .second-volunteer .list {
    float: none; }
  .job-wanted .main .second-volunteer .list .voluntary {
    font-size: 1.16667rem;
    color: #282828; }
  .job-wanted .main .second-volunteer .list .voluntary span {
    padding-right: .41667rem; }
  .job-wanted .main .second-volunteer .list .charge-of {
    font-size: 1.33333rem;
    padding-top: .95833rem; }
  .job-wanted .main .second-volunteer .list .charge-of a {
    color: #15b0e8;
    padding-left: .16667rem; }
  .job-wanted .main .second-volunteer .list .apply-department {
    font-size: 1rem;
    color: #282828;
    padding-top: .83333rem; }
  .job-wanted .main .second-volunteer .list .apply-department span {
    padding-right: 16px; }
  .job-wanted .main .second-volunteer .list .apply-depart {
    font-size: 1rem;
    color: #282828;
    padding-top: .16667rem; }
  .job-wanted .main .second-volunteer .list .apply-depart span {
    padding-right: .66667rem; }
  .job-wanted .main .second-volunteer p {
    float: none;
    display: inline-block;
    font-size: 1rem;
    color: #fff;
    line-height: 2.91667rem;
    background: #f66f6a;
    -moz-border-radius: .125rem;
    -webkit-border-radius: .125rem;
    border-radius: .125rem;
    padding: 0 2.08333rem;
    margin-top: 1.91667rem; }
  .job-wanted .main .resume-screening {
    border-bottom: .04167rem solid #ebebeb;
    padding: 2.08333rem 0 1.83333rem; }
  .job-wanted .main .resume-screening .left {
    float: none; }
  .job-wanted .main .resume-screening .left img {
    height: 3.75rem; }
  .job-wanted .main .resume-screening .middle {
    float: none;
    padding-left: 0; }
  .job-wanted .main .resume-screening .middle h1 {
    font-size: 1.33333rem;
    color: #282828;
    padding-top: .91667rem; }
  .job-wanted .main .resume-screening .middle .status {
    font-size: 1rem;
    color: #282828;
    padding-top: .66667rem; }
  .job-wanted .main .resume-screening .middle .status span {
    padding-right: .25rem; }
  .job-wanted .main .resume-screening .middle .status img {
    height: 1.16667rem; }
  .job-wanted .main .resume-screening .middle .status p {
    font-size: 1rem;
    padding-top: .5rem;
    max-width: none; }
  .job-wanted .main .resume-screening .middle .status p a {
    color: #15b0e8; }
  .job-wanted .main .resume-screening .time {
    float: none;
    font-size: 1rem;
    color: grey;
    padding-top: 30px; } }

.personal-center .main {
  background: #fff;
  padding: 55px 0 80px; }

.personal-center .main .title {
  font-size: 42px;
  color: #282828;
  padding-bottom: 30px; }

.personal-center .main .log-out {
  background: #ecfefe;
  padding: 24px 42px 28px 28px;
  margin-bottom: 20px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  position: relative; }

.personal-center .main .log-out .user span {
  font-size: 14px;
  color: grey; }

.personal-center .main .log-out .user p {
  display: inline-block;
  font-size: 14px;
  color: #282828;
  font-weight: 600; }

.personal-center .main .log-out a .box, .personal-center .main .log-out a .box.active {
  font-size: 16px;
  line-height: 40px;
  padding: 0 40px;
  position: absolute;
  right: 40px;
  top: 50%;
  transform: translate(0, -50%); }

.personal-center .main .log-out a .box {
  color: grey;
  border: 1px solid grey;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }

.personal-center .main .log-out a .box.active {
  color: #fff;
  background: #f66f6a;
  border: 0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }

.personal-center .main .message-list {
  padding-bottom: 64px;
  font-size: 0; }

.personal-center .main .message-list .message {
  display: inline-block;
  margin: 0 1.9% 0 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 260px;
  width: 49%;
  position: relative;
  vertical-align: middle; }

.personal-center .main .message-list .message .title {
  padding: 0 40px;
  font-size: 0; }

.personal-center .main .message-list .message .title h1 {
  font-size: 28px;
  color: #fff;
  padding: 37px 0 31px; }

.personal-center .main .message-list .message .title h2 {
  font-size: 48px;
  color: #fff;
  vertical-align: central; }

.personal-center .main .message-list .message .unread {
  display: inline-block;
  border: 1px solid #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  position: absolute;
  left: 40px;
  bottom: 40px; }

.personal-center .main .message-list .message .unread a {
  display: inline-block; }

.personal-center .main .message-list .message .unread a span {
  font-size: 16px;
  color: #fff;
  line-height: 38px;
  padding: 0 24px 0 20px; }

.personal-center .main .message-list .message .unread a .dot {
  height: 8px;
  width: 8px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #f66f6a;
  position: absolute;
  top: 8px;
  right: 15px; }

.personal-center .main .message-list .message .unread a .dot.active {
  display: none; }

.personal-center .main .message-list .message:last-child {
  margin-right: auto; }

.personal-center .main .school-recruit-resume {
  margin-bottom: 20px;
  border: 1px solid #e0e0e0;
  padding: 58px 52px 58px 36px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 0;
  position: relative; }

.personal-center .main .school-recruit-resume img {
  height: 41px; }

.personal-center .main .school-recruit-resume span {
  display: inline-block;
  font-size: 28px;
  color: #282828;
  padding-left: 14px;
  vertical-align: middle; }

.personal-center .main .school-recruit-resume p {
  position: absolute;
  font-size: 16px;
  color: grey;
  left: 105px;
  bottom: 31px; }

.personal-center .main .school-recruit-resume .establish a {
  display: inline-block;
  margin-left: 20px; }

.personal-center .main .school-recruit-resume .establish a .btn {
  font-size: 16px;
  color: #fff;
  background: #f66f6a;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  line-height: 42px;
  padding: 0 22px; }

.personal-center .main .school-recruit-resume .establish a .btn.active {
  color: grey;
  background: #ededed; }

@media only screen and (max-width: 992px) {
  .personal-center .main {
    background: #fff;
    padding: 2.45833rem 0 1.66667rem; }
  .personal-center .main .title {
    font-size: 1.91667rem;
    color: #282828;
    padding-bottom: 1.29167rem; }
  .personal-center .main .log-out {
    background: #ecfefe;
    padding: 2rem 1.58333rem 2.375rem 1.16667rem;
    margin-bottom: 1.25rem;
    -moz-border-radius: .125rem;
    -webkit-border-radius: .125rem;
    border-radius: .125rem;
    position: static;
    border: 1px solid #f0f0f0; }
  .personal-center .main .log-out .user span {
    display: block;
    font-size: 1rem;
    color: grey;
    padding-bottom: .125rem; }
  .personal-center .main .log-out .user p {
    display: block;
    font-size: 1.33333rem;
    color: #282828;
    padding-bottom: 2.08333rem;
    font-weight: 500; }
  .personal-center .main .log-out a .box, .personal-center .main .log-out a .box.active {
    font-size: 1rem;
    line-height: 2.83333rem;
    padding: 0 2.08333rem;
    position: static;
    right: 0;
    top: 0;
    transform: translate(0, 0); }
  .personal-center .main .log-out a .box {
    color: grey;
    border: 1px solid grey;
    -moz-border-radius: .125rem;
    -webkit-border-radius: .125rem;
    border-radius: .125rem;
    display: inline-block; }
  .personal-center .main .log-out a .box.active {
    color: #fff;
    background: #f66f6a;
    border: 0;
    -moz-border-radius: .125rem;
    -webkit-border-radius: .125rem;
    border-radius: .125rem; }
  .personal-center .main .message-list {
    padding-bottom: 3.75rem;
    font-size: 0; }
  .personal-center .main .message-list .message {
    margin: 0 0 .83333rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 10.83333rem;
    width: 100%;
    position: relative;
    vertical-align: middle; }
  .personal-center .main .message-list .message:last-child {
    margin: 0 auto 0 0; }
  .personal-center .main .message-list .message .title {
    padding: 0 1.66667rem;
    font-size: 0; }
  .personal-center .main .message-list .message .title h1 {
    font-size: 1.33333rem;
    color: #fff;
    padding: 1.33333rem 0 1.16667rem; }
  .personal-center .main .message-list .message .title h2 {
    font-size: 2rem;
    color: #fff;
    vertical-align: central; }
  .personal-center .main .message-list .message .unread {
    display: inline-block;
    border: 1px solid #fff;
    -moz-border-radius: .125rem;
    -webkit-border-radius: .125rem;
    border-radius: .125rem;
    position: absolute;
    left: 1.66667rem;
    bottom: 1.66667rem; }
  .personal-center .main .message-list .message .unread a {
    display: inline-block; }
  .personal-center .main .message-list .message .unread a span {
    font-size: .66667rem;
    color: #fff;
    line-height: 1.66667rem;
    padding: 0 1.08333rem 0 .83333rem; }
  .personal-center .main .message-list .message .unread a .dot {
    height: .33333rem;
    width: .33333rem;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #f66f6a;
    position: absolute;
    top: .33333rem;
    right: .625rem; }
  .personal-center .main .message-list .message .unread a .dot.active {
    display: none; }
  .personal-center .main .school-recruit-resume {
    margin-top: 0;
    margin-bottom: 2.5rem;
    border: 1px solid #e0e0e0;
    padding: 2.41667rem 1.5rem 2.5rem;
    -moz-border-radius: .20833rem;
    -webkit-border-radius: .20833rem;
    border-radius: .20833rem;
    font-size: 0;
    position: relative; }
  .personal-center .main .school-recruit-resume img {
    height: 1.70833rem; }
  .personal-center .main .school-recruit-resume span {
    display: inline-block;
    font-size: 1.33333rem;
    color: #282828;
    padding-left: .58333rem;
    vertical-align: middle; }
  .personal-center .main .school-recruit-resume p {
    position: absolute;
    font-size: 1rem;
    color: grey;
    left: 4.375rem;
    bottom: 6.875rem; }
  .personal-center .main .school-recruit-resume .establish {
    float: none; }
  .personal-center .main .school-recruit-resume .establish a {
    display: inline-block;
    margin-left: 0;
    margin-right: .83333rem; }
  .personal-center .main .school-recruit-resume .establish a .btn {
    float: none;
    display: inline-block;
    font-size: 1rem;
    -moz-border-radius: .125rem;
    -webkit-border-radius: .125rem;
    border-radius: .125rem;
    line-height: 2.83333rem;
    padding: 0 1.5rem;
    margin-top: 2.79167rem; }
  .personal-center .main .school-recruit-resume .establish a .btn.active {
    color: #282828; } }

.position-volunteer .main {
  padding: 60px 0 100px;
  background: #fff; }

.position-volunteer .main .title {
  font-size: 42px;
  color: #282828; }

.position-volunteer .main .first-volunteer {
  margin-top: 38px;
  border: 1px solid #ebebeb;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 28px 44px 37px 30px; }

.position-volunteer .main .first-volunteer .left h1 {
  color: #282828;
  font-size: 20px; }

.position-volunteer .main .first-volunteer .left .text {
  padding-top: 25px;
  font-size: 0; }

.position-volunteer .main .first-volunteer .left .text:hover span {
  color: #c7000b; }

.position-volunteer .main .first-volunteer .left .text:hover .outer-link {
  background: url(../images/allbgs.png) -712px -84px no-repeat;
  transform: scale(1); }

.position-volunteer .main .first-volunteer .left .text img {
  height: 22px; }

.position-volunteer .main .first-volunteer .left .text span {
  font-size: 24px;
  color: #231815;
  vertical-align: middle; }

.position-volunteer .main .first-volunteer .left .text .not-have {
  padding-top: 5px;
  padding-bottom: 26px;
  font-size: 24px;
  color: grey; }

.position-volunteer .main .first-volunteer .left .site {
  font-size: 14px;
  padding-top: 11px; }

.position-volunteer .main .first-volunteer .left .site p {
  color: #282828; }

.position-volunteer .main .first-volunteer .left .site p span {
  padding-right: 21px;
  color: grey; }

.position-volunteer .main .first-volunteer .right p {
  font-size: 14px;
  color: #15b0e8; }

.position-volunteer .main .first-volunteer .right .btn {
  padding-top: 56px;
  font-size: 0; }

.position-volunteer .main .first-volunteer .right .btn a {
  display: inline-block; }

.position-volunteer .main .first-volunteer .right .btn a span {
  display: block;
  font-size: 16px;
  color: #282828;
  line-height: 40px;
  border: 1px solid #282828;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 0 30px;
  vertical-align: middle;
  margin-right: 20px; }

.position-volunteer .main .first-volunteer .right .btn a span:hover {
  border-color: #c7000b;
  color: #c7000b; }

.position-volunteer .main .first-volunteer .right .btn a .repeal1 {
  font-size: 16px;
  line-height: 42px;
  color: #fff;
  background: #b6000a;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 0 30px; }

.position-volunteer .main .first-volunteer .right .btn a .repeal1:hover {
  background: #c7000b; }

.position-volunteer .main .switcher {
  padding-top: 39px;
  text-align: center; }

.position-volunteer .main .switcher img {
  height: 40px; }

@media only screen and (max-width: 992px) {
  .position-volunteer .main .first-volunteer .left, .position-volunteer .main .first-volunteer .right {
    float: none; }
  .position-volunteer .main {
    padding: 2.5rem 0 4.16667rem;
    background: #fff; }
  .position-volunteer .main .title {
    font-size: 1.91667rem;
    color: #282828; }
  .position-volunteer .main .first-volunteer {
    margin-top: 1.75rem;
    border: .04167rem solid #ebebeb;
    -moz-border-radius: .125rem;
    -webkit-border-radius: .125rem;
    border-radius: .125rem;
    padding: 1.66667rem 1.66667rem 2rem; }
  .position-volunteer .main .first-volunteer .left h1 {
    color: #282828;
    font-size: 1.16667rem; }
  .position-volunteer .main .first-volunteer .left .text {
    padding-top: 1.16667rem;
    font-size: 0; }
  .position-volunteer .main .first-volunteer .left .text img {
    height: 1.08333rem;
    vertical-align: middle; }
  .position-volunteer .main .first-volunteer .left .text span {
    font-size: 1.33333rem;
    vertical-align: middle;
    background-size: .91667rem; }
  .position-volunteer .main .first-volunteer .left .text .not-have {
    padding-top: 0;
    padding-bottom: 4.58333rem;
    font-size: 1.33333rem;
    color: grey; }
  .position-volunteer .main .first-volunteer .left .site {
    font-size: 1rem;
    color: grey;
    padding-top: .83333rem; }
  .position-volunteer .main .first-volunteer .left .site span {
    padding-right: 1.25rem; }
  .position-volunteer .main .first-volunteer .right p {
    float: none;
    font-size: 1rem;
    color: #15b0e8;
    padding-top: 1.875rem; }
  .position-volunteer .main .first-volunteer .right .btn {
    padding-top: 1.5rem;
    font-size: 0; }
  .position-volunteer .main .first-volunteer .right .btn a span {
    display: block;
    font-size: 1rem;
    color: #282828;
    line-height: 2.83333rem;
    border: .04167rem solid #282828;
    -moz-border-radius: .20833rem;
    -webkit-border-radius: .20833rem;
    border-radius: .20833rem;
    padding: 0 1.58333rem;
    vertical-align: middle;
    margin-right: .83333rem; }
  .position-volunteer .main .first-volunteer .right .btn a span:hover {
    border-color: #c7000b;
    color: #c7000b; }
  .position-volunteer .main .first-volunteer .right .btn a .repeal1 {
    font-size: 1rem;
    line-height: 2.91667rem;
    color: #fff;
    background: #b6000a;
    -moz-border-radius: .125rem;
    -webkit-border-radius: .125rem;
    border-radius: .125rem;
    padding: 0 1.5rem; }
  .position-volunteer .main .switcher {
    padding-top: 2.91667rem;
    padding-bottom: 1.16667rem;
    text-align: center; }
  .position-volunteer .main .switcher img {
    height: 3.125rem; } }

.message-center .main .list .left a, .message-center .main .list .middle .photo a {
  display: inline-block; }

.message-center .main {
  background: #fff;
  padding: 50px 0 100px; }

.message-center .main .title {
  font-size: 42px;
  color: #282828; }

.message-center .main .number {
  padding: 0 0 14px;
  border-bottom: 1px solid #ebebeb; }

.message-center .main .number .module-corner-pages {
  font-size: 14px;
  color: #282828; }

.message-center .main .number .module-corner-pages span {
  color: #c7000b; }

.message-center .main .number .module-page-number {
  font-size: 14px;
  color: #282828; }

.message-center .main .number .module-page-number select {
  border: none; }

.message-center .main .list {
  border-bottom: 1px solid #ebebeb;
  padding: 32px 0 40px; }

.message-center .main .list .left {
  padding-right: 20px; }

.message-center .main .list .left a img {
  height: 38px; }

.message-center .main .list .middle h1 {
  font-size: 20px;
  color: #282828;
  line-height: 32px; }

.message-center .main .list .middle p {
  font-size: 16px;
  line-height: 1.5;
  color: #282828;
  padding-top: 14px; }

.message-center .main .list .middle p a {
  color: #15b0e8;
  position: relative; }

.message-center .main .list .middle p a::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 1px;
  background: #15b0e8; }

.message-center .main .list .middle .photo {
  padding-top: 13px; }

.message-center .main .list .middle .photo a img {
  display: block;
  height: 113px; }

.message-center .main .list .middle span {
  display: inline-block;
  font-size: 14px;
  color: #282828;
  padding-top: 19px; }

.message-center .main .list .middle span a {
  color: #c7000b;
  position: relative; }

.message-center .main .list .middle span a::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 1px;
  background: #c7000b; }

.message-center .main .list .right {
  font-size: 12px;
  color: grey;
  line-height: 24px; }

.message-center .main .page-footer {
  padding-top: 38px; }

.message-center .main .page-footer .number-branches {
  float: left;
  font-size: 14px;
  color: #282828; }

.message-center .main .page-footer .number-branches a {
  color: #c7000b; }

.message-center .main .page-footer .page-up-down {
  float: right; }

.message-center .main .page-footer .page-up-down a {
  display: inline-block;
  font-size: 14px;
  color: #282828;
  border: 1px solid #282828;
  border-radius: 3px;
  padding: 10px 31px 13px;
  margin-left: 10px; }

.message-center .main .page-footer .page-up-down a:hover {
  color: #c7000b;
  border-color: #c7000b; }

@media only screen and (max-width: 992px) {
  .message-center .main {
    background: #fff;
    padding: 2.25rem 0 3.33333rem; }
  .message-center .main .title {
    font-size: 1.75rem;
    color: #282828; }
  .message-center .main .number {
    padding: 1.66667rem 0 1.08333rem;
    border-bottom: .04167rem solid #ebebeb;
    float: none; }
  .message-center .main .number .module-corner-pages {
    font-size: 1rem;
    color: #282828; }
  .message-center .main .number .module-page-number {
    display: none; }
  .message-center .main .list {
    border-bottom: .04167rem solid #ebebeb;
    padding: 2.08333rem 0 1.79167rem; }
  .message-center .main .list .left {
    float: none;
    padding-right: 0; }
  .message-center .main .list .left img {
    height: 3.04167rem; }
  .message-center .main .list .middle {
    float: none; }
  .message-center .main .list .middle h1 {
    font-size: 1.33333rem;
    color: #282828;
    line-height: 1.75rem;
    padding-top: 1.41667rem; }
  .message-center .main .list .middle .photo {
    padding-top: 1.25rem; }
  .message-center .main .list .middle .photo img {
    display: block;
    height: 113px; }
  .message-center .main .list .middle p {
    font-size: 1rem;
    color: #282828;
    padding-top: 1.08333rem; }
  .message-center .main .list .middle p a {
    color: #15b0e8;
    position: relative; }
  .message-center .main .list .middle p a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -.125rem;
    width: 100%;
    height: .04167rem;
    background: #15b0e8; }
  .message-center .main .list .middle span {
    display: inline-block;
    font-size: 1rem;
    color: #282828;
    padding-top: 1rem; }
  .message-center .main .list .middle span a {
    position: relative; }
  .message-center .main .list .middle span a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -.125rem;
    width: 100%;
    height: .04167rem; }
  .message-center .main .list .right {
    float: none;
    font-size: 1rem;
    color: grey;
    line-height: 1.41667rem;
    padding-top: 1.25rem; }
  .message-center .main .page-footer {
    padding-top: 1.41667rem;
    padding-bottom: .83333rem; }
  .message-center .main .page-footer .number-branches {
    float: none;
    font-size: 1rem;
    color: #282828;
    padding-bottom: 2.04167rem; }
  .message-center .main .page-footer .page-up-down {
    float: none; }
  .message-center .main .page-footer .page-up-down a {
    font-size: 1rem;
    color: #282828;
    border: .04167rem solid #282828;
    -moz-border-radius: .125rem;
    -webkit-border-radius: .125rem;
    border-radius: .125rem;
    padding: 0 2.08333rem;
    margin-left: 0;
    margin-right: .33333rem;
    line-height: 2.75rem; } }

.social-recruitment .main {
  background: #fff;
  padding: 50px 0 100px; }

.social-recruitment .main .title {
  font-size: 42px;
  color: #282828; }

.social-recruitment .main .number {
  padding: 0 0 14px;
  border-bottom: 1px solid #ebebeb; }

.social-recruitment .main .number .module-corner-pages {
  font-size: 14px;
  color: #282828; }

.social-recruitment .main .number .module-corner-pages span {
  color: #15b0e8; }

.social-recruitment .main .number .module-page-number {
  font-size: 14px;
  color: #282828; }

.social-recruitment .main .number .module-page-number select {
  border: none; }

.social-recruitment .main .first-volunteer {
  border-bottom: 1px solid #ebebeb;
  padding: 44px 0 30px; }

.social-recruitment .main .first-volunteer .left .text {
  font-size: 0; }

.social-recruitment .main .first-volunteer .left .text img {
  height: 22px; }

.social-recruitment .main .first-volunteer .left .text span {
  padding-left: 10px;
  font-size: 24px;
  color: #15b0e8;
  vertical-align: middle; }

.social-recruitment .main .first-volunteer .left .site {
  font-size: 14px;
  padding-top: 16px; }

.social-recruitment .main .first-volunteer .left .site p {
  color: #282828; }

.social-recruitment .main .first-volunteer .left .site p span {
  color: grey; }

.social-recruitment .main .first-volunteer .right p {
  font-size: 14px;
  color: #15b0e8; }

.social-recruitment .main .first-volunteer .right .btn {
  padding-top: 24px;
  font-size: 0; }

.social-recruitment .main .first-volunteer .right .btn a {
  display: inline-block; }

.social-recruitment .main .first-volunteer .right .btn a span {
  display: inline-block;
  font-size: 16px;
  color: #fff;
  background: #e06561;
  line-height: 42px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 0 30px;
  vertical-align: middle; }

.social-recruitment .main .page-footer {
  padding-top: 38px; }

.social-recruitment .main .page-footer .number-branches {
  float: left;
  font-size: 14px;
  color: #282828; }

.social-recruitment .main .page-footer .number-branches a {
  color: #15b0e8; }

.social-recruitment .main .page-footer .page-up-down {
  float: right; }

.social-recruitment .main .page-footer .page-up-down a {
  display: inline-block;
  font-size: 14px;
  color: #282828;
  border: 1px solid #282828;
  border-radius: 3px;
  padding: 10px 31px 13px;
  margin-left: 15px; }

.social-recruitment .main .page-footer .page-up-down a:hover {
  color: #f66f6a;
  border-color: #f66f6a; }

@media only screen and (max-width: 992px) {
  .social-recruitment .main {
    background: #fff;
    padding: 2.25rem 0 3.33333rem; }
  .social-recruitment .main .title {
    font-size: 1.75rem;
    color: #282828; }
  .social-recruitment .main .number {
    padding: 1.66667rem 0 1.08333rem;
    border-bottom: .04167rem solid #ebebeb;
    float: none; }
  .social-recruitment .main .number .module-corner-pages {
    font-size: 1rem;
    color: #282828; }
  .social-recruitment .main .number .module-corner-pages span {
    color: #15b0e8; }
  .social-recruitment .main .number .module-page-number {
    display: none; }
  .social-recruitment .main .first-volunteer {
    border-bottom: .04167rem solid #ebebeb;
    padding: 2rem 0 2.29167rem; }
  .social-recruitment .main .first-volunteer .left {
    float: none; }
  .social-recruitment .main .first-volunteer .left .text {
    font-size: 0; }
  .social-recruitment .main .first-volunteer .left .text img {
    height: 1.08333rem;
    vertical-align: middle; }
  .social-recruitment .main .first-volunteer .left .text span {
    font-size: 1.33333rem;
    color: #15b0e8;
    vertical-align: middle; }
  .social-recruitment .main .first-volunteer .left .site {
    font-size: 1rem;
    color: grey;
    padding-top: .58333rem; }
  .social-recruitment .main .first-volunteer .left .site span {
    padding-right: 1.25rem; }
  .social-recruitment .main .first-volunteer .right {
    float: none; }
  .social-recruitment .main .first-volunteer .right p {
    float: none;
    font-size: 1rem;
    color: #15b0e8;
    padding-top: 1.08333rem; }
  .social-recruitment .main .first-volunteer .right .btn {
    float: none; }
  .social-recruitment .main .first-volunteer .right .btn a {
    display: inline-block; }
  .social-recruitment .main .first-volunteer .right .btn a span {
    display: inline-block;
    font-size: 1rem;
    color: #fff;
    line-height: 2.83333rem;
    -moz-border-radius: .20833rem;
    -webkit-border-radius: .20833rem;
    border-radius: .20833rem;
    padding: 0 1.58333rem; }
  .social-recruitment .main .page-footer {
    padding-top: 1.41667rem;
    padding-bottom: .83333rem; }
  .social-recruitment .main .page-footer .number-branches {
    float: none;
    font-size: 1rem;
    color: #282828;
    padding-bottom: 2.04167rem; }
  .social-recruitment .main .page-footer .number-branches a {
    color: #15b0e8; }
  .social-recruitment .main .page-footer .page-up-down {
    float: none; }
  .social-recruitment .main .page-footer .page-up-down a {
    font-size: 1rem;
    color: #282828;
    border: .04167rem solid #282828;
    -moz-border-radius: .125rem;
    -webkit-border-radius: .125rem;
    border-radius: .125rem;
    padding: 0 2.08333rem;
    line-height: 2.75rem;
    margin-left: 0;
    margin-right: .58333rem; }
  .social-recruitment .main .page-footer .page-up-down a:hover {
    color: #f66f6a;
    border-color: #f66f6a; } }

.position-collect .main {
  background: #fff;
  padding: 50px 0 100px; }

.position-collect .main .tab-title {
  text-align: center;
  padding-bottom: 20px; }

.position-collect .main .tab-title span {
  font-size: 28px;
  color: grey;
  line-height: 34px;
  margin: 0 60px;
  position: relative;
  cursor: pointer;
  vertical-align: middle; }

.position-collect .main .tab-title span:first-child {
  margin-left: 0; }

.position-collect .main .tab-title span:last-child {
  margin-right: 0; }

.position-collect .main .tab-title span.active {
  color: #c7000b; }

.position-collect .main .tab-title span.active:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -15px;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  height: 1px;
  background: #c7000b; }

.position-collect .main .tab-title i {
  display: inline-block;
  width: 2px;
  height: 36px;
  background: #dcdddd;
  vertical-align: middle; }

.position-collect .main .tab-title-m {
  display: none; }

.position-collect .main .number {
  padding: 0 0 14px;
  border-bottom: 1px solid #ebebeb; }

.position-collect .main .number .module-corner-pages {
  font-size: 14px;
  color: #282828; }

.position-collect .main .number .module-corner-pages span {
  color: #c7000b; }

.position-collect .main .number .module-page-number {
  font-size: 14px;
  color: #282828; }

.position-collect .main .number .module-page-number select {
  border: none; }

.position-collect .main .list {
  padding: 38px 0 40px;
  border-bottom: 1px solid #ebebeb; }

.position-collect .main .list .top .title {
  font-size: 0; }

.position-collect .main .list .top .title .peak a {
  display: inline-block; }

.position-collect .main .list .top .title .peak a img {
  height: 22px; }

.position-collect .main .list .top .title .peak a span {
  font-size: 18px;
  color: #231815;
  vertical-align: middle; }

.position-collect .main .list .top .title .peak:hover span {
  color: #c7000b; }

.position-collect .main .list .top .title .peak:hover .outer-link {
  background: url(../images/allbgs.png) -712px -84px no-repeat;
  transform: scale(1); }

.position-collect .main .list .top .title .peak p {
  font-size: 14px;
  color: grey;
  display: inline-block; }

.position-collect .main .list .top .title .marketing {
  padding-top: 11px;
  font-size: 14px;
  color: #282828; }

.position-collect .main .list .top .title .marketing span {
  padding-right: 36px; }

.position-collect .main .list .top .title .site {
  font-size: 14px;
  color: #282828;
  padding-top: 13px; }

.position-collect .main .list .top .title .site span {
  padding-right: 26px; }

.position-collect .main .list .top .invite {
  height: 50px;
  text-align: center; }

.position-collect .main .list .top .invite a img {
  height: 24px; }

.position-collect .main .list .top .invite a p {
  font-size: 12px;
  color: grey;
  padding-top: 6px; }

.position-collect .main .list .bottom {
  padding-top: 20px; }

.position-collect .main .list .bottom .time {
  font-size: 14px;
  color: grey;
  padding-top: 26px; }

.position-collect .main .list .bottom .right {
  font-size: 14px;
  color: grey;
  border: 1px solid grey;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 0 32px; }

.position-collect .main .list .bottom .right:hover {
  border: 1px solid #c7000b;
  color: #c7000b; }

.position-collect .main .list .bottom .right:hover span {
  background-image: url(../images/index/position-collect-star-red.png); }

.position-collect .main .list .bottom .right span {
  line-height: 40px;
  vertical-align: middle;
  padding-left: 18px;
  background-image: url(../images/index/position-collect-star.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 10px; }

.position-collect .main .page-footer {
  padding-top: 38px; }

.position-collect .main .page-footer .number-branches {
  float: left;
  font-size: 14px;
  color: #282828; }

.position-collect .main .page-footer .number-branches a {
  color: #c7000b; }

.position-collect .main .page-footer .page-up-down {
  float: right; }

.position-collect .main .page-footer .page-up-down a {
  display: inline-block;
  font-size: 14px;
  color: #282828;
  border: 1px solid #282828;
  border-radius: 3px;
  padding: 10px 31px 13px;
  margin-left: 15px; }

.position-collect .main .page-footer .page-up-down a:hover {
  color: #f66f6a;
  border-color: #f66f6a; }

@media only screen and (max-width: 992px) {
  .position-collect .main {
    background: #fff;
    padding: 2.25rem 0 3.33333rem; }
  .position-collect .main .tab-title {
    text-align: center;
    display: none; }
  .position-collect .main .tab-title span {
    font-size: 1.41667rem;
    color: grey;
    line-height: 1.41667rem;
    margin: 0 2.5rem;
    position: relative; }
  .position-collect .main .tab-title span:first-child {
    margin-left: 0; }
  .position-collect .main .tab-title span:last-child {
    margin-right: 0; }
  .position-collect .main .tab-title span.active {
    color: #c7000b; }
  .position-collect .main .tab-title span.active:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -1.5rem;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    height: 1px;
    background: #c7000b; }
  .position-collect .main .tab-title i {
    display: inline-block;
    width: .08333rem;
    height: 1.5rem;
    background: #dcdddd; }
  .position-collect .main .tab-title-m {
    display: block;
    font-size: 1.41667rem;
    line-height: 1.1;
    width: 100%; }
  .position-collect .main .tab-title-m select {
    width: 100%;
    color: #c7000b;
    -moz-border-radius: .20833rem;
    -webkit-border-radius: .20833rem;
    border-radius: .20833rem;
    padding: .41667rem;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url(../images/icon-arrow.png);
    background-position: 95% center;
    background-repeat: no-repeat;
    background-size: 1rem; }
  .position-collect .main .number {
    padding: 1.66667rem 0 1.08333rem;
    border-bottom: .04167rem solid #ebebeb;
    float: none; }
  .position-collect .main .number .module-corner-pages {
    font-size: 1rem;
    color: #282828; }
  .position-collect .main .number .module-page-number {
    display: none; }
  .position-collect .main .list {
    padding: 1.33333rem 0 2.08333rem;
    border-bottom: .04167rem solid #ebebeb; }
  .position-collect .main .list .top .title {
    font-size: 0; }
  .position-collect .main .list .top .title .peak a {
    display: inline-block; }
  .position-collect .main .list .top .title .peak a img {
    height: 1.16667rem; }
  .position-collect .main .list .top .title .peak a span {
    font-size: 1.33333rem;
    color: #231815;
    vertical-align: middle;
    padding-left: 2.08333rem;
    background-size: 1.20833rem; }
  .position-collect .main .list .top .title .marketing {
    display: none;
    padding-top: 1.58333rem;
    font-size: 1rem;
    color: #282828; }
  .position-collect .main .list .top .title .marketing span {
    padding-right: 2.5rem; }
  .position-collect .main .list .top .title .site {
    display: none;
    font-size: 1rem;
    color: #282828;
    padding-top: .41667rem; }
  .position-collect .main .list .top .title .site span {
    padding-right: 1.75rem; }
  .position-collect .main .list .top .invite {
    height: 2.70833rem;
    text-align: center; }
  .position-collect .main .list .top .invite a {
    display: inline-block; }
  .position-collect .main .list .top .invite a img {
    height: 1.16667rem; }
  .position-collect .main .list .top .invite a p {
    font-size: .83333rem;
    color: grey;
    padding-top: .25rem; }
  .position-collect .main .list .bottom {
    padding-top: 1.66667rem; }
  .position-collect .main .list .bottom .time {
    float: none;
    font-size: 1rem;
    color: grey;
    padding-top: 0; }
  .position-collect .main .list .bottom .right {
    float: none;
    display: inline-block;
    font-size: 1rem;
    color: grey;
    border: .04167rem solid grey;
    -moz-border-radius: .125rem;
    -webkit-border-radius: .125rem;
    border-radius: .125rem;
    padding: 0 2.08333rem;
    margin-top: 1.5rem; }
  .position-collect .main .list .bottom .right img {
    height: .91667rem; }
  .position-collect .main .list .bottom .right span {
    line-height: 2.83333rem;
    padding-left: 1.45833rem;
    background-size: 1.04167rem .95833rem; }
  .position-collect .main .page-footer {
    padding-top: 1.41667rem;
    padding-bottom: .83333rem; }
  .position-collect .main .page-footer .number-branches {
    float: none;
    font-size: 1rem;
    color: #282828;
    padding-bottom: 2.04167rem; }
  .position-collect .main .page-footer .page-up-down {
    float: none; }
  .position-collect .main .page-footer .page-up-down a {
    font-size: 1rem;
    color: #282828;
    border: .04167rem solid #282828;
    -moz-border-radius: .125rem;
    -webkit-border-radius: .125rem;
    border-radius: .125rem;
    padding: 0 2.08333rem;
    line-height: 2.75rem;
    margin-left: 0;
    margin-right: .58333rem; }
  .position-collect .main .page-footer .page-up-down a:hover {
    color: #f66f6a;
    border-color: #f66f6a; } }

.some-workplace .main {
  background: #fff;
  padding: 0 0 100px; }

.some-workplace .main .public-banner2 .center-wrap .banner-text p {
  padding-top: 10px; }

.some-workplace .main .list .position .title {
  padding: 35px 0;
  font-size: 34px;
  line-height: 1.1;
  color: #282828; }

.some-workplace .main .list .experience .title {
  padding: 65px 0 35px;
  font-size: 34px;
  line-height: 1.1;
  color: #282828; }

.some-workplace .main .list .experience .public-table .td {
  width: 28.93%; }

@media only screen and (max-width: 992px) {
  .some-workplace .main {
    background: #fff;
    padding: 0 0 100px; }
  .some-workplace .main .list .position .title {
    padding: 80px 0 35px;
    font-size: 34px;
    color: #282828; }
  .some-workplace .main .list .experience .title {
    padding: 2.91667rem 0 1.41667rem;
    font-size: 1.66667rem;
    color: #282828; }
  .some-workplace .main .list .experience .public-table .td {
    width: auto; } }

.post-team .main {
  background: #fff;
  padding: 0 0 100px; }

.post-team .main .public-banner2 .center-wrap .banner-text h1 {
  height: 110px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden; }

.post-team .main .public-banner2 .center-wrap .banner-text p {
  padding-top: 18px;
  max-height: 300px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 10;
  overflow: hidden; }

.post-team .main .vice-banner-worap {
  position: relative; }

.post-team .main .vice-banner-worap .vice-banner {
  height: 450px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.post-team .main .vice-banner-worap .box {
  height: 336px;
  width: 450px;
  max-height: 338px;
  background: #15b0e8;
  position: absolute;
  top: 56px;
  left: 50%; }

.post-team .main .vice-banner-worap .box .tier {
  padding: 38px 40px 43px 54px; }

.post-team .main .vice-banner-worap .box .tier h1 {
  font-size: 34px;
  color: #fff; }

.post-team .main .vice-banner-worap .box .tier p {
  padding-top: 18px;
  height: 192px;
  font-size: 14px;
  line-height: 24px;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical; }

.post-team .main .list .position .title {
  padding: 80px 0 35px;
  font-size: 34px;
  line-height: 1.1;
  color: #282828; }

.post-team .main .list .experience .title {
  padding: 65px 0 35px;
  font-size: 34px;
  line-height: 1.1;
  color: #282828; }

.post-team .main .list .experience .public-table .td {
  width: 28.93%; }

@media only screen and (max-width: 992px) {
  .post-team .main .public-banner2 .banner-left .center-wrap, .post-team .main .vice-banner-worap {
    position: static; }
  .post-team .main {
    background: #fff;
    padding: 0 0 4.16667rem; }
  .post-team .main .public-banner2, .post-team .main .public-banner2 .banner-left {
    height: auto; }
  .post-team .main .public-banner2 .banner-left .center-wrap .banner-text h1 {
    height: auto;
    display: block;
    overflow: auto; }
  .post-team .main .public-banner2 .banner-left .center-wrap .banner-text p {
    padding-top: .625rem;
    max-height: none;
    display: block;
    overflow: auto; }
  .post-team .main .vice-banner-worap .vice-banner {
    height: 15rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
  .post-team .main .vice-banner-worap .box {
    height: auto;
    width: auto;
    max-height: none;
    background: #15b0e8;
    position: static;
    top: 0;
    left: 0; }
  .post-team .main .vice-banner-worap .box .tier {
    padding: 2.91667rem 1.66667rem; }
  .post-team .main .vice-banner-worap .box .tier h1 {
    font-size: 1.66667rem;
    color: #fff; }
  .post-team .main .vice-banner-worap .box .tier p {
    padding-top: .75rem;
    height: auto;
    font-size: 1rem;
    line-height: 1.41667rem;
    color: #fff;
    overflow: auto;
    display: block; }
  .post-team .main .list .experience .title, .post-team .main .list .position .title {
    padding: 2.91667rem 0 1.45833rem;
    font-size: 1.66667rem;
    color: #282828; }
  .post-team .main .list .experience .public-table .td {
    width: auto; } }

.inspiration .main {
  background: #fff;
  padding-bottom: 100px; }

.inspiration .main .text {
  padding-top: 40px; }

.inspiration .main .text h1 {
  font-size: 38px;
  color: #282828;
  text-align: center;
  padding-bottom: 40px; }

.inspiration .main .text .inspiration-video {
  width: 774px;
  height: 360px;
  margin: 0 auto;
  position: relative; }

.inspiration .main .text .inspiration-video video {
  width: 100%;
  height: 100%; }

.inspiration .main .text .inspiration-video .video-banner {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }

.inspiration .main .text .inspiration-video .video-banner a {
  display: inline-block;
  width: 100px;
  height: 100px;
  background-image: url(../images/icon-play.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.inspiration .main .list .experience .learn-btn, .inspiration .main .list .position .learn-btn {
  display: none; }

.inspiration .main .text .article, .inspiration .main .text p {
  padding-top: 46px;
  font-size: 16px;
  line-height: 26px;
  width: 774px;
  color: #282828;
  margin: 0 auto; }

.inspiration .main .text p span {
  padding-left: 2em; }

.inspiration .main .text .article p {
  width: 100%;
  padding-top: 0;
  padding-bottom: 1em;
  text-indent: 2em; }

.inspiration .main .text .article p span {
  padding-left: 0; }

.inspiration .main .fellow {
  font-size: 42px;
  color: #282828;
  padding-top: 164px; }

.inspiration .main .list .position .title {
  padding: 44px 0 35px;
  font-size: 34px;
  line-height: 1.1;
  color: #282828; }

.inspiration .main .list .position .title a {
  font-size: 14px;
  line-height: 36px;
  color: #282828;
  padding-right: 18px;
  background-image: url(../images/index/employee-arrows-2.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 8px 12px; }

.inspiration .main .list .position .title a:hover {
  color: #c7000b;
  text-decoration: underline;
  background-image: url(../images/index/employee-arrows-1.png); }

.inspiration .main .list .experience .title {
  padding: 65px 0 35px;
  font-size: 34px;
  line-height: 1.1;
  color: #282828; }

.inspiration .main .list .experience .title a {
  font-size: 14px;
  line-height: 36px;
  color: #282828;
  padding-right: 18px;
  background-image: url(../images/index/employee-arrows-2.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 8px 12px; }

.inspiration .main .list .experience .title a:hover {
  color: #c7000b;
  text-decoration: underline;
  background-image: url(../images/index/employee-arrows-1.png); }

.inspiration .main .list .experience .public-table .td {
  width: 28.93%; }

.public-banner2 {
  height: 540px;
  max-width: 1920px;
  margin: 0 auto;
  position: relative; }

.public-banner2 .banner-right {
  height: 100%;
  width: 45.73%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }

.public-banner2 .banner-left {
  background: #f4f5f5;
  height: 100%;
  width: 54.27%; }

.public-banner2 .banner-left .center-wrap {
  width: 1106px;
  max-width: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  height: 100%;
  transform: translateX(-50%); }

.public-banner2 .banner-left .center-wrap .banner-text {
  width: 57.5%;
  text-align: left;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  padding-right: 94px;
  box-sizing: border-box; }

.public-banner2 .banner-left .center-wrap .banner-text h1 {
  font-size: 42px;
  color: #231815;
  padding-bottom: 10px;
  height: 110px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden; }

.public-banner2 .banner-left .center-wrap p {
  font-size: 16px;
  color: #231815;
  line-height: 28px;
  max-height: 360px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 10;
  overflow: hidden; }

.public-banner2 .banner-left .center-wrap span {
  font-size: 16px;
  color: #231815;
  padding-top: 16px;
  display: block; }

.public-banner2 .banner-left .center-wrap .friend {
  display: inline-block;
  font-size: 16px;
  color: #231815;
  line-height: 40px;
  border: 1px solid #231815;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 0 32px;
  margin-top: 38px; }

.public-banner2 .banner-left .center-wrap .friend:hover {
  color: #c7000b;
  border-color: #c7000b; }

@media only screen and (max-width: 992px) {
  .public-banner2 {
    height: auto;
    max-width: none;
    margin: 0 auto;
    position: relative; }
  .public-banner2 .banner-right {
    float: none;
    height: 15rem;
    width: auto;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center; }
  .public-banner2 .banner-left {
    float: none;
    background: #f4f5f5;
    height: auto;
    width: auto; }
  .public-banner2 .banner-left .center-wrap {
    width: 100%;
    max-width: none;
    position: static;
    left: 0;
    top: 0;
    height: auto;
    transform: none; }
  .public-banner2 .banner-left .center-wrap .banner-text {
    padding: 2.5rem 1.66667rem 2.91667rem;
    width: auto;
    text-align: left;
    color: #231815;
    position: static;
    top: 0;
    left: 0;
    transform: none; }
  .public-banner2 .banner-left .center-wrap .banner-text h1 {
    font-size: 1.75rem;
    color: #231815;
    padding-bottom: .41667rem;
    display: block;
    overflow: auto;
    height: auto; }
  .public-banner2 .banner-left .center-wrap .banner-text p {
    font-size: 1rem;
    color: #231815;
    line-height: 1.5rem;
    height: auto;
    display: block;
    overflow: auto;
    max-height: none; }
  .public-banner2 .banner-left .center-wrap .banner-text span {
    font-size: 1rem;
    color: #231815;
    padding-top: .83333rem;
    display: block; }
  .public-banner2 .banner-left .center-wrap .banner-text .friend {
    display: inline-block;
    font-size: 1rem;
    color: #231815;
    line-height: 2.83333rem;
    border: .04167rem solid #231815;
    -moz-border-radius: .20833rem;
    -webkit-border-radius: .20833rem;
    border-radius: .20833rem;
    padding: 0 2.08333rem;
    margin-top: 1.5rem; }
  .inspiration .main {
    background: #fff;
    padding-bottom: 4.16667rem; }
  .inspiration .main .text {
    padding-top: 3.33333rem; }
  .inspiration .main .text h1 {
    font-size: 1.66667rem;
    color: #282828;
    text-align: center; }
  .inspiration .main .text .inspiration-video {
    width: 100%;
    height: 10.16667rem; }
  .inspiration .main .text .inspiration-video .video-banner a {
    display: inline-block;
    width: 3.33333rem;
    height: 3.33333rem;
    background-size: 3.33333rem; }
  .inspiration .main .text .article, .inspiration .main .text p {
    line-height: to rem(36px);
    width: auto;
    margin: 0 auto;
    color: #282828; }
  .inspiration .main .text p {
    padding-top: 1.66667rem;
    font-size: 1rem; }
  .inspiration .main .text p span {
    padding-left: 2em; }
  .inspiration .main .text .article {
    padding-top: to rem(40px);
    font-size: tore m(24px); }
  .inspiration .main .text .article p {
    width: 100%;
    padding-top: 0;
    padding-bottom: 1em; }
  .inspiration .main .text .article p span {
    padding-left: 0; }
  .inspiration .main .fellow {
    font-size: tore m(42px);
    color: #282828;
    padding-top: to rem(101px); }
  .inspiration .main .list .position .title {
    padding: 1.66667rem 0 1.45833rem;
    font-size: tore m(40px);
    color: #282828; }
  .inspiration .main .list .position .title h1 {
    float: none; }
  .inspiration .main .list .position .title a {
    display: none; }
  .inspiration .main .list .position .learn -btn {
    display: block;
    padding-top: to rem(60px);
    text-align: center; }
  .inspiration .main .list .position .learn -btn a {
    display: block;
    border: 1px solid #231815;
    -moz-border-radius: .20833rem;
    -webkit-border-radius: .20833rem;
    border-radius: .20833rem;
    font-size: 1rem;
    line-height: 2.83333rem;
    color: #231815; }
  .inspiration .main .list .experience .title {
    padding: 2.91667rem 0 1.45833rem;
    font-size: tore m(40px);
    color: #282828; }
  .inspiration .main .list .experience .title h1 {
    float: none; }
  .inspiration .main .list .experience .title a {
    display: none; }
  .inspiration .main .list .experience .public-table .td {
    width: auto; }
  .inspiration .main .list .experience .learn-btn {
    display: block;
    padding-top: to rem(60px);
    text-align: center; }
  .inspiration .main .list .experience .learn-btn a {
    display: block;
    border: 1px solid #231815;
    -moz-border-radius: .20833rem;
    -webkit-border-radius: .20833rem;
    border-radius: .20833rem;
    font-size: tore m(24px);
    line-height: to rem(68px);
    color: #231815; } }

.intention-department .main .public-banner {
  height: 250px; }

.intention-department .main .public-banner .public-banner-item-m {
  display: none; }

.intention-department .main .public-banner .public-banner-item {
  height: 100%;
  background-repeat: no-repeat; }

.intention-department .main .public-banner .public-banner-item .box {
  width: 1106px;
  height: 100%;
  margin: 0 auto;
  position: relative; }

.intention-department .main .public-banner .public-banner-item .box .item-content {
  position: absolute;
  top: 45%;
  left: 0;
  transform: translateY(-50%); }

.intention-department .main .public-banner .public-banner-item .box .item-content h4 {
  font-size: 40px;
  color: #231815;
  line-height: 1.1;
  text-align: left;
  padding-bottom: 20px; }

.intention-department .main .public-banner .public-banner-item .box .item-content p {
  font-size: 18px;
  color: #231815;
  line-height: 1.3;
  text-align: left;
  padding: 0; }

.intention-department .main .public-banner .public-banner-item .btn a {
  padding: 0 32px;
  font-size: 16px; }

.intention-department .main .public-banner .public-banner-item .bottom-text {
  font-size: 18px;
  color: #fefefe;
  margin-top: 10px; }

.intention-department .main .public-banner .public-banner-item .bottom-text i {
  display: inline-block;
  height: 16px;
  width: 1px;
  background: #fff;
  vertical-align: middle;
  margin: 0 20px; }

.intention-department .main .post-explain {
  padding: 0; }

.intention-department .main .post-explain .job-description {
  border-bottom: 1px solid #ebebeb;
  padding: 57px 0 64px; }

.intention-department .main .post-explain .job-description h1 {
  font-size: 34px;
  color: #282828; }

.intention-department .main .post-explain .job-description p {
  font-size: 16px;
  line-height: 1.5;
  color: #282828;
  padding-top: 30px; }

.intention-department .main .post-explain .job-description:last-child {
  border-bottom: 0; }

.intention-department .main .department-apply h1 {
  font-size: 34px;
  color: #282828;
  line-height: 72px;
  padding-bottom: 20px; }

.intention-department .main .department-apply .first-intentio {
  border: 1px solid #ebebeb;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 26px 44px 40px 28px;
  margin-bottom: 25px; }

.intention-department .main .department-apply .first-intentio .left h2 {
  font-size: 20px;
  color: #282828; }

.intention-department .main .department-apply .first-intentio .left h5 {
  font-size: 24px;
  color: #231815;
  padding-top: 24px; }

.intention-department .main .department-apply .first-intentio .left p {
  font-size: 14px;
  color: grey;
  padding-top: 8px; }

.intention-department .main .department-apply .first-intentio .left p span {
  padding-right: 24px; }

.intention-department .main .department-apply .first-intentio .right {
  padding-top: 68px; }

.intention-department .main .department-apply .first-intentio .right a .switcher {
  display: inline-block;
  font-size: 16px;
  color: #c7000b;
  border: 1px solid #c7000b;
  line-height: 40px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 0 30px;
  margin-right: 15px; }

.intention-department .main .department-apply .first-intentio .right a .remove {
  display: inline-block;
  border: 1px solid #999;
  font-size: 16px;
  color: grey;
  line-height: 40px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 0 30px; }

.intention-department .main .department-apply .second-intentio {
  border: 1px solid #ebebeb;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 28px 30px 48px; }

.intention-department .main .department-apply .second-intentio h2 {
  font-size: 20px;
  color: #282828; }

.intention-department .main .department-apply .second-intentio .switcher {
  display: inline-block;
  font-size: 16px;
  color: #c7000b;
  border: 1px solid #c7000b;
  line-height: 40px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 0 30px;
  margin-top: 30px; }

.intention-department .main .department-apply .bottom .btn-claimer a {
  display: inline-block; }

.intention-department .main .department-apply .bottom .btn-claimer a .claimer {
  display: inline-block;
  font-size: 16px;
  color: #fff;
  line-height: 42px;
  padding: 0 40px;
  background: #c7000b;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin-left: 5px; }

.intention-department .main .department-apply .bottom .but-collect a {
  display: inline-block; }

.intention-department .main .department-apply .bottom .but-collect a .led {
  display: inline-block;
  font-size: 16px;
  color: #fff;
  line-height: 42px;
  padding: 0 40px;
  background: #007ab7;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }

@media only screen and (max-width: 992px) {
  .intention-department .main .public-banner {
    height: 15.41667rem; }
  .intention-department .main .public-banner .public-banner-item {
    display: none; }
  .intention-department .main .public-banner .public-banner-item-m {
    display: block;
    height: 15.41667rem;
    padding: 0 1.66667rem;
    background-size: cover; }
  .intention-department .main .public-banner .public-banner-item-m .box {
    width: auto; }
  .intention-department .main .public-banner .public-banner-item-m .box .item-content {
    padding-top: 3.75rem; }
  .intention-department .main .public-banner .public-banner-item-m .box .item-content h4 {
    font-size: 1.66667rem;
    color: #231815;
    line-height: 1.1;
    text-align: left;
    padding-bottom: .83333rem;
    width: auto; }
  .intention-department .main .public-banner .public-banner-item-m .box .item-content p {
    font-size: 1rem;
    color: #231815;
    line-height: 1.3;
    text-align: left;
    padding: 0;
    width: auto; }
  .intention-department .main .public-banner .public-banner-item-m h4 {
    font-size: 1.75rem; }
  .intention-department .main .public-banner .public-banner-item-m .btn a {
    display: inline-block;
    font-size: 1rem;
    width: auto;
    padding: 0 50px; }
  .intention-department .main .public-banner .public-banner-item-m .bottom-text {
    font-size: 1rem;
    color: #fefefe;
    margin-top: 1.75rem; }
  .intention-department .main .public-banner .public-banner-item-m .bottom-text i {
    height: .66667rem;
    margin: 0 .83333rem; }
  .intention-department .main .post-explain {
    padding: .83333rem 0 .91667rem; }
  .intention-department .main .post-explain .job-description {
    border-bottom: .04167rem solid #ebebeb;
    padding: 2rem 0 2.29167rem; }
  .intention-department .main .post-explain .job-description h1 {
    font-size: 1.66667rem;
    color: #282828; }
  .intention-department .main .post-explain .job-description p {
    font-size: 1rem;
    color: #282828;
    padding-top: .91667rem; }
  .intention-department .main .post-explain .job-description:last-child {
    border-bottom: 0; }
  .intention-department .main .department-apply h1 {
    font-size: 1.66667rem;
    color: #282828;
    line-height: 3rem;
    border-bottom: 0 solid #ebebeb;
    padding-bottom: .83333rem; }
  .intention-department .main .department-apply .first-intentio {
    border: 0 solid #ebebeb;
    border-bottom: .04167rem solid #ebebeb;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 2.16667rem 0 4.08333rem;
    margin-bottom: 0; }
  .intention-department .main .department-apply .first-intentio .left {
    float: none; }
  .intention-department .main .department-apply .first-intentio .left h2 {
    font-size: 1rem;
    color: #282828; }
  .intention-department .main .department-apply .first-intentio .left h5 {
    font-size: 1.16667rem;
    color: #c7000b;
    padding-top: .91667rem; }
  .intention-department .main .department-apply .first-intentio .left p {
    font-size: 1rem;
    color: grey;
    padding-top: 1.08333rem; }
  .intention-department .main .department-apply .first-intentio .left p span {
    padding-right: .58333rem; }
  .intention-department .main .department-apply .first-intentio .right {
    float: none;
    padding-top: 2.41667rem; }
  .intention-department .main .department-apply .first-intentio .right a .switcher {
    display: inline-block;
    font-size: 1rem;
    color: #c7000b;
    border: .04167rem solid #c7000b;
    line-height: 2.83333rem;
    -moz-border-radius: .125rem;
    -webkit-border-radius: .125rem;
    border-radius: .125rem;
    padding: 0 2.08333rem;
    margin-right: 1rem; }
  .intention-department .main .department-apply .first-intentio .right a .remove {
    display: inline-block;
    border: .04167rem solid #999;
    font-size: 1rem;
    color: grey;
    line-height: 2.83333rem;
    -moz-border-radius: .125rem;
    -webkit-border-radius: .125rem;
    border-radius: .125rem;
    padding: 0 2.08333rem; }
  .intention-department .main .department-apply .second-intentio {
    border: 0 solid #ebebeb;
    border-bottom: .04167rem solid #ebebeb;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 1.91667rem 0 2rem; }
  .intention-department .main .department-apply .second-intentio h2 {
    font-size: .83333rem;
    color: #282828; }
  .intention-department .main .department-apply .second-intentio .switcher {
    display: inline-block;
    font-size: 1rem;
    line-height: 2.83333rem;
    -moz-border-radius: .125rem;
    -webkit-border-radius: .125rem;
    border-radius: .125rem;
    padding: 0 2.08333rem;
    margin-top: 1.25rem; }
  .intention-department .main .department-apply .bottom {
    padding: .83333rem 0 4.16667rem; }
  .intention-department .main .department-apply .bottom .btn-claimer a {
    display: block; }
  .intention-department .main .department-apply .bottom .btn-claimer a .claimer {
    display: block;
    font-size: 1rem;
    color: #fff;
    line-height: 2.91667rem;
    text-align: center;
    padding: 0;
    -moz-border-radius: .125rem;
    -webkit-border-radius: .125rem;
    border-radius: .125rem;
    margin-top: 1.25rem;
    margin-left: 0; } }

.school-popup {
  width: 1106px;
  background: #f9f9f9;
  margin: 0 auto;
  position: relative;
  padding: 60px 0; }

.school-popup .close {
  display: inline-block;
  width: 25px;
  height: 25px;
  overflow: hidden;
  position: absolute;
  top: 33px;
  right: 33px; }

.school-popup .close::after, .school-popup .close::before {
  position: absolute;
  content: ',';
  top: 50%;
  left: 0;
  margin-top: -1px;
  background: #222;
  width: 100%;
  height: 3px; }

.school-popup .close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg); }

.school-popup .close::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg); }

.school-popup .window-container {
  padding: 0 50px; }

.school-popup .window-container .title {
  font-size: 30px;
  color: #282828; }

.school-popup .window-container .city {
  padding-top: 33px; }

.school-popup .window-container .city p {
  display: inline-block;
  font-size: 16px;
  color: grey; }

.school-popup .window-container .city .select-warp {
  display: inline-block;
  width: 190px; }

.school-popup .window-container .city .select-warp .title {
  font-size: 16px;
  color: #404040; }

.school-popup .window-container .window-list {
  margin: 30px 0 0;
  height: 444px;
  overflow-y: auto; }

.school-popup .window-container .window-list .panel {
  margin-bottom: 14px;
  cursor: pointer; }

.school-popup .window-container .window-list .panel .bar {
  background: #e7e7e7;
  font-size: 22px;
  color: #282828;
  line-height: 60px;
  padding: 0 24px; }

.school-popup .window-container .window-list .panel .bar .btn .active {
  display: none; }

.school-popup .window-container .window-list .panel .content {
  background: #fff;
  padding: 24px 38px 40px; }

.school-popup .window-container .window-list .panel .content p {
  font-size: 16px;
  color: #282828;
  line-height: 28px; }

.school-popup .window-container .window-list .panel .content .site {
  padding-top: 24px;
  font-size: 0; }

.school-popup .window-container .window-list .panel .content .site span {
  font-size: 16px;
  vertical-align: middle;
  color: #282828; }

.school-popup .window-container .window-list .panel .content .site i {
  display: inline-block;
  width: 1px;
  height: 16px;
  background: #282828;
  margin: 0 22px;
  vertical-align: middle; }

.school-popup .window-container .window-list .panel .content a {
  display: inline-block;
  margin-top: 36px; }

.school-popup .window-container .window-list .panel .content a .add {
  display: inline-block;
  font-size: 16px;
  color: #c7000b;
  line-height: 40px;
  border: 1px solid #c7000b;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 0 40px; }

.school-popup .window-container .window-list .panel .content.active {
  display: none; }

.school-popup .window-container .window-list .panel.active {
  background-color: #15b0e8; }

@media only screen and (max-width: 992px) {
  .school-popup {
    width: auto;
    height: auto;
    background: #f9f9f9;
    margin: 0 auto;
    position: relative;
    padding: 4.16667rem 0 0; }
  .school-popup .close {
    display: inline-block;
    width: 1.66667rem;
    height: 1.66667rem;
    overflow: hidden;
    position: absolute;
    top: 1.66667rem;
    right: 1.66667rem; }
  .school-popup .close::after, .school-popup .close::before {
    position: absolute;
    content: ',';
    top: 50%;
    left: 0;
    background: #222;
    width: 100%;
    height: .16667rem; }
  .school-popup .close::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg); }
  .school-popup .close::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg); }
  .school-popup .window-container {
    padding: 0 1.66667rem; }
  .school-popup .window-container .title {
    font-size: 2rem;
    color: #282828; }
  .school-popup .window-container .city {
    padding-top: 1.875rem; }
  .school-popup .window-container .city p {
    display: block;
    font-size: 1rem;
    color: grey; }
  .school-popup .window-container .city .select-warp {
    display: block;
    width: 100%;
    padding-top: .83333rem; }
  .school-popup .window-container .city .select-warp .title {
    font-size: 1rem;
    color: #404040; }
  .school-popup .window-container .window-list {
    margin: 1.58333rem 0 4.16667rem;
    height: auto;
    overflow-y: scroll; }
  .school-popup .window-container .window-list .panel {
    margin-bottom: 1.25rem; }
  .school-popup .window-container .window-list .panel .bar {
    background: #e7e7e7;
    font-size: 1.33333rem;
    color: #282828;
    line-height: 3.33333rem;
    padding: 0 1.33333rem 0 1.58333rem; }
  .school-popup .window-container .window-list .panel .bar .btn img {
    height: .45833rem; }
  .school-popup .window-container .window-list .panel .bar .btn .active {
    display: none; }
  .school-popup .window-container .window-list .panel .content {
    background: #fff;
    padding: 1.25rem 1rem 1.58333rem 1.25rem; }
  .school-popup .window-container .window-list .panel .content p {
    font-size: 1rem;
    color: #282828;
    line-height: 1.58333rem; }
  .school-popup .window-container .window-list .panel .content .site {
    padding-top: 1.5rem;
    font-size: 0; }
  .school-popup .window-container .window-list .panel .content .site span {
    font-size: 1rem;
    line-height: 1.75rem;
    vertical-align: middle;
    color: #282828;
    padding-right: 1.33333rem; }
  .school-popup .window-container .window-list .panel .content .site i {
    display: inline-block;
    width: 1px;
    height: .91667rem;
    background: #282828;
    margin: 0 1.5rem 0 0;
    vertical-align: middle; }
  .school-popup .window-container .window-list .panel .content .site i:nth-child(3n) {
    display: none; }
  .school-popup .window-container .window-list .panel .content a {
    display: inline-block;
    margin-top: 2.08333rem; }
  .school-popup .window-container .window-list .panel .content a .add {
    display: inline-block;
    font-size: 1rem;
    color: #c7000b;
    line-height: 2.83333rem;
    border: 1px solid #c7000b;
    -moz-border-radius: .125rem;
    -webkit-border-radius: .125rem;
    border-radius: .125rem;
    padding: 0 1.91667rem; }
  .school-popup .window-container .window-list .panel .content.active {
    display: none; } }

.huawei-live .main .live-video .video-box a, .why-seclect .main .vice-banner-video .vice-banner .video-icon {
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%); }

.why-seclect .main .public-banner swiper-container .public-banner-item .item-content p {
  font-size: 16px; }

.why-seclect .main .public-banner swiper-container .public-banner-item .item-content .btn .btn-item {
  display: inline-block;
  vertical-align: middle;
  line-height: 48px;
  color: #fff;
  padding: 0 30px;
  border: 1px solid #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 16px; }

.why-seclect .main .vice-banner-video {
  height: 600px; }

.why-seclect .main .vice-banner-video .vice-banner {
  height: 600px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative; }

.why-seclect .main .vice-banner-video .vice-banner .video-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.why-seclect .vice-banner-worap {
  position: relative; }

.why-seclect .vice-banner-worap .vice-banner {
  height: 450px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }

.why-seclect .vice-banner-worap .box {
  height: 336px;
  width: 450px;
  max-height: 338px;
  background: #15b0e8;
  position: absolute;
  top: 56px;
  left: 58%; }

.why-seclect .vice-banner-worap .box .tier {
  padding: 32px 40px 43px 54px; }

.why-seclect .vice-banner-worap .box .tier h1 {
  font-size: 34px;
  line-height: 1.1;
  color: #fff; }

.why-seclect .vice-banner-worap .box .tier p {
  padding-top: 18px;
  height: 116px;
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical; }

.why-seclect .vice-banner-worap .box .tier .hw-story {
  display: inline-block;
  padding: 0 32px;
  margin-top: 30px;
  font-size: 14px;
  line-height: 48px;
  color: #fff;
  border: 1px solid #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }

.why-seclect .vice-banner-worap .index-container {
  height: 336px;
  width: 450px;
  max-height: 338px;
  background: #15b0e8;
  position: absolute;
  top: 56px; }

.why-seclect .vice-banner-worap .index-container .tier {
  padding: 32px 40px 43px; }

.why-seclect .vice-banner-worap .index-container .tier h1 {
  font-size: 34px;
  color: #fff; }

.why-seclect .vice-banner-worap .index-container .tier p {
  padding-top: 18px;
  height: 114px;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical; }

.why-seclect .vice-banner-worap .index-container .tier .hw-story {
  display: inline-block;
  padding: 0 32px;
  margin-top: 30px;
  font-size: 14px;
  line-height: 48px;
  color: #fff;
  border: 1px solid #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }

.why-seclect .public-list {
  padding: 80px 0 108px;
  overflow: hidden; }

.why-seclect .public-list .list-title {
  text-align: center; }

.why-seclect .public-list .list-title h2 {
  font-size: 38px;
  color: #282828; }

.why-seclect .public-list .list-title p {
  font-size: 16px;
  color: #282828;
  line-height: 56px; }

.why-seclect .public-list .list {
  margin-top: 40px;
  width: 22.9%;
  height: 370px;
  float: left;
  margin-right: 1.989%;
  background: #fff; }

.why-seclect .public-list .list .list-top {
  padding: 30px 0;
  width: 210px;
  margin: 0 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.why-seclect .public-list .list .list-top img {
  height: 48px; }

.why-seclect .public-list .list .list-top span {
  margin-left: 20px;
  font-size: 18px;
  color: #282828;
  line-height: 48px;
  vertical-align: middle; }

.why-seclect .public-list .list .list-bottom {
  height: 260px;
  background-size: 100%; }

.why-seclect .public-list .list .list-bottom p {
  font-size: 18px;
  color: #fff;
  height: 175px;
  margin: 0 26px;
  padding-top: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical; }

.why-seclect .public-list .list .list-bottom span {
  font-size: 18px;
  color: #fff;
  display: inline-block;
  padding: 6px 0 0 25px; }

.why-seclect .public-list .list .list-bottom span img {
  padding-left: 10px; }

@media only screen and (max-width: 992px) {
  .why-seclect .main .public-banner swiper-container .public-banner-item .item-content p {
    font-size: 1rem; }
  .why-seclect .main .public-banner swiper-container .public-banner-item .item-content .btn .btn-item {
    display: inline-block;
    vertical-align: middle;
    line-height: 2.83333rem;
    color: #fff;
    padding: 0 2.08333rem;
    border: 1px solid #fff;
    -moz-border-radius: .16667rem;
    -webkit-border-radius: .16667rem;
    border-radius: .16667rem;
    font-size: 1rem; }
  .why-seclect .main .vice-banner-video {
    height: 15rem; }
  .why-seclect .main .vice-banner-video .vice-banner {
    height: 15rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative; }
  .why-seclect .main .vice-banner-video .vice-banner .video-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .why-seclect .main .vice-banner-video .vice-banner .video-icon img {
    height: 4.16667rem; }
  .why-seclect .vice-banner-worap {
    position: static; }
  .why-seclect .vice-banner-worap .vice-banner {
    height: 15rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
  .why-seclect .vice-banner-worap .box, .why-seclect .vice-banner-worap .index-container {
    max-height: none;
    background: #15b0e8;
    position: static;
    height: auto;
    width: auto; }
  .why-seclect .vice-banner-worap .box .tier {
    padding: 2.91667rem 1.66667rem; }
  .why-seclect .vice-banner-worap .box .tier h1 {
    font-size: 1.66667rem;
    color: #fff; }
  .why-seclect .vice-banner-worap .box .tier p {
    padding-top: .75rem;
    height: auto;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #fff;
    overflow: auto;
    display: block; }
  .why-seclect .vice-banner-worap .box .tier .hw-story {
    display: inline-block;
    padding: 0 2.08333rem;
    margin-top: 30px;
    font-size: 1rem;
    line-height: 2.83333rem;
    color: #fff;
    border: .04167rem solid #fff;
    -moz-border-radius: .16667rem;
    -webkit-border-radius: .16667rem;
    border-radius: .16667rem; }
  .why-seclect .vice-banner-worap .index-container .tier {
    padding: 2.91667rem 1.66667rem; }
  .why-seclect .vice-banner-worap .index-container .tier h1 {
    font-size: 1.66667rem;
    color: #fff; }
  .why-seclect .vice-banner-worap .index-container .tier p {
    padding-top: .75rem;
    height: auto;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #fff;
    overflow: auto;
    display: block; }
  .why-seclect .vice-banner-worap .index-container .tier .hw-story {
    display: inline-block;
    padding: 0 2.08333rem;
    margin-top: 30px;
    font-size: 1rem;
    line-height: 2.83333rem;
    color: #fff;
    border: .04167rem solid #fff;
    -moz-border-radius: .16667rem;
    -webkit-border-radius: .16667rem;
    border-radius: .16667rem; }
  .why-seclect .public-list {
    padding: 80px 0 108px;
    overflow: hidden; }
  .why-seclect .public-list .list-title h2 {
    font-size: 1.66667rem;
    color: #282828;
    text-align: center; }
  .why-seclect .public-list .list-title p {
    font-size: 1rem;
    color: #282828;
    line-height: 1.41667rem;
    text-align: start;
    padding-top: .75rem; }
  .why-seclect .public-list .list {
    width: auto;
    height: auto;
    float: none;
    margin-right: 0;
    background: #fff;
    margin-bottom: 1.66667rem; }
  .why-seclect .public-list .list .list-top {
    padding: 1.66667rem;
    margin: 0;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .why-seclect .public-list .list .list-top img {
    height: 2rem; }
  .why-seclect .public-list .list .list-top span {
    margin-left: .33333rem;
    font-size: 1.66667rem;
    color: #282828;
    line-height: 2rem;
    vertical-align: middle; }
  .why-seclect .public-list .list .list-bottom {
    height: 16.66667rem;
    background-size: 100%; }
  .why-seclect .public-list .list .list-bottom p {
    font-size: 1rem;
    color: #fff;
    height: 8.33333rem;
    margin: 0 2.16667rem 3.20833rem 1.66667rem;
    padding-top: 1.79167rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical; }
  .why-seclect .public-list .list .list-bottom span {
    font-size: .75rem;
    color: #fff;
    display: inline-block;
    padding-left: 1.66667rem; }
  .why-seclect .public-list .list .list-bottom span img {
    padding-left: .45833rem;
    height: .58333rem; } }

.intention-department .main .department-apply .splace h1 {
  font-size: 34px;
  color: #282828;
  line-height: 72px;
  padding-bottom: 20px; }

.intention-department .main .department-apply .splace .city {
  font-size: 16px;
  color: #282828;
  line-height: 32px; }

.intention-department .main .department-apply .splace .city span {
  margin-right: 26px; }

.intention-department .main .department-apply .splace .city span:last-child {
  margin-right: 0; }

.intention-department .main .department-apply .bottom {
  padding: 60px 0 100px; }

@media only screen and (max-width: 992px) {
  .intention-department .main .department-apply .splace h1 {
    font-size: 1.75rem;
    color: #282828;
    line-height: 1.75rem;
    padding-bottom: 1.08333rem; }
  .intention-department .main .department-apply .splace .city {
    color: #282828;
    line-height: 1.33333rem;
    font-size: 0; }
  .intention-department .main .department-apply .splace .city span {
    margin-right: 1.75rem;
    font-size: 1rem;
    color: #282828;
    line-height: 2.16667rem; }
  .intention-department .main .department-apply .splace .city span:last-child {
    margin-right: 1.75rem; }
  .intention-department .main .department-apply .splace .city span:nth-child(4n) {
    margin-right: 0; }
  .intention-department .main .department-apply .bottom {
    padding: 1.25rem 0 4.16667rem; } }

.intention-department .main .post-explain .subdivide-title {
  font-size: 34px;
  color: #282828;
  padding-bottom: 30px; }

.intention-department .main .post-explain .subdivide {
  padding: 10px 0 12px; }

.intention-department .main .post-explain .subdivide select {
  width: 100%;
  padding: 0 30px 0 14px;
  font-size: 16px;
  height: 40px;
  border: 1px solid #282828;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: url(../images/index/button-arrows1.png) 97% center no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.intention-department .main .post-explain .subdivide select::-ms-expand {
  display: none; }

@media only screen and (max-width: 992px) {
  .intention-department .main .post-explain .subdivide-title {
    font-size: 1.66667rem;
    padding-bottom: 0; }
  .intention-department .main .post-explain .subdivide {
    padding: 1.5rem 0 .5rem; }
  .intention-department .main .post-explain .subdivide select {
    width: 100%;
    padding: 0 1.25rem 0 .91667rem;
    font-size: 1rem;
    height: 2.83333rem;
    border: 1px solid #282828;
    -moz-border-radius: .125rem;
    -webkit-border-radius: .125rem;
    border-radius: .125rem;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(../images/index/button-arrows1.png) 95% center no-repeat; } }

.campus-recruitment .main .social-banner {
  height: 460px; }

.campus-recruitment .main .social-banner .swiper-container {
  height: 100%;
  max-width: 1920px;
  position: relative; }

.campus-recruitment .main .social-banner .swiper-container .swiper-wrapper {
  width: 100%; }

.campus-recruitment .main .social-banner .swiper-container .swiper-wrapper .swiper-slide {
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative; }

.campus-recruitment .main .social-banner .swiper-container .swiper-wrapper .swiper-slide span {
  display: block;
  position: absolute;
  right: 6%;
  bottom: 6%; }

.campus-recruitment .main .social-banner .swiper-container .swiper-wrapper .swiper-slide .banner-main {
  width: 1106px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.campus-recruitment .main .social-banner .swiper-container .swiper-wrapper .swiper-slide .banner-main h1 {
  font-size: 58px;
  line-height: 80px;
  color: #231815;
  padding-left: 109px;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 70px 80px; }

.campus-recruitment .main .social-banner .swiper-container .swiper-wrapper .swiper-slide .banner-main p {
  font-size: 30px;
  line-height: 1.1;
  color: #231815;
  padding-top: 40px; }

.campus-recruitment .main .social-banner .swiper-container .swiper-wrapper .swiper-slide .banner-main a {
  display: inline-block;
  padding-top: 40px; }

.campus-recruitment .main .social-banner .swiper-container .swiper-wrapper .swiper-slide .banner-main a span {
  font-size: 18px;
  line-height: 1.1;
  color: #231815;
  padding-right: 30px;
  background-image: url(../images/index/society-recruitment-banner-arrows.png);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 11px 17px; }

.campus-recruitment .main .social-banner .swiper-container .swiper-pagination {
  position: absolute;
  bottom: 50px;
  left: 0; }

.campus-recruitment .main .social-banner .swiper-container .swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #9fa0a0;
  opacity: 1; }

.campus-recruitment .main .social-banner .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  background: #fff; }

.campus-recruitment .main .social-banner-m {
  display: none; }

@media only screen and (max-width: 750px) {
  .campus-recruitment .main .social-banner {
    display: none; }
  .campus-recruitment .main .social-banner-m {
    display: block;
    height: 22.5rem; }
  .campus-recruitment .main .social-banner-m .swiper-container {
    height: 100%; }
  .campus-recruitment .main .social-banner-m .swiper-container .swiper-wrapper .swiper-slide {
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; }
  .campus-recruitment .main .social-banner-m .swiper-container .swiper-wrapper .swiper-slide .banner-main {
    width: 23.33333rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .campus-recruitment .main .social-banner-m .swiper-container .swiper-wrapper .swiper-slide .banner-main h1 {
    font-size: 2.66667rem;
    line-height: 1.1;
    color: #231815;
    padding-left: 3.08333rem;
    background-position: left .16667rem;
    background-repeat: no-repeat;
    background-size: 2.16667rem 2.5rem; }
  .campus-recruitment .main .social-banner-m .swiper-container .swiper-wrapper .swiper-slide .banner-main p {
    font-size: 1rem;
    line-height: 1.5rem;
    color: #231815;
    padding-top: 1.41667rem; }
  .campus-recruitment .main .social-banner-m .swiper-container .swiper-wrapper .swiper-slide .banner-main a {
    display: inline-block;
    padding-top: 1.41667rem; }
  .campus-recruitment .main .social-banner-m .swiper-container .swiper-wrapper .swiper-slide .banner-main a span {
    font-size: 1rem;
    line-height: 1.1;
    color: #231815;
    padding-right: 1.08333rem;
    background-image: url(../images/index/society-recruitment-banner-arrows.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: .45833rem .79167rem; }
  .campus-recruitment .main .social-banner-m .swiper-container .swiper-pagination {
    position: absolute;
    bottom: 50px;
    left: 0; }
  .campus-recruitment .main .social-banner-m .swiper-container .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #9fa0a0;
    opacity: 1; }
  .campus-recruitment .main .social-banner-m .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff; } }

.campus-recruitment .main .social-banner-en {
  height: 460px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }

.campus-recruitment .main .social-banner-en .banner-main {
  width: 1106px;
  margin: 0 auto;
  padding-top: 150px;
  text-align: center; }

.campus-recruitment .main .social-banner-en .banner-main h4 {
  font-size: 60px;
  line-height: 1.1;
  color: #231815; }

.campus-recruitment .main .social-banner-en .banner-main p {
  width: 460px;
  font-size: 18px;
  line-height: 26px;
  color: #231815;
  padding-top: 6px;
  margin: 0 auto; }

.campus-recruitment .main .social-banner-en-m {
  display: none; }

@media only screen and (max-width: 750px) {
  .campus-recruitment .main .social-banner-en {
    display: none; }
  .campus-recruitment .main .social-banner-en-m {
    display: block;
    height: 22.5rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative; }
  .campus-recruitment .main .social-banner-en-m .banner-main {
    margin: 0 auto;
    padding-top: 0;
    text-align: center;
    width: 23.33333rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .campus-recruitment .main .social-banner-en-m .banner-main h4 {
    font-size: 2.66667rem;
    line-height: 1.1;
    color: #231815; }
  .campus-recruitment .main .social-banner-en-m .banner-main p {
    width: 19.16667rem;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #231815;
    padding-top: 1.41667rem;
    margin: 0 auto; } }

.campus-recruitment .main .public-job-search .public-table ul .border-top a .td {
  width: 28.93%; }

.campus-recruitment .social-faq {
  background: #f8f8f8;
  padding: 50px 0; }

.campus-recruitment .social-faq .warp {
  width: 1106px;
  margin: 0 auto; }

.campus-recruitment .social-faq .warp h1, .campus-recruitment .social-faq .warp h2 {
  font-size: 20px;
  line-height: 1.1;
  color: #231815; }

.campus-recruitment .social-faq .warp p {
  font-size: 14px;
  line-height: 1.1;
  color: #231815;
  padding-top: 32px; }

.campus-recruitment .social-faq .warp .btn {
  padding-top: 24px; }

.campus-recruitment .social-faq .warp .btn a {
  display: inline-block;
  border: 1px solid #c7000b;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 0 15px; }

.campus-recruitment .social-faq .warp .btn a span {
  display: inline-block;
  font-size: 14px;
  line-height: 40px;
  color: #c7000b;
  padding: 0 18px 0 32px;
  background-image: url(../images/index/school-icon10.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 17px 20px;
  position: relative; }

.campus-recruitment .social-faq .warp .btn a span:before {
  background: url(../images/allbgs.png) -68px no-repeat;
  width: 20px;
  height: 20px;
  display: inline-block; }

.campus-recruitment .social-faq .warp .btn a span::after {
  content: '';
  width: 18px;
  height: 14px;
  background-image: url(../images/allbgs.png);
  background-repeat: no-repeat;
  background-position: -598px -47px;
  position: absolute;
  right: 0;
  top: 14px; }

@media only screen and (max-width: 750px) {
  .campus-recruitment .social-faq {
    background: #f8f8f8;
    padding: 3.33333rem 0 4.16667rem; }
  .campus-recruitment .social-faq .warp {
    width: auto;
    padding: 0 1.66667rem; }
  .campus-recruitment .social-faq .warp h1, .campus-recruitment .social-faq .warp h2 {
    font-size: 1.33333rem;
    line-height: 1.1;
    color: #231815; }
  .campus-recruitment .social-faq .warp p {
    font-size: 1rem;
    line-height: 1.5rem;
    color: #231815;
    padding-top: 1.33333rem; }
  .campus-recruitment .social-faq .warp .btn {
    padding-top: 1.41667rem; }
  .campus-recruitment .social-faq .warp .btn a {
    display: inline-block;
    border: 1px solid #c7000b;
    -moz-border-radius: initial;
    -webkit-border-radius: initial;
    border-radius: initial;
    padding: 0 .66667rem; }
  .campus-recruitment .social-faq .warp .btn a span {
    display: inline-block;
    font-size: 1rem;
    line-height: 2.83333rem;
    color: #c7000b;
    padding: 0 .83333rem 0 1.75rem;
    background-image: url(../images/index/school-icon10.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: .91667rem 1.16667rem;
    position: relative; }
  .campus-recruitment .social-faq .warp .btn a span::after {
    content: '';
    width: .41667rem;
    height: .75rem;
    background-image: url(../images/index/school-icon12.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: .41667rem .75rem;
    position: absolute;
    right: 0;
    top: 1.08333rem; }
  .campus-recruitment .main .public-job-search .public-table ul .border-top a .td {
    width: auto; } }

.school .main .apply-list {
  border-bottom: 1px solid #ebebeb;
  padding: 50px 0; }

.school .main .apply-list .left h1 {
  font-size: 24px;
  color: #15b0e8;
  line-height: 24px; }

.school .main .apply-list .left h1 a {
  color: #c7000b; }

.school .main .apply-list .left p {
  font-size: 14px;
  color: #282828;
  line-height: 14px;
  padding-top: 24px; }

.school .main .apply-list .left p span {
  color: grey; }

.school .main .apply-list .right {
  padding-top: 10px; }

.school .main .apply-list .right a {
  display: inline-block; }

.school .main .apply-list .right a .progress {
  font-size: 16px;
  color: #282828;
  line-height: 40px;
  padding: 0 30px;
  border: 1px solid #282828;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px; }

.school .main .apply-list .right a .progress:hover {
  color: #f66f6a;
  border-color: #f66f6a; }

@media only screen and (max-width: 992px) {
  .school .main .apply-list {
    border-bottom: .04167rem solid #ebebeb;
    padding: 2.5rem 0; }
  .school .main .apply-list .left {
    float: none; }
  .school .main .apply-list .left h1 {
    font-size: 1.33333rem;
    color: #15b0e8;
    line-height: 1.33333rem; }
  .school .main .apply-list .left p {
    font-size: 1rem;
    color: #282828;
    line-height: 1rem;
    padding-top: 1.41667rem;
    display: -webkit-box; }
  .school .main .apply-list .left p span {
    color: grey; }
  .school .main .apply-list .right {
    padding-top: 1.66667rem;
    float: none; }
  .school .main .apply-list .right a {
    display: inline-block; }
  .school .main .apply-list .right a .progress {
    font-size: 1rem;
    color: #282828;
    line-height: 2.83333rem;
    padding: 0 1.5rem;
    border: .04167rem solid #282828;
    -moz-border-radius: .125rem;
    -webkit-border-radius: .125rem;
    border-radius: .125rem; }
  .school .main .apply-list .right a .progress:hover {
    color: #f66f6a;
    border-color: #f66f6a; } }

.helpqaq {
  background: #fff; }

.helpqaq .main .title {
  padding: 100px 0 46px;
  text-align: center; }

.helpqaq .main .title h2, .helpqaq .main .title span {
  font-size: 34px;
  color: grey;
  line-height: 34px;
  margin: 0 60px;
  position: relative;
  cursor: pointer;
  display: inline-block; }

.helpqaq .main .title h2:first-child, .helpqaq .main .title span:first-child {
  margin-left: 0; }

.helpqaq .main .title h2:last-child, .helpqaq .main .title span:last-child {
  margin-right: 0; }

.helpqaq .main .title h2.active, .helpqaq .main .title span.active {
  color: #c7000b; }

.helpqaq .main .title h2.active:after, .helpqaq .main .title span.active:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -36px;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  height: 1px;
  background: #c7000b; }

.helpqaq .main .title i {
  display: inline-block;
  width: 2px;
  height: 36px;
  background: #dcdddd; }

.helpqaq .main .school-faq {
  display: none; }

.helpqaq .main .school-faq.active {
  display: block; }

.helpqaq .main .school-faq.active .recruitment-process {
  text-align: center; }

.helpqaq .main .school-faq.active .recruitment-process .caption {
  padding: 90px 0 52px; }

.helpqaq .main .school-faq.active .recruitment-process .caption .h1, .helpqaq .main .school-faq.active .recruitment-process .caption h1 {
  font-size: 46px;
  color: #282828; }

.helpqaq .main .school-faq.active .recruitment-process .flow-chart {
  overflow: hidden;
  margin: 0 auto;
  padding: 0 0 100px;
  font-size: 0;
  text-align: center;
  white-space: nowrap;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.helpqaq .main .school-faq.active .recruitment-process .flow-chart .send-resume {
  width: 16.08%;
  display: inline-block;
  vertical-align: middle; }

.helpqaq .main .school-faq.active .recruitment-process .flow-chart .send-resume.little {
  width: 13.08%; }

.helpqaq .main .school-faq.active .recruitment-process .flow-chart .send-resume.arrow {
  width: auto; }

.helpqaq .main .school-faq.active .recruitment-process .flow-chart .send-resume.arrow img {
  width: 7px; }

.helpqaq .main .school-faq.active .recruitment-process .flow-chart .send-resume img {
  width: 70px;
  height: auto; }

.helpqaq .main .school-faq.active .recruitment-process .flow-chart .send-resume p {
  display: block;
  font-size: 18px;
  color: #282828;
  padding-top: 16px; }

.helpqaq .main .school-faq.active .recruitment-process .flow-chart .send-resume h6 {
  display: none; }

.helpqaq .main .school-faq.active .issue-help {
  padding-bottom: 100px; }

.helpqaq .main .school-faq.active .issue-help .title-help {
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 80px;
  text-align: center; }

.helpqaq .main .school-faq.active .issue-help .title-help .h1, .helpqaq .main .school-faq.active .issue-help .title-help h1 {
  font-size: 46px;
  line-height: 46px;
  color: #282828; }

.helpqaq .main .school-faq.active .issue-help .title-help .chooser {
  padding-top: 60px; }

.helpqaq .main .school-faq.active .issue-help .title-help .chooser .faq-nav {
  font-size: 0;
  max-width: 1106px;
  background: #fff; }

.helpqaq .main .school-faq.active .issue-help .title-help .chooser .faq-nav.vice-nav {
  position: fixed;
  top: 72px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  border-bottom: 1px solid #e1e1e1; }

.helpqaq .main .school-faq.active .issue-help .title-help .chooser .faq-nav a {
  display: inline-block;
  width: 24.86%;
  height: 68px;
  font-size: 20px;
  line-height: 68px;
  color: grey;
  background: #f7f7f7;
  margin-right: .18%;
  cursor: pointer;
  font-weight: 700; }

.helpqaq .main .school-faq.active .issue-help .title-help .chooser .faq-nav a.start {
  background-color: #c7000b;
  color: #fefefe; }

.helpqaq .main .school-faq.active .issue-help .title-help .chooser .faq-nav a:hover {
  color: #fefefe;
  background: #c7000b; }

.helpqaq .main .school-faq.active .issue-help .title-help .chooser .faq-nav a:last-child {
  margin-right: 0; }

.helpqaq .main .school-faq.active .issue-help .list-title {
  font-size: 34px;
  line-height: 34px;
  color: #c7000b;
  padding: 60px 80px;
  border-bottom: 1px solid #ebebeb; }

.helpqaq .main .school-faq.active .issue-help .help-list ul .item {
  padding: 80px 0;
  border-bottom: 1px solid #ebebeb; }

.helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box {
  padding: 0 56px 0 20px; }

.helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .h1, .helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box h1 {
  font-size: 34px;
  line-height: 52px;
  color: #282828;
  padding-left: 58px; }

.helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main {
  padding: 26px 0 0 58px; }

.helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main .h2, .helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main h2 {
  font-size: 16px;
  line-height: 26px;
  color: #282828;
  padding-bottom: 8px; }

.helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main p {
  font-size: 20px;
  line-height: 26px;
  color: #282828; }

.helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main .link-tel a {
  color: #c7000b;
  text-decoration: underline; }

.helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main span {
  font-size: 16px;
  line-height: 26px;
  color: #282828; }

.helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main .img1 {
  padding-top: 10px;
  height: 295px; }

.helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main .img4 {
  padding-top: 10px; }

.helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main .img2 {
  padding-top: 10px;
  height: 604px; }

.helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main .img3 {
  padding-top: 10px;
  height: 522px; }

.helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main .form-list {
  margin-top: 10px; }

.helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main .form-list .e-mail {
  border: 1px solid #f1f0f0; }

.helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main .form-list .e-mail .titles {
  border-bottom: 1px solid #f1f0f0; }

.helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main .form-list .e-mail .titles:last-child {
  border-bottom: none; }

.helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main .form-list .e-mail .titles .left {
  width: 58.13%;
  font-size: 14px;
  line-height: 30px;
  color: #282828;
  padding-left: 12px; }

.helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main .form-list .e-mail .titles .right {
  font-size: 14px;
  line-height: 30px;
  color: #282828;
  padding-left: 12px;
  border-left: 1px solid #ebebeb;
  font-weight: 600; }

.helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main .form-list .e-mail .titles .right a {
  color: #c7000b; }

.helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main .form-list .e-mail .titles .right a:hover {
  color: #c7000b;
  position: relative; }

.helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main .form-list .e-mail .titles .right a:hover::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #c7000b; }

.helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main .school-tel {
  font-size: 16px;
  line-height: 16px;
  color: #282828;
  padding-top: 20px; }

.helpqaq .main .school-faq.active .issue-help .more-problem {
  height: 42px;
  padding-top: 40px; }

.helpqaq .main .school-faq.active .issue-help .more-problem .left {
  font-size: 18px;
  line-height: 42px;
  color: #565656; }

.helpqaq .main .school-faq.active .issue-help .more-problem .left a {
  text-decoration: underline; }

.helpqaq .main .school-faq.active .issue-help .more-problem .right {
  height: 100%; }

.helpqaq .main .school-faq.active .issue-help .more-problem .right a {
  display: inline-block; }

.helpqaq .main .school-faq.active .issue-help .more-problem .right a span {
  display: inline-block;
  font-size: 14px;
  line-height: 40px;
  color: #c7000b;
  border: 1px solid #c7000b;
  padding: 0 10px; }

@media only screen and (max-width: 992px) {
  .helpqaq .main .title {
    padding: 4.16667rem 0 1.91667rem;
    text-align: center; }
  .helpqaq .main .title h2, .helpqaq .main .title span {
    font-size: 1.41667rem;
    color: grey;
    line-height: 1.41667rem;
    margin: 0 2.5rem;
    position: relative;
    display: inline-block; }
  .helpqaq .main .title h2:first-child, .helpqaq .main .title span:first-child {
    margin-left: 0; }
  .helpqaq .main .title h2:last-child, .helpqaq .main .title span:last-child {
    margin-right: 0; }
  .helpqaq .main .title h2.active, .helpqaq .main .title span.active {
    color: #c7000b; }
  .helpqaq .main .title h2.active:after, .helpqaq .main .title span.active:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -1.5rem;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    height: 1px;
    background: #c7000b; }
  .helpqaq .main .title i {
    display: inline-block;
    width: .08333rem;
    height: 1.5rem;
    background: #dcdddd; }
  .helpqaq .main .school-faq {
    display: none; }
  .helpqaq .main .school-faq.active {
    display: block; }
  .helpqaq .main .school-faq.active .recruitment-process {
    text-align: center; }
  .helpqaq .main .school-faq.active .recruitment-process .caption {
    padding: 3.75rem 0 2.125rem; }
  .helpqaq .main .school-faq.active .recruitment-process .caption .h1, .helpqaq .main .school-faq.active .recruitment-process .caption h1 {
    font-size: 1.91667rem;
    color: #282828; }
  .helpqaq .main .school-faq.active .recruitment-process .flow-chart {
    overflow: hidden;
    margin: 0 auto;
    padding: 0 0 .83333rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center; }
  .helpqaq .main .school-faq.active .recruitment-process .flow-chart .send-resume {
    float: none;
    width: 6.66667rem;
    padding-bottom: .66667rem; }
  .helpqaq .main .school-faq.active .recruitment-process .flow-chart .send-resume.little {
    width: 6.66667rem; }
  .helpqaq .main .school-faq.active .recruitment-process .flow-chart .send-resume.arrow {
    width: 1.25rem; }
  .helpqaq .main .school-faq.active .recruitment-process .flow-chart .send-resume.arrow img {
    display: block;
    width: .33333rem;
    padding-top: 1.25rem; }
  .helpqaq .main .school-faq.active .recruitment-process .flow-chart .send-resume p, .helpqaq .main .school-faq.active .recruitment-process .flow-chart .send-resume.arrow:nth-child(3n) {
    display: none; }
  .helpqaq .main .school-faq.active .recruitment-process .flow-chart .send-resume img {
    width: 2.91667rem; }
  .helpqaq .main .school-faq.active .recruitment-process .flow-chart .send-resume h6 {
    display: block;
    font-size: 1rem;
    color: #282828;
    height: 30px;
    padding-top: .70833rem; }
  .helpqaq .main .school-faq.active .recruitment-process .flow-chart .active {
    display: none; }
  .helpqaq .main .school-faq.active .issue-help {
    padding-bottom: 4.16667rem; }
  .helpqaq .main .school-faq.active .issue-help .title-help {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 3.33333rem;
    text-align: center; }
  .helpqaq .main .school-faq.active .issue-help .title-help .h1, .helpqaq .main .school-faq.active .issue-help .title-help h1 {
    font-size: 1.91667rem;
    line-height: 1.91667rem;
    color: #282828; }
  .helpqaq .main .school-faq.active .issue-help .title-help .chooser {
    display: none;
    padding-top: 2.5rem;
    width: 23.33333rem; }
  .helpqaq .main .school-faq.active .issue-help .title-help .chooser .faq-nav {
    font-size: 0;
    width: 100%; }
  .helpqaq .main .school-faq.active .issue-help .title-help .chooser .faq-nav.vice-nav {
    position: fixed;
    top: 4.58333rem;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    border-bottom: 1px solid #e1e1e1; }
  .helpqaq .main .school-faq.active .issue-help .title-help .chooser .faq-nav a {
    display: inline-block;
    width: 100%;
    height: 2.83333rem;
    font-size: 1.25rem;
    line-height: 2.83333rem;
    color: grey;
    background: #f7f7f7;
    margin-right: 1%;
    margin-bottom: .16667rem; }
  .helpqaq .main .school-faq.active .issue-help .title-help .chooser .faq-nav a:last-child {
    margin-right: 1%; }
  .helpqaq .main .school-faq.active .issue-help .list-title {
    font-size: 1.41667rem;
    line-height: 1.41667rem;
    color: #c7000b;
    padding: 2.5rem 1.66667rem;
    border-bottom: 1px solid #ebebeb; }
  .helpqaq .main .school-faq.active .issue-help .help-list ul .item {
    padding: 3.33333rem 0;
    border-bottom: 1px solid #ebebeb; }
  .helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box {
    padding: 0; }
  .helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .h1, .helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box h1 {
    font-size: 1.41667rem;
    line-height: 1.58333rem;
    color: #282828;
    padding-left: 1.66667rem; }
  .helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main {
    padding: .83333rem 0 0 1.66667rem; }
  .helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main .h2, .helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main h2 {
    font-size: .91667rem;
    line-height: 1.33333rem;
    color: #282828;
    padding-bottom: .33333rem; }
  .helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main p {
    font-size: .91667rem;
    line-height: 1.33333rem;
    color: #282828; }
  .helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main .link-tel a {
    color: #c7000b;
    text-decoration: underline; }
  .helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main span {
    font-size: .91667rem;
    line-height: 1.33333rem;
    color: #282828; }
  .helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main .img1, .helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main .img2, .helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main .img3 {
    padding-top: .41667rem;
    height: auto;
    width: 100%; }
  .helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main .form-list {
    margin-top: .41667rem; }
  .helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main .form-list .e-mail {
    border: 1px solid #f1f0f0; }
  .helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main .form-list .e-mail .titles {
    border-bottom: 1px solid #f1f0f0;
    padding-left: .41667rem; }
  .helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main .form-list .e-mail .titles:last-child {
    border-bottom: none; }
  .helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main .form-list .e-mail .titles:first-child {
    display: none; }
  .helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main .form-list .e-mail .titles .left {
    float: none;
    width: auto;
    font-size: 1rem;
    line-height: 1.41667rem;
    color: #282828;
    padding-left: 0;
    padding-top: .41667rem; }
  .helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main .form-list .e-mail .titles .right {
    float: none;
    font-size: 1rem;
    line-height: 1.41667rem;
    color: #282828;
    border-left: none;
    font-weight: 600;
    padding: .41667rem 0; }
  .helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main .form-list .e-mail .titles .right a {
    color: #c7000b; }
  .helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main .form-list .e-mail .titles .right a:hover {
    color: #c7000b;
    position: relative; }
  .helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main .form-list .e-mail .titles .right a:hover::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #c7000b; }
  .helpqaq .main .school-faq.active .issue-help .help-list ul .item .item-box .item-main .school-tel {
    font-size: 1.08333rem;
    line-height: 1.08333rem;
    color: #282828;
    padding-top: .83333rem; }
  .helpqaq .main .school-faq.active .issue-help .more-problem {
    height: auto;
    padding-top: 1.66667rem; }
  .helpqaq .main .school-faq.active .issue-help .more-problem .left {
    float: none;
    font-size: 1rem;
    line-height: 1.75rem;
    color: #565656; }
  .helpqaq .main .school-faq.active .issue-help .more-problem .right {
    height: 100%;
    float: none; }
  .helpqaq .main .school-faq.active .issue-help .more-problem .right a {
    display: inline-block; }
  .helpqaq .main .school-faq.active .issue-help .more-problem .right a span {
    display: inline-block;
    font-size: 1rem;
    line-height: 2.83333rem;
    color: #c7000b;
    border: 1px solid #c7000b;
    padding: 0 .83333rem;
    margin-top: .83333rem; } }

.recruitment-line {
  background: #fff; }

.recruitment-line .main {
  padding: 18px 0 100px; }

.recruitment-line .main .title {
  padding-top: 40px; }

.recruitment-line .main .title h1 {
  font-size: 38px;
  line-height: 1.1;
  color: #282828; }

.recruitment-line .main .site {
  position: relative;
  padding-top: 50px;
  border-bottom: 1px solid #c7000b;
  font-size: 22px;
  line-height: 30px;
  color: #c7000b;
  padding-bottom: 20px; }

.recruitment-line .main .site .left .icon-left {
  width: 50px;
  background: url(../images/contact_hr.png) -65px -16px no-repeat;
  transform: scale(0.8); }

.recruitment-line .main .site .right .icon-right {
  width: 50px;
  padding-right: 15px;
  background: url(../images/contact_hr.png) 0 -10px no-repeat;
  transform: scale(0.8); }

.recruitment-line .main .site .left {
  width: 52.44%;
  line-height: 35px;
  display: flex; }

.recruitment-line .main .site .right {
  padding-left: 50px;
  line-height: 35px;
  display: flex; }

.recruitment-line .main .list ul .item {
  border-bottom: 1px solid #ebebeb;
  width: 100%; }

.recruitment-line .main .list ul .item .warp {
  padding: 30px 0; }

.recruitment-line .main .list ul .item .warp .left {
  width: 52.44%;
  font-size: 20px;
  line-height: 1.1;
  color: #565656;
  padding-right: 50px; }

.recruitment-line .main .list ul .item .warp .right {
  font-size: 16px;
  line-height: 1.1;
  color: grey; }

.recruitment-line .main .touch-mode {
  padding-top: 40px; }

.recruitment-line .main .touch-mode .mode {
  padding-right: 160px; }

.recruitment-line .main .touch-mode .mode:last-child {
  padding-right: 0; }

.recruitment-line .main .touch-mode .mode img {
  width: 40px; }

.recruitment-line .main .touch-mode .mode h3 {
  font-size: 16px;
  line-height: 1.1;
  color: #c7000b;
  padding-top: 16px; }

.recruitment-line .main .touch-mode .mode p {
  font-size: 16px;
  line-height: 1.1;
  color: #424242;
  padding-top: 10px; }

@media only screen and (max-width: 992px) {
  .recruitment-line {
    background: #fff; }
  .recruitment-line .main {
    padding: 0 0 4.16667rem; }
  .recruitment-line .main .title {
    padding-top: 1.66667rem; }
  .recruitment-line .main .title h1 {
    font-size: 1.75rem;
    line-height: 1.1;
    color: #282828; }
  .recruitment-line .main .site {
    padding-top: 2.08333rem;
    border-bottom: 1px solid #c7000b;
    font-size: 1rem;
    line-height: 1.25rem;
    color: #c7000b;
    padding-bottom: 1.66667rem; }
  .recruitment-line .main .site .left {
    float: none;
    width: auto;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 1.20833rem 1.08333rem;
    font-size: 1.33333rem; }
  .recruitment-line .main .site .right {
    display: none;
    float: none;
    padding-left: 2.08333rem;
    background: url(../images/index/icon-02.png) left center no-repeat;
    background-size: 1.20833rem 1.08333rem;
    margin-top: 1.66667rem; }
  .recruitment-line .main .list ul .item {
    border-bottom: 1px solid #ebebeb;
    width: 100%; }
  .recruitment-line .main .list ul .item .warp {
    padding: 1.25rem 0; }
  .recruitment-line .main .list ul .item .warp .left {
    float: none;
    width: auto;
    font-size: .83333rem;
    line-height: 1.1;
    color: #565656;
    padding-right: 1.66667rem; }
  .recruitment-line .main .list ul .item .warp .right {
    float: none;
    font-size: .66667rem;
    line-height: 1.1;
    color: grey;
    padding-top: .41667rem; }
  .recruitment-line .main .touch-mode {
    padding-top: 1.66667rem; }
  .recruitment-line .main .touch-mode .mode {
    padding-right: 0;
    float: none;
    padding-top: 2.5rem; }
  .recruitment-line .main .touch-mode .mode:first-child {
    padding-top: 0; }
  .recruitment-line .main .touch-mode .mode:last-child {
    padding-right: 0; }
  .recruitment-line .main .touch-mode .mode .left {
    float: left; }
  .recruitment-line .main .touch-mode .mode .left img {
    width: 2.5rem; }
  .recruitment-line .main .touch-mode .mode .touch {
    float: left;
    padding-left: .83333rem; }
  .recruitment-line .main .touch-mode .mode .touch h3 {
    font-size: 1rem;
    line-height: 1.1;
    color: #c7000b;
    padding-top: 0; }
  .recruitment-line .main .touch-mode .mode .touch p {
    font-size: 1rem;
    line-height: 1.1;
    color: #424242;
    padding-top: .41667rem;
    width: auto; } }

.overlay {
  position: absolute;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1100;
  background-color: #555;
  opacity: .6; }

.fbox-wrap {
  width: 585px;
  position: absolute;
  position: fixed;
  background: #fff;
  top: 18%;
  left: 50%;
  z-index: 1101;
  margin-left: -292.5px; }

.fbox-wrap .content {
  padding: 50px 30px 20px; }

.fbox-wrap .content h1 {
  font-weight: 400;
  font-size: 22px;
  color: #282828; }

.fbox-wrap .btn-close {
  position: absolute;
  width: 17px;
  height: 17px;
  background: url(../images/icon_pupup_close.png) center no-repeat;
  top: 15px;
  right: 15px; }

.fbox-wrap.weixin-qrcode {
  width: 292px;
  margin-left: -146px; }

.fbox-wrap.weixin-qrcode .content {
  padding: 20px 10px 0; }

.fbox-wrap.weixin-qrcode .content #feedback-form {
  display: none; }

.fbox-wrap.weixin-qrcode .content table {
  display: block;
  margin: 20px auto 0;
  width: 100% !important; }

.fbox-video {
  width: 980px;
  height: 550px;
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 1101;
  margin-left: -490px;
  margin-top: -275px;
  background: #000; }

.fbox-video #mediaplayer {
  width: 100%;
  height: 100%; }

.fbox-video #video-btn-group {
  position: absolute;
  text-align: center;
  width: 100%;
  left: 0;
  height: 45px;
  margin-top: 10px;
  display: none; }

.fbox-video #video-btn-group a {
  display: inline-block;
  line-height: 45px;
  height: 45px;
  background-color: #222;
  border-radius: 45px;
  color: #fff;
  padding: 0 12px; }

.fbox-video #video-btn-group a i {
  display: block;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  opacity: .8; }

.fbox-video #video-btn-group a i.video-download {
  width: 60px;
  background-image: url(../images/icon-download.png);
  background-size: auto 40%; }

.fbox-video #video-btn-group a:hover i {
  opacity: 1; }

.fbox-video .close_video {
  display: none; }

@media (max-width: 750px) {
  .fbox-video {
    width: 100%;
    height: 16.66667rem;
    position: fixed;
    left: 0;
    top: 50%;
    z-index: 1101;
    margin-left: 0;
    margin-top: -4.375rem;
    background: #000; }
  .fbox-video #mediaplayer {
    width: 100%;
    height: 100%; }
  .fbox-video #video-btn-group {
    height: 1.45833rem;
    margin-top: .33333rem; }
  .fbox-video #video-btn-group a {
    line-height: 1.45833rem;
    height: 1.45833rem;
    border-radius: 1.45833rem;
    padding: 0 .41667rem; }
  .fbox-video #video-btn-group a i.video-download {
    width: 1.66667rem;
    background-image: url(../images/icon-download.png);
    background-size: auto 40%; }
  .fbox-video .close_video {
    display: block;
    position: absolute;
    width: 1.25rem;
    height: 1.25rem;
    background: url(../images/vd_close.png) center no-repeat;
    z-index: 999;
    right: 0;
    top: -1.25rem; }
  .overlay {
    opacity: .8; } }

.user-index {
  background: #fff; }

.user-index .main {
  padding-bottom: 100px; }

.user-index .main.en_US .user-container .detail-list .item .box h1 {
  font-size: 22px; }

.user-index .main.en_US .user-container .detail-list .item .box .btn a {
  margin-right: 10px; }

.user-index .main.en_US .user-container .detail-list .item .box .btn a span {
  font-size: 14px; }

.user-index .main .user-container {
  width: 1106px;
  margin: 0 auto; }

.user-index .main .user-container .title {
  padding: 40px 0; }

.user-index .main .user-container .title h1 {
  font-size: 42px;
  line-height: 1.1;
  color: #282828; }

.user-index .main .user-container .title .message span {
  font-size: 18px;
  line-height: 42px;
  color: #231815;
  padding-left: 28px;
  background-image: url(../images/index/user-email.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 19px 14px;
  position: relative; }

.user-index .main .user-container .title .message span:before {
  content: '';
  width: 7px;
  height: 7px;
  background-color: #c7000b;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 2px;
  left: 15px; }

.user-index .main .user-container .user-name {
  background: #e3ebf2; }

.user-index .main .user-container .user-name .name {
  padding-left: 20px; }

.user-index .main .user-container .user-name .name .user-title {
  font-size: 16px;
  line-height: 70px;
  color: #595757; }

.user-index .main .user-container .user-name .name .account-number {
  font-size: 18px;
  line-height: 70px;
  color: #282828; }

.user-index .main .user-container .user-name .right {
  padding-right: 20px; }

.user-index .main .user-container .user-name .right .text {
  font-size: 18px;
  line-height: 70px;
  color: #231815;
  padding-right: 30px; }

.user-index .main .user-container .user-name .right a {
  margin-top: 13px; }

.user-index .main .user-container .user-name .right a span {
  display: inline-block;
  height: 42px;
  font-size: 16px;
  line-height: 42px;
  color: #fff;
  background: #c7000b;
  padding: 0 20px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

.user-index .main .user-container .detail-list {
  padding-top: 30px; }

.user-index .main .user-container .detail-list .item {
  width: 347px;
  background-color: #f8f8f8;
  margin-right: 32px;
  height: 163px;
  position: relative; }

.user-index .main .user-container .detail-list .item:last-child {
  margin-right: 0; }

.user-index .main .user-container .detail-list .item .box {
  padding: 29px 0 0 30px;
  display: inline-block; }

.user-index .main .user-container .detail-list .item .box h1 {
  font-size: 22px;
  line-height: 38px;
  color: #282828;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 44px 38px;
  padding-left: 5px;
  display: inline-block; }

.user-index .main .user-container .detail-list .item .box .btn {
  padding-top: 29px;
  font-size: 0;
  position: absolute;
  bottom: 20px;
  left: 30px; }

.user-index .main .user-container .detail-list .item .box .btn a {
  display: inline-block;
  margin-right: 20px; }

.user-index .main .user-container .detail-list .item .box .btn a:last-child {
  margin-right: 0; }

.user-index .main .user-container .detail-list .item .box .btn a span {
  display: inline-block;
  height: 42px;
  font-size: 16px;
  line-height: 42px;
  color: #fff;
  background: #c7000b;
  padding: 0 22px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

.user-index .main .user-container .detail-list .item .box .btn a span.delete {
  background: #dcdddd;
  color: #231815; }

.user-index .main .user-container .exit-btn {
  padding-top: 40px; }

.user-index .main .user-container .exit-btn a {
  display: inline-block;
  font-size: 16px;
  line-height: 40px;
  color: #231815;
  padding: 0 39px;
  border: 1px solid #231815;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

.user-index .main .user-container .exit-btn a:hover {
  border: 1px solid #c7000b;
  color: #c7000b; }

@media only screen and (max-width: 750px) {
  .user-index {
    background: #fff; }
  .user-index .main {
    padding: 0 1.66667rem 4.16667rem; }
  .user-index .main .user-container {
    width: auto; }
  .user-index .main .user-container .title {
    padding: 2.91667rem 0 2.5rem; }
  .user-index .main .user-container .title h1 {
    font-size: 1.91667rem;
    line-height: 1.1;
    color: #282828; }
  .user-index .main .user-container .title .message {
    padding-top: .83333rem; }
  .user-index .main .user-container .title .message span {
    font-size: 1rem;
    line-height: 1.1;
    color: #231815;
    padding-left: 1.58333rem;
    background-image: url(../images/index/user-email.png);
    background-repeat: no-repeat;
    background-position: left .33333rem;
    background-size: 1.04167rem .75rem;
    position: relative; }
  .user-index .main .user-container .title .message span:before {
    content: '';
    width: .29167rem;
    height: .29167rem;
    background-color: #c7000b;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: .20833rem;
    left: .83333rem; }
  .user-index .main .user-container .user-name {
    background: #e3ebf2;
    padding: 2.08333rem 0 2.5rem 1.58333rem;
    -moz-border-radius: .20833rem;
    -webkit-border-radius: .20833rem;
    border-radius: .20833rem; }
  .user-index .main .user-container .user-name .name {
    padding-left: 0;
    float: none; }
  .user-index .main .user-container .user-name .name .user-title {
    font-size: 1rem;
    line-height: 1.1;
    color: #595757;
    float: none; }
  .user-index .main .user-container .user-name .name .account-number {
    font-size: 1.33333rem;
    line-height: 1.1;
    color: #282828;
    float: none;
    padding-top: .58333rem; }
  .user-index .main .user-container .user-name .right {
    padding-right: 0;
    float: none;
    padding-top: 2rem; }
  .user-index .main .user-container .user-name .right .text {
    font-size: 1rem;
    line-height: 1.1;
    color: #231815;
    padding-right: 0;
    float: none; }
  .user-index .main .user-container .user-name .right a {
    float: none; }
  .user-index .main .user-container .user-name .right a span {
    display: inline-block;
    height: 2.91667rem;
    font-size: 1rem;
    line-height: 2.91667rem;
    color: #fff;
    background: #c7000b;
    padding: 0 .83333rem;
    -moz-border-radius: .20833rem;
    -webkit-border-radius: .20833rem;
    border-radius: .20833rem;
    margin-top: 1.25rem; }
  .user-index .main .user-container .detail-list {
    padding-top: 0; }
  .user-index .main .user-container .detail-list .item {
    width: auto;
    height: 12.41667rem;
    background-color: #f8f8f8;
    margin-right: 0;
    float: none;
    -moz-border-radius: .20833rem;
    -webkit-border-radius: .20833rem;
    border-radius: .20833rem;
    margin-top: 1.66667rem;
    padding-bottom: 0; }
  .user-index .main .user-container .detail-list .item:first-child .btn {
    padding-left: .41667rem; }
  .user-index .main .user-container .detail-list .item .box {
    padding: 2.5rem 0 0 1.58333rem; }
  .user-index .main .user-container .detail-list .item .box h1 {
    font-size: 1.33333rem;
    line-height: 1.75rem;
    color: #282828;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 2.08333rem 1.75rem;
    padding-left: .8rem; }
  .user-index .main .user-container .detail-list .item .box .btn {
    padding-top: 2.83333rem;
    font-size: 0;
    bottom: .83333rem;
    left: 1.58333rem; }
  .user-index .main .user-container .detail-list .item .box .btn a {
    display: inline-block;
    margin-right: .83333rem; }
  .user-index .main .user-container .detail-list .item .box .btn a:last-child {
    margin-right: 0; }
  .user-index .main .user-container .detail-list .item .box .btn a span {
    display: inline-block;
    height: 2.91667rem;
    font-size: 1rem;
    line-height: 2.91667rem;
    color: #fff;
    background: #c7000b;
    padding: 0 1.5rem;
    -moz-border-radius: .20833rem;
    -webkit-border-radius: .20833rem;
    border-radius: .20833rem; }
  .user-index .main .user-container .detail-list .item .box .btn a span.delete {
    background: #dcdddd;
    color: #231815; }
  .user-index .main .user-container .exit-btn {
    padding-top: 3.25rem; }
  .user-index .main .user-container .exit-btn a {
    float: none;
    display: block;
    text-align: center;
    font-size: 1rem;
    line-height: 2.83333rem;
    color: #231815;
    padding: 0;
    border: 1px solid #231815;
    -moz-border-radius: .20833rem;
    -webkit-border-radius: .20833rem;
    border-radius: .20833rem; } }

.job-progress2 {
  background: #fff; }

.job-progress2 .main {
  padding-bottom: 100px; }

.job-progress2 .main .evolve-title {
  padding-top: 60px; }

.job-progress2 .main .evolve-title h1 {
  font-size: 42px;
  line-height: 1.1;
  color: #282828; }

.job-progress2 .main .number {
  padding: 0 0 30px; }

.job-progress2 .main .number .module-corner-pages {
  font-size: 14px;
  color: #282828; }

.job-progress2 .main .number .module-corner-pages span {
  color: #c7000b; }

.job-progress2 .main .number .module-page-number {
  font-size: 14px;
  color: #282828; }

.job-progress2 .main .number .module-page-number select {
  border: none; }

.job-progress2 .main .evolve-list .close-btn {
  position: relative; }

.job-progress2 .main .evolve-list .close-btn .close {
  width: 25px;
  height: 25px;
  background-image: url(../images/post-pop-close.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  right: 25px;
  top: 25px; }

.job-progress2 .main .evolve-list .item {
  background: #f8f8f8;
  padding: 40px 40px 40px 0; }

.job-progress2 .main .evolve-list .item:nth-child(2n) {
  background: #fff; }

.job-progress2 .main .evolve-list .item .section {
  padding-left: 40px; }

.job-progress2 .main .evolve-list .item .section h2 {
  padding-bottom: 10px;
  font-size: 24px;
  line-height: 1.1;
  color: #231815; }

.job-progress2 .main .evolve-list .item .section .text {
  padding-top: 10px;
  font-size: 0; }

.job-progress2 .main .evolve-list .item .section .text p {
  display: inline-block;
  font-size: 14px;
  line-height: 1.1;
  color: #282828; }

.job-progress2 .main .evolve-list .item .section .text span {
  font-size: 14px;
  line-height: 1.1;
  color: #282828;
  border-right: 1px solid #282828;
  padding: 0 10px; }

.job-progress2 .main .evolve-list .item .section .text span:first-child {
  padding-left: 0; }

.job-progress2 .main .evolve-list .item .section .text span:last-child {
  padding-right: 0;
  border-right: none; }

.job-progress2 .main .evolve-list .item .evolve-detail {
  padding-top: 48px;
  padding-left: 22px; }

.job-progress2 .main .evolve-list .item .evolve-detail .text-box {
  text-align: center;
  width: 108px;
  padding-top: 74px;
  background-image: url(../images/index/evolve-icon-1.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 50px;
  margin-right: 126px;
  position: relative; }

.job-progress2 .main .evolve-list .item .evolve-detail .text-box.get-through {
  background-image: url(../images/index/evolve-icon-2.png); }

.job-progress2 .main .evolve-list .item .evolve-detail .text-box.get-through::after {
  background-color: #7a7979; }

.job-progress2 .main .evolve-list .item .evolve-detail .text-box.not-pass {
  background-image: url(../images/index/evolve-icon-3.png); }

.job-progress2 .main .evolve-list .item .evolve-detail .text-box.waiting {
  background-image: url(../images/index/icon-waiting.png); }

.job-progress2 .main .evolve-list .item .evolve-detail .text-box:last-child {
  margin-right: 0; }

.job-progress2 .main .evolve-list .item .evolve-detail .text-box:last-child:after {
  content: ' ';
  width: 0;
  height: 0; }

.job-progress2 .main .evolve-list .item .evolve-detail .text-box::after {
  content: '';
  height: 2px;
  width: 185px;
  background-color: #d2d2d2;
  position: absolute;
  top: 24px;
  left: 79px; }

.job-progress2 .main .evolve-list .item .evolve-detail .text-box p {
  font-size: 16px;
  line-height: 1.1;
  color: #231815;
  padding-bottom: 14px; }

.job-progress2 .main .evolve-list .item .evolve-detail .text-box span {
  font-size: 16px;
  line-height: 1.1;
  color: #595757;
  display: block; }

.job-progress2 .main .evolve-list .item .evolve-detail .text-box a {
  color: #c7000b;
  margin-top: 10px;
  display: inline-block; }

.job-progress2 .main .page-footer {
  padding-top: 38px; }

.job-progress2 .main .page-footer .number-branches {
  float: left;
  font-size: 14px;
  color: #282828;
  padding-top: 14px; }

.job-progress2 .main .page-footer .number-branches a {
  color: #c7000b; }

.job-progress2 .main .page-footer .page-up-down {
  float: right; }

.job-progress2 .main .page-footer .page-up-down a {
  display: inline-block;
  font-size: 14px;
  color: #282828;
  border: 1px solid #282828;
  border-radius: 3px;
  padding: 10px 31px 13px;
  margin-left: 10px; }

.job-progress2 .main .page-footer .page-up-down a:hover {
  color: #c7000b;
  border-color: #c7000b; }

@media only screen and (max-width: 750px) {
  .job-progress2 .main .number .module-page-number, .job-progress2 .main .public-backAndShare {
    display: none; }
  .job-progress2 {
    background: #fff; }
  .job-progress2 .main {
    padding-bottom: 4.16667rem; }
  .job-progress2 .main .index-container {
    padding: 0; }
  .job-progress2 .main .evolve-title {
    padding-top: 2.83333rem;
    padding-left: 1.66667rem; }
  .job-progress2 .main .evolve-title h1 {
    font-size: 1.91667rem;
    line-height: 1.1;
    color: #282828; }
  .job-progress2 .main .number {
    padding: 1.66667rem 1.66667rem 1.08333rem;
    float: none; }
  .job-progress2 .main .number .module-corner-pages {
    font-size: 1rem;
    color: #282828; }
  .job-progress2 .main .evolve-list .item {
    background: #f8f8f8;
    padding: 2.58333rem 1.66667rem 3.33333rem; }
  .job-progress2 .main .evolve-list .item:nth-child(2n) {
    background: #fff; }
  .job-progress2 .main .evolve-list .item .section {
    padding-left: 0; }
  .job-progress2 .main .evolve-list .item .section h2 {
    padding-bottom: .66667rem;
    font-size: 1.33333rem;
    line-height: 1.1;
    color: #231815; }
  .job-progress2 .main .evolve-list .item .section .text {
    padding-top: .83333rem;
    font-size: 0; }
  .job-progress2 .main .evolve-list .item .section .text p {
    display: inline-block;
    font-size: 1rem;
    line-height: 1.1;
    color: #282828; }
  .job-progress2 .main .evolve-list .item .section .text span {
    font-size: 1rem;
    line-height: 1.1;
    color: #282828;
    border-right: 1px solid #282828;
    padding: 0 1rem; }
  .job-progress2 .main .evolve-list .item .section .text span:first-child {
    padding-left: 0; }
  .job-progress2 .main .evolve-list .item .section .text span:last-child {
    padding-right: 0;
    border-right: none; }
  .job-progress2 .main .evolve-list .item .evolve-detail {
    padding-top: 2.5rem;
    padding-left: 0; }
  .job-progress2 .main .evolve-list .item .evolve-detail .text-box {
    float: none;
    text-align: left;
    width: auto;
    height: 2.91667rem;
    padding-top: 0;
    padding-left: 4.58333rem;
    background-image: url(../images/index/evolve-icon-1.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 2.91667rem;
    margin-right: 0;
    margin-bottom: 3.33333rem;
    position: relative; }
  .job-progress2 .main .evolve-list .item .evolve-detail .text-box.get-through {
    background-image: url(../images/index/evolve-icon-2.png); }
  .job-progress2 .main .evolve-list .item .evolve-detail .text-box.get-through::after {
    background-color: #c7000b; }
  .job-progress2 .main .evolve-list .item .evolve-detail .text-box.not-pass {
    background-image: url(../images/index/evolve-icon-3.png); }
  .job-progress2 .main .evolve-list .item .evolve-detail .text-box.waiting {
    background-image: url(../images/index/icon-waiting.png); }
  .job-progress2 .main .evolve-list .item .evolve-detail .text-box:last-child {
    margin-right: 0; }
  .job-progress2 .main .evolve-list .item .evolve-detail .text-box:last-child:after {
    content: ' ';
    width: 0;
    height: 0; }
  .job-progress2 .main .evolve-list .item .evolve-detail .text-box::after {
    content: '';
    height: 3.33333rem;
    width: .08333rem;
    background-color: #d2d2d2;
    position: absolute;
    left: 1.41667rem;
    top: 2.91667rem; }
  .job-progress2 .main .evolve-list .item .evolve-detail .text-box p {
    font-size: 1rem;
    line-height: 1.1;
    color: #231815;
    padding-bottom: .41667rem; }
  .job-progress2 .main .evolve-list .item .evolve-detail .text-box span {
    font-size: 1rem;
    line-height: 1.1;
    color: #595757; }
  .job-progress2 .main .evolve-list .item .evolve-detail .text-box a {
    margin-top: .33333rem; }
  .job-progress2 .main .page-footer {
    padding: 1.41667rem 1.66667rem .83333rem; }
  .job-progress2 .main .page-footer .number-branches {
    float: none;
    font-size: 1rem;
    color: #282828;
    padding-bottom: 2.04167rem; }
  .job-progress2 .main .page-footer .number-branches a {
    color: #c7000b; }
  .job-progress2 .main .page-footer .page-up-down {
    float: none; }
  .job-progress2 .main .page-footer .page-up-down a {
    font-size: 1rem;
    color: #282828;
    border: .04167rem solid #282828;
    -moz-border-radius: .125rem;
    -webkit-border-radius: .125rem;
    border-radius: .125rem;
    padding: 0 2.08333rem;
    margin-left: 0;
    margin-right: .33333rem;
    line-height: 2.75rem; } }

.hwzp-hint-frame {
  padding: 7px 20px;
  background: #fce9da;
  margin: 20px 0; }

.hwzp-hint-frame p {
  font-size: 16px;
  color: #ed6d02;
  line-height: 16px; }

@media (max-width: 750px) {
  .hwzp-hint-frame {
    padding: .29167rem .83333rem;
    background: #fce9da;
    margin: 1.66667rem; }
  .hwzp-hint-frame p {
    font-size: .75rem;
    color: #ed6d02;
    line-height: 1rem; } }

.public-nodata {
  text-align: center;
  padding: 30px; }

.public-nodata span {
  padding-right: 23px;
  background: url(../images/allbgs.png) -31px 0 no-repeat;
  font-size: 18px;
  background-size: auto 90%;
  color: #595757;
  position: relative; }

.public-nodata span:after {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../images/allbgs.png) -223px -139px no-repeat;
  position: absolute;
  right: 0;
  transform: translateY(-50%);
  top: 50%; }

.public-nodata2 {
  text-align: center;
  padding: 30px; }

.public-nodata2 span {
  padding-right: 10px;
  font-size: 18px;
  color: #595757; }

.lock-box {
  padding: 28px 12px; }

.lock-box .lock-title {
  font-size: 28px;
  padding-bottom: 20px;
  line-height: 1.2; }

.lock-box .lock-subtitle {
  font-size: 16px;
  margin-top: -15px; }

.lock-box .lock-content {
  font-size: 14px;
  color: #595757;
  line-height: 1.5; }

.lock-box .lock-btn {
  margin-top: 42px; }

.lock-box .lock-btn a {
  font-size: 14px;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 1px solid #231815;
  border-radius: 5px;
  width: 100px;
  margin-left: 15px; }

.lock-box .lock-btn a:first-child {
  margin-left: 0; }

.lock-box .lock-btn a.active {
  background: #c7000b;
  border-color: #c7000b;
  color: #fff; }

.huawei-live .main .huawei-staff, .huawei-live .main .live-banner, .huawei-live .main .live-video .video-box, .huawei-live .main .live-video .video-box a {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

.huawei-live .live-container {
  margin: 0 auto;
  max-width: 1202px; }

.huawei-live .main .live-banner {
  height: 460px;
  width: 100%;
  overflow: hidden; }

.huawei-live .main .live-banner .live-banner-main {
  width: 534px;
  margin: 120px auto;
  text-align: center; }

.huawei-live .main .live-banner .live-banner-main h2 {
  font-size: 62px;
  line-height: 1.1;
  color: #231815; }

.huawei-live .main .live-banner .live-banner-main p {
  font-size: 16px;
  line-height: 24px;
  color: #231815;
  padding-top: 36px; }

.huawei-live .main .live-banner .live-banner-main a {
  display: inline-block;
  padding-top: 40px; }

.huawei-live .main .live-banner .live-banner-main a span {
  display: inline-block;
  border: 1px solid #231815;
  background-color: rgba(255, 255, 255, 0.2);
  font-size: 16px;
  line-height: 48px;
  color: #231815;
  padding: 0 30px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

.huawei-live .main .huawei-staff .live-container h2, .huawei-live .main .live-video h2 {
  font-size: 36px;
  line-height: 1.1;
  color: #231815;
  text-align: center; }

.huawei-live .main .live-banner-m {
  display: none; }

.huawei-live .main .live-video {
  padding: 80px 0 83px; }

.huawei-live .main .live-video .video-box {
  width: 100%;
  height: 566px;
  position: relative;
  margin-top: 40px; }

.huawei-live .main .live-video .video-box a {
  display: inline-block;
  background-image: url(../images/index/index-news-play.png);
  width: 100px;
  height: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.huawei-live .main .huawei-staff {
  background-image: url(../images/index/live-bg.png); }

.huawei-live .main .huawei-staff .live-container {
  padding: 78px 0 80px; }

.huawei-live .main .huawei-staff .live-container .person-box {
  padding-top: 40px;
  overflow: hidden;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

.huawei-live .main .huawei-staff .live-container .person-box .person-story {
  float: left;
  width: 31.48%;
  padding-right: 2.7%; }

.huawei-live .main .huawei-staff .live-container .person-box .person-story:nth-child(3n) {
  padding-right: 0; }

.huawei-live .main .huawei-staff .live-container .person-box .person-story .box-top {
  width: 100%;
  height: 230px;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

.huawei-live .main .huawei-staff .live-container .person-box .person-story .box-top span {
  display: inline-block;
  font-size: 12px;
  line-height: 2;
  color: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #727476;
  padding: 0 13px 0 10px;
  position: absolute;
  right: 16px;
  top: 14px; }

.huawei-live .main .huawei-staff .live-container .person-box .person-story .box-bottom {
  background: #fff;
  padding: 28px 30px 40px; }

.huawei-live .main .huawei-staff .live-container .person-box .person-story .box-bottom h5 {
  font-size: 22px;
  line-height: 1.1;
  color: #231815; }

.huawei-live .main .huawei-staff .live-container .person-box .person-story .box-bottom p {
  font-size: 16px;
  line-height: 26px;
  color: #231815;
  padding-top: 20px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  height: 78px; }

.huawei-live .main .huawei-staff .live-container .person-box .person-story .box-bottom a {
  font-size: 16px;
  line-height: 1.1;
  color: #231815;
  margin-top: 28px;
  padding-right: 18px;
  display: inline-block;
  background-image: url(../images/index/blue-arrows.png);
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 8px 15px; }

.huawei-live .main .staff-swiper {
  padding-top: 78px; }

.huawei-live .main .staff-swiper h2 {
  font-size: 36px;
  line-height: 1.1;
  color: #231815;
  padding-bottom: 42px;
  text-align: center; }

.huawei-live .main .staff-swiper .swiper-container {
  padding-bottom: 30px; }

.huawei-live .main .staff-swiper .swiper-container .swiper-wrapper .swiper-slide {
  width: 918px; }

.huawei-live .main .staff-swiper .swiper-container .swiper-wrapper .swiper-slide .swiper-tier {
  background: rgba(255, 255, 255, 0.5);
  width: 100%;
  height: 100%; }

.huawei-live .main .staff-swiper .swiper-container .swiper-wrapper .swiper-slide .swiper-tier .swiper-position {
  width: 100%;
  height: 100%; }

.huawei-live .main .staff-swiper .swiper-container .swiper-wrapper .swiper-slide .swiper-tier .swiper-position img {
  width: 100%;
  height: 100%;
  object-fit: cover; }

.huawei-live .main .staff-swiper .swiper-container .swiper-wrapper .swiper-slide .swiper-tier p, .huawei-live .main .staff-swiper .swiper-container .swiper-wrapper .swiper-slide .swiper-tier span {
  display: none; }

.huawei-live .main .staff-swiper .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .swiper-tier {
  background: 0 0;
  position: relative; }

.huawei-live .main .staff-swiper .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .swiper-tier p {
  display: block;
  max-width: 816px;
  font-size: 24px;
  color: #FFF;
  line-height: 1.2;
  position: absolute;
  bottom: 40px;
  left: 50px;
  right: 50px;
  background: rgba(0, 0, 0, 0.7);
  padding: 10px; }

.huawei-live .main .staff-swiper .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .swiper-tier span {
  display: inline-block;
  font-size: 16px;
  color: #FFF;
  line-height: 34px;
  padding: 0 16px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 20px;
  left: 20px; }

.huawei-live .main .staff-swiper .swiper-container .swiper-wrapper .swiper-slide .slide-banner {
  height: 615px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% auto; }

@media only screen and (max-width: 1700px) {
  .huawei-live .main .staff-swiper .swiper-container .swiper-wrapper .swiper-slide .slide-banner {
    height: 546px; } }

@media only screen and (max-width: 1480px) {
  .huawei-live .main .staff-swiper .swiper-container .swiper-wrapper .swiper-slide .slide-banner {
    height: 478px; } }

@media only screen and (max-width: 1300px) {
  .huawei-live .main .staff-swiper .swiper-container .swiper-wrapper .swiper-slide .slide-banner {
    height: 412px; } }

@media only screen and (max-width: 1200px) {
  .huawei-live .main .staff-swiper .swiper-container .swiper-wrapper .swiper-slide .slide-banner {
    height: 380px; } }

.huawei-live .main .staff-swiper .swiper-container .swiper-wrapper .swiper-slide .phone-text {
  display: none; }

.huawei-live .main .staff-swiper .swiper-container .swiper-pagination {
  position: absolute;
  left: 0;
  bottom: 0; }

.huawei-live .main .staff-swiper .swiper-container .swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  background: #bfbfbf; }

.huawei-live .main .staff-swiper .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 32px;
  height: 8px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background: #c7000b; }

.huawei-live .main .staff-swiper .swiper-container .pagination-box {
  width: 1200px;
  height: 80px;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 52%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 99; }

.huawei-live .main .staff-swiper .swiper-container .pagination-box .swiper-button-prev {
  position: initial;
  float: left;
  margin-top: 0;
  width: 80px;
  height: 80px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-image: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80px; }

.huawei-live .main .staff-swiper .swiper-container .pagination-box .swiper-button-prev:hover {
  background-image: url(../images/index/swiper-up_1.png); }

.huawei-live .main .staff-swiper .swiper-container .pagination-box .swiper-button-next {
  position: initial;
  float: right;
  margin-top: 0;
  width: 80px;
  height: 80px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-image: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80px; }

.huawei-live .main .staff-swiper .swiper-container .pagination-box .swiper-button-next:hover {
  background-image: url(../images/index/swiper-down_1.png); }

.huawei-live .main .details {
  padding-top: 80px;
  padding-bottom: 70px;
  text-align: center; }

.huawei-live .main .details h2 {
  display: inline-block;
  font-size: 36px;
  line-height: 84px;
  color: #231815;
  overflow: hidden;
  padding-top: 36px; }

.huawei-live .main .details h2 span {
  display: inline-block;
  background-image: url(../images/index/live-icon.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 97px 84px;
  width: 97px;
  height: 84px;
  float: left;
  margin-right: 16px; }

.huawei-live .main .details p {
  font-size: 16px;
  line-height: 24px;
  color: #231815;
  margin: 0 auto; }

.huawei-live .main .details a {
  display: inline-block;
  font-size: 18px;
  line-height: 48px;
  color: #231815;
  margin-top: 28px;
  border: 1px solid #231815;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 0 30px; }

@media only screen and (max-width: 750px) {
  .huawei-live .main .huawei-staff, .huawei-live .main .live-banner-m, .huawei-live .main .live-video .video-box, .huawei-live .main .live-video .video-box a {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }
  .huawei-live .live-container {
    margin: 0;
    max-width: none;
    padding: 0 1.66667rem; }
  .huawei-live .main .live-banner {
    display: none; }
  .huawei-live .main .live-banner-m {
    display: block;
    height: 22.5rem;
    width: 100%;
    overflow: hidden; }
  .huawei-live .main .live-banner-m .live-container {
    margin: 0;
    max-width: none;
    padding: 0; }
  .huawei-live .main .live-banner-m .live-banner-main {
    width: 100%;
    margin: 88px auto;
    text-align: center; }
  .huawei-live .main .live-banner-m .live-banner-main h2 {
    font-size: 2.66667rem;
    line-height: 1.1;
    color: #231815; }
  .huawei-live .main .live-banner-m .live-banner-main p {
    font-size: 1rem;
    line-height: 1.41667rem;
    color: #231815;
    padding: 1.08333rem 1.66667rem 0; }
  .huawei-live .main .live-banner-m .live-banner-main a {
    display: inline-block;
    padding-top: 3.41667rem; }
  .huawei-live .main .live-banner-m .live-banner-main a span {
    display: inline-block;
    border: 1px solid #231815;
    font-size: 1rem;
    line-height: 2.83333rem;
    color: #231815;
    padding: 0 1.25rem;
    -moz-border-radius: .20833rem;
    -webkit-border-radius: .20833rem;
    border-radius: .20833rem;
    background-color: rgba(255, 255, 255, 0.5); }
  .huawei-live .main .live-video {
    padding: 3.08333rem 0 3.33333rem; }
  .huawei-live .main .live-video h2 {
    font-size: 1.41667rem;
    line-height: 1.83333rem;
    color: #231815;
    text-align: center;
    width: 21.08333rem;
    margin: 0 auto; }
  .huawei-live .main .live-video .video-box {
    width: 100%;
    height: 13.08333rem;
    position: relative;
    margin-top: 1.875rem; }
  .huawei-live .main .live-video .video-box a {
    display: inline-block;
    background-image: url(../images/index/index-news-play.png);
    width: 3.33333rem;
    height: 3.33333rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .huawei-live .main .huawei-staff {
    background-image: url(../images/index/live-bg.png); }
  .huawei-live .main .huawei-staff .live-container {
    padding: 2.70833rem 0 4.16667rem; }
  .huawei-live .main .huawei-staff .live-container h2 {
    font-size: 1.41667rem;
    line-height: 1.83333rem;
    color: #231815;
    text-align: center;
    width: 21.08333rem;
    margin: 0 auto; }
  .huawei-live .main .huawei-staff .live-container .person-box {
    padding: 0 1.66667rem;
    overflow: hidden;
    -moz-border-radius: .20833rem;
    -webkit-border-radius: .20833rem;
    border-radius: .20833rem; }
  .huawei-live .main .huawei-staff .live-container .person-box .person-story {
    padding-top: 2.08333rem;
    float: none;
    width: 100%; }
  .huawei-live .main .huawei-staff .live-container .person-box .person-story .box-top {
    width: 100%;
    height: 14.16667rem;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }
  .huawei-live .main .huawei-staff .live-container .person-box .person-story .box-top span {
    display: inline-block;
    font-size: 1rem;
    line-height: 2;
    color: #fff;
    -moz-border-radius: .20833rem;
    -webkit-border-radius: .20833rem;
    border-radius: .20833rem;
    background-color: #727476;
    padding: 0 1.04167rem 0 .83333rem;
    position: absolute;
    right: auto;
    top: auto;
    left: .83333rem;
    bottom: .83333rem; }
  .huawei-live .main .huawei-staff .live-container .person-box .person-story .box-bottom {
    background: #fff;
    padding: 2.91667rem 2.08333rem 3.33333rem; }
  .huawei-live .main .huawei-staff .live-container .person-box .person-story .box-bottom h5 {
    font-size: 1.25rem;
    line-height: 1.1;
    color: #231815; }
  .huawei-live .main .huawei-staff .live-container .person-box .person-story .box-bottom p {
    font-size: 1rem;
    line-height: 1.33333rem;
    color: #231815;
    padding-top: 1.41667rem;
    height: auto;
    display: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden; }
  .huawei-live .main .huawei-staff .live-container .person-box .person-story .box-bottom a {
    font-size: 1rem;
    line-height: 1.1;
    color: #231815;
    margin-top: 1.91667rem;
    padding-right: 1.08333rem;
    display: inline-block;
    background-image: url(../images/index/blue-arrows.png);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: .41667rem .75rem; }
  .huawei-live .main .staff-swiper .swiper-container .swiper-wrapper .swiper-slide .phone-text, .huawei-live .main .staff-swiper .swiper-container .swiper-wrapper .swiper-slide .swiper-tier p, .huawei-live .main .staff-swiper .swiper-container .swiper-wrapper .swiper-slide .swiper-tier span, .huawei-live .main .staff-swiper .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .swiper-tier span {
    display: none; }
  .huawei-live .main .staff-swiper {
    padding: 3.25rem 1.66667rem 0; }
  .huawei-live .main .staff-swiper h2 {
    font-size: 1.41667rem;
    line-height: 1.1;
    color: #231815;
    padding-bottom: 1.75rem;
    text-align: center; }
  .huawei-live .main .staff-swiper .swiper-container {
    padding-bottom: 0; }
  .huawei-live .main .staff-swiper .swiper-container .swiper-wrapper .swiper-slide .swiper-tier {
    background: rgba(255, 255, 255, 0.5);
    width: 100%;
    height: 100%; }
  .huawei-live .main .staff-swiper .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active {
    height: auto; }
  .huawei-live .main .staff-swiper .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .swiper-tier {
    background: 0 0;
    position: relative; }
  .huawei-live .main .staff-swiper .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .swiper-tier p {
    display: none;
    max-width: none;
    width: 100%;
    font-size: 1rem;
    color: #231815;
    line-height: 1.2;
    position: absolute;
    bottom: -2.5rem;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: 0;
    padding: .41667rem; }
  .huawei-live .main .staff-swiper .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .phone-text {
    display: block;
    max-width: none;
    width: 100%;
    font-size: 1rem;
    color: #231815;
    line-height: 1.2;
    background: 0 0;
    padding: 2.33333rem .41667rem .41667rem; }
  .huawei-live .main .staff-swiper .swiper-container .swiper-wrapper .swiper-slide .slide-banner {
    height: 16rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }
  .huawei-live .main .staff-swiper .swiper-container .swiper-pagination {
    position: absolute;
    left: 0;
    bottom: auto;
    top: 16rem; }
  .huawei-live .main .staff-swiper .swiper-container .swiper-pagination .swiper-pagination-bullet {
    width: .33333rem;
    height: .33333rem;
    display: inline-block;
    border-radius: 50%;
    background: #bfbfbf; }
  .huawei-live .main .staff-swiper .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: .83333rem;
    height: .33333rem;
    -moz-border-radius: .83333rem;
    -webkit-border-radius: .83333rem;
    border-radius: .83333rem;
    background: #c7000b; }
  .huawei-live .main .staff-swiper .swiper-container .pagination-box {
    display: none; }
  .huawei-live .main .details {
    padding-top: 3.16667rem;
    padding-bottom: 2.91667rem;
    text-align: center; }
  .huawei-live .main .details h2 {
    display: inline-block;
    font-size: 1.41667rem;
    line-height: 1.1;
    color: #231815;
    overflow: hidden;
    padding-bottom: 1.08333rem; }
  .huawei-live .main .details h2 span {
    display: block;
    background-image: url(../images/index/live-icon.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 4.16667rem 3.58333rem;
    width: 4.16667rem;
    height: 3.58333rem;
    float: none;
    margin: 0 auto 1.66667rem; }
  .huawei-live .main .details p {
    font-size: 1rem;
    line-height: 1.41667rem;
    color: #231815;
    width: 100%;
    margin: 0 auto;
    white-space: inherit; }
  .huawei-live .main .details a {
    display: inline-block;
    font-size: 1rem;
    line-height: 2.83333rem;
    color: #231815;
    margin-top: 1.75rem;
    border: 1px solid #231815;
    -moz-border-radius: .20833rem;
    -webkit-border-radius: .20833rem;
    border-radius: .20833rem;
    padding: 0 1.25rem; } }

.change-new-pop, .change-new-pop .main .box-wrap .box-title, .post-pop-up {
  position: relative; }

.marked-words {
  border: 1px solid #d84c54;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 14px;
  background: #f9e5e6; }

.marked-words p {
  padding: 0 20px;
  font-size: 14px;
  line-height: 30px;
  color: #c7000b; }

@media only screen and (max-width: 750px) {
  .marked-words {
    border: 1px solid #d84c54;
    -moz-border-radius: .20833rem;
    -webkit-border-radius: .20833rem;
    border-radius: .20833rem;
    margin-bottom: .83333rem;
    background: #f9e5e6; }
  .marked-words p {
    padding: 0 .83333rem;
    font-size: 1rem;
    line-height: 1.66667rem;
    color: #c7000b; } }

.post-pop-up {
  background: #fff;
  width: 660px;
  height: 630px; }

.post-pop-up .wrapper {
  padding-left: 50px; }

.post-pop-up .wrapper .close-btn {
  padding: 15px 25px 0 0;
  overflow: hidden; }

.post-pop-up .wrapper .close-btn .close {
  width: 25px;
  height: 25px;
  background-image: url(../images/post-pop-close.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  float: right; }

.post-pop-up .wrapper h2 {
  padding-top: 20px;
  font-size: 34px;
  line-height: 1.1;
  color: #231815; }

.post-pop-up .wrapper h3 {
  font-size: 18px;
  padding-top: 10px; }

.post-pop-up .wrapper .purpose-list .item {
  padding-top: 32px; }

.post-pop-up .wrapper .purpose-list .item.checkskin {
  cursor: pointer; }

.post-pop-up .wrapper .purpose-list .item.active {
  background-image: url(../images/index/evolve-icon-2.png);
  background-position: right 78px;
  background-size: 30px auto;
  background-repeat: no-repeat; }

.post-pop-up .wrapper .purpose-list .item .title {
  font-size: 18px;
  line-height: 1.1;
  color: #c7000b; }

.post-pop-up .wrapper .purpose-list .item h3 {
  font-size: 24px;
  line-height: 1.1;
  color: #231815;
  padding-top: 18px; }

.post-pop-up .wrapper .purpose-list .item p {
  margin-top: 10px;
  padding-left: 26px;
  background-image: url(../images/icon-pop-popular.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 13px 16px;
  font-size: 12px;
  line-height: 16px;
  color: #231815; }

.post-pop-up .wrapper .purpose-list .item p span {
  font-size: 12px;
  line-height: 16px;
  color: #c7000b; }

.post-pop-up .wrapper .purpose-list .item .site {
  font-size: 14px;
  line-height: 1.1;
  color: #9fa0a0;
  padding-top: 22px; }

.post-pop-up .wrapper .pop-up-btn {
  padding-top: 50px;
  font-size: 0; }

.post-pop-up .wrapper .pop-up-btn a {
  display: inline-block; }

.post-pop-up .wrapper .pop-up-btn a:first-child {
  margin-right: 15px; }

.post-pop-up .wrapper .pop-up-btn a span {
  display: inline-block;
  text-align: center;
  width: 122px;
  background: #c7000b;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 16px;
  line-height: 42px;
  color: #fff; }

.post-pop-up .wrapper .pop-up-btn a span.shut {
  text-align: center;
  width: 120px;
  background: 0 0;
  font-size: 16px;
  line-height: 40px;
  color: #9fa0a0;
  border: 1px solid #dcdddd; }

@media only screen and (max-width: 750px) {
  .post-pop-up {
    background: #fff;
    width: 100%;
    height: auto;
    position: relative; }
  .post-pop-up .wrapper {
    padding: 0 1.66667rem; }
  .post-pop-up .wrapper .close-btn {
    padding: 1.66667rem 0 0;
    overflow: hidden; }
  .post-pop-up .wrapper .close-btn .close {
    width: 1.66667rem;
    height: 1.66667rem;
    background-image: url(../images/post-pop-close.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    float: right; }
  .post-pop-up .wrapper h2 {
    padding-top: 1.25rem;
    font-size: 2rem;
    line-height: 1.1;
    color: #231815; }
  .post-pop-up .wrapper h3 {
    font-size: 1rem;
    padding-top: .625rem; }
  .post-pop-up .wrapper .purpose-list {
    padding-top: 2.08333rem; }
  .post-pop-up .wrapper .purpose-list .item {
    padding-top: 0;
    padding-bottom: 2.5rem; }
  .post-pop-up .wrapper .purpose-list .item.active {
    background-position: right 2.41667rem;
    background-size: 1.25rem auto;
    background-repeat: no-repeat; }
  .post-pop-up .wrapper .purpose-list .item .title {
    font-size: 1rem;
    line-height: 1.1;
    color: #231815; }
  .post-pop-up .wrapper .purpose-list .item h3 {
    font-size: 1.16667rem;
    line-height: 1.1;
    color: #231815;
    padding-top: 1.25rem; }
  .post-pop-up .wrapper .purpose-list .item p {
    margin-top: .66667rem;
    padding-left: .91667rem;
    background-image: url(../images/icon-pop-popular.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: .58333rem .75rem;
    font-size: .75rem;
    line-height: 1.1;
    color: #231815; }
  .post-pop-up .wrapper .purpose-list .item p span {
    font-size: .75rem;
    color: #c7000b; }
  .post-pop-up .wrapper .purpose-list .item .site {
    font-size: 1rem;
    line-height: 1.1;
    color: #9fa0a0;
    padding-top: 1.41667rem; }
  .post-pop-up .wrapper .pop-up-btn {
    padding-top: .83333rem;
    padding-bottom: 4.16667rem;
    font-size: 0; }
  .post-pop-up .wrapper .pop-up-btn a {
    display: inline-block; }
  .post-pop-up .wrapper .pop-up-btn a:first-child {
    margin-right: .83333rem; }
  .post-pop-up .wrapper .pop-up-btn a span {
    display: inline-block;
    text-align: center;
    width: 6.5rem;
    background: #c7000b;
    -moz-border-radius: .20833rem;
    -webkit-border-radius: .20833rem;
    border-radius: .20833rem;
    font-size: 1rem;
    line-height: 2.91667rem;
    color: #fff; }
  .post-pop-up .wrapper .pop-up-btn a span.shut {
    text-align: center;
    width: 6.41667rem;
    background: 0 0;
    font-size: 1rem;
    line-height: 2.83333rem;
    color: #9fa0a0;
    border: 1px solid #dcdddd; } }

.change-new-pop {
  width: 100%;
  height: 100vh; }

.change-new-pop .main .box-wrap {
  width: 100%;
  background: #f9f9f9;
  padding: 28px 46px 66px;
  box-sizing: border-box; }

.change-new-pop .main .box-wrap .box-2 {
  padding-bottom: 76px; }

.change-new-pop .main .box-wrap .box-2 .directory-item {
  padding-top: 14px; }

.change-new-pop .main .box-wrap .box-title h2 {
  font-size: 26px;
  color: #231815;
  line-height: 1.1; }

.change-new-pop .main .box-wrap .box-title span {
  display: block;
  width: 25px;
  height: 25px;
  background: url(../images/post-pop-close.png) center no-repeat;
  background-size: 25px;
  position: absolute;
  top: 0;
  right: -25px;
  cursor: pointer; }

.change-new-pop .main .box-wrap .directory-item {
  padding-top: 26px; }

.change-new-pop .main .box-wrap .directory-item h4 {
  font-size: 30px;
  color: #231815;
  line-height: 1.1;
  float: left; }

.change-new-pop .main .box-wrap .directory-item p {
  display: block;
  font-size: 12px;
  color: #595757;
  line-height: 30px;
  height: 30px;
  background: #f3f3f3;
  padding-left: 12px;
  margin-top: 14px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

.change-new-pop .main .box-wrap .directory-item .choose-lable span {
  display: inline-block;
  padding: 0 14px;
  height: 48px;
  border: 1px solid #282828;
  font-size: 14px;
  color: #231815;
  line-height: 48px;
  margin: 0 8px 10px 0;
  cursor: pointer; }

.change-new-pop .main .box-wrap .directory-item .choose-lable span.active {
  color: #c7000b;
  border-color: #c7000b; }

.change-new-pop .main .box-wrap .directory-item .select-position {
  display: none; }

.change-new-pop .main .box-wrap .directory-item .select-position.two {
  display: block;
  height: 40px; }

.change-new-pop .main .box-wrap .directory-item .select-warp {
  float: right;
  width: 176px;
  padding-left: 46px;
  background: url(../images/index/select-site.png) left center no-repeat;
  background-size: 30px; }

.change-new-pop .main .box-wrap .directory-item .select-warp .title {
  line-height: 40px; }

.change-new-pop .main .box-wrap .no-position-list {
  height: 30px;
  background: #f7e4d4;
  padding-left: 12px;
  margin-top: 14px;
  font-size: 12px;
  line-height: 30px;
  color: #ed6d00;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

.change-new-pop .main .box-wrap .position-list {
  margin-top: 14px;
  overflow-y: auto; }

.change-new-pop .main .box-wrap .position-list .item {
  width: 100%;
  height: 50px;
  background: #edeeee;
  font-size: 22px;
  line-height: 50px;
  color: #231815;
  margin-bottom: 2px;
  padding-left: 25px;
  box-sizing: border-box;
  cursor: pointer; }

.change-new-pop .main .box-wrap .position-list .item:last-child {
  margin-bottom: 0; }

.change-new-pop .main .box-wrap .position-introduce {
  width: 100%;
  height: auto;
  background: #FFF;
  padding: 28px 30px;
  box-sizing: border-box;
  margin-top: 6px;
  position: relative;
  overflow-y: auto; }

.change-new-pop .main .box-wrap .position-introduce .no-record {
  width: 180px;
  padding-left: 24px;
  font-size: 20px;
  color: #9fa0a0;
  line-height: 24px;
  background: url(../images/index/click-icon.png) left center no-repeat;
  background-size: 16px;
  margin: 0 auto;
  padding-top: 150px;
  padding-bottom: 150px; }

.change-new-pop .main .box-wrap .position-introduce .introduce {
  font-size: 16px;
  color: #231815;
  line-height: 24px; }

.change-new-pop .main .box-wrap .position-introduce .introduce .content {
  padding-bottom: 30px;
  line-height: 1.8;
  line-height: 1.4; }

.change-new-pop .main .box-wrap .position-introduce .introduce .content p {
  margin-bottom: 1em; }

.change-new-pop .main .box-wrap .position-introduce .introduce span {
  padding-right: 20px;
  padding-left: 20px;
  border-right: 1px solid #000; }

.change-new-pop .main .box-wrap .position-introduce .introduce span:first-child {
  padding-left: 0; }

.change-new-pop .main .box-wrap .position-introduce .introduce span:last-child {
  border: none; }

.change-new-pop .main .box-wrap .back-prev {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  padding: 14px 50px 0;
  box-sizing: border-box;
  background: #FFF;
  height: 70px;
  -moz-box-shadow: 0 -10px 10px -5px rgba(204, 204, 204, 0.47);
  -webkit-box-shadow: 0 -10px 10px -5px rgba(204, 204, 204, 0.47);
  box-shadow: 0 -10px 10px -5px rgba(204, 204, 204, 0.47); }

.change-new-pop .main .box-wrap .back-prev .left {
  margin-top: 10px;
  font-size: 16px;
  line-height: 26px;
  color: #595757;
  padding-left: 32px;
  background: url(../images/index/new-left-arrows.png) left center no-repeat;
  background-size: 22px;
  float: left;
  cursor: pointer; }

.change-new-pop .main .box-wrap .back-prev span {
  float: right;
  display: block;
  width: 112px;
  height: 42px;
  background: #c7000b;
  text-align: center;
  font-size: 16px;
  color: #fff;
  line-height: 42px;
  border-radius: 5px;
  cursor: pointer; }

@media only screen and (max-width: 750px) {
  .change-new-pop .main .box-wrap {
    width: 100%;
    height: auto;
    background: #f9f9f9;
    padding: 1.66667rem;
    box-sizing: border-box;
    top: 0;
    left: 0;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    -webkit-transform: none;
    transform: none;
    position: inherit; }
  .change-new-pop .main .box-wrap .box-2 {
    padding-bottom: 4.16667rem; }
  .change-new-pop .main .box-wrap .box-title {
    position: relative; }
  .change-new-pop .main .box-wrap .box-title h2 {
    font-size: 1.16667rem;
    color: #231815;
    line-height: 1.1; }
  .change-new-pop .main .box-wrap .box-title span {
    display: block;
    width: 1.66667rem;
    height: 1.66667rem;
    background: url(../images/post-pop-close.png) center no-repeat;
    background-size: 1.66667rem;
    position: absolute;
    top: 0;
    right: 0; }
  .change-new-pop .main .box-wrap .directory-item {
    padding-top: 1.66667rem; }
  .change-new-pop .main .box-wrap .directory-item h4 {
    font-size: 1.75rem;
    float: none;
    padding-bottom: 1rem; }
  .change-new-pop .main .box-wrap .directory-item p {
    display: block;
    font-size: .83333rem;
    color: #595757;
    line-height: 1.66667rem;
    height: 1.66667rem;
    background: #f3f3f3;
    padding-left: 1.25rem;
    margin-top: .58333rem;
    -moz-border-radius: .20833rem;
    -webkit-border-radius: .20833rem;
    border-radius: .20833rem; }
  .change-new-pop .main .box-wrap .directory-item .choose-lable {
    display: none; }
  .change-new-pop .main .box-wrap .directory-item .select-position {
    display: block; }
  .change-new-pop .main .box-wrap .directory-item .select-position .select-warp {
    float: none;
    width: 100%;
    padding-left: 0;
    background: 0 0; }
  .change-new-pop .main .box-wrap .directory-item .select-position.two .title {
    padding-left: 2.83333rem;
    background: url(../images/index/select-site.png) 0.83333rem center no-repeat;
    background-size: auto 45%; }
  .change-new-pop .main .box-wrap .no-position-list {
    width: 100%;
    height: 1.66667rem;
    background: #f7e4d4;
    padding-left: 1.25rem;
    margin-top: .58333rem;
    font-size: .83333rem;
    line-height: 1.66667rem;
    color: #ed6d00;
    -moz-border-radius: .20833rem;
    -webkit-border-radius: .20833rem;
    border-radius: .20833rem;
    box-sizing: border-box; }
  .change-new-pop .main .box-wrap .position-list {
    margin-top: .58333rem;
    height: auto;
    overflow-y: initial; }
  .change-new-pop .main .box-wrap .position-list .item {
    width: 100%;
    height: 3.33333rem;
    background: #edeeee;
    font-size: 1.16667rem;
    line-height: 3.33333rem;
    color: #231815;
    margin-bottom: .16667rem;
    padding-left: 1.25rem;
    box-sizing: border-box; }
  .change-new-pop .main .box-wrap .position-list .item:last-child {
    margin-bottom: 0; }
  .change-new-pop .main .box-wrap .position-introduce {
    width: 100%;
    height: auto;
    padding: 0 1.25rem;
    margin-top: 1.25rem;
    position: inherit;
    overflow-y: inherit;
    box-sizing: border-box; }
  .change-new-pop .main .box-wrap .position-introduce .no-record {
    display: block;
    width: 9.16667rem;
    padding-left: 1.16667rem;
    font-size: 1rem;
    color: #9fa0a0;
    line-height: 1.16667rem;
    background: url(../images/index/click-icon.png) left center no-repeat;
    background-size: .70833rem;
    padding-top: 8.33333rem;
    padding-bottom: 8.33333rem; }
  .change-new-pop .main .box-wrap .position-introduce .introduce {
    font-size: 1rem;
    color: #231815;
    line-height: 1.58333rem; }
  .change-new-pop .main .box-wrap .position-introduce .introduce .content {
    padding-bottom: 2.08333rem;
    padding-top: 1.25rem;
    font-size: 1rem;
    line-height: 1.6; }
  .change-new-pop .main .box-wrap .position-introduce .introduce p {
    padding-bottom: 0; }
  .change-new-pop .main .box-wrap .position-introduce .introduce .citys {
    padding-bottom: 2.08333rem; }
  .change-new-pop .main .box-wrap .position-introduce .introduce .citys span {
    border-right: 0;
    padding-left: 0;
    padding-right: .83333rem;
    display: inline-block;
    font-size: 1rem; }
  .change-new-pop .main .box-wrap .back-prev {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    padding: .58333rem 1.66667rem 0;
    box-sizing: border-box;
    background: #FFF;
    height: 4.16667rem;
    -moz-box-shadow: 0 -.33333rem .20833rem -.20833rem #ccc;
    -webkit-box-shadow: 0 -.33333rem .20833rem -.20833rem #ccc;
    box-shadow: 0 -.33333rem .20833rem -.20833rem #ccc; }
  .change-new-pop .main .box-wrap .back-prev .left {
    margin-top: .66667rem;
    font-size: 1rem;
    line-height: 1.75rem;
    color: #595757;
    padding-left: 2.41667rem;
    background: url(../images/index/new-left-arrows.png) left center no-repeat;
    background-size: 1.66667rem;
    float: left; }
  .change-new-pop .main .box-wrap .back-prev span {
    float: right;
    display: block;
    width: 5.83333rem;
    height: 2.91667rem;
    background: #c7000b;
    text-align: center;
    font-size: 1rem;
    color: #fff;
    line-height: 2.91667rem;
    border-radius: .20833rem; }
  .change-new-pop {
    height: auto;
    background: #f9f9f9; } }

@media only screen and (max-width: 992px) {
  .genius-page .main {
    background: #fff; }
  .genius-page .main .public-banner {
    height: 22.5rem; }
  .genius-page .main .public-banner .public-banner-item {
    display: none; }
  .genius-page .main .public-banner .public-banner-item-m {
    display: block;
    height: 100%;
    padding: 0 1.66667rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; }
  .genius-page .main .public-banner .public-banner-item-m .box {
    width: auto;
    height: 100%;
    margin: 0 auto; }
  .genius-page .main .public-banner .public-banner-item-m .box .item-content {
    padding-top: 3.08333rem; }
  .genius-page .main .public-banner .public-banner-item-m .box .item-content h4 {
    font-size: 2.5rem;
    color: #231815;
    line-height: 1.1;
    text-align: left;
    padding-bottom: .83333rem;
    width: auto; }
  .genius-page .main .public-banner .public-banner-item-m .box .item-content p {
    font-size: 1rem;
    color: #231815;
    line-height: 1.3;
    text-align: left;
    padding: 0;
    width: auto; }
  .genius-page .main .employee-menu {
    width: auto;
    padding: 3.33333rem 1.66667rem 0; }
  .genius-page .main .employee-menu .menu-item {
    width: 100%;
    height: 17.25rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 0 0 1.66667rem;
    float: none; }
  .genius-page .main .employee-menu .menu-item a {
    display: inline-block;
    padding: 1.66667rem 0 0 1.58333rem; }
  .genius-page .main .employee-menu .menu-item a span {
    font-size: 1.66667rem;
    line-height: 2rem;
    color: #fff;
    padding-left: 3.16667rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 2rem 2.16667rem; }
  .genius-page .main .employee-menu .menu-item .box {
    width: 100%;
    height: 17.25rem;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; }
  .genius-page .main .employee-menu .menu-item .box .left {
    height: 17.25rem; }
  .genius-page .main .employee-menu .menu-item .box p {
    position: relative;
    left: 0;
    top: -17.25rem;
    height: 17.25rem;
    padding: 4.75rem 1.58333rem 2.08333rem;
    font-size: 1rem;
    line-height: 1.16667rem;
    color: #fff;
    background-color: rgba(89, 87, 87, 0.7);
    z-index: 1;
    transform: translate(0, 0);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 9;
    box-sizing: border-box; }
  .genius-page .main .employee-menu .menu-item .box p.menu-item-2, .genius-page .main .employee-menu .menu-item .box p.menu-item-3, .genius-page .main .employee-menu .menu-item .box p.menu-item-4 {
    background-color: rgba(89, 87, 87, 0.7); }
  .genius-page .main .public-list {
    padding: 1.66667rem 0 0;
    overflow: hidden; }
  .genius-page .main .public-list .list {
    width: auto;
    height: auto;
    float: none;
    margin-right: 0;
    background: #fff;
    margin-bottom: 1.66667rem; }
  .genius-page .main .public-list .list .list-top {
    padding: 1.66667rem;
    margin: 0;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .genius-page .main .public-list .list .list-top img {
    height: 2rem; }
  .genius-page .main .public-list .list .list-top span {
    margin-left: .33333rem;
    font-size: 1.66667rem;
    color: #282828;
    line-height: 2rem;
    vertical-align: middle; }
  .genius-page .main .public-list .list .list-bottom {
    height: 16.66667rem;
    background-size: 100%; }
  .genius-page .main .public-list .list .list-bottom p {
    font-size: 1rem;
    color: #fff;
    height: 8.33333rem;
    margin: 0 2.16667rem 3.20833rem 1.66667rem;
    padding-top: 1.79167rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical; }
  .genius-page .main .public-list .list .list-bottom span {
    font-size: .75rem;
    color: #fff;
    display: inline-block;
    padding-left: 1.66667rem; }
  .genius-page .main .public-list .list .list-bottom span img {
    padding-left: .45833rem;
    height: .58333rem; }
  .genius-page .main .public-list .list:nth-child(4n) {
    margin-right: 0; }
  .genius-page .main .employee {
    padding: 1.66667rem 0 2.70833rem; }
  .genius-page .main .employee .list {
    width: 100%;
    margin: 0 0 1.5rem;
    background: #fff; }
  .genius-page .main .employee .list .photo-wall {
    height: 17.5rem;
    position: relative; }
  .genius-page .main .employee .list .photo-wall img {
    width: 100%; }
  .genius-page .main .employee .list .photo-wall span {
    display: inline-block;
    font-size: 1rem;
    color: #fff;
    line-height: 2.08333rem;
    padding: 0 .83333rem;
    position: absolute;
    left: .83333rem;
    bottom: .83333rem;
    -moz-border-radius: .125rem;
    -webkit-border-radius: .125rem;
    border-radius: .125rem; }
  .genius-page .main .employee .list .manifesto {
    border: .04167rem solid #f0f6f6;
    border-top: 0;
    height: auto !important;
    padding: 1.25rem;
    position: relative; }
  .genius-page .main .employee .list .manifesto h2 {
    max-height: 3.33333rem;
    font-size: 1rem;
    line-height: 1.25rem;
    color: #282828;
    padding-top: 1.91667rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
  .genius-page .main .employee .list .manifesto p {
    font-size: 1rem;
    color: #282828;
    padding-top: .91667rem; }
  .genius-page .main .employee .list .manifesto a {
    display: inline-block;
    font-size: 1rem;
    padding-right: 1.08333rem;
    margin-top: .83333rem; }
  .genius-page .main .employee .list:nth-child(4n) {
    margin-right: 0; } }

.special-zone .main .special-zone-desc {
  padding-top: 15px; }
  .special-zone .main .special-zone-desc p {
    line-height: 1.6;
    /*margin-top:18px;
        font-size:18px;
        text-indent:2em;*/ }

@media only screen and (max-width: 992px) {
  .special-zone .main .special-zone-desc {
    padding: 0 1.66667rem; } }

.page-postdoc {
  overflow: hidden;
  /* PC端 */
  /* .hoverBox1:hover,
.hoverBox2:hover,
.hoverBox3:hover,
.hoverBox4:hover,
.hoverBox5:hover {
display: flex;
} */
  /* ipad横屏 */
  /* 移动端 */ }
  .page-postdoc .clear {
    clear: both; }
  .page-postdoc .fl {
    float: none; }
  .page-postdoc .pcShow {
    display: block; }
  .page-postdoc .ydShow {
    display: none; }
  .page-postdoc .part1box {
    width: 100%;
    background-size: cover;
    overflow: hidden;
    position: relative;
    padding-bottom: 100px;
    padding-top: 80px;
    background: white; }
  .page-postdoc .part1Tit {
    margin-bottom: 60px;
    font-size: 34px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #000000;
    text-align: center;
    font-weight: bold; }
  .page-postdoc .part1Con {
    margin: 0 auto;
    margin-bottom: 63px;
    text-align: left;
    width: 1011px;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #000000;
    line-height: 32px;
    text-indent: 2em; }
  .page-postdoc .part1cvBtn .part1Title {
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: 500;
    color: #000000;
    text-align: center;
    margin-bottom: 10px; }
  .page-postdoc .part1cvBtn .part1_email {
    display: flex;
    align-items: center;
    justify-content: center; }
    .page-postdoc .part1cvBtn .part1_email a {
      font-size: 22px;
      font-family: Microsoft YaHei;
      font-weight: 500;
      color: #c70008;
      text-decoration: underline; }
    .page-postdoc .part1cvBtn .part1_email img {
      margin-right: 6px; }
  .page-postdoc .part1Arrow {
    margin: 0 auto;
    position: absolute;
    bottom: 70px;
    bottom: 6vh;
    width: 100%;
    text-align: center; }
    .page-postdoc .part1Arrow img {
      width: 17px; }
  .page-postdoc .pcbg {
    position: relative;
    background: url("../images/postdoc/pcbg.jpg") no-repeat;
    width: 100%;
    height: 455px;
    background-size: cover; }
  .page-postdoc .part2Box .pcbg .more {
    text-align: center;
    color: #797979;
    position: absolute;
    width: 100%;
    bottom: 30px;
    font-size: 16px;
    letter-spacing: 1px; }
  .page-postdoc .starBox img {
    width: 41px;
    height: 41px;
    opacity: 0.7; }
  .page-postdoc .shine1 {
    animation: opacity-change 1.75s ease-in-out infinite;
    -webkit-animation: opacity-change 1.75s ease-in-out infinite;
    -moz-animation: opacity-change 1.75s ease-in-out infinite;
    -o-animation: opacity-change 1.75s ease-in-out infinite; }
  .page-postdoc .shine2 {
    animation: opacity-change 2s ease-in-out infinite;
    -webkit-animation: opacity-change 2s ease-in-out infinite;
    -moz-animation: opacity-change 2s ease-in-out infinite;
    -o-animation: opacity-change 2s ease-in-out infinite; }
  .page-postdoc .shine3 {
    animation: opacity-change 3.5s ease-in-out infinite;
    -webkit-animation: opacity-change 3.5s ease-in-out infinite;
    -moz-animation: opacity-change 3.5s ease-in-out infinite;
    -o-animation: opacity-change 3.5s ease-in-out infinite; }
  .page-postdoc .shine4 {
    animation: opacity-change 5s ease-in-out infinite;
    -webkit-animation: opacity-change 5s ease-in-out infinite;
    -moz-animation: opacity-change 5s ease-in-out infinite;
    -o-animation: opacity-change 5s ease-in-out infinite; }
  .page-postdoc .shine5 {
    animation: opacity-change 6.5s ease-in-out infinite;
    -webkit-animation: opacity-change 6.5s ease-in-out infinite;
    -moz-animation: opacity-change 6.5s ease-in-out infinite;
    -o-animation: opacity-change 6.5s ease-in-out infinite; }

@keyframes opacity-change {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes opacity-change {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-moz-keyframes opacity-change {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-o-keyframes opacity-change {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }
  .page-postdoc .pcbgInn {
    position: relative;
    height: 100%;
    width: 1420px;
    margin: 0 auto; }
  .page-postdoc .part2TitBox {
    width: 450px;
    margin: 0 auto;
    padding-top: 110px; }
    .page-postdoc .part2TitBox span {
      display: block;
      text-align: center;
      font-size: 24px;
      color: white;
      margin-top: 20px; }
    .page-postdoc .part2TitBox .btn {
      margin-top: 50px;
      overflow: hidden;
      text-align: center; }
      .page-postdoc .part2TitBox .btn a {
        display: inline-block;
        font-size: 20px;
        color: white;
        text-align: center;
        border: 1px solid #fff;
        padding: 6px 40px;
        border-radius: 5px;
        background: #ffffff1f; }
        .page-postdoc .part2TitBox .btn a:last-child {
          margin-left: 10px; }
  .page-postdoc .part2Tit {
    font-size: 58px;
    font-weight: bold;
    font-family: Microsoft YaHei;
    color: #ffffff;
    text-align: center;
    letter-spacing: 4px; }
  .page-postdoc .part2TitLine {
    display: block;
    width: 63px;
    height: 2px;
    background: #ffffff;
    margin: auto;
    margin-top: 17px; }
  .page-postdoc .startTxtBox6,
  .page-postdoc .startTxtBox7,
  .page-postdoc .startTxtBox8,
  .page-postdoc .startTxtBox9,
  .page-postdoc .startTxtBox10,
  .page-postdoc .startTxtBox11 {
    display: none; }

@keyframes opacityShow-change {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 1; } }

@-webkit-keyframes opacityShow-change {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 1; } }

@-moz-keyframes opacityShow-change {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 1; } }

@-o-keyframes opacityShow-change {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 1; } }
  .page-postdoc .starBox1 {
    top: 264px;
    left: 240px; }
  .page-postdoc .starBox {
    position: absolute;
    width: 43px;
    height: 43px;
    z-index: 1; }
  .page-postdoc .starBox img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
  .page-postdoc .starBox .quan {
    opacity: 0; }
  .page-postdoc .starBox .starTxtInn {
    opacity: 0; }
  .page-postdoc .starBox .starTxtInn {
    width: 183px;
    height: 183px;
    left: 50%;
    top: 50%;
    margin-top: -91.5px;
    margin-left: -91.5px;
    overflow: hidden; }
  .page-postdoc .starBox .starTxtInn .starTitle {
    font-size: 12px;
    line-height: 10px;
    margin-top: -4px;
    transform: scale(0.35); }
  .page-postdoc .starBox .starTxtInn .con {
    font-size: 13px;
    line-height: 4px;
    transform: scale(0.2); }
  .page-postdoc .hoverBox {
    position: absolute;
    width: 260px;
    height: 260px;
    display: none; }
  .page-postdoc .hoverBox img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.9; }
  .page-postdoc .hoverBox1 {
    top: 163px;
    left: 129px; }
  .page-postdoc .starBox1:hover ~ .hoverBox1 {
    display: flex;
    animation: opacityShow-change 1s ease-in-out;
    -webkit-animation: opacityShow-change 1s ease-in-out;
    -moz-animation: opacityShow-change 1s ease-in-out;
    -o-animation: opacityShow-change 1s ease-in-out; }
  .page-postdoc .starBox:hover {
    animation: none;
    opacity: 0; }
  .page-postdoc .hoverBox:hover {
    display: flex; }
  .page-postdoc .hoverBox .starTitle {
    font-size: 22px;
    margin-bottom: 8px;
    margin-top: -10px;
    opacity: 0.8;
    text-shadow: #383838 2px 3px 6px; }
  .page-postdoc .hoverBox .con {
    font-size: 14px;
    line-height: 26px;
    opacity: 0.8;
    text-shadow: #383838 2px 3px 6px; }
  .page-postdoc .starBox2 {
    position: absolute;
    top: 134px;
    left: 282px; }
  .page-postdoc .hoverBox2 {
    top: 24px;
    left: 176px; }
  .page-postdoc .starBox2:hover ~ .hoverBox2 {
    display: flex;
    animation: opacityShow-change 1s ease-in-out;
    -webkit-animation: opacityShow-change 1s ease-in-out;
    -moz-animation: opacityShow-change 1s ease-in-out;
    -o-animation: opacityShow-change 1s ease-in-out; }
  .page-postdoc .starBox3 {
    position: absolute;
    top: 190px;
    left: 367px; }
  .page-postdoc .hoverBox3 {
    top: 80px;
    left: 257px; }
  .page-postdoc .starBox3:hover ~ .hoverBox3 {
    display: flex;
    animation: opacityShow-change 1s ease-in-out;
    -webkit-animation: opacityShow-change 1s ease-in-out;
    -moz-animation: opacityShow-change 1s ease-in-out;
    -o-animation: opacityShow-change 1s ease-in-out; }
  .page-postdoc .starBox4 {
    position: absolute;
    bottom: 177px;
    right: 330px; }
  .page-postdoc .hoverBox4 {
    bottom: 70px;
    right: 221px; }
  .page-postdoc .starBox4:hover ~ .hoverBox4 {
    display: flex;
    animation: opacityShow-change 1s ease-in-out;
    -webkit-animation: opacityShow-change 1s ease-in-out;
    -moz-animation: opacityShow-change 1s ease-in-out;
    -o-animation: opacityShow-change 1s ease-in-out; }
  .page-postdoc .starBox5 {
    position: absolute;
    top: 270px;
    right: 230px; }
  .page-postdoc .hoverBox5 {
    top: 165px;
    right: 128px; }
  .page-postdoc .starBox5:hover ~ .hoverBox5 {
    display: flex;
    animation: opacityShow-change 1s ease-in-out;
    -webkit-animation: opacityShow-change 1s ease-in-out;
    -moz-animation: opacityShow-change 1s ease-in-out;
    -o-animation: opacityShow-change 1s ease-in-out; }
  .page-postdoc .shine2 {
    animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
    -moz-animation-delay: 0.5s;
    -o-animation-delay: 0.5s;
    animation: opacity-change 2s ease-in-out infinite;
    -webkit-animation: opacity-change 2s ease-in-out infinite;
    -moz-animation: opacity-change 2s ease-in-out infinite;
    -o-animation: opacity-change 2s ease-in-out infinite; }
  .page-postdoc .shine3 {
    animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    animation: opacity-change 1.5s ease-in-out infinite;
    -webkit-animation: opacity-change 1.5s ease-in-out infinite;
    -moz-animation: opacity-change 1.5s ease-in-out infinite;
    -o-animation: opacity-change 1.5s ease-in-out infinite; }
  .page-postdoc .shine4 {
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation: opacity-change 2.5s ease-in-out infinite;
    -webkit-animation: opacity-change 2.5s ease-in-out infinite;
    -moz-animation: opacity-change 2.5s ease-in-out infinite;
    -o-animation: opacity-change 2.5s ease-in-out infinite; }
  .page-postdoc .shine5 {
    animation-delay: 1.6s;
    -webkit-animation-delay: 1.6s;
    -moz-animation-delay: 1.6s;
    -o-animation-delay: 1.6s;
    animation: opacity-change 3s ease-in-out infinite;
    -webkit-animation: opacity-change 3s ease-in-out infinite;
    -moz-animation: opacity-change 3s ease-in-out infinite;
    -o-animation: opacity-change 3s ease-in-out infinite; }

@keyframes scale-change {
  0% {
    transform: scale(1);
    opacity: 0.8; }
  50% {
    transform: scale(2);
    opacity: 0.8; }
  100% {
    transform: scale(1);
    opacity: 0.8; } }

@-webkit-keyframes scale-change {
  0% {
    transform: scale(1);
    opacity: 0.8; }
  50% {
    transform: scale(2);
    opacity: 0.8; }
  100% {
    transform: scale(1);
    opacity: 0.8; } }

@-moz-keyframes scale-change {
  0% {
    transform: scale(1);
    opacity: 0.8; }
  50% {
    transform: scale(2);
    opacity: 0.8; }
  100% {
    transform: scale(1);
    opacity: 0.8; } }

@-o-keyframes scale-change {
  0% {
    transform: scale(1);
    opacity: 0.8; }
  50% {
    transform: scale(2);
    opacity: 0.8; }
  100% {
    transform: scale(1);
    opacity: 0.8; } }
  .page-postdoc .hoverBox {
    display: none; }
  .page-postdoc .startTxtBox {
    position: absolute;
    width: 100px;
    height: 100px;
    transition: all 0.5s;
    z-index: 1; }
  .page-postdoc .startTxtBox .star {
    opacity: 0.8; }
  .page-postdoc .startTxtBox .quan {
    opacity: 0; }
  .page-postdoc .startTxtBox img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5; }
  .page-postdoc .startTxtBox:hover .starTxtInn2 {
    opacity: 0; }
  .page-postdoc .hoverBox6 {
    top: 103px;
    left: -39px; }
  .page-postdoc .startTxtBox1:hover ~ .hoverBox6 {
    display: flex;
    animation: opacityShow-change 1s ease-in-out;
    -webkit-animation: opacityShow-change 1s ease-in-out;
    -moz-animation: opacityShow-change 1s ease-in-out;
    -o-animation: opacityShow-change 1s ease-in-out; }
  .page-postdoc .starTxtInn,
  .page-postdoc .starTxtInn2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 1s;
    animation: show 2s ease-in-out infinite;
    -webkit-animation: show 2s ease-in-out infinite;
    -moz-animation: show 2s ease-in-out infinite;
    -o-animation: show 2s ease-in-out infinite;
    z-index: 2; }
  .page-postdoc .hoverBox .starTxtInn > div {
    position: relative; }
    .page-postdoc .hoverBox .starTxtInn > div center {
      position: absolute;
      width: 100%;
      left: 0; }
    .page-postdoc .hoverBox .starTxtInn > div:after {
      content: ". . .";
      display: block;
      position: absolute;
      width: 100%;
      left: 0;
      text-align: center;
      font-weight: bold;
      text-shadow: #383838 2px 3px 6px; }
  .page-postdoc .startTxtBox .starTxtInn {
    opacity: 0; }
  .page-postdoc .starTitle {
    font-weight: bold; }
  .page-postdoc .startTxtBox1 .starTxtInn {
    width: 183px;
    height: 183px;
    left: 50%;
    top: 50%;
    margin-top: -91.5px;
    margin-left: -91.5px; }
  .page-postdoc .startTxtBox1 .starTxtInn .con {
    font-size: 12px;
    line-height: 18px;
    transform: scale(0.8); }
  .page-postdoc .startTxtBox .starTxtInn .starTitle {
    padding-bottom: 5px; }
  .page-postdoc .startTxtBox1 {
    top: 184px;
    left: 34px;
    animation: scale-change 5s ease-in-out infinite;
    -webkit-animation: scale-change 5s ease-in-out infinite;
    -moz-animation: scale-change 5s ease-in-out infinite;
    -o-animation: scale-change 5s ease-in-out infinite; }
  .page-postdoc .startTxtBox2 .starTxtInn {
    transform: scale(0.45); }
  .page-postdoc .startTxtBox2 {
    left: 356px;
    bottom: 80px;
    animation: scale-change 7s ease-in-out infinite;
    -webkit-animation: scale-change 7s ease-in-out infinite;
    -moz-animation: scale-change 7s ease-in-out infinite;
    -o-animation: scale-change 7s ease-in-out infinite; }
  .page-postdoc .hoverBox7 {
    left: 276px;
    bottom: 0; }
  .page-postdoc .startTxtBox2:hover ~ .hoverBox7 {
    display: flex;
    animation: opacityShow-change 1s ease-in-out;
    -webkit-animation: opacityShow-change 1s ease-in-out;
    -moz-animation: opacityShow-change 1s ease-in-out;
    -o-animation: opacityShow-change 1s ease-in-out; }
  .page-postdoc .startTxtBox2 .starTxtInn {
    width: 300px;
    height: 300px;
    left: 50%;
    top: 50%;
    margin-top: -150px;
    margin-left: -150px; }
  .page-postdoc .startTxtBox .starTitle {
    font-size: 12px;
    transform: scale(0.9); }
  .page-postdoc .startTxtBox2 .starTxtInn .starTitle {
    font-size: 20px;
    margin-bottom: 8px; }
  .page-postdoc .startTxtBox2 .starTxtInn .con {
    font-size: 14px;
    line-height: 26px;
    /* transform: scale(0.9); */ }
  .page-postdoc .startTxtBox3 {
    right: 320px;
    bottom: 260px;
    animation: scale-change 6.5s ease-in-out infinite;
    -webkit-animation: scale-change 6.5s ease-in-out infinite;
    -moz-animation: scale-change 6.5s ease-in-out infinite;
    -o-animation: scale-change 6.5s ease-in-out infinite; }
  .page-postdoc .hoverBox8 {
    right: 240px;
    bottom: 180px; }
  .page-postdoc .startTxtBox3:hover ~ .hoverBox8 {
    display: flex;
    animation: opacityShow-change 1s ease-in-out;
    -webkit-animation: opacityShow-change 1s ease-in-out;
    -moz-animation: opacityShow-change 1s ease-in-out;
    -o-animation: opacityShow-change 1s ease-in-out; }
  .page-postdoc .startTxtBox3 .starTxtInn {
    width: 300px;
    height: 300px;
    left: 50%;
    top: 50%;
    margin-top: -150px;
    margin-left: -150px; }
  .page-postdoc .startTxtBox3 .starTitle {
    font-size: 12px;
    transform: scale(0.9); }
  .page-postdoc .startTxtBox3 .starTxtInn .starTitle {
    font-size: 12px;
    line-height: 10px;
    transform: scale(0.6); }
  .page-postdoc .startTxtBox3 .starTxtInn .con {
    font-size: 12px;
    line-height: 10px;
    transform: scale(0.4); }
  .page-postdoc .startTxtBox4:hover {
    transform: scale(2.1); }
  .page-postdoc .startTxtBox4 {
    right: 300px;
    bottom: 40px;
    animation: scale-change 7.5s ease-in-out infinite;
    -webkit-animation: scale-change 7.5s ease-in-out infinite;
    -moz-animation: scale-change 7.5s ease-in-out infinite;
    -o-animation: scale-change 7.5s ease-in-out infinite; }
  .page-postdoc .hoverBox9 {
    right: 220px;
    bottom: -40px; }
  .page-postdoc .startTxtBox4:hover ~ .hoverBox9 {
    display: flex;
    animation: opacityShow-change 1s ease-in-out;
    -webkit-animation: opacityShow-change 1s ease-in-out;
    -moz-animation: opacityShow-change 1s ease-in-out;
    -o-animation: opacityShow-change 1s ease-in-out; }
  .page-postdoc .startTxtBox4 .starTxtInn {
    width: 300px;
    height: 300px;
    left: 50%;
    top: 50%;
    margin-top: -150px;
    margin-left: -150px; }
  .page-postdoc .startTxtBox4 .starTitle {
    font-size: 12px; }
  .page-postdoc .startTxtBox4 .starTxtInn .starTitle {
    font-size: 14px;
    line-height: 13px;
    transform: scale(0.7); }
  .page-postdoc .startTxtBox4 .starTxtInn .con {
    font-size: 12px;
    line-height: 13px;
    transform: scale(0.5); }
  .page-postdoc .startTxtBox5 {
    right: 80px;
    top: 200px;
    animation: scale-change 8s ease-in-out infinite;
    -webkit-animation: scale-change 8s ease-in-out infinite;
    -moz-animation: scale-change 8s ease-in-out infinite;
    -o-animation: scale-change 8s ease-in-out infinite; }
  .page-postdoc .hoverBox10 {
    right: 0px;
    top: 120px; }
  .page-postdoc .startTxtBox5:hover ~ .hoverBox10 {
    display: flex;
    animation: opacityShow-change 1s ease-in-out;
    -webkit-animation: opacityShow-change 1s ease-in-out;
    -moz-animation: opacityShow-change 1s ease-in-out;
    -o-animation: opacityShow-change 1s ease-in-out; }
  .page-postdoc .startTxtBox5 .starTxtInn {
    width: 300px;
    height: 300px;
    left: 50%;
    top: 50%;
    margin-top: -150px;
    margin-left: -150px; }
  .page-postdoc .startTxtBox5 .starTitle {
    font-size: 12px; }
  .page-postdoc .startTxtBox5 .starTxtInn .starTitle {
    font-size: 16px;
    margin-bottom: 3px; }
  .page-postdoc .startTxtBox5 .starTxtInn .con {
    font-size: 12px;
    line-height: 22px; }
  .page-postdoc .part3Box {
    width: 100%;
    overflow: hidden; }

@keyframes show {
  0% {
    display: none; }
  100% {
    display: block; } }

@-webkit-keyframes show {
  0% {
    display: none; }
  100% {
    display: block; } }

@-moz-keyframes show {
  0% {
    display: none; }
  100% {
    display: block; } }

@-o-keyframes show {
  0% {
    display: none; }
  100% {
    display: block; } }
  .page-postdoc .part3Box_main {
    width: 1200px;
    height: 712px;
    margin: 100px auto;
    display: flex;
    flex-wrap: wrap; }
  .page-postdoc .part3Inn {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 740px;
    height: 346px;
    transition: all 0.5s;
    display: flex;
    justify-content: space-between;
    flex-direction: column; }
  .page-postdoc .part3Inn2 {
    position: absolute;
    left: 0;
    bottom: -100%;
    width: 440px;
    height: 346px;
    transition: all 0.5s;
    display: flex;
    justify-content: space-between;
    flex-direction: column; }
  .page-postdoc .part3main_eachs:hover .part3Inn {
    bottom: 0; }
  .page-postdoc .part3main_eachs:hover .part3Inn2 {
    bottom: 0; }
  .page-postdoc .part3main_eachs:hover .part3main_oneTitle2 {
    opacity: 0; }
  .page-postdoc .part3main_eachs {
    position: relative;
    overflow: hidden; }
  .page-postdoc .part3main_eachs .part3main_Txt {
    padding-bottom: 20px;
    padding-right: 39px; }
  .page-postdoc .part3main_oneTitle2 {
    position: absolute;
    left: 30px;
    bottom: 25px;
    font-size: 22px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #ffffff;
    opacity: 1;
    transition: all 0.5s;
    animation: show 2s ease-in-out infinite;
    -webkit-animation: show 2s ease-in-out infinite;
    -moz-animation: show 2s ease-in-out infinite;
    -o-animation: show 2s ease-in-out infinite; }
  .page-postdoc .part3main_one {
    width: 740px;
    height: 346px;
    background: url("../images/postdoc/topics-1.jpg") no-repeat center;
    background-size: cover;
    margin-right: 20px;
    margin-bottom: 20px;
    position: relative; }
  .page-postdoc .part3main_two {
    width: 440px;
    height: 346px;
    background: url("../images/postdoc/topics-2-pc.jpg") no-repeat center;
    background-size: cover;
    margin-bottom: 20px; }
  .page-postdoc .part3main_one:hover .one_hide {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 740px;
    height: 257px;
    background: no-repeat center;
    background-image: linear-gradient(rgba(255, 255, 255, 0), black); }
  .page-postdoc .part3main_two:hover .two_hide {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 440px;
    height: 181px;
    background: no-repeat center;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2)); }
  .page-postdoc .part3main_three:hover .three_hide {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 440px;
    height: 181px;
    background: no-repeat center;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.5)); }
  .page-postdoc .part3main_four:hover .four_hide {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 740px;
    height: 181px;
    background: no-repeat center;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.8)); }
  .page-postdoc .part3main_three {
    width: 440px;
    height: 346px;
    background: url("../images/postdoc/topics-3-pc.jpg") no-repeat center;
    background-size: cover;
    margin-right: 20px;
    position: relative; }
  .page-postdoc .part3main_four {
    width: 740px;
    height: 346px;
    background: url("../images/postdoc/topics-4.jpg") no-repeat center;
    background-size: cover;
    position: relative; }
  .page-postdoc .part3main_oneImg {
    display: none; }
  .page-postdoc .part3main_oneTitle {
    font-size: 22px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #ffffff;
    margin-left: 30px;
    margin-bottom: 19px; }
  .page-postdoc .part3main_twoTitle,
  .page-postdoc .part3main_threeTitle {
    font-size: 22px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #ffffff;
    margin: 290px 0 34px 30px; }
  .page-postdoc .part3main_fourTitle {
    font-size: 22px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #ffffff;
    margin: 293px 0 31px 30px; }
  .page-postdoc .part3main_oneTxt {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #ffffff;
    line-height: 24px;
    margin-left: 30px; }
  .page-postdoc .part5Box {
    width: 100%;
    background: #ffffff;
    overflow: hidden;
    padding-bottom: 100px; }
  .page-postdoc .part5Box_header {
    margin: 0 auto;
    margin-top: 99px; }
  .page-postdoc .part5Box_title {
    text-align: center;
    margin-bottom: 12px;
    font-size: 34px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333; }
  .page-postdoc .part5Box_line {
    margin: 0 auto;
    margin-bottom: 71px;
    width: 63px;
    height: 2px;
    background: #c7000b; }
  .page-postdoc .part5Box_main {
    width: 1410px;
    height: 892px;
    margin: 0 auto;
    position: relative; }
  .page-postdoc .part5Box_mainone {
    /* position: absolute; */
    top: 0;
    left: 0;
    width: 350px;
    height: 464px;
    /* background: url("../images/postdoc/serch1.png") no-repeat center; */
    /* background-size: cover; */ }
  .page-postdoc .part5txtBox_one {
    display: flex;
    align-items: center;
    position: absolute;
    top: 427px;
    left: 22px;
    z-index: 99; }
  .page-postdoc .part5txtBox_two {
    display: flex;
    align-items: center;
    position: absolute;
    top: 189px;
    left: 22px;
    z-index: 99; }
  .page-postdoc .part5txtBox_three {
    display: flex;
    align-items: center;
    position: absolute;
    top: 189px;
    left: 22px;
    z-index: 99; }
  .page-postdoc .part5txtBox_four {
    display: flex;
    align-items: center;
    position: absolute;
    top: 427px;
    left: 22px;
    z-index: 99; }
  .page-postdoc .part5txtBox_five {
    display: flex;
    align-items: center;
    position: absolute;
    top: 233px;
    left: 22px;
    z-index: 99; }
  .page-postdoc .part5txtBox_six {
    display: flex;
    align-items: center;
    position: absolute;
    top: 233px;
    left: 22px;
    z-index: 99; }
  .page-postdoc .part5txtBox_seven {
    display: flex;
    align-items: center;
    position: absolute;
    top: 233px;
    left: 22px;
    z-index: 99; }
  .page-postdoc .part5txtBox_eight {
    display: flex;
    align-items: center;
    position: absolute;
    top: 233px;
    left: 22px;
    z-index: 99; }
  .page-postdoc .part5txtBox_nine {
    display: flex;
    align-items: center;
    position: absolute;
    top: 326px;
    left: 22px;
    z-index: 99; }
  .page-postdoc .part5txt1 {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #ffffff;
    margin-right: 8px; }
  .page-postdoc .part5txt2 {
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #ffffff; }
  .page-postdoc .part5Box_maintwo {
    position: absolute;
    top: 60px;
    left: 380px;
    width: 350px;
    height: 226px;
    background: url("../images/postdoc/serch2.png") no-repeat center;
    background-size: cover; }
  .page-postdoc .part5Box_mainthree {
    position: absolute;
    top: 0px;
    right: 300px;
    width: 350px;
    height: 464px;
    background: url("../images/postdoc/serch3.png") no-repeat center;
    background-size: cover; }
  .page-postdoc .part5Box_mainfour {
    position: absolute;
    top: 80px;
    right: 0px;
    width: 270px;
    height: 270px;
    background: url("../images/postdoc/serch4.png") no-repeat center;
    background-size: cover; }
  .page-postdoc .part5Box_mainfive {
    position: absolute;
    bottom: 167px;
    left: 30px;
    width: 350px;
    height: 226px;
    background: url("../images/postdoc/serch5.png") no-repeat center;
    background-size: cover; }
  .page-postdoc .part5Box_mainsix {
    position: absolute;
    bottom: 301px;
    left: 440px;
    width: 270px;
    height: 270px;
    background: url("../images/postdoc/serch6.png") no-repeat center;
    background-size: cover; }
  .page-postdoc .part5Box_mainseven {
    position: absolute;
    bottom: 0px;
    left: 440px;
    width: 270px;
    height: 270px;
    background: url("../images/postdoc/serch7.png") no-repeat center;
    background-size: cover; }
  .page-postdoc .part5Box_maineight {
    position: absolute;
    bottom: 96px;
    right: 300px;
    width: 350px;
    height: 270px;
    background: url("../images/postdoc/serch8.png") no-repeat center;
    background-size: cover; }
  .page-postdoc .part5Box_mainnine {
    position: absolute;
    bottom: 138px;
    right: 0px;
    width: 270px;
    height: 364px;
    background: url("../images/postdoc/serch9.png") no-repeat center;
    background-size: cover; }
  .page-postdoc .part4Box {
    width: 100%;
    height: 740px;
    overflow: hidden; }
  .page-postdoc .part4TitBox {
    margin: 0 auto;
    margin-top: 97px;
    margin-bottom: 50px; }
  .page-postdoc .part4Tit {
    text-align: center;
    margin-bottom: 12px;
    font-size: 34px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333; }
  .page-postdoc .part4TitLine {
    width: 63px;
    height: 2px;
    background: #c7000b;
    margin: 0 auto; }
  .page-postdoc .part4ConList {
    width: 1410px;
    height: 304px;
    margin: 0 auto;
    margin-bottom: 53px; }
  .page-postdoc .part4PicBox {
    width: 1044px;
    height: 172px;
    overflow: hidden;
    margin: 0 auto; }
  .page-postdoc .part4PicInnBox {
    background: url("../images/postdoc/rightArrow.png") repeat-x;
    background-position-y: center;
    display: flex;
    justify-content: space-between; }
  .page-postdoc .part4PicInnBox_img {
    width: 151px;
    height: 151px; }
  .page-postdoc .part4ConBox {
    width: 100%;
    height: 133px;
    display: flex;
    margin-top: 20px;
    box-sizing: border-box;
    padding: 0 110px;
    margin-bottom: 63px; }
  .page-postdoc .part4ConEach {
    width: 33.3%;
    height: 133px; }
  .page-postdoc .part4ConEach:nth-child(2) {
    margin: 0 136px; }
  .page-postdoc .part4EachTit {
    font-size: 22px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    text-align: center;
    margin-bottom: 22px; }
  .page-postdoc .part4EachCon {
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    text-align: center;
    line-height: 26px; }
  .page-postdoc .part4Btn {
    display: block;
    width: 169px;
    height: 44px;
    border: 2px solid #333333;
    text-align: center;
    line-height: 44px;
    margin: 0 auto;
    margin-top: 60px;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    cursor: pointer; }
  .page-postdoc .popBox,
  .page-postdoc .popTxtBox,
  .page-postdoc .part4BtnMobile,
  .page-postdoc .mobileShineBox {
    display: none; }
  @media screen and (max-width: 1024.99px) {
    .page-postdoc .part1box {
      width: 100%;
      background-size: cover;
      overflow: hidden;
      position: relative;
      padding-bottom: 60px;
      padding-top: 50px; }
    .page-postdoc .part1Tit {
      margin-bottom: 30px; }
    .page-postdoc .part1Con {
      margin-bottom: 43px;
      width: 800px;
      font-size: 16px; }
    .page-postdoc .part1cvBtn_txt {
      position: absolute;
      top: 5px;
      font-size: 18px;
      font-family: Microsoft YaHei;
      font-weight: bold;
      color: #c7000b; }
    .page-postdoc .part1Arrow {
      margin: 0 auto;
      position: absolute;
      bottom: 70px;
      bottom: 6vh;
      width: 100%;
      text-align: center; }
      .page-postdoc .part1Arrow img {
        width: 15px; }
    .page-postdoc .pcbg {
      height: 600px; }
    .page-postdoc .pcbgInn {
      width: 100%; }
    .page-postdoc .ipadCon {
      display: block; }
    .page-postdoc .mobileShineBox {
      display: none; }
    .page-postdoc .part2TitBox {
      width: 100%; }
    .page-postdoc .part2TitBox {
      padding-top: 200px; }
    .page-postdoc .part2Tit {
      font-size: 58px; }
    .page-postdoc .startTxtBox1 {
      top: 225px;
      left: 89px; }
    .page-postdoc .hoverBox6 {
      top: 143px;
      left: 12px; }
    .page-postdoc .startTxtBox2 {
      left: 289px;
      bottom: 355px; }
    .page-postdoc .hoverBox7 {
      left: 212px;
      bottom: 273px; }
    .page-postdoc .startTxtBox3 {
      right: 395px;
      bottom: 289px; }
    .page-postdoc .starBox4 {
      bottom: 374px;
      right: 266px; }
    .page-postdoc .hoverBox4 {
      top: 278px;
      left: 609px; }
    .page-postdoc .starBox2 {
      top: 449px;
      left: 159px; }
    .page-postdoc .hoverBox2 {
      top: 334px;
      left: 50px; }
    .page-postdoc .hoverBox8 {
      right: 314px;
      bottom: 205px; }
    .page-postdoc .startTxtBox5 {
      right: 331px;
      top: 200px; }
    .page-postdoc .hoverBox10 {
      right: 252px;
      top: 121px; }
    .page-postdoc .startTxtBox4 {
      right: 108px;
      bottom: 287px; }
    .page-postdoc .hoverBox9 {
      right: 28px;
      bottom: 205px; }
    .page-postdoc .starBox1 {
      top: 197px;
      left: 280px; }
    .page-postdoc .hoverBox1 {
      top: 92px;
      left: 174px; }
    .page-postdoc .starBox3 {
      top: 291px;
      left: 469px; }
    .page-postdoc .hoverBox3 {
      top: 187px;
      left: 365px; }
    .page-postdoc .part4ConList {
      width: auto;
      height: auto; }
    .page-postdoc .part4PicBox {
      height: auto; }
    .page-postdoc .part4Tit {
      font-size: 31px; }
    .page-postdoc .part4TitBox {
      margin-top: 54px;
      margin-bottom: 61px; }
    .page-postdoc .part4PicBox {
      width: auto;
      padding: 0 85px; }
    .page-postdoc .part4PicInnBox img {
      width: 126px;
      height: 126px; }
    .page-postdoc .part4ConBox {
      padding: 0 34px;
      height: auto; }
    .page-postdoc .part4PicInnBox {
      margin-bottom: 33px; }
    .page-postdoc .part4ConEach {
      height: auto; }
    .page-postdoc .part4Btn {
      display: block;
      margin-top: 86px; }
    .page-postdoc .part3Box {
      width: 100%;
      height: 644px;
      overflow: hidden; }
    .page-postdoc .part3Box_main {
      width: 900px;
      height: 516px;
      margin: 60px auto;
      display: flex;
      flex-wrap: wrap; }
    .page-postdoc .part3Inn {
      position: absolute;
      left: 0;
      bottom: -100%;
      width: 540px;
      height: 246px;
      transition: all 0.5s;
      display: flex;
      justify-content: space-between;
      flex-direction: column; }
    .page-postdoc .part3Inn2 {
      position: absolute;
      left: 0;
      bottom: -100%;
      width: 320px;
      height: 246px;
      transition: all 0.5s;
      display: flex;
      justify-content: space-between;
      flex-direction: column; }
    .page-postdoc .part3main_eachs:hover .part3Inn {
      bottom: 0; }
    .page-postdoc .part3main_eachs:hover .part3Inn2 {
      bottom: 0; }
    .page-postdoc .part3main_eachs:hover .part3main_oneTitle2 {
      opacity: 0; }
    .page-postdoc .part3main_eachs {
      position: relative;
      overflow: hidden; }
    .page-postdoc .part3main_eachs .part3main_Txt {
      padding-bottom: 15px;
      padding-right: 34px; }
    .page-postdoc .part3main_oneTitle2 {
      position: absolute;
      left: 30px;
      bottom: 25px;
      font-size: 18px;
      font-family: Microsoft YaHei;
      font-weight: bold;
      color: #ffffff;
      opacity: 1;
      transition: all 0.5s;
      animation: show 2s ease-in-out infinite;
      -webkit-animation: show 2s ease-in-out infinite;
      -moz-animation: show 2s ease-in-out infinite;
      -o-animation: show 2s ease-in-out infinite; }
    .page-postdoc .part3main_one {
      width: 540px;
      height: 246px;
      background: url("../images/postdoc/topics-1.jpg") no-repeat center;
      background-size: cover;
      margin-right: 20px;
      margin-bottom: 20px;
      position: relative; }
    .page-postdoc .part3main_two {
      width: 340px;
      height: 246px;
      background: url("../images/postdoc/topics-2-pc.jpg") no-repeat center;
      background-size: cover;
      margin-bottom: 20px; }
    .page-postdoc .part3main_one:hover .one_hide {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 540px;
      height: 181px;
      background: no-repeat center;
      background-image: linear-gradient(rgba(255, 255, 255, 0), black); }
    .page-postdoc .part3main_two:hover .two_hide {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 340px;
      height: 320px;
      background: no-repeat center;
      background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2)); }
    .page-postdoc .part3main_three:hover .three_hide {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 340px;
      height: 320px;
      background: no-repeat center;
      background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.5)); }
    .page-postdoc .part3main_four:hover .four_hide {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 540px;
      height: 181px;
      background: no-repeat center;
      background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.8)); }
    .page-postdoc .part3main_three {
      width: 340px;
      height: 246px;
      background: url("../images/postdoc/topics-3-pc.jpg") no-repeat center;
      background-size: cover;
      margin-right: 20px;
      position: relative; }
    .page-postdoc .part3main_four {
      width: 540px;
      height: 246px;
      background: url("../images/postdoc/topics-4.jpg") no-repeat center;
      background-size: cover;
      position: relative; }
    .page-postdoc .part3main_oneImg {
      display: none; }
    .page-postdoc .part3main_oneTitle {
      font-size: 18px;
      font-family: Microsoft YaHei;
      font-weight: bold;
      color: #ffffff;
      margin-left: 30px;
      margin-bottom: 19px; }
    .page-postdoc .part3main_twoTitle,
    .page-postdoc .part3main_threeTitle {
      font-size: 16px;
      font-family: Microsoft YaHei;
      font-weight: bold;
      color: #ffffff;
      margin: 290px 0 34px 30px; }
    .page-postdoc .part3main_fourTitle {
      font-size: 18px;
      font-family: Microsoft YaHei;
      font-weight: bold;
      color: #ffffff;
      margin: 293px 0 31px 30px; }
    .page-postdoc .part3main_oneTxt {
      font-size: 14px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: #ffffff;
      line-height: 24px;
      margin-left: 30px; }
    .page-postdoc .part5Box {
      width: 100%;
      background: #ffffff;
      overflow: hidden;
      padding-bottom: 0; }
    .page-postdoc .part5Box_header {
      margin: 0 auto;
      margin-top: 50px; }
    .page-postdoc .part5Box_title {
      text-align: center;
      margin-bottom: 12px;
      font-size: 28px;
      font-family: Microsoft YaHei;
      font-weight: bold;
      color: #333333; }
    .page-postdoc .part5Box_line {
      margin: 0 auto;
      margin-bottom: 40px;
      width: 50px;
      height: 2px;
      background: #c7000b; }
    .page-postdoc .part5Box_main {
      width: 900px;
      height: 700px;
      margin: 0 auto;
      position: relative; }
    .page-postdoc .part5Box_mainone {
      width: 220px;
      height: 300px; }
    .page-postdoc .part5txtBox_one {
      display: flex;
      align-items: center;
      position: absolute;
      top: 250px;
      left: 20px;
      z-index: 99; }
    .page-postdoc .part5txtBox_two {
      display: flex;
      align-items: center;
      position: absolute;
      top: 100px;
      left: 20px;
      z-index: 99; }
    .page-postdoc .part5txtBox_three {
      display: flex;
      align-items: center;
      position: absolute;
      top: 100px;
      left: 20px;
      z-index: 99; }
    .page-postdoc .part5txtBox_four {
      display: flex;
      align-items: center;
      position: absolute;
      top: 250px;
      left: 20px;
      z-index: 99; }
    .page-postdoc .part5txtBox_five {
      display: flex;
      align-items: center;
      position: absolute;
      top: 140px;
      left: 10px;
      z-index: 99; }
    .page-postdoc .part5txtBox_six {
      display: flex;
      align-items: center;
      position: absolute;
      top: 140px;
      left: 10px;
      z-index: 99; }
    .page-postdoc .part5txtBox_seven {
      display: flex;
      align-items: center;
      position: absolute;
      top: 140px;
      left: 10px;
      z-index: 99; }
    .page-postdoc .part5txtBox_eight {
      display: flex;
      align-items: center;
      position: absolute;
      top: 130px;
      left: 20px;
      z-index: 99; }
    .page-postdoc .part5txtBox_nine {
      display: flex;
      align-items: center;
      position: absolute;
      top: 200px;
      left: 10px;
      z-index: 99; }
    .page-postdoc .part5txt1 {
      font-size: 16px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: #ffffff;
      margin-right: 6px; }
    .page-postdoc .part5txt2 {
      font-size: 12px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: #ffffff; }
    .page-postdoc .part5Box_maintwo {
      position: absolute;
      top: 30px;
      left: 240px;
      width: 220px;
      height: 140px;
      background: url("../images/postdoc/serch2.png") no-repeat center;
      background-size: cover; }
    .page-postdoc .part5Box_mainthree {
      position: absolute;
      top: 0px;
      right: 200px;
      width: 220px;
      height: 290px;
      background: url("../images/postdoc/serch3.png") no-repeat center;
      background-size: cover; }
    .page-postdoc .part5Box_mainfour {
      position: absolute;
      top: 34px;
      right: 0px;
      width: 180px;
      height: 180px;
      background: url("../images/postdoc/serch4.png") no-repeat center;
      background-size: cover; }
    .page-postdoc .part5Box_mainfive {
      position: absolute;
      bottom: 240px;
      left: 10px;
      width: 220px;
      height: 140px;
      background: url("../images/postdoc/serch5.png") no-repeat center;
      background-size: cover; }
    .page-postdoc .part5Box_mainsix {
      position: absolute;
      bottom: 320px;
      left: 260px;
      width: 180px;
      height: 180px;
      background: url("../images/postdoc/serch6.png") no-repeat center;
      background-size: cover; }
    .page-postdoc .part5Box_mainseven {
      position: absolute;
      bottom: 110px;
      left: 260px;
      width: 180px;
      height: 180px;
      background: url("../images/postdoc/serch7.png") no-repeat center;
      background-size: cover; }
    .page-postdoc .part5Box_maineight {
      position: absolute;
      bottom: 200px;
      right: 200px;
      width: 220px;
      height: 170px;
      background: url("../images/postdoc/serch8.png") no-repeat center;
      background-size: cover; }
    .page-postdoc .part5Box_mainnine {
      position: absolute;
      bottom: 320px;
      right: 0px;
      width: 180px;
      height: 140px;
      background: url("../images/postdoc/serch9.png") no-repeat center;
      background-size: cover; }
    .page-postdoc .popTxtBox {
      position: fixed;
      opacity: 0; } }
  @media screen and (min-width: 1025px) and (max-width: 1366.99px) {
    .page-postdoc .part1box {
      width: 100%;
      background-size: cover;
      overflow: hidden;
      position: relative;
      padding-bottom: 80px;
      padding-top: 60px; }
    .page-postdoc .part1Tit {
      margin-bottom: 40px;
      font-size: 30px; }
    .page-postdoc .part1Con {
      font-size: 16px;
      line-height: 30px;
      margin-bottom: 43px; }
    .page-postdoc .part1cvBtn .part1Title {
      font-size: 18px;
      font-family: Microsoft YaHei;
      font-weight: 500;
      color: #000000;
      text-align: center;
      margin-bottom: 10px; }
    .page-postdoc .part1cvBtn .part1_email {
      display: flex;
      align-items: center;
      justify-content: center; }
      .page-postdoc .part1cvBtn .part1_email a {
        font-size: 20px;
        font-family: Microsoft YaHei;
        font-weight: 500;
        color: #c70008;
        text-decoration: underline; }
      .page-postdoc .part1cvBtn .part1_email img {
        margin-right: 6px; }
    .page-postdoc .part1Arrow {
      margin: 0 auto;
      position: absolute;
      bottom: 30px;
      bottom: 6vh;
      width: 100%;
      text-align: center; }
      .page-postdoc .part1Arrow img {
        width: 15px; }
    .page-postdoc .pcbgInn {
      width: 100%; }
    .page-postdoc .ipadCon {
      display: block; }
    .page-postdoc .mobileShineBox {
      display: none; }
    .page-postdoc .part2TitBox {
      width: 440px;
      padding-top: 120px; }
      .page-postdoc .part2TitBox .btn {
        margin-top: 35px; }
        .page-postdoc .part2TitBox .btn a {
          padding: 5px 28px;
          font-size: 18px; }
    .page-postdoc .part2Tit {
      font-size: 58px; }
    .page-postdoc .startTxtBox1 {
      left: 54px; }
    .page-postdoc .hoverBox6 {
      left: -19px;
      transform: scale(0.8); }
    .page-postdoc .hoverBox7 {
      transform: scale(0.8); }
    .page-postdoc .hoverBox4 {
      transform: scale(0.8); }
    .page-postdoc .hoverBox5 {
      transform: scale(0.8); }
    .page-postdoc .hoverBox2 {
      transform: scale(0.8); }
    .page-postdoc .hoverBox8 {
      transform: scale(0.8); }
    .page-postdoc .hoverBox10 {
      transform: scale(0.8); }
    .page-postdoc .hoverBox9 {
      transform: scale(0.8); }
    .page-postdoc .hoverBox1 {
      transform: scale(0.8); }
    .page-postdoc .hoverBox2 {
      transform: scale(0.8); }
    .page-postdoc .hoverBox3 {
      transform: scale(0.8); }
    .page-postdoc .part4ConList {
      width: auto;
      height: auto; }
    .page-postdoc .part4PicBox {
      height: auto; }
    .page-postdoc .part4Box {
      height: 660px; }
    .page-postdoc .part4Tit {
      font-size: 31px; }
    .page-postdoc .part4TitBox {
      margin-top: 54px;
      margin-bottom: 61px; }
    .page-postdoc .part4PicBox {
      width: auto;
      padding: 0 85px; }
    .page-postdoc .part4PicInnBox img {
      width: 126px;
      height: 126px; }
    .page-postdoc .part4ConBox {
      padding: 0 34px;
      height: auto; }
    .page-postdoc .part4PicInnBox {
      margin-bottom: 33px; }
    .page-postdoc .part4ConEach {
      height: auto; }
    .page-postdoc .part4Btn {
      display: block;
      margin-top: 86px; }
    .page-postdoc .part3Box {
      width: 100%;
      height: 644px;
      overflow: hidden; }
    .page-postdoc .part3Box_main {
      width: 900px;
      height: 516px;
      margin: 60px auto;
      display: flex;
      flex-wrap: wrap; }
    .page-postdoc .part3Inn {
      position: absolute;
      left: 0;
      bottom: -100%;
      width: 540px;
      height: 246px;
      transition: all 0.5s;
      display: flex;
      justify-content: space-between;
      flex-direction: column; }
    .page-postdoc .part3Inn2 {
      position: absolute;
      left: 0;
      bottom: -100%;
      width: 320px;
      height: 246px;
      transition: all 0.5s;
      display: flex;
      justify-content: space-between;
      flex-direction: column; }
    .page-postdoc .part3main_eachs:hover .part3Inn {
      bottom: 0; }
    .page-postdoc .part3main_eachs:hover .part3Inn2 {
      bottom: 0; }
    .page-postdoc .part3main_eachs:hover .part3main_oneTitle2 {
      opacity: 0; }
    .page-postdoc .part3main_eachs {
      position: relative;
      overflow: hidden; }
    .page-postdoc .part3main_eachs .part3main_Txt {
      padding-bottom: 15px;
      padding-right: 34px; }
    .page-postdoc .part3main_oneTitle2 {
      position: absolute;
      left: 30px;
      bottom: 25px;
      font-size: 18px;
      font-family: Microsoft YaHei;
      font-weight: bold;
      color: #ffffff;
      opacity: 1;
      transition: all 0.5s;
      animation: show 2s ease-in-out infinite;
      -webkit-animation: show 2s ease-in-out infinite;
      -moz-animation: show 2s ease-in-out infinite;
      -o-animation: show 2s ease-in-out infinite; }
    .page-postdoc .part3main_one {
      width: 540px;
      height: 246px;
      background: url("../images/postdoc/topics-1.jpg") no-repeat center;
      background-size: cover;
      margin-right: 20px;
      margin-bottom: 20px;
      position: relative; }
    .page-postdoc .part3main_two {
      width: 340px;
      height: 246px;
      background: url("../images/postdoc/topics-2-pc.jpg") no-repeat center;
      background-size: cover;
      margin-bottom: 20px; }
    .page-postdoc .part3main_one:hover .one_hide {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 540px;
      height: 181px;
      background: no-repeat center;
      background-image: linear-gradient(rgba(255, 255, 255, 0), black); }
    .page-postdoc .part3main_two:hover .two_hide {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 340px;
      height: 320px;
      background: no-repeat center;
      background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2)); }
    .page-postdoc .part3main_three:hover .three_hide {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 340px;
      height: 320px;
      background: no-repeat center;
      background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.5)); }
    .page-postdoc .part3main_four:hover .four_hide {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 540px;
      height: 181px;
      background: no-repeat center;
      background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.8)); }
    .page-postdoc .part3main_three {
      width: 340px;
      height: 246px;
      background: url("../images/postdoc/topics-3-pc.jpg") no-repeat center;
      background-size: cover;
      margin-right: 20px;
      position: relative; }
    .page-postdoc .part3main_four {
      width: 540px;
      height: 246px;
      background: url("../images/postdoc/topics-4.jpg") no-repeat center;
      background-size: cover;
      position: relative; }
    .page-postdoc .part3main_oneImg {
      display: none; }
    .page-postdoc .part3main_oneTitle {
      font-size: 18px;
      font-family: Microsoft YaHei;
      font-weight: bold;
      color: #ffffff;
      margin-left: 30px;
      margin-bottom: 19px; }
    .page-postdoc .part3main_twoTitle,
    .page-postdoc .part3main_threeTitle {
      font-size: 16px;
      font-family: Microsoft YaHei;
      font-weight: bold;
      color: #ffffff;
      margin: 290px 0 34px 30px; }
    .page-postdoc .part3main_fourTitle {
      font-size: 18px;
      font-family: Microsoft YaHei;
      font-weight: bold;
      color: #ffffff;
      margin: 293px 0 31px 30px; }
    .page-postdoc .part3main_oneTxt {
      font-size: 14px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: #ffffff;
      line-height: 24px;
      margin-left: 30px; }
    .page-postdoc .part4PicBox {
      padding: 0 145px; }
    .page-postdoc .part5Box {
      width: 100%;
      background: #ffffff;
      overflow: hidden; }
    .page-postdoc .part5Box_header {
      margin: 0 auto;
      margin-top: 50px; }
    .page-postdoc .part5Box_title {
      text-align: center;
      margin-bottom: 12px;
      font-size: 28px;
      font-family: Microsoft YaHei;
      font-weight: bold;
      color: #333333; }
    .page-postdoc .part5Box_line {
      margin: 0 auto;
      margin-bottom: 40px;
      width: 50px;
      height: 2px;
      background: #c7000b; }
    .page-postdoc .part5Box_main {
      width: 1200px;
      height: 700px;
      margin: 0 auto;
      position: relative; }
    .page-postdoc .part5Box_mainone {
      width: 260px;
      height: 340px; }
    .page-postdoc .part5Box_maintwo {
      position: absolute;
      top: 30px;
      left: 320px;
      width: 260px;
      height: 160px;
      background: url("../images/postdoc/serch2.png") no-repeat center;
      background-size: cover; }
    .page-postdoc .part5Box_mainthree {
      position: absolute;
      top: 0px;
      right: 280px;
      width: 280px;
      height: 290px;
      background: url("../images/postdoc/serch3.png") no-repeat center;
      background-size: cover; }
    .page-postdoc .part5Box_mainfour {
      position: absolute;
      top: 34px;
      right: 0px;
      width: 220px;
      height: 180px;
      background: url("../images/postdoc/serch4.png") no-repeat center;
      background-size: cover; }
    .page-postdoc .part5Box_mainfive {
      position: absolute;
      bottom: 170px;
      left: 30px;
      width: 260px;
      height: 140px;
      background: url("../images/postdoc/serch5.png") no-repeat center;
      background-size: cover; }
    .page-postdoc .part5Box_mainsix {
      position: absolute;
      bottom: 280px;
      left: 340px;
      width: 220px;
      height: 180px;
      background: url("../images/postdoc/serch6.png") no-repeat center;
      background-size: cover; }
    .page-postdoc .part5Box_mainseven {
      position: absolute;
      bottom: 10px;
      left: 340px;
      width: 220px;
      height: 180px;
      background: url("../images/postdoc/serch7.png") no-repeat center;
      background-size: cover; }
    .page-postdoc .part5Box_maineight {
      position: absolute;
      bottom: 100px;
      right: 280px;
      width: 280px;
      height: 170px;
      background: url("../images/postdoc/serch8.png") no-repeat center;
      background-size: cover; }
    .page-postdoc .part5Box_mainnine {
      position: absolute;
      bottom: 260px;
      right: 0px;
      width: 220px;
      height: 140px;
      background: url("../images/postdoc/serch9.png") no-repeat center;
      background-size: cover; }
    .page-postdoc .part5txtBox_one {
      display: flex;
      align-items: center;
      position: absolute;
      top: 310px;
      left: 20px;
      z-index: 99; }
    .page-postdoc .part5txtBox_two {
      display: flex;
      align-items: center;
      position: absolute;
      top: 130px;
      left: 20px;
      z-index: 99; }
    .page-postdoc .part5txtBox_three {
      display: flex;
      align-items: center;
      position: absolute;
      top: 130px;
      left: 20px;
      z-index: 99; }
    .page-postdoc .part5txtBox_four {
      display: flex;
      align-items: center;
      position: absolute;
      top: 330px;
      left: 20px;
      z-index: 99; }
    .page-postdoc .part5txtBox_five {
      display: flex;
      align-items: center;
      position: absolute;
      top: 180px;
      left: 10px;
      z-index: 99; }
    .page-postdoc .part5txtBox_six {
      display: flex;
      align-items: center;
      position: absolute;
      top: 180px;
      left: 10px;
      z-index: 99; }
    .page-postdoc .part5txtBox_seven {
      display: flex;
      align-items: center;
      position: absolute;
      top: 180px;
      left: 10px;
      z-index: 99; }
    .page-postdoc .part5txtBox_eight {
      display: flex;
      align-items: center;
      position: absolute;
      top: 180px;
      left: 20px;
      z-index: 99; }
    .page-postdoc .part5txtBox_nine {
      display: flex;
      align-items: center;
      position: absolute;
      top: 260px;
      left: 10px;
      z-index: 99; }
    .page-postdoc .part5txt1 {
      font-size: 16px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: #ffffff;
      margin-right: 6px; }
    .page-postdoc .part5txt2 {
      font-size: 12px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: #ffffff; }
    .page-postdoc .popTxtBox {
      position: fixed;
      opacity: 0; } }
  @media screen and (min-width: 1025px) and (max-width: 1280.99px) {
    .page-postdoc .part4ConBox {
      padding: 0 60px;
      height: auto; } }
  @media screen and (max-width: 750.99px) {
    .page-postdoc .fl {
      float: left; }
    .page-postdoc .pcShow {
      display: none; }
    .page-postdoc .ydShow {
      display: block; }
    .page-postdoc .pcCon {
      display: none; }
    .page-postdoc .mobileShineBox {
      display: block; }
    .page-postdoc .mobileBox {
      width: 100%;
      overflow: hidden; }
    @keyframes scale-change {
      0% {
        transform: scale(1); }
      50% {
        transform: scale(1.2); }
      100% {
        transform: scale(1); } }
    @-webkit-keyframes scale-change {
      0% {
        transform: scale(1); }
      50% {
        transform: scale(1.2); }
      100% {
        transform: scale(1); } }
    @-moz-keyframes scale-change {
      0% {
        transform: scale(1); }
      50% {
        transform: scale(1.2); }
      100% {
        transform: scale(1); } }
    @-o-keyframes scale-change {
      0% {
        transform: scale(1); }
      50% {
        transform: scale(1.2); }
      100% {
        transform: scale(1); } }
    .page-postdoc .pcbg {
      position: relative;
      background-image: url("../images/postdoc/subject-wap.jpg");
      height: 46.15932rem; }
      .page-postdoc .pcbg .more {
        bottom: 20px !important; }
    .page-postdoc .pcbgInn {
      width: auto;
      height: 100%; }
    .page-postdoc .part2TitBox {
      text-align: center;
      width: auto;
      height: auto;
      margin: 0 auto;
      padding-top: 0; }
      .page-postdoc .part2TitBox span {
        font-size: 1.28023rem;
        margin-top: 0.71124rem; }
    .page-postdoc .part2Tit {
      font-weight: bold;
      color: #fff;
      font-size: 1.42248rem;
      padding-top: 2.13371rem; }
    .page-postdoc .part2TitLine {
      margin: 0 auto;
      width: 4.4808rem;
      height: 0.14225rem;
      background: #fff; }
    .page-postdoc .startTxtBox img {
      opacity: 0.8; }
    .page-postdoc .startTxtBox:hover {
      transform: unset; }
    .page-postdoc .starTxtInn {
      opacity: 1; }
    .page-postdoc .startTxtBox .starTxtInn {
      opacity: 1; }
    .page-postdoc .starTxtInn .con {
      display: none; }
    .page-postdoc .starBox1,
    .page-postdoc .starBox2,
    .page-postdoc .starBox3,
    .page-postdoc .starBox4,
    .page-postdoc .starBox5,
    .page-postdoc .startTxtBox1 {
      display: none; }
    .page-postdoc .startTxtBox6,
    .page-postdoc .startTxtBox7,
    .page-postdoc .startTxtBox8,
    .page-postdoc .startTxtBox9,
    .page-postdoc .startTxtBox10,
    .page-postdoc .startTxtBox11,
    .page-postdoc .part2TitBox {
      display: block; }
      .page-postdoc .startTxtBox6 .btn,
      .page-postdoc .startTxtBox7 .btn,
      .page-postdoc .startTxtBox8 .btn,
      .page-postdoc .startTxtBox9 .btn,
      .page-postdoc .startTxtBox10 .btn,
      .page-postdoc .startTxtBox11 .btn,
      .page-postdoc .part2TitBox .btn {
        display: none; }
    .page-postdoc .startTxtBox4 {
      width: 7.53912rem;
      height: 7.53912rem;
      right: 0.2845rem;
      bottom: 16.92745rem;
      animation: scale-change 3s ease-in-out infinite;
      -webkit-animation: scale-change 3s ease-in-out infinite;
      -moz-animation: scale-change 3s ease-in-out infinite;
      -o-animation: scale-change 3s ease-in-out infinite; }
    .page-postdoc .startTxtBox4 .starTxtInn .starTitle {
      line-height: 7.53912rem;
      font-size: 1.13798rem; }
    .page-postdoc .startTxtBox2 {
      width: 7.73471rem;
      height: 7.73471rem;
      left: 11.52205rem;
      bottom: 31.00996rem;
      animation-delay: 1s;
      -webkit-animation-delay: 1s;
      -moz-animation-delay: 1s;
      -o-animation-delay: 1s;
      animation: scale-change 4s ease-in-out infinite;
      -webkit-animation: scale-change 4s ease-in-out infinite;
      -moz-animation: scale-change 4s ease-in-out infinite;
      -o-animation: scale-change 4s ease-in-out infinite; }
    .page-postdoc .startTxtBox2 .starTxtInn .starTitle {
      line-height: 7.73471rem;
      font-size: 1.73364rem; }
    .page-postdoc .startTxtBox3 {
      width: 7.11238rem;
      height: 7.11238rem;
      right: 10.66856rem;
      bottom: 23.75533rem;
      animation-delay: 2s;
      -webkit-animation-delay: 2s;
      -moz-animation-delay: 2s;
      -o-animation-delay: 2s;
      animation: scale-change 3s ease-in-out infinite;
      -webkit-animation: scale-change 3s ease-in-out infinite;
      -moz-animation: scale-change 3s ease-in-out infinite;
      -o-animation: scale-change 3s ease-in-out infinite; }
    .page-postdoc .startTxtBox3 .starTxtInn .starTitle {
      line-height: 7.11238rem;
      font-size: 1.28023rem; }
    .page-postdoc .startTxtBox3 .starTitle {
      line-height: 7.11238rem;
      font-size: 0.53343rem; }
    .page-postdoc .startTxtBox5 {
      width: 7.11238rem;
      height: 7.11238rem;
      right: 18.8478rem;
      top: 21.40825rem;
      animation-delay: 3s;
      -webkit-animation-delay: 3s;
      -moz-animation-delay: 3s;
      -o-animation-delay: 3s;
      animation: scale-change 5s ease-in-out infinite;
      -webkit-animation: scale-change 5s ease-in-out infinite;
      -moz-animation: scale-change 5s ease-in-out infinite;
      -o-animation: scale-change 5s ease-in-out infinite; }
    .page-postdoc .startTxtBox5 .starTitle {
      line-height: 7.11238rem;
      font-size: 0.85349rem;
      transform: scale(0.8); }
    .page-postdoc .startTxtBox5 .starTxtInn .starTitle {
      line-height: 5.6899rem;
      font-size: 0.85349rem;
      transform: scale(0.8);
      margin-top: 0.56899rem; }
    .page-postdoc .startTxtBox6 {
      width: 7.46799rem;
      height: 7.46799rem;
      left: 3.27169rem;
      top: 11.23755rem;
      animation-delay: 4s;
      -webkit-animation-delay: 4s;
      -moz-animation-delay: 4s;
      -o-animation-delay: 4s;
      animation: scale-change 7s ease-in-out infinite;
      -webkit-animation: scale-change 7s ease-in-out infinite;
      -moz-animation: scale-change 7s ease-in-out infinite;
      -o-animation: scale-change 7s ease-in-out infinite; }
    .page-postdoc .startTxtBox6 .starTitle {
      line-height: 7.46799rem;
      font-size: 0.53343rem;
      transform: scale(0.85); }
    .page-postdoc .startTxtBox7 {
      width: 11.3798rem;
      height: 11.3798rem;
      right: 1.42248rem;
      top: 13.22902rem;
      animation-delay: 5s;
      -webkit-animation-delay: 5s;
      -moz-animation-delay: 5s;
      -o-animation-delay: 5s;
      animation: scale-change 7.5s ease-in-out infinite;
      -webkit-animation: scale-change 7.5s ease-in-out infinite;
      -moz-animation: scale-change 7.5s ease-in-out infinite;
      -o-animation: scale-change 7.5s ease-in-out infinite; }
    .page-postdoc .startTxtBox7 .starTitle {
      line-height: 11.3798rem;
      font-size: 1.1202rem; }
    .page-postdoc .startTxtBox8 {
      width: 12.51778rem;
      height: 12.51778rem;
      right: 7.39687rem;
      bottom: 13.37127rem;
      animation-delay: 6s;
      -webkit-animation-delay: 6s;
      -moz-animation-delay: 6s;
      -o-animation-delay: 6s;
      animation: scale-change 5.5s ease-in-out infinite;
      -webkit-animation: scale-change 5.5s ease-in-out infinite;
      -moz-animation: scale-change 5.5s ease-in-out infinite;
      -o-animation: scale-change 5.5s ease-in-out infinite; }
    .page-postdoc .startTxtBox8 .starTitle {
      line-height: 12.51778rem;
      font-size: 1.17354rem; }
    .page-postdoc .startTxtBox9 {
      width: 8.53485rem;
      height: 8.53485rem;
      left: 1.42248rem;
      bottom: 10.95306rem;
      animation-delay: 7s;
      -webkit-animation-delay: 7s;
      -moz-animation-delay: 7s;
      -o-animation-delay: 7s;
      animation: scale-change 8s ease-in-out infinite;
      -webkit-animation: scale-change 8s ease-in-out infinite;
      -moz-animation: scale-change 8s ease-in-out infinite;
      -o-animation: scale-change 8s ease-in-out infinite; }
    .page-postdoc .startTxtBox9 .starTitle {
      line-height: 8.53485rem;
      font-size: 1.01351rem; }
    .page-postdoc .startTxtBox10 {
      width: 11.20199rem;
      height: 11.20199rem;
      left: 6.40114rem;
      bottom: 2.27596rem;
      animation-delay: 8s;
      -webkit-animation-delay: 8s;
      -moz-animation-delay: 8s;
      -o-animation-delay: 8s;
      animation: scale-change 8.5s ease-in-out infinite;
      -webkit-animation: scale-change 8.5s ease-in-out infinite;
      -moz-animation: scale-change 8.5s ease-in-out infinite;
      -o-animation: scale-change 8.5s ease-in-out infinite; }
    .page-postdoc .startTxtBox10 .starTitle {
      line-height: 11.20199rem;
      font-size: 1.06686rem; }
    .page-postdoc .startTxtBox11 {
      width: 7.82361rem;
      height: 7.82361rem;
      right: 2.84495rem;
      bottom: 6.68563rem;
      animation-delay: 3.5s;
      -webkit-animation-delay: 3.5s;
      -moz-animation-delay: 3.5s;
      -o-animation-delay: 3.5s;
      animation: scale-change 9.5s ease-in-out infinite;
      -webkit-animation: scale-change 9.5s ease-in-out infinite;
      -moz-animation: scale-change 9.5s ease-in-out infinite;
      -o-animation: scale-change 9.5s ease-in-out infinite; }
    .page-postdoc .startTxtBox11 .starTitle {
      line-height: 7.82361rem;
      font-size: 1.01351rem; }
    .page-postdoc .startTxtBox12 {
      width: 7.82361rem;
      height: 7.82361rem;
      left: 11.52205rem;
      bottom: 31.00996rem;
      animation-delay: 3.5s;
      -webkit-animation-delay: 3.5s;
      -moz-animation-delay: 3.5s;
      -o-animation-delay: 3.5s;
      animation: scale-change 9.5s ease-in-out infinite;
      -webkit-animation: scale-change 9.5s ease-in-out infinite;
      -moz-animation: scale-change 9.5s ease-in-out infinite;
      -o-animation: scale-change 9.5s ease-in-out infinite; }
    .page-postdoc .startTxtBox12 .starTitle {
      line-height: 7.82361rem;
      font-size: 1.01351rem; }
    .page-postdoc .startTxtBox13 {
      width: 7.11238rem;
      height: 7.11238rem;
      right: 18.8478rem;
      top: 21.40825rem;
      animation-delay: 3s;
      -webkit-animation-delay: 3s;
      -moz-animation-delay: 3s;
      -o-animation-delay: 3s;
      animation: scale-change 5s ease-in-out infinite;
      -webkit-animation: scale-change 5s ease-in-out infinite;
      -moz-animation: scale-change 5s ease-in-out infinite;
      -o-animation: scale-change 5s ease-in-out infinite; }
    .page-postdoc .startTxtBox13 .starTitle {
      line-height: 7.11238rem;
      font-size: 0.85349rem; }
    .page-postdoc .startTxtBox14 {
      width: 7.53912rem;
      height: 7.53912rem;
      right: 0.2845rem;
      bottom: 16.92745rem;
      animation: scale-change 3s ease-in-out infinite;
      -webkit-animation: scale-change 3s ease-in-out infinite;
      -moz-animation: scale-change 3s ease-in-out infinite;
      -o-animation: scale-change 3s ease-in-out infinite; }
    .page-postdoc .startTxtBox14 .starTitle {
      line-height: 7.53912rem;
      font-size: 1.01351rem; }
    .page-postdoc .startTxtBox15 {
      width: 7.11238rem;
      height: 7.11238rem;
      right: 10.66856rem;
      bottom: 23.75533rem;
      animation-delay: 2s;
      -webkit-animation-delay: 2s;
      -moz-animation-delay: 2s;
      -o-animation-delay: 2s;
      animation: scale-change 3s ease-in-out infinite;
      -webkit-animation: scale-change 3s ease-in-out infinite;
      -moz-animation: scale-change 3s ease-in-out infinite;
      -o-animation: scale-change 3s ease-in-out infinite; }
    .page-postdoc .startTxtBox15 .starTitle {
      line-height: 7.11238rem;
      font-size: 0.85349rem; }
    .page-postdoc .part1box {
      height: auto;
      padding: 0 1.42248rem;
      background-size: 26.67141rem 15.50498rem;
      background-position-x: center;
      padding-bottom: 3.20057rem;
      padding: 0; }
    .page-postdoc .part1Tit {
      font-size: 1.70697rem;
      color: #000000;
      text-align: center;
      font-weight: bold;
      padding-top: 2.13371rem;
      padding-bottom: 1.42248rem;
      margin-top: 0;
      margin-bottom: 0; }
    .page-postdoc .part1Con {
      width: auto;
      height: auto;
      font-size: 0.99573rem;
      line-height: 1.56472rem;
      color: #000000;
      text-align: left;
      padding: 0 1.42248rem;
      margin-bottom: 2.48933rem; }
    .page-postdoc .part1Arrow {
      display: none; }
    .page-postdoc .part1cvBtn {
      width: auto;
      margin-bottom: 3.20057rem; }
      .page-postdoc .part1cvBtn .part1_email img {
        width: 1.42248rem;
        height: auto; }
      .page-postdoc .part1cvBtn .part1_email a {
        font-size: 1.28023rem; }
    .page-postdoc .part1cvBtn img {
      width: 15.64723rem;
      height: 3.55619rem; }
    .page-postdoc .part1cvBtn_txt {
      font-size: 1.28023rem;
      top: 0.71124rem; }
    .page-postdoc .cvBtn {
      position: relative;
      width: 15.64723rem;
      height: 3.34282rem;
      margin: 0 auto;
      margin-top: 2.84495rem; }
    .page-postdoc .cvBtn img {
      width: 15.64723rem;
      height: 3.34282rem; }
    .page-postdoc .cvBtn p {
      position: absolute;
      left: 0;
      top: 0;
      width: 15.64723rem;
      height: 3.34282rem;
      line-height: 3.34282rem;
      text-align: center;
      font-size: 1.28023rem;
      color: #c7000b;
      font-weight: bold; }
    .page-postdoc .part4Box {
      width: 100%;
      height: auto;
      background-color: #f8f8f8;
      padding-bottom: 5.04979rem; }
    .page-postdoc .part4TitBox {
      text-align: center;
      margin-top: 0;
      margin-bottom: 0; }
    .page-postdoc .part4Tit {
      font-weight: bold;
      color: #333333;
      font-size: 1.42248rem;
      padding-top: 2.84495rem;
      margin-bottom: 1.06686rem; }
    .page-postdoc .part4TitLine {
      margin: 0 auto;
      width: 4.4808rem;
      height: 0.14225rem;
      background: #c7000b; }
    .page-postdoc .part4PicBox {
      width: 4.69417rem;
      height: auto;
      margin: 0 1.70697rem;
      padding: 0; }
    .page-postdoc .part4PicInnBox {
      background: url("../images/postdoc/arrowdown.png") repeat-y;
      background-position-x: center;
      display: block; }
    .page-postdoc .part4PicBox img {
      display: block;
      width: 4.69417rem;
      height: 4.69417rem;
      margin-top: 4.40967rem; }
    .page-postdoc .part4PicBox img:first-child {
      margin-top: 3.20057rem; }
    .page-postdoc .part4ConBox {
      width: 17.0697rem;
      height: auto;
      display: block;
      margin-bottom: 0;
      padding: 0; }
    .page-postdoc .part4ConBox .part4ConEach:first-child {
      margin-top: 2.13371rem;
      margin-left: 0; }
    .page-postdoc .part4ConEach:nth-child(2),
    .page-postdoc .part4ConEach:last-child {
      margin: 0; }
    .page-postdoc .part4ConBox .part4ConEach {
      width: auto;
      height: auto;
      margin-top: 2.48933rem;
      margin-left: 0; }
    .page-postdoc .part4EachTit {
      font-size: 1.13798rem;
      font-weight: bold;
      color: #333333;
      margin-bottom: 0.42674rem;
      text-align: left; }
    .page-postdoc .part4EachCon {
      font-size: 0.99573rem;
      font-weight: 400;
      color: #333333;
      line-height: 1.56472rem;
      text-align: left; }
    .page-postdoc .part4ConList {
      height: auto; }
    .page-postdoc .part4Btn {
      display: none; }
    .page-postdoc .part4BtnMobile {
      width: 12.01991rem;
      height: 2.84495rem;
      line-height: 2.84495rem;
      text-align: center;
      border: 0.21337rem solid #333333;
      margin: 0 auto;
      font-size: 1.13798rem;
      font-weight: 400;
      color: #333333;
      margin-top: 3.37838rem;
      display: block; }
    .page-postdoc .popBox {
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: rgba(40, 42, 68, 0.9);
      transition: all 0.5s;
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 11; }
    .page-postdoc .popBox .starTxtInn .con {
      display: block; }
    .page-postdoc .popBox .starTxtInn {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 17.49644rem;
      height: 17.49644rem;
      margin-top: 0;
      margin-left: 0; }
      .page-postdoc .popBox .starTxtInn > div {
        position: relative; }
        .page-postdoc .popBox .starTxtInn > div center {
          position: absolute;
          width: 100%;
          left: 0; }
        .page-postdoc .popBox .starTxtInn > div:after {
          content: ". . .";
          display: block;
          position: absolute;
          width: 100%;
          left: 0;
          text-align: center;
          font-weight: bold;
          text-shadow: #383838 2px 3px 6px; }
    .page-postdoc .popBox .startTxtBox1 {
      animation: none; }
    .page-postdoc .closeimg {
      position: absolute;
      width: 2.13371rem;
      height: 2.13371rem;
      right: 1.42248rem;
      top: 1.42248rem;
      z-index: 1; }
    .page-postdoc .popBox .startTxtBox1 {
      position: relative;
      top: unset;
      left: unset;
      display: block;
      width: 17.49644rem;
      height: 17.49644rem; }
    .page-postdoc .popBox .startTxtBox1 img {
      width: 17.49644rem;
      height: 17.49644rem; }
    .page-postdoc .popBox .startTxtBox1 .starTitle {
      font-size: 1.56472rem;
      margin-bottom: 0.71124rem;
      margin-top: -0.92461rem;
      text-shadow: #383838 0.14225rem 0.21337rem 0.42674rem; }
    .page-postdoc .popBox .startTxtBox1 .con {
      font-size: 1.28023rem;
      line-height: 1.84922rem;
      text-shadow: #383838 0.14225rem 0.21337rem 0.42674rem; }
    .page-postdoc .part3Box {
      height: auto;
      overflow: unset;
      padding-top: 2.13371rem;
      padding-bottom: 1.42248rem; }
    .page-postdoc .part3Box_main {
      width: auto;
      height: auto;
      overflow: unset;
      margin: 0;
      padding: 0 1.42248rem;
      display: block; }
    .page-postdoc .part3main_oneTxt {
      display: none; }
    .page-postdoc .part3Box_main div {
      position: relative;
      width: 23.82646rem;
      height: 11.09531rem;
      margin-bottom: 0.71124rem; }
    .page-postdoc .part3Box_main div h3 {
      position: absolute;
      left: 0;
      bottom: 1.06686rem;
      margin: 0;
      font-size: 1.13798rem;
      margin-left: 1.28023rem; }
    .page-postdoc .part3main_oneTitle {
      margin: 0; }
    .page-postdoc .part3main_oneImg {
      display: block; }
    .page-postdoc .part3main_one {
      background: url(../images/postdoc/topics-1.jpg) no-repeat center;
      background-size: cover; }
    .page-postdoc .part3main_two {
      background: url(../images/postdoc/topics-2.jpg) no-repeat center;
      background-size: cover; }
    .page-postdoc .part3main_three {
      background: url(../images/postdoc/topics-3.jpg) no-repeat center;
      background-size: cover; }
    .page-postdoc .part3main_four {
      background: url(../images/postdoc/topics-4.jpg) no-repeat center;
      background-size: cover; }
    .page-postdoc .part3Box_main img {
      position: absolute;
      right: 0.99573rem;
      bottom: 1.35135rem;
      width: 1.06686rem;
      height: 1.06686rem; }
    .page-postdoc .popTxtBox {
      position: fixed;
      opacity: 1;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: #fff;
      z-index: 11;
      overflow-y: auto; }
    .page-postdoc .part3main_each {
      position: relative;
      width: 100%;
      height: 12.37553rem;
      margin-bottom: 1.06686rem; }
    .page-postdoc .part3main_each h3 {
      position: absolute;
      left: 0;
      bottom: 1.06686rem;
      margin: 0;
      font-size: 1.42248rem;
      margin-left: 1.28023rem; }
    .page-postdoc .popTxtCon {
      height: 70%;
      overflow-y: auto;
      font-size: 0.99573rem;
      line-height: 1.84922rem;
      padding: 0 1.42248rem; }
    .page-postdoc .part5Box {
      height: auto; }
    .page-postdoc .part5Box_main {
      width: auto;
      height: auto;
      padding: 0 0.81792rem; }
    .page-postdoc .part5Box_header {
      margin-top: 2.84495rem; }
    .page-postdoc .part5Box_title {
      font-size: 1.42248rem;
      margin-bottom: 1.06686rem; }
    .page-postdoc .part5Box_line {
      width: 4.4808rem;
      height: 0.14225rem;
      background: #c7000b;
      margin-bottom: 1.70697rem; }
    .page-postdoc .part5Box_mainInn {
      -moz-column-count: 2;
      /* Firefox */
      -webkit-column-count: 2;
      /* Safari 和 Chrome */
      column-count: 2;
      -moz-column-gap: 0;
      -webkit-column-gap: 0;
      column-gap: 0;
      display: inline-block;
      overflow: hidden; }
    .page-postdoc .part5Box_each {
      position: relative;
      left: unset;
      right: unset;
      top: unset;
      bottom: unset;
      margin: 0 0.60455rem;
      margin-bottom: 1.2091rem; }
    .page-postdoc .part5Box_each div {
      position: unset;
      left: 0;
      bottom: 0.71124rem;
      margin: 0;
      margin: 0; }
    .page-postdoc .part5txt1 {
      font-size: 0.85349rem; }
    .page-postdoc .part5txt2 {
      display: none; }
    .page-postdoc .part5Box_mainone,
    .page-postdoc .part5Box_mainthree,
    .page-postdoc .part5Box_mainsix,
    .page-postdoc .part5Box_mainnine {
      width: 11.30868rem;
      height: 14.22475rem; }
      .page-postdoc .part5Box_mainone .swiper-slide,
      .page-postdoc .part5Box_mainthree .swiper-slide,
      .page-postdoc .part5Box_mainsix .swiper-slide,
      .page-postdoc .part5Box_mainnine .swiper-slide {
        width: 11.30868rem;
        height: 14.22475rem;
        margin: 0 !important; }
        .page-postdoc .part5Box_mainone .swiper-slide img,
        .page-postdoc .part5Box_mainthree .swiper-slide img,
        .page-postdoc .part5Box_mainsix .swiper-slide img,
        .page-postdoc .part5Box_mainnine .swiper-slide img {
          width: 11.30868rem;
          height: 14.22475rem; }
    .page-postdoc .part5Box_maintwo,
    .page-postdoc .part5Box_mainfive,
    .page-postdoc .part5Box_mainseven,
    .page-postdoc .part5Box_maineight {
      width: 11.30868rem;
      height: 6.97013rem; }
      .page-postdoc .part5Box_maintwo .swiper-slide,
      .page-postdoc .part5Box_mainfive .swiper-slide,
      .page-postdoc .part5Box_mainseven .swiper-slide,
      .page-postdoc .part5Box_maineight .swiper-slide {
        width: 11.30868rem;
        height: 6.97013rem;
        margin: 0 !important; }
        .page-postdoc .part5Box_maintwo .swiper-slide img,
        .page-postdoc .part5Box_mainfive .swiper-slide img,
        .page-postdoc .part5Box_mainseven .swiper-slide img,
        .page-postdoc .part5Box_maineight .swiper-slide img {
          width: 11.30868rem;
          height: 6.97013rem; }
    .page-postdoc .part5Box_mainfour {
      width: 23.82646rem;
      height: 8.3926rem; }
      .page-postdoc .part5Box_mainfour .swiper-slide {
        width: 23.82646rem;
        height: 8.3926rem;
        margin: 0 !important; }
        .page-postdoc .part5Box_mainfour .swiper-slide img {
          width: 23.82646rem;
          height: 8.3926rem; }
    .page-postdoc .part5txtBox_one,
    .page-postdoc .part5txtBox_two,
    .page-postdoc .part5txtBox_three,
    .page-postdoc .part5txtBox_four,
    .page-postdoc .part5txtBox_five,
    .page-postdoc .part5txtBox_six,
    .page-postdoc .part5txtBox_seven,
    .page-postdoc .part5txtBox_eight,
    .page-postdoc .part5txtBox_nine {
      display: block;
      margin-top: 0;
      margin-left: 0; }
    .page-postdoc .ydPart5txt1 {
      position: absolute;
      top: 12.73115rem;
      left: 0.71124rem; }
    .page-postdoc .ydPart5txt2 {
      position: absolute;
      top: 5.47653rem;
      left: 0.71124rem; }
    .page-postdoc .ydPart5txt3 {
      position: absolute;
      top: 5.47653rem;
      left: 0.71124rem; }
    .page-postdoc .ydPart5txt4 {
      position: absolute;
      top: 12.73115rem;
      left: 0.71124rem; }
    .page-postdoc .ydPart5txt5 {
      position: absolute;
      top: 6.899rem;
      left: 0.71124rem; }
    .page-postdoc .ydPart5txt6 {
      position: absolute;
      top: 12.73115rem;
      left: 0.71124rem; }
    .page-postdoc .ydPart5txt7 {
      position: absolute;
      top: 5.47653rem;
      left: 0.71124rem; }
    .page-postdoc .ydPart5txt8 {
      position: absolute;
      top: 5.47653rem;
      left: 0.71124rem; }
    .page-postdoc .ydPart5txt9 {
      position: absolute;
      top: 12.73115rem;
      left: 0.71124rem; }
    .page-postdoc .part1_email {
      justify-content: center; }
      .page-postdoc .part1_email img {
        width: 1.99147rem;
        height: 1.77809rem;
        margin-right: 0.42674rem; } }