/* 轮播�?*/

._slide {
    width: 100vw;
    height: 45vh;
    position: relative;
    transition: 0.8s ease-out;}

.slide {
    width: 100%;
    height: 100%;
    position: absolute;
    transition: all linear 0.8s;}

.slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    z-index: 50;}

#prev,
#next {
    position: absolute;
    z-index: 150;
    width: 50px;
    height: 50px;
    background: url(../images/lbtn.png) no-repeat center / 90%;
    top: 50%;
    left: 20px;
    margin-top: -25px;
    cursor: pointer;}

#next {
    left: auto;
    right: 20px;
    background: url(../images/rbtn.png) no-repeat center / 90%;}

._slide .current {
    opacity: 1;}

.slide {
    opacity: 0;}


/* 快捷方式 */

.li-ul {
    margin: 0 -45px;}

.li-ul li {
    float: left;
    width: 16%;
    padding: 0 10px;}

.li-ul li a {
    display: block;
    text-align: center;
    width: 100%;
    height: 75px;
    font-size: 18px;
    color: #333;
    background: url(../images/li01.png) center no-repeat;
    background-size: cover;
    border: solid 1px #99e3ff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}

.li-ul li.li02 a {
    background: url(../images/li02.png) center no-repeat;
    background-size: cover;
    border: solid 1px #ff858e;}

.li-ul li a span {
    display: inline-block;
    position: relative;
    line-height: 75px;}

.li-ul li.li01 a:hover {
    border: 1px solid #e4e2e2;
    background: url(../images/back01.jpg) center no-repeat;
    background-size: 105% 105%;}

.li-ul li.li02 a:hover {
    border: 1px solid #e4e2e2;
    background: url(../images/back02.jpg) center no-repeat;
    background-size: 105% 105%;}


/* 通知公告 */

.inform-box {
    width: 100vw;
    height: 500px;
    padding: 25px 0;
    margin-top: -15px;
    background: url(../images/tzkj_bj.png)no-repeat center;}

.inform-box .title {
    text-align: center;}

.inform-box .title .dot {
    width: 12px;
    height: 12px;
    background-color: #12b7f5;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 69px;} .inform-box .title img{ position:absolute;  bottom:-16px;  right:32px;}

.inform-box .title .dot::before {
    content: '';
    position: absolute;
    width: 80px;
    height: 2px;
    background-color: #12b7f5;
    top: 5px;
    left: -92px;}

.inform-box .title .dot::after {
    content: '';
    position: absolute;
    width: 80px;
    height: 2px;
    background-color: #12b7f5;
    top: 5px;
    right: -92px;}

.tzgg_body {
    margin-top: 50px;}

._item {
    width: 115%;
    height: 60px;
    background-color: #fff;
    display: flex;
    margin: 0 0 20px -40px;}

._item_left {
    width: 20%;
    height: 100%;
    text-align: center;
    background-color: #0670b7;}

._item_left p {
    margin: 6px 0 0 0;
    font-size: 18px;
    font-style: normal;
    color: #fff;}

._item_left span {
    color: #fff;
    font-size: 15px;}

._item_left h1 {
    color: #fff;
    margin-top: 10px;}

.tzgg_body ._item_right {
    width: 80%;
    height: 100%;
    justify-content: center;
    line-height: 60px;
    overflow: hidden;
    text-align: left;}

._item_right a {
    text-decoration: none;
    font-size: 14px;
    color: #000;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0px 15px 0px;}

.kjfs_body {
    margin-top: 50px;}

.kjfs_body .fix {
    padding: 0 40px;}

.kjfs_body ul li {
    float: left;}

.kjfs_item svg {
    width: 53px;
    height: 40px;
    margin: 0 0 5px;
    fill: transparent;
    stroke-width: 20px;
    stroke: #0670b7;
    stroke-dasharray: 3480;
    stroke-dashoffset: 3480;
    stroke-linecap: square;}

.kjfs_item p {
    font-size: 14px;}

@keyframes draw-shape {
    0% {
        stroke-dashoffset: 3480px;}
    80% {
        stroke-dashoffset: 0;
        fill: #eee;}
    100% {
        fill: #0670b7;
        stroke-dashoffset: 0;}
}


/* 新闻动�?*/

.news-box {
    width: 100vw;}

.news-box .xwdt {
    text-align: center;
    position: relative;}

.news-box .xwdt img {
    position: absolute;
    bottom: 15px;
    right: 30px;}

.xwdt_body {
    height: 500px;
    border-top: 1px rgb(184, 180, 180) solid;
    border-bottom: 1px rgb(184, 180, 180) solid;}

.xwdt_body .s {
    width: 100%;
    height: 90px;
    margin: 0 0 20px;
    background-color: #fdfdfdcc;}

.xwdt_body ul li:hover .s {
    border-right: 2px #0670b7 solid;}

.xwdt_body ._item ._item_right {
    display: block;
    line-height: unset;
    width: 80%;}

.xwdt_body ._item ._item_right a {
    font-weight: 600;
    margin: 5px 15px 0px;}

.xwdt_body ._item ._item_right p {
    padding: 10px 25px 15px 10px;
    font-size: 13px;}

.xwdt_body .xwdt_slide,
.xwdt_list {
    padding: 30px 0 0;
    margin-bottom: 20px;}

.xwdt_body .xwdt_list {
    padding: 30px 0px 0 10px;}


/* 校园生活 */

.xysh {
    width: 100vw;
    height: 560px;
    background: url(../images/exhibition_bj.png)no-repeat center;
    padding: 100px 0;
    margin-top: 30px;
    overflow: hidden;}

.xysh ul {
    margin: 0 0 0 -70px;}

.xysh ul li {
    float: left;
    width: 33.333%;
    padding: 0 10px;
    margin-bottom: 30px;}

.xysh ul li a {
    display: block;
    position: relative;
    text-align: center;
    width: 100%;
    height: 170px;
    font-size: 18px;
    box-shadow: 0 0 10px rgb(0 0 0 0.3);}

.xysh ul li span {
    position: absolute;
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #000;
    background: #04e8f87e;
    left: 0;
    bottom: 0;}

.xysh ul li:nth-child(1) a {
    background: url(../images/zlgc_bj.jpg) no-repeat center;
    background-size: 100% 100%;}

.xysh ul li:nth-child(2) a {
    background: url(../images/zyzg_bj.jpg) no-repeat center;
    background-size: 100% 100%;}

.xysh ul li:nth-child(3) a {
    background: url(../images/tzpy_bj.jpg) no-repeat center;
    background-size: 100% 100%;}

.xysh ul li:nth-child(4) a {
    background: url(../images/congraluation.jpg) no-repeat center;
    background-size: 100% 100%;}

.xysh ul li:nth-child(5) a {
    background: url(../images/sendproject.jpg) no-repeat center;
    background-size: 100% 100%;}

.xysh ul li:nth-child(6) a {
    background: url(../images/redgenu.jpg) no-repeat center;
    background-size: 100% 100%;}
/* ��ҳ������������ͨ�� ����Ӧ��ʽ */


/* �е���Ļ */

@media screen and (max-width:993px) {
    .burger {
        display: block;}
    ._slide {
        height: 40vh!important;}
    .fixed-nav {
        display: none;}
    .foot {
        height: 350px;
        background: url(../skin/images/logo_bg.jpg) center;}
}


/* ƽ�� */

@media screen and (max-width:769px) {
    .head-right {
        display: none;}
    .foot_left,
    .foot_right {
        padding: 20px 35px 0px;}
    .foot {
        height: 450px;
        background: url(../skin/images/logo_bg.jpg) center;}
}


/* �ֻ� */

@media screen and (max-width:450px) {
    .header {
        height: 100px;}
    .head-left {
        top: 10px;
        height: 53px;}
    ._slide {
        height: 25vh!important;}
    #prev,
    #next {
        opacity: 0;}
    .head-mid img {
        display: none;}
    .burger {
        display: block;
        top: 5%;}
    .foot .row {
        display: unset;
        align-items: unset;}
    .foot .foot_left,
    .foot_right {
        padding: 0 40px;}
    .foot .foot_left {
        padding: 20px 40px 0;}
    .foot .row div:nth-child(n+2) {
        font-size: 14px;
        line-height: 14px;}
    .foot .foot_right div:nth-child(1)::before {
        top: 70%;
        left: 10%;}
    .foot .foot_right div:nth-child(1)::after {
        top: 70%;
        left: 10%;}
}