@charset "utf-8";
/* CSS Document */
#content { width: 100%; min-width: 1400px; }
.row { padding: 50px 0; min-width: 1400px; }

/* 首页大广告图-indBanner*/ 
.indBanner{ overflow:hidden; min-height:200px; position:fixed; left:0; top:0; width:100%; height:100vh; z-index:1;}
.indBanner::after{content:""; display:block; height:130px; position:absolute; bottom:0px; left:0px; right:0px;  background: linear-gradient(0deg, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 0.00) 100%); z-index:2}
.indBanner .swiper-slide { overflow:hidden}
.indBanner .swiper-slide .pic img{ width:100%; min-width: 1400px; height: 100vh; transform: translate3d(0px, 0px, 0px) scale(1.1); transition: opacity 0.5s ease 0s, transform 0s ease 1s; object-fit: cover;}
.indBanner .swiper-slide-active .pic img { transform: scale(1); transition: all 5s ease 0s; }
.indBanner .swiper-slide .videoLink{position:absolute; left:0px; top:0; right:0; bottom:0; display:block; } 
.indBanner .swiper-slide video{object-fit: fill;width: 100%; height: auto; max-height: 100vh;}
.indBanner .swiper-slide .con{position:absolute; bottom:80px; left:50%; margin-left:-600px; max-width:1400px; z-index:10;}
.indBanner .swiper-slide .con .title{height:50px; line-height:50px; font-size:24px; color:#fff; padding-left:15px; position:relative; display:none;}
.indBanner .swiper-slide .con .title::before{content:""; display:block; width:4px; height:28px; background:#F50042; position:absolute; left:0px; top:11px;}
.indBanner .swiper-slide .con .title a{color:#fff; }
.indBanner .swiper-pagination{bottom:50px; z-index:3}
.indBanner .swiper-pagination .swiper-pagination-bullet {width:30px; height:30px; line-height: 30px; border-radius:100%; background:none; opacity: 0.7; margin:0 10px; position:relative; border: 1px solid #fff; text-align: center; }
.indBanner .swiper-pagination .swiper-pagination-bullet::before{content:"\E785"; display:block; font-family: "font-webicon"; font-size: 24px; color: #fff;}
.indBanner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ opacity:1; }
.indBanner-mask{ height:100vh; position:relative; z-index:auto; bottom:-1px;}



/* index_nav */
.index_nav {position: absolute;bottom: 20px;left: 50%; transform: translateX(-50%); width: 50px;text-align: center;z-index: 22; }
.index_nav a {display: block;margin: 0 auto;width: 50px;font-weight: bold; height: 30px;background: url(../../base/img/arrow-up.png) no-repeat center; 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: 80px; left: 0; bottom: 0; position: absolute; z-index: -5; }

/* row-news -------------------------------- */
.row-news { background: url(../../base/img/row-bg-01.jpg) no-repeat center top; background-size: cover; }


/* box-news */
.box-news>.bd { display: flex; justify-content: space-between; align-items: center; padding-bottom: 70px; }
.box-news .top-list { width: 680px; }
.box-news .top-list li { margin-bottom: 15px; }
.box-news .top-list li:last-child{ margin-bottom: 0; }
.box-news .top-list .title { display: flex; justify-content: space-between; align-items: center; line-height: 40px; height: 40px; margin-bottom: 3px; }
.box-news .top-list .title a { font-size: 18px; flex: 1 0 0%; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.box-news .top-list .title .date { order: 1; color: #d2b176; font-size: 14px; margin-left: 20px; }
.box-news .top-list .intro { font-size: 14px; line-height: 24px; color: #999;  overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }

/* focusNews */
#focusNews { width: 680px; height: 525px; position: relative; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); background-color: #fff; }
#focusNews .bd .pic { overflow: hidden; }
#focusNews .bd .pic,
#focusNews .bd .pic img { width: 680px; height: 425px; }
#focusNews .bd .pic img { transition: 0.5s; }
#focusNews .bd .pic:hover img { transform: scale(1.05); }
#focusNews .bd .con { padding: 0 15px; }
#focusNews .bd .title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; font-size: 18px; line-height: 40px; height: 40px; margin: 5px 0; }
#focusNews .hd ul { display: flex; align-items: center; justify-content: center; }
#focusNews .hd li { width: 20px; height: 20px; background-color: #999; transition: 0.5s; cursor: pointer; line-height: 20px; font-size: 14px; color: #fff; text-align: center; margin: 0 3px; }
#focusNews .hd li.on { background-color: #d2b176; }

/* btn-pic */
.btn-pic { margin-bottom: 20px; }
.btn-pic .hd { display: none; }
.btn-pic .bd ul { display: flex; align-items: center; justify-content: space-between;}
.btn-pic .bd li { width: 310px; position: relative; overflow: hidden; height: 480px; }
.btn-pic .bd .title { font-weight: bold; line-height: 40px; transition: 0.4s; position: absolute; text-shadow: 0px 3px 10px rgba(134, 77, 35, 0.5); top: 30px; left: 40px; width: 40px; font-size: 36px; color: #fff; }
.btn-pic .bd .title a { color: inherit; }
.btn-pic .bd .pic img { width: 310px; height: 480px; transition: 0.5s; }
.btn-pic .bd .pic a::after { display: block; content: ""; background-color: #000; opacity: 0; transition: 0.5s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.btn-pic .bd li:hover .pic img { transform: scale(1.05); }
.btn-pic .bd li:hover .pic a::after { opacity: 0.3; }
.btn-pic .bd li:hover .title { top: 35px; }

/* row-edu -------------------------------- */
.row-edu { background: #ecf0fc url(../../base/img/row-bg-02.jpg) no-repeat center bottom; background-size: cover; padding-bottom: 95px; }

/* text-list */
.text-list { display: flex; justify-content: space-between; }
.text-list li { width: 290px; position: relative; }
.text-list li::after { display: block; content: ""; width: 1px; height: 100%; background-color: #c4c6cf; position: absolute; top: 0; right: -40px; }
.text-list .last::after { display: none; }
.text-list .title { margin-bottom: 30px; line-height: 32px; height: 64px; font-weight: bold; font-size: 18px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.text-list .title a { background-image: linear-gradient(#0071bc, #0071bc); background-position: right bottom; background-size: 0 1px; background-repeat: no-repeat; transition: background-size .8s;}
.text-list .title:hover a { background-position: left bottom; background-size: 100% 1px; }
.text-list .intro { font-size: 14px; line-height: 24px; margin-bottom: 40px; color: #6a6c6f; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.text-list .others { font-size: 14px; display: flex; justify-content: space-between; color: #6a6c6f; }
.text-list .others a { color: inherit; }
.text-list .others a:hover { color: #0071bc; }

/* row-btn -------------------------------- */
.row-btn { background: #ecf0fc url(../../base/img/row-bg-03.jpg) no-repeat center bottom; background-size: cover; padding-bottom: 90px; padding-top: 90px; }

/* box-btn */
.box-btn { display: flex; flex-wrap: wrap; }
.box-btn li { position: relative; overflow: hidden; width: 25%; height: 260px; }
.box-btn .pic { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.box-btn .pic img { width: 100%; height: 100%; transition: 0.5s; }
.box-btn .title { text-align: center; font-size: 24px; font-weight: bold; padding-top: 45px; box-sizing: border-box; position: relative; z-index: 5; width: 100%; height: 100%; }
.box-btn .title a { color: #fff; transition: 0.5s; }
.box-btn .title a::after { display: block; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 6;}
.box-btn .li1 { background-color: #c85258; }
.box-btn .li4 { background-color: #42919d; }
.box-btn .li7 { width: 50%; }
.box-btn li i { display: block; position: relative; width: 113px; height: 112px; margin: 0 auto 20px; }
.box-btn li i:before,
.box-btn li i:after { width: 100%; height: 100%; display: block; content: ""; opacity: 0.5; position: absolute; top: 0; left: 0;}
.box-btn li i:before { background: url(../../base/img/border-dashed.png) no-repeat; animation: clockwise 15s linear infinite; }
.box-btn li i:after { background: url(../../base/img/border-solid.png) no-repeat; animation: counterclockwise 15s linear infinite;}
.box-btn li:after { display: block; transition: 0.5s; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; background-color: #000; }
.box-btn .li2::after { background-color: #748cb4; opacity: 0.4; }
.box-btn .li3::after { background-color: #bf956d; opacity: 0.9; }
.box-btn .li5::after { background-color: #d6bb6a; opacity: 0.9; }
.box-btn .li7::after { background-color: #c85258; opacity: 0.7; }
.box-btn li:hover .title a { letter-spacing: 2px; }
.box-btn li:hover .pic img { transform: scale(1.05); }
.box-btn .li1:hover::after,
.box-btn .li4:hover::after { opacity: 0.2; }
.box-btn .li2:hover::after { opacity: 0.5; }
.box-btn .li3:hover::after { opacity: 0.95; }
.box-btn .li5:hover::after { opacity: 0.95; }
.box-btn .li7:hover::after { opacity: 0.85; }

.box-btn li span::before { display: block; content: "\E768"; font-family: "font-webicon"; font-size: 70px; color: #fff; text-align: center; line-height: 112px; transition: 0.5s; }
.box-btn .li1 span::before { font-size: 75px; }
.box-btn .li3 span::before { content: "\E769"; }
.box-btn .li4 span::before { content: "\E770"; }
.box-btn .li5 span::before { content: "\E771"; }
.box-btn .li7 span::before { content: "\E772"; }
.box-btn li:hover span::before { transform: rotateY(180deg); }


/* row-notice -------------------------------- */
.row-notice { background-color: #fff; }

/* date-list */
.date-list { display: flex; flex-wrap: wrap;  }
.date-list li { width: 32%; margin-right: 2%; margin-bottom: 25px; transition: 0.5s; position: relative; background-color: #f3f3f3; padding: 30px; box-sizing: border-box; }
.date-list li:nth-child(3n) { margin-right: 0; }
.date-list .title { font-size: 18px; line-height: 30px; margin-bottom: 45px; height: 60px; padding-right: 100px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.date-list .title a::after { display: block; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; }
.date-list .titleBg { height: 1px; display: block; width: 42px; transition: 0.5s; position: absolute; left: 30px; top: 110px; background-color: #c4c4c4; }
.date-list .intro { font-size: 14px; color: #999; max-height: 52px; line-height: 26px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; }
.date-list .calendar { position: absolute; font-size: 14px; transition: 0.5s; right: 25px; top: 0; display: block; width: 75px; height: 90px; background-color: #7594d0; text-align: center; color: #fff; }
.date-list .calendar em { font-weight: bold; font-size: 32px; line-height: 1; padding-top: 15px; margin-bottom: 5px; display: block; }
.date-list li:hover { background-color: #7594d0; padding-left: 40px; padding-right: 20px; }
.date-list li:hover .intro,
.date-list li:hover .title a { color: #fff; }
.date-list li:hover .titleBg { width: 90%; background-color: #fff; }
.date-list li:hover .calendar { background-color: #c6b370; right: 15px; }

/* row-fast -------------------------------- */
.row-fast { background: #ecf0fc url(../../base/img/row-bg-04.jpg) no-repeat center bottom; background-size: cover; padding-bottom: 80px; }

/* box-fast */
.box-fast>.bd { background-color: #fff; border-radius: 10px; padding: 40px; box-sizing: border-box; display: flex; justify-content: space-between; }
.box-fast .btn-links { width: 600px; margin-right: 40px; }
.box-fast .pull-right { min-width: 0; flex: 1 0 0%; }

/* btn-links */
.btn-links { display: flex; justify-content: space-between; flex-wrap: wrap; height: 345px; }
.btn-links li { width: 125px; height: 160px; margin-bottom: 25px; text-align: center; transition: all 0.3s ease-out 0s; transform: none; }
.btn-links li a { display: block; height: 100%; width: 100%; background-color: #e7e7e7; border-radius: 5px; transition: 0.5s; }
.btn-links li a::before { display: block; content: "\E773"; transition: 0.5s; font-family: "font-webicon"; color: #666; font-size: 80px; line-height: 1.1; padding-top: 15px; }
.btn-links li:hover { transform: translateY(-5px); box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05); }
.btn-links li:hover a { background-color: #0071bc; }
.btn-links li:hover a,
.btn-links li:hover a::before { color: #fff; }
.btn-links li:hover a::before { transform: rotateY(180deg); }
.btn-links .li2 a::before { content: "\E774"; }
.btn-links .li3 a::before { content: "\E775"; }
.btn-links .li4 a::before { content: "\E776"; }
.btn-links .li5 a::before { content: "\E777"; }
.btn-links .li6 a::before { content: "\E778"; }
.btn-links .li7 a::before { content: "\E779"; }
.btn-links .li8 a::before { content: "\E780"; }


/* campus-link */
.campus-link { display: flex; justify-content: space-between; flex-wrap: wrap;}
.campus-link li { width: 15%; text-align: center; margin-bottom: 20px; }
.campus-link li a { display: flex; justify-content: center; background-color: #fff; border-radius: 5px; transition: 0.5s; border: 1px dashed #ccc; align-items: center; line-height: 1.5; height: 50px; }
.campus-link li a:hover { background-color: #0071bc; border-color: #0071bc; color: #fff; }

/* btn-mail */
.btn-mail { display: flex; justify-content: space-between; align-items: center; padding-top: 6px; }
.btn-mail li { width: 300px; height: 100px; border-radius: 5px; overflow: hidden; padding-left: 30px; padding-top: 20px; }
.btn-mail li a { display: block; }
.btn-mail .tit { font-size: 20px; line-height: 30px; height: 30px; margin-bottom: 15px; }
.btn-mail .more { font-size: 14px; line-height: 26px; height: 26px; transition: 0.5s; border: 1px solid #0068fd; border-radius: 3px; width: 90px; text-align: center; color: #0068fd; text-align: center; }
.btn-mail .more:hover { background-color: #0068fd; color: #fff; }
.btn-mail .li1 { background: #caefff url(../../base/img/btn-pic-01.jpg) no-repeat right center; }
.btn-mail .li2 { background: #fff1ca url(../../base/img/btn-pic-02.jpg) no-repeat right center; }
.btn-mail .li2 .more { border-color: #ff9000; color: #ff9000; }
.btn-mail .li2 .more:hover { background-color: #ff9000; color: #fff; }


/* row-photo -------------------------------- */
.row-photo { background: #ecf0fc url(../../base/img/row-bg-05.jpg) no-repeat center bottom; background-size: cover; padding-bottom: 80px; }

/* box-photo */
.box-photo { position: relative; }
.box-photo .bd { margin: 0 auto; width: 1200px; height: 650px; }
.box-photo .bd li { position: relative; }
.box-photo .bd li::after { display: block; content: ""; width: 100%; height: 100px; position: absolute; bottom: 0; left: 0; background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.00) 100%); }
.box-photo .bd .pic img { width: 1200px; height: 650px; }
.box-photo .hd { position: absolute; bottom: 45px; width: 100%; left: 0; z-index: 3; }
.box-photo .hd ul { display: flex; align-items: center; justify-content: center; }
.box-photo .hd li { width: 190px; height: 100px; border: 5px solid rgba(255, 255, 255, 0.5); margin: 0 4px; transition: 0.5s; position: relative; }
.box-photo .hd .pic a::after { display: block; content: ""; background-color: #000; opacity: 0.2; width: 100%; height: 100%; transition: 0.5s; position: absolute; top: 0; left: 0;}
.box-photo .hd li.on { border-color: #0099ff; transform: translateY(-20px); }
.box-photo .hd li.on .pic a::after { opacity: 0; }
.box-photo .title { display: none; }

.box-photo .arrow { position: absolute; display: block; position: absolute; top: 50%; transform: translateY(-50%); content: ""; width: 60px; height: 60px; border-radius: 100%; background-color: #3689c0; text-align: center; line-height: 60px; }
.box-photo .arrow::before { display: block; content: "\E783"; font-size: 26px; font-family: "font-webicon"; color: #fff; }
.box-photo .prev { left: 0; }
.box-photo .next { right: 0; }
.box-photo .next::before { content: "\E782"; }
.box-photo .arrow:hover { background-color: #2392dc; }

/* 动画库 */
@keyframes clockwise {
    from{
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }

    to {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
}

@keyframes counterclockwise {
    from{
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }

    to {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
}