@charset "utf-8"; body{ min-width:1600px; } header{ background: #8c0000 url(../img/header-bg.png); height: 130px; } header .w1400{ height:130px; } header .logo{ height: 70px; margin: 30px 0; } header .logo img{ width: auto; height: 100%; } header .fr{ height: 40px; margin: 45px 0; } header .fr a{ font-size: 16px; color: #fff; padding: 10px; position: relative; } header .fr a::after{ position: absolute; content: ""; width: 1px; height: 15px; background: #fff; right: 0; top: 10px; } header .fr a:last-of-type::after{ display: none; } header .fr img{ } .search{ visibility: hidden; opacity: 0; transition: all ease .6s; height: 0vh; width: 100%; position: absolute; } .search .close-search{ width: 50px; height: 50px; margin: 50px; position: absolute; right: 60px; display: block; } .search span{ display:block; width: 60px; height: 5px; margin: -4px; background:#fff; transition: all ease .5s; } .search span.s1{ transform: rotate(45deg); -ms-transform: rotate(45deg); /* IE 9 */ -moz-transform: rotate(45deg); /* Firefox */ -webkit-transform: rotate(45deg); /* Safari 和 Chrome */ -o-transform: rotate(45deg); } .search span.s2{ transform: rotate(-45deg); -ms-transform: rotate(-45deg); /* IE 9 */ -moz-transform: rotate(-45deg); /* Firefox */ -webkit-transform: rotate(-45deg); /* Safari 和 Chrome */ -o-transform: rotate(-45deg); } .show{ position: absolute; width: 100%; height: 100vh; background: rgb(8,8,8,.6); z-index: 9999; top: 0; text-align: center; visibility: visible; opacity: 1; } #divu2{ margin-top: 500px; } #divu2 #appu2 .qwss{ width: 20%; height: 50px; font-size: 16px; } #divu2 #appu2 .tj{ height: 50px; font-size: 16px; } /* 导航 */ .content .nav{ width:100%; } .content .nav>li{float: left;position: relative;} .content .nav>li a{ font-size: 18px; color: #333; padding: 20px 100px; /* margin: 10px 40px; */ display: block; position:relative; box-sizing: border-box; } .content .nav>li>a::after{ position:absolute; content:""; width:1px; height: 25px; background: #ececec; right: 0px; } .content .nav>li:last-child>a:after{ display:none; } .content .nav>li>a.active{ color: #8c0000; border-bottom: 2px solid #8c0000; } .content .nav>li:first-of-type>a{ padding-left: 0; margin-left: 0; } .content .nav>li:last-of-type>a{ padding-right: 0; margin-right: 0; } .content .nav>li ol{display: none;z-index: 22;} .content .nav>li:hover ol{ display: block; position: absolute; width: 100%; background: rgba(14,14,14,.3); } .content .nav>li ol li a{ font-size: 15px; width: 100%; text-align: center; padding: 10px 0; margin: 0; display: block; border-bottom: 1px solid rgba(14,14,14,.5); color: #ffffff; } .content .nav>li ol li a:hover{ background: rgba(14,14,14,.4); } /* banner */ .banner .slick-dots li{ width: 50px; height: 5px; } .banner .slick-dots li button{ width: 50px; height: 5px; border-radius: 0; } .banner .slick-dots li.slick-active button{ background: #c21724; } /* 职院要闻 */ .zyyw{ padding: 20px 0; } .zyyw .title{ border: none; } .zyyw .title h2::after{ display: none; } .title{ padding: 20px 0; border-bottom: 1px solid #f2f2f2; margin: 20px 0; } .title a{ color: #bdbdbd; font-size: 14px; display: block; position:relative; z-index: 5; } .title a::after{ position:absolute; content:""; width:2px; height:15px; left: -20px; top: 5px; background:#bdbdbd; } .title h2{ font-size: 24px; color: #121212; background: url(../img/ico02.png) no-repeat left center; text-indent: 1em; position:relative; } .title h2::after{ position:absolute; content:""; width: 130px; height:2px; background: #8c0000; bottom: -22px; left:0px; } .zyyw .title h2{ background: url(../img/ico01.png) no-repeat left center; text-indent: 2em; } .zyyw .img{ width: 48%; overflow:hidden; } .zyyw .img .image{ height: 360px; width: 100%; overflow: hidden; } .zyyw .img img{ width: 100%; height: 100%; object-fit: cover; transition: all ease .5s; } .zyyw .img img:hover{ transform:scale(1.1); } .zyyw .img p{ font-size: 18px; color: #333; width: 70%; float: left; padding: 20px 0; } .zyyw span.time{ width: 20%; float: right; text-align: right; display: block; padding: 30px 0; background: url(../img/time.png) no-repeat left 15px center; } /* 职院要闻 文字部分 */ .zyyw .txt{ width: 48%; border-top: 1px solid #f2f2f2; } /* 线条 */ .zyyw .txt .lines{ width: 10px; position: relative; margin-top: 20px; } .zyyw .txt .lines .circl{ display: block; width: 10px; height: 10px; border: 2px solid #8c0000; border-radius: 50%; position: relative; left: -5px; } .zyyw .txt .lines .line{ width: 1px; height: 42px; background: #8c0000; display: block; position: relative; left: 1px; } .zyyw .txt .lines .circl.active::after{ position: absolute; content: ""; width: 6px; height: 6px; background: #8c0000; border-radius: 50%; top: 2px; left: 2px; } /* 文字 */ .zyyw .txt ul.fr{ width: 95%; } .zyyw .txt ul.fr li{ padding: 15px 0; } .zyyw .txt ul.fr span{ padding: 0; } .zyyw .txt ul.fr a{ font-size: 16px; color: #4c4c4c; } .zyyw .txt ul.fr li:hover a{ color: #8c0000; } /* 通知公告 政策文件 学习园地 下载专区 */ .tzxx{padding: 50px 0;background: #f5f5f5 url(../img/tzxx-bg.png) no-repeat center;} .tzxx .w1400{ background: #fff; } .tzxx .fl{ width: 23%; margin: 1%; } .tzxx .fl ul li a{ display: block; padding: 15px 0; background: #f8f8f8; margin: 10px 0; transition: all ease 1s; } .tzxx .fl ul li span{ font-size: 13px; color: #999; display: block; float: left; padding: 0 10px; position: relative; } .tzxx .fl ul li span::after{ position: absolute; content: ""; width: 2px; height: 20px; background: rgba(229,229,229,0.6); top: 3px; right: 0px; } .tzxx .fl ul li p{ font-size: 15px; color: #666; float: right; width: 68%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .tzxx .fl ul li:hover a{ background: #c21724; } .tzxx .fl ul li:hover span,.tzxx .fl ul li:hover p{ color: #fff; } /* 工作动态 快速链接 */ .gzdt{ width: 65%; } .gzdt .con{ width: 100%; } .gzdt .con div.fl{ position: relative; margin-right: 10px; transition: all ease .5s; overflow:hidden; } .gzdt .con div.fl:hover img{ transform:scale(1.1); } .gzdt .con div.fl img{ width: 100%; height: 200px; object-fit: cover; } .gzdt .con div.fl p{ font-size: 16px; color: #4c4c4c; padding: 40px 0; } .gzdt .con div.fl h3{ position: absolute; background: #8c0000; padding: 5px 15px; top: 155px; right: 20px; font-weight: normal; } .gzdt .con div.fl span{ font-size: 14px; color: #fff; font-family: Arial; display: block; text-align: center; } .gzdt .con div.fl span.year{ border-top: 2px solid rgba(215,50,62,.4); } .gzdt .con div.fl:hover h3{ background: #c21724; } .kslj{ width: 32%; } .kslj ul{ } .kslj ul li font{ padding-right: 15px; } .kslj ul li a{ font-size: 16px; color: #4c4c4c; display: block; padding-bottom: 20px; } .kslj ul li:hover font,.kslj ul li:hover a{ color:#8c0000; } /* 底部图片链接 */ .tplj{ margin: 20px 0; } .tplj .fl{ width: 20%; text-align: center; } .tplj .fl .img{ width: 43px; height: 43px; margin: auto; } .tplj .fl .img img{ } .tplj .fl p{ font-size: 16px; color: #666; padding: 20px 0; } /* 版权 */ footer{ background: #8e0303 url(../img/footer-bg.png) no-repeat center; } footer .top{ padding: 40px 0 20px 0; } footer .img{ width: 416px; height: 66px; margin-right: 40px; } footer .txt{ font-size: 15px; color: #fff; } footer .txt p{ line-height: 3em; text-indent: 5em; } footer .txt p:first-of-type{ background: url(../img/phone.png) no-repeat left 50px center; } footer .txt p:last-child{ background: url(../img/address.png) no-repeat left 50px center; } footer .txt span{ font-size: 20px; } footer .tp{ } footer .tp .ewm{ margin-left: 20px; } footer .copyright{ color: #dea4a4; text-align: center; font-size: 14px; padding: 20px 0; border-top: 1px solid rgba(162,15,15,.8); }ul{ } .kslj ul li font{ padding-right: 15px; } .kslj ul li a{ font-size: 16px; color: #4c4c4c; display: block; padding-bottom: 20px; } .kslj ul li:hover font,.kslj ul li:hover a{ color:#8c0000; } /* 底部图片链接 */ .tplj{ margin: 20px 0; } .tplj .fl{ width: 20%; text-align: center; } .tplj .fl .img{ width: 43px; height: 43px; margin: auto; } .tplj .fl .img img{ } .tplj .fl p{ font-size: 16px; color: #666; padding: 20px 0; } /* 版权 */ footer{ background: #8e0303 url(../img/footer-bg.png) no-repeat center; } footer .top{ padding: 40px 0 20px 0; } footer .img{ width: 416px; height: 66px; margin-right: 40px; } footer .txt{ font-size: 15px; color: #fff; } footer .txt p{ line-height: 3em; text-indent: 5em; } footer .txt p:first-of-type{ background: url(../img/phone.png) no-repeat left 50px center; } footer .txt p:last-child{ background: url(../img/address.png) no-repeat left 50px center; } footer .txt span{ font-size: 20px; } footer .tp{ } footer .tp .ewm{ margin-left: 20px; } footer .copyright{ color: #dea4a4;