body,div,dl,dt,h1,h2,h3,ul,ol,li,p,form,input,textarea,cite,span,strong { margin:0; padding:0; } body { font-family:'Microsoft YaHei','Arial','Helvetica','sans-serif'; font-size:12px; color:#333; } body { background: #fff; } li { list-style-type: none; } ul,ol { list-style:none outside none; } legend { display:none; } fieldset,img { border:none; vertical-align:middle; } input,button,select,textarea { outline:none; font-family:'Microsoft YaHei','Arial','Helvetica','sans-serif'; } h1,h2,h3,h4,h5,h6 { font-weight: normal; } table,tr,th,td,font { font-size: 12px; } h1 { font-size: 18px; } h2 { font-size: 16px; } h3 { font-size: 14px; } h4 { font-size: 12px; } h5 { font-size: 10px; } h6 { font-size: 8px; } input,textarea{ outline:none; } a{ text-decoration:none; font-size:12px; color:#333; } img { border: medium none; } .clear:after { visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0; } .clear {*zoom:1;} .clear:after { content:".";display:block;height:0;clear:both;visibility:hidden; } .clear { *height:1%; } #header {width:100%;height: 221px;background: url(../images/top_nav_bg.png) center;position:absolute;z-index:99999;top: 0;left: 0;} .top-wrap {width:100%;height: 137px;} .top-wrap-box { width:1200px; height:96px; margin:0 auto; } .logo { float: left; width:396px; height:74px; margin-top: 9px; } .top-search {float:right;height:45px;margin-top: 45px;} .top-search-box { width:200px; height:30px; position:relative; z-index: 1; } .top-search-box input.top-keywords { text-indent: 23px; width:200px; height:30px; border:0; border-radius: 50px; color:#666; font-size: 12px; } .top-search-box input.top-submit { position: absolute; top: 8px; right: 17px; width:16px; height:16px; cursor: pointer; border:0; background:url(../images/top-search-btn.png) no-repeat; } .top-search-box input.top-submit:hover { opacity: 0.8; } .nav { width:100%; height:50px; background:url(../images/nav-bg.png); border-top:3px solid #b02923; } .nav-box { width:1200px; height:50px; margin: 0 auto; } .nav ul { height:50px; } .nav ul li {float:left;position:relative;width: 120px;height:45px;margin-top: 2px;} .nav ul li a {font-size: 18px;text-align: center;color: #000;width:120px;height:45px;line-height:45px;display: inline-block;font-weight: 500;} .nav ul li a.active { background: #b02923; color:#fff; } .nav ul li ul { z-index:99999999; width:122px; padding-top: 13px; padding-bottom: 13px; position: absolute; height: auto !important; height: 10px; min-height: 10px; background:#b02923; top: 46px; left: -1px; display:none; } .nav ul li ul li { float: left; width:120px; height:30px; } .nav ul li ul li a { width:120px; height:36px; line-height:36px; text-align: center; font-size: 15px; display: inline-block; color: #ffc9c9; } .nav ul li ul li a.active,.nav ul li ul li a:hover { font-size: 15px; width:120px; color: #fff; height:36px; line-height:36px; } #banner {position: relative;z-index: 1;overflow: hidden;width:100%;height: 640px;} #banner ul { } #banner ul li { position: absolute; z-index: 2; } #banner ul li img { position: relative; height:786px; } #banner .banner-pageing { width: 100%; position:absolute; z-index: 222; bottom: 35px; text-align: center; } #banner .banner-pageing a { cursor: pointer; border-radius: 50px; background: #fefeff; margin-right: 10px; width:16px; height:16px; display:inline-block; } #banner .banner-pageing a.active,#banner .banner-pageing a:hover { background: #b02923; width:16px; height:16px; } .cat-title { width:1200px; height:84px; margin: 47px auto 43px auto; position: relative; } .cat-title span { float:left; width:1200px; border-bottom: 1px solid #ccc; margin-top: 35px; } .cat-title strong.cc { position:absolute; top: 0; left: 484px; width:228px; height:84px; display:inline-block; background: url(../images/news-title.jpg) no-repeat center; } .cat-title strong.dd { position:absolute; top: 0; left: 484px; width:228px; height:84px; display:inline-block; background: url(../images/notice-title.png) no-repeat center; } .college-news { width:1200px; margin: 0 auto; } .college-news ul li { height: 339px; width: 384px; float: left; margin-right: 24px; background: #f3f3f3; } .college-news ul li.cc { margin-right:0; float:right; } .college-news img {width:384px;height: 248px;} .college-news-l { float: left; width:96px; height: 146px; margin-top: 18px; } .college-news-l strong { font-weight: normal; } .college-news-l em { font-style:normal; } .coll-news-time { margin-left: 14px; width:65px; height: 65px; display: inline-block; border-radius: 10px; color:#fff; background:#f3b32a; } .time-color-a { background:#8467f0; } .time-color-b { background:#19c8e7; } .coll-news-time strong { font-size: 24px; margin-top: 5px; text-align: center; display: block; } .coll-news-time em { display: block; text-align: center; } .coll-news-more {margin-top: -39px;float: right;margin-right: 14px;} .coll-news-more a { margin-left: 14px; width:20px; height:20px; display:inline-block; background:url(../images/news-more.png) no-repeat; } .coll-news-more a:hover { opacity:0.8; } .college-news-r { float: left; width:264px; height: 146px; margin-top: 18px; } .college-art-title {margin-bottom:25px;float: left;position:relative;display: block;width: 100%;} .college-art-title em {position: absolute;top: 57px;left:0;font-style:normal;width: 19px;height: 2px;background: #b02923;} .college-art-title a {font-weight: bold;font-size: 16px;color:#333;line-height: 29px;} .college-art-title a:hover { color:#b02923; } .college-article-intro { color: #888; line-height: 24px; } .find-nav { margin-top:55px; width:100%; height:227px; background:url(../images/find-nav-bg.png) no-repeat center; background-size:100%; } .find-nav-box { width:1200px; height:227px; margin: 0 auto; position:relative; z-index:1; } .find-nav-box .find-nav-icon {top: 0;left: -1px;width:133px;height:84px;position:absolute;z-index:99;background:url(../images/find-nav.png) no-repeat;} .find-nav-box ul {/* float: left; */margin-left: 48px;padding-top: 51px;margin: 55px auto;width: 1050px;} .find-nav-box ul li {float:left;margin: 0px 31px;} .find-nav-box ul li.cc {/* float: right; */margin-right: 0;} .find-nav-box ul li a {width: 100%;display: block;} .find-nav-box ul li a .find-title {margin-top:20px;font-size:14px;color:#fff;display: block;text-align: center;width: 100%;} .find-nav-box ul li a.active .find-title { color: #f3b32a; font-weight: bold; } .find-nav-box ul li a .find-icon { width:63px; height: 70px; display: block; } .find-nav-box ul li a .find-icon-1 { background: url(../images/find/1.png) no-repeat center; } .find-nav-box ul li a .find-icon-2 { background: url(../images/find/2.png) no-repeat center; } .find-nav-box ul li a .find-icon-3 { background: url(../images/find/3.png) no-repeat center; } .find-nav-box ul li a .find-icon-4 { background: url(../images/find/4.png) no-repeat center; } .find-nav-box ul li a .find-icon-5 { background: url(../images/find/5.png) no-repeat center; } .find-nav-box ul li a .find-icon-6 { background: url(../images/find/6.png) no-repeat center; } .find-nav-box ul li a .find-icon-7 { background: url(../images/find/7.png) no-repeat center; } .find-nav-box ul li a .find-icon-8 { background: url(../images/find/8.png) no-repeat center; } .find-nav-box ul li a.active .find-icon-1 { background: url(../images/find/1-active.png) no-repeat center; } .find-nav-box ul li a.active .find-icon-2 { background: url(../images/find/2-active.png) no-repeat center; } .find-nav-box ul li a.active .find-icon-3 { background: url(../images/find/3-active.png) no-repeat center; } .find-nav-box ul li a.active .find-icon-4 { background: url(../images/find/4-active.png) no-repeat center; } .find-nav-box ul li a.active .find-icon-5 { background: url(../images/find/5-active.png) no-repeat center; } .find-nav-box ul li a.active .find-icon-6 { background: url(../images/find/6-active.png) no-repeat center; } .find-nav-box ul li a.active .find-icon-7 { background: url(../images/find/7-active.png) no-repeat center; } .find-nav-box ul li a.active .find-icon-8 { background: url(../images/find/8-active.png) no-repeat center; } .notice-box { width:1200px; height: auto !important; height: 100px; min-height: 100px; margin: 0 auto; } .notice-box li { width:600px; height:100px; float:left; margin-bottom: 45px; } .notice-list { float:left; background: #f8f8f8; width: 560px; height: 100px; } .notice-box li em { font-style: normal; } .notice-box li strong { font-weight: normal; } .notice-box-l { float:left; margin-right: 14px; } .notice-box-l span { position: relative; display: inline-block; width: 89px; height: 93px; margin-left: 4px; margin-top: 3px; background: url(../images/notice-time.png) no-repeat; } .notice-box-l span strong { position: absolute; top: 13px; left: 13px; color:#fff; font-size:26px; } .notice-box-l span em { position: absolute; right: 8px; bottom: 16px; color: #fff; } .notice-box-r { float:left; width: 432px; margin-top: 15px; } .notice-box-r .notice-title { display: block; margin-bottom: 8px; } .notice-box-r .notice-title a { font-weight: bold; font-size: 16px; color: #000; } .notice-box-r .notice-title a:hover { color:#b02923; } .notice-box-r .notice-info { line-height: 20px; } .notice-box-r .notice-info { display: block; color: #888; } .notice-box .r { float:right; } .elegant-box { margin: 0px auto 0 auto; width:1200px; height: auto !important; height: 100px; min-height: 100px; } .elegant-l,.elegant-m,elegant-r { float: left; position: relative; z-index: 1; } .elegant-l { margin-right: 15px; } .elegant-l-a { margin-bottom:15px; } .elegant-l-a .ww { margin-right: 15px; float:left; width: 230px; height: 170px; } .elegant-l-a .www { float:left; width: 230px; height: 170px; } .elegant-l-a .ww img,.elegant-l-a .www img { width: 230px; height: 170px; } .elegant-l-a .ee { float: left; } .elegant-l-a .ee img { width:475px; height:180px; } .elegant-m .ff img { width:466px; height:365px; } .elegant-r { width:230px; float: right; } .elegant-r .gg img { width:230px; height:170px; } .elegant-r .hh img { width:230px; height:180px; } .elegant-r .gg { margin-bottom: 15px; } .elegant-m { margin-right:13px; } .elegant-l .ww, .elegant-l .www, .elegant-l .ee, .elegant-m .ff, .elegant-r .gg, .elegant-r .hh { position: relative; z-index: 1; } .elegant-layer { display: none; position: absolute; z-index: 2; width: 100%; height: 100%; background: url(../images/elegant-layer.png) center; } .elegant-layer a { position: absolute; z-index: 3; display:block; width: 100%; height: 100%; } .elegant-layer { text-align: center; } .elegant-title-ll { font-size: 30px; color:#fff; margin-top: 120px; } .elegant-time { font-size:14px; color:#fff; margin-top: 15px; } .elegant-line-box { margin-top: 5px; text-align: center; } .l-line { width:130px; height:1px; display: inline-block; background:#fff; } .m-spot { margin: 0 3px; width:8px; height: 8px; display: inline-block; background: #fff; border-radius: 5px; position: relative; top: 3px; } .r-line { width:130px; height: 1px; display: inline-block; background: #fff; } .elegant-l .ww .elegant-title-ll { font-size: 20px; margin-top: 40px; } .elegant-l .ww .l-line { width:80px; } .elegant-l .ww .r-line { width:80px; } .elegant-l .www .elegant-title-ll { font-size: 20px; margin-top: 40px; } .elegant-l .www .l-line { width:80px; } .elegant-l .www .r-line { width:80px; } .elegant-l .ee .elegant-title-ll { font-size: 20px; margin-top: 40px; } .elegant-l .ee .l-line { width:120px; } .elegant-l .ee .r-line { width:120px; } .elegant-r .gg .elegant-title-ll { font-size: 20px; margin-top: 40px; } .elegant-r .gg .l-line { width:80px; } .elegant-r .gg .r-line { width:80px; } .elegant-r .hh .elegant-title-ll { font-size: 20px; margin-top: 40px; } .elegant-r .hh .l-line { width:80px; } .elegant-r .hh .r-line { width:80px; } #footer {position:relative;overflow: hidden;width:100%;height: 192px;background: #b02923;margin-top: 30px;} .footer-icon { height: 65px; border-bottom: 1px solid #971610; } .footer-icon-box { width:1200px; height: 65px; margin: 0 auto; } .footer-icon-box a.footer-icon-btn { margin-top: 7px; margin-right: 16px; display: block; width: 42px; height: 42px; float: left; } .footer-icon-box a:hover { opacity:0.8; } .footer-icon-1 { background: url(../images/icon/footer-icon-1.png) no-repeat; } .footer-icon-2 { background: url(../images/icon/footer-icon-2.png) no-repeat; } .footer-icon-3 { background: url(../images/icon/footer-icon-3.png) no-repeat; } .footer-icon-4 { background: url(../images/icon/footer-icon-4.png) no-repeat; } .footer-icon-5 { background: url(../images/icon/footer-icon-5.png) no-repeat; } .footer-icon-6 { background: url(../images/icon/footer-icon-6.png) no-repeat; } .footer-icon-7 { background: url(../images/icon/footer-icon-7.png) no-repeat; } .footer-bg {position:relative;z-index: 1;width:1200px;margin:0 auto;height: 142px;} .footer-bg span {position: absolute;top: -155px;left: 960px;width: 371px;height: 363px;display:block;background: url(../images/foot-icon.png) no-repeat right top;} .footer-lay {width: 100%;top: -8px;position: absolute;z-index: 2;} .footer-menu {width:100%;height: 162px;border-bottom: 1px solid #971610;} .footer-menu-wrap {width:1200px;height: 100px;margin:0 auto;} .footer-l-menu { float:left; width:693px; } .footer-l-menu ul {float:left;width: 80%;} .footer-l-menu ul li {float:left;width: 114px;line-height: 30px;padding: 0 10px;} .footer-l-menu ul li a { font-size:14px; color:#ffc9c9; } .footer-l-menu ul li a:hover { color: #fff; } .footer-r-menu { float:left; width: 507px; } .footer-r-menu .footer-r-o { float:left; width:180px; } .footer-r-menu .footer-r-o li { float:left; width:180px; line-height: 30px; } .footer-r-menu .footer-r-t { float:left; width:195px; } .footer-r-menu .footer-r-t li { float:left; width:195px; line-height: 30px; } .footer-r-menu .footer-r-tt { float:left; width:125px; } .footer-r-menu .footer-r-tt li { float:left; width:125px; line-height: 30px; } .footer-r-menu li a { font-size:14px; color:#ffc9c9; } .footer-r-menu li a:hover { color: #fff; } .footer-menu-titles { font-size:18px; color: #fff; margin-top: 20px; position: relative; margin-bottom: 30px; } .footer-menu-titles strong { display: inline; left: 0; top: 28px; position: absolute; font-weight: normal; background: #e76a65; width: 19px; height: 2px; } .copyright { height: 45px; line-height: 45px; color:#ffc9c9; text-align: center; } /*页面主体部分*/ .mainWrap{ width: 100%; height: auto; min-width: 1200px; } .main{ height: auto; width:1200px; margin:0 auto;} .mainL{ width: 790px;} /**/ .mainTop{ width: 100%; height: auto;} /*内页banner*/ .list-banner{width:100%; height:460px; text-align:center; overflow:hidden;} .left{width:260px; margin-top:-60px; position:relative; z-index:100; float:left;} .right{width:870px; margin-top:20px; float:right;} .lmcc{background: #b02923;height:100px;line-height:100px;color:#fff;padding-left:50px;width:210px;font-size:30px;letter-spacing:1px;} .left-list{background:#ededed; padding-bottom:200px; padding-top:15px; padding-left:10px; width:250px;} .left-list li{width:250px; height:46px; line-height:46px; font-size:16px;} .left-list li a{display:block; font-size:16px; padding-left:20px; float:left; width:230px; height:46px; margin-bottom:10px; line-height:46px; color:#333; float:left;} .left-list li a:hover,.left-current{background:#fff!important; color:#89211b!important;} .local{width:100%; height:60px; line-height:60px; border-bottom:1px solid #cecece;} .local h3{color:#484848; margin:0; font-size:24px; font-weight:bold; float:left;} .dqwz{float:right; color:#333; font-size:12px; background:url(../images/pic4.png) no-repeat left center; padding-left:16px; font-family:'宋体'} .dqwz a{color:#333; line-height:70px; padding:0 6px;} .content,.jj,.list,.pic-list{width:100%;margin:20px 0;height: auto;overflow: hidden;} .content-title{width:100%; margin:20px 0; text-align:center;} .content-title h3{width:100%; float:left; display:block; font-size:24px; color:#333; line-height:36px; margin:0;} .content-title i{margin-top:6px; width:100%; font-style:normal; float:left; display:block; font-size:12px; line-height:24px;color:#666;} .content-con p,.jj p{display:block; width:100%; line-height:36px; color:#333; font-size:15px; text-indent:2em; margin-bottom:15px;} .content-sxt{margin-top:30px; border-top:1px solid #e3e3e3; padding-top:15px; line-height:30px; font-size:13px; width:100%;} .content-sxt a{display:block; width:100%; color:#333; font-size:14px;} .list,.pic{width:870px; margin:20px 0;} .list li a{ width: 718px; background: url(../images/ico3.png) 0 center no-repeat; font-size: 15px; color: #000; display: block; float: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .list li i{ width:130px; font-style:normal; text-align: right; display: block; float: right; font-size: 12px; color: #666;} .list li a:hover{color: #89211b;} .dqwz a:hover{color: #89211b;} .pic li{width:260px; margin-right:45px; float:left; margin-bottom:30px; margin-top:10px;} .img{width:100%; height:170px; overflow:hidden;} .img img{width:100%; height:100%;} .pic li .txt{width:100%; height:36px; line-height:36px; margin-top:10px; color:#333; font-size:14px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} /*通知公告*/ .xyText{ width: 372px; height: auto; float: right;} .textList{ width: 100%; height: auto; overflow: hidden;} .textList li,.list li{ width: 100%; height: auto; float: left; height: 36px; line-height: 36px;} .textList li a{ width: 274px; padding-left: 18px; background: url(../images/ico3.png) 0 center no-repeat; font-size: 14px; color: #000; display: block; float: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .textList li span{ width: 80px; text-align: right; display: block; float: right; font-size: 12px; color: #666;} .textList li a:hover{ background: url(../images/ico3_hov.png) 0 center no-repeat; color: #0068b1;} .title{position: relative; margin-top: 22px; margin-bottom: 30px; padding-left: 62px; border-bottom: 1px solid #0b6fc1; height: 34px; line-height: 34px;} .title span{ font-size: 22px; color: #333333;} .title em{ margin-left: 3px; font-size: 14px; color: #999;} .title i{ position: absolute; left: 0; top: 3px; display: block; width: 153px; height: 35px; background: url(../images/back2.png) no-repeat;}