@charset "UTF-8";
/* header */
.header { background-color: #fff; position: relative; z-index: 6; }

.head-hd { padding: 38px 0 18px; }
.head-hd a.logo { float: left; display: block;width: 40%; }
.head-hd .fx { display: block; float: right; margin-top: 20px; }

.head-bd { position: relative; }
.head-bd nav { float: left; width: 92.85714%; }
.head-bd nav > ul > li { width: 72px; float: left; margin-right: calc((100% - ((72px * 9) + 36px))/9); position: relative; }
.head-bd nav > ul > li:first-child { width: 36px; }
.head-bd nav > ul > li:last-child { margin-right: 0; }
.head-bd nav > ul > li .navitem { position: relative; }
.head-bd nav > ul > li .navitem > a { display: inline-block; line-height: 66px; position: relative; }
.head-bd nav > ul > li .navitem > a:after { content: ''; display: block; width: 0; height: 3px; left: 50%; bottom: 0; position: absolute; background-color: #0c3d71; transition: all .5s; }
.head-bd nav > ul > li.active .navitem > a { color: #0c3d71; font-weight: bold; }
.head-bd nav > ul > li.active .navitem > a:after { left: 0; width: 100%; }
.head-bd nav > ul > li.active .navitem .drop-nav { opacity: 1; visibility: visible; top: 100%; }
.head-bd .dropdown-bg { position: absolute; left: 0; width: 100%; top: 100%; background-color: rgba(14, 60, 113, 0.7); height: 60px; transition: all .5s; z-index: 1; animation: fadeIn .25s, 100ms; }
.head-bd .drop-nav { position: absolute; left: 50%; top: 90%; transform: translateX(-50%); background-color: rgba(12, 61, 113, 0.7); opacity: 0; visibility: hidden; transition: all .4s; text-align: center; }
.head-bd .drop-nav ul { white-space: nowrap; position: relative; z-index: 2; }
.head-bd .drop-nav ul li { line-height: 50px; color: #fff; }
.head-bd .drop-nav ul li a { padding: 0 18px; display: block; color: #fff; font-weight: bold; }
.head-bd .drop-nav ul li a:hover { color: #e6432d; }
.head-bd .drop-nav ul li em { color: #fff; }
.head-bd .drop-nav ul li a:hover { background-color: #0c3d71; }
.head-bd .search { position: relative; float: right; margin-top: 20px; }
.head-bd .search .icon-search { display: inline-block; width: 20px; height: 20px; background: url(../images/icon_search.png) 0 0 no-repeat; }
.head-bd .search .icon-search:hover { opacity: 0.8; }
.head-bd .search .search-show { position: absolute; width: 0px; top: -10px; right: 0; background-color: #fff; padding: 10px 10px 10px 20px; opacity: 0; visibility: hidden; transition: all .5s; }
.head-bd .search .search-show input[type="text"] { width: calc(100% - 30px); line-height: 30px; }
.head-bd .search .search-show button { background: none; vertical-align: middle; }
.head-bd .search .search-show.open { width: 300px; opacity: 1; visibility: visible; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }

@media screen and (max-width: 1440px) { .head-hd { padding: 28px 0 15px; }
  .head-hd a.logo { width: 33.07143%; }
  .head-hd a.logo img { width: 100%; }
  .head-hd .fx { width: 23.28571%; }
  .head-hd .fx img { width: 100%; } }
@media screen and (max-width: 900px) { .head-hd { padding: 20px 0 20px; }
  .head-hd .fx { display: none; }
  .head-bd .search { position: absolute; right: 70px; top: 50%; transform: translateY(-50%); margin-top: 0; }
  .head-bd .search .search-show.open { width: 260px; }
  .head-bd { position: static; }
  .head-bd nav { display: none; position: absolute; top: 100%; width: 100%; left: 0; background-color: #fff; }
  .head-bd nav > ul > li { float: none; width: 100%; margin-right: 0; }
  .head-bd nav > ul > li.morenav { position: relative; }
  .head-bd nav > ul > li.morenav:after { content: ''; display: block; width: 10px; height: 18px; background: url(../images/icon_next.png) 0 0/100% 100% no-repeat; position: absolute; right: 20px; top: 10px; opacity: 0.5; transition: all .4s; z-index: 9; }
  .head-bd nav > ul > li.morenav.active:after { transform: rotate(90deg); }
  .head-bd nav > ul > li.morenav.active .drop-nav { display: block; }
  .head-bd nav > ul > li .navitem > a:after { display: none; }
  .head-bd nav > ul > li:first-child { width: 100%; }
  .head-bd nav > ul > li .navitem > a { padding: 0 20px; line-height: 40px; width: 100%; }
  .head-bd nav > ul > li.active .navitem > a { padding: 0 20px; }
  .head-bd .dropdown-bg { display: none; opacity: 0; }
  .head-bd .drop-nav { position: static; background-color: rgba(12, 61, 113, 0.9); transform: none; opacity: 1; visibility: visible; text-align: left; display: none; }
  .head-bd .drop-nav ul { padding: 10px 0; }
  .head-bd .drop-nav ul li { display: block; line-height: 36px; }
  .head-bd .drop-nav ul li a { padding: 0 30px; }
  .head-bd .drop-nav ul li:first-child a { padding-left: 30px; }
  .head-bd .drop-nav ul li em { display: none; }
  .menu-btn { cursor: pointer; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; display: block; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); }
  .menu-btn span { display: block; height: 2px; width: 27px; background: #000; margin-bottom: 7px; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; }
  .menu-btn.on span:nth-child(1) { margin-bottom: -4px; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); }
  .menu-btn.on span:nth-child(2) { opacity: 0; }
  .menu-btn.on span:nth-child(3) { margin-top: -7px; transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); } }
/* banner */
.banner-swiper { position: relative; height: 800px; width: 100%; overflow: hidden; z-index: 2; }
.banner-swiper .swiper-slide { width: 100%; overflow: hidden; overflow: hidden; }
.banner-swiper .swiper-slide video { width: 100%; height: 100%; object-fit: cover; }
.banner-swiper .swiper-slide .img { width: 100%; height: 100%; position: relative; }
.banner-swiper .swiper-slide img { width: 100%; height: 100%; object-fit: cover; transition: all 4s ease-in-out; }
.banner-swiper .swiper-pages { position: absolute; width: 100%; bottom: 5%; text-align: center; left: 0; z-index: 9; }
.banner-swiper .swiper-pagination-bullet { width: 10px; height: 10px; background-color: #fff; opacity: 1; }
.banner-swiper .swiper-pagination-bullet-active { background-color: #0c3d71; }
.banner-swiper .swiper-button-next, .banner-swiper .swiper-button-prev { width: 10px; height: 21px; background: url(../images/icon_next.png) no-repeat; }
.banner-swiper .swiper-button-prev { background-image: url(../images/icon_prev.png); }

@media screen and (max-width: 1440px) { .banner-swiper { height: 550px; } }
@media screen and (max-width: 1280px) { .banner-swiper { height: 500px; } }
@media screen and (max-width: 1024px) { .banner-swiper { height: 400px; } }
@media screen and (max-width: 768px) { .banner-swiper { height: 300px; } }
/* 视频弹窗 */
#videoPopup { position: fixed; width: 100%; height: 100%; top: 0; z-index: 1000; background-color: rgba(0, 0, 0, 0.4); display: none; }
#videoPopup .video-box { width: 70%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
#videoPopup .video-box video { width: 100%; }
#videoPopup .close { position: absolute; right: 20px; top: 20px; width: 40px; height: 40px; border-radius: 50%; background: rgba(0, 0, 0, 0.1); cursor: pointer; text-align: center; }
#videoPopup .close span { display: block; width: 20px; height: 20px; background: url(../images/close.png) 0 0/cover no-repeat; margin: 10px auto; }

@media screen and (max-width: 1024px) { #videoPopup .video-box { width: 80%; }
  #videoPopup .close { width: 26px; height: 26px; }
  #videoPopup .close span { width: 10px; height: 10px; margin-top: 8px; } }
@media screen and (max-width: 768px) { #videoPopup .video-box { width: calc(100% - 40px); } }
.indexbox .title h2 { color: #0c3d71; }
.indexbox .title h2 b { color: #e6432d; }
.indexbox .btn a { width: 150px; line-height: 40px; border-radius: 20px; text-align: center; color: #fff; background-color: #0c3d71; position: relative; display: block; overflow: hidden; transform: translateZ(0); }
.indexbox .btn a:before { content: ''; display: block; width: 0; height: 100%; position: absolute; left: 50%; top: 0; background-color: #e6432d; opacity: 0; transition: all .4s; border-radius: 20px; z-index: 1; z-index: -1; }
.indexbox .btn a:hover:before { width: 100%; left: 0; border-radius: 20px; opacity: 1; }

/* 学校简介 */
.index-intro { padding: 130px 0 160px; overflow: hidden; }
.index-intro .intro-left { float: left; width: 43.40278%; }
.index-intro .intro-left .title { margin-top: 60px; }
.index-intro .intro-left p { line-height: 40px; margin: 30px 0 40px; text-align: justify; }
.index-intro .intro-right { float: right; width: 47.22222%; }
.index-intro .intro-right .videobox { border-radius: 10px; position: relative; overflow: hidden; }
.index-intro .intro-right .videobox .img img { width: 100%; transition: all .4s; }
.index-intro .intro-right .videobox .zhegao { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); }
.index-intro .intro-right .videobox .icon-play { display: block; width: 70px; height: 70px; background: url(../images/icon_paly.png) center center/cover no-repeat; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all .4s; }
.index-intro .intro-right .videobox a:hover .img img { transform: scale(1.1); }

@media screen and (max-width: 1440px) { .index-intro { padding: 100px 0 140px; }
  .index-intro .intro-left .title { margin-top: 20px; }
  .index-intro .intro-left p { margin: 20px 0; }
  .index-intro .intro-right .videobox .icon-play { width: 60px; height: 60px; } }
@media screen and (max-width: 1280px) { .index-intro .intro-left p { line-height: 30px; }
  .index-intro .intro-right .videobox .icon-play { width: 50px; height: 50px; } }
@media screen and (max-width: 1024px) { .index-intro { padding: 80px 0 90px; }
  .index-intro .intro-left .title { margin-top: 0px; } }
@media screen and (max-width: 768px) { .index-intro { padding: 50px 0 60px; }
  .index-intro .intro-left { float: none; width: 100%; }
  .index-intro .intro-right { float: none; width: 100%; margin-top: 30px; } }
/* 课程体系 */
.index-kctx { padding: 80px 0 100px; background: url(../images/index/bg1.jpg) center top/cover no-repeat; }
.index-kctx .title { text-align: center; margin-bottom: 40px; }
.index-kctx ul li { float: left; width: 23.57143%; margin-right: 1.78571%; border-radius: 10px; overflow: hidden; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05); background-color: #fff; }
.index-kctx ul li:last-child { margin-right: 0; }
.index-kctx ul li .img { overflow: hidden; height: 245px; }
.index-kctx ul li .img img { height: 100%; width: 100%; object-fit: cover; transition: all .4s; }
.index-kctx ul li .txt { padding: 30px 20px; }
.index-kctx ul li .txt h3 { font-weight: normal; margin-bottom: 20px; color: #0c3d71; }
.index-kctx ul li .txt p { line-height: 2; color: #666; height: 56px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 20px; }
.index-kctx ul li .txt .btn { color: #0c3d71; text-transform: uppercase; }
.index-kctx ul li:hover .img img { transform: scale(1.1); }
.index-kctx ul li:hover .txt h3 { color: #e6432d; }
.index-kctx ul li:hover .txt .btn { color: #e6432d; }

@media screen and (max-width: 1280px) { .index-kctx ul li .img { height: 200px; }
  .index-kctx ul li .txt { padding: 20px; }
  .indexbox .btn a { width: 120px; }
  .index-kctx ul li .txt h3 { margin-bottom: 10px; } }
@media screen and (max-width: 1024px) { .index-kctx { padding: 60px 0 70px; }
  .index-kctx .title { margin-bottom: 20px; }
  .index-kctx ul li .img { height: 160px; }
  .index-kctx ul li .txt h3 { margin-bottom: 10px; }
  .index-kctx ul li .txt p { margin-bottom: 10px; } }
@media screen and (max-width: 768px) { .index-kctx ul li { width: 48%; margin-right: 4%; margin-bottom: 20px; }
  .index-kctx ul li:nth-child(2n) { margin-right: 0; }
  .index-kctx ul li .txt p { line-height: 24px; height: 48px; } }
@media screen and (max-width: 500px) { .index-kctx ul li .img { height: 120px; }
  .index-kctx ul li .txt { padding: 10px; }
  .index-kctx ul li { width: 48%; margin-right: 4%; margin-bottom: 20px; }
  .index-kctx ul li:nth-child(2n) { margin-right: 0; } }
/* 教学团队 */
.index-jxtd { padding: 70px 0 80px; }
.index-jxtd .title { text-align: center; margin-bottom: 40px; }
.index-jxtd .swiper-cont { position: relative; width: 100%; overflow: hidden; }
.index-jxtd .swiper-cont .swiper-slide { text-align: center; }
.index-jxtd .swiper-cont .swiper-slide .img { width: 200px; height: 200px; border-radius: 100%; margin: 0 auto; overflow: hidden; }
.index-jxtd .swiper-cont .swiper-slide .img img { width: 100%;  object-fit: cover; transition: all .4s; }
.index-jxtd .swiper-cont .swiper-slide .txt { text-align: center; padding-top: 20px; }
.index-jxtd .swiper-cont .swiper-slide .txt h3 { font-weight: normal; }
.index-jxtd .swiper-cont .swiper-slide .txt p { color: #666; width: 80%; margin: 10px auto 20px; line-height: 24px; height: 48px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.index-jxtd .swiper-cont .swiper-slide .txt .btn { margin: 0 auto; width: 150px; line-height: 40px; border-radius: 20px; text-align: center; color: #fff; background-color: #0c3d71; position: relative; display: block; overflow: hidden; transform: translateZ(0); }
.index-jxtd .swiper-cont .swiper-slide .txt .btn:after { content: ''; display: block; width: 0; height: 100%; position: absolute; left: 50%; top: 0; background-color: #e6432d; opacity: 0; transition: all .4s; border-radius: 20px; z-index: 1; z-index: -1; }
.index-jxtd .swiper-cont .swiper-slide:hover .img img { transform: scale(1.1); }
.index-jxtd .swiper-cont .swiper-slide:hover .txt h3 { color: #e6432d; }
.index-jxtd .swiper-cont .swiper-slide:hover .txt .btn:after { width: 100%; left: 0; border-radius: 20px; opacity: 1; }
.index-jxtd .prev { position: absolute; width: 10px; height: 21px; background: url(../images/icon_prev.png) 0 0 no-repeat; left: 0; top: 25%; cursor: pointer; z-index: 6; }
.index-jxtd .prev:hover { background-image: url(../images/icon_prev_on.png); }
.index-jxtd .next { position: absolute; width: 10px; height: 21px; background: url(../images/icon_next.png) 0 0 no-repeat; right: 0; top: 25%; cursor: pointer; z-index: 6; }
.index-jxtd .next:hover { background-image: url(../images/icon_next_on.png); }

@media screen and (max-width: 1280px) { .index-jxtd .swiper-cont .swiper-slide .img { width: 150px; height: 150px; }
  .index-jxtd .swiper-cont .swiper-slide .txt .btn { width: 120px; } }
@media screen and (max-width: 768px) { .index-jxtd .swiper-cont .swiper-slide .img { width: 120px; height: 120px; } }
/* 校园动态 */
.index-xydt { padding: 70px 0 80px; background: url(../images/index/bg2.jpg) center center/cover no-repeat; }
.index-xydt > .title { text-align: center; margin-bottom: 40px; }
.index-xydt .newslist { float: left; width: 26.42857%; border-radius: 10px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05); padding: 32px 20px; }
.index-xydt .newslist .title { line-height: 30px; }
.index-xydt .newslist .title h2 { float: left; }
.index-xydt .newslist .title a.more { float: right; text-transform: uppercase; color: #ababab; }
.index-xydt .newslist .title a.more:hover { color: #e6432d; }
.index-xydt .newslist .list { margin-top: 20px; }
.index-xydt .newslist .list li { margin-bottom: 20px; }
.index-xydt .newslist .list li:last-child { margin-bottom: 0; }
.index-xydt .newslist .list li .datetime { display: block; float: left; width: 60px; height: 60px; border-radius: 10px; background-color: #0c3d71; color: #fff; display: -webkit-flex; display: flex; align-items: center; justify-content: center; text-align: center; line-height: 22px; }
.index-xydt .newslist .list li a { float: right; width: calc(100% - 80px); height: 60px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 16px; overflow: hidden; line-height: 30px; }

.activity-news { float: right; width: 72.14286%; border-radius: 10px; background-color: #fff; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05); padding: 32px 20px; }
.activity-news .tabnav ul li { float: left; color: #c9c9c9; cursor: pointer; transition: all .4s; font-weight: bold; margin-right: 30px; }
.activity-news .tabnav ul li b { color: #c9c9c9; }
.activity-news .tabnav ul li.active { color: #0c3d71; }
.activity-news .tabnav ul li.active b { color: #e6432d; }
.activity-news .item { position: relative; margin-top: 20px; display: none; }
.activity-news .item:first-child { display: block; }
.activity-news .item a.more { position: absolute; right: 0; top: -47px; text-transform: uppercase; color: #ababab; }
.activity-news .item ul li { float: left; width: 31.95876%; margin-right: 2.06186%; }
.activity-news .item ul li:last-child { margin-right: 0; }
.activity-news .item ul li .img { border-radius: 10px; height: 232px; width: 100%; overflow: hidden; }
.activity-news .item ul li .img img { width: 100%; height: 100%; object-fit: cover; transition: all .4s; }
.activity-news .item ul li .txt h3 { color: #0c3d71; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 20px 0 10px; }
.activity-news .item ul li .txt p { color: #828282; line-height: 23px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 46px; }
.activity-news .item ul li .txt .datetime { margin-top: 20px; color: #0c3d71; }
.activity-news .item ul li a:hover .img img { transform: scale(1.1); }
.activity-news .item ul li a:hover .txt h3 { color: #e6432d; }
.activity-news .item ul li a:hover .txt .datetime { color: #e6432d; }

@media screen and (max-width: 1440px) { .index-xydt .newslist .list li { margin-bottom: 15px; }
  .index-xydt .newslist .list li a { font-size: 14px; }
  .activity-news .item ul li .img { height: 220px; } }
@media screen and (max-width: 1280px) { .activity-news .item ul li .img { height: 200px; }
  .index-xydt .newslist .list li { margin-bottom: 10px; } }
@media screen and (max-width: 1024px) { .index-xydt .newslist .list li a { width: calc(100% - 70px); } }
@media screen and (max-width: 800px) { .index-xydt .newslist { float: none; width: 100%; margin-bottom: 20px; }
  .activity-news { float: none; width: 100%; }
  .index-xydt .newslist .list li .datetime { font-size: 14px; width: 50px; height: 50px; }
  .index-xydt .newslist .list li a { line-height: 25px; height: 50px; }
  .activity-news .item ul li .img { height: 150px; } }
@media screen and (max-width: 500px) { .activity-news .tabnav ul li { margin-right: 20px; }
  .activity-news .item ul li { float: none; width: 100%; margin-right: 0; margin-bottom: 20px; }
  .activity-news .item ul li:last-child { margin-bottom: 0; }
  .activity-news .item ul li .img { height: 180px; } }
/* footer */
footer { background-color: #333; }
footer .foot-hd { padding: 67px 0 30px; }
footer .foot-hd .ft-left { float: left; width: 30.35714%; }
footer .foot-hd .ft-left a { color: #aeaeae; display: block; float: left; width: 33.33%; margin-bottom: 30px; }
footer .foot-hd .ft-left a:hover { color: #e6432d; }
footer .ft-mid { float: left; margin-left: 5%; margin-top: 20px; width: 33.07143%; }
footer .ft-mid img { width: 100%; }
footer .ft-right { float: right; }
footer .ft-right ul { margin-top: 40px; }
footer .ft-right ul li { position: relative; float: left; }
footer .ft-right ul li a { width: 40px; height: 40px; border-radius: 100%; display: -webkit-flex; display: flex; align-items: center; justify-content: center; background-color: #565656; margin-left: 15px; }
footer .ft-right ul li .icon-wx { display: block; width: 25px; height: 20px; background: url(../images/icon_foot_wx.png) no-repeat; }
footer .ft-right ul li .icon-wb { display: block; width: 25px; height: 20px; background: url(../images/icon_foot_wb.png) no-repeat; }
footer .ft-right ul li a:hover { background-color: #fff; }
footer .ft-right ul li a:hover .icon-wx { background-image: url(../images/icon_foot_wx_on.png); }
footer .ft-right ul li a:hover .icon-wb { background-image: url(../images/icon_foot_wb_on.png); }
footer .ft-right ul li .qrocdeimg { position: absolute; right: 66px; top: 50%; transform: translateY(-50%); width:150px;}
footer .ft-right ul li.active a { background-color: #fff; }
footer .ft-right ul li.active a .icon-wx { background-image: url(../images/icon_foot_wx_on.png); }
footer .ft-right ul li.active a .icon-wb { background-image: url(../images/icon_foot_wb_on.png); }
footer .foot-bd .w1400 { border-top: 1px solid #484848; padding: 40px 0; }
footer .foot-bd .left { float: left; color: #aeaeae; }
footer .foot-bd .left p{ float: left; color: #aeaeae; }
footer .foot-bd .right { float: right; width: 50%; text-align: right; }
footer .foot-bd .right a { color: #aeaeae; margin-left: 5%; }
footer .foot-bd .right a i { display: inline-block; vertical-align: middle; width: 24px; height: 24px; margin-right: 10px; }
footer .foot-bd .right a i.icon-1 { background: url(../images/icon_foot_db01.png); }
footer .foot-bd .right a i.icon-2 { background: url(../images/icon_foot_db02.png); }
footer .foot-bd .right a i.icon-3 { background: url(../images/icon_foot_db03.png); }
footer .foot-bd .right a i.icon-4 { background: url(../images/icon_foot_db04.png); }
footer .foot-bd .right a:hover { color: #e6432d; }
footer .foot-bd .right a:hover i.icon-1 { background: url(../images/icon_foot_db01_on.png); }
footer .foot-bd .right a:hover i.icon-2 { background: url(../images/icon_foot_db02_on.png); }
footer .foot-bd .right a:hover i.icon-3 { background: url(../images/icon_foot_db03_on.png); }
footer .foot-bd .right a:hover i.icon-4 { background: url(../images/icon_foot_db04_on.png); }

@media screen and (max-width: 1024px) { footer .foot-bd .w1400 { padding: 20px 0; }
  footer .foot-bd .right a { margin-left: 4%; }
  footer .ft-right ul li .qrocdeimg { right: 50px; }
  footer .foot-bd .left { text-align: center; float: none; }
  footer .foot-bd .right { float: none; text-align: center; margin-top: 20px; width: 100%; } }
@media screen and (max-width: 768px) { footer .foot-hd .ft-left { float: none; width: 100%; }
  footer .ft-mid { float: none; width: 60%; margin: 20px auto; }
  footer .ft-right { float: none; text-align: center; margin-bottom: 30px; }
  footer .ft-right ul { display: inline-block; margin-left: 120px; }
  footer .foot-bd .right a { float: left; width: 50%; margin-left: 0; margin-bottom: 10px; text-align: left; padding-left: 10%; } }
/* 办学特色 */
.banner-inner { height: 100px; background-repeat: no-repeat; background-size: cover; position: relative; margin-bottom: 40px; }
.banner-inner .w1400 { position: relative; height: 100%; }
.banner-inner .word { color: #fff; position: relative; height: 100%; text-align: left; padding-top: 5px; }

.banner-inner .word p { margin-top: 20px; color: #fff; }
.banner-inner .word p a { color: #fff; }
.banner-inner .word p a:hover { color: #e6432d; }
.banner-inner .inner-nav { position: absolute; left: 0; bottom: -39px; border-radius: 10px; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); background-color: #fff; width: 100%; overflow: hidden; }
.banner-inner .inner-nav ul li { float: left; width: 120px; text-align: center; }
.banner-inner .inner-nav ul li a { line-height: 80px; display: block; }
.banner-inner .inner-nav ul li.active { background-color: #0c3d71; }
.banner-inner .inner-nav ul li.active a { color: #fff; }

.page-banxue { width: 100%; overflow: hidden; padding: 70px 0; }
.page-banxue .title { text-align: center; }
.page-banxue .title p { width: 90%; margin: 0 auto; padding: 30px 0 70px; line-height: 2; }
.page-banxue .banxue-item { margin-bottom: 50px; }
.page-banxue .gallery-top { width: 46.42857%; height: 370px; border-radius: 10px; overflow: hidden; }
.page-banxue .gallery-top img { width: 100%; height: 100%; object-fit: cover; }
.page-banxue .banxue-right { width: 46.42857%; margin-top: 5%; }
.page-banxue .banxue-right h2 { color: #0c3d71; margin-bottom: 10px; }
.page-banxue .banxue-right p { height: 90px; }
.page-banxue .gallery-thumbs { position: relative; }
.page-banxue .gallery-thumbs .swiper-container { width: 92%; margin: 0 auto; }
.page-banxue .gallery-thumbs .swiper-slide { cursor: pointer; }
.page-banxue .gallery-thumbs .swiper-slide .img { border-radius: 10px; overflow: hidden; height: 80px; }
.page-banxue .gallery-thumbs img { width: 100%; height: 100%; object-fit: cover; transition: all .5s; }
.page-banxue .gallery-thumbs .swiper-slide:hover img { transform: scale(1.1); }
.page-banxue .gallery-thumbs .txt { text-align: center; margin-top: 10px; }
.page-banxue .gallery-thumbs .active-nav .img { border: 2px solid #f0910a; }
.page-banxue .swiper-button-next, .page-banxue .swiper-button-prev { width: 10px; height: 21px; }
.page-banxue .swiper-button-next { background-image: url(../images/icon_next.png); background-size: cover; right: 0px; }
.page-banxue .swiper-button-prev { background-image: url(../images/icon_prev.png); background-size: cover; left: 0px; }
.page-banxue .kctx { width: 100%; margin-bottom: 60px; }
.page-banxue .kctx img { width: 100%; }
.page-banxue .bjts .title { padding: 10px 0 30px; }
.page-banxue .bjts ul li { float: left; width: 14.28571%; text-align: center; }
.page-banxue .bjts ul li i { display: block; width: 70px; height: 70px; margin: 0 auto; }
.page-banxue .bjts ul li i img { width: 100%; }
.page-banxue .bjts ul li span { display: block; margin-top: 10px; font-weight: bold; }

@media screen and (max-width: 1280px) { .banner-inner { height: 80px; }
  .banner-inner .inner-nav ul li a { line-height: 70px; }
  .page-banxue .gallery-top { height: 300px; }
  .page-banxue .gallery-thumbs .swiper-slide .img { height: 70px; } }
@media screen and (max-width: 1024px) { .banner-inner { height: 80px; }
  .banner-inner .inner-nav ul li { width: 100px; }
  .banner-inner .inner-nav ul li a { line-height: 60px; }
  .page-banxue .title p { padding: 20px 0 50px; } }
@media screen and (max-width: 768px) { .banner-inner { height: 60px; }
  .banner-inner .word { padding-top: 20%; }
  .page-banxue .banxue-right { float: none; width: 100%; }
  .page-banxue .gallery-top { float: none; width: 100%; }
  .page-banxue .banxue-right p { height: auto; margin-bottom: 20px; }
  .page-banxue .title p { padding: 10px 0 30px; width: 100%; }
  .page-banxue .bjts ul li { width: 33.33%; margin-bottom: 20px; }
  .page-banxue .bjts ul li i { width: 60px; height: 60px; } }
@media screen and (max-width: 500px) { .page-banxue .gallery-top { height: 240px; }
  .page-banxue .gallery-thumbs .swiper-slide .img { height: 80px; }
  .page-banxue .gallery-thumbs .swiper-container { width: 80%; }
  .banner-inner .inner-nav ul li { width: 84px; } }
/* 人物专访列表页 */
.page-rxzx { padding: 80px 0; }
.page-rxzx ul { padding: 0 0 80px; }
.page-rxzx ul li { float: left; width: 23.92857%; margin-right: 1.42857%; margin-bottom: 20px; border-radius: 10px; overflow: hidden; }
.page-rxzx ul li:nth-child(4n) { margin-right: 0; }
.page-rxzx ul li .img { height: 145px; border-radius: 10px 10px 0 0; overflow: hidden; }
.page-rxzx ul li .img img { width: 100%; height: 100%; object-fit: cover; transition: all .4s; }
.page-rxzx ul li .txt { padding: 18px; border: 1px solid #eeeeee; border-radius: 0 0 10px 10px; }
.page-rxzx ul li .txt h2 { line-height: 24px; height: 48px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-weight: normal; }
.page-rxzx ul li .txt .datetime { margin-top: 10px; opacity: 0.5; }
.page-rxzx ul li:hover .img img { transform: scale(1.1); }
.page-rxzx ul li:hover .txt h2 { color: #e6432d; }

.pages { text-align: center; display: -webkit-flex; display: flex; align-items: center; justify-content: center; }
.pages .page { display: -webkit-flex; display: flex; align-items: center; justify-content: center; }
.pages .page a { display: inline-block; margin: 0 11px; }
.pages .page a.active { color: #e6432d; }
.pages .page a:hover { color: #e6432d; }
.pages .page .prevnext { width: 40px; height: 40px; border: 1px solid #a5a7ac; display: -webkit-flex; display: flex; align-items: center; justify-content: center; border-radius: 3px; }
.pages .page .prevnext i { display: inline-block; width: 8px; height: 16px; background-size: 100% 100%; }
.pages .page .prevnext .icon-prev { background-image: url(../images/icon_prev_gray.png); }
.pages .page .prevnext .icon-next { background-image: url(../images/icon_prev_gray.png); transform: rotate(-180deg); }
.pages .page .prevnext:hover { border-color: #0c3d71; }
.pages .page .prevnext:hover .icon-prev { background-image: url(../images/icon_prev.png); }
.pages .page .prevnext:hover .icon-next { background-image: url(../images/icon_prev.png); transform: rotate(-180deg); }
.pages .txt { width: 40px; height: 40px; border: 1px solid #a5a7ac; border-radius: 3px; text-align: center; margin: 0 14px; }
.pages .tz { margin-left: 27px; display: -webkit-flex; display: flex; align-items: center; justify-content: center; }
.pages .tz .icon-go { display: inline-block; width: 8px; height: 16px; background-size: 100% 100%; vertical-align: middle; margin-left: 18px; background-image: url(../images/icon_next.png); background-size: 100%; }
.pages .tz:hover { color: #e6432d; }

@media screen and (max-width: 1024px) { .page-rxzx ul { padding-bottom: 50px; }
  .page-rxzx ul li .txt { padding: 15px; } }
@media screen and (max-width: 768px) { .page-rxzx { padding: 60px 0; }
  .page-rxzx ul li { width: 48%; margin-right: 4%; }
  .page-rxzx ul li:nth-child(2n) { margin-right: 0; }
  .pages .page a { margin: 0 5px; }
  .pages .page .prevnext { width: 30px; height: 30px; }
  .pages .txt { width: 30px; height: 30px; margin: 0 6px; }
  .pages .tz { margin-left: 13px; }
  .pages .tz .icon-go { margin-left: 9px; } }
@media screen and (max-width: 500px) { .page-rxzx ul li { width: 100%; margin-right: 0; }
  .pages { display: block; }
  .pages span { display: inline-block; vertical-align: middle; margin-bottom: 10px; }
  .pages span:first-child { width: 100%; } }
/* 师资团队列表 */
.page-sztd { padding: 80px 0; }
.page-sztd ul { padding-bottom: 80px; }
.page-sztd ul li { float: left; width: 18.57143%; margin-right: 1.07143%; margin-bottom: 10px; padding: 20px; transition: all .4s; }
.page-sztd ul li:nth-child(5n) { margin-right: 0; }
.page-sztd ul li .img { height: 292px; width: 100%; overflow: hidden; }
.page-sztd ul li .img img { width: 100%; height: 100%; object-fit: cover; transition: all .4s; }
.page-sztd ul li .txt { text-align: center; }
.page-sztd ul li .txt h2 { margin-top: 15px; }
.page-sztd ul li .txt p { opacity: 0.7; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.page-sztd ul li:hover { box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); }
.page-sztd ul li:hover .img img { transform: scale(1.1); }
.page-sztd ul li:hover .txt h2 { color: #e6432d; }

@media screen and (max-width: 1440px) { .page-sztd ul li .img { height: 260px; } }
@media screen and (max-width: 1024px) { .page-sztd ul { padding-bottom: 50px; }
  .page-sztd ul li .img { height: 200px; }
  .page-sztd ul li { padding: 10px; } }
@media screen and (max-width: 768px) { .page-sztd { padding: 60px 0; }
  .page-sztd ul li .img { height: 310px; }
  .page-sztd ul li { width: 48%; margin-right: 4%; }
  .page-sztd ul li:nth-child(5n) { margin-right: 4%; }
  .page-sztd ul li:nth-child(2n) { margin-right: 0; } }
@media screen and (max-width: 500px) { .page-sztd ul li .img { height: 220px; } }
/* 师资团队详情 */
.page-contant { padding: 60px 0; }
.page-contant .tit { border-bottom: 1px solid #e9e9e9; margin-bottom: 60px; }
.page-contant .tit h1 { text-align: center; }
.page-contant .tit .other { padding: 20px 0 30px; }
.page-contant .tit .other .fl { opacity: 0.5; }
.page-contant .tit .other .fl span { margin-right: 40px; }
.page-contant .szcont .img { width: 226px; height: 327px; }
.page-contant .szcont .img img { width: 100%; height: 100%; object-fit: cover; transition: all .4s; }
.page-contant .szcont .txt { width: 76.78571%; margin-top: 70px; }
.page-contant .szcont .txt h2 { margin-bottom: 20px; }
.page-contant .szcont .txt p { line-height: 48px; }
.page-contant .sz-ft { margin-top: 60px; opacity: 0.7; }
.page-contant .sz-ft div { width: 50%; }
.page-contant .sz-ft div:last-child { text-align: right; }

@media screen and (max-width: 1280px) { .page-contant .szcont .img { width: 19.28571%; }
  .page-contant .tit .other .fl span { margin-right: 20px; }
  .page-contant .szcont .txt p { line-height: 40px; } }
@media screen and (max-width: 800px) { .page-contant .szcont .img { width: 226px; float: none; margin: 0 auto; }
  .page-contant .tit .other .fl { width: 100%; float: none; margin-bottom: 10px; }
  .page-contant .szcont .txt { float: none; width: 100%; }
  .page-contant .sz-ft div { width: 100%; float: none; }
  .page-contant .sz-ft div:last-child { text-align: left; } }
/* 新闻列表页 */
.page-tzgg { padding: 70px 0 80px; }
.page-tzgg ul { padding-bottom: 80px; }
.page-tzgg ul li { margin-bottom: 20px; }
.page-tzgg ul li a { display: block; }
.page-tzgg ul li .img { float: left; width: 26.64286%; height: 280px; overflow: hidden; }
.page-tzgg ul li .img img { width: 100%;  object-fit: cover; transition: all .4s; }
.page-tzgg ul li .txt { float: right; width: 66%; margin-right: 3.57143%; }
.page-tzgg ul li .txt h2 { padding: 48px 0 20px; border-bottom: 1px solid #e5e5e5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.page-tzgg ul li .txt p { margin: 20px 0 25px; opacity: 0.7; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 45px; }
.page-tzgg ul li .txt .datetime { color: #0c3d71; }
.page-tzgg ul li a:hover .img img { transform: scale(1.1); }
.page-tzgg ul li a:hover .txt h2 { color: #e6432d; }
.bgdd{margin:0 auto;width:100%;
}
.bgdd table{margin:0 auto;}
@media screen and (max-width: 1280px) { .page-tzgg ul li .txt h2 { padding: 28px 0 20px; }
  .page-tzgg ul li .img { height: 220px; } }
@media screen and (max-width: 1024px) { .page-tzgg ul li .txt h2 { padding: 28px 0 20px; }
  .page-tzgg ul li .img { height: 200px; }
  .page-tzgg { padding: 50px 0 60px; }
  .page-tzgg ul { padding-bottom: 60px; } }
@media screen and (max-width: 768px) { .page-tzgg ul li .txt { margin-right: 0; width: 70%; } }
@media screen and (max-width: 560px) { .page-tzgg ul li .img { float: none; width: 100%; }
  .page-tzgg ul li .txt { width: 100%; float: none; }
  .page-tzgg ul li .txt h2 { padding: 10px 0; }
  .page-tzgg ul li .txt p { margin: 10px 0 20px; } }
.news-cont p { line-height: 48px; font-size: 16px; }
.news-cont p img { max-width: 100%; margin: 20px 0; }

/* 学校简介 */
.page-intro { padding: 40px 0 50px; }
.page-intro .fxzj { width: 38.35714%; margin: 0 auto 50px; }
.page-intro .fxzj img { width: 100%; }
.page-intro p { line-height: 40px; width: 70%; text-align: center; margin: 0 auto; }
.page-intro .videobox { border-radius: 10px; position: relative; overflow: hidden; width: 48.92857%; margin: 60px auto 0; }
.page-intro .videobox .img img { width: 100%; transition: all .4s; }
.page-intro .videobox .zhegao { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); }
.page-intro .videobox .icon-play { display: block; width: 70px; height: 70px; background: url(../images/icon_paly.png) center center/cover no-repeat; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all .4s; }
.page-intro .videobox a:hover .img img { transform: scale(1.1); }

@media screen and (max-width: 1440px) { .page-intro .videobox .icon-play { width: 60px; height: 60px; } }
@media screen and (max-width: 1280px) { .page-intro .videobox .icon-play { width: 50px; height: 50px; } }
@media screen and (max-width: 1024px) { .page-intro { padding: 50px 0 60px; }
  .page-intro p { line-height: 36px; }
  .page-intro .videobox { margin: 40px auto 0; width: 70%; } }
@media screen and (max-width: 768px) { .page-intro .fxzj { width: 70%; margin-bottom: 30px; }
  .page-intro p { line-height: 32px; width: 100%; }
  .page-intro .videobox { margin: 30px auto 0; width: 100%; } }
.wrap{width: 88%;max-width: 1200px;margin: 0 auto;/*border: 1px solid red;*/}
.en-swiper{position: relative;}
.en-swiper .img{width: 100%;overflow: hidden;}
.en-swiper .img img{width: 100%;height: 100%;object-fit: cover;}
.en-swiper .txt{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.en-swiper .txt h3{color: #FFFFFF;line-height: 30px;margin: 0 auto;width: 24px;font-family: "寰蒋闆呴粦";}
.en-swiper .mesa-btn-prev{left: -166px;}
.en-swiper .mesa-btn-next{right: -166px;}
.en-swiper .swiper-slide{width: 12.4%;}
.en-swiper .swiper-slide-active{width: 62.5%;}
.en-swiper .swiper-slide-active .txt h3{width: 100%;}
.en-swiper .swiper-slide-active .txt{top: auto;bottom: 0;}
.en-list ul li>a{display: block;}
.en-list ul li{position: relative;margin-bottom: 40px;width: 49%;margin-right: 1%;float: left;cursor: pointer;}
.en-list ul li:nth-child(2n){margin-right: 1%;}
.en-list ul li::after{content: "";width: calc(100% - 60px);height: calc(100% - 30px);position: absolute;bottom: 0;left: 49%;transform: translateX(-50%);}
.en-list ul li.libig::after{content: "";width: calc(100% - 60px);height: calc(100% - 10px);position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.en-list ul li:first-child{margin-top: 0;}
.en-list ul li.libig{float: none;width: 100%;margin-right: 0;top:40px;margin-bottom:80px;}
.en-list ul li .img{width: 100%;overflow: hidden;}
.en-list ul li .img img{width: 100%;height: 100%;object-fit: cover;transition: all .4s;border-radius:20px;}
.en-list ul li .txt{width: 89.8%;margin: 0 auto;}
.en-list ul li .txt h3{color: #333333;text-align: center;line-height: 100px;box-shadow: 0px 5px 16px 0px rgba(53, 53, 53, 0.25);padding: 0 10px;white-space: normal;overflow: hidden;text-overflow: ellipsis;transition: all .4s;}
.en-list ul li:hover .img img{transform: scale(1.1);transition: all .4s;}
.en-list ul li:hover .txt h3{color: #0b2c7c;transition: all .4s;}
@media screen and (max-width: 1440px) {
	.en-swiper .txt h3{line-height: 24px;}
	.en-swiper .mesa-btn-prev{left: -116px;}
	.en-swiper .mesa-btn-next{right: -116px;}
	.en-list ul li .txt h3{line-height: 80px;}
}
@media screen and (max-width: 1366px) {
	.en-swiper .mesa-btn-prev{left: -66px;}
	.en-swiper .mesa-btn-next{right: -66px;}
}
@media screen and (max-width: 1200px) {
	.en-swiper .mesa-btn-prev{left: -56px;}
	.en-swiper .mesa-btn-next{right: -56px;}
}
@media screen and (max-width: 1024px) {
	.en-swiper .mesa-btn-prev{left: -36px;}
	.en-swiper .mesa-btn-next{right: -36px;}
	.en-list ul li .txt h3{line-height: 60px;}
}
@media screen and (max-width: 768px) {
	.en-swiper .txt h3{line-height: 20px;}
	.en-swiper .mesa-btn-prev{left: 40%;top: auto;bottom: -30px;}
	.en-swiper .mesa-btn-next{right: 40%;top: auto;bottom: -30px;}
	.en-list ul li .txt h3{line-height: 42px;}
}
@media screen and (max-width: 500px) {
	.en-swiper .swiper-slide{width: 100%;}
	.en-swiper .swiper-slide-active .txt{bottom: 5px;}
	.en-list ul li{width: 100%;margin-right: 0;}
}
@media screen and (max-width: 414px) {
	.en-swiper .mesa-btn-prev{left: 35%;}
	.en-swiper .mesa-btn-next{right: 35%;}
}

