img {
  vertical-align: top;
}
body {
  background-color: #040119;
}
.green {
  color: #3ae5d9;
}
.color-d2 {
  color: #d2d2d2;
}
.f35 {
  font-size: 35px;
}
.f30 {
  font-size: 30px;
}
.f26 {
  font-size: 26px;
}
.f25 {
  font-size: 25px;
}
.w1000 {
  width: 1000px;
}
.mt70 {
  margin-top: 70px;
}
.mt60 {
  margin-top: 60px;
}
.zi3 {
  z-index: 3;
}
.banner-img {
  max-width: 1920px;
}
.s1-module {
  height: 1112px;
  background: url(../images/s1_bg.jpg) no-repeat center;
  overflow: hidden;
}
.s1-module .s1-title {
  width: 734px;
  height: 84px;
  margin-top: 77px;
}
.s1-module .yjs-what-left,
.s1-module .yjs-what-right {
  height: 300px;
}
.s1-module .yjs-what-left {
  padding-left: 75px;
}
.s1-module .yjs-what-left .y-bg {
  top: 0;
  left: 0;
  width: 266px;
  height: 300px;
  background: url(../images/yuan_bg.png) no-repeat 0 0;
}
.s1-module .yjs-what-right {
  padding-right: 75px;
  margin-top: -50px;
}
.s1-module .yjs-what-right .y-bg {
  top: 0;
  right: 0;
  width: 266px;
  height: 300px;
  background: url(../images/yuan_bg.png) no-repeat -299px 0;
}
.s1-module .youshi-img {
  height: 308px;
  width: 100%;
  margin-top: -20px;
}
.s2-module {
  height: 956px;
  background: url(../images/s2_bg.jpg) no-repeat center;
}
.s2-module .s1-title {
  width: 815px;
  height: 84px;
}
.s2-module .yjs-study-box {
  width: 1075px;
}
.s2-module .yjs-study-box .top {
  height: 375px;
}
.s2-module .yjs-study-box .top p {
  top: 73px;
  right: 85px;
  width: 460px;
}
.s2-module .yjs-study-box .bottom {
  height: 375px;
}
.s2-module .yjs-study-box .bottom p {
  width: 450px;
  top: 45px;
  left: 50px;
}
.s-bg {
  background-repeat: no-repeat;
  background-position: center;
}
.s3-module {
  height: 1342px;
}
.s3-module .s3-title {
  width: 997px;
  height: 84px;
}
.s3-module .s3-yjs-study-img1 {
  width: 894px;
  height: 561px;
  margin-top: 60px;
}
.s3-module .s3-yjs-study-img2 {
  width: 733px;
  height: 483px;
  margin-top: 35px;
}
.tt-x-50 {
  -moz-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.s4-module {
  height: 2237px;
}
.s4-module .s4-title {
  width: 385px;
  height: 84px;
  left: 50%;
  top: 2px;
  margin-left: -192.5px;
}
.s4-module .sub-tit {
  width: 999px;
  padding-left: 55px;
  position: absolute;
  left: 50%;
  margin-left: -499.5px;
}
.s4-module .sub-tit p {
  text-align: center;
  width: 261px;
  height: 76px;
  line-height: 78px;
  background: url(../images/icon_bg_all.png) no-repeat 0 0;
  font-size: 35px;
  color: #2ff9dc;
  font-style: oblique;
}
.s4-module .sub-tit-01 {
  top: 155px;
}
.s4-module .sub-tit-02 {
  top: 700px;
}
.s4-module .sub-tit-03 {
  top: 1470px;
}
.s4-module .s4-bg-01 {
  height: 996px;
}
.s4-module .s4-bg-02 {
  height: 1242px;
}
.s4-module .s4-skill-01,
.s4-module .s4-skill-02,
.s4-module .s4-skill-03,
.s4-module .s4-skill-04 {
  width: 1054px;
  margin-left: -527px;
}
.s4-module .s4-skill-01 {
  height: 217px;
  top: 263px;
  left: 50%;
}
.s4-module .s4-skill-02 {
  height: 209px;
  top: 487px;
  left: 50%;
}
.s4-module .s4-skill-03 {
  height: 608px;
  top: 810px;
  left: 50%;
}
.s4-module .s4-skill-04 {
  height: 557px;
  top: 1550px;
  left: 50%;
}
.s5-module {
  height: 984px;
}
.s5-module .blue {
  color: #09aff5;
}
.s5-module .s5-title {
  width: 628px;
  height: 84px;
  margin-top: 110px;
}
.s5-module .w980 {
  width: 980px;
}
.s5-module .sub-tit {
  width: 215px;
  padding-left: 15px;
  height: 58px;
  line-height: 56px;
  font-style: oblique;
  background: url(../images/icon_bg_all.png) no-repeat 0 -91px;
}
.s5-module table {
  margin-left: 80px;
}
.s5-module .money {
  width: 413px;
  height: 309px;
  background: url(../images/s5_ys_bg.png) no-repeat;
}
.s5-module .pic {
  width: 849px;
  height: 488px;
  top: 210px;
  left: 310px;
}
.s6-module {
  height: 1360px;
}
.s6-module .s5-title {
  width: 734px;
  height: 84px;
  margin-top: 340px;
}
.s6-module .s6-content-img {
  width: 929px;
  height: 836px;
}
.s7-module {
  height: 2822px;
}
.s7-module .s7-bg-01 {
  height: 981px;
}
.s7-module .s7-bg-02 {
  height: 1005px;
}
.s7-module .s7-bg-03 {
  height: 837px;
}
.s7-module .s7-m-01 {
  top: 0;
  left: 50%;
}
.s7-module .s7-m-02 {
  top: 1404px;
  left: 50%;
}
.s7-module-02 {
  height: 1226px;
}
.s7-module-03 {
  height: 2302px;
}
.s7-module-03 .s7-bg-05 {
  height: 1104px;
}
.s7-module-03 .s7-bg-06 {
  height: 1199px;
}
.s7-module-03 .s7-m-04 {
  left: 50%;
  top: 0;
}
.s7-module-03 .s7-m-05 {
  left: 50%;
  top: 1368px;
}
.s8-module-01 {
  height: 1320px;
}
.s8-module-01 .w1045 {
  width: 1045px;
}
.s8-module-01 .s8-title {
  width: 678px;
  height: 165px;
}
.s8-module-01 .txt {
  width: 1046px;
  height: 471px;
  background: url(../images/s8_course_txt.png) no-repeat;
}
.s8-module-01 .w930 {
  width: 930px;
}
.s8-module-01 .w930 p {
  margin-bottom: 20px;
}
.s8-module-01 .sub-tit {
  margin-left: 35px;
  height: 58px;
  line-height: 56px;
  padding-left: 15px;
  font-style: oblique;
  background: url(../images/icon_bg_all.png) no-repeat 0 -91px;
}
.s8-module-01 .cc-img {
  width: 907px;
  height: 487px;
  background: url(../images/s8_angle.png) no-repeat;
}
.s8-module-01 .cc-img img {
  border-radius: 5px;
  margin-top: 26px;
}
.s8-module-01 .w980 {
  width: 980px;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #e2d1ad;
}
.fs-ob,
.fs-o {
  font-style: oblique;
}
.s8-module-02 {
  height: 974px;
}
.s8-module-02 .s8-course {
  margin-top: 175px;
  width: 1053px;
  height: 802px;
}
.s8-module-02 .s8-course > div {
  text-align: center;
  width: 259px;
  height: 259px;
  line-height: 259px;
  background: url(../images/s8_yuan_bg.png) no-repeat;
}
.s8-module-02 .s8-course > div:hover p {
  display: flex;
}
.s8-module-02 .s8-course > div p {
  display: none;
  width: 239px;
  height: 239px;
  padding: 10px;
  align-items: center;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  background: #448afc;
  font-size: 20px;
  color: #fff;
  line-height: 24px;
  font-style: initial;
}
.s8-module-02 .s8-course .course-01 {
  top: 0;
  left: 123px;
}
.s8-module-02 .s8-course .course-02 {
  top: 0;
  left: 680px;
}
.s8-module-02 .s8-course .course-03 {
  top: 269px;
  left: 15px;
}
.s8-module-02 .s8-course .course-04 {
  top: 269px;
  left: 775px;
}
.s8-module-02 .s8-course .course-05 {
  top: 533px;
  left: 123px;
}
.s8-module-02 .s8-course .course-06 {
  top: 533px;
  left: 683px;
}
.s8-module-03 {
  height: 1032px;
}
.s8-module-03 .s8-line {
  margin-top: 275px;
  width: 1053px;
  display: flex;
  justify-content: center;
}
.w1078 {
  width: 1078px;
}
.s9-tit {
  height: 76px;
  line-height: 78px;
  background: url(../images/icon_bg_all.png) left -162px no-repeat;
}
.s9-tit.s-right {
  background: url(../images/icon_bg_all.png) 790px -248px no-repeat;
}
.kgc-pr25 {
  padding-right: 25px;
}
.s9-img-box,
.s12-module .img-box {
  border: 2px solid #3e0779;
}
.s9-img-box span,
.s12-module .img-box span {
  width: 62px;
  height: 62px;
  position: absolute;
}
.s9-img-box .angle-01,
.s12-module .img-box .angle-01 {
  top: -22px;
  left: -23px;
  background: url(../images/icon_bg_all.png) no-repeat -153px -399px;
}
.s9-img-box .angle-02,
.s12-module .img-box .angle-02 {
  top: -22px;
  right: -23px;
  background: url(../images/icon_bg_all.png) no-repeat -226px -399px;
}
.s9-img-box .angle-03,
.s12-module .img-box .angle-03 {
  bottom: -19px;
  left: -23px;
  background: url(../images/icon_bg_all.png) no-repeat 0 -399px;
}
.s9-img-box .angle-04,
.s12-module .img-box .angle-04 {
  bottom: -19px;
  right: -23px;
  background: url(../images/icon_bg_all.png) no-repeat -73px -399px;
}
.s9-bl-bg {
  width: 488px;
  height: 60px;
  background: url(../images/icon_bg_all.png) no-repeat 0 -330px;
}
.s9-bl-01 {
  top: 570px;
  left: 0;
}
.s9-bl-02 {
  top: 1155px;
  right: 0;
}
.s9-bl-03 {
  top: 600px;
  right: 0;
}
.s9-bl-04 {
  top: 862px;
  left: 0;
}
.s9-module-01 {
  height: 1318px;
}
.s9-module-01 .s9-title {
  width: 385px;
  height: 81px;
}
.s9-module-01 .w420 {
  width: 420px;
}
.s9-module-02 {
  height: 926px;
}
.s9-module-03 {
  height: 1034px;
}
.s10-module {
  height: 688px;
}
.s10-module .s10-title {
  width: 385px;
  height: 84px;
}
.s10-module .s10-img {
  width: 987px;
  height: 392px;
}
.s11-module {
  height: 968px;
}
.s11-module .w965 {
  width: 965px;
}
.s11-module .w745 {
  width: 745px;
}
.s11-module .w580 {
  width: 580px;
}
.s11-module .zs-img {
  width: 197px;
  height: 277px;
}
.s11-module .l-img {
  width: 390px;
  height: 260px;
}
.s11-module .l-text {
  width: 545px;
}
.s11-module .color-09aff5 {
  color: #09aff5;
}
.s12-module {
  height: 595px;
}
.s12-module .s12-title {
  width: 869px;
  height: 85px;
}
.s12-module .nav {
  width: 970px;
  display: flex;
  justify-content: center;
  border-bottom: 2px solid #3ae5d9;
  padding-bottom: 2px;
}
.s12-module .img-box {
  width: 1075px;
  height: 350px;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* 视频导学 */
.benet_video_float {
  position: fixed;
  bottom: 4px;
  left: 2px;
  width: 330px;
  height: 190px;
  background: #4f77f9;
  padding: 5px;
  box-sizing: border-box;
  z-index: 101;
  border-radius: 10px;
}
.benet_video_float_close {
  font-size: 14px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  color: #ffffff;
  float: right;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  background: #4f77f9;
  border-radius: 0 50% 0 50%;
  z-index: 101;
}
.benet_video_float_video {
  width: 320px;
  height: 180px;
  border-radius: 7px;
  background: #000;
}