/*动画*/
.animation {
  -webkit-animation: twinkling 3s infinite ease-in-out;
  animation: twinkling 3s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animation2 {
  -webkit-animation: twinkling 3s infinite ease-in-out;
  animation: twinkling 3s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-delay: 1.5s;
  -webkit-animation-delay: 1.5s;
}
@-webkit-keyframes twinkling {
  0% {
    opacity: 0.2;
    filter: alpha(opacity=20);
    -webkit-transform: scale(1);
  }
  50% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1.2);
  }
  100% {
    opacity: 0.2;
    filter: alpha(opacity=20);
    -webkit-transform: scale(1);
  }
}
@keyframes twinkling {
  0% {
    opacity: 0.2;
    filter: alpha(opacity=20);
    -webkit-transform: scale(1);
  }
  50% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1.2);
  }
  100% {
    opacity: 0.2;
    filter: alpha(opacity=20);
    -webkit-transform: scale(1);
  }
}
body {
  min-width: 1240px;
}
.JavaFullStack {
  overflow: hidden;
}
.mt40 {
  margin-top: 40px;
}
.ti2em {
  text-indent: 2em;
}
/*banner*/
#banner {
  width: 100%;
}
#banner .swiper-slide {
  height: auto;
}
#banner img {
  width: 100%;
}
#banner .swiper-pagination-bullet {
  opacity: 1;
  background-color: #1b14bd;
}
#banner .swiper-pagination-bullet-active {
  background-color: #fff;
}
section {
  width: 100%;
  background: #fff;
}
section .floor {
  width: 1200px;
  margin: 0 auto;
  text-align: center;
  padding-top: 40px;
  position: relative;
}
section .floor .decorate-item {
  position: absolute;
  z-index: 999;
  opacity: 0.7;
}
section .floor .section_title {
  width: auto;
  height: 55px;
  line-height: 52px;
  font-size: 42px;
  font-weight: bold;
}
section .floor .section_title > span {
  display: inline-block;
  width: 55px;
  height: 52px;
  vertical-align: bottom;
}
section .floor .titleClass1 .left_icon,
section .floor .titleClass1 .right_icon {
  background: url(../images/index_bj.png) no-repeat -193px -138px;
}
section .floor .titleClass1 .right_icon {
  transform: rotateY(180deg);
}
section .floor .titleClass2 .left_icon,
section .floor .titleClass2 .right_icon {
  background: url(../images/index_bj.png) no-repeat -292px -138px;
}
section .floor .titleClass2 .right_icon {
  transform: rotateY(180deg);
}
section .floor .module_title {
  position: relative;
  line-height: 100%;
  margin: 0 auto;
}
section .floor .module_title .title_content {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 9;
}
section .floor .module_title .title_bj {
  width: 100%;
  bottom: 2px;
  position: absolute;
  height: 14px;
  background: -webkit-linear-gradient(left, #0498fc, #cb47ff);
  background: -ms-linear-gradient(left, #0498fc, #cb47ff);
  background: -moz-linear-gradient(left, #0498fc, #cb47ff);
  background: -o-linear-gradient(left, #0498fc, #cb47ff);
  background: linear-gradient(left, #0498fc, #cb47ff);
}
.section1 {
  padding-bottom: 80px;
}
.section1 .section1-img01 {
  width: 1030px;
  height: 790px;
  margin: 70px auto 153px;
  position: relative;
}
.section1 .section1-img01 .section_title {
  position: absolute;
  text-align: center;
  top: 12px;
  left: 330px;
  z-index: 1;
  letter-spacing: 4px;
}
.section1 .section1-img02 {
  width: 1034px;
  height: 695px;
  margin: 0 auto;
  position: relative;
}
.section1 .section1-img02 .section_title {
  position: absolute;
  top: 36px;
  left: 5px;
  z-index: 1;
  letter-spacing: 4px;
}
.section1 .section1-img02 img {
  margin-top: 15px;
}
.section1 .text {
  position: absolute;
  top: 108px;
  left: 7px;
  width: 476px;
  height: 80px;
  font-size: 26px;
  color: #000000;
  line-height: 30px;
  letter-spacing: 14px;
  border-bottom: 1px dashed #cccccc;
  text-align: left;
  z-index: 9;
}
.section2 {
  background: #0a0d4f;
}
.section2 .section_title {
  color: #fff;
  margin-bottom: 20px;
}
.section2 .floor {
  padding-bottom: 30px;
}
.section2 .floor .jieshao {
  line-height: 36px;
  font-size: 20px;
  color: #fff;
  text-align: center;
  margin-bottom: 30px;
}
.section2 .floor .module_title {
  margin-bottom: 60px;
  height: 42px;
  font-size: 32px;
  color: #fff;
}
.section2 .floor .rcxz_box {
  width: 1029px;
  height: 682px;
  margin: 0 auto;
  position: relative;
  background: url(../images/1634528052226245.jpg) no-repeat;
  margin-bottom: 100px;
}
.section2 .floor .rcxz_box .whatJava {
  width: 549px;
  height: 378px;
  position: absolute;
  top: 222px;
  right: 182px;
}
.section2 .floor .rcxz_box .whatJava img {
  width: 100%;
  height: 100%;
}
.section3 {
  overflow: hidden;
}
.section3 .floor .section_title {
  display: inline-block;
  height: auto;
  padding-top: 60px;
  margin-bottom: 30px;
  background: linear-gradient(to right, #0497fc, #cb47ff);
  -webkit-background-clip: text;
  color: transparent;
}
.section3 .floor .section_title .hover {
  font-size: 60px;
  color: #6a2dca;
  vertical-align: baseline;
}
.section3 .floor .module_title {
  height: 40px;
  font-size: 30px;
  margin-bottom: 17px;
  color: #0a0d4f;
}
.section3 .floor .class_goodess {
  margin: 0 auto;
  width: 880px;
  line-height: 50px;
  font-size: 24px;
  color: #0a0d4f;
  text-align: center;
}
.section3 .floor .goodess_box {
  width: 1020px;
  margin: 0 auto;
  height: auto;
  margin-bottom: 50px;
  display: flex;
  font-size: 0;
  position: relative;
  justify-content: center;
  align-items: center;
}
.section3 .floor .goodess_box > div {
  width: 510px;
  height: 605px;
}
.section3 .floor .goodess_box > div img {
  width: 100%;
  height: 100%;
}
.section3 .floor .goodess_box .goodess_font {
  width: 280px;
  position: absolute;
  top: 368px;
  left: 384px;
  text-align: center;
  font-size: 30px;
  color: #053f7e;
  height: 44px;
  line-height: 50px;
  font-weight: bold;
}
.section3 .floor .goodess_box .goodess_font span {
  font-size: 44px;
  color: #ec671c;
  line-height: 44px;
  display: inline-block;
  width: 80px;
  text-align: center;
}
.section3 .floor .xinzib_box {
  width: 886px;
  height: 522px;
  padding: 30px 0;
  margin: 0 auto;
  margin-top: 28px;
  position: relative;
  margin-bottom: 45px;
  background: url(../images/xinzib_box.jpg) no-repeat;
}
.section3 .floor .xinzib_box .hxjs_box {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.section3 .floor .xinzib_box .hxjs_box > p {
  line-height: 33px;
  font-size: 18px;
  color: #fff;
}
.section4 {
  background: #0a0d4f;
}
.section4 .floor .section_title {
  padding-top: 30px;
  display: inline-block;
  background: linear-gradient(to right, #0498fc, #cb47ff);
  -webkit-background-clip: text;
  color: transparent;
}
.section4 .floor .section_title .hover {
  font-size: 60px;
  vertical-align: baseline;
}
.section4 .goodsContent_box .goodsContent_list {
  font-size: 0;
  border-top: 0.1px solid #0a0d4f;
  width: 1200px;
  margin: 0;
}
.section4 .goodsContent_box .goodsContent_list .list_JIshao {
  margin: 0 auto;
  width: 882px;
  text-align: left;
  line-height: 42px;
  font-size: 18px;
  color: #fff;
}
.section4 .goodsContent_box .goodsContent_list .list_JIshao > span {
  color: #f07a57;
}
.section4 .goodsContent_box .goodsContent_list .goods_title {
  width: 800px;
  line-height: 44px;
  font-size: 26px;
  color: #fff;
  margin: 0 auto;
  margin-top: 30px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.section4 .goodsContent_box .goodsContent_list .goods_title .title_left {
  width: 62px;
  height: 62px;
  font-size: 28px;
  color: #fff;
  text-align: center;
  line-height: 60px;
  background: url(../images/index_bj.png) no-repeat -195px -290px;
}
.section4 .goodsContent_box .goodsContent_list .goods_title .title_right {
  padding-top: 10px;
  margin-left: 20px;
  text-align: left;
  line-height: 44px;
}
.section4 .goodsContent_box .goodsContent_list .goods_title .title_right .line_linear {
  position: relative;
  height: 44px;
  line-height: 44px;
  display: inline-block;
}
.section4 .goodsContent_box .goodsContent_list .goods_title .title_right .line_linear .title_content {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 9;
}
.section4 .goodsContent_box .goodsContent_list .goods_title .title_right .line_linear .title_content > span {
  font-size: 32px;
  font-weight: bold;
}
.section4 .goodsContent_box .goodsContent_list .goods_title .title_right .line_linear .title_bj {
  width: 100%;
  bottom: 1px;
  position: absolute;
  height: 11px;
  background: -webkit-linear-gradient(left, #0498fc, #cb47ff);
  background: -ms-linear-gradient(left, #0498fc, #cb47ff);
  background: -moz-linear-gradient(left, #0498fc, #cb47ff);
  background: -o-linear-gradient(left, #0498fc, #cb47ff);
  background: linear-gradient(left, #0498fc, #cb47ff);
}
.section4 .goodsContent_box .goodsContent_list .goods_title .title_right .t-p {
  font-size: 20px;
  line-height: 22px;
}
.section4 .goodsContent_box .goodsContent_list .goodsContent {
  padding-bottom: 30px;
}
.section4 .goodsContent_box .goodsContent_list .goodsContent .jishud_time {
  width: 940px;
  height: 55px;
  margin: 0 auto;
  margin-top: 40px;
}
.section4 .goodsContent_box .goodsContent_list .goodsContent .jishud_time > div {
  width: 220px;
  height: 55px;
  line-height: 55px;
  padding: 0 40px;
  font-size: 24px;
  color: #fff;
  border-radius: 28px;
}
.section4 .goodsContent_box .goodsContent_list .goodsContent .jishud_time .time_left {
  float: left;
  background: -webkit-linear-gradient(left, #0a0d50, #5890c3);
  background: -ms-linear-gradient(left, #0a0d50, #5890c3);
  background: -moz-linear-gradient(left, #0a0d50, #5890c3);
  background: -o-linear-gradient(left, #0a0d50, #5890c3);
  background: linear-gradient(left, #0a0d50, #5890c3);
  text-align: right;
}
.section4 .goodsContent_box .goodsContent_list .goodsContent .jishud_time .time_right {
  float: right;
  text-align: left;
  background: -webkit-linear-gradient(left, #2a3e71, #0a0d50);
  background: -ms-linear-gradient(left, #2a3e71, #0a0d50);
  background: -moz-linear-gradient(left, #2a3e71, #0a0d50);
  background: -o-linear-gradient(left, #2a3e71, #0a0d50);
  background: linear-gradient(left, #2a3e71, #0a0d50);
}
.section4 .goodsContent_box .goodsContent_list .goodsContent .jishud_content {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  height: 367px;
  width: 485px;
  padding: 90px 413px 70px 270px;
  background: url(../images/jishud_content.png) no-repeat;
  background-position: 320px 90px;
}
.section4 .goodsContent_box .goodsContent_list .goodsContent .jishud_content .jishud_item {
  font-size: 15px;
  color: #6091cc;
  font-weight: bold;
  position: absolute;
}
.section4 .goodsContent_box .goodsContent_list .goodsContent .jishud_content .new_jishud {
  color: #c34aff;
}
.section4 .goodsContent_box .goodsContent_list .goodsContent .list3_box {
  width: 1060px;
  height: 395px;
  display: flex;
  margin: 0 auto;
  justify-content: center;
}
.section4 .goodsContent_box .goodsContent_list .goodsContent .list3_box > div > img {
  width: 100%;
  height: 100%;
}
.section4 .goodsContent_box .goodsContent_list .goodsContent .list3_box .list3_left {
  width: 460px;
}
.section4 .goodsContent_box .goodsContent_list .goodsContent .list3_box .list3_left {
  width: 600px;
}
.section4 .goodsContent_box .goodsContent_list .goodsContent .list5_box {
  margin: 0 auto;
  width: 333px;
  height: 322px;
  padding: 40px 317px 96px 320px;
  background: url(../images/1616136470606024.jpg) no-repeat;
  background-position: 320px 40px;
  position: relative;
}
.section4 .goodsContent_box .goodsContent_list .goodsContent .list5_box .list5_item {
  position: absolute;
  max-width: 395px;
  min-width: 320px;
}
.section4 .goodsContent_box .goodsContent_list .goodsContent .list5_box .list5_item h4 {
  height: 28px;
  line-height: 28px;
  font-size: 20px;
  color: #3778bd;
  font-weight: 700;
}
.section4 .goodsContent_box .goodsContent_list .goodsContent .list5_box .list5_item p {
  line-height: 26px;
  color: #fff;
  font-size: 15px;
}
.section4 .goodsContent_box .goodsContent_list .goodsContent .list5_box .text_right {
  text-align: right;
}
.section4 .goodsContent_box .goodsContent_list .goodsContent .list5_box .text_left {
  text-align: left;
}
.section4 .goodsContent_box .goodsContent_list .goodsContent .list2_img,
.section4 .goodsContent_box .goodsContent_list .goodsContent .list4_img,
.section4 .goodsContent_box .goodsContent_list .goodsContent .list6_img {
  margin: 0 auto;
}
.section4 .goodsContent_box .goodsContent_list .goodsContent .list2_img > img,
.section4 .goodsContent_box .goodsContent_list .goodsContent .list4_img > img,
.section4 .goodsContent_box .goodsContent_list .goodsContent .list6_img > img {
  width: 100%;
  height: 100%;
}
.section4 .goodsContent_box .goodsContent_list .goodsContent .list7_box {
  width: 1085px;
  margin: 0 auto;
  display: flex;
  margin-top: 20px;
  justify-content: space-between;
}
.section4 .goodsContent_box .goodsContent_list .goodsContent .list7_box .list7_item {
  width: 235px;
  height: 235px;
  position: relative;
}
.section4 .goodsContent_box .goodsContent_list .goodsContent .list7_box .list7_item video {
  width: 100%;
  height: 130px;
}
.section4 .goodsContent_box .goodsContent_list .goodsContent .list7_box .list7_item .btn_shadow {
  position: absolute;
  width: 100%;
  height: 95px;
  padding: 35px 0 0 0;
  left: 0;
  top: 0;
  background: rgba(100, 100, 100, 0.6);
}
.section4 .goodsContent_box .goodsContent_list .goodsContent .list7_box .list7_item .btn_shadow .play_btn {
  display: inline-block;
  width: 60px;
  height: 60px;
  background: url(../images/index_bj.png) no-repeat;
  background-position: 0px -296px;
  cursor: pointer;
}
.section4 .goodsContent_box .goodsContent_list .goodsContent .list7_box .list7_item .qrcode-box {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-size: 16px;
  color: #fff;
}
.section4 .goodsContent_box .goodsContent_list .goodsContent .list7_box .list7_item .qrcode-box img {
  width: 87px;
}
.section4 .mt50 {
  margin-top: 50px;
}
.section4 .two-content-item {
  width: 1029px;
  height: 375px;
  padding: 55px 54px 0;
  margin: 0 auto 30px;
  background: url(../images/two_c_item_bg.jpg) no-repeat center top #fff;
  border-radius: 20px;
  box-sizing: border-box;
  text-align: left;
  position: relative;
}
.section4 .two-content-item .title {
  font-size: 26px;
  color: #6b2cdd;
  font-weight: 700;
}
.section4 .two-content-item .s-title {
  font-size: 20px;
  color: #666666;
  margin-top: 10px;
}
.section4 .two-content-item .text {
  line-height: 38px;
  font-size: 20px;
  color: #666666;
  margin-top: 20px;
}
.section4 .two-content-item .text span {
  margin-right: 30px;
}
.section4 .two-content-item .tag-p {
  padding-left: 20px;
  position: relative;
  font-size: 20px;
  color: #666666;
}
.section4 .two-content-item .tag-p:after {
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #bb7cea;
}
.section4 .two-content-item .sikll {
  margin-top: 35px;
}
.section4 .two-content-item .sikll p {
  margin-bottom: 20px;
}
.section4 .two-content-item .img-box-car {
  position: absolute;
  top: 76px;
  right: 15px;
}
.section4 .two-content-item .project {
  color: #666666;
  font-size: 20px;
  margin-top: 25px;
}
.section4 .two-content-item .project .mr150 {
  margin-right: 150px;
}
.section4 .two-content-item .project .img-box {
  padding-left: 10px;
  padding-top: 15px;
}
.section4 .two-content-item__3 {
  height: 474px;
}
.fix:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}
.left {
  float: left;
}
.right {
  float: right;
}
/* section5开始 */
.section5 {
  padding-bottom: 30px;
}
.section5 .floor .section_title {
  color: #0a0d4f;
  margin-bottom: 40px;
}
.section5 .floor .project-tabs {
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 1090px;
  margin: 0 auto;
}
.section5 .floor .project-tabs div {
  line-height: 40px;
  height: 74px;
  padding-left: 44px;
  font-size: 22px;
  color: #150d2d;
  position: relative;
  cursor: pointer;
}
.section5 .floor .project-tabs div::after {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  width: 44px;
  height: 40px;
  background: orange;
  transition: all 0.8s;
}
.section5 .floor .project-tabs div:hover {
  color: #8584c2;
}
.section5 .floor .project-tabs div:nth-child(1)::after {
  background: url(../images/tabs_icon.png) no-repeat 0px 0px;
}
.section5 .floor .project-tabs div:nth-child(1).hover::after {
  background: url(../images/tabs_icon.png) no-repeat 0px -45px;
}
.section5 .floor .project-tabs div:nth-child(2)::after {
  background: url(../images/tabs_icon.png) no-repeat -42px 0px;
}
.section5 .floor .project-tabs div:nth-child(2).hover::after {
  background: url(../images/tabs_icon.png) no-repeat -42px -45px;
}
.section5 .floor .project-tabs div:nth-child(3)::after {
  background: url(../images/tabs_icon.png) no-repeat -84px 0px;
}
.section5 .floor .project-tabs div:nth-child(3).hover::after {
  background: url(../images/tabs_icon.png) no-repeat -84px -45px;
}
.section5 .floor .project-tabs div:nth-child(4)::after {
  background: url(../images/tabs_icon.png) no-repeat -125px 0px;
}
.section5 .floor .project-tabs div:nth-child(4).hover::after {
  background: url(../images/tabs_icon.png) no-repeat -125px -45px;
}
.section5 .floor .project-tabs div:nth-child(5)::after {
  background: url(../images/tabs_icon.png) no-repeat -167px 0px;
}
.section5 .floor .project-tabs div:nth-child(5).hover::after {
  background: url(../images/tabs_icon.png) no-repeat -167px -45px;
}
.section5 .floor .project-tabs div:nth-child(6)::after,
.section5 .floor .project-tabs div:nth-child(8)::after {
  background: url(../images/tabs_icon.png) no-repeat -212px 0px;
}
.section5 .floor .project-tabs div:nth-child(6).hover::after,
.section5 .floor .project-tabs div:nth-child(8).hover::after {
  background: url(../images/tabs_icon.png) no-repeat -212px -45px;
}
.section5 .floor .project-tabs div:nth-child(7)::after {
  background: url(../images/tabs_icon.png) no-repeat -256px 0px;
}
.section5 .floor .project-tabs div:nth-child(7).hover::after {
  background: url(../images/tabs_icon.png) no-repeat -256px -45px;
}
.section5 .floor .module_title {
  height: 40px;
  font-size: 30px;
  margin-bottom: 17px;
  color: #0a0d4f;
  margin-top: 50px;
  margin-bottom: 15px;
}
.section5 .floor .module_title .title_bj {
  background: -webkit-linear-gradient(left, #0498fc, #cb47ff);
  background: -ms-linear-gradient(left, #0498fc, #cb47ff);
  background: -moz-linear-gradient(left, #0498fc, #cb47ff);
  background: -o-linear-gradient(left, #0498fc, #cb47ff);
  background: linear-gradient(left, #0498fc, #cb47ff);
}
.section5 .floor .good_writing {
  padding-bottom: 30px;
}
.section5 .floor .good_writing > p {
  height: 30px;
  line-height: 30px;
  font-size: 24px;
  color: #0a0d4f;
}
.section5 .floor .good_writing .writing_img {
  width: 1110px;
  height: auto;
  margin: 0 auto;
}
.section5 .floor .fuwu_img {
  width: 1000px;
  height: auto;
  margin: 0 auto;
}
.section5 .floor .scroll-div {
  width: 1106px;
}
.section5 .floor .scroll-div .s-header,
.section5 .floor .scroll-div .tempWrap ol li {
  cursor: pointer;
  height: 44px;
  line-height: 44px;
  background: #deddec;
}
.section5 .floor .scroll-div .tempWrap {
  height: 352px;
  overflow: hidden;
}
.section5 .floor .scroll-div .tempWrap ol li:nth-child(2n-1) {
  background: #fff;
}
/* section5结束 */
.section6 .section6_title {
  height: 52px;
  padding: 111px 0;
  width: 100%;
  text-align: center;
  background: url(../images/section6_title.png) no-repeat center;
}
.section6 .section6_title .section_title {
  width: auto;
  height: 52px;
  line-height: 52px;
  font-size: 42px;
  color: #fff;
}
.section6 .section6_title .section_title > span {
  display: inline-block;
  width: 52px;
  height: 52px;
  vertical-align: bottom;
}
.section6 .section6_title .titleClass1 .left_icon,
.section6 .section6_title .titleClass1 .right_icon {
  background: url(../images/index_bj.png) no-repeat -193px -138px;
}
.section6 .section6_title .titleClass1 .right_icon {
  transform: rotateY(180deg);
}
.section6 .section6_title .titleClass2 .left_icon,
.section6 .section6_title .titleClass2 .right_icon {
  background: url(../images/index_bj.png) no-repeat -292px -138px;
}
.section6 .section6_title .titleClass2 .right_icon {
  transform: rotateY(180deg);
}
.section6 .floor {
  width: 1132px;
}
.section6 .floor .section_title {
  width: auto;
  height: 52px;
  line-height: 52px;
  font-size: 42px;
  color: #0a0d4f;
}
.section6 .floor .module_title {
  height: 40px;
  font-size: 30px;
  margin-bottom: 17px;
  color: #0a0d4f;
  margin-top: 50px;
  margin-bottom: 15px;
}
.section6 .floor .slsj_box {
  display: flex;
  width: 1132px;
  height: 180px;
  justify-content: space-between;
  align-items: center;
}
.section6 .floor .slsj_box .slsj_list {
  height: 140px;
}
.section6 .floor .slsj_box .slsj_list .slsj_name {
  font-size: 20px;
  color: #0a0d4f;
  text-indent: 10px;
  height: 40px;
  line-height: 40px;
  text-align: left;
}
.section6 .floor .slsj_box .slsj_list .slsj_num {
  height: 100px;
  padding: 0 15px;
  color: #fff;
  font-size: 20px;
  width: auto;
  border-radius: 10px;
  background: -webkit-linear-gradient(top, #6297db, #6a31cb);
  background: -ms-linear-gradient(top, #6297db, #6a31cb);
  background: -moz-linear-gradient(top, #6297db, #6a31cb);
  background: -o-linear-gradient(top, #6297db, #6a31cb);
  background: linear-gradient(top, #6297db, #6a31cb);
}
.section6 .floor .slsj_box .slsj_list .slsj_num .num {
  font-size: 56px;
  line-height: 100px;
  margin-right: 10px;
  font-weight: bold;
}
.section6 .floor .slsj_box .slsj_list .slsj_num > span {
  font-size: 56px;
  line-height: 100px;
  margin-right: 10px;
  font-weight: bold;
}
.section6 .floor .medal_box {
  display: flex;
  width: 1132px;
  justify-content: space-around;
  height: auto;
  margin-bottom: 20px;
}
.section6 .floor .m-k-s1 {
  color: #383a39;
  text-align: left;
  font-size: 22px;
}
.section6 .floor .m-k-s1 .left {
  width: 806px;
  padding-left: 27px;
  line-height: 30px;
}
.section6 .floor .m-k-s1 .right {
  width: 197px;
  height: 277px;
  right: 50px;
}
.section6 .floor .m-k-s2 {
  color: #383a39;
  line-height: 30px;
  text-align: left;
  font-size: 22px;
}
.section6 .floor .m-k-s2 .bg-0b3e68 {
  background: #0b3e68;
}
.section6 .floor .m-k-s2 .color-0b3e68 {
  color: #0b3e68;
}
.section6 .floor .m-k-s2 .l-img {
  margin-left: 10px;
  margin-right: 25px;
  width: 421px;
  height: 308px;
}
.section7 {
  background: #fff;
  padding-top: 50px;
}
#scroll-div .w114 {
  width: 114px;
}
#scroll-div .w110 {
  width: 110px;
}
#scroll-div .w130 {
  width: 130px;
}
#scroll-div .w140 {
  width: 140px;
}
#scroll-div .w342 {
  width: 342px;
}
#scroll-div .w270 {
  width: 270px;
}
#scroll-div .top-title {
  padding-left: 360px;
  position: relative;
}
#scroll-div .top-title::after {
  content: '';
  width: 120px;
  height: 180px;
  background: url(../img/icon_all.png) no-repeat -409px 0;
  position: absolute;
  top: 0;
  left: 133px;
}
#scroll-div .color-202145 {
  color: #202145;
}
#scroll-div .color-ff4e00 {
  color: #ff4e00;
}
#scroll-div .color-333 {
  color: #333;
}
.dsj_title {
  font-size: 30px;
  color: #222;
  text-align: center;
}
.bd-bottom {
  border-bottom: 2px solid #f7f8fa;
  position: relative;
  margin-bottom: 30px;
}
.prospects_bat {
  width: 404px;
  height: 70px;
  line-height: 70px;
  margin: 20px auto 0;
  position: relative;
  bottom: -2px;
  font-size: 18px;
}
.prospects_bat p.active {
  color: #08a7ff;
}
.prospects_bat p.active::after {
  content: '';
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: -webkit-linear-gradient(to right, #00deff, #4286f8);
  background: -o-linear-gradient(to right, #00deff, #4286f8);
  background: -moz-linear-gradient(to right, #00deff, #4286f8);
  background: linear-gradient(to right, #00deff, #4286f8);
}
.prospects_bat p {
  width: 202px;
  height: 100%;
  text-align: center;
  position: absolute;
  top: 0;
  cursor: pointer;
}
.prospects_bat p:nth-child(1) {
  left: 0;
}
.prospects_bat p:nth-child(2) {
  right: 0;
}
.job {
  width: 1140px;
  height: 365px;
  margin: auto;
  position: relative;
}
.job_con {
  width: 1140px;
  height: 365px;
  position: absolute;
  left: 0;
}
.job_con li {
  width: 1140px;
  height: 365px;
  position: absolute;
  top: 0;
  left: 0;
}
.type1 {
  width: 112px;
  height: 112px;
  border-radius: 100%;
  background: -webkit-linear-gradient(bottom left, #7f9bfc, #b18fe3);
  background: -o-linear-gradient(bottom left, #7f9bfc, #b18fe3);
  background: -moz-linear-gradient(bottom left, #7f9bfc, #b18fe3);
  background: linear-gradient(bottom left, #7f9bfc, #b18fe3);
}
.type2 {
  width: 126px;
  height: 126px;
  border-radius: 100%;
  background: -webkit-linear-gradient(bottom left, #f3f3f7, #8ea2e2);
  background: -o-linear-gradient(bottom left, #f3f3f7, #8ea2e2);
  background: -moz-linear-gradient(bottom left, #f3f3f7, #8ea2e2);
  background: linear-gradient(bottom left, #f3f3f7, #8ea2e2);
}
.type3 {
  width: 416px;
  height: 416px;
  border-radius: 100%;
  background: -webkit-linear-gradient(left top, #a7fcfc, #4cadda);
  background: -o-linear-gradient(left top, #f3f3f7, #4cadda);
  background: -moz-linear-gradient(left top, #f3f3f7, #4cadda);
  background: linear-gradient(left top, #f3f3f7, #4cadda);
}
.type4 {
  width: 103px;
  height: 103px;
  border-radius: 100%;
  background: -webkit-linear-gradient(right top, #fef840, #e144d9);
  background: -o-linear-gradient(left bottom, #fef840, #e144d9);
  background: -moz-linear-gradient(left bottom, #fef840, #e144d9);
  background: linear-gradient(left bottom, #fef840, #e144d9);
}
.type5 {
  width: 305px;
  height: 305px;
  border-radius: 100%;
  background: -webkit-linear-gradient(left bottom, #173193, #42f2f7);
  background: -o-linear-gradient(left bottom, #173193, #42f2f7);
  background: -moz-linear-gradient(left bottom, #173193, #42f2f7);
  background: linear-gradient(left bottom, #173193, #42f2f7);
}
.type6 {
  width: 254px;
  height: 360px;
  border-radius: 155px;
  background: -webkit-linear-gradient(right top, #02f6f7, #1376c2);
  background: -o-linear-gradient(left bottom, #02f6f7, #1376c2);
  background: -moz-linear-gradient(left bottom, #02f6f7, #1376c2);
  background: linear-gradient(left bottom, #02f6f7, #1376c2);
}
.type7 {
  width: 102px;
  height: 102px;
  border-radius: 100%;
  background: -webkit-linear-gradient(left bottom, #62e3df, #b292ca);
  background: -o-linear-gradient(left bottom, #62e3df, #b292ca);
  background: -moz-linear-gradient(left bottom, #62e3df, #b292ca);
  background: linear-gradient(left bottom, #62e3df, #b292ca);
}
.type8 {
  width: 102px;
  height: 102px;
  border-radius: 100%;
  background: -webkit-linear-gradient(left bottom, #102aa5, #3a1c8e);
  background: -o-linear-gradient(left bottom, #102aa5, #3a1c8e);
  background: -moz-linear-gradient(left bottom, #102aa5, #3a1c8e);
  background: linear-gradient(left bottom, #102aa5, #3a1c8e);
}
.type9 {
  width: 45px;
  height: 45px;
  border-radius: 100%;
  background: -webkit-linear-gradient(left, #10ded5, #5e66ec);
  background: -o-linear-gradient(left, #10ded5, #5e66ec);
  background: -moz-linear-gradient(left, #10ded5, #5e66ec);
  background: linear-gradient(left, #10ded5, #5e66ec);
}
.type10 {
  width: 104px;
  height: 104px;
  border-radius: 100%;
  background: -webkit-linear-gradient(left bottom, #f4f040, #e043e0);
  background: -o-linear-gradient(left bottom, #f4f040, #e043e0);
  background: -moz-linear-gradient(left bottom, #f4f040, #e043e0);
  background: linear-gradient(left bottom, #f4f040, #e043e0);
}
.type11 {
  width: 104px;
  height: 104px;
  border-radius: 100%;
  background: -webkit-linear-gradient(bottom, #9394ae, #7480b4);
  background: -o-linear-gradient(bottom, #9394ae, #7480b4);
  background: -moz-linear-gradient(bottom, #9394ae, #7480b4);
  background: linear-gradient(bottom, #9394ae, #7480b4);
}
.video-box {
  width: 1090px;
  height: 614px;
  margin: 0 auto;
}
.video-box video {
  width: 100%;
}
.link-xmzk-box {
  padding: 50px 0;
  text-align: center;
}
.link-xmzk-box a {
  display: inline-block;
  width: 276px;
  height: 68px;
  line-height: 68px;
  font-size: 18px;
  color: #fff;
  background-color: #7d31ea;
  border-radius: 34px;
  overflow: hidden;
}
.link-xmzk-box a:hover {
  background-color: #a7aff0;
}
.link-xmzk-box a:hover span {
  transform: translate(70px, 0);
}
.link-xmzk-box span {
  transition: all 0.6s;
  display: inline-block;
  margin-left: 10px;
  width: 10px;
  height: 20px;
  vertical-align: middle;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAQCAYAAAAvf+5AAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0MGNiNWZiZS1lMzUxLWY5NDYtYThlYS0zNGIyM2M3NTEyMTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTZEQUREQ0ExNTA3MTFFQjhBQjdGRTBDQjgzMThDNTUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTZEQUREQzkxNTA3MTFFQjhBQjdGRTBDQjgzMThDNTUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmYzN2UxMzgxLWJiZDktMDk0Ny04NTUwLWY0NjMwMmVkOTg1ZSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0MGNiNWZiZS1lMzUxLWY5NDYtYThlYS0zNGIyM2M3NTEyMTgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz40nSI+AAAAp0lEQVR42nySUQrCMAyG05obKo7pUVwF3UlkoOgE8Vg+iBdQ5l8JEkrSwEf68DVN24TH6zkjogO4g5GcYDAHa9CACVwtMYIL6GXTCSy8ijm2IIBOZCors1onyabMxQlaPmqZjXaStLHRMjuv0Un+y5H8mCSHmriXqm/Q5qOjIyUtWRW1tNLPEyvSWH5hjl1N+t0I07NEPoOP9GROUJAxG8CtNmZfAQYAtRgvIQQfKDwAAAAASUVORK5CYII=) no-repeat center 1px;
}
.JavaFullStack .section_title.gradient {
  display: inline-block;
  background: linear-gradient(to right, #0498fc, #cb47ff);
  -webkit-background-clip: text;
  color: transparent;
}
.JavaFullStack .section_title .gradient {
  display: inline-block;
  background: linear-gradient(to right, #0498fc, #cb47ff);
  -webkit-background-clip: text;
  color: transparent;
}
.divleft{ float:left; width:460px; }
.divright{ float:right; width:460px; }