*{ margin:0; padding:0; } body{ font-family: "瀵邦喛钂嬮梿鍛寸拨","Arial"; } a{ text-decoration: none; color: inherit; } a:hover{ text-decoration: underline; } li{ list-style-type: none; } img{ border:0; } .bg1100{ width: 1400px; margin: 10px auto; } .bg1400 { width: 1100px; margin: 10px auto; } .xuni #nav { height: 40px; border-top: #060 2px solid; border-bottom: #060 2px solid; background-color: #690; font-size: 12pt; } .xuni #nav ul { list-style: none; margin-left: 2px; } .xuni #nav li { display: inline; line-height: 40px; float:left } .xuni #nav a { color: #fff; text-decoration: none; padding: 20px 15px; } .xuni #nav a:hover { background-color: #060; } .headBox .date{ background-color: #1a57aa; min-width: 1400px; } .headBox .date .bg1100{ text-align: right; color: #fff; font-size: 12px; padding: 10px 0; margin-top:0 !important; margin-bottom:0 !important; } .headBox .date .bg1100 a:hover{ color: #BFDAFF; } .headBox .date .english{ margin: 0 40px; } .headBox .logo{ min-width: 1400px; background-color: #eee; padding: 30px 0; border-bottom: 1px solid #ccc; } .headBox .logo .left>div, .headBox .logo .left>img{ float: left; } .headBox .logo .left .block{ width: 1px; height: 69px; background-color: #ccc; margin: 0 18px; } .headBox .logo .left .college .n1{ font-size: 30px; color: #1f467b; font-family: "閺傝顒滄鎴滅秼","閺傝顒滄鎴滅秼缁犫偓娴?,"瀵邦喛钂嬮梿鍛寸拨"; margin: 10px 0 3px; } .headBox .logo .left .college .english{ font-size: 12px; color: #999; } .headBox .logo .slogan{ float: right; } .bottomBox{ background-color: #1a57aa; min-width: 1400px; } .headBox .menu{ background-image: url(../images/guideBackgroundImage.jpg); background-repeat: repeat; min-width:1400px; } .bottomBox .bg1100{ background-image: url(../images/bottombg.jpg); background-position: right bottom; background-repeat: no-repeat; height: 260px; padding-top: 40px; text-indent:2em; } .bottomBox .bg1400 { background-image: url(../images/bottombg.jpg); background-position: right bottom; background-repeat: no-repeat; height: 260px; padding-top: 40px; text-indent:2em; } .bottomBox .left1{ float: left; font-size: 16px; color: #fff; line-height: 35px; } .bottomBox .left2{ float: left; text-align: center; font-size: 14px; color: #fff; margin-left: 100px; } .bottomBox .underline{ height: 1px; width: 465px; background-color: #4879bb; margin: 40px 0 20px; } .bottomBox .copyright{ font-size: 16px; color: #65A6FF; } .bottomBox .copyright span{ margin-left: 20px; } .banner{ width:100%; padding-top:21.927%; background-repeat: no-repeat; background-position: center; background-size: cover; } .banner_bak{ min-width: 1400px; height: 421px; background-repeat: no-repeat; background-position: center; } .banner1{ background-image: url(../images/banner1.jpg); } .banner2{ background-image: url(../images/banner2.jpg); } .banner3{ background-image: url(../images/banner3.jpg); } .banner4{ background-image: url(../images/banner4.jpg); } .banner5{ background-image: url(../images/banner5.jpg); } .banner6{ background-image: url(../images/banner6.jpg); } .slideBox{ position: relative; min-width: 1400px; width: 100%; } .slideBox .bd .banner{ position:relative } .slideBox .bd .banner p{ position:absolute; text-align:center; bottom:0; width:100%; height:0px; line-height:0px; font-size:16px; color:#fff; background:#000; background:rgba(0,0,0,0.4); transition:all 0.2s ease; overflow:hidden; } .slideBox .bd .banner:hover p{ height:36px; line-height:36px; } .slideBox .hd{ width: 100%; position: absolute; bottom:40px; text-align: center; z-index: 30; font-size: 12px; } .slideBox .hd ul li{ display: inline-block; height: 6px; padding: 0px 20px; background-color: rgba(255,255,255,0.4); margin: 0 15px; border-radius: 5px; cursor: pointer; } .slideBox .hd ul .on{ background-color: rgba(255,255,255,0.8); } .indexMain { width:1380px; } .indexMain > .left { width: 1071px; } .indexMain>.left>li>.title{ position: relative; height: 40px; margin: 38px 0; } .indexMain>.left>li>.title>.bgline{ position: absolute; width: 1001px; height: 1px; background-color: #ccc; top: 20px; z-index: -1; } .indexMain>.left>li>.title>.rightarrow{ border: 6px solid transparent; border-left: 16px solid #ccc; float: right; position: relative; top: 14px; display: block; } .indexMain>.left>li>.title>.rightarrow>div{ border: 6px solid transparent; border-left: 3px solid #fff; position: absolute; left: -16px; top: -6px; } .indexMain>.left>li>.title>.more{ font-size: 12px; color: #999; float: right; line-height: 40px; margin-right: 8px; margin-left: 12px; } .indexMain>.left>li>.title>.ball{ width: 7px; height: 7px; border-radius: 50%; background-color: #1a57aa; margin-top: 17px; float: left; } .indexMain>.left>li>.title>.ballright{ float: right; } .indexMain>.left>li>.title>p{ float: left; width: 140px; height: 38px; border: 1px solid #ccc; line-height: 38px; text-align: center; color: #1a57aa; font-size: 18px; font-weight:bold; margin-top: 1px; background-color: #fff; margin-left: 12px; } .indexMain>.left>li>.imgnews{ position: relative; width: 271px; height: 196px; float: left; margin-right: 28px; } .indexMain>.left>li>.imgnews>img{ display: block; width: 271px; height: 196px; } .indexMain>.left>li>.imgnews>p{ position: absolute; bottom: 0; text-align: center; width: 100%; color: #fff; background-color: rgba(0,0,0,0.5); font-size: 14px; padding: 10px 0; } .indexMain .left .newsList{ margin-left:300px; min-height:196px; } .indexMain .left .newsList li{ color:#999; font-size:16px; border-bottom:1px solid #eee; height:40px; line-height:40px; } .indexMain .left .newsList li a{ float:left; width:630px; color:#333; } .indexMain .left .newsList li a:hover{ text-decoration:none; color:#1a57aa; font-weight:bold; } .indexMain>.right{ float: right; width: 300px; background-color: #eee; position:relative; top:0; } .indexMain>.right>.title{ font-size: 16px; color: #1a57aa; height: 45px; line-height: 45px; border-bottom: 1px solid #ccc; } .indexMain>.right>.title>.notes{ width: 19px; height: 15px; background-image: url(../images/notes.png); float: left; margin: 17px 8px 0px 17px; } .indexMain>.right>.title>.more{ float:right; font-size:12px; margin-right:23px; line-height:48px; } .indexMain>.right>.title>.more .rightarrow{ border:4px solid transparent; border-left:12px solid #1a57aa; float:right; position:relative; top:21px; margin-left:3px; } .indexMain>.right>.title>.more .rightarrow>div{ border: 4px solid transparent; border-left: 3px solid #eee; position: absolute; left: -12px; top: -4px; } .indexMain>.right li{ margin: 0 16px; border-bottom: 1px solid #ccc; font-size: 14px; color: #333; margin-top: 10px; } .indexMain>.right li a:hover{ color: #1a57aa; } .indexMain>.right li>.viewcount{ font-size: 12px; color: #999; margin: 7px 0 12px 0px; display:flow-root; } .indexMain>.right li>.viewcount>.eye{ float: right; width: 18px; height: 16px; background-image: url(../images/eye.png); margin-right: 7px; } .indexMain>.right li>.viewcount>.eyenumber{ width:70px; } .indexMain>.right li>.viewcount>.time{ float: right; width: 15px; height: 16px; background-image: url(../images/clock.png); margin: 0 7px 0 0px; } .indexMain>.right li>.viewcount>span{ float: right; } /*******************-----------------------------------------------------*/ #notice li { margin: 0 16px; border-bottom: 1px solid #ccc; font-size: 14px; color: #333; margin-top: 10px; min-height:50px; } #notice li a:hover { color: #1a57aa; } #notice li > .viewcount { font-size: 12px; color: #999; margin: 7px 0 12px 0px; } .eye { float: left; width: 18px; height: 16px; background-image: url(../images/eye.png); margin-right: 7px; } .eyenumber { width: 70px; } #notice li > .viewcount > .time { float: right; width: 15px; height: 16px; background-image: url(../images/clock.png); margin: 0 7px 0 0px; } #notice li > .viewcount > span { float: right; } /*******************-----------------------------------------------------*/ .friendLinks{ margin-bottom: 25px; margin-top: 30px; } .friendLinks>.title{ border-bottom: 2px solid #eee; margin-bottom: 30px; } .friendLinks>.title>span{ font-size: 18px; font-weight:bold; color: #1a57aa; border-bottom: 2px solid #1a57aa; padding:10px 0; width: 88px; display: block; text-align: center; position: relative; top: 2px; } .friendLinks a{ white-space: nowrap; text-decoration:none; font-size: 16px; color: #555; margin-left:35px; line-height: 30px; } .friendLinks a:hover{ color: #1A57AA; font-weight:bold; } .indexRList { margin-top: 20px; background-color:#fff; padding-top:30px; } .leftList{ width: 300px; float: left; margin-top:10px; } .leftList .guide1{ background-color: #eee; } .leftList .guide1>img{ width: 300px; } .leftList .guide1>li>a{ display: block; margin: 0 20px; height: 48px; line-height: 48px; border-top: 1px solid #ccc; } .leftList .guide1>li>a:hover{ color: #65A6FF; } .leftList .guide1>li .on{ color: #1a57aa; } .leftList .guide1>li>a>.arrow{ border: 6px solid transparent; border-left: 14px solid #1a57aa; position: relative; margin: 19px 28px 0 24px; float: left; } .leftList .guide1>li>a>.arrow>div{ border: 6px solid transparent; border-left: 3px solid #fff; position: absolute; left: -14px; top: -6px; } .leftList .guide2{ width: 300px; display: block; margin: 30px 0; } .leftList .guide3{ width: 320px; } .leftList .guide3 li{ margin: 0 7px 7px 0; float: left; border:0; } .leftList .guide3 li>a>div{ width: 70px; height: 70px; background-color: #1a57aa; text-align: center; line-height: 70px; } .leftList .guide3 li>a:hover>div{ background-color: #0063E9; } .leftList .guide3 li>a{ text-align: center; display: block; font-size: 14px; line-height:30px; color: #333; } .leftList .guide3 li>a>div>img{ vertical-align: middle; } .contentList{ margin-left: 350px; } .contentList>.title{ height: 49px; line-height: 49px; font-size: 16px; color: #333; border-bottom: 1px solid #ccc; } .contentList>.title .rightarrow{ margin: 15px 12px 0px 7px; width: 20px; height: 20px; background-image: url(../images/rightarrow.jpg); float: left; } .contentList>.title a{ color: #1a57aa; } .contentList>.title a:hover{ color: #65A6FF; } .contentList .main{ margin-top: 23px; margin-bottom: 50px; } .contentList .main>li{ margin-bottom: 20px; } .contentList .main>li>.leftimg{ float: left; width: 78px; height: 59px; margin-left: 8px; overflow: hidden; } .contentList .main>li>.leftimg>img{ width: 78px; } .contentList .main>li>.right{ margin-left:106px; height: 59px; border-bottom: 1px solid #ccc; } .contentList .main>li a{ font-size: 16px; color: #333; } .contentList .main>li a:hover{ color: #1a57aa; text-decoration:none; font-weight:bold; } .bg1100 .contentList .listWithoutImage>li>.right>a{ display: block; padding-top: 18px; } .contentList .main>li>.right>a{ display: block; padding-top: 5px; width:600px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .contentList .main>li>.right>p{ font-size: 14px; color: #999; margin-top: 10px; } .contentList .main>li>.right>p .date{ margin-right: 21px; } .contentList .articles{ font-size: 16px; color: #333; line-height: 35px; } .contentList .articles p{ text-indent: 2em; } .contentList .articles h1{ text-align: center; font-size: 22px; color: #1a57aa; margin: 32px 0 0px; } .contentList .articles .time{ font-size:12px; color:#aaa; } .contentList .articles .normalizeTable{ margin:0 auto; border:1px solid #a0a0a0; border-collapse:collapse; vertical-align:middle; } .contentList .articles .normalizeTable td, .contentList .articles .normalizeTable th{ padding:10px; line-height:26px; border:1px solid #ccc; vertical-align:middle; } .contentList .articles .normalizeTable th{ color:#1a72c1; } .contentList .articles .normalizeTable p{ text-indent:0; } .personList li{ display:inline-block; width:150px; margin:10px 15px; text-align:center; color:#666; font-size:12px; } .personList li .leftimg{ display:block; margin:0 auto; width:117px; height:158px; overflow:hidden; margin-bottom:10px; } .personList li .leftimg img{ width:100%; display:block; } .errorPage{ height: 500px; line-height: 500px; text-align: center; } .errorPage img{ vertical-align: middle; } .bannerimgForList{ height: 202px; min-width: 1400px; overflow:hidden; } .bannerimgForList img{ display:block; width:100%; min-height:202px; } #c_lunar54337{ display:inline; } /*---------妞ゅ爼鍎撮幖婊呭偍-----------------*/ #toggle-search { float: right; background-position: -60px 0; } #toggle-search.open:after { top: 40px; } #toggle-search:after { display: none; -moz-transition: top, 0.5s; -o-transition: top, 0.5s; -webkit-transition: top, 0.5s; transition: top, 0.5s; position: absolute; top: 52px; left: 50%; margin-left: -8px; content: ""; border-color: transparent transparent #e1e4e7; border-style: solid; border-width: 8px 8px 12px; } #search-div { margin:0 auto; width:1400px; float:left; } #search-form { -moz-transition: max-height, 0.5s; -o-transition: max-height, 0.5s; -webkit-transition: max-height, 0.5s; transition: max-height, 0.5s; float:right; margin-top:10px; margin-right:5px; width: 370px; max-height: 0; overflow: hidden; background-color: #e1e4e7; -webkit-box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .16); box-shadow: 0 4px 6px 0 rgba(0, 0, 0, .16); } #search-form.open { max-height: 40px; } #search-form fieldset { position: relative; margin: 0 40px 0 0; padding: 0; border: none; } #search-form input { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; height: 40px; } #search-form input.keyword { width: 100%; padding: 0 7px 0 15px; background: #fff; border: 1px solid #e7e7e7; } #search-form input.SiteSearch { position: relative; left: 310px; top: -40px; width: 60px; margin: 0; padding: 0; font-weight: 700; text-transform: uppercase; color: #fff; background: #1a57aa; border: none; cursor: pointer; } .top-button { display: block; background: none; color: #fff; font-size: 12px; margin: 0; margin-left:20px; padding: 0; outline: none; border: none; cursor: pointer; }