/* banner */
#banner { position: relative; width: 100%; height: 460px; }
#banner .swiper-wrapper .swiper-slide { width: 100%; height: 100%; }
#banner .swiper-wrapper .swiper-slide img { display: block;  max-width: 100%; max-height: 100%; }
/*#banner .swiper-wrapper .swiper-slide img { display: block; width: 100%; height: 100%; }*/
.swiper-button-prev, .swiper-button-next { width: 50px; height: 130px; cursor: pointer; }
.swiper-button-prev { position: absolute; left: 0; top: 165px; background: rgba(255, 255, 255, 0.2) url(../images/index/banner_left.png) center center no-repeat; z-index: 666; }
.swiper-button-next { position: absolute; right: 0; top: 165px; background: rgba(255, 255, 255, 0.2) url(../images/index/banner_right.png) center center no-repeat; z-index: 666; }

/* Big data */
.bigdata-wrap { width: 100%; height: 366px; }
.bigdata { width: 1200px; height: 100%; margin: 0 auto; }
.bigdata-title { position: relative; margin-top: 50px; }
.student-title { position: relative; }
.bigdata-title a, .student-title a, .teachpro-title a, .trainpro-title a { display: block; color: #4D4D4D; font-size: 38px; font-weight: 700; text-align: center; }
.bigdata-title span, .student-title span, .teachpro-title span, .trainpro-title span { display: block; color: #747474; font-size: 16px; text-align: center; }
.bigdata-title em, .student-title em, .teachpro-title em, .trainpro-title em { display: block; position: absolute; top: 27px; left: 50%; width: 812px; height: 2px; margin-left: -406px; z-index: 5; }
.bigdata-title em img, .student-title em img, .teachpro-title em img, .trainpro-title em img { display: block; width: 100%; height: 100%; }
.bigdata-con { margin-top: 50px; }
.bigdata-con li { float: left; width: 288px; height: 198px; margin-right: 13px; border: 1px solid #DBDBDB; }
.bigdata-con li.lastli { margin-right: 0; }
.bigdata-con li span { display: block; width: 178px; height: 59px; padding-left: 110px; border-bottom: 1px solid #DBDBDB; line-height: 59px; color: #313131; font-size: 24px; }
.bigdata-con li span.spanbg1 { background: url(../images/index/bigdata_con_01.png) 56px center no-repeat; }
.bigdata-con li span.spanbg2 { background: url(../images/index/bigdata_con_02.png) 56px center no-repeat; }
.bigdata-con li span.spanbg3 { background: url(../images/index/bigdata_con_03.png) 56px center no-repeat; }
.bigdata-con li span.spanbg4 { background: url(../images/index/bigdata_con_04.png) 56px center no-repeat; align-items:center;
justify-content:center;}
.bigdata-con li em { display: block; width: 236px; height: 112px; padding: 26px 30px 0; color: #4F4F4F; font-size: 16px; }
/* student employment info */
.student-wrap { width: 100%; height: 366px; }
.student { width: 1200px; height: 100%; margin: 0 auto; }
.student-title { position: relative; margin-top: 50px; }
.student-title { position: relative; }
.student-title a, .student-title a, .teachpro-title a, .trainpro-title a { display: block; color: #4D4D4D; font-size: 38px; font-weight: 700; text-align: center; }
.student-title span, .student-title span, .teachpro-title span, .trainpro-title span { display: block; color: #747474; font-size: 16px; text-align: center; }
.student-title em, .student-title em, .teachpro-title em, .trainpro-title em { display: block; position: absolute; top: 27px; left: 50%; width: 812px; height: 2px; margin-left: -406px; z-index: 5; }
.student-title em img, .student-title em img, .teachpro-title em img, .trainpro-title em img { display: block; width: 100%; height: 100%; }
.student-con { margin-top: 0px; align-content: center}
/* Teaching program */
.teachpro-wrap { width: 100%; height: 590px; margin-top: 50px; }
.teachpro { width: 1200px; height: 100%; margin: 0 auto; }
.teachpro-title { position: relative; }
.teachpro-con { width: 100%; margin-top: 70px; }
.teachpro-con li { float: left; width: 140px; margin-right: 72px; }
.teachpro-con li span { display: block; width: 100%; height: 140px; }
.teachpro-con li span img { display: block; width: 100%; height: 100%; }
.teachpro-con li em { display: block; margin-top: 10px; color: #474747; font-size: 26px; text-align: center; }
.teachpro-con li.lastli { margin-right: 0; }
.teachpro-con.lastul { margin-top: 72px; }
/* Training project */
.trainpro-wrap { width: 100%; height: 490px; margin-top: 50px; }
.trainpro { width: 1200px; height: 71px; margin: 0 auto; }
.trainpro-title { position: relative; }
.trainpro-con-wrap { position: relative; width: 100%; height: 400px; margin-top: 50px; }
.trainpro-con-wrap1 { position: relative; width: 100%; height: 340px; margin-top: 50px; }
.trainpro-con-wrap img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.trainpro-con-wrap1 img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.trainpro-con { position: absolute; top: 0; left: 50%; width: 1200px; height: 100%; margin-left: -600px; z-index: 3; }
.trainpro-con p { position: absolute; width: 235px; color: #FFF; font-size: 36px; text-align: center; z-index: 2; }
.trainpro-con span { display: block; position: absolute; width: 290px; color: #FFF; font-size: 24px; text-align: center; z-index: 1; }
.trainpro-con p.p1 { top: 5px; left: 200px; }
.trainpro-con p.p2 { top: 5px; right: 200px; }
.trainpro-con p.p3 { top: 110px; left: 200px; }
.trainpro-con p.p4 { top: 110px; right: 200px; }
.trainpro-con p.p5 { top: 215px; left: 200px; }
.trainpro-con p.p6 { top: 215px; right: 200px; }
.trainpro-con p.p7 { top: 310px; right: 500px; }
.trainpro-con span.span1 { top: 55px; left: 170px; }
.trainpro-con span.span2 { top: 55px; right: 170px; }
.trainpro-con span.span3 { top: 160px; left: 170px; }
.trainpro-con span.span4 { top: 160px; right: 170px; }
.trainpro-con span.span5 { top: 265px; left: 170px; }
.trainpro-con span.span6 { top: 265px; right: 170px; }
.trainpro-con span.span7 { top: 370px; right: 473px; }
/* Power Teacher */
.teacher-wrap { width: 100%; margin-top: 100px; }
.teacher-body{text-align: center;margin-top: 50px;}
.teacher { width: 1200px; height: 100%; margin: 0 auto; }
.teacher-img { width: 100%; height: 360px; margin-top: 50px; }
.teacher-img li { display: inline-block; position: relative; width: 230px; height: 100%; margin-right: 60px; }
.teacher-img li.lastli { margin-right: 0; }
.teacher-img li img { display: block; width: 100%; height: 100%; }
.teacher-img li span, .teacher-img li i { display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 40px; line-height: 40px; color: #FFF; font-size: 16px; text-align: center; }
.teacher-img li span { z-index: 3; }
.teacher-img li i { background: rgba(0, 0, 0, 0.6); background: #000 \9; -ms-filter: alpha(opacity=60); z-index: 1; }
.teacher-img li em, .teacher-img li b { display: none; position: absolute; top: 40px; left: 0; width: 210px; height: 310px; padding: 5px 10px 5px; line-height: 25px; color: #FFF; font-size: 16px; overflow: hidden; }
.teacher-img li em { z-index: 3;text-align: left;}
.teacher-img li em2 { z-index: 3;text-align: justify;text-align-last: justify;}
.teacher-img li b { background: rgba(0, 0, 0, 0.6); background: #000 \9; -ms-filter: alpha(opacity=60); z-index: 1; }
.teacher-con { width: 100%; margin: 50px auto 0; }
.teacher-con-left { float: left; width: 890px; }
.teach-video { position: relative; width: 888px; height: 68px; border: 1px solid #EAEAEA; }
.teach-video p, .teacher-info p { margin: 6px 0 0 14px; color: #4E4E4E; font-size: 30px; font-weight: 700; }
.teach-video span, .teacher-info span { display: block; margin-left: 14px; color: #636363; font-size: 14px; }
.teach-video a, .teacher-info a { display: block; position: absolute; top: 40px; right: 20px; color: #636363; font-size: 14px; }
.teach-video-list { width: 100%; height: 344px; margin-top: 7px; }
.teach-video-list li { float: left; width: 290px; height: 162px; margin: 0 10px 10px 0; }
.teach-video-list li.marginr0 { margin-right: 0; }
.teach-video-list li a, .teach-video-list li a img { display: block; width: 100%; height: 100%; }
.teacher-con-right { float: right; width: 290px; }
.teacher-info { position: relative; width: 288px; height: 68px; border: 1px solid #EAEAEA; }
.teacher-info-con { width: 100%; height: 324px; margin-top: 7px; padding-top: 10px; background: #F5F5F5; }
.teacher-info-con li { width: 248px; margin-top: 10px; padding: 0 15px 0 25px; background: url(../images/index/litte_icon.png) 12px center no-repeat; color: #636363; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.teacher-info-con li.firstli { margin-top: 0; }
@media (max-width: 768px) {
    #banner { width: 1200px; margin: 0 auto; }
    .trainpro-con-wrap { width: 1200px; margin: 50px auto; }
	.trainpro-con-wrap1 { width: 1200px; margin: 50px auto; }
    .trainpro-con { left: 0; margin-left: 0; }
    .swiper-button-prev { position: absolute; left: 0; top: 80px; z-index: 666; }
    .swiper-button-next { position: absolute; right: 0; top: 80px; z-index: 666; }
    .bigdata-title { margin-top: -120px; }
}
@media (min-width: 1100px) {
    .swiper-button-prev { position: absolute; left: 0; top: 80px; z-index: 666; }
    .swiper-button-next { position: absolute; right: 0; top: 80px; z-index: 666; }
    .bigdata-title { margin-top: -120px; }
}
@media (min-width: 1280px) {
    .swiper-button-prev { position: absolute; left: 30px; top: 100px; z-index: 666; }
    .swiper-button-next { position: absolute; right: 30px; top: 100px; z-index: 666; }
    .bigdata-title { margin-top: -100px; }
}
@media (min-width: 1366px) {
    .swiper-button-prev { position: absolute; left: 73px; top: 115px; z-index: 666; }
    .swiper-button-next { position: absolute; right: 73px; top: 115px; z-index: 666; }
    .bigdata-title { margin-top: -90px; }
}
@media (min-width: 1440px) {
    .swiper-button-prev { position: absolute; left: 110px; top: 125px; z-index: 666; }
    .swiper-button-next { position: absolute; right: 110px; top: 125px; z-index: 666; }
    .bigdata-title { margin-top: -10px; }
}
@media (min-width: 1680px) {
    .swiper-button-prev { position: absolute; left: 230px; top: 145px; z-index: 666; }
    .swiper-button-next { position: absolute; right: 230px; top: 145px; z-index: 666; }
    .bigdata-title { margin-top: 20px; }
}
@media (min-width: 1920px) {
    .swiper-button-prev { position: absolute; left: 350px; top: 165px; z-index: 666; }
    .swiper-button-next { position: absolute; right: 350px; top: 165px; z-index: 666; }
}