@charset "utf-8";
.index_header{position:relative;}
.index_header .bd{
    position:absolute;
    width: 120px;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 30px;
    z-index: 100;
    color: #fff;
    cursor: pointer;
    background: url(/img/bd2.png) no-repeat left center;
    font-size: 18px;
    line-height: 30px;
    text-align: right;
    animation: bb 2s linear 0s infinite;
}
.index_header .bd:hover{
    color:#3064c1;
     background: url(/img/bd1.png) no-repeat left center;
     
}
@keyframes bb{
0%{transform:translate(0,0);opacity:0;}
20%{transform:translate(0,3px);opacity:1;}
80%{transform:translate(0,10px);opacity:1;}
90%{transform:translate(0,10px);opacity:0;}
100%{transform:translate(0,10px);opacity:0;}
}
.index_con{
    padding-top: 70px;
}
/* banner */
.banner {
    width: 100%;
    position: relative;
    min-width: 1200px;
    animation: 0.8s ease 0.3s 1 normal backwards running fadeInDown;
}

.slick-dotted.slick-slider {
    margin-bottom: 0;
}

.banner .slick-slide {
    width: 100%;
}

.banner .news_images {
    width: 100%;
    position:relative;
}
.banner .news_images::before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 80px;
    background: linear-gradient(to top,rgba(0,0,0,0.8),rgba(0,0,0,0));
    z-index: 1;
}
.banner .news_images a {
    display: block;
}

.news_images img {
    display: block;
    width: 100vw;
    height: 100vh;
    object-fit: cover;
}

.banner .slick-dots {
    width: 1200px;
    margin: 0 auto;
    bottom: 20px;
    left: 0;
    right: 0;
    text-align: right;
    padding-right: 40px;
    box-sizing: border-box;
z-index:99999;
}
.banner .slick-slide img{
    transform: scale(1.2);
    transition: opacity 0.3s ease 0s, transform 0s ease 1s;
}
.banner .slick-current img {
	transform: scale(1);
	transition: all 5s cubic-bezier(0, 0.56, 0.44, 1) 0s;
}

.slick-dots li{
    width: 30px;
    height: 30px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 30px;
}
.slick-dots li.slick-active{
    padding-right: 120px;
    font-size: 24px;
}
.slick-dots li.slick-active::before{
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    left: 30px;
    width: 120px;
    height: 1px;
    background: #fff;
}
.banner .slick-prev{
    display: none;
}
.banner .slick-next{
    width: 30px;
    height: 30px;
    background: url(/img/slick-next.png) no-repeat center;
    z-index: 1000;
    bottom: 7px;
    left: 50%;
    margin-left: 570px;
}
.banner .slick-next:hover{
    background: url(/img/slick-next2.png) no-repeat center;
}

/* 机电要闻 */
.jdyw{
    padding-bottom: 45px;
    border-bottom: 1px dashed #e8e8e8;
}
/* 标题 */
.w1200>div.title h2{
    width: 100%;
    text-align: center;
    font-size: 36px;
    color: #3064c1;
    line-height: 40px;
    font-weight: normal;
    margin: 70px 0 50px;
    position: relative;
}
.w1200>div.title h2::after{
    display: block;
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -280px;
    top: 17px;
    width: 140px;
    height: 7px;
    background: url(/img/title_bg.png) no-repeat left center;
}
.w1200>div.title h2::before{
    display: block;
    content: '';
    position: absolute;
    left: 50%;
    margin-left: 140px;
    top: 17px;
    width: 140px;
    height: 7px;
    background: url(/img/title_bg.png) no-repeat right center;
}
.w1200 a.more{
    display: block;
    width: 132px;
    height: 45px;
    padding-left: 60px;
    color: #3064c1;
    font-size: 18px;
    line-height: 45px;
    background: url(/img/more.png) no-repeat center left;
    margin: 0 auto;
    box-sizing: border-box;
    transition: all .4s;
}
.w1200 a.more:hover{
    color: #e59b28;
    background: url(/img/more2.png) no-repeat center left;
}
/* 机电要闻轮播 */
.jdyw div.title{
    opacity: 0;
    visibility: hidden;
}
.jdyw.animation div.title{
    opacity: 1;
    visibility: visible;
    animation: 0.8s ease 0.3s 1 normal backwards running fadeInUp;
}
.jdyw div.title h2{
    margin:0 0 50px;
}
.jdyw_banner{
    position: relative;
    margin-bottom: 35px;
    opacity: 0;
    visibility: hidden;
}
.jdyw.animation .jdyw_banner{
    opacity: 1;
    visibility: visible;
    animation: 0.8s ease 0.5s 1 normal backwards running fadeInUp;
}
.jdyw_banner .hd a{
    display: block;
    position: absolute;
    width: 30px;
    height: 50px;
    top: 50%;
    margin-top: -25px;
    z-index: 1000;
    cursor: pointer;
    background:#fff url(../img/arrow_icon.png) no-repeat center;
}
.jdyw_banner .hd a:hover{
    background:#fff url(../img/arrow_icon2.png) no-repeat center;
}
.jdyw_banner .hd a.next{
    right: -50px;
}
.jdyw_banner .hd a.prev{
    left: -50px;
    transform: rotate(180deg);
}
.jdyw_banner .tempWrap{
    max-width: 1200px;
}
.jdyw_banner .bd{
    width: 1200px;
    overflow: hidden;
}
.jdyw_banner .bd div.banner_sub{
    width: 380px;
    margin-right: 30px;
}
.jdyw_banner bd div.banner_sub:last-child{
    margin-right: 0;
}
.jdyw_banner .bd div.banner_sub a{
    display: block;
    width: 100%;
    max-height: 330px;
    overflow: hidden;
    position: relative;
}
.jdyw_banner .bd div.banner_sub a img{
    width: 100%;
    height: 265px;
    object-fit: cover;
    transition: all .8s;
}
.jdyw_banner .bd div.banner_sub a p{
    font-size: 16px;
    line-height: 30px;
    margin-top: 5px;
    transition: all .8s;
    padding: 0 10px;
    box-sizing: border-box;
}
.jdyw_banner .bd div.banner_sub a p span{
    display: block;
    font-size: 15px;
    color: #c0c0c0;
    line-height: 30px;
}
.jdyw_banner .bd div.banner_sub a:hover img{
    transform: scale(1.2);
    height: 338px;
}
.jdyw_banner .bd div.banner_sub a:hover p{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    line-height: 55px;
    color: #fff;
    background: rgba(62, 113, 203, 0.72);
    text-align: center;
}
.jdyw_banner .bd div.banner_sub a:hover p span{
    display: none;
}
/* 机电要闻列表 */
.jdyw_list{
    opacity: 0;
    visibility: hidden;
}
.jdyw_list.animation{
    opacity: 1;
    visibility: visible;
    animation: 0.8s ease 0.3s 1 normal backwards running fadeInUp;
}
.jdyw .jdyw_list ul{
    margin-bottom: 35px;
}
.jdyw .jdyw_list ul li{
    width: 562px;
    height: 90px;
    padding: 15px 32px;
    box-sizing: border-box;
    float: left;
    margin-top: 18px;
    box-shadow: 3px 3px 7px 2px #f5f7fa;
    border-radius: 8px;
    transition: all 0.4s;
}
.jdyw .jdyw_list ul li:nth-child(1),.jdyw .jdyw_list ul li:nth-child(3){
    margin-right: 76px;
}
.jdyw .jdyw_list ul li a{
    display: block;
    position: relative;
    width: 100%;
    height: 60px;
    font-size: 16px;
    line-height: 30px;
    color: #000000;
}
.jdyw .jdyw_list ul li a span{
    position: absolute;
    right: -15px;
    bottom:0;
    width: 90px;
    height: 30px;
    line-height: 30px;
    color: #e9911e;
}
.jdyw .jdyw_list ul li:hover{
    background: #3e71cb;
}
.jdyw .jdyw_list ul li:hover a,.jdyw .jdyw_list ul li:hover a span{
    color: #fff;
}
/* 公告 */
.xx_zb{
    margin-top: 2px;
}
.xx_zb .gg_sub{
    opacity: 0;
    visibility: hidden;
}
.xx_zb.animation .gg_sub{
    opacity: 1;
    visibility: visible;
    animation: 0.8s ease 0.5s 1 normal backwards running fadeInUp;
}
.xx_zb .ggTab,.xx_zx .jyTab{
    text-align: center;
    margin-top: 25px;
    border-bottom: 2px solid #fbfbfb;
}
.xx_zb .ggTab li,.xx_zx .jyTab li{
    display: inline-block;
    font-size: 28px;
    color: #4d4d4d;
    line-height: 30px;
    padding: 25px 30px;
    position: relative;
    cursor: pointer;
}
.xx_zb .ggTab li.ggNav_in,.xx_zx .jyTab li.jyNav_in{
    color: #3e71cb;
}
.xx_zb .ggTab li.ggNav_in::before,.xx_zx .jyTab li.jyNav_in::before{
    display: block;
    content: '';
    width: 56px;
    height: 2px;
    background: #3e71cb;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    margin: auto;
}
/* 学校公告 招标公告 */
.xx_zb .ggBox{
    opacity: 0;
    visibility: hidden;
}
.xx_zb.animation .ggBox{
    opacity: 1;
    visibility: visible;
    animation: 0.8s ease 0.5s 1 normal backwards running fadeInUp;
}
.xx_zb .ggBox>div,.xx_zx .jyBox>div{
    display: none;
    animation: fadeInUp 0.6s ease backwards .1s
}
.xx_zb .ggBox>div.ggCon,.xx_zx .jyBox>div.jyCon{
    display: block;
}
.xx_zb .ggBox div ul{
    margin: 25px 0;
}
.xx_zb .ggBox div ul li{
    margin: 25px 0;
    float: left;
    width: 560px;
}
.xx_zb .ggBox div ul li:nth-child(even){
    margin-left: 80px;
}
.xx_zb .ggBox div ul li a{
    display: block;
    width: 100%;
    height: 60px;
}
.xx_zb .ggBox div ul li a p{
    float: left;
}
.xx_zb .ggBox div ul li a p.time{
    width: 80px;
    border-right: 1px solid #efefef;
    box-sizing: border-box;
}
.xx_zb .ggBox div ul li a p.time span:nth-child(1){
    display: block;
    text-align: center;
    font-size: 30px;
    line-height: 35px;
    color: #666666;
}
.xx_zb .ggBox div ul li a p.time span:nth-child(2){
    display: block;
    text-align: center;
    font-size: 12px;
    line-height: 25px;
    color: #666666;
}
.xx_zb .ggBox div ul li a p.con{
    width: 480px;
    font-size: 15px;
    line-height: 30px;
    padding: 0 20px;
    box-sizing: border-box;
    color: #808080;
}
.xx_zb .ggBox div a.more{
    margin-bottom: 50px;
}
.xx_zb .ggBox div ul li a:hover p.time span,.xx_zb .ggBox div ul li a:hover p.con{
    color: #3e71cb;
}
/* 招生信息 就业咨询*/
.xx_zx{
    background: #f4f5f7;
    padding-bottom: 80px;
}
.xx_zx .jy_sub{
    opacity: 0;
    visibility: hidden;
}
.xx_zx.animation .jy_sub{
    opacity: 1;
    visibility: visible;
    animation: 0.8s ease 0.3s 1 normal backwards running fadeInUp;
}
.xx_zx .jyTab {
    margin-top: 0;
    padding-top: 25px;
    border-bottom: 2px solid #f1f2f3;
}
.xx_zx .jyBox{
    opacity: 0;
    visibility: hidden;
}
.xx_zx.animation .jyBox{
    opacity: 1;
    visibility: visible;
    animation: 0.8s ease 0.5s 1 normal backwards running fadeInUp;
}
.xx_zx .jyBox>div{
    margin-top: 50px;
}
.xx_zx .jyBox>div ul li{
    width: 570px;
    float: left;
}
.xx_zx .jyBox>div ul li a{
    display: block;
    font-size: 15px;
    line-height: 30px;
    color: #808080;
    margin-bottom: 15px;
    text-indent: 30px;
    background: url(/img/listD1.png) no-repeat left center;
}
.xx_zx .jyBox>div ul li a span{
    color:#999999;
}
.xx_zx .jyBox>div ul li a:hover{
    background: url(/img/listD2.png) no-repeat left center;
    color: #333333;
}
.xx_zx .jyBox>div ul li a:hover span{
    color: #3e71cb;
}
.xx_zx .jyBox>div ul li:nth-child(even){
    margin-left: 60px;
}
.xx_zx .jyBox>div ul li.first a{
    display: block;
    width: 100%;
    height: 184px;
    background: #fff;
    border-radius: 8px;
    margin-bottom: 20px;
    text-indent: 0;
}
.xx_zx .jyBox>div ul li.first a p{
    float: left;
}
.xx_zx .jyBox>div ul li.first a p.img {
    width: 270px;
    overflow: hidden;
    border-radius: 8px;
}
.xx_zx .jyBox>div ul li.first a p.img img{
    width: 100%;
    height: 184px;
    object-fit: cover;
    transition: all .8s;
}
.xx_zx .jyBox>div ul li.first a p.con{
    width: 300px;
    padding: 0 26px;
    box-sizing: border-box;
}
.xx_zx .jyBox>div ul li.first a p.con span{
    display: block;
}
.xx_zx .jyBox>div ul li.first a p.con span:nth-child(1){
    font-size: 18px;
    line-height: 30px;
    color: #333333;
    margin-top: 8px;
}
.xx_zx .jyBox>div ul li.first a p.con span:nth-child(2){
    font-size: 16px;
    line-height: 30px;
    color: #092c87;
    margin: 8px 0;
}
.xx_zx .jyBox>div ul li.first a:hover p.img img{
    transform: scale(1.2);
}
.xx_zx .jyBox>div ul li.first a p.con span:nth-child(3){
    font-size: 14px;
    line-height: 30px;
    color: #808080;
}
.xx_zx .jyBox>div ul li.first a:hover p.con span:nth-child(1){
    color: #092c87;
}
.xx_zx .jyBox a.more{
    margin-top: 35px;
}
/* 联系方式 */
.lxfs{
    opacity: 0;
    visibility: hidden;
}
.lxfs.animation{
    opacity: 1;
    visibility: visible;
    animation: 0.8s ease 0.3s 1 normal backwards running fadeInUp;
}
.lxfs div.w1200{
    height:84px;
    border-radius: 42px;
    background: #fff;
    margin-top: -42px;
    box-shadow: 3px 3px 7px 2px #f5f7fa;
}
.lxfs div.w1200 p{
    float: left;
    height: 38px;
    font-size: 16px;
    line-height: 38px;
    padding: 0 46px;
    margin-top: 23px;
}
.lxfs div.w1200 p img{
    display: inline-block;
    margin-right: 20px;
}
.lxfs div.w1200 p:nth-child(2) img{
    margin-top: 2px;
}
.lxfs div.w1200 p:nth-child(3) img{
    margin-top: 5px;
}
/* 快速导航 */
.ks_Nav {
    margin: 0 0 50px;
    padding-top: 70px;
    opacity: 0;
    visibility: hidden;
    border-top: 1px dashed #e8e8e8;
    margin-top: 2px;
}
.ks_Nav.animation{
    opacity: 1;
    visibility: visible;
    animation: 0.8s ease 0.3s 1 normal backwards running fadeInUp;
}
.ks_Nav ul li{
    float: left;
    width: 170px;
}
.ks_Nav ul li a{
    display: block;
    width: 100%;
    font-size: 20px;
    line-height: 42px;
    color: #808080;
    border-right: 1px dashed #e0e0e0;
    box-sizing: border-box;
    text-align: center;
}
.ks_Nav ul li:last-child a{
    border-right: 1px dashed transparent;
}
.ks_Nav ul li a:hover{
    color:#0d4ec1;
}
/* 专题网站 */
.zt_web{
    margin-bottom: 70px;
}
.zt_web div.title{
    opacity: 0;
    visibility: hidden;
}
.zt_web.animation div.title{
    opacity: 1;
    visibility: visible;
    animation: 0.8s ease 0.3s 1 normal backwards running fadeInUp;
}
.zt_con{
    margin-top: 70px;
}
.zt_web .zt_con{
    opacity: 0;
    visibility: hidden;
}
.zt_web.animation .zt_con{
    opacity: 1;
    visibility: visible;
    animation: 0.8s ease 0.5s 1 normal backwards running fadeInUp;
}
.zt_con .zt_sub.jdbn{
    background: #3064c1 url(../img/zt_sub_bg.png) no-repeat center;
}
.zt_con .zt_sub.jxky{
    background: #e29441 url(../img/zt_sub_bg.png) no-repeat center;
}
.zt_con .zt_sub.dywh{
    background: #568f28 url(../img/zt_sub_bg.png) no-repeat center;
}
.zt_con .zt_sub.jxjy{
    background: #a14893 url(../img/zt_sub_bg.png) no-repeat center;
}
.zt_con .zt_sub.jnbs{
    background: #e49b4d url(../img/zt_sub_bg.png) no-repeat center;
}
.zt_con .zt_sub.ghhd{
    background: #568f28 url(../img/zt_sub_bg.png) no-repeat center;
}
.zt_con .zt_sub.gjsfx{
    background: #a14893 url(../img/zt_sub_bg.png) no-repeat center;
}
.zt_con .zt_sub{
    border-radius: 8px;
    height: 650px;
    position: relative;
    cursor: pointer;
}
.zt_con .zt_sub .zt_sub_tit p:first-child{
    width: 104px;
    height: 48px;
    margin-top: 170px;
}
.zt_con .zt_sub:hover .zt_sub_tit p:first-child{
   animation: bouns .6s infinite;
}
.zt_con .zt_sub .zt_sub_tit p.txt{
    width: 20px;
    padding: 0 38px;
    font-size: 20px;
    line-height: 22px;
    color: #fff;
    margin-top: 70px;
}
.zt_con .zt_sub .zt_sub_tit::before{
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 115px;
    background: url(/img/right.png) no-repeat center;
}
.zt_con .zt_sub .icon_1{
    background: url(/img/icon_4.png) no-repeat center;
}
.zt_con .zt_sub .icon_2{
    background: url(/img/icon_5.png) no-repeat center;
}
.zt_con .zt_sub .icon_3{
    background: url(/img/icon_6.png) no-repeat center;
}
.zt_con .zt_sub .icon_4{
    background: url(/img/icon_7.png) no-repeat center;
}
.zt_con .zt_sub .icon_5{
    background: url(/img/icon_8.png) no-repeat center;
}
.zt_con .zt_sub .icon_6{
    background: url(/img/icon_9.png) no-repeat center;
}
.zt_con .zt_sub .icon_7{
    background: url(/img/icon_10.png) no-repeat center;
}
.zt_con .zt_sub .zt_sub_con{
    display: none;
}
.zt_con .zt_sub.big .zt_sub_tit{
    display: none;
}
.zt_con .zt_sub.big{
    width: 576px;
}
.zt_con .zt_sub.big .zt_sub_con{
    display: block;
    padding: 38px 22px 65px 28px;
    animation: fadeInRight 0.6s ease backwards .1s;
}
.zt_con .zt_sub.big .zt_sub_con h2{
    height: 48px;
    font-size: 24px;
    line-height: 48px;
    color: #fff;
    padding-left: 75px;
    font-weight: normal;
}
.zt_con .zt_sub.big .zt_sub_con h2 a{
    color:#fff;
}
.zt_con .zt_sub.big .zt_sub_con h2.icon_1{
    background: url(/img/icon_4.png) no-repeat center left;
}
.zt_con .zt_sub.big .zt_sub_con h2.icon_2{
    background: url(/img/icon_5.png) no-repeat center left;
}
.zt_con .zt_sub.big .zt_sub_con h2.icon_3{
    background: url(/img/icon_6.png) no-repeat center left;
}
.zt_con .zt_sub.big .zt_sub_con h2.icon_4{
    background: url(/img/icon_7.png) no-repeat center left;
}
.zt_con .zt_sub.big .zt_sub_con h2.icon_5{
    background: url(/img/icon_8.png) no-repeat center left;
}

.zt_con .zt_sub.big .zt_sub_con h2.icon_6{
    background: url(/img/icon_9.png) no-repeat center left;
}
.zt_con .zt_sub.big .zt_sub_con h2.icon_7{
    background: url(/img/icon_10.png) no-repeat center left;
}
.zt_con .zt_sub.big .zt_sub_con ul li a{
    display: block;
    width: 100%;
    color: #fff;
    font-size: 16px;
    line-height: 48px;
    transition: all 0.5s ease;
}
.zt_con .zt_sub.big .zt_sub_con ul li a span{
    font-size:15px;
    color: #ececec;
    line-height: 48px;
}
.zt_con .zt_sub.big .zt_sub_con ul li a:hover{
    margin-left: 8px;
    font-size: 17px;
}
.zt_con .zt_sub.big .zt_sub_con ul li:first-child{
    margin-top: 50px;
    margin-bottom: 18px;
}
.zt_con .zt_sub.big .zt_sub_con ul li:first-child p.img{
    float: left;
    width: 328px;
    height: 240px;
    overflow: hidden;
}
.zt_con .zt_sub.big .zt_sub_con ul li:first-child p.img img{
    display: block;
    width: 100%;
    height: 240px;
    object-fit: cover;
    transition: all 0.8s;
}
.zt_con .zt_sub.big .zt_sub_con ul li:first-child p.txt{
    width: 198px;
    float: left;
    padding-left: 34px;
    box-sizing: border-box;
}
.zt_con .zt_sub.big .zt_sub_con ul li:first-child p.txt span{
    display: block;
}
.zt_con .zt_sub.big .zt_sub_con ul li:first-child p.txt span:nth-child(1){
    font-size: 18px;
    line-height: 30px;
    color: #fff;
}
.zt_con .zt_sub.big .zt_sub_con ul li:first-child p.txt span:nth-child(2){
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    margin: 17px 0;
}
.zt_con .zt_sub.big .zt_sub_con ul li:first-child p.txt span:nth-child(3){
    font-size: 14px;
    line-height: 30px;
    color: #ececec;
}
.zt_con .zt_sub.big .zt_sub_con ul li:first-child a:hover{
    margin-left: 0;
}
.zt_con .zt_sub.big .zt_sub_con ul li:first-child a:hover p.img img{
    transform: scale(1.2);
}
/* 校园生活 */
.xysh{
    margin-bottom: 90px;
}
.xysh div.title{
    opacity: 0;
    visibility: hidden;
}
.xysh.animation div.title{
    opacity: 1;
    visibility: visible;
    animation: 0.8s ease 0.3s 1 normal backwards running fadeInUp;
}
.xysh ul li{
    float: left;
    width: 50%;
    height: auto;
    padding: 8px;
    box-sizing: border-box;
}
.xysh ul li.first{
    width: 100%;
    padding: 0;
    padding-bottom: 8px;
    opacity: 0;
    visibility: hidden;
}
.xysh.animation ul li.first{
    opacity: 1;
    visibility: visible;
    animation: 0.8s ease 0.5s 1 normal backwards running fadeInUp;
}
.xysh ul li:nth-child(2),.xysh ul li:nth-child(4){
    padding-left: 0px;
    opacity: 0;
    visibility: hidden;
}
.xysh ul li:nth-child(3),.xysh ul li:nth-child(5){
    padding-right: 0px;
    opacity: 0;
    visibility: hidden;
}
.xysh ul li:nth-child(2).animation{
    opacity: 1;
    visibility: visible;
    animation: 0.8s ease 0.3s 1 normal backwards running fadeInLeft;
}
.xysh ul li:nth-child(3).animation{
    opacity: 1;
    visibility: visible;
    animation: 0.8s ease 0.3s 1 normal backwards running fadeInRight;
}
.xysh ul li:nth-child(4).animation{
    opacity: 1;
    visibility: visible;
    animation: 0.8s ease 0.5s 1 normal backwards running fadeInLeft;
}
.xysh ul li:nth-child(5).animation{
    opacity: 1;
    visibility: visible;
    animation: 0.8s ease 0.5s 1 normal backwards running fadeInRight;
}
.xysh ul li a,.xysh ul li a img{
    display: block;
    width: 100%;
    height: auto;
    min-height:220px;
    position: relative;
    object-fit: cover;
    overflow: hidden;
    border-radius: 8px;
}
.xysh ul li a img{
    transition: all .8s;
}
.xysh ul li a:hover img{
    transform: scale(1.2);
}
.xysh ul li a p{
    position: absolute;
    color: #fff;
    width: 100%;
    padding-left: 20px;
    box-sizing: border-box;
    line-height: 30px;
    font-size: 18px;
    bottom: 10px;
    left: 0;
}