@charset "gb2312";

.java-min1200 {
	width: 100%;
	height: auto;
	overflow: hidden;
	background-color: #020b47;
	text-align: center;
}

.java-banner {
	width: 100%;
	height: auto;
}

.java-banner img {
	width: 100%;
	display: block;
}

.box-first{
	width: 100%;
	height: 14.04rem;
	background: url(../images/backage01.jpg) top no-repeat;
	background-size: 100% 100%;
}
.box-title{
	width: 100%;
	padding-top: 0.8rem;
}
.box-title h2{
	font-size: 0.3rem;
	color: #fff;
}
.box-title img{
	height: 0.74rem;
}
.box-arctle{
	text-align: left;
	color: #fff;
	font-size: 0.18rem;
	width: 49%;
	float: right;
	margin-top: 1.08rem;
	margin-right: 0.58rem;
	min-height: 3.08rem;
	letter-spacing: -1px;
	line-height: 0.26rem;
}
.box-arctle span{
	font-weight: bold;
	display: table;
	font-size: 0.2rem;
	margin-bottom: 0.16rem;
}

.pan-link{
	display: block;
	width: 61.34%;
	line-height: 0.66rem;
	border-radius: 0.1rem;
	background: linear-gradient(to bottom,#ab51fb,#07b4f0);
	font-size: 0.32rem;
	color: #fff;
	text-align: center;
	margin: 0 auto;
	margin-top: 1.04rem;
}
.hf-add{
	width: 92.267%;
	height: 8.48rem;
	margin: 0 auto;
	background: url(../images/f02.png) top no-repeat;
	background-size: 100% 100%;
	margin-top: 0.36rem;
}
.box-seand{
	width: 100%;
	height: 18.73rem;
	background: url(../images/backage02.jpg) top no-repeat;
	background-size: 100% 100%;
}
.box-s-title{
	font-size: 0.38rem;
	color: #fff;
	padding-top: 0.26rem;
	line-height: 0.8rem;
}
.mySwiper11 .swiper-slide{
	text-align: center;
	font-size: 0.24rem;
	color: #fff;
	height: 0.49rem;
	line-height: 0.48rem;
	width: 29.596% !important;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	background: url(../images/t03.png) top no-repeat;
	background-size: 100% 100%;
	position: relative;
	cursor: pointer;
	margin: 0 0.11rem;
}
.mySwiper11{
	width: 92.775%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.32rem;
}
.mySwiper11 .swiper-wrapper{
	display: flex;
	align-items: center;
	justify-content: center;
}

.mySwiper12 {
	height: auto;
	width: 92.775%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.2rem;
}

.mySwiper12 .swiper-slide{
	width: 100%;
	opacity: 1;
	position: relative;
}
.mySwiper11 .swiper-slide-thumb-active{
	background: url(../images/t04.png) top no-repeat;
	background-size: 100% 100%;
}
.bxx-s-list{
	width: 100%;
	height: auto;
	display: table;
	padding: 0 0.06rem;
}
.bxx-s-list li{
	text-align: left;
	height: 1.7rem;
	float: left;
	width: 50%;
}
.bxx-s-list li span{
	font-size: 0.18rem;
	font-weight: bold;
	color: #fff;
	margin-bottom: 0.16rem;
	display: block;
}
.bxx-s-list li span i{
	float: left;
	width: 0.03rem;
	height: 0.1rem;
	border-radius: 0.1rem;
	background-color: #f022fe;
	margin-right: 0.06rem;
	margin-top: 0.1rem;
	margin-left: 0.06rem;
}
.bxx-s-list li p{
	font-size: 0.16rem;
	color: #fff;
	width: 94%;
	margin-left: 0.1rem;
}
.bxx-s-list li:nth-child(even) span i{
	background-color: #00ffff;
}
.box-s-list02{
	width: 100%;
	height: auto;
	display: table;
}
.box-s-list02 li{
	text-align: center;
	float: left;
	margin-left: 0.18rem;
}
.box-s-list02 li span{
	display: block;
	font-size: 0.18rem;
	color: #fff;
	font-weight: bold;
	margin-top: 0.18rem;
}
.box-s-list02 li img{
	height: 1.76rem;
}
.list-change li:nth-child(3),.list-change02 li:nth-child(3){
	width: 100%;
}
.list-change02 li{
	height: 1rem;
}
.box-s-list03 li img{
	height: 1.52rem;
}
.box-s-list03 li{
	margin-bottom: 0.18rem;
}
.box-s-list03 li span{
	margin-top: 0.12rem;
}
.change-mar{
	background: url(../images/f03.png) top no-repeat;
	background-size: 100% 100%;
	height: 5.6rem;
	margin-top: 0.4rem;
}
.change-mar .box-s-title{
	height: 0.8rem;
	display: flex;
	align-items: center;
	line-height: inherit;
	justify-content: center;
	height: 1.42rem;
}
.intelligent-tutoring-system {
    margin: 0 auto;
	width: 92.775%;
	margin-top: 0.36rem;
}
.intelligent-tutoring-system .intelligent-tutoring-system-main .intelligent-tutoring-system-tabs {
    cursor: default;
    display: flex;
    justify-content: center;
    align-items: center
}
.intelligent-tutoring-system .intelligent-tutoring-system-main .intelligent-tutoring-system-tabs li {
    margin: 0 0.11rem;
    width: 29.596%;
    height: 0.47rem;
    font-size: 0.24rem;
    color: #fff;
	text-align: center;
	background:url(../images/t15.png) top no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
}
.intelligent-tutoring-system .intelligent-tutoring-system-main .intelligent-tutoring-system-tabs .hover {
    background: url(../images/t16.png) center no-repeat;
	cursor: pointer;
}
.intelligent-tutoring-system .intelligent-tutoring-system-main .intelligent-tutoring-system-content {
    box-sizing: border-box;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    width: 100%;
	margin-top: 0.34rem;
}
.intelligent-tutoring-system .intelligent-tutoring-system-main .intelligent-tutoring-system-content .intelligent-tutoring-system-contentLeft {
    position: relative;
    width: 30%;
    text-align: left;
	padding-left: 0.1rem;
}
.intelligent-tutoring-system .intelligent-tutoring-system-main .intelligent-tutoring-system-content .intelligent-tutoring-system-contentLeft .contentLeftTitle {
    margin-bottom: 0.16rem;
    font-size: 0.22rem;
    color: #fff;
}
.contentLeftTitle img{
	margin-left: 0.1rem;
	width: 0.2rem;
	margin-top: 0.1rem;
}
.intelligent-tutoring-system .intelligent-tutoring-system-main .intelligent-tutoring-system-content .intelligent-tutoring-system-contentLeft .contentLeftIntroduction {
    line-height: 0.16rem
}
.intelligent-tutoring-system .intelligent-tutoring-system-main .intelligent-tutoring-system-content .intelligent-tutoring-system-contentLeft .contentLeftIntroduction li {
    font-size: 0.14rem;
    color: #fff;
	margin-bottom: 0.1rem;
}
.contentLeftIntroduction li div i{
	width: 0.08rem;
	height: 0.08rem;
	border-radius: 100%;
	background-color: #fff;
	float: left;
	margin-right: 0.08rem;
	margin-top: 0.04rem;
	margin-bottom: 0.14rem;
}
.intelligent-tutoring-system .intelligent-tutoring-system-main .intelligent-tutoring-system-content .intelligent-tutoring-system-contentLeft .contentLeftIntroduction li .intelligentText {
    color: #00ffff
}
.intelligent-tutoring-system .intelligent-tutoring-system-main .intelligent-tutoring-system-content .intelligent-tutoring-system-contentRight {
    width: 70%;
	overflow: hidden;
	position: relative;
}
.mySwiper01,.mySwiper03,.mySwiper02{
	padding-bottom: 0.22rem;
}
.intelligent-tutoring-system .intelligent-tutoring-system-main .intelligent-tutoring-system-content .intelligent-tutoring-system-contentRight .el-carousel__container {
    height: 2.1rem
}
.mySwiper01 .swiper-slide img,.mySwiper02 .swiper-slide img,.mySwiper03 .swiper-slide img{
	width: 4.2rem;
	height: 2.1rem;
}
.mySwiper01 .swiper-slide,.mySwiper02 .swiper-slide,.mySwiper03 .swiper-slide{
	text-align: center;
	height: 2.1rem;
}
.intelligent-tutoring-system .intelligent-tutoring-system-main .intelligent-tutoring-system-content .intelligent-tutoring-system-contentRight .custom-carousel .el-carousel__arrow--right,.mySwiper01 .swiper-button-next,.mySwiper02 .swiper-button-next,.mySwiper03 .swiper-button-next {
    background: url(../images/you.png) center no-repeat;
    background-size: 100% 100%;
    right: 0
}
.intelligent-tutoring-system .intelligent-tutoring-system-main .intelligent-tutoring-system-content .intelligent-tutoring-system-contentRight .custom-carousel .el-carousel__arrow--left,.mySwiper01 .swiper-button-prev,.mySwiper02 .swiper-button-prev,.mySwiper03 .swiper-button-prev {
    left: 0;
    background: url(../images/zuo.png) center no-repeat;
    background-size: 100% 100%
}
.mySwiper01 .swiper-pagination,.mySwiper02 .swiper-pagination,.mySwiper03 .swiper-pagination{
	bottom: -0.16rem;
}
.mySwiper01 .swiper-pagination-bullet,.mySwiper02 .swiper-pagination-bullet,.mySwiper03 .swiper-pagination-bullet{
	width: 0.08rem;
	height: 0.08rem;
	margin: 0 0.08rem !important;
	background-color: #e2e2e2;
	border-radius: 100%;
	text-align: center;
}
.mySwiper01 .swiper-button-next,.mySwiper01 .swiper-button-prev,.mySwiper02 .swiper-button-next,.mySwiper02 .swiper-button-prev,.mySwiper03 .swiper-button-next,.mySwiper03 .swiper-button-prev {
    top: 50%;
	width: 0.38rem;
	height: 0.38rem;
	transform: translateY(-50%);
	margin-top: -0.1rem;
}
.mySwiper01 .swiper-pagination-bullet-active,.mySwiper02 .swiper-pagination-bullet-active,.mySwiper03 .swiper-pagination-bullet-active{
	background-color: #1286fb;
}
.box-seand-link{
	margin-top: 0.38rem;
}
.box-t-top{
	width: 92.267%;
	height: 10.13rem;
	position: relative;
	margin: 0 auto;
	background: url(../images/t18.png) top no-repeat;
	background-size: 100% 100%;
	margin-top: 0.44rem;
}
.box-t-actle01{
	display: flex;
	justify-content: left;
	align-items: start;
}
.box-t-actle01 p{
	color: #fff;
	font-size: 0.26rem;
	line-height: 0.38rem;
	text-align: left;
}
.box-t-actle01 i{
	width: 0.07rem;
	height: 0.07rem;
	border-radius: 100%;
	background: #00ffff;
	margin-right: 0.1rem;
	margin-top: 0.16rem;
}
.box-t-actle02{
	position: absolute;
	top: 4.02rem;
	right: 0;
	z-index: 10;
}
.box-t-actle02 i{
	background: #a9aeff;
}
.box-t-actle03{
	position: absolute;
	top: 5.18rem;
	left: 0;
	z-index: 10;
}
.box-t-actle03 i{
	background: #eda8ff;
}
.box-t-actle04{
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 10;
}
.box-t-actle04 i{
	background: #4a97ff;
}
.box-t-title{
	font-size: 0.4rem;
	color: #67abff;
	margin-top: 0.7rem;
	margin-bottom: 0.44rem;
}
.box-t-title img{
	margin: 0 0.1rem;
	height: 0.2rem;
	margin-top: 0.2rem;
}
.box-t-link{
	display: block;
	width: 61.34%;
	line-height: 0.66rem;
	border-radius: 0.1rem;
	background: linear-gradient(to bottom, #005aff, #2fe3ff);
	font-size: 0.32rem;
	color: #fff;
	text-align: center;
	margin: 0 auto;
	margin-top: 0.34rem;
	margin-bottom: 0.14rem;
}
.box-three-img{
	width: 92.267%;
	height: auto;
	margin: 0 auto;
}
.box-three-img img{
	display: block;
	width: 100%;
}
.box-three{
	width: 100%;
	height: 47.02rem;
	background: url(../images/backage03.jpg) top no-repeat;
	background-size: 100% 100%;
}
/*鍒嗘湀楂樿柂*/
.slidemouth {
  width: 92.267%;
  height: 1.3rem;
  margin: 0 auto;
  margin-top: 0.35rem;
}

.slidemouth .hd {
  overflow: hidden;
  height: 0.1rem;
}

.slidemouth .hd ul {
  overflow: hidden;
  zoom: 1;
  height: 0.1rem;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.slidemouth .hd ul li {
  float: left;
  margin-right: 0.08rem;
  margin-left: 0.08rem;
  width: 0.05rem;
  height: 0.05rem;
  text-align: center;
  background: #dcdcdc;
  cursor: pointer;
  border-radius: 100%;
  overflow: hidden;
  color: #dcdcdc;
}

.slidemouth .hd ul li.on {
  background: #0066ff;
  color: #0066ff;
}

.slidemouth .bd {
  width: 100%;
  height: 1.14rem;
  overflow: hidden;
}

.slidemouth .bd ul {
  overflow: hidden;
  zoom: 1;
}

.slidemouth .bd ul li {
  width: 23.7%;
  height: 1.06rem;
  text-align: left;
  -webkit-transition: 0.4s;
  float: left;
  margin-bottom: 0.14rem;
  background-color: #fff;
  margin-right: 10px;
}
.slidemouth .bd ul li a,.mySwiper007 .swiper-slide li a{
	display: block;
}
.slidemouth .bd ul li a img,.mySwiper007 .swiper-slide li a img{
	width: 100%;
	display: block;
}
.tempWrap{
	width: 6.92rem !important;
}
.slidemouth .bd ul li b ,.mySwiper007 .swiper-slide li b{
  font-size: 0.11rem;
  display: block;
  color: #000;
  padding-left: 0.1rem;
  margin-top: 0.04rem;
  margin-bottom: 0.04rem;
  line-height: inherit;
}

.slidemouth .bd ul li p,.mySwiper007 .swiper-slide li p {
  font-size: 0.1rem;
  color: #f54332;
  padding-left: 0.1rem;
  display: flex;
  justify-content: start;
  align-items: center;
  margin-top: 0.06rem;
}

.slidemouth .bd ul li p img ,.mySwiper007 .swiper-slide li p img{
  margin-right: 0.08rem;
  width: 0.14rem;
}

.slidemouth .bd ul li:hover {
  box-shadow: 0 0.08rem 0.2rem rgba(0, 0, 0, 0.06);
  -webkit-transition: 0.4s;
}
.salary{
	width: 100%;
	height: auto;
	text-align: center;
	margin-top: 0.3rem;
}
.salary span{
	font-size: 0.28rem;
	color: #fff;
	line-height: 0.33rem;
	display: block;
	margin-bottom: 0.36rem;
}
.salary span i{
	color: #005aff;
}
.salary span em{
	color: #2aceed;
}
.salary img{
	width: 86.4%;
}
.box-five{
	width: 100%;
	height: 23.31rem;
	background: url(../images/backage04.jpg) top no-repeat;
	background-size: 100% 100%;
}
.six-hold{
	width: 92.267%;
	height: auto;
	margin: 0 auto;
	padding-top: 0.36rem;
}
.mySwiper-a .swiper-slide{
	text-align: center;
	font-size: 0.22rem;
	color: #fff;
	height: 0.42rem;
	line-height: 0.42rem;
	width: 1.82rem !important;
	font-weight: bold;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	background:url(../images/t27.png) top no-repeat;
	position: relative;
	cursor: pointer;
	margin: 0 0.81rem;
}
.mySwiper-a{
	width:100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0.18rem;
}
.mySwiper-b {
	height: 5.39rem;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.mySwiper-b .swiper-slide{
	width: 100%;
	opacity: 1;
	position: relative;
}
.box-intelligent{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	margin-bottom: 0.2rem;
}
.mySwiper-a .swiper-slide-thumb-active{
	background:url(../images/t28.png) top no-repeat;
	background-size: 100% 100%;
}
.mySwiper-b .swiper-slide li span{
	font-size: 0.17rem;
	color: #fff;
	background: url(../images/t35.png) top no-repeat;
	background-size: 100% 100%;
	height: 0.28rem;
	line-height: 0.28rem;
	display: block;
	margin-top: 0.1rem;
}
.box-intelligent img{
	height: 1.52rem;
}
.box-change02 img{
	height: 4.58rem;
}
.box-f-img{
	width: 92.267%;
	margin: 0 auto;
	display: block;
	margin-top: 0.36rem;
	margin-bottom: 0.82rem;
}
.mySwiper05 .swiper-slide{
	text-align: center;
	height: 5.05rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.mySwiper05 .swiper-pagination-bullet{
	width: 0.09rem;
	height: 0.09rem;
	margin: 0 0.12rem !important;
	background-color: #e2e2e2;
	border-radius: 100%;
}
.mySwiper05 .swiper-pagination-bullet-active{
	background-color: #6466ff;
}
.mySwiper05 .swiper-pagination{
	bottom: 0.16rem;
	display: flex;
	justify-content: center;
	width: 100%;
}
.mySwiper05{
	width: 92.267%;
	height: 5.05rem;
	margin: 0 auto;
	margin-top: 0.36rem;
	position: relative;
}
.box-margin{
	margin-top: 0.36rem;
}
.box-five-add{
	width: 100%;
	background: url(../images/backage05.jpg) top no-repeat;
	background-size: 100% 100%;
	height: 24.5rem;
}
.box-six{
	width: 100%;
	background: url(../images/backage06.jpg) top no-repeat;
	background-size: 100% 100%;
	height: 18.83rem;
}
.box-last{
	display: block;
	width: 100%;
}
.mySwiper01 .swiper-button-next:after, .mySwiper01 .swiper-rtl .swiper-button-prev:after,.mySwiper01 .swiper-button-prev:after, .mySwiper01 .swiper-rtl .swiper-button-next:after,.mySwiper02 .swiper-button-next:after, .mySwiper02 .swiper-rtl .swiper-button-prev:after,.mySwiper02 .swiper-button-prev:after, .mySwiper02 .swiper-rtl .swiper-button-next:after,.mySwiper03 .swiper-button-next:after, .mySwiper03 .swiper-rtl .swiper-button-prev:after,.mySwiper03 .swiper-button-prev:after, .mySwiper03 .swiper-rtl .swiper-button-next:after{
	content: none;
}
.mySwiper007 .swiper-slide{
	text-align: center;
	height: 1.2rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.mySwiper007 .swiper-slide li{
	width: 23.7%;
	height: 1.06rem;
	text-align: left;
	float: left;
	margin-bottom: 0.14rem;
	background-color: #fff;
	margin-right: 0.12rem;
}
.mySwiper007 .swiper-slide li:nth-child(4){
	margin-right: 0;
}
.mySwiper007 .swiper-pagination-bullet{
	width: 0.05rem;
	height: 0.05rem;
	margin: 0 0.08rem !important;
	background-color: #dcdcdc;
	border-radius: 100%;
	opacity: 1;
}
.mySwiper007 .swiper-pagination-bullet-active{
	background-color: #0066ff;
}
.mySwiper007 .swiper-pagination{
	bottom: 0.06rem;
	display: flex;
	justify-content: center;
	width: 100%;
}
.mySwiper007{
	width: 92.267%;
	height: 1.3rem;
	margin: 0 auto;
	margin-top: 0.35rem;
	position: relative;
}