@charset "utf-8";


#content { max-width: 100%; min-width: 1400px; background:#fff url(/uploads/image/cmbimg/bg-news.jpg) no-repeat center top; padding-top: 0; margin-bottom: 0; position: relative; z-index: 1;}
.page-banner { display: none; }


/* banner */
.banner {  position: fixed; left: 0; top: 0; width: 100%; height: 100vh; overflow: hidden; z-index: 0; }
.banner .swiper-slide{ overflow: hidden; }
.banner .pic img{ width: 100%; height: 100vh; animation: slidebanner 8s ease-in-out 1; object-fit: cover; }
@keyframes slidebanner {
    0% { transform: scale(1.2); }
    100% {transform: scale(1); }
}

.banner .pic:hover img { transform: scale(1); -webkit-transform: scale(1); }
.banner .con { display: none; }
.banner .hd {  height: 8px; position: absolute; right: 5%; bottom: 30px;  }
.banner .hd li { vertical-align: top; display: inline-block; transition: all 0.5s; border-radius: 0; width: 40px; height: 8px; cursor: pointer; background: rgba(255, 255, 255, 0.70); margin: 0 10px; opacity: 1; }
.banner .hd li.on { background: rgba(0, 151, 255, 0.70); }
.banner .hd li span { display: none; }
.banner-mask { height: 100vh; transition: all .5s cubic-bezier(.5,0,.2,1) 0s; }
.banner-mask.fixed{ height: 0; }


/* index_nav */
.index_nav {position: absolute;bottom: 5%;left: 50%;margin-left: -50px;width: 100px;text-align: center;z-index: 2;/* background: rgba(0,0,0,0.5); */}
.index_nav a {display: block;margin: 0 auto;width: 100px;font-weight: bold;height: 30px;background: url(/uploads/image/cmbimg/guide-arrow.png) no-repeat center 54px #fd5e1f;font-size: 20px;cursor: pointer;animation: arrow 3s ease infinite;text-align: center;padding-bottom: 40px;color: #fff;border-radius: 10px;padding-top: 10px;}

@keyframes arrow {
    50% {
        transform: translatey(-10px);
    }
}

#index_1 { width: 100%; height: 100px; left: 0; bottom: 0; position: absolute; z-index: -5; }

/* row---------------------------- */
.row { padding-top: 40px; padding-bottom: 50px; }

a.more { display: flex; order: 1; align-items: center; justify-content: space-evenly; transition: all 0.5s; color: #484848; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1); width: 90px; padding: 0 10px; height: 45px; line-height: 45px; background-color: #fff; border-radius: 45px; }
a.more::after { display: block; border-radius: 100%; content: "\e654"; color: #fff; text-align: center; transition: all 0.5s; background-color: #fd5e1f; width: 22px; height: 22px; font: normal 20px/22px iconfont; }
a.more:hover { background-color: #fd5e1f; color: #fff; }
a.more:hover::after { background-color: #fff; color: #fd5e1f; }


.btn-more { display: flex; align-items: center; justify-content: space-evenly; width: 105px; padding: 0 10px; background-color: #fd5e1f; font-size: 14px; border-radius: 20px; height: 38px; text-align: center; line-height: 38px; color: #fff;}
.btn-more::after { display: block; content: "\e627"; font: 18px/38px iconfont; }
.btn-more:hover { color: #fd5e1f; background-color: #fff; }

/* box-default */
.box-default .hd { height: 80px; line-height: 80px; display: flex; align-items: center; justify-content:space-between; margin-bottom: 20px;}
.box-default .hd h3 { font-size: 36px; font-weight: bold; color: #0471b2; position: relative; display: flex; align-items: center;}
.box-default .hd h3::before { display: block; content: ""; background-color: #0471b2; width: 5px; height: 30px; margin-right: 20px; }
.box-default .hd h3 a { color: inherit; }


/* date-list */
.date-list .n { display: flex; position: relative; padding: 15px 15px 15px 5px; transition: all 0.5s; background-color: #fff; height: 70px; margin-bottom: 30px; align-items: center; }
.date-list .n .calendar { width: 85px; border-right: 1px solid #ececec; color: #999;  text-align: center; font-size: 14px; }
.date-list .n .calendar em { display: block; font-size: 34px; font-weight: bold; line-height: 1; }
.date-list .n .calendar span { display: block; line-height: 2; }
.date-list .n a { display: block; flex: 1; line-height: 26px; padding-left: 25px; max-height:52px;  overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.date-list .n a::after { display: block; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.date-list .n:hover { background-color: #0471b2; }
.date-list .n:hover .calendar,
.date-list .n:hover a { color: #fff; }

/* row-news------------------- */
.row-news {}

/* box-news */
.box-news { float: left; width: 820px; margin-right: 30px; }
.box-news .bd {  padding-left: 500px; position: relative; }
.box-news .bd .t { width: 320px; height: 200px; position: relative; }
.box-news .bd .t .pic img { width: 320px; height: 200px; }
.box-news .bd .t .title { }
.box-news .bd .first { position: absolute; left: 0; top: 0; width: 450px; height: 472px;}
.box-news .bd .first .pic img { width: 100%; height: 280px; }
.box-news .bd .first .tit { position: relative; display: block; font-size: 18px; line-height: 30px;; height: 30px; margin-bottom: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.box-news .bd .first .date { display: block; color: #999; padding-top: 10px;}
.box-news .bd .first .intro { line-height: 26px; height: 52px; color: #999; margin-bottom: 20px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }

.box-news .btn-more { width: 85px; line-height: 28px; height: 28px; background-color: #b6b6b6; font-size: 12px; }
.box-news .btn-more:hover { background-color: #fd5e1f; color: #fff; }


.box-news .bd .t:nth-child(2) { margin-bottom: 60px; border-bottom: 1px solid #ebebeb; }
.box-news .bd .t:nth-child(2)::after { background-color: #ebebeb; position: absolute; width: 100%; height: 1px; content: ""; left: 0; bottom: -30px; }

.box-news .bd .n .intro,
.box-news .bd .n .date,
.box-news .bd .n .btn-more { display: none; }
.box-news .bd .n .title { position: absolute; bottom: 0; left: 0; width: 90%; color: #fff; padding: 0 5%; background: rgba(0, 0, 0, 0.5); height: 40px ;line-height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.box-news .bd .n .title a { color: inherit; }

/* box-notice */
.box-notice { overflow: hidden; }
.box-notice .date-list .n { margin-bottom: 20px; }
.box-notice .date-list .n .calendar em { color: #0471b2; }
.box-notice .date-list .n:hover .calendar em  { color: #fff;}

/* row-enroll------------------- */
.row-enroll { background: url(/uploads/image/cmbimg/bg-zsjy.png) no-repeat center top; background-size: cover; height: 560px;}

/* box-enroll */
.box-enroll .hd h3 { color: #fff; }
.box-enroll .hd h3::before { background-color: #fff; }
.box-enroll .bd { position: relative; padding-left: 550px; padding-top: 80px;}
.box-enroll .bd .t { position: absolute; width: 400px; left: 0; top: 43px; padding: 30px 70px 0 40px;  }
.box-enroll .bd .t .date { font-size: 18px; font-weight: bold; opacity: 0.8; color: #fff; padding-bottom: 10px; display: block; position: relative; margin-bottom: 10px;}
.box-enroll .bd .t .date::after { width: 30px; height: 1px; background-color: #fff; display: block; content: ""; opacity: 0.8; }
.box-enroll .bd .t .title a { line-height: 30px; margin-bottom: 15px; font-weight: bold; font-size: 20px; color: #fff; height: 60px;  overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.box-enroll .bd .t .intro { line-height: 30px; height: 150px; margin-bottom: 20px; color: #fff; opacity: 0.8; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.box-enroll .bd .n { width: 390px; float: left; }
.box-enroll .bd .n:nth-child(2n) { float: right; }


/* row-teach------------------- */

/* box-teach */
.box-teach .bd li { display: flex; align-items: center; border-radius: 20px; overflow: hidden; border-bottom: 1px solid #e5e8ee; padding: 30px 60px; }
.box-teach .bd .pic { width: 180px; height: 120px; margin-left: 50px; }
.box-teach .bd .con { display: flex; align-items: center; flex: 1; padding-left: 50px; overflow: hidden;}
.box-teach .bd .con .in { padding-right: 60px; flex: 1; overflow: hidden; }
.box-teach .bd .title { font-size: 20px; font-weight: bold; margin-bottom: 10px; height: 40px; line-height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.box-teach .bd .intro { font-size: 16px; line-height: 26px; max-height: 52px; color: #999;  overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.box-teach .bd .calendar { position: relative; padding-right: 65px; }
.box-teach .bd .calendar em { font-size: 32px; display: block; width: 95px; }
.box-teach .bd .calendar::after { display: block; position: absolute; content: ""; width: 22px; height: 3px; background-color: #b7b7b7; top: 50%; transform: translatey(-50%); right: 0; }
.box-teach .btn-more { background-color: #0471b2; }
.box-teach .btn-more:hover { background-color: #fd5e1f; color: #fff; }
.box-teach .bd li:hover { background-color: #f2f4f8; }
.box-teach .bd li:hover .calendar { color: #0471b2; }


/* row-student------------------- */
.row-student { background: url(/uploads/image/cmbimg/bg-xstd.jpg) no-repeat center; background-size: cover; }

/* box-student */
.box-student .hd h3 { color: #fff; }
.box-student .hd h3::before { background-color: #fff; }
.box-student .bd { width: 1400px; overflow: hidden; margin-bottom: 30px; }
.box-student .bd li { float: left; width: 660px; height: 300px; position: relative; margin-right: 80px; padding: 35px 0; display: flex; align-items: center; justify-content:space-between; }
.box-student .bd li::before { display: block; width: 630px; height: 100%; content: ""; background: #266b97; border-radius: 20px 0 0 20px; position: absolute; top: 0; left: 0;
	background-image: -moz-linear-gradient( 0deg, rgb(38,107,151) 0%, rgb(53,159,225) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(38,107,151) 0%, rgb(53,159,225) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(38,107,151) 0%, rgb(53,159,225) 100%);
 }
.box-student .bd li:nth-child(2n)::before { left: auto; right: 0; border-radius: 0 20px 20px 0;
	background-image: -moz-linear-gradient( 180deg, rgb(38,107,151) 0%, rgb(53,159,225) 100%);
	background-image: -webkit-linear-gradient( 180deg, rgb(38,107,151) 0%, rgb(53,159,225) 100%);
	background-image: -ms-linear-gradient( 180deg, rgb(38,107,151) 0%, rgb(53,159,225) 100%);
 }
.box-student .bd .pic-box,.box-student .bd .con { position: relative; z-index: 1; }
.box-student .bd .pic-box { width: 300px; height: 300px; background-color: #fff; }
.box-student .bd .title { margin: 15px 20px; line-height: 30px; font-size: 18px; max-height: 60px;  overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.box-student .bd .con { flex: 1 0 0%; min-width: 0; padding: 0 40px; color: #fff; }
.box-student .bd .intro { line-height: 30px; height: 120px; margin-bottom: 20px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.box-student .bd li:nth-child(2n) .con { order: 1; }

.box-student .bd .date { font-size: 18px; font-weight: bold; opacity: 0.8; padding-bottom: 10px; display: block; position: relative; margin-bottom: 10px;}
.box-student .bd .date::after { width: 30px; height: 1px; background-color: #fff; display: block; content: ""; opacity: 0.8; }

.box-student .arrow { text-align: center; }
.box-student .arrow>a { display: inline-block; margin: 0 10px; width: 40px; height: 40px; text-align: center; line-height: 40px; background-color: #fff; border-radius: 100%; }
.box-student .arrow>a:hover { background-color: #fd5e1f; }
.box-student .arrow>a::before { display: block; content: "\e648"; font-family: "iconfont"; font-size: 20px; color: #0471b2; text-align: center; line-height: 40px; }
.box-student .arrow .next::before { content: "\e647"; }
.box-student .arrow>a:hover::before { color: #fff; }

.nextstop { background-color: #ddd; }


/* row-pic------------------- */
.row-pic { padding-top: 0; }

/* box-pic */
.box-pic .hd { padding-top: 20px; margin-bottom: 20px; }
.box-pic .hd h3 { text-align: center; font-weight: bold; font-size: 40px; line-height: 2; }
.box-pic .hd h3 a { color: #0471b2; }
.box-pic .bd li { position: relative; }
.box-pic .bd { position: relative; padding: 0 100px; }
.box-pic .bd .pic { width: 100%; height: 650px; }
.box-pic .bd .title { position: absolute; font-size: 24px; line-height: 80px; color: #fff; height: 80px; bottom: 0; width: 90%; text-align: center; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.80) 100%); padding: 0 5%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.box-pic .bd .title a { color: inherit; }
    
.box-pic .bd .arrow { display: block; width: 60px; height: 60px; border-radius: 100%; background-color: #0471b2; position: absolute; top: 50%; transform: translatey(-50%);}
.box-pic .bd .arrow::before { display: block; content: "\e648"; font-family: "iconfont"; font-size: 30px; color: #fff; text-align: center; line-height: 60px;}
.box-pic .bd .prev { left: 0; }
.box-pic .bd .next { right: 0; }
.box-pic .bd .next::before { content: "\e647"; }
.box-pic .bd .arrow:hover { background-color: #fd5e1f; }