@charset "utf-8";

body {
    font-family: "Microsoft YaHei", Arial, SimSun, sans-serif !important;
    font-weight: normal;
    background-color: #f6f6f6 !important;
}

.banner-out {
    position: relative;
    width: 100%;
    height: 400px;
}

.banner-course-wrap {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -600px;
    width: 1200px;
    height: 0;
    z-index: 3;
}

.banner-course {
    width: 242px;
    height: 400px;
    background-color: #373b45;
}

.banner-course ul {
    margin-top: 20px;
}

.banner-course li:hover {
    background-color: #fff;
}

.banner-course li a {
    display: block;
    position: relative;
    padding-left: 30px;
    width: 212px;
    height: 37px;
    line-height: 37px;
    font-size: 16px;
    color: #fff;
    overflow: hidden;
}

.banner-course li a:hover {
    color: #333;
}

.banner-course li a .iconfont {
    margin-right: 10px;
    font-size: 20px;
}

.banner-course li a span {
    vertical-align: top;
}

.banner-course li a .arrow {
    position: absolute;
    top: 0;
    right: 30px;
}

.banner-in {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.banner-img {
    position: relative;
    width: 100%;
    height: 400px;
}

.banner-img li {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.banner-img li:first-child {
    display: block;
}

.banner-img li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner-switch {
    display: none;
    position: absolute;
    top: 150px;
    left: 50%;
    margin-left: -360px;
    width: 960px;
    height: 0;
    z-index: 2;
}

.banner-switch .left,
.banner-switch .right {
    width: 40px;
    height: 60px;
    background-color: rgba(0, 0, 0, 0.3);
    overflow: hidden;
    cursor: pointer;
}

.banner-switch .left:hover,
.banner-switch .right:hover {
    background-color: rgba(0, 0, 0, 0.6);
}

.banner-switch .left {
    margin-left: 10px;
}

.banner-switch .right {
    margin-right: 10px;
}

.banner-switch img {
    margin-top: 14px;
    width: 80px;
    height: 32px;
}

.banner-switch .right img {
    margin-left: -39px;
}

.banner-dot {
    position: absolute;
    left: 50%;
    bottom: 25px;
    margin-left: -400px;
    width: 1000px;
    height: 0;
    text-align: center;
    z-index: 2;
}

.banner-dot li {
    display: inline-block;
    margin-right: 10px;
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-radius: 10px;
}

.banner-dot li.on {
    background-color: #0068b7;
}

.tag-area {}

.flex-row {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
}

.flex-col {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
}

.tag-area {
    background-color: #f7f9ff;
    padding-top: 30px;
    padding-bottom: 30px;
}

.tag-content-bar {
    margin: 0 auto;
    width: 1200px;
    justify-content: space-between;
}

.tag-item {
    box-shadow: 0px 0px 10px #e5e5e5;
    width: 220px;
    height: 100px;
    border-radius: 10px;
    background-color: #fff;
    position: relative;
}

.tag-pic {
    height: 58px;
    width: 58px;
    margin: 23px 15px 19px 20px;
}

.tag-text {
    margin-top: 32px;
}

.tag-text p {
    font-size: 16px;
    color: #4285f4;
    line-height: 16px;
    margin-bottom: 9px;
}

.tag-hover {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: 100%;
    height: 100%;
}

.tag-hover-bg1 {
    background: url(../../image/new_index/tag_hover1.png?i=1) no-repeat;
}

.tag-hover-bg2 {
    background: url(../../image/new_index/tag_hover2.png) no-repeat;
}

.tag-hover-bg3 {
    background: url(../../image/new_index/tag_hover3.png?i=1) no-repeat;
}

.tag-hover-bg4 {
    background: url(../../image/new_index/tag_hover4.png) no-repeat;
}

.tag-hover-bg5 {
    background: url(../../image/new_index/tag_hover5.png) no-repeat;
}

.tag-hover p {
    color: #f7f9ff;
}

.tag-hover-p1 {
    margin-top: 28px;
    margin-bottom: 10px;
    line-height: 20px;
    font-size: 20px;
}

.tag-hover-p2 {
    line-height: 18px;
    font-size: 18px;
}

.online-class-banner {
    height: 130px;
    line-height: 130px;
    text-align: center;
    min-width: 1200px;
    background: url(../../image/new_index/online_class_bg.png) no-repeat center;
}

.online-class-banner p {
    font-size: 36px;
    font-weight: bold;
    color: #fff;
}

.online-class-banner span {
    position: relative;
}

.online-class-banner span:before {
    content: " ";
    position: absolute;
    background: url(../../image/new_index/online_class_corner1.png) no-repeat;
    top: -23px;
    left: -25px;
    width: 47px;
    height: 47px;
}

.online-class-banner span:after {
    content: " ";
    position: absolute;
    background: url(../../image/new_index/online_class_corner2.png) no-repeat;
    bottom: -23px;
    right: -25px;
    width: 47px;
    height: 47px;
}

.free-class-area {
    background-color: #f7f9ff;
    padding-top: 50px;
    padding-bottom: 48px;
}

.free-class-content {
    width: 1200px;
    margin: 0 auto;
}

.free-class-row {
    width: 100%;
    justify-content: space-between;
    margin-bottom: 20px;
}

.free-class-item {
    box-shadow: 0px 0px 10px 0px rgba(5, 74, 240, 0.2);
    width: 380px;
    height: 180px;
    border-radius: 10px;
}

.free-class-item-pic-area {
    width: 175px;
    height: 100%;
}

.free-class-item-pic-area img {
    width: auto;
    height: auto;
}

.free-class-item-right {
    margin-top: 30px;
}

.free-class-item-right .title {
    font-size: 24px;
    height: 24px;
    line-height: 24px;
    font-weight: bold;
    margin-bottom: 12px;
    color: #fff;
}

.free-class-item-right .desc {
    width: 170px;
    font-size: 18px;
    line-height: 24px;
    color: #fff;
}

.free-class-item-right .try-btn {
    width: 163px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    border-radius: 17px;
    background-color: #fffc00;
    margin-top: 8px;
    font-size: 18px;
    color: #05024d;
    cursor: pointer;
}

.free-class-item-right .try-btn:hover {
    background-color: rgba(0, 0, 0, 0);
    color: rgb(255, 252, 0);
    font-weight: bold;
    border: 1px solid;
}

.item-title-area {
    margin: 0 auto;
    width: 606px;
    height: 30px;
    padding-top: 60px;
    padding-bottom: 30px;
}

.item-title-text {
    font-size: 30px;
    align-self: center;
    margin: 0 30px;
}

.title-side-left {
    height: 12px;
    position: relative;
    align-self: flex-start;
}

.title-side-right {
    height: 12px;
    position: relative;
    align-self: flex-end;
}

.title-side-left .line {
    width: 200px;
    height: 1px;
    background-color: #064ff4;
    align-self: flex-start;
    margin-right: 13px;
}

.title-side-left .broken-line {
    width: 15px;
    height: 1px;
    background-color: #064ff4;
    transform: rotate(45deg);
    align-self: center;
    position: absolute;
    right: 0;
}

.title-side-left .dot {
    height: 6px;
    width: 6px;
    background-color: #064ff4;
    border-radius: 50%;
    align-self: flex-end;
    position: absolute;
    right: 0;
    bottom: -2px;
}

.title-side-right .line {
    width: 200px;
    height: 1px;
    background-color: #064ff4;
    align-self: flex-end;
    margin-left: 13px;
}

.title-side-right .broken-line {
    width: 15px;
    height: 1px;
    background-color: #064ff4;
    transform: rotate(45deg);
    align-self: center;
    position: absolute;
    left: 0;
}

.title-side-right .dot {
    height: 6px;
    width: 6px;
    background-color: #064ff4;
    border-radius: 50%;
    position: absolute;
    align-self: flex-start;
    left: 0;
    top: -2px;
}

.news {
    background-color: #fff;
}

.news-head {
    position: relative;
    width: 1200px;
    margin: auto;
}

.news-head .more {
    position: absolute;
    right: 60px;
    top: 80px;
}

.index-item {
    padding-top: 100px;
}

.index-item>.top {
    margin-bottom: 40px;
    text-align: center;
}

.index-item>.top h1 {
    line-height: 30px;
    font-size: 30px;
    color: #333;
}

.index-item>.top h6 {
    margin-top: 10px;
    line-height: 24px;
    font-family: Arial;
    font-size: 24px;
    color: #666;
}

.news-main {}

.news-main li {
    float: left;
    margin: 0 40px 25px 0;
    width: 370px;
    height: 100px;
    background-color: #fff;
}

.news-main li.last,
.news-main li:nth-child(3n) {
    margin: 0 0 25px 0;
}

.news-main li .left {
    width: 100px;
    height: 100px;
    overflow: hidden;
}

.news-main li .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news-main li .right {
    margin-left: 10px;
    width: 256px;
}

.news-main li .right h6 {
    margin: 2px 0 10px 0;
    /* 如果显示新闻时间就用下面这个样式 */
    /*margin-top: 4px;*/
    width: 256px;
    font-size: 16px;
    height: 46px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical;
    /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 2;
    /** 显示的行数 **/
    overflow: hidden;
    /** 隐藏超出的内容 **/
}

.news-main li .right h6 a {
    color: #333;
}

.news-main li .right h6 a:hover {
    color: #0068b7;
}

.news-main li .right .time span {
    margin-left: 6px;
    line-height: 16px;
}

.news-main li .right .time {
    margin: 10px 0 0px 0;
    font-family: Arial;
    font-size: 12px;
    color: #999;
}

.news-main li .right .desc {
    width: 256px;
    line-height: 14px;
    font-size: 14px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.qudu-main {
    padding-bottom: 60px;
    margin: 30px auto 0px;
    width: 1200px;
    height: 40px;
}

.qudu-box {
    position: relative;
    float: left;
    padding-right: 10px;
    width: 1090px;
    height: 40px;
    overflow: hidden;
    background: #f8f8f8;
}

.qd-ul {
    position: absolute;
    left: 0;
    width: 5600px;
    height: 40px;
    transition: all 0.5s;
}

.qd-ul li {
    max-width: 200px;
    float: left;
    height: 40px;
    line-height: 40px;
    padding-right: 10px;
    padding-left: 10px;
    /*text-align: center;*/
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    color: #333;
}

.qdtile {
    background: url(../../image/public/qdtile.png) #f8f8f8;
    width: 87px;
    height: 31px;
    text-align: left;
    padding-left: 13px;
    padding-top: 9px;
    float: left;
    color: #fff;
    font-size: 16px;
}

.qd-ul li a:link {
    color: #333;
}

.qd-ul li a:hover {
    color: #0068b7 !important;
}

.qd-ul li a:visited {
    color: #333;
}

.course-area {
    background-color: #f7f9ff;
    padding-bottom: 35px;
}

.course-content {
    width: 1200px;
    margin: 0 auto;
}

.course-row {
    justify-content: space-between;
    margin-bottom: 25px;
}

.course-item {
    width: 280px;
    height: 200px;
    color: #fff;
    position: relative;
}

.course-item-pic-area{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
}

.course-item-pic-area img{
    width: 100%;
    height: 100%;
}

.course-item-hover-mask {
    position: absolute;
    width: 100%;
    top: 0;
    height: 100%;
    left: 0;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 100;
}

.course-item-hover-mask a {
    color: #fff;
}

.course-item-hover-mask .enter-btn {
    width: 150px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 8px;
}

.course-item-hover-mask .enter-btn:hover {
    background-color: #fff;
    color: #333;
}

.course-item .course-title {
    padding-top: 40px;
    margin-left: 20px;
    font-size: 24px;
    line-height: 24px;
    height: 24px;
    font-weight: bold;
    position: relative;
    z-index: 100;
}

.course-item-hover {
    box-shadow: 0px 0px 9px rgba(0, 255, 252, 0.5);
}

.course-item p {
    font-size: 14px;
    height: 14px;
    line-height: 14px;
    margin-top: 9px;
    margin-left: 20px;
    position: relative;
    z-index: 100;
}

.video {
    background-color: #fff;
    padding-bottom: 60px;
}

.video-row {
    width: 1200px;
    justify-content: space-between;
    margin: 20px auto 0;
}

.video-item-area {
    position: relative;
    width: 380px;
    height: 224px;
}

.video-item-img {
    width: 100%;
    height: 100%;
}

.video-item-title {
    width: 380px;
    height: 40px;
    background-color: rgba(0, 0, 0, 0.6);
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.video-play-btn {
    position: absolute;
    left: 160px;
    top: 82px;
    width: 60px;
}

.video-hover-area {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -ms-align-items: center;
    background-color: rgba(0, 0, 0, 0.6);
    align-items: center;
    color: #fff;
}

.video-item-name {
    font-size: 28px;
    line-height: 28px;
    height: 28px;
    margin-top: 66px;
    margin-bottom: 20px;
}

.video-item-company,
.video-item-salary {
    font-size: 16px;
    color: #fff;
    margin-bottom: 10px;
}

.salary-area {
    background-color: #f7f9ff;
    padding-bottom: 70px;
}

.salary-area .line, .salary-area .broken-line, .salary-area .dot{
    background-color: #e43f43;
}

.salary-content {
    width: 1200px;
    margin: 30px auto 0;
    justify-content: space-between;
}

.salary-content-left-area {
    width: 756px;
    height: 586px;
    position: relative;
    background-color: #fff;
    overflow: hidden;
    border-top: 1px solid #e43f43;
}

.date-list-row{
    width: 90%;
    margin: 0 auto;
    padding-top: 14px;
    padding-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 1001;
}

.date-item{
    width: 75px;
    height: 24px;
    border-radius: 12px;
    color: #e43f43;
    border: 1px solid #e43f43;
    text-align: center;
    line-height: 24px;
    color: #e43f43;
    font-size: 14px;
    cursor: pointer;
}

.date-item.active{
    background-color: rgb(228, 63, 67);
    color: #fff;
}

.salary-content-box {
    width: 756px;
    -ms-align-items: center;
    align-items: center;
    background-color: #fff;
    position: absolute;
    top: 93px;
    z-index: 100;
    left: 19px;
    animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    display: none;
}

.top-cover {
    width: 756px;
    height: 52px;
    position: absolute;
    z-index: 1000;
    background-color: #fff;
    top: 0;
}

.bottom-cover {
    width: 718px;
    height: 36px;
    background-color: #fff;
    position: absolute;
    z-index: 1000;
    bottom: 0px;
    line-height: 36px;
    font-size: 12px;
    text-align: right;
    margin-left: 19px;
    border-top: 1px solid #e9e9e9;
}

.salary-form-title-row {
    width: 718px;
    height: 44px;
    -ms-align-items: flex-end;
    align-items: flex-end;
    color: #fff;
    font-size: 16px;
    border-bottom: 1px solid #e9e9e9;
    margin-top: -2px;
    margin-left: 19px;
    position: absolute;
    z-index: 10000;
}

.salary-form-content-row {
    width: 716px;
    height: 37px;
    background-color: #fff;
    font-size: 14px;
    border-bottom: 1px solid #e9e9e9;
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
}

.salary-form-content-row:nth-child(2n){
    background-color: #fef7f8;
}

.salary-form-title-name,
.salary-form-title-job,
.salary-form-title-company,
.salary-form-title-school {
    background-color: #3c3d3f;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.salary-form-content-name,
.salary-form-content-job,
.salary-form-content-company,
.salary-form-content-school {
    color: #333333;
    height: 37px;
    line-height: 37px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.salary-form-title-name,
.salary-form-content-name {
    width: 94px;
}

.salary-form-title-job,
.salary-form-content-job {
    width: 174px;
}

.salary-form-title-company,
.salary-form-content-company {
    width: 186px;
}

.salary-form-title-salary,
.salary-form-content-salary {
    width: 92px;
}

.salary-form-title-school,
.salary-form-content-school {
    width: 172px;
}

.salary-form-title-salary {
    height: 44px;
    line-height: 44px;
    text-align: center;
    background-color: #e43f43;
}

.salary-form-content-salary {
    height: 28px;
    line-height: 28px;
    color: #fff;
    text-align: center;
    background-color: #e43f43;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 14px;
    align-self: center;
    font-weight: bold;
}

.classes-opening-info {
    width: 425px;
    height: 584px;
    border-top: 1px solid #e43f43;
    -ms-align-items: center;
    align-items: center;
    background-color: #fff;
    position: relative;
}

.classes-opening-info-title-area{
    width: 385px;
    margin: 0 auto;
    padding-top: 41px;
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
}

.classes-opening-info-title{
    font-size: 24px;
    color: #e43f43;
    text-align: center;
    height: 24px;
    line-height: 24px;
}

.classes-opening-info-subtitle{
    font-size: 16px;
    color: #3c3d3f;
    text-align: center;
    margin-top: 10px;
    height: 16px;
    line-height: 16px;
}

.divide-line{
    width: 2px;
    height: 407px;
    background-color: rgba(135, 135, 135, 0.3);
    position: absolute;
    top: 140px;
    left: 150px;
}

.date-icon {
    width: 18px;
    height: 18px;
    background: #e43f43;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 18px;
    position: absolute;
    left: -9px;
}

.date-icon:first-child{
    top: 53px;
}
.date-icon:nth-child(2){
    top: 190px;
}
.date-icon:nth-child(3){
    top: 329px;
}

.opening-date{
    position: absolute;
    left: 46px;
    font-size: 18px;
    color: #333333;
}

.classes-opening-info #date1{
    top: 189px;
}

.classes-opening-info #date2{
    top: 327px;
}

.classes-opening-info #date3{
    top: 465px;
}

.classes-opening-info #class-group-1{
    top: 132px;
}

.classes-opening-info #class-group-2{
    border-top: 1px dashed #878787;
    border-bottom: 1px dashed #878787;
    top: 272px;
}

.opening-class-item span {
    height: 16px;
    line-height: 16px;
    font-size: 16px;
    color: #333;
}

.classes-opening-info #class-group-3{
    top: 411px;
}

.classes-opening-info .contact-btn{
    width: 42px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 3px;
    background-color: #6eb7ff;
    font-size: 12px;
    color: #fff;
    float: right;
    cursor: pointer;
}

.classes_info_bg{
    width: 356px;
    height: 150px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    background-size: cover;
    background: url(../../image/new_index/classes_info_bg.png) no-repeat;
    z-index: 10;
}

.opening-classes-group{
    width: 184px;
    height: 136px;
    position: absolute;
    left: 190px;
    z-index: 100;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.salary-content-form-area {
    width: 425px;
    height: 584px;
    border-top: 1px solid #e43f43;
    -ms-align-items: center;
    align-items: center;
    background-color: #fff;
}

.form-title-area {
    width: 385px;
    height: 119px;
    -ms-align-items: center;
    align-items: center;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 10px;
}

.form-title {
    font-size: 22px;
    line-height: 22px;
    height: 22px;
    margin-top: 40px;
    color: #e43f43;
    margin-bottom: 10px;
}

.form-sub-title {
    font-size: 16px;
    line-height: 16px;
    height: 16px;
    color: #333333;
}

.form-row {
    width: 348px;
    height: 44px;
    justify-content: space-between;
    -ms-align-items: center;
    align-items: center;
    margin-top: 20px;
}

.form-row-title {
    font-size: 16px;
    height: 44px;
    line-height: 44px;
    color: #333;
}

.form-row-inputer-box {
    width: 270px;
    height: 42px;
    border: 1px solid #d9d9d9;
}

.form-row-inputer {
    font-size: 14px;
    height: 42px;
    line-height: 42px;
    padding-left: 20px;
    width: 248px;
    border: 1px solid #d9d9d9;
}

.form-textbox-row {
    width: 348px;
    height: 120px;
    justify-content: space-between;
    -ms-align-items: flex-start;
    align-items: flex-start;
    margin-top: 20px;
}

.form-row-textbox-box {
    width: 269px;
    height: 118px;
    border: 1px solid #d9d9d9;
}

.form-row-textbox-box textarea {
    font-size: 14px;
    margin-top: 14px;
    margin-left: 20px;
    border: 0;
    outline: none;
    resize: none;
    width: 90%;
    height: 80%;
}

.form-submit-btn {
    width: 168px;
    height: 44px;
    background-color: #e43f43;
    line-height: 44px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    margin-top: 40px;
}

.honor-area {
    background-color: #fff;
    padding-bottom: 60px;
}

#honor-content {
    position: relative;
    width: 1200px;
    margin: 20px auto 0;
}

#honor-content .swiper-slide {
    width: auto;
    height: 161px;
}

#honor-content .swiper-slide img {
    display: block;
    height: 100%;
}

#honor-content .swiper-pagination {
    width: 100%;
}

#honor-content .swiper-button-prev {
    width: 50px;
    height: 68px;
    top: 66px;
    left: 0;
    background: url(../../image/new_index/arrow_left.png) no-repeat;
}

#honor-content .swiper-button-next {
    width: 50px;
    height: 68px;
    top: 66px;
    right: 0;
    background: url(../../image/new_index/arrow_right.png) no-repeat;
}


#cooperation-content {
    position: relative;
    width: 1200px;
    margin: 20px auto 0;
}

#cooperation-content .swiper-slide {
    width: 242px !important;
    height: 161px;
}

#cooperation-content .swiper-slide img {
    display: block;
    width: 100%;
}

#cooperation-content .swiper-pagination {
    width: 100%;
}

#cooperation-content .swiper-button-prev {
    width: 50px;
    height: 68px;
    top: 66px;
    left: 0;
    background: url(../../image/new_index/arrow_left.png) no-repeat;
}

#cooperation-content .swiper-button-next {
    width: 50px;
    height: 68px;
    top: 66px;
    right: 0;
    background: url(../../image/new_index/arrow_right.png) no-repeat;
}

.teacher-sorts-row {
    width: 1200px;
    height: 40px;
    margin: 20px auto 0;
    justify-content: space-between;
}

.teacher-sorts-item {
    cursor: pointer;
    height: 38px;
    width: 138px;
    border: 1px solid #d9d9d9;
    line-height: 38px;
    background-color: #fff;
    color: #666666;
    text-align: center;
    font-size: 16px;
}

.teacher-sorts-row .active {
    background-color: #064ff4 !important;
    width: 140px !important;
    height: 40px !important;
    line-height: 40px !important;
    color: #fff !important;
    border: 0 !important;
}

#teacher-content {
    position: relative;
    width: 1200px;
    margin: 20px auto 0;
}

#teacher-content .swiper-slide {
    width: 220px !important;
    height: 288px;
    position: relative;
    background-color: #e9ebfa;
}

#teacher-content .swiper-slide img {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
}

#teacher-content .teacher-pic-bottom {
    position: absolute;
    width: 100%;
    height: 60px;
    background-color: rgba(0, 0, 0, 0.6);
    -ms-align-items: center;
    align-items: center;
    bottom: 0;
    left: 0;
    color: #fff;
}

#teacher-content .teacher-name {
    font-size: 18px;
    height: 18px;
    line-height: 18px;
    margin-top: 10px;
    margin-bottom: 11px;
}

#teacher-content .teacher-duty {
    font-size: 14px;
    height: 14px;
    line-height: 14px;
}

#teacher-content .teacher-swiper-button-prev {
    width: 50px;
    height: 68px;
    top: 116px;
    left: 0;
    background: url(../../image/new_index/arrow_left.png) no-repeat;
}

#teacher-content .teacher-swiper-button-next {
    width: 50px;
    height: 68px;
    top: 116px;
    right: 0;
    background: url(../../image/new_index/arrow_right.png) no-repeat;
}

#teacher-content .swiper-container {
    display: none;
}

#teacher-content .show-teacher {
    display: block;
}

.big-video {
    width: 500px;
    height: 340px;
}

.big-video a,
.small-video a {
    display: block;
    width: 100%;
    color: #333;
}

.big-video a:hover,
.small-video a:hover {
    color: #0068b7;
}

.video-top {
    width: 100%;
    position: relative;
}

.big-video .video-top {
    height: 360px;
}

.video-img,
.video-mask,
.video-btn {
    position: absolute;
}

.video-img,
.video-mask {
    width: 100%;
    height: 100%;
}

.video-img {
    object-fit: cover;
}

.video-mask {
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1;
}

.video-btn {
    z-index: 2;
    transition: all 0.5s;
}

.video-btn:hover {
    transform: scale(1.2);
}

.big-video .video-btn {
    margin: 140px 0 0 210px;
    width: 80px;
}

.big-video p,
.small-video p {
    padding: 0 5%;
    width: 90%;
    height: 21px;
    text-align: center;
    font-size: 16px;
    background-color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.big-video p {
    height: 40px;
    line-height: 40px;
}

.small-video p {
    margin-top: 8px;
}

.small-video {
    width: 680px;
}

.small-video li {
    float: left;
    margin: 0 20px 20px 0;
    width: 320px;
    height: 190px;
    background-color: #fff;
}

.small-video .video-top {
    height: 150px;
}

.small-video .video-btn {
    margin: 55px 0 0 135px;
    width: 50px;
}

.course {
    padding-top: 80px;
}

.no-img-news {
    padding: 0 20px 0 24px;
    width: 380px;
    height: 358px;
    background-color: #fff;
    border-top: 2px solid #d50211;
}

.no-img-news h6 {
    margin: 28px 0 12px 0;
    line-height: 24px;
    font-size: 24px;
    color: #333;
}

.no-img-news h6 a {
    float: right;
    font-size: 14px;
    color: #d72502;
}

.no-img-news li {
    width: 100%;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.no-img-news li:hover {
    background-color: #f4f4f4;
}

.no-img-news li a {
    color: #333;
}

.no-img-news li .num {
    display: inline-block;
    margin: 9px 10px 0 4px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background-color: #999;
}

.no-img-news li:nth-child(1) .num,
.no-img-news li:nth-child(2) .num,
.no-img-news li:nth-child(3) .num {
    background-color: #d50212;
}

.course-main ul {
    margin-right: 10px;
    width: 292px;
}

.course-main li {
    position: relative;
    float: left;
    margin-bottom: 10px;
    overflow: hidden;
}

.course-main li.big {
    width: 292px;
    height: 292px;
}

.course-main li.middle {
    width: 292px;
    height: 140px;
}

.course-main li.small {
    margin-right: 10px;
    width: 141px;
    height: 141px;
}

.course-main ul.last,
.course-main li.last {
    margin-right: 0;
}

.course-main li img {
    width: 100%;
    height: 100%;
    transition: all 0.5s;
}

.course-main li img:hover {
    transform: scale(1.1);
}

.course-main li p {
    position: absolute;
    left: 10px;
    bottom: 10px;
    font-size: 18px;
    color: #fff;
    overflow: hidden;
}

.recollections {
    padding-top: 80px;
}

.recollections-main .has-img {
    width: 776px;
}

.recollections-main .has-img li {
    float: left;
    margin: 0 20px 20px 0;
    padding: 10px;
    width: 348px;
    height: 206px;
    background-color: #fff;
}

.recollections-main .has-img a {
    display: block;
    width: 100%;
    height: 100%;
    color: #333;
}

.recollections-main .has-img a:hover {
    color: #0068b7;
}

.recollections-main .has-img img {
    width: 348px;
    height: 172px;
    object-fit: cover;
}

.recollections-main .has-img p {
    margin-top: 12px;
    width: 100%;
    text-align: center;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.recollections-main .no-img-news {
    height: 470px;
}

.no-img-news li .type {
    margin-right: 5px;
    color: #d72502;
}

.job-info {
    padding-top: 90px;
}

.job-info-main {}

.job-info-main li {
    position: relative;
    float: left;
    margin: 0 20px 20px 0;
    width: 285px;
    height: 168px;
    cursor: pointer;
}

.job-info-main li:nth-child(4n) {
    margin: 0 0 20px 0;
}

.job-info-main li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.job-title {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0 10px;
    width: 265px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.6);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.job-detail {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.6);
}

.job-detail h6 {
    margin: 40px 0 14px 0;
    line-height: 24px;
    font-size: 24px;
    color: #fff;
}

.job-detail p {
    line-height: 24px;
    font-size: 16px;
    color: #fff;
}

.teacher {
    padding-top: 80px;
}

.teacher-main {
    margin: 0 auto;
    padding: 20px 0 0 20px;
    width: 1180px;
    background-color: #fff;
}

.teacher-main li {
    position: relative;
    float: left;
    margin: 0 20px 20px 0;
    width: 216px;
    height: 288px;
    background-color: #e9ebfa;
}

.teacher-main li .top,
.teacher-main li img {
    width: 100%;
    height: 100%;
}

.teacher-main li .bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60px;
    text-align: center;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.7);
}

.teacher-main li .bottom h6 {
    margin: 11px 0 5px 0;
    height: 18px;
    line-height: 18px;
    font-size: 18px;
}

.teacher-main li .bottom p {
    font-size: 14px;
}

.teacher-main li .desc {
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 42px 12px 0;
    width: 192px;
    height: 246px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.7);
}

.teacher-main li .desc h6 {
    height: 18px;
    line-height: 18px;
    font-size: 18px;
}

.teacher-main li .desc p {
    margin-top: 10px;
    font-size: 14px;
}

.honor-main {
    margin: 0 auto;
    padding: 20px 0 0 20px;
    width: 1180px;
    background-color: #fff;
}

.honor-main li {
    float: left;
    margin: 0 18px 18px 0;
    width: 276px;
    height: 192px;
}

.honor-main li img {
    width: 100%;
    height: 100%;
}

.environment {
    background-color: #f7f9ff;
}

.environment-main {
    margin: 0 auto;
    padding: 60px 40px 40px;
    width: 1200px;
}

.campus-name {
    margin: 0 0 20px 47px;
}

.campus-name li {
    float: left;
    margin-right: 30px;
    width: 100px;
    height: 34px;
    text-align: center;
    line-height: 34px;
    font-size: 16px;
    color: #666;
    border: 1px solid #d9d9d9;
    cursor: pointer;
}

.campus-name li.on {
    color: #fff;
    background-color: #064ff4;
    border: 1px solid #064ff4;
}

.campus-img {
    display: none;
    position: relative;
    width: 1196px;
    height: 346px;
    overflow: hidden;
}

.gz-campus {
    display: block;
}

.campus-slider {
    position: absolute;
    top: 0;
    width: 4784px;
}

.campus-slider li {
    float: left;
    margin: 0 10px 10px 0;
}

.campus-slider .big {
    width: 430px;
    height: 370px;
}

.campus-slider .middle {
    width: 256px;
    height: 370px;
}

.campus-slider .small {
    margin-right: 0;
    width: 500px;
    height: 370px;
}

.campus-slider .small li {
    width: 239px;
    height: 179px;
}

.campus-slider li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.campus-arrow {
    position: absolute;
    top: 140px;
    left: 0;
    width: 100%;
    height: 0;
}

.campus-arrow li {
    width: 40px;
    height: 64px;
    background-color: rgba(0, 0, 0, 0.5);
    overflow: hidden;
    cursor: pointer;
}

#environment > div.campus-img.gz-campus > ul.campus-arrow > li.left.left-arrow{
    display: none;
}

.campus-arrow li:hover {
    background-color: rgba(0, 0, 0, 0.6);
}

.campus-arrow li img {
    margin-top: 16px;
    width: 80px;
    height: 32px;
}

.campus-arrow .right img {
    margin-left: -38px;
}

.partner {
    padding: 50px 0;
    background-color: #fff;
    text-align: center;
}
.partner-box-s {width:1200px;overflow:hidden;height: 60px;margin: 0 auto;padding: 20px 0;line-height: 70px;}
.partner-box-s .partner-item{width:120px;display: inline-block;}
.partner-box-s img{width:115px;}

.popup-area {
    width: 100vw;
    top: 0;
    height: 100vh;
    left: 0;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.8);
    overflow: hidden;
    display: none;
    z-index: 10000000;
}

.popup-box {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 400px;
    height: 716px;
    background-image: url(../../image/new_index/popup_bg.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.popup-box-content {
    position: relative;
    width: 100%;
    height: 100%;
}

.popup-box input {
    position: absolute;
    width: 280px;
    height: 73px;
    font-size: 18px;
    color: #040f4d;
    left: 90px;
}

.popup-box .btn {
    width: 184px;
    height: 67px;
    font-size: 28px;
    color: #fff;
    text-align: center;
    line-height: 67px;
    background-color: #174ad2;
    position: absolute;
    top: 620px;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
}

.popup-box .close {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #fff;
    background-color: #fff;
    color: #000;
    font-size: 26px;
    right: 10px;
    top: 10px;
    position: absolute;
    text-align: center;
    line-height: 28px;
    font-weight: bold;
    cursor: pointer;
    z-index: 100000;
}

.marquee-box{
    width: 100%;
    height: 40px;
    position: relative;
    overflow: hidden;
    background: url('../../image/new_index//marquee_bg.png') no-repeat;
    background-size: cover;
    background-position: center center;
}

.marquee-text{
    font-size: 18px;
    line-height: 40px;
    color: #fff;
    width: fit-content;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.swiper-button-disabled{
    display: none;
}