.main {
    max-width: 1460px;
    margin: 0 auto;
    width: 100%;
}

header {
    background: url('../images/headerbg.png') no-repeat;
    background-size: 100% 100%;
    padding: 22px 0 10px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
}
.banner {min-height:400px;background:url("../images/banner.png") no-repeat center;background-size:cover;}
.banner .swiper a {
    height: 600px;
}

.banner a img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

/* Swiper 幻灯片样式 */
.banner .swiper-slide {
    opacity: 0;
    transition: opacity .5s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
}

/* 当前活动幻灯片的样式 */
.banner .swiper-slide-active {
    opacity: 1;
}

header .main .row .menu,
header .main .row .search_btn {
    display: none;
}

header .logo {
    font-size: 0;
    width: 526px;
}

header .logo img {
    width: 100%;
}

header nav .nav {
    display: flex;
    align-items: center;
}

header .main .col_end {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

header .main .right .menu {
    width: 36px;
    margin-left: 5px;
}

header .main .right .search_btn {
    width: 22px;
}

header .main .col_end form.search {
    display: flex;
    align-items: center;
    background: rgba(75, 159, 215, .49);
    padding: 7px 15px;
    border-radius: calc(infinity * 1px);
}

header .main .col_end form.search input {
    color:#fff;
}
header .main .col_end form.search button {
    background: transparent;
    border: none;
    outline-style: none;
    width: 19px;
}

header .main .col_end a {
    color: #fff;
    font-style: 14px;
    margin-left: 26px;
}

header .main nav {
    margin-top: 15px;
}

header .main nav li {
    position: relative;
    padding: 0 19px;
}

header .main nav li .sonNav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #0f64a9;
    border-radius: 4px;
    padding: 5px 0;
}

header .main nav li:hover .sonNav {
    display: block;
}

header .main nav li a {
    display: block;
    color: #fff;
    font-size: 16px;
    padding: 5px 1px;
    border-bottom: 2px solid transparent;
}

header .main nav li a.active,
header .main nav li a:hover {
    border-color: #afdbee;
}

header .main nav li a span {
    display: block;
    text-align: center;
    width: 100%;
}

.banner .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.banner .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 62px;
    height: 7px;
    border-radius: calc(infinity * 1px);
    background-color: rgba(0, 0, 0, .3);
    opacity: 1;
}

.banner .swiper-pagination-bullet-active {
    background-color: #000 !important;
}

.banner .swiper-pagination {
    bottom: 24px !important;
}

.title_public {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border-bottom: 4px solid #e8e8e8;
}

.title_public .row {
    align-items: center;
}

.title_public .more {
    color: #000;
    opacity: .85;
}

.title_public .more:hover {
    color: #0b599f;
    opacity: 1;
    text-decoration: underline;
}

.title_public h3 {
    font-size: 28px;
    font-weight: normal;
    color: #0e7bc3;
    position: relative;
    padding: 9px 0;
}

.title_public h3::after {
    position: absolute;
    top: 100%;
    left: 0;
    content: '';
    width: 100%;
    height: 4px;
    background-color: #0e7bc3;
}

.title_public span {
    color: #acacac;
    font-size: 18px;
}

.container {
    background: url('../images/8e41711a87cb0d363a3d89c067225f0c.png') no-repeat;
    background-size: cover;
    padding-bottom: 30px;
    margin-top: 30px;
}

.art_list {
    flex: 1;
    margin: 0 10px;
}

.container .sec-content-box .news_box .art_list ul {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.container .sec-content-box .news_box .art_list ul li {line-height: 50px;border-bottom:1px dotted #ccc;}

.container .sec-content-box .news_box .art_list ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.container .sec-content-box .news_box .art_list ul li a .date {
    margin-left: 30px;
    color: #a6a6a6;
    display: flex;
    align-items: center;
}

.container .sec-content-box .news_box .art_list ul li a .text {
    flex: 1;
}

.container .sec-content-box .news_box .art_list ul li a .text p {
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-size: 18px;
    color: #242424;
    transition: transform .3s;
}

.container .sec-content-box .news_box .art_list ul li a .date .icon {
    width: 16px;
    margin-right: 6px;
}

.container .sec-content-box .news_box .art_list ul li a:hover .date .icon .date1,
.container .sec-content-box .news_box .art_list ul li a .date .icon .date2 {
    display: none;
}

.container .sec-content-box .news_box .art_list ul li a:hover .date,
.container .sec-content-box .news_box .art_list ul li a:hover .text p {
    color: #0071bc;
}

.container .sec-content-box .news_box .art_list ul li a:hover .text p {
    transform: translateX(4px);
}

.container .sec-content-box .news_box .art_list ul li a:hover .date .icon .date2 {
    display: block;
}

.container .latestActivity {
    width: 1000px;
}

.container .latestActivity .activity_row {
    margin-top: 24px;
}

.container .latestActivity .activity_row .pic {
    width: 445px;
    max-height: 297px;
}

.container .latestActivity .activity_row .pic a {
    display: block;
    width: 100%;
    font-size: 0;
    position: relative;
	height:297px;
}

.container .latestActivity .activity_row .pic a .mask {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, .6);
    font-size: 16px;
    padding: 5px 15px 7px;

}

.container .latestActivity .pic .swiper-pagination-bullet {
    background-color: #fff;
    opacity: .4;
}

.container .latestActivity .pic .swiper-pagination-bullet-active {
    opacity: 1;
}


.container .latestActivity .activity_row .pic a .mask p {
    color: #fff;
    width: 80%;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.container .latestActivity .activity_row .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.container .latestActivity .activity_row .pic .swiper-pagination {
    right: 0;
    justify-content: flex-end;
    display: flex;
    align-items: center;
    padding-right: 10px;
}

.container .latestActivity .activity_row .art_list {
    flex: 1;
    margin-left: 33px;
}

.container .latestActivity .activity_row .art_list ul {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.container .latestActivity .activity_row .art_list ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.container .latestActivity .activity_row .art_list ul li a .date {
    margin-left: 30px;
    color: #a6a6a6;
    display: flex;
    align-items: center;
}

.container .latestActivity .activity_row .art_list ul li a .text {
    flex: 1;
}

.container .latestActivity .activity_row .art_list ul li a .text p {
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-size: 18px;
    color: #242424;
    transition: transform .3s;
}

.container .latestActivity .activity_row .art_list ul li a .date .icon {
    width: 16px;
    margin-right: 6px;
}

.container .latestActivity .activity_row .art_list ul li a:hover .date .icon .date1,
.container .latestActivity .activity_row .art_list ul li a .date .icon .date2 {
    display: none;
}

.container .latestActivity .activity_row .art_list ul li a:hover .date,
.container .latestActivity .activity_row .art_list ul li a:hover .text p {
    color: #0071bc;
}

.container .latestActivity .activity_row .art_list ul li a:hover .text p {
    transform: translateX(4px);
}

.container .latestActivity .activity_row .art_list ul li a:hover .date .icon .date2 {
    display: block;
}

.container .notice {
    flex: 1;
    margin-left: 47px;
    display: flex;
    flex-direction: column;
}

.container .notice .activity_row .art_list {
    margin-left: 0;
}

.container .notice .activity_row {
    flex: 1;
}

.img_link_list {
    width: 100%;
    gap: 29px;
    margin-top: 40px;
}

.img_link_list a {
    font-size: 0;
    flex: 1;
}

.img_link_list a {
    display: flex;
    align-items: center;
    width: calc(25% - 29px);
    padding: 16px 0 16px 29px;
    background: linear-gradient(to right, var(--start-c), var(--end-c));
    transition: all .3s;
}

.img_link_list a:hover {
    transform: translateY(-3px);
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
}

.img_link_list a span {
    font-size: 29px;
    margin-left: 24px;
    color: #fff;
}

.img_link_list a .icon {
    width: 63px;
    transition: transform .5s;
}

.img_link_list a:hover .icon {
    transform: rotate(360deg);
}

.campusLink {
    display: flex;
    align-items: center;
    margin-top: 40px;
    flex-wrap: wrap;
}

.campusLink .tit {
    padding: 9px 20px;
    color: #fff;
    background-color: #147fc5;
    font-size: 18px;
}

.campusLink a {
    position: relative;
    margin: 0 40px;
    background-color: #d6d6d6;
    font-size: 18px;
    color: #000000;
    padding: 9px 60px;
}

.campusLink a::after {
    position: absolute;
    right: -40px;
    content: '';
    width: 2px;
    height: 19px;
    background-color: #b1b1b1;
}

.campusLink a:last-child::after {
    display: none;
}

.campusLink a:hover {
    background-color: #419fdc;
    color: #FFF;
}

footer {
    margin-top: 20px;
    position: relative;
    background: linear-gradient(to right, #0071bc, #034789);
    border-top: 5px solid #6bb7ea;
}

footer .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

footer .main {
    position: relative;
    z-index: 99;
}

footer .bg img {
    height: 100%;
}

footer .main .left {
    display: flex;
    align-items: center;
}

footer .main .right {
    padding: 30px 0 38px;
    gap: 11px;
}

footer .main .right .icon {
    height: 129px;
}

footer .main .right .icon img {
    width: auto;
    height: 100%;
}

footer .main .left .copy_info {
    margin-left: 49px;
    border-left: 1px solid #7bafd6;
    padding-left: 30px;
}

footer .main .left .copy_info p {
    color: #c0e5fd;
    font-size: 14px;
    padding: 3px 0;
}
#Sidebar {
  background: #eee;
  border-radius: 20px 20px 0 0;
  overflow: hidden;
  width: 20%;
  margin-top: 10px;
  display: inline-block;
  float: left;
}
.tit_title {
  background:linear-gradient(0,#064d94,#1677bc);
  text-align: center;
  height: 80px;
  color: #fff;
}
.tit_title h2 {
  font: 500 24px/80px "微软雅黑";
}
.nav_left {}
.nav_left ul li {
  border-top: 1px solid #fff;
}
.nav_left ul li a {
  display: block;
  color: #333;
  font: 16px "微软雅黑";
  font-weight: 500;
  text-align: center;
  height: 50px;
  line-height: 50px;
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -o-transition: .3s;
}
.nav_left ul li a:hover {
  color: #fff;
  background: #fff;
  background: #064d94;
}
#Mainbody {
  width: 75%;
  display: inline-block;
  float: right;
  margin-top: 10px;
}
.tot_title {
  border-bottom: 1px solid #0068b7;
  height: 50px;
}
.tot_title h3 {
  line-height: 50px;
  font-size: 18px;
  color: #0068b7;
  font-weight: 500;
  float: left;
  display: inline;
  height: 50px;
}
.tot_title span {
  font-size: 20px;
  font-weight: 200;
}
#position {
  height: 50px;
  line-height: 50px;
  float: right;
  font-size: 14px;
}
.position {
  height: 50px;
  padding-top: 20px;
  font-size: 14px;
}
.show_title {
  margin-top: 30px;
  text-align: center;
}
.tot_content {
  margin-top: 30px;
}
.clear {
  clear: both;
}
@media screen and (max-width:1460px) {
    .main {
        padding: 0 15px;
    }

    .container .latestActivity {
        width: 70%;
    }

    .container .latestActivity .activity_row .art_list ul li a .date {
        margin-left: 18px;
    }

    .container .latestActivity .activity_row .art_list ul li a .text p {
        font-size: 16px;
    }

    .title_public h3 {
        font-size: 24px;
    }

    header .logo {
        width: 460px;
    }

    .img_link_list a span {
        font-size: 20px;
    }
}

@media screen and (max-width:1200px) {
    header .main nav li {
        padding: 0 13px;
    }

    header .logo {
        width: 380px;
        display: flex;
        align-items: center;
    }

    .campusLink a {
        margin: 0 20px;
    }

    .campusLink a::after {
        right: -20px;
    }

    .campusLink a {
        padding: 9px 20px;
        font-size: 16px;
    }

    .art_rows {
        flex-direction: column;
    }

    .container .latestActivity {
        width: 100%;
    }

    .container .notice {
        margin-left: 0;
        margin-top: 15px;
    }

    .container .latestActivity .activity_row {
        margin-top: 10px;
    }

    .container .notice .activity_row {
        margin-top: 0;
    }

    .container .notice .activity_row .art_list ul li a {
        padding: 10px 0;
    }
}

@media screen and (max-width:1000px) {
    .img_link_list a span {
        font-size: 16px;
    }

    header .main nav li .sonNav {
        display: block;
        position: static;
    }

    header .main .row .menu {
        display: flex;
    }

    nav.nav_m_show {
        opacity: 1;
        transform: scaleY(1);
    }

    nav {
        opacity: 0;
        transform: scaleY(0);
        transform-origin: top center;
        transition: transform .3s;
    }

    header {
        position: relative;
    }

    header .main nav {
        position: absolute;
        top: 100%;
        right: 0;
        background-color: #1370b5;
        z-index: 9999;
        margin-top: 0;
    }

    header .main nav .nav {
        flex-direction: column;
    }

    header .main .col_end a {
        display: none;
    }

    footer .main .logo {
        width: 180px;
        font-size: 0;
    }

    footer .main .logo img {
        width: 100%;
    }

    footer .main .right .icon {
        height: 90px;
    }

    .container .latestActivity .activity_row .art_list {
        margin-left: 15px;
    }

    .banner .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
    .banner .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        width: 40px;
        height: 5px;
    }

    .banner .swiper-pagination {
        bottom: 15px !important;
    }

    .banner .swiper a {
        height: 500px;
    }
	.banner {min-height:250px;}

}

@media screen and (max-width:800px) {
    .banner .swiper a {
        height: 400px;
    }
	.banner {min-height:200px;}

    .container .latestActivity .activity_row {
        flex-direction: column;
    }

    .container .latestActivity .activity_row .art_list {
        margin-left: 0;
        margin-top: 10px;
    }

    .container .latestActivity .activity_row .art_list ul li a {
        padding: 10px 0;
    }

    .container .latestActivity .activity_row .pic {
        width: 100%;
        height: 297px;
    }

    .container .latestActivity .activity_row .pic a {
        display: block;
        height: 297px;
    }

    .container .latestActivity .activity_row .pic img {
        height: 100%;
        object-fit: cover;
    }

    .img_link_list {
        gap: 15px;
    }

    header .main .col_end form.search {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        border-radius: 0;
        background-color: #08509890;
        backdrop-filter: blur(5px);
        display: none;
    }

    header .main .col_end form.search_show {
        display: flex;
    }

    header .main .col_end form.search input {
        flex: 1;
        border: 1px solid #fff;
        font-size: 16px;
        padding: 3px 15px;
        color: #fff;
        border-radius: 15px;
    }

    header .main .col_end form.search button {
        margin-left: 10px;
    }

    header .main .row .search_btn {
        display: flex;
    }
}

@media screen and (max-width:600px) {

    .img_link_list a span {
        font-size: 14px;
    }

    .img_link_list a .icon {
        width: 40px;
    }

    .banner .swiper a {
        height: 280px;
    }

    .campusLink .tit {
        width: 100%;
    }

    .campusLink a {
        margin: 5px 10px 5px 0;
    }

    .campusLink a::after {
        display: none;
    }

    .img_link_list a {
        width: calc(50% - 15px);
        flex: auto;
    }

    .img_link_list {
        flex-wrap: wrap;
    }

    footer .main .logo {
        display: none;
    }

    footer .main .left .copy_info {
        margin-left: 0;
        border: none;
        padding: 0;
    }

    header .logo {
        width: 260px;
    }

    header {
        padding: 18px 0;
    }

    .title_public h3 {
        font-size: 20px;
    }

    .title_public span {
        font-size: 16px;
    }
	  #Sidebar {
    width: 100%;
    float: none;
    background: none;
  }
  .tit_title {
    height: 40px;
  }
  .tit_title h2 {
    font: 500 18px/40px "微软雅黑";
  }
  .nav_left {
    margin-top: 5px;
  }
  .nav_left ul li {
    border: 1px solid #aaa;
    border-radius: 5px;
    display: inline-block;
  }
  .nav_left ul li a {
    display: block;
    color: #333;
    font: 16px/50px "微软雅黑";
    font-weight: 500;
    text-align: center;
    height: 50px;
    padding: 0 8px;
  }
  #Mainbody {
    width: 100%;
    float: none;
  }
	.banner {min-height:150px;}
	.container .sec-content-box .news_box .art_list ul li a .text p {
    -webkit-line-clamp:2;line-height:150%;margin:10px 0;}
	
.container .sec-content-box .news_box .art_list ul li a .date {margin-left:10px;}
}

@media screen and (max-width:500px) {
    .banner .swiper a {
        height: 180px;
    }

    .container .latestActivity .activity_row .art_list ul li a {
        padding: 5px 0;
    }

    .main {
        padding: 0 10px;
    }

    footer .main .row_b {
        flex-direction: column;
    }

    .container .latestActivity .activity_row .pic {
        height: 180px;
    }
    .container .latestActivity .activity_row .pic a {
        height: 180px;
    }
    footer .main .left {
        margin-top: 25px;
    }
}