.title{width:100%;height: 80px;padding: 20px 0 8px;line-height: 52px;} .title .more{font-size: 14px;color: #b2b2b2;} .title h2{font-size: 26px;color:#333333;width:130px;font-weight: normal;} .title span{color: #144b8f;margin-right:16px;font-weight: bold;} /*banner*/ .banner{ position: relative; animation: 0.8s ease 0.5s 1 normal backwards running fadeInDown; overflow: hidden; } .banner .slider{ overflow:hidden; width:100%; } .banner .slider img { width: 100%; transform: scale(1.2); transition: opacity 0.3s ease, transform 0s ease 1s; } .banner .slick-active img { -webkit-transform: scale(1); transform: scale(1); transition: all 5s cubic-bezier(0, .56, .44, 1); } .banner .slick-dots li button{ width: 57px; height: 5px; background: #fff; } .banner .slick-dots li button:before,.banner .slick-dots li{ width: 57px; height: 5px; } .banner .slick-dots li.slick-active button{ background: #026dcf; } .banner .slick-dots li{ margin: 0 10px; } /*教学动态*/ .jxdt{width: 100%;} .jxdt .dtlist{width:100%;height: 250px;diplay:block;} .jxdt .dtlist li{width:320px;height:100%;box-shadow: 0 0 10px 0 rgba(0,101,190,0.15);float: left;margin-right: 39px;} .jxdt .dtlist li:nth-child(4){margin-right: 0px;} .jxdt .dtlist li .tpic{width:100%;height: 143px;overflow: hidden;} .jxdt .dtlist li a img{width:100%;height: 143px;object-fit: cover;transition: all 0.6s;} .jxdt .dtlist li a:hover img{transform: scale(1.2);} .jxdt .dtlist li a h3{font-size: 16px;color: #333333;font-weight:normal;padding: 10px 17px;height: 50px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;} .jxdt .dtlist li a p{margin: 0px auto;background:url(../img/time1.png) no-repeat;line-height: 39px;width: 287px;} .jxdt .dtlist li a p span{margin-left:50px;display: block;color: #9b9b9b;height: 39px;font-size: 14px;} .jxdt .dtlist li a:hover p{background:url(../img/time2.png) no-repeat;} .jxdt .dtlist li a:hover span{color: #ffffff;} .jxdt .dtlist li a:hover h3{color:#144b8f;} .jxdt .jxlist{width:100%;height: 76px;display:block;padding: 20px 0;} .jxdt .jxlist li{width: 335px;height: 100%;float: left;box-shadow: 0 0 10px 0 rgba(0,101,190,0.15);margin-right: 20px;} .jxdt .jxlist li:nth-child(4){margin-right: 0px;} .jxdt .jxlist .li1{background: url(../img/js1.png) no-repeat 60px center;} .jxdt .jxlist .li2{background: url(../img/xs1.png) no-repeat 60px center;} .jxdt .jxlist .li3{background: url(../img/xz1.png) no-repeat 60px center;} .jxdt .jxlist .li4{background: url(../img/xq1.png) no-repeat 60px center;} .jxdt .jxlist li a{font-size: 24px;color: #4c4c4c;display: block;margin: 26px 30px 24px 130px;} .jxdt .jxlist li a span{font-size: 14px;margin-left: 10px;} .jxdt .jxlist .li1:hover{background:#144b8f url(../img/js2.png) no-repeat 60px center;} .jxdt .jxlist .li2:hover{background:#144b8f url(../img/xs2.png) no-repeat 60px center;} .jxdt .jxlist .li3:hover{background:#144b8f url(../img/xz2.png) no-repeat 60px center;} .jxdt .jxlist .li4:hover{background:#144b8f url(../img/xq2.png) no-repeat 60px center;} .jxdt .jxlist li:hover a{color: #ffffff;} /*学院通知*/ .xytz{width:100%;background: url(../img/xytzbg.png) no-repeat;height: 530px;} .xytz .jwkx{width:620px;height: 530px;background-color: #ffffff;} .xytz .jwkx .title{background-color:#f8fbff} .xytz .jwkx .kxnr{height: 296px;width: 577px;background-color: #ffffff;position: relative; margin: 20px auto;} .xytz .jwkx .kxnr .swiper-container .swiper-wrapper { height: 100% !important; } .xytz .jwkx .kxnr .swiper-container .swiper-wrapper .swiper-slide { position: relative; height: 100% !important; } .xytz .jwkx .kxnr .swiper-container .swiper-wrapper .swiper-slide a{ margin-top:0px; width:100%; } .xytz .jwkx .kxnr .swiper-container .swiper-wrapper .swiper-slide a p { display: block; width: 340px; height: 45px; line-height: 45px; margin-top:25px; } .xytz .jwkx .kxnr .swiper-container .swiper-wrapper .swiper-slide a img{ width: 100%; height: 296px; transition: all 0.6s; object-fit: cover; } .xytz .jwkx .kxnr .swiper-container .swiper-wrapper .swiper-slide:hover a img{ transform: scale(1.2); } .xytz .jwkx .kxnr .swiper-container .swiper-wrapper .swiper-slide a p span { width: 90px; height: 45px; background-color: #ca9c44; display: block; float: left; text-align: center; line-height: 45px; margin-right: 10px; color: #ffffff; } .xytz .jwkx .kxnr .pagination1 {position: absolute;text-align: right;bottom: 20px;width: 90%;z-index: 6;right: 0px !important;left: 0;margin: 0 auto;} .xytz .jwkx .kxnr .pagination1 .swiper-pagination-switch {display: inline-block;width: 5px;height: 5px;background: #ffffff;margin: 0px 6px;cursor: pointer;} .xytz .jwkx .kxnr .pagination1 .swiper-active-switch {width: 5px;background: #144b8f;height: 5px;} .xytz .jwkx .jwnr{width: 537px;margin: 0px auto;} .xytz .jwkx .jwnr a h2{font-size: 18px;color: #4c4c4c;font-weight: normal;width: 100%;display: block;margin-bottom: 10px;} .xytz .jwkx .jwnr a h2 span{font-size: 14px;color: #144b8f;} .xytz .jwkx .jwnr a p{font-size: 14px;color: #999999;} .xytz .tzgg{width: 740px;margin-left: 40px;} .xytz .tzgg .ggnr li{width: 100%;height: 40px;border-bottom: 1px solid #e8e8e8;line-height: 40px;background: url(../img/xtb.png) no-repeat 0px center;} .xytz .tzgg .ggnr li a{font-size: 16px;margin-left: 34px;color: #4c4c4c;} .xytz .tzgg .ggnr .date{font-size: 14px;color: #808080;} .xytz .tzgg .ggnr li:hover a{color: #144b8f;} .xytz .tzgg .ggnr li:hover .date{color: #144b8f;} .xytz .tzgg .ggnr li:hover{border-bottom: 1px solid #144b8f;} /*管理规定*/ .glgd{width: 100%;} .glgd .glnr{width: 100%;margin-bottom: 20px;height: 220px;} .glgd .glnr li{background: url(../img/glbg1.png) no-repeat;width: 466px;height: 102px;float: left;margin-bottom: 20px;} .glgd .glnr li a{display: block;margin: 9px 60px 9px 30px;} .glgd .glnr li a h3{font-size:16px;color: #333333;} .glgd .glnr li a p{font-size: 14px;color: #808080;text-overflow: ellipsis; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis;} .glgd .glnr li a span{font-size: 14px;color: #808080;} .glgd .glnr li:hover h3{color: #144b8f;} .glgd .glnr li:hover p{color: #144b8f;} .glgd .glnr li:hover span{color: #144b8f;} .glgd .glnr li:hover{background: url(../img/glbg2.png) no-repeat;}