.row {
  width: 101%;

  transition: 0.2s width ease;

  zoom: 1;
}

.row:before,
.row:after {
  display: table;

  clear: both;

  content: '';
}

.row > [class*='span-'] {
  float: left;

  margin-right: 1%;

  margin-right: 0.89%;
}

.row > .span-1 {
  width: 7.33333333%;
}

.row > .span-2 {
  width: 15.66666667%;
}

.row > .span-3 {
  width: 24%;
}

.row > .span-4 {
  width: 32.33333333%;
}

.row > .span-5 {
  width: 40.66666667%;
}

.row > .span-6 {
  width: 49%;
}

.row > .span-7 {
  width: 57.33333333%;
}

.row > .span-8 {
  width: 65.66666667%;
}

.row > .span-9 {
  width: 74%;
}

.row > .span-10 {
  width: 82.33333333%;
}

.row > .span-11 {
  width: 90.66666667%;
}

.row > .span-12 {
  width: 99%;
}

.full-row {
  width: 100%;

  transition: 0.2s width ease;

  zoom: 1;
}

.full-row:before,
.full-row:after {
  display: table;

  clear: both;

  content: '';
}

.full-row > [class*='span'] {
  float: left;
}

.full-row > .span-1 {
  width: 8.33333333%;

  width: 8.22333333%;
}

.full-row > .span-2 {
  width: 16.66666667%;

  width: 16.55666667%;
}

.full-row > .span-3 {
  width: 25%;

  width: 24.89%;
}

.full-row > .span-4 {
  width: 33.33333333%;

  width: 33.22333333%;
}

.full-row > .span-5 {
  width: 41.66666667%;

  width: 41.55666667%;
}

.full-row > .span-6 {
  width: 50%;

  width: 49.89%;
}

.full-row > .span-7 {
  width: 58.33333333%;

  width: 58.22333333%;
}

.full-row > .span-8 {
  width: 66.66666667%;

  width: 66.55666667%;
}

.full-row > .span-9 {
  width: 75%;

  width: 74.89%;
}

.full-row > .span-10 {
  width: 83.33333333%;

  width: 83.22333333%;
}

.full-row > .span-11 {
  width: 91.66666667%;

  width: 91.55666667%;
}

.full-row > .span-12 {
  width: 100%;

  width: 99.89%;
}

.row > .pull-right,
.full-row > .pull-right {
  float: right;
}

.row > .center {
  position: relative;

  left: -0.5%;

  display: block;

  float: none;

  clear: both;

  margin-right: auto;

  margin-left: auto;
}

.full-row > .center {
  display: block;

  float: none;

  clear: both;

  margin-right: auto;

  margin-left: auto;
}

.pull-left-1 {
  position: relative;

  left: -8.33333333%;
}

.pull-left-2 {
  position: relative;

  left: -16.66666667%;
}

.pull-left-3 {
  position: relative;

  left: -25%;
}

.pull-left-4 {
  position: relative;

  left: -33.33333333%;
}

.pull-left-5 {
  position: relative;

  left: -41.66666667%;
}

.pull-left-6 {
  position: relative;

  left: -50%;
}

.pull-left-7 {
  position: relative;

  left: -58.33333333%;
}

.pull-left-8 {
  position: relative;

  left: -66.66666667%;
}

.pull-left-9 {
  position: relative;

  left: -75%;
}

.pull-left-10 {
  position: relative;

  left: -83.33333333%;
}

.pull-left-11 {
  position: relative;

  left: -91.66666667%;
}

.pull-left-12 {
  position: relative;

  left: -100%;
}

.pull-right-1 {
  position: relative;

  left: 8.33333333%;
}

.pull-right-2 {
  position: relative;

  left: 16.66666667%;
}

.pull-right-3 {
  position: relative;

  left: 25%;
}

.pull-right-4 {
  position: relative;

  left: 33.33333333%;
}

.pull-right-5 {
  position: relative;

  left: 41.66666667%;
}

.pull-right-6 {
  position: relative;

  left: 50%;
}

.pull-right-7 {
  position: relative;

  left: 58.33333333%;
}

.pull-right-8 {
  position: relative;

  left: 66.66666667%;
}

.pull-right-9 {
  position: relative;

  left: 75%;
}

.pull-right-10 {
  position: relative;

  left: 83.33333333%;
}

.pull-right-11 {
  position: relative;

  left: 91.66666667%;
}

.pull-right-12 {
  position: relative;

  left: 100%;
}

@media only screen and (max-width: 1024px) {
  .row > .midd-1 {
    width: 7.33333333%;
  }

  .row > .midd-2 {
    width: 15.66666667%;
  }

  .row > .midd-3 {
    width: 24%;
  }

  .row > .midd-4 {
    width: 32.33333333%;
  }

  .row > .midd-5 {
    width: 40.66666667%;
  }

  .row > .midd-6 {
    width: 49%;
  }

  .row > .midd-7 {
    width: 57.33333333%;
  }

  .row > .midd-8 {
    width: 65.66666667%;
  }

  .row > .midd-9 {
    width: 74%;
  }

  .row > .midd-10 {
    width: 82.33333333%;
  }

  .row > .midd-11 {
    width: 90.66666667%;
  }

  .row > .midd-12 {
    width: 99%;
  }

  .midd-hide {
    display: none;
  }

  .midd-center {
    position: relative;

    left: -0.5%;

    display: block;

    float: none;

    clear: both;

    margin-right: auto;

    margin-left: auto;
  }

  .full-row > .midd-1 {
    width: 8.33333333%;
  }

  .full-row > .midd-2 {
    width: 16.66666667%;
  }

  .full-row > .midd-3 {
    width: 25%;
  }

  .full-row > .midd-4 {
    width: 33.33333333%;
  }

  .full-row > .midd-5 {
    width: 41.66666667%;
  }

  .full-row > .midd-6 {
    width: 50%;
  }

  .full-row > .midd-7 {
    width: 58.33333333%;
  }

  .full-row > .midd-8 {
    width: 66.66666667%;
  }

  .full-row > .midd-9 {
    width: 75%;
  }

  .full-row > .midd-10 {
    width: 83.33333333%;
  }

  .full-row > .midd-11 {
    width: 91.66666667%;
  }

  .full-row > .midd-12 {
    width: 100%;
  }
}

@media only screen and (max-width: 992px) {
  .row > .smidd-1 {
    width: 7.33333333%;
  }

  .row > .smidd-2 {
    width: 15.66666667%;
  }

  .row > .smidd-3 {
    width: 24%;
  }

  .row > .smidd-4 {
    width: 32.33333333%;
  }

  .row > .smidd-5 {
    width: 40.66666667%;
  }

  .row > .smidd-6 {
    width: 49%;
  }

  .row > .smidd-7 {
    width: 57.33333333%;
  }

  .row > .smidd-8 {
    width: 65.66666667%;
  }

  .row > .smidd-9 {
    width: 74%;
  }

  .row > .smidd-10 {
    width: 82.33333333%;
  }

  .row > .smidd-11 {
    width: 90.66666667%;
  }

  .row > .smidd-12 {
    width: 99%;
  }

  .smidd-hide {
    display: none;
  }

  .smidd-center {
    position: relative;

    left: -0.5%;

    display: block;

    float: none;

    clear: both;

    margin-right: auto;

    margin-left: auto;
  }

  .full-row > .smidd-1 {
    width: 8.33333333%;
  }

  .full-row > .smidd-2 {
    width: 16.66666667%;
  }

  .full-row > .smidd-3 {
    width: 25%;
  }

  .full-row > .smidd-4 {
    width: 33.33333333%;
  }

  .full-row > .smidd-5 {
    width: 41.66666667%;
  }

  .full-row > .smidd-6 {
    width: 50%;
  }

  .full-row > .smidd-7 {
    width: 58.33333333%;
  }

  .full-row > .smidd-8 {
    width: 66.66666667%;
  }

  .full-row > .smidd-9 {
    width: 75%;
  }

  .full-row > .smidd-10 {
    width: 83.33333333%;
  }

  .full-row > .smidd-11 {
    width: 91.66666667%;
  }

  .full-row > .smidd-12 {
    width: 100%;
  }
}

@media only screen and (max-width: 760px) {
  .row > .smal-1 {
    width: 7.33333333%;
  }

  .row > .smal-2 {
    width: 15.66666667%;
  }

  .row > .smal-3 {
    width: 24%;
  }

  .row > .smal-4 {
    width: 32.33333333%;
  }

  .row > .smal-5 {
    width: 40.66666667%;
  }

  .row > .smal-6 {
    width: 49%;
  }

  .row > .smal-7 {
    width: 57.33333333%;
  }

  .row > .smal-8 {
    width: 65.66666667%;
  }

  .row > .smal-9 {
    width: 74%;
  }

  .row > .smal-10 {
    width: 82.33333333%;
  }

  .row > .smal-11 {
    width: 90.66666667%;
  }

  .row > .smal-12 {
    width: 99%;
  }

  .smal-hide {
    display: none;
  }

  .smal-show {
    display: block;
  }

  .smal-center {
    position: relative;

    left: -0.5%;

    display: block;

    float: none;

    clear: both;

    margin-right: auto;

    margin-left: auto;
  }

  [class*='pull-left-'],
  [class*='pull-right-'] {
    right: auto;

    left: auto;
  }

  .full-row > .smal-1 {
    width: 8.33333333%;
  }

  .full-row > .smal-2 {
    width: 16.66666667%;
  }

  .full-row > .smal-3 {
    width: 25%;
  }

  .full-row > .smal-4 {
    width: 33.33333333%;
  }

  .full-row > .smal-5 {
    width: 41.66666667%;
  }

  .full-row > .smal-6 {
    width: 50%;
  }

  .full-row > .smal-7 {
    width: 58.33333333%;
  }

  .full-row > .smal-8 {
    width: 66.66666667%;
  }

  .full-row > .smal-9 {
    width: 75%;
  }

  .full-row > .smal-10 {
    width: 83.33333333%;
  }

  .full-row > .smal-11 {
    width: 91.66666667%;
  }

  .full-row > .smal-12 {
    width: 100%;
  }
}

/*挂件分页样式*/

.util-page {
  font-size: 0;

  color: #000;

  text-align: center;
}

.util-page .gobutton,
.util-page .sl,
.util-page .num,
.util-page .count {
  color: #000;

  display: inline-block;

  border: 1px solid #ededed;

  margin: 10px 0;

  padding: 5px 10px;

  vertical-align: middle;

  margin: 0 0 10px -1px;

  background: #fff;

  font-size: 16px;

  font-weight: normal;
}

.util-page .gobutton:hover,
.util-page .num:hover,
.util-page .current {
  color: #fff;

  background: #35b3ca;
}

.util-page span.gobutton,
.util-page span.gobutton:hover {
  color: #000;

  background-color: #eee;
}

.util-page .gobutton .ion {
  font-size: 0.8em;
}

.util-page .count {
  margin-left: 10px;

  color: #000;

  background: none;

  border: none;
}

.util-page span.jump {
  background: none;

  color: #000;

  display: inline-block;

  margin: 0 7px;

  vertical-align: top;
}

.util-page span.jumpto,
.util-page span.jumpto_text,
.util-page span.jumpto_text {
  background: none;

  border: none;

  color: #000;

  font-size: 14px;
}

.util-page .jumpto_inp {
  width: 40px;

  text-align: center;

  height: 37px;

  line-height: 37px;

  vertical-align: top;
}

/*百度地图容器-默认高度45%，BdMapArea是防止在同屏版心下地图太大*/

.BdMapArea {
  margin: 0 auto 55px;

  max-width: 1200px;
}

.BdMapWrapper {
  position: relative;

  width: 100%;

  height: 0;

  padding-bottom: 45%;

  overflow: hidden;
}

.BdMapWrapper .BdMapCon {
  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;
}

@media only screen and (max-width: 760px) {
  .BdMapArea {
    display: none;
  }
}

/*默认隐藏百度分享触控弹层*/

.bdshare_popup_box {
  display: none !important;
}

/* 雪碧图 */

/* 对齐方案引用(http://www.zhangxinxu.com/wordpress/2016/03/css-layout-base-20px/) */

.ico:before {
  content: '\3000';
}

.ico1_2 {
  background-position: -20px 0;
}

.ico1_3 {
  background-position: -40px 0;
}

.ico1_4 {
  background-position: -60px 0;
}

.ico1_5 {
  background-position: -80px 0;
}

.ico2_1 {
  background-position: 0 -20px;
}

.ico2_2 {
  background-position: -20px -20px;
}

.ico2_3 {
  background-position: -40px -20px;
}

.ico2_4 {
  background-position: -60px -20px;
}

.ico2_5 {
  background-position: -80px -20px;
}

.ico3_1 {
  background-position: 0 -40px;
}

.ico3_2 {
  background-position: -20px -40px;
}

.ico3_3 {
  background-position: -40px -40px;
}

.ico3_4 {
  background-position: -60px -40px;
}

.ico3_5 {
  background-position: -80px -40px;
}

.ico4_1 {
  background-position: 0 -60px;
}

.ico4_2 {
  background-position: -20px -60px;
}

.ico4_3 {
  background-position: -40px -60px;
}

.ico4_4 {
  background-position: -60px -60px;
}

.ico4_5 {
  background-position: -80px -60px;
}

/* 常量设置 */

.wrap {
  width: 1200px;

  margin-right: auto;

  margin-left: auto;
}

.mwrap {
  max-width: 1366px;

  margin-right: auto;

  margin-left: auto;
}

/*对ie8设置最小宽度，防止页面错乱*/

/*for ie8*/

body {
  min-width: 1240px \9;

  overflow-x: auto;
}

/*for ie9+*/

@media all and (min-width: 0) {
  body {
    min-width: 0;

    overflow-x: hidden;
  }
}

body {
  font-size: 14px;

  line-height: 1.8;

  color: #555;

  background: #fff;
}

a {
  color: inherit;
}

a:hover {
  color: #35b3ca;
}

::-moz-selection {
  color: #fff;

  background: #35b3ca;
}

::selection {
  color: #fff;

  background: #35b3ca;
}

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

.placeholder {
  color: #aaa;
}

/*css组件设置*/

.form-control,
.input-group-addon,
.btn {
  border-radius: 2px;
}

.form-control:focus {
  border-color: #66afe9;

  outline: 0;

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 6px rgba(102, 175, 233, 0.6);
}

.imgZoom img {
  -moz-transition: all 0.8s ease 0s;

  -ms-transition: all 0.8s ease 0s;

  -o-transition: all 0.8s ease 0s;

  -webkit-transition: all 0.8s ease 0s;

  transition: all 0.8s ease 0s;
}

.imgZoom {
  overflow: hidden;

  -webkit-transform: rotate(0);

  transform: rotate(0);
}

.imgZoom:hover img {
  -moz-transform: scale(1.1, 1.1);

  -ms-transform: scale(1.1, 1.1);

  -o-transform: scale(1.1, 1.1);

  -webkit-transform: scale(1.1, 1.1);

  transform: scale(1.1, 1.1);
}

.imgY180:hover img {
  cursor: pointer;

  -moz-transform: rotateY(180deg);

  -ms-transform: rotateY(180deg);

  -o-transform: rotateY(180deg);

  -webkit-transform: rotateY(180deg);

  transform: rotateY(180deg);
}

body {
  /* font-family: '黑体'; */
}

/* 网站样式 */

/*头部*/

/*下层banner*/

.xc_banner {
  position: relative;

  z-index: 5;
}

.xc_banenr img {
  position: absolute;

  top: 0;

  left: 50%;

  margin-left: -960px;

  width: 1920px;

  max-width: none;

  height: 315px;
}

/*下层二级导航*/

.xc_sec_nav {
  background: #eef2f5;

  position: relative;

  z-index: 6;
}

.xc_sec_nav .xc_sec_li {
  float: left;

  position: relative;
}

.xc_sec_nav .xc_sec_li a {
  height: 70px;

  line-height: 70px;

  padding: 0 25px;

  font-size: 15px;

  color: #666;

  display: block;

  transition: all 0.3s ease;
}

.xc_sec_nav .xc_sec_li:after {
  content: '';

  position: absolute;

  left: 0;

  top: 50%;

  width: 1px;

  height: 14px;

  margin-top: -7px;

  display: block;

  background: #666;
}

.xc_sec_nav .xc_sec_li:first-child:after {
  display: none;
}

.xc_sec_nav .xc_sec_li.cur > a,
.xc_sec_nav .xc_sec_li:hover > a {
  font-weight: bold;

  color: #35b3ca;
}

.xc_sec_nav .xc_sec_li .three_nav {
  position: absolute;

  top: 100%;

  left: 0;

  width: 131%;

  background: #eef2f5;

  z-index: 7;

  display: none;
}

.xc_sec_nav .xc_sec_li .three_nav li a {
  height: 35px;

  line-height: 35px;

  display: block;

  text-align: center;

  font-size: 14px;
}

.xc_sec_nav .xc_sec_li .three_nav li a i {
  display: none;
}

.xc_sec_nav .xc_sec_li .three_nav li a:hover {
  color: #35b3ca;
}

/*底部*/

.foot {
  background: #242526;

  position: fixed;

  width: 100%;

  left: 0;

  bottom: 0;
}

.foot .top {
  padding: 45px 0 40px;
}

.foot dl dt {
  font-size: 20px;

  color: #8c8d8d;

  margin-bottom: 30px;
}

.foot dl dd {
  line-height: 30px;

  margin-bottom: 7px;
}

.foot .dl1 {
  width: 25%;
}

.foot .dl1 .ico2 {
  background-position: -30px 0;
}

.foot .dl1 .ico3 {
  background-position: -60px 0;
}

.foot .dl2 {
  width: 25%;
}

.foot .dl2 dd {
  display: inline-block;

  width: 45%;
}

.foot .dl3 {
  width: 25%;
}

.foot .dl3 .com_ico {
  margin-right: 5px;
}

.foot .dl3 .com_ico img {
  vertical-align: middle;
}

.foot .dl4 {
  width: 25%;
}

.foot .dl4 dt {
  margin-bottom: 20px;
}

.foot .dl4 dd a.bds_weixin {
  background-position: 0 0;
}

.foot .dl4 dd a.bds_tsina {
  background-position: -45px 0;
}

.foot .dl4 .ewm_img {
  display: inline-block;
}

.foot .dl4 .ewm_img span {
  display: block;

  text-align: center;

  color: #8c8d8d;
}

.foot .dl4 .img1 {
  margin-right: 10px;
}

.foot .bottom {
  padding: 15px 0;
}

.foot:after {
  content: '';

  position: absolute;

  bottom: 52px;

  left: 0;

  width: 100%;

  height: 1px;

  background: #3a3b3c;

  display: block;
}

/*右侧漂浮*/

.float_right {
  position: fixed;

  top: 80%;

  right: 0;

  z-index: 99;

  width: 60px;

  height: 120px;

  display: none;
}

.float_right li {
  background: #bd0001;

  position: absolute;

  left: 0;

  cursor: pointer;
}

.float_right .li1 {
  top: 0;

  width: 185px;

  transition: all 0.5s ease;
}

.float_right .li2 {
  bottom: 0;
}

.float_right li .ico2 {
  background-position: -50px 0;
}

.float_right li a {
  font-size: 16px;

  color: #fff;
}

.float_right .li1:hover {
  left: -125px;
}

/*.channel_content {*/

/*min-height: 300px;*/

/*padding: 60px 0;*/

/*position: relative;*/

/*z-index: 5;*/

/*margin-bottom: 425px;*/

/*background: #fff;*/

/*}*/

/*按钮*/

.more {
  display: inline-block;

  width: 120px;

  font-size: 14px;

  text-align: center;
}

.more .roll_box {
  display: block;

  width: 100%;

  height: 40px;
}

.more .face1 {
  border: 2px solid #eee;

  line-height: 40px;

  font-size: 0;

  color: #333;

  text-align: center;

  height: 40px;
}

.more .face1 .t {
  display: inline-block;

  line-height: 40px;

  font-size: 14px;

  vertical-align: top;

  opacity: 0.6;
}

.more .face2 {
  background: #35b3ca;

  border: 1px solid #35b3ca;

  color: #fff;

  line-height: 40px;

  font-size: 0;

  text-align: center;

  height: 40px;
}

.more .face2 .t {
  display: inline-block;

  line-height: 40px;

  font-size: 14px;

  vertical-align: top;
}

/*翻滚按钮公用样式*/

.roll_box {
  -webkit-perspective: 500px;

  perspective: 500px;

  position: relative;
}

.roll1 {
  -webkit-transform: rotateX(0deg);

  transform: rotateX(0deg);

  -webkit-transition: 0.2s ease;

  transition: 0.5s ease;

  -webkit-transform-origin: 50% 50% -25px;

  -ms-transform-origin: 50% 50% -25px;

  transform-origin: 50% 50% -25px;

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  z-index: 1;

  opacity: 1;
}

.roll2 {
  -webkit-transform: rotateX(90deg);

  transform: rotateX(90deg);

  -webkit-transition: 0.2s ease;

  transition: 0.5s ease;

  -webkit-transform-origin: 50% 50% -25px;

  -ms-transform-origin: 50% 50% -25px;

  transform-origin: 50% 50% -25px;

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  z-index: -1;

  opacity: 0;

  display: none \9;
}

/*hover动画*/

/*.roll_box:hover .roll1{-webkit-transform: rotateX(-90deg); transform: rotateX(-90deg);display:none\9; z-index:0; opacity:0;}

.roll_box:hover .roll2{-webkit-transform: rotateX(0deg);transform: rotateX(0deg);display:block\9;z-index:1;opacity:1;}*/

/*分页*/

/*page-box start*/

.page-box {
  font-size: 0;

  margin-top: 40px;
}

.page-box a,
.page-box span {
  color: #666;

  background-color: #eaebf0;

  display: inline-block;

  vertical-align: middle;

  text-align: center;

  padding: 0 30px;

  font-size: 14px;

  margin: 0 2px 0 0;
}

.page-box a:hover,
.page-box span.current {
  color: #fff;

  background-color: #35b3ca;
}

.util-page .gobutton .iconfont {
  font-size: 14px;
}

@media only screen and (max-width: 760px) {
  .page-box a,
  .page-box span {
    line-height: 30px;

    padding: 0 6px;
  }
}

/*page-box end*/

/*人力资源*/

.job_center {
}

.job_center .rect-82 {
  padding-bottom: 100%;
}

.job_center .rect-41 {
  padding-bottom: 50%;
}

.job_center .pt_hd {
  width: 80%;

  margin: 0 auto 40px;

  text-align: center;
}

.job_center .pt_hd .tit {
  font-size: 32px; /*font-family: "KMS_font";*/

  color: #333;
}

.job_center .left,
.job_center .right {
  width: 50%;
}

.job_center .pt1 {
  margin-bottom: 60px;
}

.job_center .box1 {
  background: #35b3ca;
}

.job_center .box1 a {
  display: block;
}

.job_center .box1 .con {
  padding: 60px 40px 0;

  color: #fff;
}

.job_center .box1 .con .title {
  font-size: 30px;

  margin-bottom: 8px;
  margin-top: 0;
}

.job_center .box2 {
  position: relative;
}

.job_center .box2 a {
  display: block;
}

.job_center .box2 .con {
  position: absolute;

  top: 0;

  left: 50%;

  width: 50%;

  height: 100%;

  margin-left: -25%;

  text-align: center;
}

.job_center .box2 .con .title {
  font-size: 30px;

  color: #35b3ca; /*font-family: "KMS_font";*/

  padding-top: 50px;
  margin-top: 0;
}

.personnel {
  float: left;
  width: 100%;
  margin-top: 50px;
}

.job_center .box2 .con .decs {
  color: #000;

  margin: 10px 0;
}

.job_center .box2 .more .face1 {
  border: 1px solid #35b3ca;

  color: #35b3ca;
}

.job_center .box2 .more .face1 .t {
  opacity: 1;

  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);

  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

.job_center .box2:hover .roll1 {
  -webkit-transform: rotateX(-90deg);

  transform: rotateX(-90deg);

  display: none \9;

  z-index: 0;

  opacity: 0;
}

.job_center .box2:hover .roll2 {
  -webkit-transform: rotateX(0deg);

  transform: rotateX(0deg);

  display: block \9;

  z-index: 1;

  opacity: 1;
}

.job_center .right {
  position: relative;
}

.job_center .right a {
  display: block;
}

.job_center .right .con {
  position: absolute;

  bottom: 0;

  right: 0;

  background: rgba(0, 0, 0, 0.5);

  padding: 55px 50px;

  width: 319px;

  text-align: right;

  color: #fff;
}

.job_center .right .con .title {
  font-size: 30px;
  margin-top: 0;
}

.job_center .right .con .decs {
  margin: 10px 0;
}

.job_center .right .more .face1 {
  border: 1px solid #fff;

  color: #fff;
}

.job_center .right .more .face1 .t {
  opacity: 1;

  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

.job_center .right:hover .roll1 {
  -webkit-transform: rotateX(-90deg);

  transform: rotateX(-90deg);

  display: none \9;

  z-index: 0;

  opacity: 0;
}

.job_center .right:hover .roll2 {
  -webkit-transform: rotateX(0deg);

  transform: rotateX(0deg);

  display: block \9;

  z-index: 1;

  opacity: 1;
}

.job_center .pt2 li {
  line-height: 50px;

  width: 33%;

  text-align: center;
}

.job_center .pt2 .ico {
  display: inline-block;

  width: 40px;

  height: 50px;

  /*background: url(../img/job_center_ico.png) no-repeat;*/
}

.job_center .pt2 .ico2 {
  background-position: -40px 0;
}

.job_center .pt2 .ico3 {
  background-position: -80px 0;
}

.select-ui-choose-default {
  height: 2em;

  line-height: 2em;

  border: 1px solid #aaa;

  border-radius: 4px;

  background: #fff;

  color: #aaa;
}

.select-ui-choose {
  position: relative;

  display: inline-block;

  overflow: hidden;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  vertical-align: middle;
}

.select-ui-choose-default ._txt {
  padding-right: 20px;

  padding-left: 8px;
}

.select-ui-choose ._txt {
  display: block;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;
}

.select-ui-choose-default ._arrow {
  width: 1em;
}

.select-ui-choose ._arrow {
  position: absolute;

  top: 0;

  right: 0;

  height: 100%;
}

.select-ui-choose-default ._arrow .arr {
  margin: -0.2em 0 0;

  border: 0.4em solid;

  border-color: #333 transparent transparent;
}

.select-ui-choose ._arrow .arr {
  position: absolute;

  top: 50%;

  left: 0;
}

.select-ui-choose-default.on ._arrow .arr {
  margin-top: -0.5em;

  border-color: transparent transparent #333;
}

.panel-title ul {
  display: flex;
  margin-bottom: 0;
}

.panel-title ul li {
  text-align: center;
}

.panel-title ul li:nth-child(1) {
  width: 30%;

  text-align: left;

  padding-left: 30px;
}

.panel-title ul li:nth-child(2) {
  width: 25%;
}

.panel-title ul li:nth-child(3) {
  width: 15%;
}

.panel-title ul li:nth-child(4) {
  width: 15%;
}

.panel-title ul li:nth-child(5) {
  width: 15%;
}

.social {
  background: #f8f9fb;
  margin-top: 50px;
}

.social .panel-title {
  border-bottom: 1px solid #ededed;

  line-height: 54px;
}

.social .panel-title a:hover {
  text-decoration: none;

  color: #35b3ca;
}

.social .panel-title a:focus {
  text-decoration: none;
}

.social .panel-group .panel {
  border: 1px solid #ededed;
}

.social .panel-default > .panel-heading + .panel-collapse > .panel-body p {
  color: #626262;
  font-size: 16px;
  margin: 0;
}

/*招聘列表*/

.job_list .form_box {
  border: 8px solid #ededed;

  margin-bottom: 50px;
}

.job_list .form_box form {
  padding: 30px 40px;
}

.job_list .form_box label {
  margin-right: 10px;

  margin-left: 8px;
}

.job_list .form_box label:first-child {
  margin-left: 0;
}

.job_list .form_box .sele {
  width: 178px;

  border-radius: 0;

  height: 35px;

  line-height: 35px;

  border: 1px solid #f3f3f3;
}

.job_list .select-ui-choose-default ._arrow {
  background: #f3f3f3;

  width: 35px;
}

.job_list .select-ui-choose-default ._arrow .arr {
  border-color: #b8b8b8 transparent transparent;

  left: 50%;

  margin: -0.2em 0 0 -0.2em;
}

.job_list .form_box .inp {
  width: 178px;

  height: 35px;

  line-height: 35px;

  text-indent: 1em;

  border: 1px solid #f3f3f3;
}

.job_list .form_box .btn {
  width: 108px;

  height: 38px;

  line-height: 38px;

  color: #fff;

  text-align: center;

  padding: 0;

  vertical-align: top;

  border-radius: 0;

  background: #35b3ca;

  margin-left: 7px;
}

/* job-2 start*/

.widget-job-tit {
  background: #35b3ca;

  color: #fff;

  overflow: hidden;

  height: 56px;

  line-height: 56px;

  font-size: 18px;
}

.widget-job-2 ._jt {
  height: 56px;

  line-height: 56px;

  overflow: hidden;

  zoom: 1;

  cursor: pointer;

  border-bottom: 1px dashed #dedede;
}

.widget-job-2 ._jt:hover {
  background: #f3f3f3;
}

.widget-job-2 ._ut {
  float: left;

  text-align: center;

  height: 100%;

  color: #fff;

  line-height: 56px;

  font-size: 18px;
}

.widget-job-2 ._t1 {
  width: 30%;

  text-align: left;

  padding-left: 30px;
}

.widget-job-2 ._t2 {
  width: 25%;
}

.widget-job-2 ._t3 {
  width: 15%;
}

.widget-job-2 ._t4 {
  width: 15%;
}

.widget-job-2 ._t5 {
  width: 15%;
}

.widget-job-2 ._jc {
  display: none;
}

.widget-job-2 ._jcon {
  padding: 40px;

  background: #f3f3f3;

  padding-left: 96px;
}

.widget-job-btn {
  cursor: pointer;

  background: #35b3ca;

  color: #fff;

  width: 160px;

  height: 40px;

  line-height: 40px;

  margin-top: 40px;

  display: block;

  text-align: center;

  font-size: 15px;
}

.widget-job-btn:hover {
  color: #fff;
}

.widget-job-2 .tit {
  font-size: 16px;

  color: #5a5a5a;

  margin-bottom: 20px;
}

.widget-job-2 .info {
  font-size: 13px;

  color: #5a5a5a;

  line-height: 24px;

  margin-bottom: 40px;
}

.campus {
  background: #f8f9fb;
  margin-top: 50px;
}

.campus .campus-title {
  text-align: center;

  margin-bottom: 40px;
}

.campus .campus-title h3 {
  color: #000000;

  font-size: 32px;

  margin-bottom: 12px;
}

.campus .campus-title p {
  color: #626262;

  font-size: 14px;
}

.campus .list {
  margin-bottom: 40px;
}

.campus .list li {
  border-bottom: 1px solid #ededed;

  padding-bottom: 25px;

  margin-bottom: 30px;
}

.campus .list h3 {
  margin-bottom: 16px;

  color: #000000;

  font-size: 16px;

  font-weight: bold;
}

.campus .list h4 {
  color: #000000;

  font-size: 15px;

  margin-bottom: 10px;
}

.campus .list p {
  color: #626262;

  font-size: 14px;

  line-height: 30px;
}

@media only screen and (max-width: 760px) {
  .widget-job-2 ._jcon {
    padding-left: 30px;
  }

  .social_box {
    overflow: hidden;

    overflow-x: auto;

    overflow-scrolling: touch;
  }

  .widget-job-2 {
    width: 1200px;
  }

  .social .panel-group {
    width: 1200px;
  }
}

@media only screen and (max-width: 40rem) {
  .widget-job-2 ._jt span {
    display: none;
  }
}

@-webkit-keyframes colorSlide {
  0% {
    height: 0;
  }

  90% {
    height: 40px;
  }
}

@keyframes colorSlide {
  0% {
    height: 0;
  }

  90% {
    height: 40px;
  }
}

@keyframes login_line {
  0% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}

@-webkit-keyframes login_line {
  0% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}

@-webkit-keyframes trackBallSlide {
  0% {
    opacity: 1;

    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);

    -webkit-transform: scale(1) translateY(-8px);

    transform: scale(1) translateY(-8px);
  }

  34% {
    opacity: 1;

    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);

    -webkit-transform: scale(0.9) translateY(4px);

    transform: scale(0.9) translateY(4px);
  }

  68% {
    opacity: 0;

    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

    -webkit-transform: scale(0.4) translateY(16px);

    transform: scale(0.4) translateY(16px);
  }

  100% {
    opacity: 0;

    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

    -webkit-transform: scale(0.4) translateY(-8px);

    transform: scale(0.4) translateY(-8px);
  }
}

@keyframes trackBallSlide {
  0% {
    opacity: 1;

    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);

    -webkit-transform: scale(1) translateY(-8px);

    transform: scale(1) translateY(-8px);
  }

  34% {
    opacity: 1;

    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);

    -webkit-transform: scale(0.9) translateY(4px);

    transform: scale(0.9) translateY(4px);
  }

  68% {
    opacity: 0;

    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

    -webkit-transform: scale(0.4) translateY(16px);

    transform: scale(0.4) translateY(16px);
  }

  100% {
    opacity: 0;

    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

    -webkit-transform: scale(0.4) translateY(-8px);

    transform: scale(0.4) translateY(-8px);
  }
}

@-webkit-keyframes nudgeMouse {
  0% {
    -webkit-transform: translateY(0);

    transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(8px);

    transform: translateY(8px);
  }

  100% {
    -webkit-transform: translateY(0);

    transform: translateY(0);
  }
}

@keyframes nudgeMouse {
  0% {
    -webkit-transform: translateY(0);

    transform: translateY(0);
  }

  50% {
    -webkit-transform: translateY(8px);

    transform: translateY(8px);
  }

  100% {
    -webkit-transform: translateY(0);

    transform: translateY(0);
  }
}