html,
body {
  min-width: 1300px;
}
body {
  background-color: #fff;
}
.w1200 {
  width: 1200px;
}
@font-face {
  font-family: "zqhyt";
  src: url("../fonts/zqhyt-regular.ttf") format("truetype"), url('../fonts/zqhyt-regular.ttf') format('truetype');
}
.ff-zq {
  font-family: "zqhyt", "Microsoft YaHei", SimHei, "微软雅黑", "黑体";
}
.fs0 {
  font-size: 0;
}
.f30 {
  font-size: 30px;
}
.f48 {
  font-size: 48px;
}
.f60 {
  font-size: 60px;
}
.f40 {
  font-size: 40px;
}
.lh-initial {
  line-height: initial;
}
.color-333 {
  color: #333333;
}
.color-666 {
  color: #666666;
}
.color-ccc {
  color: #cccccc;
}
.color-dbf0ff {
  color: #dbf0ff;
}
.blue {
  color: #4c6fd3;
}
.green {
  color: #1fc0e3;
}
.mt60 {
  margin-top: 60px;
}
.mt80 {
  margin-top: 80px;
}
.kgc-pl90 {
  padding-left: 90px;
}
.zi2 {
  z-index: 2;
}
.module-title {
  text-align: center;
}
.module-title .tit {
  font-size: 38px;
  line-height: 38px;
  color: #000;
  font-weight: 700;
}
.module-title .sub {
  font-size: 18px;
  color: #666666;
  margin-top: 15px;
}
.module-title.white .tit {
  color: #fcfcfc;
}
.module-title.white .sub {
  color: #f6cdc4;
}
/* 动画 */
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
/* 公共css end */
.banner {
  position: relative;
  overflow: hidden;
  height: 835px;
}
.banner img {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -960px;
}
.banner .swiper-slide {
  overflow: hidden;
}
.banner .zx-btn {
  position: absolute;
  left: 50%;
  top: 463px;
  margin-left: -595px;
  width: 380px;
  height: 65px;
}
.header-wrap {
  position: absolute;
  top: 40px;
  left: 50%;
  margin-left: -600px;
  z-index: 99;
}
.header-wrap .header-nav {
  position: absolute;
  right: 0;
  top: 0;
}
.header-wrap .header-nav a {
  display: inline-block;
  height: 58px;
  line-height: 58px;
  margin-left: 40px;
  color: #fff;
  font-size: 16px;
}
/* 悬浮导航 */
.right-nav {
  position: fixed;
  z-index: 100;
  top: 100px;
  right: 5px;
  width: 134px;
  height: 461px;
  background: url("../images/right_nav_bg.png") no-repeat;
}
.right-nav .nav-box {
  padding: 50px 2px 0;
}
.right-nav .nav-box .right-nav-btn {
  display: block;
  height: 61px;
  line-height: 61px;
  color: #000000;
  font-size: 16px;
  text-align: center;
  border-bottom: 1px dashed #fff;
}
.right-nav .nav-box .right-nav-btn:last-child {
  border-bottom: none;
}
.right-nav .nav-box .right-nav-btn.active {
  color: #fff;
  background: #1b9dff;
  border-bottom-color: #1b9dff;
}
/* 薪水统计 */
.wage-data {
  width: 1228px;
  height: 808px;
  box-shadow: 0 0 10px 2px rgba(67, 104, 210, 0.15);
  background-color: #fff;
  border-radius: 20px;
  position: relative;
  z-index: 2;
}
.wage-data .wage-data-img {
  margin-top: 67px;
  width: 1089px;
  height: 642px;
}
.target {
  height: 985px;
}
.target .logo-box {
  width: 360px;
}
.target .w806 {
  width: 806px;
  margin-bottom: 44px;
}
.target .m-item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 422px;
  height: 218px;
  background-color: #fff;
  box-shadow: 0 0 10px 2px rgba(67, 104, 210, 0.15);
  border-radius: 20px;
  margin-right: 20px;
}
.target .m-item .text-box{
  margin-left: 15px;
}
/* .target .mt160 {
  margin-top: 160px;
} */
.target .target-bg {
  width: 358px;
  height: auto;
  bottom: -77px;
  right: 0;
  z-index: -1;
}
.form-box{
  width: 1203px;
  height: 321px;
  background: url(../images/form_bg.png) center center no-repeat;
  margin-top: 110px;
  display: flex;
  padding-top: 133px;
  box-sizing: border-box;
  padding-left: 334px;
  position: relative;
}
.form-box .box-l{
  width: 295px;
	height: 31px;
  background-color: #fff100;
  font-size: 18px;
  color: #313131;
  line-height: 31px;
  text-align: center;
  border-radius: 20px;
  margin-top: 103px;
}
.form-box .box-c{
  margin-left: 67px;
  padding-top: 21px;
}

.form-box .box-c .bz-form1 .item {
  width: 221px;
	height: 49px;
  line-height: 49px;
}

.form-box .box-c .bz-form1 .item input {
  width: 100%;
  height: 100%;
  font-size: 18px;
  color: #959595;
  border: none;
  padding: 0 18px;
  background: #ffffff;
  border-radius: 30px;
}
.form-box .box-c input:focus { outline: none; }

.form-box .box-c .bz-form1 .item input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #959595;
  font-size: 18px;
}

.form-box .box-c .bz-form1 .item input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #959595;
  font-size: 18px;
}

.form-box .box-c .bz-form1 .item input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #959595;
  font-size: 18px;
}

.form-box .box-c .bz-form1 .item:nth-of-type(2) {
  margin-top: 12px;
}


.form-box .box-c .bz-form1 .tijiao {
  top: 135px;
  right: 82px;
  position: absolute;
  width: 143px;
  height: 143px;
  background: url(../images/form_btn.png) center center no-repeat;
  border: none;
  cursor: pointer;
  transition: all 0.4s;
}

.form-box .box-c .bz-form1 .tijiao:hover {
  transform: scale(1.05);
}



/* 就业导向 */
.employment-oriented {
  background-color: #1b9dff;
  padding-bottom: 40px;
}
.employment-oriented .color-e4f3ff {
  color: #e4f3ff;
}
.employment-oriented .oriented-list {
  margin-top: 90px;
}
.employment-oriented .oriented-list .w580 {
  width: 580px;
}
.employment-oriented .oriented-list .w620 {
  width: 620px;
}
.employment-oriented .oriented-list .h370 {
  height: 370px;
}
.employment-oriented .oriented-list .h320 {
  height: 320px;
}
.employment-oriented .oriented-list .item {
  box-sizing: border-box;
  background: url(../images/icon_ok.png) no-repeat 10px -5px;
}
.morebtn{
  width: 295px;
	height: 71px;
  background-color: #ffffff;
  border-radius: 50px;
  margin: 0 auto;
  font-size: 18px;
  font-weight: 800;
  text-align: center;
  line-height: 71px;
  transition: all 0.4s;
}
.morebtn:hover{
  transform: scale(1.05);
}
.morebtn a{
  display: block;
  color: #1b9dff;
}
/* 课程体系 */
.course-sys {
  background-color: #ddf0ff;
  padding: 80px 0 70px;
}
.course-sys .course-sys-img1 {
  width: 1051px;
  height: 139px;
}
.course-sys .course-sys-img2 {
  width: 1052px;
  height: 525px;
}
.course-sys .morebtn{
  margin: 65px auto 0 auto;
}

.skill-list {
  padding-bottom: 150px;
}
.skill-list .mt130 {
  margin-top: 130px;
}
.skill-list .w535 {
  width: 535px;
}
.skill-list .w345 {
  width: 345px;
}
/* 能力提升 */
.ability {
  padding-bottom: 110px;
}
.ability .ml80 {
  margin-left: 80px;
}
.ability .content{
  display: flex;
  justify-content: space-between;
}
.ability .content .new20{
  font-size: 18px;
  line-height: 25px;
}
.ability .ability-item {
  width: 289px;
  height: 438px;
  background-color: #fff;
  box-shadow: 0 0 10px 2px rgba(67, 104, 210, 0.15);
  border-radius: 20px;
  overflow: hidden;
}
.ability .ability-item .topnew {
  height: 226px;
  padding-top: 150px;
  box-sizing: border-box;
  background: url(../images/icon_ability_01.png) no-repeat center 35px #0dd0bf;
}
.ability .item-02 .topnew {
  background: url(../images/icon_ability_02.png) no-repeat center 35px #12c0d9;
}
.ability .item-03 {
  margin-left: 463px;
}
.ability .item-03 .topnew {
  background: url(../images/icon_ability_03.png) no-repeat center 35px #4684c5;
}
.ability .item-04 .topnew {
  background: url(../images/icon_ability_04.png) no-repeat center 35px #ad81cc;
}
.ability .people-img {
  left: 280px;
  top: 218px;
}
.job-course {
  padding: 110px 0;
  background-color: #1b9dff;
}
.job-course .job-course-item img {
  width: 288px;
  height: 112px;
}
.job-course .page-bg {
  bottom: -300px;
  right: -360px;
}
/* 就业实训 */
.work-test {
  padding: 80px 0 40px 0;
  background-color: #ddf0ff;
}
.work-test .purple {
  color: #9374e4;
}
.work-test .w315 {
  width: 315px;
}
.work-test .w288 {
  width: 288px;
}
.work-test .w270 {
  width: 270px;
}
.work-test .w265 {
  width: 265px;
}
.work-test .work-content {
  height: 830px;
}
.work-test .work-content .bg {
  position: absolute;
  top: -48px;
  left: -43px;
}
.work-test .tit-01 {
  left: 670px;
  top: 52px;
}
.work-test .text-01 {
  top: 160px;
  right: 0;
}
.work-test .tit-02 {
  left: 304px;
  top: 235px;
}
.work-test .text-02 {
  top: 345px;
  left: 578px;
}
.work-test .text-03 {
  top: 440px;
  left: 282px;
}
.work-test .tit-04 {
  left: 20px;
  top: 365px;
}
.work-test .text-04 {
  top: 535px;
  left: 0;
}
.work-test .fs-ob {
  font-style: oblique;
}
.work-test .last-bottom {
  left: 575px;
  bottom: 120px;
}
.work-test .last-bottom span {
  font-style: initial;
}
.work-test .morebtn{
  margin-top: -40px;
}
/* 项目库 */
.project {
  padding-bottom: 180px;
}
.project .header-img {
  width: 359px;
  height: 320px;
}
.project .header-txt {
  padding-top: 220px;
}
.project .project-swiper {
  height: 505px;
}
.project .swiper-slide {
  width: auto;
}
.project .swiper-button-next {
  right: 0;
  margin-top: -60px;
  width: 42px;
  height: 70px;
  background: url(../images/icon_s_right.png) no-repeat;
}
.project .swiper-button-prev {
  left: 0;
  margin-top: -60px;
  width: 42px;
  height: 70px;
  background: url(../images/icon_s_left.png) no-repeat;
}
/* 教学亮点 */
.teaching .teaching-img {
  width: 1200px;
  height: 318px;
  margin: 110px 0;
}
.books {
  padding-bottom: 70px;
}
.books .book-img-01 {
  height: 409px;
}
.books .book-img-02 {
  height: 395px;
}
.books .play-video-box {
  position: absolute;
  top: 79px;
  right: 88px;
  width: 224px;
  height: 153px;
  background-color: orange;
}
.books .play-video-box a {
  display: block;
  width: 100%;
  height: 100%;
}
.books .play-video-box video {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: #e8e8e8;
  outline-style: none;
}
.books .morebtn{
	border: solid 1px #1b9dff;
}
/* bg */
.page-bg-one {
  position: absolute;
  width: 219px;
  height: 477px;
}
.teaching .page-bg-one {
  top: -370px;
  left: -360px;
}
.page-bg-two {
  position: absolute;
  width: 377px;
  height: 613px;
}
.wage-data {
  z-index: 99;
}
.wage-data .page-bg-two {
  bottom: -370px;
  left: -377px;
}
.skill-list .page-bg-two {
  bottom: -290px;
  left: -377px;
}
.page-bg-tree {
  position: absolute;
  width: 354px;
  height: 887px;
}
.course-sys .page-bg-tree {
  top: -635px;
  right: -354px;
}
.tuijian{
  padding: 86px 0 100px 0;
  background-color: #3c6af6;
  color: #ffffff;
}
.tuijian .bigtitle{
  font-size: 36px;
  font-weight: 800;
  text-align: center;
}
.tuijian .container{
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}
.tuijian .shuayou{
  margin-top: 70px;
}
.tuijian .tuijiantitle{
  width: 100%;
  background: url(../images/tj_icon.png) left center no-repeat;
  font-size: 24px;
	font-weight: 800;
  color: #ffffff;
  padding-left: 41px;
}

.tuijian .shuayou .content {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0 22px 0 19px;
  align-items: center;
  position: relative;
}

.tuijian .shuayou .content .item {
  display: flex;
  align-items: center;
}

.tuijian .shuayou .content .item .left {
  margin-right: 28px;
}

.tuijian .shuayou .content .item .right {
  font-size: 18px;
  color: #ffffff;
}

.tuijian .shuayou .content .item .right p:nth-of-type(1) {
  font-size: 36px;
  font-weight: 800;
  line-height: 36px;
}

.tuijian .shuayou .content .shenqbtn{
  position: absolute;
  right: 250px;
  bottom: 0;
  width: 152px;
	height: 50px;
  background-color: #ffffff;
  font-size: 14px;
  font-weight: 800;
  text-align: center;
  line-height: 50px;
  border-radius: 30px;
  -webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.tuijian .shuayou .content .shenqbtn a{
  color: #3c6af6;
  display: block;
}
.tuijian .shuayou .content .shenqbtn:hover {
  -webkit-animation-name: jello;
	animation-name: jello;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.tuijian .xgj{
  margin-top: 50px;
}
.tuijian .xgj .content{
  width: 100%;
  display: flex;
  justify-content: space-around;
  margin-top: 59px;
}
.tuijian .xgj .content .item{
  width: 251px;
	height: 251px;
	background-color: #ffffff;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.tuijian .xgj .content .item p{
  font-size: 18px;
  color: #313131;
  margin-top: 20px;
}
.tuijian .jydw{
  margin-top: 95px;
}
.tuijian .jydw .content{
  margin-top: 51px;
  width: 100%;
	height: 540px;
	background-color: #ffffff;
  border-radius: 26px;
  padding: 28px 34px;
  box-sizing: border-box;
  margin-bottom: 87px;
}
.tuijian .xxhj img{
  width: 100%;
  margin-top: 50px;
  margin-bottom: 54px;
}



@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}


wow rubberBand

wow flipInX