/*动画*/
.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);
  }
}
.JavaFullStack {
  overflow: hidden;
}
/* header */
.headerWrap {
  height: 66px;
  background: #2a303c;
  overflow: hidden;
}
.header {
  width: 1140px;
  height: 66px;
  margin: auto;
  overflow: hidden;
}
.header_logo {
  width: 230px;
  height: 31px;
  margin-top: 16px;
  float: left;
}
.header_nav {
  width: 500px;
  height: 66px;
  float: left;
  overflow: hidden;
  margin-left: 100px;
}
.header_nav li {
  height: 66px;
  float: left;
}
.h_nav_t {
  display: block;
  color: #fff;
  padding: 0 15px;
  height: 66px;
  line-height: 66px;
}
.tel_400 {
  width: 199px;
  height: 45px;
  float: right;
  margin-top: 10px;
}
/*banner*/
#banner {
  width: 100%;
  height: auto;
}
#banner img {
  width: 100%;
}
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: 52px;
  line-height: 52px;
  font-size: 42px;
  font-style: oblique;
  font-weight: bold;
}
section .floor .section_title > span {
  display: inline-block;
  width: 52px;
  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%;
  top: 50%;
  position: absolute;
  height: 50%;
  background: -webkit-linear-gradient(left, #e352d2, #fc824f);
  background: -ms-linear-gradient(left, #e352d2, #fc824f);
  background: -moz-linear-gradient(left, #e352d2, #fc824f);
  background: -o-linear-gradient(left, #e352d2, #fc824f);
  background: linear-gradient(left, #e352d2, #fc824f);
}
.section1 .section_title {
  color: #0a0d4f;
}
.section1 .section1-swiper {
  width: 1055px;
  text-align: center;
}
.section1 .section1-swiper .slide_title {
  width: 100%;
  height: 100%;
}
.section1 .section1-swiper .title_top {
  height: 20px;
  width: auto;
  line-height: 20px;
  font-size: 18px;
  color: #333;
  margin-bottom: 40px;
}
.section1 .section1-swiper .title_bottom {
  height: 44px;
  line-height: 44px;
  color: #fff;
  width: 530px;
  font-size: 26px;
  margin: 0 auto;
  margin-top: 40px;
  margin-bottom: 30px;
  text-align: center;
  background: -webkit-linear-gradient(left, #1855b4, #6b2dcb);
  background: -ms-linear-gradient(left, #1855b4, #6b2dcb);
  background: -moz-linear-gradient(left, #1855b4, #6b2dcb);
  background: -o-linear-gradient(left, #1855b4, #6b2dcb);
  background: linear-gradient(left, #1855b4, #6b2dcb);
}
.section2 {
  background: #0a0d4f;
}
.section2 .section_title {
  color: #fff;
  margin-bottom: 20px;
}
.section2 .floor {
  padding-bottom: 30px;
}
.section2 .floor .jieshao {
  width: 1050px;
  line-height: 36px;
  font-size: 20px;
  color: #fff;
  text-align: left;
  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/rcxzBj2.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 {
  color: #0a0d4f;
  margin-bottom: 30px;
}
.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;
}
.section3 .floor .title2 .title_bj {
  background: -webkit-linear-gradient(left, #1955b5, #6b2dcc);
  background: -ms-linear-gradient(left, #1955b5, #6b2dcc);
  background: -moz-linear-gradient(left, #1955b5, #6b2dcc);
  background: -o-linear-gradient(left, #1955b5, #6b2dcc);
  background: linear-gradient(left, #1955b5, #6b2dcc);
}
.section4 {
  background: #0a0d4f;
}
.section4 .floor .section_title {
  color: #fff;
}
.section4 .floor .section_title .hover {
  font-size: 60px;
  color: #f4a241;
  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 {
  position: absolute;
  width: 100%;
  height: 40%;
  background: -webkit-linear-gradient(left, #e552d6, #fb834e);
  background: -ms-linear-gradient(left, #e552d6, #fb834e);
  background: -moz-linear-gradient(left, #e552d6, #fb834e);
  background: -o-linear-gradient(left, #e552d6, #fb834e);
  background: linear-gradient(left, #e552d6, #fb834e);
  left: -2px;
  bottom: 0;
}
.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: 270px 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: #eb6650;
}
.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 400px 96px 320px;
  background: url("../images/list5_boxBJ.png") 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;
}
.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: 130px;
  position: relative;
}
.section4 .goodsContent_box .goodsContent_list .goodsContent .list7_box .list7_item video {
  width: 100%;
  height: 100%;
}
.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;
}
.fix:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}
.left {
  float: left;
}
.right {
  float: right;
}
.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: 78px;
  padding-right: 28px;
  font-size: 22px;
  color: #150d2d;
  position: relative;
  cursor: pointer;
}
.section5 .floor .project-tabs div::after {
  position: absolute;
  left: 28px;
  top: 0;
  content: '';
  width: 42px;
  height: 40px;
  background: orange;
  transition: all 0.8s;
}
.section5 .floor .project-tabs div.active {
  color: #8584c2;
}
.section5 .floor .project-tabs div.active::before {
  position: absolute;
  content: '';
  width: 38px;
  height: 23px;
  background: url("../images/index_bj.png") no-repeat -467px 0px;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.section5 .floor .project-tabs div:hover {
  color: #8584c2;
}
.section5 .floor .project-tabs div:nth-child(1)::after {
  background: url("../images/index_bj.png") no-repeat -200px 0px;
}
.section5 .floor .project-tabs div:nth-child(1).active::after {
  background: url("../images/index_bj.png") no-repeat -200px -60px;
}
.section5 .floor .project-tabs div:nth-child(1).hover::after {
  background: url("../images/index_bj.png") no-repeat -200px -60px;
}
.section5 .floor .project-tabs div:nth-child(2)::after {
  background: url("../images/index_bj.png") no-repeat -300px 0px;
}
.section5 .floor .project-tabs div:nth-child(2).active::after {
  background: url("../images/index_bj.png") no-repeat -300px -60px;
}
.section5 .floor .project-tabs div:nth-child(2).hover::after {
  background: url("../images/index_bj.png") no-repeat -300px -60px;
}
.section5 .floor .project-tabs div:nth-child(3)::after {
  background: url("../images/index_bj.png") no-repeat 0px -188px;
}
.section5 .floor .project-tabs div:nth-child(3).active::after {
  background: url("../images/index_bj.png") no-repeat 0px -130px;
}
.section5 .floor .project-tabs div:nth-child(3).hover::after {
  background: url("../images/index_bj.png") no-repeat 0 -130px;
}
.section5 .floor .project-tabs div:nth-child(4)::after {
  background: url("../images/index_bj.png") no-repeat -100px 0px;
}
.section5 .floor .project-tabs div:nth-child(4).active::after {
  background: url("../images/index_bj.png") no-repeat -100px -60px;
}
.section5 .floor .project-tabs div:nth-child(4).hover::after {
  background: url("../images/index_bj.png") no-repeat -100px -60px;
}
.section5 .floor .project-tabs div:nth-child(5)::after {
  background: url("../images/index_bj.png") no-repeat 0px 0px;
}
.section5 .floor .project-tabs div:nth-child(5).active::after {
  background: url("../images/index_bj.png") no-repeat 0px -60px;
}
.section5 .floor .project-tabs div:nth-child(5).hover::after {
  background: url("../images/index_bj.png") no-repeat 0px -60px;
}
.section5 .floor .project-tabs div:nth-child(6)::after {
  background: url("../images/index_bj.png") no-repeat -100px 0px;
}
.section5 .floor .project-tabs div:nth-child(6).active::after {
  background: url("../images/index_bj.png") no-repeat -100px -60px;
}
.section5 .floor .project-tabs div:nth-child(6).hover::after {
  background: url("../images/index_bj.png") no-repeat -100px -60px;
}
.section5 .floor .p-c-i {
  display: none;
  padding-top: 20px;
}
.section5 .floor .p-c-i .l-img {
  height: auto;
  display: inline-block;
  width: 476px;
  vertical-align: middle;
}
.section5 .floor .p-c-i .l-img.cen {
  -webkit-justify-content: center;
  justify-content: center;
}
.section5 .floor .p-c-i .l-img img {
  width: 100%;
  -moz-box-shadow: 0px 0px 10px #E6E6E6;
  -webkit-box-shadow: 0px 0px 10px #E6E6E6;
  box-shadow: 0px 0px 10px #E6E6E6;
}
.section5 .floor .p-c-i .r-text {
  display: inline-block;
  width: 620px;
  vertical-align: top;
  margin-left: 20px;
  font-size: 18px;
  color: #373a39;
  line-height: 34px;
  text-align: left;
}
.section5 .floor .p-c-i .r-text .r-t-title {
  font-size: 22px;
  padding-left: 37px;
  position: relative;
}
.section5 .floor .p-c-i .r-text .r-t-title::after {
  position: absolute;
  content: '';
  width: 25px;
  height: 21px;
  background: url("../images/index_bj.png") no-repeat -397px 0px;
  left: 0;
  top: 8px;
}
.section5 .floor .p-c-i .r-text p {
  margin-bottom: 10px;
  position: relative;
  padding-left: 22px;
}
.section5 .floor .p-c-i .r-text p span {
  font-weight: 700;
}
.section5 .floor .p-c-i .r-text p::after {
  content: '';
  position: absolute;
  top: 12px;
  left: 0;
  width: 13px;
  height: 12px;
  background: url("../images/index_bj.png") no-repeat -397px -73px;
}
.section5 .floor .p-c-i.active {
  display: block;
}
.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, #1955b4, #6a2ecb);
  background: -ms-linear-gradient(left, #1955b4, #6a2ecb);
  background: -moz-linear-gradient(left, #1955b4, #6a2ecb);
  background: -o-linear-gradient(left, #1955b4, #6a2ecb);
  background: linear-gradient(left, #1955b4, #6a2ecb);
}
.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;
}
.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;
  font-style: oblique;
  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;
  font-style: oblique;
  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: #ff4e4e;
}
.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;
}
.footerWrap {
  height: 100px;
  background: #2e3033;
}
.footer {
  width: 1140px;
  height: 100px;
  margin: auto;
  overflow: hidden;
  position: relative;
}
.footer p {
  font-size: 12px;
  color: #898989;
}
.footer_tel {
  width: 199px;
  height: 45px;
  position: absolute;
  top: 20px;
  right: 200px;
}
.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);
}
