/*----------------------------------首页----------------------------------*/
.banner {height: 100vh;width: 100%;position: relative;background: url("../images/bannerbg.jpg") no-repeat left var(--main-be);background-size: auto 100%;overflow: hidden;}
.swiper-banner {width: 75%;margin-left: 25%;height: 100%;background: var(--main-white);}
.swiper-banner .imgbox {height: 100%;}
.swiper-banner .img {transition: 5s ease-out;}
.swiper-banner .ani-slide .img {transform: scale(1.05)}
.banner-l {position: absolute;left: 0 !important;top: 25%;z-index: 12;width: 100%;}
.banner-l h2 {font-size: 2.375rem;color: var(--main-white);}
.banner-l h1 {font-size: 4.375rem;color: var(--main-white);text-transform: uppercase;text-shadow: 0 0 5px rgba(0, 0, 0, .5)}
.banner-l h3 {font-size: 2.6rem;color: var(--main-white);text-shadow: 0 0 5px rgba(0, 0, 0, .5);margin-top: 2rem;}
.banner-l p {font-size: 10px;color: var(--main-white);text-transform: uppercase;width: 35rem;margin-top: 1rem;line-height: 2;}
.banner-l a {display: inline-block;font-size: 1rem;color: var(--main-white);padding: .5rem 2rem;background: var(--main-zi);margin-top: 4rem;}
.banner-c {position: absolute;left: 50%;bottom: 1rem;z-index: 12;text-align: center;font-size: 14px;color: var(--main-white);transform: translateX(-50%)}
@keyframes sbrun {
  0% { transform: translate(0, -50%); opacity: 0;}
  100% { transform: translate(0, 0); opacity: 1;}
}
.banner-c img {animation: sbrun 1.5s infinite;}
.banner-c p {margin-top: .5rem;}
.banner-r {position: absolute;right: 0 !important;width: 100%;bottom: 0 !important;z-index: 12;display: flex;justify-content: flex-end}
.banner-r .w1600{display: flex;align-items: center;justify-content: flex-end}
.banner-r span {;display: block;font-size: 2rem;padding: 1rem;cursor: pointer;user-select: none;text-decoration: none;outline: 0;}
.banner-r .banner-prev {background: var(--main-be);color: var(--main-white)}
.banner-r .banner-next {background: var(--main-ef);color: var(--main-be)}
.dont {background: url("../images/bg01.jpg") no-repeat center;background-size: cover;}
/*公告*/
.gongg {overflow: hidden;}
.gongg-t {padding: 1rem 0;border-bottom: 1px solid var(--main-bd)}
.gongg-t .w1600 {display: flex;align-items: center;justify-content: space-between;}
.gongg-t-l {color: var(--main-be);font-size: 18px;text-transform: uppercase}
.gongg-t-r {font-size: 16px;color: var(--main-b5)}
.gongg-b {padding: 3.125rem 0;}
.swiper-gongg {}
.swiper-gongg a {display: flex;}
.swiper-gongg-l {text-align: center;flex-shrink: 0;margin-right: 1rem;}
.swiper-gongg-l p {font-size: 1.625rem;color: var(--main-b3)}
.swiper-gongg-l span {display: block;font-size: 14px;color: var(--main-b3)}
.swiper-gongg-r {overflow: hidden;}
.swiper-gongg .swiper-slide:after{content: "";position: absolute;top: 25%;height: 50%;width: 1px;background: var(--main-bd);right:-30px;}
.swiper-gongg-r h1 {font-weight: normal;font-size: 1.125rem;color: var(--main-a7);margin-bottom: .5rem;}
.swiper-gongg-r p {transition: .5s;font-size: 16px;color: var(--main-black);line-height: 1.5rem;height: 3rem;-webkit-line-clamp: 2;}
a:hover .swiper-gongg-r p{color: var(--main-be);}
/*新闻*/
.xinw {padding: 5rem 0;overflow: hidden;}
.xinw .w1600 {display: flex;justify-content: space-between;}
/*热门动态*/
.xinw-l {width: 55%;}
.xinw-l-tit h1 {font-size: 2.25rem;color: var(--main-b9);text-transform: uppercase;}
.xinw-l-tit h2 {font-size: 2.25rem;color: var(--main-b3)}
.xinw-l-bm {display: flex;justify-content: space-between;margin-top: 2.75rem;}
.winw-l-item {width: 48%;}
.xinw-l-title {display: flex;align-items: center;justify-content: space-between;margin-bottom: 1.5rem;}
.xinw-l-title h1 {font-size: 1.25rem;color: var(--main-be);padding-left: 1rem;font-weight: normal;position: relative;}
.xinw-l-title h1:before {content: "";width: 3px;height: 70%;top: 15%;left: 0;position: absolute;background: red;}
.xinw-l-title a {font-size: 1rem;color: var(--main-b6)}
.winw-l-item ul {}
.winw-l-item li {background: var(--main-white);margin-bottom: 1rem;}
.winw-l-item li a {}
.winw-l-item li .imgbox {padding-bottom: 60%;}
.xinw-msg {padding: 1rem 0;display: flex;align-items: center;transition: .5s;}
.xinw-msg-l {text-align: center;padding: 0 1rem;position: relative;}
.xinw-msg-l:after {content: "";position: absolute;right: 0;top: 10%;height: 80%;width: 1px;background: var(--main-ef);}
.xinw-msg-l h1 {font-size: 1.625rem;color: var(--main-b5);font-weight: normal;;transition: .5s}
.xinw-msg-l p {font-size: 14px;color: var(--main-b6);transition: .5s}
.xinw-msg-r {font-size: 16px;color: var(--main-b3);line-height: 1.5rem;padding: 0 1rem;transition: .5s;max-height:3rem;-webkit-line-clamp:2;}
a:hover .xinw-msg{background: var(--main-be);}
a:hover .xinw-msg-l h1 {color: var(--main-white)}
a:hover .xinw-msg-l p {color: var(--main-white)}
a:hover .xinw-msg-r {color: var(--main-white)}
/*学生活动*/
.xinw-r {width: 40%;}
.xinw-sw {position: relative;}
.xinw-pag {position: absolute;top: 65%;left: 0;width: 100%;z-index: 12;display: flex;align-items: center;justify-content: center;bottom: auto !important;}
.xinw-pag span {background: var(--main-white);opacity: 1;width: 2rem;height: 2px;margin: 0 .5rem;transition: .5s;}
.xinw-pag .swiper-pagination-bullet-active {background: var(--main-be);}
.xinw-r .imgbox {padding-bottom: 78%;}
.winw-r-msg {background: var(--main-be);padding:2rem 1.5rem;}
.winw-r-msg h1 {font-size: 1.25rem;color: var(--main-white);font-weight: normal;}
.winw-r-msg span {display: block;font-size: 1rem;color: var(--main-white);margin: 1rem 0;}
.winw-r-msg span i {margin-right: .5rem;}
.winw-r-msg p {font-size: 14px;color: var(--main-white);line-height: 1.25rem;height: 2.5rem;-webkit-line-clamp: 2;}
/*关于*/
.guany {background: url("../images/img01.jpg") no-repeat left;background-size: auto 100%;display: flex;justify-content: flex-end;overflow: hidden;}
.guany-box {background: url("../images/bg03.png") no-repeat left;background-size: auto 100%;padding: 7.5rem 18.5rem;position: relative;z-index: 2;}
.guany-img {position: absolute;right: 0;top: 0;height: 100%;}
.guany-img img {display: block;height: 100%;}
.guany-tit {font-size: 2.875rem;color: var(--main-b3);margin-bottom: 3rem;position: relative;z-index: 2;}
/* .guany-tit:after {content: "";display: block;width: 4rem;height: 3px;background: var(--main-be);margin-top: 2rem;} */
.guany-info {line-height: 2rem;height: 6rem;-webkit-line-clamp: 3;font-size: 1.125rem;color: var(--main-b3);width: 37.5rem;margin: 1.5rem 0;position: relative;z-index: 2;}
.guany-tf {position: relative;z-index: 2;padding:2rem 0;}
.guany-tf ul {display: flex;align-items: center;}
.guany-tf li {padding-right: 3rem;margin-right: 3rem;position: relative;}
.guany-tf li:after {content: "";position: absolute;right: 0;top: 20%;height: 60%;width: 1px;background: var(--main-be);}
.guany-tf li:last-child {margin-right: 0;padding-right: 0;}
.guany-tf li:last-child:after {display: none;}
.guany-tf li h1 {font-size: 4.375rem;color: var(--main-be)}
.guany-tf li h1 span {font-weight: normal;font-size: 1.25rem;}
.guany-tf li p {font-size: 1.125rem;color: var(--main-b6)}
.guany-more {display: inline-block; font-size: 1rem; color: var(--main-white) !important; padding: 0.5rem 2rem; background: var(--main-be); margin-top: 2rem;position: relative;z-index: 2;}
/*招生就业*/
.zhaos {padding: 5rem 0;background: #f9f9f9;overflow: hidden;}
.zhaos-t {display: flex;align-items: center;justify-content: space-between;}
.zhaos-t-l {}
.zhaos-t-l h1 {font-size: 2.25rem;color: var(--main-b9);text-transform: uppercase;}
.zhaos-t-l h2 {font-size: 2.25rem;color: var(--main-b3)}
.zhaos-t-r {}
.zhaos-t-r a {font-size: 1.125rem;color: var(--main-b3);margin-left: 2.5rem;position: relative;}
.zhaos-t-r a:hover:after {content: "";position: absolute;bottom: -10px;width: 100%;height: 2px;background: var(--main-be);left: 0;}
.zhaos-t-r .more {color: var(--main-be);text-transform: uppercase}
.zhaos-b {margin-top: 2.5rem;}
.swiper-zhaos {}
.swiper-zhaos a {display: block;padding:2.5rem 1.5rem;box-sizing: border-box;transition: .5s;}
.swiper-zhaos h2 {width: 2rem;height: 4px;background: var(--main-be);margin-bottom: 1.5rem;transition: .5s;}
.swiper-zhaos h1 {-webkit-line-clamp: 2;font-size: 1.25rem;color: var(--main-black);line-height: 1.75rem;height: 3.5rem;font-weight: normal;margin-bottom: 1rem;transition: .5s;}
.swiper-zhaos span {font-size: 14px;color: var(--main-b5);transition: .5s;}
.swiper-zhaos p {-webkit-line-clamp: 2;font-size: 14px;color: #888;line-height: 1.75rem;height: 3.5rem;margin-top: 1rem;transition: .5s;}
.swiper-zhaos i {font-size: 1.5rem;border-radius: 50%;width: 2rem;line-height: 2rem;text-align: center;border: 1px solid var(--main-b6);color: var(--main-b6);display: block;margin-top: 2rem;transition: .5s;}
.swiper-zhaos a:hover {background: var(--main-be);}
.swiper-zhaos a:hover h2 {background: var(--main-white);}
.swiper-zhaos a:hover h1 {color: var(--main-white)}
.swiper-zhaos a:hover span {color: var(--main-white)}
.swiper-zhaos a:hover p {color: var(--main-white)}
.swiper-zhaos a:hover i {color: var(--main-white);border-color: var(--main-white)}
.zhaos-pag {display: flex;align-items: center;justify-content: center;margin-top: 2rem;}
.zhaos-pag span {background: #ddd;opacity: 1;width: .75rem;height: .75rem;margin: 0 .5rem;transition: .5s;border-radius: 50%;border: .2rem solid #f9f9f9}
.zhaos-pag .swiper-pagination-bullet-active {background: #8282b3;border-color: #c7c7dc}
/*-----------------------------单页-----------------------------*/
.nybanner {height: 32rem;}
.nysubs {border-top: 5px solid var(--main-be);background: var(--main-white);overflow: hidden; line-height: 80px;}
.nysubs .w1600 {display: flex;justify-content: space-between;align-items: center;}
.nysubs-l {font-size: 1rem;color: var(--main-b6);flex-shrink: 0;}
.nysubs-r {margin-left: 5rem;overflow: hidden;}
.nysubs-r ul {overflow-x: auto;text-align: right;white-space: nowrap; }
.nysubs-r ul::-webkit-scrollbar {height: 6px;}
.nysubs-r li {display: inline-block;font-size: 1rem;color: var(--main-b3);margin-right: 2rem;transition: .5s;}
.nysubs-r li:hover {color: var(--main-be)}
.nysubs-r li.act {color: var(--main-be);font-weight: bold;}
.nysubs-r li:last-child {margin-right: 0;}
.nycontainer {background: #f1f1f1;padding: 5rem 0;overflow: hidden;}
.nytitle {text-align: center;margin-bottom: 2rem;}
.nytitle h2 {font-size: 1.5rem;color: var(--main-be);text-transform: uppercase}
.nytitle h1 {font-size: 2rem;color: var(--main-be);}
.nytitle p {display: inline-block;padding: 1rem 5rem;letter-spacing: 5px;border-top: 1px solid var(--main-b6);margin-top: 2rem;}
.w1200 {width: 1200px;margin: 0 auto;}
.dinfo {text-align: justify;line-height: 1.8;font-size: 16px;color: var(--main-b3)}
.dinfo img{ margin: 1rem auto;}
  /*-----------------------------新闻中心-----------------------------*/
.news {}
.news ul {display: flex;flex-wrap: wrap;align-items: center;}
.news ul li {width: 31%;margin-right: 3.5%;margin-bottom: 1.5rem;}
.news ul li:nth-child(3n) {margin-right: 0;}
.news ul li a {padding: 2rem;background: var(--main-white);display: block;transition: .5s}
.news ul li p {font-size: 1rem;color: var(--main-b6);font-weight: bold;transition: .5s;}
.news ul li h1 {font-size: 1.25rem;color: var(--main-black);transition: .5s;line-height: 1.8rem;height: 3.6rem;margin: 2rem 0;-webkit-line-clamp: 2;}
.news ul li .imgbox {padding-bottom: 70%;}
.news ul li span {font-size: 3rem;color: var(--main-b9);display: block;margin-top: 1rem;}
.news ul li a:hover {background: var(--main-be);}
.news ul li a:hover p {color: var(--main-white)}
.news ul li a:hover h1 {color: var(--main-white)}
.news ul li a:hover span {color: var(--main-white)}
.fenye {text-align: center;padding-top: 2rem;}
.fenye a, .fenye span {display: inline-block;width: 30px;line-height: 30px;height: 30px;text-align: center;font-size: 14px;color: var(--main-be);transition: .3s;margin: 5px;background: var(--main-white);}
.fenye span {background: var(--main-be);color: var(--main-white)}
.fenye a:hover {background: var(--main-be);color: var(--main-white)}
.fenye .fenye-btn {background: #7b7b7b;}
/*-----------------------------图片列表-----------------------------*/
.tup {}
.tup ul {display: flex;flex-wrap: wrap;align-items: center;}
.tup ul li {width: 32%;margin-right: 2%;margin-bottom: 1.5rem;position: relative;overflow: hidden;}
.tup ul li a {display: block;}
.tup ul li:nth-child(3n) {margin-right: 0;}
.tup ul li .imgbox {padding-bottom: 75%;}
.tup-info {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;background: rgba(0, 0, 102, .8);opacity: 0;transition: .5s;}
.tup-info h1 {font-size: 1.25rem;color: var(--main-white);margin-bottom: 10rem;transition: .5s;padding: 0 15%;text-align: center;line-height: 1.8;box-sizing: border-box;width: 100%;}
.tup-info i {font-size: 2rem;color: var(--main-white)}
.tup ul li:hover .tup-info {opacity: 1;}
.tup ul li:hover .tup-info h1 {margin-bottom: 5rem;}
/*-----------------------------新闻详情-----------------------------*/
.detail-tit {margin-bottom: 2rem;border-bottom: 1px solid var(--main-b9);padding-bottom: 1rem;}
.detail-tit h2 {font-size: 1.875rem;color: var(--main-be);padding-left: 1rem;margin-bottom: 1rem;position: relative;}
.detail-tit h2:after {content: "";position: absolute;left: 0;top: 15%;width: 5px;height: 70%;background: var(--main-be);}
.detail-tit h1 {font-size: 1.75rem;color: var(--main-b3);margin-bottom: 1rem;}
.detail-tit p {font-size: 14px;color: var(--main-b6)}
.detail-cs {display: flex;align-items: center;justify-content: space-between;margin-top: 4rem;}
.detail-cs a {background: var(--main-be);width: 48%;font-size: 14px;color: var(--main-white);padding: 1rem;box-sizing: border-box}
.detail embed,.detail video{max-width: 100%}
/*-----------------------------联系我们-----------------------------*/
.lxwm {background: #f1f1f1;overflow: hidden;}
.lxwm-t {padding-top: 5rem;overflow: hidden;position: relative;}
.lxwm-t .w1600 {position: relative;z-index: 2;}
.lxwm-t:after {content: "";background: var(--main-be);position: absolute;bottom: 0;left: 0;width: 100%;height: 15rem;}
.maps {height: 40rem;}
.lxwm-b {background: var(--main-be);padding: 5rem 0;}
.lxwm-b ul {display: flex;justify-content: space-between;}
.lxwm-b ul li{width: 18%;text-align: center;}
.lxwm-b ul li img{height: 8rem;}
.lxwm-b ul li p{color: var(--main-white);margin-top: 1rem;}

.mysearch{margin-bottom: 3rem;}
.mysearch form{display: flex;align-items: center;justify-content: space-between;}
.mysearch form input{width: 100%;height: 3rem;padding: 0 1rem;border-radius: 5px;font-size: 1.25rem;border: 1px solid var(--main-bd);color: var(--main-b6);}
.mysearch form button{flex-shrink: 0;margin-left: 1rem;height: 3rem;width: 15rem;border-radius: 5px;border: none;background: var(--main-zi);font-size: 1.25rem;color: var(--main-white);cursor: pointer;}
.lforms{padding: 0 15rem;}