@charset "UTF-8";
.banner.banner-index {
  height: 6.03rem;
 }
  .banner.banner-index .banner-left {
    width: 100%;
	margin-top:0.4rem;
    }
  .banner.banner-index .banner-title {
	color: #ffffff;
    font-size: .6rem;
    text-shadow: 0 0.04rem 0.07rem rgba(0, 0, 0, 0.19); }
  .banner.banner-index .banner-txt {
	color: #333333;
    font-size: .24rem;
    margin-top: .4rem; }
  .banner.banner-index .banner-txt-h5 {
	color: #333333;
    font-size: .20rem;
    margin-top: .1rem; }

  .banner.banner-index .banner-btns {
    margin-top: .7rem;
    font-size: 0; }
    .banner.banner-index .banner-btns .btn-register {
      display: inline-block;
      width: 1.62rem;
      height: .52rem;
      line-height: .52rem;
      text-align: center;
      font-size: .24rem;
      color: #fff;
      background: #fff;
      border-radius: .05rem;
      margin-right: .12rem; }
      .banner.banner-index .banner-btns .btn-register:hover, .banner.banner-index .banner-btns .btn-register:active {
        opacity: .9; }
    .btn-signin {
      display: inline-block;
      width: 1.2rem;
      height: .52rem;
      line-height: .52rem;
      text-align: center;
      font-size: .20rem;
      color: #fff;
      background: #eb3468;
      border-radius: .05rem; }
      .banner.banner-index .banner-btns .btn-signin:hover, .banner.banner-index .banner-btns .btn-signin:active {
        opacity: .9; }
  .banner.banner-index .banner-search {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (doesn't work very well) */
    display: box;
    /* andriod 4.4 */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    width: 100%;
    max-width: 6.88rem; }
    .banner.banner-index .banner-search .search-item {
      -webkit-box-flex: 1;
      /* OLD - iOS 6-, Safari 3.1-6 */
      -moz-box-flex: 1;
      /* Firefox 19- */
      box-flex: 1;
      /* andriod 4.4 */
      -ms-flex: 1;
      /* TWEENER - IE 10 */
      -webkit-flex: 1;
      /* NEW - Chrome */
      flex: 1;
      /* NEW, Spec - Opera 12.1, Firefox 20+ */
      position: relative;
      font-size: .14rem;
      background: #fff;
      border-radius: .05rem; }
      .banner.banner-index .banner-search .search-item:before {
        content: "";
        position: absolute;
        left: .1rem;
        top: 50%;
        margin-top: -.15rem;
        display: block;
        width: .3rem;
        height: .3rem; }
      .banner.banner-index .banner-search .search-item.search:before {
        background: url(../images/base/icon-search-blue.png) center center no-repeat;
        background-size: .24rem .24rem; }
      .banner.banner-index .banner-search .search-item .search-input {
        display: block;
        width: 100%;
        height: .52rem;
        padding: .1rem .1rem .1rem .5rem;
        border: none;
        background: none;
        border-radius: .05rem; }
    .banner.banner-index .banner-search .search-btn {
      display: block;
      width: 1.62rem;
      height: .52rem;
      line-height: .52rem;
      margin-left: .12rem;
      text-align: center;
      font-size: .24rem;
      color: #fff;
      background: #fff;
      border-radius: .05rem; }
      .banner.banner-index .banner-search .search-btn:hover, .banner.banner-index .banner-search .search-btn:active {
        opacity: .7; }

.banner.banner-FEC {
  position: relative;
  height: 5.78rem;
  text-align: center;
  padding-top: 1rem;
  background-image: url(../images/fec-bg.jpg); }
  .banner.banner-FEC .banner-inner {
    -webkit-box-align: start;
    -moz-box-align: start;
    box-align: start;
    -webkit-align-items: start;
    -moz-align-items: start;
    -ms-align-items: start;
    align-items: start; }
  .banner.banner-FEC .banner-left {
    width: 100%;
    max-width: 12rem;
    margin: 0 auto; }
  .banner.banner-FEC .banner-title {
    font-size: .6rem; }
  .banner.banner-FEC .banner-txt {
    font-size: .24rem;
    margin-top: .1rem; }
  .banner.banner-FEC .bottom {
    position: absolute;
    bottom: .7rem;
    left: 0;
    right: 0; }
  .banner.banner-FEC .icon-fec-location {
    display: block;
    margin: 0 auto;
    width: .4rem;
    height: .5rem;
    color: #eb3468; }

.mod-cont-head {
  text-align: center; }
  .mod-cont-head .head-s {
    font-size: .2rem; }
  .mod-cont-head .head-l {
    font-size: .35rem;
    color: #fff; }

.mod-cont-body {
  padding-bottom: .1rem; }

.mod-cont-foot {
  text-align: center;
  padding: 0 0 .3rem; }
  .mod-cont-foot .more-link {
    display: block;
    width: .52rem;
    height: .52rem;
    margin: 0 auto;
    color: #fff;
    -webkit-transition: color 0.2s ease-out;
    -moz-transition: color 0.2s ease-out;
    -ms-transition: color 0.2s ease-out;
    -o-transition: color 0.2s ease-out;
    transition: color 0.2s ease-out; }
    .mod-cont-foot .more-link:hover, .mod-cont-foot .more-link:active {
      color: #4dac97; }

.jobs-list {
  font-size: 0; }
  .jobs-list .item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 33.33%;
    margin-top: .3rem;
    background: #fff;
    box-shadow: none;
    -webkit-transition: box-shadow 0.2s ease-out;
    -moz-transition: box-shadow 0.2s ease-out;
    -ms-transition: box-shadow 0.2s ease-out;
    -o-transition: box-shadow 0.2s ease-out;
    transition: box-shadow 0.2s ease-out; }
    .jobs-list .item:hover, .jobs-list .item:active {
      z-index: 1;
      box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.06); }
      .jobs-list .item:hover .job-arrow-link .arrow-link, .jobs-list .item:active .job-arrow-link .arrow-link {
        width: .29rem;
        color: #4dac97; }
        .jobs-list .item:hover .job-arrow-link .arrow-link:before, .jobs-list .item:active .job-arrow-link .arrow-link:before {
          -webkit-transform: scaleX(1.5);
          -moz-transform: scaleX(1.5);
          -ms-transform: scaleX(1.5);
          -o-transform: scaleX(1.5);
          transform: scaleX(1.5);
          background: #4dac97; }
      .jobs-list .item:hover .job-name, .jobs-list .item:active .job-name {
        color: #4dac97; }
    .jobs-list .item .item-inner {
      padding: .15rem .26rem;
      border-left: 1px dashed #fff; }
    .jobs-list .item .job-name {
      color: #fff;
      font-size: .2rem;
      -webkit-transition: color 0.2s ease-out;
      -moz-transition: color 0.2s ease-out;
      -ms-transition: color 0.2s ease-out;
      -o-transition: color 0.2s ease-out;
      transition: color 0.2s ease-out; }
    .jobs-list .item .job-info {
      font-size: .12rem;
      line-height: .22rem; }
    .jobs-list .item .job-desc {
      font-size: .14rem;
      margin-top: .12rem;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      text-overflow: ellipsis; }
    .jobs-list .item .job-arrow-link {
      position: relative;
      display: block;
      width: .18rem;
      height: .18rem;
      margin-top: .15rem;
      margin-left: -.1rem;
      color: #fff;
      -webkit-transition: all 0.2s ease-out;
      -moz-transition: all 0.2s ease-out;
      -ms-transition: all 0.2s ease-out;
      -o-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out; }
      .jobs-list .item .job-arrow-link .arrow-link {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: .18rem;
        height: .18rem;
        margin-left: .2rem;
        color: #fff;
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        -ms-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out; }
        .jobs-list .item .job-arrow-link .arrow-link:before {
          content: "";
          position: absolute;
          top: 50%;
          left: -.1rem;
          margin-top: -1px;
          display: block;
          width: .22rem;
          height: 2px;
          background: #fff;
          -webkit-transition: all 0.2s ease-out;
          -moz-transition: all 0.2s ease-out;
          -ms-transition: all 0.2s ease-out;
          -o-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
          -webkit-transform-origin: left center;
          -moz-transform-origin: left center;
          -ms-transform-origin: left center;
          -o-transform-origin: left center;
          transform-origin: left center; }
        .jobs-list .item .job-arrow-link .arrow-link .icon-arrow {
          position: absolute;
          right: 0;
          top: 0;
          width: .18rem;
          height: .18rem; }

.wedo-list {
  font-size: 0; }
  .wedo-list .item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 33.33%;
    margin-top: .3rem;
    background: #fff;
    box-shadow: none;
    -webkit-transition: box-shadow 0.2s ease-out;
    -moz-transition: box-shadow 0.2s ease-out;
    -ms-transition: box-shadow 0.2s ease-out;
    -o-transition: box-shadow 0.2s ease-out;
    transition: box-shadow 0.2s ease-out; }
    .wedo-list .item:hover, .wedo-list .item:active {
      z-index: 1;
      box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.06); }
      .wedo-list .item:hover .icon-s, .wedo-list .item:active .icon-s {
        background-position: 0 -1.5rem; }
      .wedo-list .item:hover .icon-r, .wedo-list .item:active .icon-r {
        background-position: -1.5rem -1.5rem; }
      .wedo-list .item:hover .icon-w, .wedo-list .item:active .icon-w {
        background-position: -3rem -1.5rem; }
      .wedo-list .item:hover .wedo-title, .wedo-list .item:active .wedo-title {
        color: #4dac97; }
      .wedo-list .item:hover .wedo-arrow-link, .wedo-list .item:active .wedo-arrow-link {
        opacity: 1;
        color: #4dac97; }
        .wedo-list .item:hover .wedo-arrow-link .arrow-link, .wedo-list .item:active .wedo-arrow-link .arrow-link {
          width: .29rem;
          color: #4dac97; }
          .wedo-list .item:hover .wedo-arrow-link .arrow-link:before, .wedo-list .item:active .wedo-arrow-link .arrow-link:before {
            -webkit-transform: scaleX(1.5);
            -moz-transform: scaleX(1.5);
            -ms-transform: scaleX(1.5);
            -o-transform: scaleX(1.5);
            transform: scaleX(1.5);
            background: #4dac97; }
    .wedo-list .item .item-inner {
	  text-align:center;
      padding: .3rem .2rem .3rem .26rem; }
    .wedo-list .item .icon {
      width: 1.4rem;
      height: 1.4rem;
      background-image: url(../images/wedo-icon.png);
      background-repeat: no-repeat;
      background-size: 4.39rem 2.9rem; }
    .wedo-list .item .icon-s {
      background-position: 0 0; }
    .wedo-list .item .icon-r {
      background-position: -1.5rem 0; }
    .wedo-list .item .icon-w {
      background-position: -3rem 0; }
    .wedo-list .item .wedo-title {
      color: #fff;
      font-size: .2rem;
      margin-top: .2rem;
      -webkit-transition: color 0.2s ease-out;
      -moz-transition: color 0.2s ease-out;
      -ms-transition: color 0.2s ease-out;
      -o-transition: color 0.2s ease-out;
      transition: color 0.2s ease-out; }
    .wedo-list .item .wedo-desc {
      font-size: .14rem;
      margin-top: .12rem;
      height: .8rem;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 4;
      overflow: hidden;
      text-overflow: ellipsis; }
    .wedo-list .item .wedo-arrow-link {
      display: block;
      font-size: .14rem;
      color: #fff;
      opacity: 0;
      margin-top: .15rem;
      -webkit-transition: opacity 0.2s ease-out;
      -moz-transition: opacity 0.2s ease-out;
      -ms-transition: opacity 0.2s ease-out;
      -o-transition: opacity 0.2s ease-out;
      transition: opacity 0.2s ease-out; }
      .wedo-list .item .wedo-arrow-link .arrow-link {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        width: .18rem;
        height: .18rem;
        margin-left: .2rem;
        color: #fff;
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        -ms-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out; }
        .wedo-list .item .wedo-arrow-link .arrow-link:before {
          content: "";
          position: absolute;
          top: 50%;
          left: -.1rem;
          margin-top: -1px;
          display: block;
          width: .22rem;
          height: 2px;
          background: #fff;
          -webkit-transition: all 0.2s ease-out;
          -moz-transition: all 0.2s ease-out;
          -ms-transition: all 0.2s ease-out;
          -o-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;
          -webkit-transform-origin: left center;
          -moz-transform-origin: left center;
          -ms-transform-origin: left center;
          -o-transform-origin: left center;
          transform-origin: left center; }
        .wedo-list .item .wedo-arrow-link .arrow-link .icon-arrow {
          position: absolute;
          right: 0;
          top: 0;
          width: .18rem;
          height: .18rem; }

.news-list {
  font-size: 0; }
  .news-list .item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 50%;
    margin-top: .3rem;
    background: #fff; }
    .news-list .item:hover, .news-list .item:active {
      z-index: 1;
      box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.06); }
      .news-list .item:hover .news-arrow-link, .news-list .item:active .news-arrow-link {
        opacity: 1;
        color: #4dac97; }
        .news-list .item:hover .news-arrow-link .arrow-link, .news-list .item:active .news-arrow-link .arrow-link {
          width: .52rem;
          background-image: url(../images/arrow-link-green.png); }
      .news-list .item:hover .news-title, .news-list .item:active .news-title {
        color: #4dac97; }
    .news-list .item .item-inner {
      padding: .23rem .5rem .3rem; }
    .news-list .item .item-img {
      width: 100%;
      height: 2.87rem;
      overflow: hidden; }
      .news-list .item .item-img img {
        display: block;
        width: 100%;
        height: 100%;
        -webkit-object-fit: cover;
        -moz-object-fit: cover;
        -ms-object-fit: cover;
        -o-object-fit: cover;
        object-fit: cover; }
    .news-list .item .news-title {
      color: #fff;
      font-size: .2rem;
      margin-top: .2rem;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      text-overflow: ellipsis; }
    .news-list .item .news-desc {
      font-size: .14rem;
      margin-top: .12rem;
      height: .8rem;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 4;
      overflow: hidden;
      text-overflow: ellipsis; }
    .news-list .item .news-arrow-link {
      display: block;
      font-size: .14rem;
      color: #fff;
      opacity: 0;
      margin-top: .15rem;
      -webkit-transition: opacity 0.2s ease-out;
      -moz-transition: opacity 0.2s ease-out;
      -ms-transition: opacity 0.2s ease-out;
      -o-transition: opacity 0.2s ease-out;
      transition: opacity 0.2s ease-out; }
      .news-list .item .news-arrow-link .arrow-link {
        display: inline-block;
        vertical-align: middle;
        width: .42rem;
        height: .14rem;
        margin-left: .15rem;
        background: url(../images/arrow-link-blue.png) top right no-repeat;
        background-size: auto 100%;
        -webkit-transition: width 0.2s ease-out;
        -moz-transition: width 0.2s ease-out;
        -ms-transition: width 0.2s ease-out;
        -o-transition: width 0.2s ease-out;
        transition: width 0.2s ease-out; }

@media screen and (max-width: 1240px) {
  .banner.banner-index {
    height: 6rem; }
    .banner.banner-index .banner-title {
      font-size: .4rem; }
    .banner.banner-index .banner-txt {
      font-size: .18rem; font-weight:700;margin-top:.1rem;}
	  .btn-signin{font-size:.16rem;height:.4rem;line-height:.36rem;width:.8rem;}
    .banner.banner-index .banner-txt-h5 {
      font-size: .16rem; }
    .banner.banner-index .banner-btns {
      margin-top: .5rem; }
    .banner.banner-index .banner-btns .btn-register,
    .banner.banner-index .banner-btns .btn-signin,
    .banner.banner-index .banner-search .search-btn {
      font-size: .16rem; }

  .banner.banner-FEC {
    height: 3.5rem;
    padding-top: .5rem; }
    .banner.banner-FEC .banner-title {
      font-size: .4rem; }
    .banner.banner-FEC .banner-txt {
      font-size: .18rem; }
    .banner.banner-FEC .bottom {
      bottom: .2rem; } }

/*手机端*/
@media screen and (max-width: 1023px) {
  .banner.banner-index {
    height: 5.0rem; }
    .banner.banner-index .banner-title {
      font-size: .22rem; }
    .banner.banner-index .banner-txt {
      font-size: .16rem; }
    .banner.banner-index .banner-txt-h5 {
      font-size: .12rem; }
    .banner.banner-index .banner-btns {
      margin-top: .3rem; }
    .banner.banner-index .banner-btns .btn-register,
    .banner.banner-index .banner-btns .btn-signin,
    .banner.banner-index .banner-search .search-btn {
      font-size: .13rem;
      width: 1rem;
      height: .4rem;
      line-height: .4rem; }
    .banner.banner-index .banner-search .search-item .search-input {
      height: .4rem;
      padding-left: .4rem;
      font-size: .12rem; }
    .banner.banner-index .banner-search .search-item.search:before {
      width: .2rem;
      height: .2rem;
      margin-top: -.1rem;
      background-size: 100% 100%; }

  .banner.banner-FEC {
    height: 2.3rem;
    padding-top: .1rem; }
    .banner.banner-FEC .banner-title {
      font-size: .2rem; }
    .banner.banner-FEC .banner-txt {
      font-size: .13rem; }
    .banner.banner-FEC .bottom {
      bottom: .1rem; }
    .banner.banner-FEC .icon-fec-location {
      width: .17rem;
      height: .26rem; }

  .mod-cont-head .head-s {
    font-size: .13rem; }
  .mod-cont-head .head-l {
    font-size: .2rem; }

  .mod-cont-foot .more-link {
    width: .3rem;
    height: .3rem; }

  .jobs-list .item {
    width: 100%;
    margin-top: .15rem; }
    .jobs-list .item + .item {
      margin-top: .15rem; }
    .jobs-list .item .job-name {
      font-size: .16rem; }
    .jobs-list .item .job-desc {
      font-size: .12rem; }

  .wedo-list .item {
	display:inline;
    width: 100%;
    margin-top: .15rem; }
    .wedo-list .item + .item {
      margin-top: 0; }
    .wedo-list .item .icon {
	vertical-align:middle;
      margin: -.28rem;
      -webkit-transform: scale(0.6);
      -moz-transform: scale(0.6);
      -ms-transform: scale(0.6);
      -o-transform: scale(0.6);
      transform: scale(0.6); }
    .wedo-list .item .wedo-title {
	  display:inline;
	  vertical-align:middle;
	  margin-left: .16rem;
      font-size: .16rem; }
    .wedo-list .item .wedo-desc {
      height: auto;
      font-size: .12rem; }
    .wedo-list .item .wedo-arrow-link {
      opacity: 1; }

  .news-list .item {
    width: 100%;
    margin-top: .15rem; }
    .news-list .item + .item {
      margin-top: 0; }
    .news-list .item .item-inner {
      padding-left: .26rem;
      padding-right: .26rem; }
    .news-list .item .news-title {
      font-size: .16rem; }
    .news-list .item .news-desc {
      height: auto;
      font-size: .12rem; }
    .news-list .item .news-arrow-link {
      opacity: 1; } }
@media screen and (max-width: 480px) {
  .news-list .item .item-img {
    height: 2rem; } }