@font-face {
  font-family: PingFangSC-Medium;
  src: url("/static2/pages/school/fonts/RobotoMono-Medium.woff");
}

@font-face {
  font-family: PingFangSC-Regular;
  src: url("/static2/pages/school/fonts/RobotoMono-Regular.woff");
}
.page-container {
  min-width: 1200px;
  max-width: 1920px;
  color: #333;
  margin: auto;
  font-family: 'PingFangSC-Regular';
}

/* 动画效果 start */
@-webkit-keyframes fadeInUpSmall {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 25%, 0);
    transform: translate3d(0, 25%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUpSmall {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 25%, 0);
    transform: translate3d(0, 25%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUpSmall {
  -webkit-animation-name: fadeInUpSmall;
  animation-name: fadeInUpSmall;
}
.animate__animated {
  opacity: 0;
}
/* 动画效果 end */



.head-panel {
    position: relative;
    height: 450px;
    background: url(images/bg-head.png) top no-repeat;
    background-size: cover;
}
.head-bg {
    width: 100%;
}

/* 通用盒子 start */
.box-panel {
    width: 1200px;
    margin: auto;
    position: relative;
}
.box-title {
  font-size: 30px;
  font-family: 'PingFangSC-Medium';
  font-weight: 600;
  text-align: center;
  padding-top: 54px;
  letter-spacing: 1px;
}
.box-bg {
    width: 100%;
}
.box-bg-outer {
    position: relative;
}
.box-content-with-bg {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}
/* 通用盒子 end */

/* 底部样式 start */
.r_footer a{color:#999;-webkit-transition:color ease-in-out .1s;transition:color ease-in-out .1s;}
.r_footer a:hover{color:#fff;}
.rf_box1{background:#272E3E;padding:65px 0 48px;color:rgba(255,255,255,.6);}
.r_footer .rf1_l{float:left;}
.r_footer .rf1_l1{width:168px;margin:0 128px 0 53px;}
.rf_ld{display:block;}
.rf_ldl{}
.rf_ld2{}
.rf_ld>dt{color:#fff;font-size:18px;line-height:100%;padding:0 0 24px;}
.rf_ld>dd{line-height:100%;padding:8px 0;}
.rf_ld.rf_ldl>dd{float:left;width:50%;}
.rf_ld.rf_ld2>dd{}
.rf_ld>dd a{display:block;}
.r_footer .rf1_l2{width:106px;margin:0 123px 0 0;}
.r_footer .rf1_l3{width:106px;margin:0;}
.r_footer .rf1_r{}
.rf1_r{float:right;width:402px;}
.rf1_r .rf1_tbox{position:relative;}
.rf1_r .rf_pho{position:absolute;left:0;top:0;width:69px;}
.rf1_r .rf_phot{font-size:16px;padding:0 0 2px 99px;}
.rf1_r .rf_phon{color:#fff;font-size:38px;padding-left:99px;}
.rfl_qrbox{margin-top:49px;}
.rfl_qrbox .rf_qri{vertical-align:top;}
.rfl_qrbox .rf_qrb{display:inline-block;vertical-align:top;margin:0 0 0 26px;}
.rfl_qrbox .rf_qrb>img{width:80px;display:block;margin:0 auto 8px;}
.rfl_qrbox .rf_qrb>p{text-align:center;}
.rf_box2{background:#272E3E;color:#999;padding:18px 0;border-top:1px solid #323A4C;}
.r_footer p{color:#999;}
.rf_box2 a{}
.rf_box2 .zizhi{display:block;text-align:center;margin:10px 0;}
.rf_box2 .zizhi>li{display:inline;margin-right:16px;}
.rf_box2 .zizhi>li:last-child{margin-right:0}
.rf_box2 .banquan{text-align:center;}
.rf_box2 .fengongsi{text-align:center}
.rf_box2 .fengongsi>dt{display:inline-block;}
.rf_box2 .fengongsi>dd{display:inline-block;margin:0 8px 0 0;float:none;line-height:1.4;}
.rf_box2 .fengongsi>dd a{display:block;}
.rf_box2 .np_yql{margin:10px auto 0;}
.rf_box2 .np_yql{}
/* 底部样式 start */


/* 头部导航 start */
.top-panel {
    position: fixed;
    top: 0;
    color: #fff;
    left: 0;
    right: 0;
    z-index: 2;
    transition: .5s;
}
.top-panel .box-panel {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.top-panel.notop {
    background-color: #272E3E;
}
.top-logo {
    height: 30px;
}
.nav-list {
    color: #FFFFFF;
    width: 580px;
    display: flex;
    justify-content: space-between;
    font-size: 16px;
}
.nav-item {
    text-align: center;
    padding-top: 21px;
    padding-bottom: 11px;
    cursor: pointer;
    position: relative;
    margin-bottom: 8px;
}
.nav-item:after {
    content: '';
    height: 3px;
    background-color: #fff;
    content: '';
    position: absolute;
    width: 0px;
    border-radius: 3px;
    bottom: 0px;
    left: 50%;
    transition: 0.5s;
}
.nav-item:hover:after, .nav-item.selected:after {
    width: 100%;
    left: 0;
}
.contact-list {
    display: flex;
    padding-top: 2px;
}
.contact-item {
  margin-left: 20px;
  font-size: 16px;
}
.contact-img {
  height: 20px;
  vertical-align: sub;
  margin-right: -2px;
}
.head-intro {
    position: absolute;
    top: 31.7%;
    color: #FFFFFF;
    text-align: center;
    left: 0;
    right: 0;
}
.head-title {
    font-size: 42px;
    font-family: 'PingFangSC-Medium';
    font-weight: 600;
    letter-spacing: 6px;
}
.head-msg {
    font-size: 18px;
    margin-top: 7px;
}
.head-btn {
    display: inline-block;
    padding: 10px 42px;
    border-radius: 40px;
    background-color: #3B87FF;
    margin-top: 34px;
    cursor: pointer;
    transition: .3s;
    font-size: 16px;
    color: #fff;
}
.head-btn:hover {
    background-color: #3b99ff;
    color: #fff;
}
.tooltip-outer {
    position: relative;
    cursor: pointer;
    overflow: hidden;
}
.tooltip-panel {
    position: absolute;
    padding-top: 10px;
    opacity: 0;
    transition: 0.5s;
}
.img-qrcode {
    height: 150px;
}
.tooltip-outer:hover {
    overflow: initial;
}
.tooltip-outer:hover .tooltip-panel {
    opacity: 1;
    z-index: 0;
}
/* 头部导航 end */

/* 介绍面板 start */
.intro-panel {
    height: 490px;
}
.intro-panel .intro-subtitle {
    color: #666666;
    text-align: center;
    margin-top: 9px;
    font-size: 16px;
}
.intro-panel .intro-menu {
    display: flex;
    justify-content: space-between;
    margin-top: 41px;
    margin-bottom: 26px;
}
.intro-panel .intro-menu-item {
    width: 290px;
    display: flex;
    align-items: center;
    padding: 26px 0 26px 20px;
    border-radius: 4px;
    transition: .3s;
    cursor: pointer;
}
.intro-panel .intro-menu-img {
    width: 38px;
}
.intro-panel .intro-menu-wrapper {
    margin-left: 12px;
}
.intro-panel .intro-menu-title {
    margin-bottom: 3px;
    font-family: 'PingFangSC-Medium';
    font-weight: 600;
    font-size: 16px;
}
.intro-panel .intro-menu-content {
    color: #666666;
    font-size: 14px;
}
.intro-panel .intro-menu-item.selected {
    box-shadow: 0px 0px 20px 0px #E7E7E7;
}
.intro-panel .intro-content-panel {
    position: absolute;
}
.intro-panel .intro-content-panel.animate__fadeInUpSmall {
  z-index: 1;
}
.intro-panel .intro-content-panel:before {
    content: '';
    width: 20px;
    height: 20px;
    background: linear-gradient(135deg, #A9E8FF 0%, #F9F9F9 50%);
    position: absolute;
    transform: rotate(45deg);
    top: -9px;
}
.intro-panel .intro-content {
    display: flex;
    align-items: center;
    background-color: #F9F9F9;
    border-radius: 4px;
    padding: 15px;
}
.intro-panel .intro-content-img {
    width: 160px;
    margin-right: 20px;
}
.intro-panel .intro-content-msg {
    color: #666666;
    font-size: 14px;
    line-height: 1.5;
}
.intro-panel .intro-content-pre:before {
    left: 130px;
}
.intro-panel .intro-content-plan:before {
    left: 434px;
}
.intro-panel .intro-content-imp:before {
    left: 740px;
}
.intro-panel .intro-content-review:before {
    left: 1050px;
}
/* 介绍面板 end */

/* 校招服务内容 start */
.servicecontent-panel {
    height: 520px;
    background: url(images/img-servicecontent.png) top no-repeat;
    background-size: cover;
}
.servicecontent-panel .servicecontent-menu {
    display: flex;
    justify-content: space-between;
    margin-top: 24px;
    margin-left: 30px;
    margin-right: 30px;
}
.servicecontent-panel .servicecontent-menu-item {
    padding-top: 17px;
    padding-bottom: 17px;
    cursor: pointer;
    font-size: 16px;
}
.servicecontent-panel .servicecontent-menu-item:hover, .servicecontent-panel .servicecontent-menu-item.selected {
    color: #3B87FF;
}
.servicecontent-panel .servicecontent-menu-line {
    height: 1px;
    background-color: #E7E7E7;
    margin-bottom: 29px;
}
.servicecontent-panel .servicecontent-menu-selectedline {
    height: 3px;
    background: #3B87FF;
    width: 62px;
    position: relative;
    margin-left: 30px;
    left: 0;
    transition: .3s;
}
.servicecontent-panel .servicecontent-content-panel {
    padding-left: 30px;
    padding-right: 30px;
    position: absolute;
    width: 100%;
}
.servicecontent-panel .servicecontent-content-panel.animate__fadeInUpSmall {
  z-index: 1;
}
.servicecontent-panel .servicecontent-content-title {
    font-family: 'PingFangSC-Medium';
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 11px;
}
.servicecontent-panel .servicecontent-content-title-dot {
    height: 5px;
    width: 5px;
    border-radius: 5px;
    display: inline-block;
    background-color: #333;
    margin-left: 10px;
    margin-right: 10px;
    position: relative;
    top: -6px;
}
.servicecontent-panel .servicecontent-content-msg {
    font-size: 14px;
    margin-bottom: 54px;
}
.servicecontent-panel .servicecontent-content-sub {
    display: flex;
    justify-content: space-between;
}
.servicecontent-panel .servicecontent-content-sub-item {
    width: 310px;
}
.servicecontent-panel .servicecontent-content-sep {
  height: 116px;
  width: 1px;
  background-color: #DDDDDD;
}
.servicecontent-panel .servicecontent-content-sub-title {
    margin-bottom: 11px;
    font-family: 'PingFangSC-Medium';
    font-weight: 600;
    font-size: 18px;
}
.servicecontent-panel .servicecontent-content-sub-msg {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
}
/* 校招服务内容 end */

/* 流程服务 start */
.process-panel {
    position: relative;
    background: url(images/bg-process.png) top no-repeat;
    background-size: cover;
    height: 518px;
}
.process-panel .process-title {
    position: absolute;
    top: 10.4%;
    color: #fff;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 30px;
    font-family: 'PingFangSC-Medium';
    font-weight: 600;
    letter-spacing: 1px;
}
/* 流程服务 end */

/* 服务优势 start */
.advantage-panel {
    background-color: #E3F2FF;
    height: 443px;
}
.advantage-panel .box-panel {
    background: url(images/bg-world.png) top no-repeat;
    background-size: cover;
    height: 100%;
}
.advantage-panel .advantage-list {
    display: flex;
    justify-content: space-between;
    margin-top: 48px;
}
.advantage-panel .advantage-item {
    width: 228px;
    height: 228px;
    position: relative;
    overflow: hidden;
}
.advantage-panel .advantage-img {
    width: 100%;
}
.advantage-panel .advantage-bar {
    position: absolute;
    bottom: 0;
    color: #fff;
    font-size: 14px;
    text-align: center;
    width: 100%;
    padding-bottom: 9px;
    padding-top: 9px;
    opacity: 1;
}
.advantage-panel .advantage-bar-name {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.advantage-panel .advantage-bar-img {
    height: 18px;
    margin-right: 10px;
}
.advantage-panel .advantage-bar-mask {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    background-color: #000;
    opacity: 0.6;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
.advantage-panel .advantage-selected {
    position: absolute;
    top: 100%;
    width: 100%;
    height: 100%;
    transition: 0.3s;
}
.advantage-panel .advantage-selected-mask {
    background-color: #2565CA;
    bottom: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    opacity: 0.8;
    border-radius: 6px;
}
.advantage-panel .advantage-selected-content {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #fff;
    position: relative;
}
.advantage-panel .advantage-selected-title {
    font-size: 20px;
    display: flex;
    align-items: center;
    letter-spacing: 1px;
}
.advantage-panel .advantage-selected-title-img {
    height: 22px;
    margin-right: 6px;
}
.advantage-panel .advantage-selected-sep {
    height: 1px;
    background-color: #7AAEF6;
    width: 150px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.advantage-panel .advantage-selected-msg {
    margin-top: 3px;
    font-size: 16px;
}

.advantage-panel .advantage-item:hover .advantage-selected {
    transition: 0.3s;
    top: 0;
}
.advantage-panel .advantage-item:hover .advantage-bar {
    opacity: 0;
}
/* 服务优势 end */

/* 合作名企 start */
.company-panel .company-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 27px;
    margin-bottom: 20px;
}
.company-panel .company-item {
    width: 224px;
    margin-bottom: 20px;
}
.company-panel .company-item:hover {
    box-shadow: 0px 0px 20px 0px #E7E7E7;
}
/* 合作名企 end */

/* 用户好评 start */
.user-panel {
    background: url(images/bg-user.png) top no-repeat;
    background-size: cover;
    height: 406px;
}
.user-panel .box-title {
    margin-bottom: 44px;
}
.user-panel .user-channel {
    overflow: hidden;
    width: 100%;
}
.user-panel .user-wrapper {
    width: max-content;
    margin-top: 26px;
    display: flex;
    animation: sliderdata 100s linear infinite normal;
}
.user-panel .user-list {
    display: flex;
    transform: translateX(0px)
}
.user-panel .user-item {
    display: flex;
    align-items: center;
    line-height: 1;
    padding: 8px 20px 8px 10px;
    background-color: #fff;
    margin-right: 30px;
    border-radius: 50px;
}
.user-panel .user-item-wrapper {

}
.user-panel .user-img {
    width: 38px;
    margin-right: 14px;
}
.user-panel .user-name {
    font-family: 'PingFangSC-Medium';
    font-weight: 600;
    margin-right: 8px;
    white-space: nowrap;
    font-size: 16px;
}
.user-panel .user-msg {
    font-size: 14px;
    white-space: nowrap;
}
.user-panel .user-notice {
    font-size: 14px;
    text-align: center;
    margin-top: 55px;
}
.user-panel .firstchannel {
  margin-top: -27px;
}
@keyframes sliderdata {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-50%);
    }
}
@-webkit-keyframes sliderdata {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-50%);
    }
}
.secondchannel .user-wrapper {
    margin-left: 30px;
    animation: sliderdata 96s linear infinite normal;
}
/* 用户好评 end */

/* 第二版 右侧咨询部分 start */
.onlogin-wrap {
  width: 70px;
  height: auto;
  position: fixed !important;
  right: 0;
  bottom: 42%;
  z-index: 99999;
  _position: absolute;
  _top: expression(eval(document.documentElement.scrollTop+200));
}
.onlogin-wrap ul{height:165px; position: relative;}
.onlogin-wrap ul li{
  border: 1px solid #ddd;
  width:70px;
  height:70px;
  position: absolute;
  top:0;
  right:0;
  background:rgba(0, 0, 0, .4);
  transition:all .4s ease-in-out;
}
.onlogin-wrap ul li::before{
  content: "";
  background-color: rgba(59,135,255, 1);
  position: absolute;
  top:0;
  left:0;
  height: 100%;
  width: 0;
  transition: all .8s ease;
  z-index:2;
}
.onlogin-wrap ul li:hover::before{
  width:100%;
}
.onlogin-wrap ul li *{
  transition:all .48s linear;
}
.onlogin-wrap ul li.first{}
.onlogin-wrap ul li.second{top:76px;}
.onlogin-wrap ul li.third{top:152px;}
.onlogin-wrap ul li.last{top:228px;}
.onlogin-wrap ul li:hover{
  width:166px;
  border-color:rgba(221,221,221,1);
  /*background:#3B87FF;*/
}
.onlogin-wrap ul li .ow-wximg{
  position:absolute;
  left:-150px;
  bottom:0;
  -ms-transform: translateX(66px);
  -webkit-transform: translateX(66px);
  transform: translateX(66px);
  -webkit-transition: opacity 1s,-webkit-transform 1s;
  transition: opacity 1s,-webkit-transform 1s;
  transition: transform 1s,opacity 1s;
  transition: transform 1s,opacity 1s,-webkit-transform 1s;
  -webkit-transition-delay: .1s;
  transition-delay: .1s;
  opacity: 0;
  padding:0;
  width:0;
  height:0;
  overflow:hidden;
}
.onlogin-wrap ul li:hover .ow-wximg{
  -ms-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
  width:150px;
  height:150px;
}
.onlogin-wrap ul li .ow-item{
  display: inline-block;
  overflow: hidden;
  width: 97%;
  white-space: nowrap;
}
.onlogin-wrap ul li .ow-item-in{
  display: none;
  width: 0%;
  line-height: 70px;
  overflow: hidden;
  white-space: nowrap;
}
.onlogin-wrap ul li:hover .ow-item{
  display:none;
}
.onlogin-wrap ul li:hover .ow-item-in{
  display:block;
  width:100%;
}
.onlogin-wrap ul li .ow-item .ow-stxt{
  display:block;
  font-size:12px;
  vertical-align:middle;
}
.onlogin-wrap ul li .ow-item-in .ow-btxt{
  display:inline-block;
  vertical-align:middle;
  font-size:14px;
}
.onlogin-wrap ul li a{
  display: block;
  color:white;
  text-align:center;
  height:70px;
  position:relative;
  z-index:3;
}
.onlogin-wrap ul li .ow-img{
  margin:14px 0 8px 0;
  width:20px;
  height:20px;
  vertical-align:middle;
}
.onlogin-wrap ul li:hover .ow-img{
  margin:0;
}
.onlogin-wrap ul li .ow-txt{
  display:block;
  font-size:12px;
  vertical-align:middle;
}
.onlogin-wrap ul li:hover .ow-txt{
  margin-left:8px;
  display:inline-block;
  font-size:14px;
}
/* 第二版 右侧咨询部分 end */

/* 底部登录 start */
.user-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 1920px;
  min-width: 1200px;
  background-color: rgba(0, 0, 0, .76);
  visibility: hidden;
  z-index: 9;
}
.user-footer .container {
  width: 1100px;
}
.uf-box {
  height: 66px;
  line-height: 66px;
  position: relative;
  text-align: center;
  font-size: 18px;
  color: white;
}

.uf-box .uf-img {
  position: absolute;
  left: 0;
  bottom: 3px;
  width: 140px;
}

.uf-box .uf-ltnum {
  margin: 0 65px 0 140px;
}

.uf-box .uf-qynum {
  margin-left: 124px;
}

.uf-box .uf-line {
  height: 14px;
  width: 0;
  border-left: 1px solid #fff;
  margin: 0 20px;
}

.uf-box .uf-zwnum {
}

.uf-box .uf-link--btn {
  float: right;
  margin: 15px 10px 0 0;
  padding: 8px 10px;
  border: 1px solid #7D7D7D;
  border-radius: 2px;
  background-color: transparent;
  font-size: 14px;
  color: #fff;
  line-height: 20px;
  text-align: center;
  letter-spacing: 1px;
  transition: all .25s ease-in-out;
}

.uf-box .uf-link--btn.on,
.uf-box .uf-link--btn:hover,
.uf-box .uf-link--btn:active,
.uf-box .uf-link--btn:focus {
  background: #3B87FF;
  border-color: transparent;
}
/* 底部登录 end */

#r_footer .rf_phot, #r_footer .rf_phon {
  line-height: 1;
}
.r_footer * {
  font-size: 16px;
}
.r_footer .rfl_qrbox {
  width: 434px;
  margin-left: -35px;
}
.r_footer .qrcode-school {
  margin-left: 11px;
}
.r_footer .rf1_l1 {
  margin-left: 0;
}
.rf1_r .rf1_tbox {
  margin-left: -31px;
}
.rf1_r .rf_pho {
  left: -5px;
}
#toTop {
  width: 52px;
  position: fixed;
  bottom: calc(42% - 132px);
  right: 9px;
  cursor: pointer;
}