@charset "utf-8"; * { margin: 0; padding: 0; } html { height: 100%; } body { font-family: "微软雅黑"; background-color: #fff; font-size: 14px; height: 100%; } a, a:hover { text-decoration: none !important; outline: none; } .clearfix:after { content: ""; display: block; clear: both; } .clearfix { zoom: 1; } .fl { float: left; } .fr { float: right; } ul, li { list-style-type: none; } img { border: none; outline: none; } input { outline: none; border: 0; font-family: "微软雅黑"; background: none; } .header, .nav, .section, .footer { width: 100%; } .container{ width: 1200px; margin: 0 auto; } /* header开始 */ .header{ width: 100%; height: 125px; background: #ececec; border-bottom: 1px solid #902c2e; } .header .zzlogo{ width: 326px; height: 68px; margin-top: 24px; } .header .zzlogo img{ width: 326px; height: 68px; } .header .logo{ width: 252px; height: 49px; margin: 24px 0px 0px 12px; } .header .logo img{ width: 303px; height: 68px; } .header .operate{ color: #757575; width: 225px; text-align: right; height: 45px; line-height: 45px; margin-top: 15px; } .header .operate a{ color: #757575; } .header .search { width: 225px; height: 29px; margin-top: 11px; background: url(../images/ssbg.png) no-repeat; } .header .search .sou{ vertical-align: middle; color: #333; border: none; height: 29px; line-height: 29px; outline: none; width: 170px; font-size: 14px; background: none; padding-left: 10px; } .header .search .suo { padding-top: 4px; padding-right: 6px; outline: none; border: none; } ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: rgb(207, 205, 205); } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: rgb(207, 205, 205); } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: rgb(207, 205, 205); } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: rgb(207, 205, 205); } /* 导航开始 */ .nav{ height: 50px; line-height: 50px; background: #aa1f24; } .nav ul>li{ position: relative; } .nav ul>li>a{ display: block; width: 120px; height: 50px; text-align: center; font-size: 18px; color: #fff; font-weight: 600; } .nav ul>li>a:hover{ color: #ff9053; } .nav ul>li>.pulldown { position: absolute; top: 50px; left: -24px; width: 210px; z-index: 999; text-align: center; } .nav ul>li .pulldown>li{ position: relative; line-height: 40px; width: 210px; } .nav ul>li .pulldown>li a { color: #FFFFFF; font-size: 16px; background: rgba(154, 149, 138, 0.68); font-weight: normal; margin: 0; width: 165px; height: 20px; line-height: 20px; padding-top: 10px; padding-bottom: 10px; border-bottom: none !important; } .nav>.container>ul>li .pulldown>li a:hover{ background: #f1f1f1; color: #cd140f; } /* 轮播图开始 */ .sybanner{ height: 290px; background: url(../images/bannerbg.png) repeat-x center top; } .swiper-container{ width: 100%; height: 290px; } .swiper-container .hide{ opacity:0; } .swiper-button-next,.swiper-button-prev{ -webkit-transition: opacity .5s; -ms-transition: opacity .5s; transition: opacity .5s; } .swiper-container img{ display: block; width: 100%; height: 290px; cursor: pointer; } .carousel .swiper-container .swiper-pagination-bullet { width: 12px; height: 12px; opacity: 1; } .swiper-pagination-bullet-active { opacity: 1; background: #fff; } .swiper-container .swiper_btn { position: absolute; top: 0; left: 50%; height: 100%; } .swiper-container .swiper_btn .swiper-button-prev { width: 300px; height: 100%; top: 0; left: -762px; margin: 0; } .swiper-container .swiper_btn .swiper-button-prev span { width: 32px; height: 61px; display: block; position: absolute; top: 50%; margin-top: -30px; left: 200px; background: #9d9d9d47 url(../images/prev.png) no-repeat center; } .swiper-container .swiper_btn .swiper-button-next { width: 300px; height: 100%; top: 0; left: 460px; margin: 0; } .swiper-container .swiper_btn .swiper-button-next span { width: 32px; height: 61px; display: block; position: absolute; top: 50%; margin-top: -30px; right: 200px; background: #9d9d9d47 url(../images/next.png) no-repeat center; } /* 新闻 */ .section .collegeNews{ width: 724px; margin-top: 15px; margin-right: 10px; box-sizing: border-box; } .section .collegeNews .newsTitle { width: 724px; height: 36px; line-height: 36px; font-size: 18px; color: #fff; padding-left: 10px; background-image: url(../images/title-bg1.png); background-repeat: no-repeat; background-size: 724px 36px; } .section .collegeNews .newsTitle a { display: block; line-height: 35px; font-size: 12px; color: #9d9d9d; padding: 0px 20px; } .section .collegeNews .newsTitle .iconfont{ position: relative; top: 1px; } .section .collegeNews .newsTitle span{ color: #fff; font-size: 14px; } .section .collegeNews .newsBox{ margin-top: 15px; } .section .collegeNews .newsImg{ width: 320px; height: 180px; overflow: hidden; } .section .collegeNews .newsImg img{ width: 320px; height: 180px; -webkit-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .section .collegeNews .newsImg img:hover{ transform: scale(1.1); } .section .collegeNews .newsInfo{ width: 404px; height: 180px; box-sizing: border-box; padding: 10px; border: 1px solid #dbdbdb; } .section .collegeNews .newsInfo .newsTop{ font-size: 16px; color: #505050; text-align: center; margin-bottom: 10px; overflow: hidden; /* white-space: nowrap; */ text-overflow:ellipsis; font-weight: 600; } .section .collegeNews .newsBox .newsInfo .newsMid{ line-height: 1.5; color: #4e4e4e; height: 105px; text-indent: 30px; overflow: hidden; } .section .collegeNews .newsBox .newsInfo .newsBot{ color: #4e4e4e; text-align: right; } /* 新闻列表 */ .collegeNews .newsList{ margin: 5px 0px 15px 0px; } .collegeNews .newsList .newsItem{ color: #565656; height: 32px; line-height: 32px; padding-left: 32px; background: url(../images/dt.jpg) no-repeat 20px center; border-bottom: 1px dashed #d3d3d3; } .collegeNews .newsList .newsItem a{ color: #565656; display: inline-block; width: 640px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .collegeNews .newsList .newsItem a:hover{ color: #aa1f24; } .collegeNews .newsList .newsItem .dot{ display: inline-block; width: 3px; height: 3px; background: #565656; position: relative; top: -3px; margin: 0px 5px; } .collegeNews .newsList .newsItem .line{ padding: 0px 6px 0px 10px; } /* 公告 */ .collegeNotice{ width: 466px; margin: 15px 0px; box-sizing: border-box; } .section .collegeNotice .newsTitle { height: 36px; line-height: 36px; font-size: 18px; color: #fff; padding-left: 10px; background-image: url(../images/title-bg2.png); background-repeat: no-repeat; background-size: 466px 36px; } .section .collegeNotice .newsTitle span { color: #fff; font-size: 14px; } .section .collegeNotice .newsTitle a{ display: block; line-height: 35px; font-size: 12px; color: #9d9d9d; padding: 0 10px; } .section .collegeNotice .newsTitle .iconfont{ position: relative; top: 1px; } .collegeNotice .noticeList{ margin-top: 15px; } .collegeNotice .noticeList li a{ display: block; width: 466px; height: 70px; padding: 10px; box-sizing: border-box; } .collegeNotice .noticeList li a:hover .noticeTitle{ color: #aa1f24; } .collegeNotice .noticeList li:nth-child(2n){ background: #f1f1f1; } .collegeNotice .noticeList li:nth-child(2n+1){ background: #fafafa; } .collegeNotice .noticeList .noticeDate{ width: 60px; } .collegeNotice .noticeList .noticeTitle{ color: #373737; width: 330px; margin-left: 35px; line-height: 27px; height: 54px; overflow: hidden; } .collegeNotice .noticeList .date{ font-size: 16px; color: #FFFFFF; text-align: center; height: 30px; line-height: 30px; background: #aa1f24; } .collegeNotice .noticeList .year{ font-size: 18px; font-weight: 600; color: #888888; text-align: center; } /* 教研教改 学术研究 政策文件 */ .section .documentWrap{ width: 390px; height: auto; margin-right: 14px; margin-bottom: 10px; } .section .documentWrap:last-child{ margin-right: 0px; } .section .documentWrap .documentTitle { width: 380px; height: 36px; line-height: 36px; color: #FFF; font-size: 18px; padding-left: 10px; background-image: url(../images/title-bg1.png); background-repeat: no-repeat; background-size: 390px 36px; } .section .documentWrap .documentTitle a{ display: block; line-height: 40px; font-size: 12px; color: #9d9d9d; padding: 0px 10px; } .section .documentWrap .documentTitle .iconfont{ position: relative; top: 1px; } .section .documentWrap .documentList{ padding: 10px 15px 15px 15px; border: 1px solid #e6e6e6; } .section .documentWrap .documentList li{ color: #2f2f2f; height: 32px; line-height: 32px; padding-left: 15px; background: url(../images/dt.jpg) no-repeat left center; } .section .documentWrap .documentList li:hover{ background: url(../images/yqljqdt.png) no-repeat left center; } .section .documentWrap .documentList a{ display: block; width: 100%; height: 100%; color: #565656; } .section .documentWrap .documentList a:hover{ color: #aa1f24; } .section .documentWrap .documentList span.fl{ display: inline-block; width: 290px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /* 友情链接 */ .friendlyLink{ background: url(../images/yqljbg.png) center; min-height: 146px; } .friendlyLink .yqlj2{ padding-top: 30px; } .yqljx { margin-top: 12px; } .yqljx ul { clear: both; padding-bottom: 12px; } .yqljx ul li { width: 226px; padding-left: 14px; background: url(../images/yqljqdt.png) no-repeat 1px center; line-height: 30px; float: left; } .yqljx ul li a { font-size: 14px; color: #444444; } /* footer开始 */ .footer{ width: 100%; height: 100px; background: #7b0002; } .footer .footInfo{ font-size: 12px; color: #fff; margin-top: 20px; line-height: 30px; text-align: center; } .footer .footWexin{ margin-top: 10px; width: 150px; text-align: center; } .footer .footWexin img{ width: 60px; height: 60px; } .footer .footWexin p{ color: #fff; font-size: 12px; text-align: center; } /* 浮动窗口 */ .floadAd{ position: absolute; z-index: 999999; display: none;} .floadAd .item{ display: block;} .floadAd .item img{ vertical-align: bottom;}/* a img 的组合浏览器默认下边会有几个像素的空白,这里可以消除空白*/ /* list.html */ /* 一张静态大图 */ .page{ width: 100%; height: auto; } .page img{ width: 100%; height: auto; } /* 列表 */ .listWrap{ margin: 20px 0px; height: auto; box-sizing: border-box; } .listWrap .listTitle{ box-sizing: border-box; width: 19%; height: auto; margin-right: 1%; background: #f2f2f2; } .listWrap .totalTitle { line-height: 60px; color: #fff; text-align: center; font-size: 24px; background-color: #aa1f24; margin: 0; } .listWrap .subTitle{ padding: 10px 0; min-height: 170px; } .listWrap .subTitle li{ line-height: 50px; padding-left: 35px; position: relative; } .listWrap .subTitle li.active a { color: #aa1f24; } .listWrap .subTitle li a { font-size: 18px; color: #333; display: block; -webkit-transition: all 0.1s ease 0.1s; -ms-transition: all 0.1s ease 0.1s; transition: all 0.1s ease 0.1s; } .listWrap .subTitle li a:hover{ color: #aa1f24; } .listWrap .subTitle li.active a em { display: block; } .listWrap .subTitle li a em { width: 0; height: 0; border-right: 0; border-left: 6px solid #aa1f24; border-top: 5px solid transparent; border-bottom: 5px solid transparent; position: absolute; top: 50%; margin-left: -15px; margin-top: -5px; display: none; } .listWrap .listContent{ box-sizing: border-box; width: 80%; height: auto; background: #f2f2f2; } .listWrap .listContent .contentTitle{ color: #fff; height: 50px; line-height: 50px; padding: 0px 20px; background: rgba(170, 31, 36, 0.7); } .listWrap .listContent .contentTitle .title{ font-size: 18px; font-weight: 500; } .listWrap .listContent .contentTitle .site a{ color: #fff; } .contentList{ font-size:18px; } .contentList>ul>li{ margin-left: 20px; height: 50px; line-height: 50px; border-bottom: 1px dashed #ccc; } .contentList>ul>li:last-child{ border-bottom: 0px solid #ccc; } .contentList>ul>li>a{ color: #333; } .contentList>ul>li>a:hover{ color: #aa1f24; } .contentList>ul>li>a span.fl{ display: inline-block; width: 800px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; } .contentList a .lingxing{ color: #e68f17; padding-right: 5px; } .contentList a .contentTime{ padding-right: 20px; } .contentList .pagewrap{ text-align: right; padding-right: 20px; } .contentList .pagewrap .pdr5{ padding-right: 10px; } .contentList .pagewrap .pageNum{ font-size: 12px; width: 40px; height: 20px; line-height: 15px; border: 1px solid #d5d5d5; background: #fff; margin-top: 4px; text-align: center; } .contentList .pagewrap .pagingJump{ color: #333; } .contentList .pagewrap .pagingJump:hover{ color: #aa1f24; } /* list-detail.html页面 */ .contentDetail .articleTitle{ text-align: center; line-height: 26px; padding: 20px 0px 10px 0px; font-size: 22px; } .contentDetail .aboutAuthor{ text-align: center; padding: 10px 0px 20px; } .contentDetail .aboutAuthor span{ margin: 0 5px; font-size: 14px; color: #787878; } .contentDetail .articleDetail{ color: #333; margin: 0px 20px 20px 20px; text-indent: 36px; font-size: 18px; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; padding-top: 20px; } .contentDetail .articleDetail img { display: inherit; margin: 0 auto; } .contentDetail .articleDetail p{ line-height: 1.7; margin-bottom: 20px; } .contentDetail .articleDetail .textImg, .contentDetail .articleDetail .textVideo{ text-align: center; } .contentDetail .articleDetail .textImg img{ width: 500px; } .contentDetail .articleDetail .textVideo video{ width: 500px; }.contentDetail .aboutChapter{ margin: 0px 20px 20px } .contentDetail .aboutChapter p{ line-height: 27px; font-size: 14px; } .contentDetail .aboutChapter a{ font-size: 14px; color: #444444;} .contentDetail .aboutChapter a:hover{ color: #aa1f24;} /* search.html页面 */ .searchTitle{ margin-right: 0px !important; margin-left: 1%; } .searchBox{ padding-left: 0px !important; text-align: center; } .searchBox input[type="search"]{ border: 1px solid #ccc; height: 30px; padding-left: 15px; } .searchBox .sou{ display: inline-block; margin-left: 5px; cursor: pointer; } .style1 { font-family: "Microsoft YaHei UI"; color: #000000; font-size: 24px; font-weight: bold; } .style2 {color: #FFFFFF} .textneirong { font-family: "Microsoft YaHei UI"; font-size: 15px; line-height: 32px; color: #333333; text-decoration: none; }