@charset "utf-8"; /*banner*/ .banner { width: 100%; position: relative; overflow: hidden; animation: 0.5s ease 0.3s 1 normal backwards running fadeInUp; } .slick-dotted.slick-slider { margin-bottom: 0; } .banner .slick-slide { width: 100%; } .banner .slick-dots { width: 1200px; margin: 0 auto; bottom: 20px; left: 0; right: 0; text-align: right; box-sizing: border-box; } .banner .news_images { width: 100%; } .banner .news_images a { display: block; } .news_images img { display: block; width: 100%; height: 450px; object-fit: cover; } .banner .slick-dots {bottom: 10px;text-align: center;width: 100%;} .slick-dots li{ width: 20px; margin-right: 5px; } .banner .slick-dots li.slick-active, .banner .slick-dots li.slick-active button { width: 20px; height: 20px; } .banner .slick-dots li.slick-active button:before { width: 10px; height: 10px; background: #ed4022; border-radius: 100%; } .banner .slick-dots li button:before { width: 10px; height: 10px; border-radius: 100%; content: ''; opacity: 1; background: #fff; } /* 新闻列表 */ .news_list div.fl{ width: 38%; margin-right: 2%; } .news_list div.fl:nth-of-type(3){ width: 20%; margin-right: 0%; } .news_list div.fl:nth-of-type(1){ animation: 0.5s ease 0.6s 1 normal backwards running fadeInUp; } .news_list div.fl:nth-of-type(2){ animation: 0.5s ease 0.7s 1 normal backwards running fadeInUp; } .news_list div.fl:nth-of-type(3){ animation: 0.5s ease 0.8s 1 normal backwards running fadeInUp; } .news_list{ margin: 55px 0; } h2.lmTit{ display: block; width: 100%; font-size: 24px; color: #26207a; margin-bottom: 20px; } h2.lmTit a{ display: block; padding-right: 20px; font-size: 14px; background: url(../img/more_icon1.png) no-repeat right center; } h2.lmTit a:hover{ background: url(../img/more_icon2.png) no-repeat right center; } .list_sub ul li a{ display: block; width: 100%; height: auto; font-size: 15px; color: #333333; line-height: 42px; border-bottom: 1px dashed #b8b8b8; padding-left: 40px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .list_sub ul li a span{ font-size: 14px; color: #999999; } .list_sub:nth-of-type(1) ul li a{ background: url(../img/notice_icon.png) no-repeat 5px center; } .list_sub:nth-of-type(2) ul li a{ background: url(../img/zszc_icon.png) no-repeat 5px center; } .list_sub ul li a.new{ background: url(../img/new_icon.png) no-repeat left center; } .list_sub ul li a:hover{ color: #26207a; font-weight: bold; } /* 快速链接 */ .ks_link ul li:nth-of-type(1) a{ margin-top: 0; } .ks_link ul li a{ display: block; width: 100%; height: auto; padding: 13px 30px 13px 0; margin-top: 1px; background: #fafafa url(../img/more_icon1.png) no-repeat right 30px center; line-height: 34px; text-indent: 30px; font-size: 16px; color: #333333; font-weight: bold; box-sizing: border-box; position:relative; } .ks_link ul li a:after { content: ""; position: absolute; top: 0; left: 0; width: 0; height: 100%; background-color: #26207a; z-index: -1; transition: .5s; } .ks_link ul li a:hover:after { width: 100%; } .ks_link ul li a span{ display: block; width: 80px; height: 34px; border-right: 1px solid #e1e1e1; float: left; } .ks_link ul li:nth-of-type(1) a span{ background: url(../img/kslj_icon1.png) no-repeat center; } .ks_link ul li:nth-of-type(2) a span{ background: url(../img/kslj_icon2.png) no-repeat center; } .ks_link ul li:nth-of-type(3) a span{ background: url(../img/kslj_icon3.png) no-repeat center; } .ks_link ul li:nth-of-type(4) a span{ background: url(../img/kslj_icon4.png) no-repeat center; } .ks_link ul li:nth-of-type(5) a span{ background: url(../img/kslj_icon6.png) no-repeat center; } .ks_link ul li a:hover{ background: url(../img/more_icon2.png) no-repeat right 30px center; color: #fff; } .ks_link ul li:nth-of-type(1) a:hover span{ background: url(../img/kslj_icon11.png) no-repeat center; } .ks_link ul li:nth-of-type(2) a:hover span{ background: url(../img/kslj_icon22.png) no-repeat center; } .ks_link ul li:nth-of-type(3) a:hover span{ background: url(../img/kslj_icon33.png) no-repeat center; } .ks_link ul li:nth-of-type(4) a:hover span{ background: url(../img/kslj_icon44.png) no-repeat center; } .ks_link ul li:nth-of-type(5) a:hover span{ background: url(../img/kslj_icon66.png) no-repeat center; } /* 友情链接 */ .yqlj ul li{ float: left; width: 32%; margin-right: 2%; visibility: visible; opacity: 0; } .yqlj.animation ul li:nth-of-type(1){ visibility: inherit; opacity: 1; animation: 0.8s ease 0.3s 1 normal backwards running fadeInUp; } .yqlj.animation ul li:nth-of-type(2){ visibility: inherit; opacity: 1; animation: 0.8s ease 0.4s 1 normal backwards running fadeInUp; } .yqlj.animation ul li:nth-of-type(3){ visibility: inherit; opacity: 1; animation: 0.8s ease 0.5s 1 normal backwards running fadeInUp; } .yqlj ul li:nth-of-type(3n){ margin-right: 0; } .yqlj ul li a{ position: relative; } .yqlj ul li a,.yqlj ul li a img{ display: block; width: 100%; height: 350px; object-fit: cover; } .yqlj ul li a p{ width: 100%; height: auto; padding-top: 80px; line-height: 30px; font-size: 24px; color: #fff; text-align: center; position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-weight: bold; } .yqlj ul li:nth-of-type(1) a p{ background: url(../img/mshi_icon.png) no-repeat center 2px; } .yqlj ul li:nth-of-type(2) a p{ background: url(../img/msheng_icon.png) no-repeat center 6px; } .yqlj ul li:nth-of-type(3) a p{ background: url(../img/jsszy_icon.png) no-repeat center 0; } .yqlj ul li a:hover p{ color: #ed4022; } .yqlj ul li:nth-of-type(1) a:hover p{ background: url(../img/mshi_icon1.png) no-repeat center 2px; } .yqlj ul li:nth-of-type(2) a:hover p{ background: url(../img/msheng_icon1.png) no-repeat center 6px; } .yqlj ul li:nth-of-type(3) a:hover p{ background: url(../img/jsszy_icon1.png) no-repeat center 0; } /* 学生生活 */ .student{ margin: 55px 0; visibility: visible; opacity: 0; } .student.animation{ visibility: inherit; opacity: 1; animation: 0.5s ease 0.5s 1 normal backwards running fadeInUp; } .student ul li{ width: 18.8%; float: left; padding: 0 6px; box-sizing: border-box; } .student ul li:nth-of-type(5n){ margin-right: 0; } .student ul li a,.student ul li a img{ display: block; width: 100%; height: 204px; overflow: hidden; object-fit: cover; transition: all .8s; border: 1px solid #f3f3f3; } .student ul li a:hover img{ transform: scale(1.2); } .student .slick-prev, .student .slick-next{ top: 50%; transform: translateY(-50%); width: 66px; height: 66px; border-radius: 100%; z-index: 999; } .student .slick-prev{ left: 15px; background: url(../img/jt_left1.png) no-repeat center; } .student .slick-next{ right: 15px; background: url(../img/jt_right1.png) no-repeat center; } .student .slick-prev:hover{ background: url(../img/jt_left2.png) no-repeat center; } .student .slick-next:hover{ background: url(../img/jt_right2.png) no-repeat center; } /* 媒体查询 */ @media only screen and (max-width: 1440px){ .ks_link ul li a{ text-indent:15px; } .news_list{ margin:40px 0; } .student{ margin: 40px 0; } .yqlj ul li a, .yqlj ul li a img{ height: 310px; } } @media only screen and (max-width: 1300px){ .news_list div.fl{ width:35%; } .news_list div.fl:nth-of-type(3){ width:26%; } } @media only screen and (max-width: 1200px){ .news_images img{ height:340px; object-fit: cover; } h2.lmTit{ font-size: 22px; margin-bottom: 10px; } .yqlj ul li a, .yqlj ul li a img{ height: 280px; } } @media only screen and (max-width: 1024px){ .news_images img{ height:280px; object-fit: cover; } .news_list div.fl{ width:49%; } .news_list div.fl:nth-of-type(2){ margin-right:0; } .news_list div.fl:nth-of-type(3){ width:100%; margin-top: 30px; } .news_list{ margin: 30px 0 20px; } .student{ margin: 30px 0 30px; } .ks_link ul li{ float:left; width:32%; margin-right:2%; margin-bottom: 15px; } .ks_link ul li:nth-of-type(3n){ margin-right:0; } .ks_link ul li a{ font-size:15px; } .student ul li{ margin-top:0; } } @media only screen and (max-width: 960px){ .yqlj ul li a, .yqlj ul li a img{ height: 260px; } } @media only screen and (max-width: 768px){ .news_images img{ height:220px; } h2.lmTit{ font-size: 20px; margin-bottom: 10px; } .yqlj ul li a, .yqlj ul li a img{ height: 240px; } } @media only screen and (max-width: 710px){ .news_list div.fl{ width:100%; margin-right:0; margin-top: 20px; } .news_list div.fl:nth-of-type(3){ margin-top: 20px; } .news_list{ margin: 0px 0 20px; } .student{ margin: 10px 0 25px; } .ks_link ul li{ width:49%; margin-bottom: 0; margin-top: 10px; } .ks_link ul li:nth-of-type(3n){ margin-right:2%; } .ks_link ul li:nth-of-type(2n){ margin-right:0%; } .yqlj ul li a, .yqlj ul li a img{ height: 180px; } .yqlj ul li a p{ font-size: 20px; padding-top: 60px; background-size: auto 55%!important; } } @media only screen and (max-width: 640px){ .news_images img{ height: 160px; } .banner .slick-dots{ bottom:0; } .list_sub ul li a{ font-size: 14px; padding-left: 32px; line-height: 38px; } h2.lmTit{ margin-bottom:5px; } .ks_link ul li{ width:100%; margin-bottom: 0; margin-top: 10px; } } @media only screen and (max-width: 480px){ .yqlj ul li{ float: none; width: 100%; margin-right: 0%; margin-bottom:10px; } .yqlj ul li a, .yqlj ul li a img{ height:260px; } .yqlj ul li a p{ font-size: 20px; padding-top: 60px; background-size: auto 55%!important; } } @media only screen and (max-width: 440px){ .yqlj ul li a, .yqlj ul li a img{ height:230px; } .student ul li{ padding:0; margin-top:10px; } }