@charset "gb2312";
/* CSS Document */


.java-min1200 {
	width: 100%;
	height: auto;
	margin: 0 auto;
	min-width: 1205px;
	text-align: center;
	overflow: hidden;
	background-color: #fff;
}
.java-banner {
	width: 100%;
	height:auto;
	position: relative;
	/* background: url(../images/banner.jpg) top no-repeat;
	background-size: 100% 100%; */
}
.banner-img02{
	width: 100%;
	display: block;
}
.banner-img{
	display: block;
	width: 100%;
}
.java-banner a{
	display: block;
}
.banner-link{
	width: 100%;
}
.hold-wite{
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align: center;
	position: relative;
	min-width: 1205px;
	background-color: #fff;
}
.high-first{
	width: 100%;
	height: auto;
	background-color: #f3f8fc;
	padding-bottom: 60px;
}
.high-title{
	text-align: center;
	width: 100%;
	height: auto;
	margin: 0 auto;
	margin-bottom: 40px;
	position: relative;
	z-index: 1;
	padding-top: 66px;
}
.t-l{
	width: 150px;
	height: 62px;
}
.t-r{
	width: 151px;
	height: 60px;
}
.high-title h1{
	font-size: 48px;
	color: #000;
	text-align: center;
}
.high-title h1 span{
	color: #0b40fe;
}
.cq-first-list{
	width: 1100px;
	height: auto;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.cq-first-list li{
	width: 210px;
}
.cq-first-list li div{
	width: 210px;
	height: 300px;
	border-radius: 10px;
	background-color: #fff;
	position: relative;
	margin-bottom: 28px;
}
.cq-first-list li div img{
	display: block;
	margin:0 auto;
	padding-top: 56px;
	margin-bottom: 30px;
}
.cq-first-list li div span{
	font-size: 22px;
	color: #000000;
	display: block;
	margin-bottom: 10px;
}
.cq-first-list li div i{
	display: block;
	width: 24px;
	height: 3px;
	border-radius: 10px;
	background-color: #5e98ff;
	margin: 0 auto;
}
.cq-first-list li div em{
	font-style: normal;
	font-size: 14px;
	color: #666;
	text-align: left;
	display: block;
	margin-left: 24px;
	width: 170px;
	margin-top: 16px;
	line-height: 24px;
}
.cq-first-list li div b{
	position: absolute;
	width: 210px;
	height: 300px;
	left: 0;
	top: 0;
	z-index: 2;
	opacity: 0;
	background: url(../images/cq02.png) center no-repeat;
	background-size: 100% 100%;
	-webkit-transition: 0.4s;
}
.cq-first-list li:hover div b{
	opacity: 1;
	-webkit-transition: 0.4s;
}
.cq-first-list li:nth-child(2) div b{
	background: url(../images/cq04.png) center no-repeat;
	background-size: 100% 100%;
}
.cq-first-list li:nth-child(3) div b{
	background: url(../images/cq06.png) center no-repeat;
	background-size: 100% 100%;
}
.cq-first-list li:nth-child(4) div b{
	background: url(../images/cq08.png) center no-repeat;
	background-size: 100% 100%;
}
.cq-first-list li:nth-child(5) div b{
	background: url(../images/cq10.png) center no-repeat;
	background-size: 100% 100%;
}
.cq-first-list li p{
	font-size: 18px;
	color: #fff;
	border-radius: 10px;
	margin: 0 auto;
	width: 180px;
	line-height: 42px;
	background: linear-gradient(to bottom,#093efe,#49c4f7);
	text-align: center;
}

.seand-page{
	width: 100%;
	height: auto;
	background: #fff;
	position: relative;
	padding-bottom: 80px;
}

.add-color{
	width: 100%;
	height: auto;
	margin: 0 auto;
	background-color: #fff;
	padding-bottom: 60px;
}
.three-img01{
	margin-bottom: 56px;
}
.show_logo ul{
    width:5000px;
}
.show_logo li{
    float: left;
}
.show_logo{
    width:100%;
    margin: 0 auto;
    overflow:hidden;
    position: relative;
}
@keyframes span {
    0%{

        transform: translate3D(-10%,0,0);
    }
    100%{
        transform: translate3D(0,0,0)
    }
}
@-webkit-keyframes  span{
    0%{

        trtransform: translate3D(-10%,0,0);
    }
    100%{
        transform: translate3D(0,0,0)
    }
        }
.show_logo ul{
    animation-name: span;
    animation-duration:9s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.show_logoa ul{
    animation-name: span;
    animation-duration:7s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}
.show_logo_mask{
    position: absolute;
    left: 0;
    z-index: 10;
}
.show_logo_masks{
    position: absolute;
    right: 0;
    z-index: 10;
    transform: rotate(180deg);
}

.slideTxtBox .bd{
	height: auto;
	width: 1100px;
	margin-left: auto;
	display: table;
	margin-right: auto;
}
.slideTxtBox .bd ul{
	width: 100%;
	opacity: 1;
	position: relative;
}
.slideTxtBox .hd li.on {
	background: #1046fe;
	border-radius: 60px;
	color: #fff;
}
.hf-add{
	width: 1205px;
	height: auto;
	margin: 0 auto;
	padding-top: 20px;
}
.hd ul{
	width: 1100px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: center;
	margin-bottom: 40px;
}
.hd li {
	text-align: center;
	font-size: 24px;
	color: #000;
	height: 46px;
	line-height: 46px;
	width: 150px !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;
	position: relative;
	cursor: pointer;
	margin:0 35px;
}
.swi-01{
	width: 100%;
	margin: 0 auto;
}
.cq-seand{
	width: 100%;
	height: 730px;
	background: url(../images/cq15.jpg) center no-repeat;
	background-size: 100% 100%;
}
.cq-seand .high-title h1{
	color: #fff;
}
.cq-s-center{
	width: 1100px;
	height: auto;
	margin: 0 auto;
	background-color: #86bdff;
	box-sizing: border-box;
	padding:29px;
	display: flex;
	justify-content: space-between;
}
.cq-s-list{
	width: 648px;
	height: auto;
}
.cq-s-list li{
	height: 88px;
	width: 100%;
	display: flex;
	justify-content: start;
}
.cq-s-list li:nth-child(odd){
	background: linear-gradient(to right,#0072ff,#00c6ff);
	border: 1px #38f4ff solid;
	margin-bottom: 13px;
}
.cq-s-list li:nth-child(even){
	background: linear-gradient(to right,#f8b500,#fceabb);
	border: 1px #fff100 solid;
}
.cq-s-list li:nth-child(2){
	height: 106px;
	margin-bottom: 13px;
}
.cq-s-list li img{
	margin-left: 8px;
	margin-right: 10px;
	margin-top: 24px;
	width: 18px;
	height: 11px;
}
.cq-s-list li p{
	color: #fff;
	font-size: 14px;
	text-align: left;
}
.cq-s-list li b{
	display: block;
	font-size: 22px;
	padding-top: 16px;
	margin-bottom: 6px;
}
.cq-s-list li:nth-child(even) p{
	color: #000;
}
.high-title p{
	font-size: 20px;
	margin-top: 14px;
}
.cq-last{
	width: 100%;
	background: url(../images/cq19.jpg) center no-repeat;
	background-size: 100% 100%;
	height: 854px;
}
.cq-l-list{
	width: 1100px;
	height: auto;
	display: table;
	margin: 0 auto;
}
.cq-l-list li{
	width: 350px;
	height: 240px;
	float: left;
	background: url(../images/cq20.png) center no-repeat;
	background-size: 100% 100%;
	margin-bottom: 16px;
	box-shadow: 0 8px 20px rgba(38,134,253,0.24);
	border-radius: 18px;
	margin-right: 25px;
}
.cq-l-list li:nth-child(3),.cq-l-list li:nth-child(6){
	margin-right: 0 !important;
}
.cq-l-list li img{
	display: block;
	margin: 0 auto;
	padding-top: 64px;
	margin-bottom: 16px;
}
.cq-l-list li p{
	font-size: 22px;
	color: #051258;
}
/*方向迷茫*/
.direction-first{
	width: 1100px;
	height: auto;
	margin: 0 auto;
	background-color: #fff;
}
.direction-first h1{
	font-size: 48px;
	color: #0b40fe;
	text-align: left;
	padding-top: 50px;
	margin-bottom: 34px;
}
.direction-first h1 p{
	font-size: 22px;
	color: #000;
	margin-top: 8px;
}
.direction-first a{
	font-size: 18px;
	color: #fff;
	display: block;
	margin: 0 auto;
	background: linear-gradient(to bottom, #ff8d23,#f95d3a);
	border-radius: 10px;
	width: 240px;
	line-height: 42px;
	margin-top: 20px;
	margin-bottom: 80px;
}
.direction-seand{
	width: 100%;
	height: 632px;
	background: url(../images/dir02.jpg) center no-repeat;
	background-size: 100% 100%;
}
.dir-s-list{
	width: 1100px;
	height: 375px;
	background-color: #fff;
	margin: 0 auto;
	display: flex;
	justify-content: center;
}
.dir-s-list li{
	width: 366px;
	height: auto;
}
.dir-s-list li:nth-child(1),.dir-s-list li:nth-child(2){
	border-right: 2px #edf0fa solid;
}
.dir-s-list li img{
	display: block;
	margin-top: 66px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}
.dir-s-list li span{
	display: block;
	font-size: 22px;
	color: #000;
	margin-bottom: 27px;
}
.dir-s-list li i{
	display: block;
	margin: 0 auto;
	width: 24px;
	height: 3px;
	background-color: #fe8e25;
	margin-bottom: 18px;
}
.dir-s-list li p{
	font-size: 14px;
	color: #666;
	line-height: 24px;
	width: 282px;
	margin: 0 auto;
	text-align: left;
}
.dir-three{
	width: 1200px;
	height: auto;
	margin: 0 auto;
	padding-bottom: 70px;
}
.dir-t-top{
	width: 100%;
	height: auto;
	position: relative;
}
.dir-t-img01{
	position: absolute;
	top: 79px;
	left: 93px;
	z-index: 2;
}
.dir-t-img01 img,.dir-t-img02 img,.dir-t-img03 img,.dir-t-img04 img{
	display: block;
	margin: 0 auto;
	margin-bottom: 10px;
}
.dir-t-img01 span,.dir-t-img02 span,.dir-t-img03 span,.dir-t-img04 span{
	font-size: 26px;
	font-weight: bold;
	background: linear-gradient(to right, #4dbcfb, #001bd9);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.dir-t-img02{
	position: absolute;
	top: -11px;
	left: 388px;
	z-index: 2;
}
.dir-t-img03{
	position: absolute;
	top: 28px;
	left: 684px;
	z-index: 2;
}
.dir-t-img04{
	position: absolute;
	top: -32px;
	right: 96px;
	z-index: 2;
}
.dir-t-back{
	width: 1196px;
	height: auto;
	background: url(../images/dir10.png) top no-repeat;
	margin: 0 auto;
	margin-top: 210px;
	
}
.dir-t-list{
	width: 100%;
	height: auto;
	display: flex;
	justify-content: start;
}
.dir-t-list li{
	margin: 0 20px;
	text-align: left;
}
.dir-t-list li p{
	margin-bottom: 26px;
}
.dir-t-list li p span{
	background: linear-gradient(to right, #4dbcfb, #001bd9);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 12px;
	display: inline-block;
}
.dir-t-list li p em{
	display: block;
	font-style: normal;
	font-size: 14px;
	line-height: 24px;
}
.dir-t-list li:nth-child(1){
	padding-top: 174px;
}
.dir-t-list li:nth-child(2){
	padding-top: 70px;
}
.dir-t-list li:nth-child(3){
	padding-top: 114px;
}
.dir-t-list li:nth-child(4){
	padding-top: 60px;
}
.dir-t-list li:nth-child(4) p{
	margin-bottom: 10px;
}
.dir-four{
	width: 100%;
	height: auto;
	background-color: #f3f8fc;
	padding-bottom: 70px;
}
.dir-f-tab{
	width: 1100px;
	height: 66px;
	margin: 0 auto;
	background: linear-gradient(to right, #2272f2, #85b2f7);
	border-radius: 10px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}
.dir-f-tab div{
	font-size: 30px;
	color: #fff;
	font-weight: bold;
	height: 66px;
	line-height: 66px;
}
.dir-f-tab div:nth-child(1),.stu_list li p:nth-child(1){
	width: 114px;
	border-right: 3px #fff solid;
}
.dir-f-tab div:nth-child(2),.stu_list li p:nth-child(2){
	width: 80px;
	border-right: 3px #fff solid;
}
.dir-f-tab div:nth-child(3),.stu_list li p:nth-child(3){
	width: 240px;
	border-right: 3px #fff solid;
}
.dir-f-tab div:nth-child(4),.stu_list li p:nth-child(4){
	width: 300px;
	border-right: 3px #fff solid;
}
.dir-f-tab div:nth-child(5),.stu_list li p:nth-child(5){
	width: 146px;
	border-right: 3px #fff solid;
}
.dir-f-tab div:nth-child(6),.stu_list li p:nth-child(6){
	width: 210px;
}

#stu_work2 {
    width: 1100px;
    margin: 0 auto;
    height: 680px;
    overflow: hidden;
	margin-bottom: 68px;
}
.myscroll {
  width: 1100px;
  height: auto;
  margin: 0 auto;
}
.stu_list{
	width:100%;
	height: auto;
	margin: 0 auto;
}
.stu_list li{
	width:1100px;
	height: 68px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
.stu_list li p{
	font-size: 22px;
	color: #000;
}
.stu_list li:nth-child(odd){
	height: 68px;
	line-height: 68px;
}
.stu_list li:nth-child(even){
	height:68px;
	line-height: 68px;
	background-color: #bbdaff;
	border-radius: 10px;
}
.b-color{
	background: none;
}
.b-color2{
	background-color: #bbdaff;
}

/*技能断层*/
.skill-first a{
	background: linear-gradient(to bottom, #60b2f8, #0575e6);
}
.skill-seand{
	background: url(../images/skill02.jpg) center no-repeat;
	background-size: 100% 100%;
}
.skill-three{
	background: url(../images/skill06.jpg) center no-repeat;
	background-size: 100% 100%;
	width: 100%;
	height: 922px;
}
.mySwiper8 {
	width: 298px;
	margin: 0 auto;
	float: left;
	display: flex;
	justify-content: center;
	align-items: center;
}
.add-kuang{
	width: 1100px;
	height: auto;
	margin: 0 auto;
}
.mySwiper8 .swiper-slide {
	text-align: center;
	color: #000;
	/* 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;
	float: left;
	margin-bottom: 74px;
	font-size: 28px;
	width: 100% !important;
	line-height: 112px;
	border-radius: 30px;
	position: relative;
	cursor: pointer;
}
.mySwiper8 .swiper-slide:nth-child(4){
	margin-bottom: 0;
}
.mySwiper8 .swiper-slide:nth-child(1) i{
	margin-right: 20px;
	background: url(../images/skill08.png) center no-repeat;
	width: 31px;
	height: 31px;
}
.mySwiper8 .swiper-slide:nth-child(2) i{
	margin-right: 20px;
	background: url(../images/skill10.png) center no-repeat;
	width: 26px;
	height: 24px;
}
.mySwiper8 .swiper-slide:nth-child(3) i{
	margin-right: 20px;
	background: url(../images/skill12.png) center no-repeat;
	width: 28px;
	height: 26px;
}
.mySwiper8 .swiper-slide:nth-child(4) i{
	margin-right: 20px;
	background: url(../images/skill14.png) center no-repeat;
	width: 27px;
	height: 26px;
}

.mySwiper8 .swiper-slide.swiper-slide-thumb-active{
	background:#fff;
	color: #0b40fe;
	box-shadow: 0 10px 18px rgba(217,227,238,0.5);
}
.mySwiper8 .swiper-slide:nth-child(1).swiper-slide-thumb-active i{
	background: url(../images/skill09.png) center no-repeat;
}
.mySwiper8 .swiper-slide:nth-child(2).swiper-slide-thumb-active i{
	background: url(../images/skill11.png) center no-repeat;
}
.mySwiper8 .swiper-slide:nth-child(3).swiper-slide-thumb-active i{
	background: url(../images/skill13.png) center no-repeat;
}
.mySwiper8 .swiper-slide:nth-child(4).swiper-slide-thumb-active i{
	background: url(../images/skill15.png) center no-repeat;
}
.mySwiper8 .swiper-wrapper{
    transform: none !important;
    display: table !important;
}
.skill-t-list{
	width: 615px;
	height: auto;
	margin: 0 auto;
	padding-top: 74px;
}
.skill-t-list li{
	width: 100%;
	height: 134px;
	border-radius: 26px;
	margin-bottom: 10px;
	background-color: #fff;
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: start;
	box-sizing: border-box;
	padding:0 23px;
}
.skill-t-list li span{
	display: block;
	font-weight: bold;
	font-size: 18px;
	color: #000;
	margin-bottom: 12px;
}
.skill-t-list li p{
	font-size: 14px;
	color: #666;
	line-height: 18px;
	margin-bottom: 6px;
}
.skill-t-list li p i{
	font-weight: bold;
}
.mySwiper9 .swiper-slide:nth-child(4) .skill-t-list li span{
	margin-bottom: 10px;
}
.mySwiper9 .swiper-slide:nth-child(4) .skill-t-list li p{
	margin-bottom: 0px;
}
.mySwiper9{
	float: right;
	width: 773px;
	height: 746px;
	margin: 0 auto;
	overflow: hidden;
	background: url(../images/skill07.png) top no-repeat;
	background-size: 100% 100%;
}
.mySwiper9 .swiper-slide {
	/* height: calc(100vh - 50px); */
	height: 746px;
	text-align: center;
	box-sizing: border-box !important;
}
/*求职技巧*/
.job-first a{
	background: linear-gradient(to bottom, #87c9ff, #1493fa);
}
.job-seand{
	background: url(../images/job02.jpg) center no-repeat;
	background-size: 100% 100%;
}
.job-seand .dir-s-list li img{
	margin-top: 42px;
}
.job-three{
	background-color: #f5f8ff;
	width: 100%;
	padding-bottom: 0;
}
.intelligent-tutoring-system {
    margin: 0 auto;
    max-width: 1920px;
    min-width: 1200px;
}
.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 10px;
    width: 360px;
    height: 66px;
    line-height: 66px;
    border-radius: 33px;
    font-size: 22px;
    color: #585858;
    border: 2px solid #b4b2ff
}

.intelligent-tutoring-system .intelligent-tutoring-system-main .intelligent-tutoring-system-tabs .is-intelligent {
    color: #fff;
    background: #b4b2ff
}

.intelligent-tutoring-system .intelligent-tutoring-system-main .intelligent-tutoring-system-content {
    padding: 80px 0;
    padding-left: 50px;
    box-sizing: border-box;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 1200px
}

.intelligent-tutoring-system .intelligent-tutoring-system-main .intelligent-tutoring-system-content .intelligent-tutoring-system-contentLeft {
    width: 355px;
    text-align: left
}

.intelligent-tutoring-system .intelligent-tutoring-system-main .intelligent-tutoring-system-content .intelligent-tutoring-system-contentLeft .contentLeftTitle {
    margin-bottom: 30px;
    font-size: 22px;
    color: #585858
}

.intelligent-tutoring-system .intelligent-tutoring-system-main .intelligent-tutoring-system-content .intelligent-tutoring-system-contentLeft .contentLeftIntroduction {
    line-height: 28px
}
.intelligent-tutoring-system .intelligent-tutoring-system-main .intelligent-tutoring-system-content .intelligent-tutoring-system-contentLeft .contentLeftIntroduction li {
    font-size: 14px;
    color: #000
}
.contentLeftIntroduction li div img{
	margin-right: 10px;
	position: relative;
	top: 2px;
}

.intelligent-tutoring-system .intelligent-tutoring-system-main .intelligent-tutoring-system-content .intelligent-tutoring-system-contentLeft .contentLeftIntroduction li .intelligentText {
    color: #0b40fe
}

.intelligent-tutoring-system .intelligent-tutoring-system-main .intelligent-tutoring-system-content .intelligent-tutoring-system-contentRight {
    width: 760px;
    border-radius: 6px;
    background: #f8f9fd
}

.intelligent-tutoring-system .intelligent-tutoring-system-main .intelligent-tutoring-system-content .intelligent-tutoring-system-contentRight .custom-carousel img {
    width: 700px;
    height: 100%;
    border-radius: 6px;
    box-shadow: 0 0 10px 0 rgba(140,142,142,.6)
}

.intelligent-tutoring-system .intelligent-tutoring-system-main .intelligent-tutoring-system-content .intelligent-tutoring-system-contentRight .custom-carousel .el-carousel__arrow {
    top: 50%;
    width: 49px;
    height: 49px;
    font-size: 24px;
    transform: translateY(-50%)
}

.intelligent-tutoring-system .intelligent-tutoring-system-main .intelligent-tutoring-system-content .intelligent-tutoring-system-contentRight .custom-carousel .el-carousel__arrow .el-icon-arrow-left,.intelligent-tutoring-system .intelligent-tutoring-system-main .intelligent-tutoring-system-content .intelligent-tutoring-system-contentRight .custom-carousel .el-carousel__arrow .el-icon-arrow-right {
    display: none
}

.intelligent-tutoring-system .intelligent-tutoring-system-main .intelligent-tutoring-system-content .intelligent-tutoring-system-contentRight .custom-carousel .el-carousel__arrow--left {
    left: 0;
    background: url(data:image/png;base64,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) no-repeat 50%;
    background-size: 100% 100%
}

.intelligent-tutoring-system .intelligent-tutoring-system-main .intelligent-tutoring-system-content .intelligent-tutoring-system-contentRight .custom-carousel .el-carousel__arrow--right {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAA0CAYAAAAnpACSAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGwklEQVRogc2aa0xURxiGn70AglJRIUrRqnhBBTQIkYIaq9UG6oXWS1qjTZumav2hppqo6a/+JCamiabRWo21XtrUxqbYiDbS1mpVCKIF17tWsYs3QBFBAVn645vjWXBvZ8+CvsnJ7JkzO9/7njOXb2Y+S86aNkKEcOB1YCKQDCQBCUBvIAxoAWoBJ3ARcADHgBNAc7BGC/P13/ZgK1EIA94CPgTeBrr7KdtXXWPd8huAA8BO4CAiOigEK6YbsAhYDfR3y38AVCFfoE4RbUHefDgiqDvQE/lirwIxwDx1/QesA74BnhglFYyYecCXSBNCkb4MXAUaffyvWV0NwF23/ChgCDAMeTEbgDXAZ8BeI8SMiIkDtgPT1X0tcAa4YcSgBzQCFep6DUhDXtSPQCHwEe3Fe0WgYiYC3ysjzUApcAkI2eihUAncBIYDGUAuUAbMB476+7M1AAMfAIcRIbeBfchoFGohGtpU/fuUvQSgSPHwCX9iFgE7kM7rAA4Bj80wNYDHyp4DGTh2KD5e4UvMAmAzYEGaVQngCgnNwOFSdksVj82Kl0d4EzMO2Kaen0I654tEheJhRXiN81TIk5hewE9ABHABKO8kgkZRjvCJQPj16ljAk5gNwADgHlDcmeyCQDHCawDCsx06ipkMLERm7SN0fR/xBxfCqwXhOdn9obsYG7racqC+K9gFgXr0pr8hdy027YG7mPeBFFXYYdRCt3C90i6AA+GZgvAG2otZpdIKoNVo7Svnkf7OeAaaYWgArehfR+P9TEwW4hM1Ik6jYfxWytUlM5ny1QpyUgYTY4JooLiCTKxpuWvJAl3MQrcCQXX60ovUXKuiKjGe+HWLyft8AeN6RxNumrJ3uBBPHZSro4nJU+m/Zmrfd0w+vcWCdWIqyVtWMnvhVIZZrVjM1OsD11Q6C0SMtrxtQNz6oFFUxq2qGqq1++6RRC6YyoQtK5meOZI4M3V7QQ3SNRJy15JkGzrhiznATMT9rjRbu9VCU0YSg93zXomi+6QxDBs5kB6O69xteMJTs3bcEIt4Aw4rMEZlVnsvHzgKTlBZW09dx3yLBUv6cIZ9vZI5i2cwym4LaPkRCLSFW6oVWQgBPAxFzS4XbYXF3h3TiDDC351A5vbV5E1OIz4EJjXeSVYgUd2EbMbfe4Sr9Y00+CoT25OY1e+Rs34pkwf187mr4w+amEQrPOuYIVt0NbXgKioLzIsYNZBBG5cxZ8VsxkRFBOVFaLzjrEC0ugl6v8oTzldSE2hZuw1bzjjGbllFXt9edDNoShtMepjdBPSKmVmMMFL+WhXOTfspuXPf8H6ZNpA025G+Eo2+hWoaCbFEjRwYmJ9W18CjPUWUFBwPessqTKX1dmSxEw1EEiIx86cwwmb1PfQ+baW1qIzyLb9S0dhk3LF1g+Yy1dkRFyYREWR6eI6KwJadQpKvMuducGPjzxRfv+17xAsQr6j0uh3Zo3pTZTrN1jx3EkMiwz134uo6Hnx7iJNFZdwya8cNmpgLduAfdRNrtlaLBaalk9wxv6mF5oMlnNl6gPNPW0O+FNemlgo7sqYGzM/G09JJiO2pr2Xa2qDsMpc3FXDKWd1pm4ca7yNaM3OiHwwF7TnPyta/SlUN1VsPcPKEg3tmmPpBH+QUwVmYz3ltnikAlgKDCVJMymBiEuNJeNzEk31HKd3zO1dcrk7bj9ageef7QT8F2IWIGQqcJojVZt54kv52cG7TL5yurQ/+WM8ArAhfkFO3Z2KOIyLSVIFLRmvefZizIRpqA8VQZG48XZjPcWi/O7NepaPBuMPXxUJsQKr6rfFuJ+YH4CwyeT43vL5kSEbml7MIb6C9mFZgufo9Gt2bftkQjfADWF6Yr7tCHf2nP4A9iPM2ycPzFw0rwisM2I3wbfewI5Yh54pxQGZnszOITITXTfRW9AyexNQix+PNwAj0T/qiMRrh0wzMxcN86K0ZFQMfI4el6egjx4tCquLRhvAq8VTIV5/YDSxRFWQgR29d3Yesym6G4vGp4uUR/pbNWtjHNmQ47AP8SdecOEcCbwD9kEXjJ8B3vv4QyJveiax3nKri2ciWbmftH1tU/bOVPaey71MIBN5sjiJtthBZpmYDM5CzxVCiv6o3W9kpRJqY3+gMMBY7cwcJw3IPBJpK4IFA3uAeCNRT5Tnp5EAgDXsRl9s9RCtDXfeBW8iw+QA9RKsFmei0EK0YZO0UT/sj8C4P0UIZ2ohETOQghz3TFbHnzuf9oBEJntul0i4PntPQgnyl/Ugbz0IioEYhE1xfoAfiFD4EHiHN9SJwDvgLk2GN7vgf72K6INFmWagAAAAASUVORK5CYII=) no-repeat 50%;
    background-size: 100% 100%;
    right: 0
}

.intelligent-tutoring-system .intelligent-tutoring-system-main .intelligent-tutoring-system-content .intelligent-tutoring-system-contentRight .custom-indicators {
    display: flex;
    justify-content: center;
    margin-top: 30px
}

.intelligent-tutoring-system .intelligent-tutoring-system-main .intelligent-tutoring-system-content .intelligent-tutoring-system-contentRight .custom-indicators .dot {
    cursor: pointer;
    width: 10px;
    height: 10px;
    margin: 0 4px;
    background-color: #e2e2e2;
    border-radius: 50%;
    transition: background-color .3s
}

.intelligent-tutoring-system .intelligent-tutoring-system-main .intelligent-tutoring-system-content .intelligent-tutoring-system-contentRight .custom-indicators .active {
    background-color: #124fff
}
.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 42px;
    width: 310px;
    height: 70px;
    line-height: 70px;
    border-radius: 33px;
    font-size: 26px;
    color: #000;
    border: 2px solid #1286fb;
	text-align: center;
	background-color: #d8ecff;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
}

.intelligent-tutoring-system .intelligent-tutoring-system-main .intelligent-tutoring-system-tabs .hover {
    color: #fff;
    background: url(../images/job06.png) center no-repeat;
	cursor: pointer;
	border: none;
}
.intelligent-tutoring-system .intelligent-tutoring-system-main .intelligent-tutoring-system-tabs img{
	display: none;
	margin-left: 6px;
}
.intelligent-tutoring-system .intelligent-tutoring-system-main .intelligent-tutoring-system-tabs .hover img{
	display: list-item;
}
.intelligent-tutoring-system .intelligent-tutoring-system-main .intelligent-tutoring-system-content {
    padding: 80px 0;
    padding-left: 50px;
    box-sizing: border-box;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 1200px
}

.intelligent-tutoring-system .intelligent-tutoring-system-main .intelligent-tutoring-system-content .intelligent-tutoring-system-contentLeft {
    position: relative;
    width: 314px;
    height: 340px;
    text-align: left
}

.intelligent-tutoring-system .intelligent-tutoring-system-main .intelligent-tutoring-system-content .intelligent-tutoring-system-contentLeft .contentLeftTitle {
    margin-bottom: 30px;
    font-size: 22px;
    color: #000
}
.contentLeftTitle img{
	margin-left: 10px;
}

.intelligent-tutoring-system .intelligent-tutoring-system-main .intelligent-tutoring-system-content .intelligent-tutoring-system-contentLeft .contentLeftIntroduction {
    line-height: 42px
}

.intelligent-tutoring-system .intelligent-tutoring-system-main .intelligent-tutoring-system-content .intelligent-tutoring-system-contentLeft .contentLeftIntroduction li .intelligentText {
    color: #0b40fe
}

.intelligent-tutoring-system .intelligent-tutoring-system-main .intelligent-tutoring-system-content .intelligent-tutoring-system-contentLeft .contentLeftIntroduction .intelligentViewDetails a{
    cursor: pointer;
    list-style-type: none;
    position: absolute;
    left: 0;
    bottom: 25px;
    width: 150px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 30px;
    font-size: 16px;
    color: #fff;
    background: #1286fb
}

.intelligent-tutoring-system .intelligent-tutoring-system-main .intelligent-tutoring-system-content .intelligent-tutoring-system-contentRight {
    width: 832px;
    border-radius: 6px
}

.intelligent-tutoring-system .intelligent-tutoring-system-main .intelligent-tutoring-system-content .intelligent-tutoring-system-contentRight .el-carousel__container {
    height: 310px
}

.intelligent-tutoring-system .intelligent-tutoring-system-main .intelligent-tutoring-system-content .intelligent-tutoring-system-contentRight .custom-carousel img {
    width: 776px;
    height: 100%;
    border-radius: 6px;
    box-shadow: 0 0 10px 0 rgba(140,142,142,.6)
}
.mySwiper01 .swiper-slide,.mySwiper02 .swiper-slide,.mySwiper03 .swiper-slide{
	text-align: center;
	height: 310px;
}
.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: 49px;
	height: 49px;
	font-size: 25px;
	transform: translateY(-50%);
}

.mySwiper01 .swiper-slide img,.mySwiper02 .swiper-slide img,.mySwiper03 .swiper-slide img{
	width: 776px;
	height: 100%;
	border-radius: 6px;
	box-shadow: 0 0 10px 0 rgba(140,142,142,.6);
}
.mySwiper01 .swiper-pagination-bullet,.mySwiper02 .swiper-pagination-bullet,.mySwiper03 .swiper-pagination-bullet{
	width: 12px;
	height: 12px;
	margin: 0 12px !important;
}
.mySwiper01 .swiper-pagination,.mySwiper02 .swiper-pagination,.mySwiper03 .swiper-pagination{
	bottom: 0;
}
.mySwiper01,.mySwiper03,.mySwiper02{
	padding-bottom: 32px;
}
.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;
}
.intelligent-tutoring-system .intelligent-tutoring-system-main .intelligent-tutoring-system-content .intelligent-tutoring-system-contentRight .custom-carousel .el-carousel__arrow {
    top: 50%;
    width: 49px;
    height: 49px;
    font-size: 25px;
    transform: translateY(-50%)
}

.intelligent-tutoring-system .intelligent-tutoring-system-main .intelligent-tutoring-system-content .intelligent-tutoring-system-contentRight .custom-carousel .el-carousel__arrow .el-icon-arrow-left,.intelligent-tutoring-system .intelligent-tutoring-system-main .intelligent-tutoring-system-content .intelligent-tutoring-system-contentRight .custom-carousel .el-carousel__arrow .el-icon-arrow-right {
    display: none
}

.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%
}

.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-indicators {
    display: flex;
    justify-content: center;
    margin-top: 30px
}

.intelligent-tutoring-system .intelligent-tutoring-system-main .intelligent-tutoring-system-content .intelligent-tutoring-system-contentRight .custom-indicators .dot {
    cursor: pointer;
    width: 10px;
    height: 10px;
    margin: 0 4px;
    background-color: #e2e2e2;
    border-radius: 50%;
    transition: background-color .3s
}

.intelligent-tutoring-system .intelligent-tutoring-system-main .intelligent-tutoring-system-content .intelligent-tutoring-system-contentRight .custom-indicators .active {
    background-color: #124fff
}
.high-title h1 i{
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background-color: #000000;
	display: inline-block;
	margin: 0 14px;
	position: relative;
	top: -10px;
}

/*经验匮乏*/
.exper-first a{
	background: linear-gradient(to bottom, #94abff, #0b40fe);
}
.exper-seand{
	background: url(../images/exper02.jpg) center no-repeat;
	background-size: 100% 100%;
}
.exper-seand .dir-s-list li img{
	margin-top: 45px;
}
.exper-three{
	background-color: #f5f7fa;
	width: 100%;
	height: auto;
}
.mySwiper1 {
	width: 260px;
	margin: 0 auto;
	float: left;
	display: flex;
	justify-content: center;
	align-items: center;
}
.mySwiper1 .swiper-slide {
	text-align: center;
	color: #000;
	/* 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;
	float: left;
	margin-bottom: 22px;
	font-size: 26px;
	width: 100% !important;
	height: 133px;
	border-radius: 0;
	position: relative;
	cursor: pointer;
	border: 2px #a7cced solid;
	box-sizing: border-box;
}
.mySwiper1 .swiper-slide:nth-child(3){
	margin-bottom: 0;
}
.mySwiper1 .swiper-slide.swiper-slide-thumb-active{
	font-size: 0;
}
.mySwiper1 .swiper-slide:nth-child(1).swiper-slide-thumb-active{
	background:url(../images/exper06.jpg) center no-repeat;
	background-size: 100% 100%;
	border: none;
}
.mySwiper1 .swiper-slide:nth-child(2).swiper-slide-thumb-active{
	background:url(../images/exper13.jpg) center no-repeat;
	background-size: 100% 100%;
	border: none;
}
.mySwiper1 .swiper-slide:nth-child(3).swiper-slide-thumb-active{
	background:url(../images/exper20.jpg) center no-repeat;
	background-size: 100% 100%;
	border: none;
}
.mySwiper1 .swiper-wrapper{
    transform: none !important;
    display: table !important;
}
.mySwiper2{
	float: right;
	width: 796px;
	height: 440px;
	margin: 0 auto;
	overflow: hidden;
	background: #fff;
}
.mySwiper2 .swiper-slide {
	/* height: calc(100vh - 50px); */
	height: 440px;
	text-align: center;
	box-sizing: border-box !important;
}
.exper-list{
	width: 757px;
	height: 400px;
	margin: 0 auto;
	padding-top: 20px;
}
.exper-list li{
	position: relative;
	height: 194px;
	margin-right: 12px;
	margin-bottom: 12px;
	float: left;
}
.exper-list li:nth-child(4),.exper-list li:nth-child(6){
	margin-right: 0;
}
.exper-list li img{
	border-radius: 10px;
}
.exper-list li span{
	font-size: 18px;
	color: #fff;
	position: absolute;
	bottom: 13px;
	left: 0;
	z-index: 2;
	width: 180px;
	text-align: center;
}
.exper-list li em{
	font-size: 16px;
	color: #fff;
	position: absolute;
	top: 6px;
	left: 0;
	z-index: 2;
	width: 244px;
	text-align: center;
}
.mySwiper2 .swiper-slide:nth-child(2) .exper-list li:nth-child(3),.mySwiper2 .swiper-slide:nth-child(2) .exper-list li:nth-child(6),.mySwiper2 .swiper-slide:nth-child(3) .exper-list li:nth-child(3),.mySwiper2 .swiper-slide:nth-child(3) .exper-list li:nth-child(6){
	margin-right: 0;
}
.mySwiper2 .swiper-slide:nth-child(2) .exper-list li:nth-child(4),.mySwiper2 .swiper-slide:nth-child(3) .exper-list li:nth-child(4){
	margin-right: 12px;
}
.exper-list li i{
	font-size: 16px;
	color: #fff;
	position: absolute;
	top: 13px;
	left: 0;
	z-index: 2;
	width: 244px;
	text-align: center;
}

/*资源信息差*/
.infor-first a{
	background: linear-gradient(to bottom, #87c9ff, #1493fa);
}
.infor-seand{
	background: url(../images/info02.jpg) center no-repeat;
	background-size: 100% 100%;
}
.info-add{
	width: 100%;
	background: url(../images/info06.jpg) center no-repeat;
	background-size: 100% 100%;
	height: 746px;
}
.info-width{
	width: 1100px;
	height: auto;
	margin: 0 auto;
}
.info-a-right{
	background: url(../images/info07.png) center no-repeat;
	background-size: 100% 100%;
	width: 667px;
	height: 464px;
	float: right;
	margin-top: 20px;
	position: relative;
}
.info-a-right p{
	font-size: 18px;
	color: #fff;
	line-height: 30px;
	text-indent: 2em;
	text-align: left;
	width: 84%;
	margin: 0 auto;
}
.info-a-right p:nth-child(1){
	padding-top: 40px;
	padding-bottom: 30px;
}
.info-a-last{
	position: absolute;
	bottom: -12px;
	left: 0;
	z-index: 2;
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.info-a-last span{
	font-size: 20px;
	color: #fff;
	background: url(../images/info08.png) center no-repeat;
	width: 195px;
	line-height: 63px;
	text-align: center;
}
.info-three{
	width: 100%;
	height: auto;
	background-color: #f7f8fa;
}
.se-list {
  width: 1100px;
  height: 422px;
  display: table;
  margin: 0 auto;
}

.se-suite {
  float: left;
  width: 550px;
  height: 207px;
  -webkit-transition: 0.4s;
}

.se-suite img {
  margin-right: 14px;
  float: left;
}

.science {
  text-align: left;
  width: 312px;
  height: 209px;
  float: left;
}

.science span {
  font-size: 20px;
  color: #000;
  display: block;
  padding-left: 10px;
  padding-top: 10px;
}

.science p {
  font-size: 12px;
  color: #666;
  margin-top: 10px;
}

.science p i {
  float: left;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: #f54332;
  margin-right: 6px;
  margin-top: 6px;
  margin-bottom: 16px;
}

.science p b {
  color: #333;
}

/* .se-list .se-suite:hover {
  background-color: #fff;
  -webkit-transition: 0.4s;
} */

.science p.sci-hidden {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.web-book {
  width: 1100px;
  height: auto;
  margin: 0 auto;
  display: table;
  padding-bottom: 70px;
}

.web-book li {
  background: url(../images/book_icon_01.jpg) center no-repeat;
  background-size: 100%;
  width: 542px;
  height: 166px;
  position: relative;
  text-align: left;
  -webkit-transition: 0.4s;
  float: left;
  margin-right: 16px;
  margin-top: 16px;
}

.book-mark {
  position: absolute;
  top: 1px;
  left: 1px;
  z-index: 1;
}

.book-img {
  margin-top: 22px;
  margin-left: 52px;
}

.book-note {
  float: right;
  margin-right: 38px;
  width: 314px;
}

.book-note div {
  width: 100%;
  display: table;
}

.book-note em {
  font-size: 16px;
  color: #000;
  display: block;
  padding-left: 10px;
  padding-top: 26px;
  margin-bottom: 18px;
  -webkit-transition: 0.4s;
}

.book-note i {
  float: left;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background-color: #f54332;
  margin-right: 10px;
  margin-top: 10px;
}

.book-note span {
  float: left;
  font-size: 12px;
  color: #666;
  line-height: 22px;
  width: 300px;
}

.book-note b {
  color: #333;
}

.book-note p {
  font-size: 12px;
  color: #666;
  line-height: 22px;
  float: left;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  width: 300px;
}

.web-book li:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
}

.web-book li:hover .book-note em {
  color: #f54332;
  -webkit-transition: 0.4s;
}
.web-mar-r-no {
  margin-right: 0 !important;
}

.web-mar-b-no {
  margin-bottom: 0 !important;
}