@charset "utf-8";

#content { width: auto; min-width: 1200px;margin: 0 auto;  }
/* 轮播大图 */
.banner { position: relative; clear: both; }
.banner .bd li { display: block; width: 100%; background-size: cover !important; animation: slideBanner 8s ease-in-out 1; }
.banner .bd li a { display: block; }
.banner .bd .con { display: none;; }
.banner .hd { height: 10px; overflow: hidden; position: absolute; left: 0; width: 100%; bottom: 55px; text-align: center; font-size: 0; }
.banner .hd li { cursor: pointer; display: inline-block; vertical-align: top; margin: 0 3px; width: 10px; height: 10px; background: #fff; border-radius: 14px; border-radius: 10px; transition: all 0.5s; }
.banner .hd li span { display: none;}
.banner .hd .on { width: 22px; background: #ffba00;}
@keyframes slideBanner {
    0% { transform: scale(1.2); }
    100% { transform: scale(1); }
}


/* row --------------------------------- */
.row { clear: both; min-width: 1200px; width: 100%; }

/* row-news ---------------------------- */
.row-news { padding-top: 20px; background-color: #fff; }

/* box-news ----------*/
.box-news { float: left; width: 760px; margin-right: 30px; margin-bottom: 40px; }

/* top-list */
.top-list .t { float: left; width: 31%; margin-right: 3.5%; }
.top-list .t:nth-child(3) { margin-right: 0; }
.top-list .pic a { display: block; overflow: hidden; position: relative; padding-bottom: 69.57%; height: 0; z-index: 1; }
.top-list .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%;  }
.top-list .con { padding: 10px 5px; display: flex; }
.top-list .titleBg { width: 4px; height: 10px; background-color: #0554ac; margin-right: 10px; margin-top: 7px; }
.top-list .title { line-height: 26px; height: 52px; min-width: 0; flex: 1 0 0%; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.top-list .title a { background-image: linear-gradient(#06c, #06c); background-position: right bottom; background-size: 0 1px; background-repeat: no-repeat; transition: background-size .8s;}
.top-list .title:hover { color: #0b58a5; }
.top-list .title:hover a { background-position: left bottom; background-size: 100% 1px; }
.top-list .n { clear: both; padding: 0 5px; line-height: 49px; height: 49px; border-bottom: 1px dashed #b2b2b2; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.top-list .n .date { font-size: 14px; color: #999; padding: 0 14px; display: inline-block; position: relative; margin-right: 10px; }
.top-list .n .date::before,
.top-list .n .date::after { display: block; content: ""; height: 10px; background-color: #999; position: absolute; top: 50%; transform: translateY(-50%); width: 1px; }
.top-list .n .date::before { width: 4px; left: 0; }
.top-list .n .date::after { right: 0; }

/* box-notice ----------*/
.box-notice { float: right; width: 410px; }
.box-notice .hd h3 a::before { content: "\E792"; }
.box-notice .date-list { min-height: 385px; }

/* date-list */
.date-list li { display: flex; align-items: center; margin-bottom: 20px; }
.date-list li.last { margin-bottom: 0; }
.date-list .calendar { box-shadow: 0px 2px 3px 0px rgba(4, 0, 0, 0.2); width: 60px; height: 60px; transition: all 0.5s; text-align: center; line-height: 1.3; margin-right: 30px; }
.date-list .calendar em { font-size: 24px; padding-top: 5px; display: block; }
.date-list .calendar span { font-size: 12px; display: block; opacity: 0.7; }
.date-list .con { flex: 1 0 0%; min-width: 0; border-bottom: 1px dashed #b2b2b2; min-height:60px; }
.date-list .title { line-height: 26px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.date-list .title a { display: flex; align-items:center; height: 52px; }
.date-list li:hover .calendar {  background-color: #0062ad; color: #fff;}

/* icon-font */
.icon-font { margin-bottom: 40px; }
.icon-font li { background-color: #edeef0; float: left; width: 14.285%; height: 130px; text-align: center; position: relative; transition: all 0.5s; }
.icon-font li::after { display: block; content: ""; width: 1px; height: 100%; background: #fff; position: absolute; right: 0; top: 0; }
.icon-font li:last-child::after { display: none; }
.icon-font a { color: #555; display: block; box-sizing: border-box; padding-top: 18px; height: 100%;    padding: 18px 10px;
    line-height: 20px; }
.icon-font a::before { display: block; content: "\E793"; font-size: 60px; font-family: "font-webicon"; line-height: 60px; transition: all .5s;  }
.icon-font .li2 a::before { content: "\E794"; }
.icon-font .li3 a::before { content: "\E795"; }
.icon-font .li4 a::before { content: "\e615";font-size: 45px;  }
.icon-font .li5 a::before { content: "\e61b";font-size: 45px; }
.icon-font .li6 a::before { content: "\E798"; }
.icon-font .li7 a::before { content: "\e617";font-size: 45px; }
.icon-font li:hover { background-color: #0062ad; transform: translateY(-10px); box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05); }
.icon-font li:hover a { color: #fff; }
.icon-font li:hover a::before { transform: rotateY(180deg); color: #fff; }

/* row-teach ---------------------------- */
.row-teach { background: url(../../base/img/row-bg-01.jpg) no-repeat center; background-size: cover; padding: 50px 0 70px; }

/* row-study ---------------------------- */
.row-study { background: url(../../base/img/row-bg-02.jpg) no-repeat center; background-size: cover; padding: 60px 0; }

/* box-study */
.box-study .calendar-list { float: left; width: 550px; margin-right: 100px; }
.box-study .bd { height: 300px; overflow: hidden;}
.box-study .bd li { display: flex; align-items: center; margin-bottom: 60px; }
.box-study .bd .con { flex: 1 0 0%; min-width: 0; }
.box-study .bd .title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 40px; height: 40px; color: #fff;}
.box-study .bd .title a { color: inherit; background-image: linear-gradient(#f4792e, #f4792e); background-position: right bottom; background-size: 0 1px; background-repeat: no-repeat; transition: background-size .8s;}
.box-study .bd .title:hover { color: #f4792e; }
.box-study .bd .title:hover a { background-position: left bottom; background-size: 100% 1px; }
.box-study .bd .intro { font-size: 14px; opacity: 0.7; color: #fff; line-height: 24px; height: 48px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.box-study .calendar { border: 2px solid rgba(255, 255, 255, 0.7); width: 100px; position: relative; height: 80px; padding: 0 5px; box-sizing: border-box; margin-right: 30px; color: #fff; }
.box-study .calendar em { font-size: 24px; display: block; line-height: 1.7; }
.box-study .calendar span { font-size: 14px; display: block; text-align: right; }
.box-study .calendar::after { display: block; content: ""; position: absolute; left: -7px; top: 0; width: 100px; height: 71px; background: linear-gradient(140deg, transparent 49%, rgba(255, 255, 255, 0.5) 50%, transparent 51%); }


/* row-video ---------------------------- */
.row-video { background: url(../../base/img/row-bg-03.jpg) no-repeat center; background-size: cover; padding: 50px 0 70px; }
.row-video .bd { height: 430px; }

/* box-video */
.box-video { float: right; width: 420px; }
.box-video>.hd h3 a::before { content: "\E619"; }
.box-video .bd { padding: 20px; background-color: #fff; box-shadow: 0px 0px 7px 0px rgba(4, 0, 0, 0.2); }
.video-list .t,.video-list li { position: relative; margin-bottom: 10px; }
.video-list .t .pic img ,.video-list li .pic img{ height: 220px; width: 100%; }
.video-list .t .title ,.video-list li .title{ position: absolute; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); line-height: 50px; height: 50px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; padding: 0 15px; color: #fff; box-sizing: border-box; }
.video-list .t .title a { color: inherit; }
.video-list .n,.video-list1 li { line-height: 40px; height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.video-list .n::before,.video-list1 li::before { display: inline-block; content: "\E625"; font-size: 20px; font-family: "font-webicon"; color: #6e9cca;  }
.video-list .n .date,.video-list1 li .date { float: right; color: #999; font-size: 14px; margin-left: 20px; }
.video-list .first .title{
    display:none;
}

.video-list .pic a::after { content: '\e734'; font-family: "fontpower"; position: absolute; left: 50%; top: 50%; margin: -30px 0 0 -30px; width: 60px; font-size: 54px; color: #fff; line-height: 60px; text-align: center; }


/* box-cooperation */
.box-cooperation { float: left; width: 740px;}
.box-cooperation>.hd h3 a::before { content: "\E803"; }
.box-cooperation .bd { background-color: #fff; padding: 20px; box-shadow: 0px 0px 7px 0px rgba(4, 0, 0, 0.2); }

/* pic-list */
.box-cooperation .pic-list { margin-bottom: 30px; }
.box-cooperation .pic-list li { float: left; width: 48.5%; height: 220px; position: relative; overflow: hidden;}
.box-cooperation .pic-list .pic img { height: 220px; width: 100%; }
.box-cooperation .pic-list .last { float: right; }
.box-cooperation .pic-list .title { position: absolute; bottom: -50px; transition: all 0.5s; left: 0; background-color: rgba(0, 0, 0, 0.5); line-height: 50px; height: 50px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; padding: 0 15px; color: #fff; box-sizing: border-box; }
.box-cooperation .pic-list .title a { color: inherit; }
.box-cooperation .pic-list li:hover .title { bottom: 0; }

/* date-list */
.box-cooperation .date-list li {  float: left; width: 48.5%; }
.box-cooperation .date-list li:nth-child(2n) { float: right; }
.box-cooperation .date-list .calendar { box-shadow: none; width: 74px; height: 74px; border: 3px solid #b1cfe2; margin-right: 15px; box-sizing: border-box;}
.box-cooperation .date-list .calendar em { font-size: 28px; }
.box-cooperation .date-list .con { border-bottom: none; height: 74px; }
.box-cooperation .date-list .title a { height: 74px; }
.box-cooperation .date-list li:hover .calendar { border-color: #0062ad; }