@charset "utf-8"; .row{clear:both; overflow:hidden; margin-bottom:20px; } .pagebanner{display:none} #content{background:none; padding:0;width:1200px;} .box{padding:0px; margin-bottom:0} .boxa{padding:0px; margin-bottom:10px; width:405px;} .searchbar{padding:30px;width: 1200px; margin: -90px auto; z-index: 99; background-color:#7f68b3; position:static;opacity: 0.95;filter:alpha(opacity=95); } .column{overflow:hidden;} .maincontenta{width:830px; float:left} .sidea{width:350px; float:right} .hotnews{overflow:hidden;} .hotnews dt{float:left; font-weight:bold; color:#fff; font-size: 16px;} .hotnews .dateright{color:#fff;margin-left:10px;} .hotnews li{ color:#fff; text-align: left;} .hotnews li a{ color:#fff; text-align: left;} /* dateinfolist */ .dateinfolist li{overflow:hidden;margin-bottom:15px;} .dateinfolist .date{float:left;width: 58px;height: 58px;background:#fff;overflow:hidden;text-align:center;color:#666;margin-right:20px;border: 1px solid #ddd;} .dateinfolist .date dd{height:36px; font-size:22px; color:#507bb9 } .dateinfolist .date dt{font-size:12px; background:#507bb9; color:#fff;} .dateinfolist .con{ overflow:hidden; } .dateinfolist .title{ height:16px; line-height:16px; overflow:hidden;} .dateinfolist .intro{font-size:12px;line-height:20px;color:#999;height:40px;overflow:hidden;padding-top:4px;} /* indbox */ .indbox{margin-bottom:20px;padding:0px 20px 20px 20px; background:url(/uploads/image/cdbimg/xwbg.jpg) 0px 10px no-repeat; border-bottom: 1px solid #eaebf0;} .indbox .ihd{height:20px;line-height:20px;overflow:hidden;margin:auto;width: 600px;padding-bottom: 15px;} .indbox .ihd .more{float:right; padding:0 0 0 15px; background:#fff; color:#999; } .indbox .ihd .more a{color:#999} .indbox .ihd h3{} .indbox .ihd ul{border-left: 1px solid #eaebf0;} .indbox .ihd li{float:left; background:#fff; padding:0 25px; font-size:16px; color: #566779; border-right: 1px solid #eaebf0; font-weight: bold;border-left: 1px solid #eaebf0;} .indbox .ihd .on{background:#fff; color:#5a4192; } .indbox .ihd .on a{color:#5a4192;} .indbox .ihd a:hover{text-decoration:none} .indbox .ibd{overflow:hidden;} /* .focusbox */ .focusbox{float:left; margin-right:20px;} #columna .maincontent .box{width: 405px; margin-bottom: 10px;} #columna .maincontent .box .bd{} #indxygg .bd{height: 325px;} #indxwzx .ibd{height: 300px;} #columnc{} /* ksdhlist */ .ksdhlist{overflow:hidden; padding-top:5px;} .ksdhlist li{float:left; margin-bottom:6px; width:152px; overflow:hidden; height:80px;line-height:80px;} .ksdhlist a{display:block; height:80px; background: 20px 25px no-repeat #51a79e;color:#fff;font-size:18px;padding-left: 60px; -webkit-transition:200ms;-o-transition:200ms;-moz-transition:200ms;transition:200ms;} .ksdhlist .li2,.ksdhlist .li4{float:right} .ksdhlist a:hover{text-decoration:none; padding-left:63px} .ksdhlist .li2 a{background-position: 20px -132px;background-color: #d28853;} .ksdhlist .li3 a{background-position: 20px -291px;background-color: #547097;} .ksdhlist .li4 a{background-position: 20px -449px;background-color: #9ac95d;} /* 学生风采 */ .xsfclist{overflow:hidden; margin-right:-40px; margin-top: 10px;} .xsfclist li{float:left;width: 275px;margin-right: 30px; font-weight: bold;} .xsfclist .pic img{width:100%;height: 200px;} .xsfclist .title{line-height:30px; height:44px; overflow:hidden; padding-top:5px; background: #f4f5f9; padding-left: 15px; color: #354252;} .xsfclist li:hover .pic{-webkit-box-shadow:0px 2px 5px rgba(0, 0, 0, .3); -moz-box-shadow:0px 2px 5px rgba(0, 0, 0, .3); box-shadow:0px 2px 5px rgba(0, 0, 0, .3); } .focusbanner{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin:0 auto;overflow:hidden;z-index:-1;background: #ccc;width: 100%;} .focusbanner .hd{ position:absolute; left: 0; z-index:1; width: 100%; height: 14px; bottom: 30px; text-align: center; } .focusbanner .hd ul li{ display:inline-block; *display:inline; zoom:1; margin:0 3px; width: 15px; height: 15px; background:#fff; cursor:pointer; border-radius:10px;} .focusbanner .hd ul li span{ display:none } .focusbanner .hd ul li.on{ background: #7f68b3;width: 15px; height: 15px; border-radius:15px; } .focusbanner .bd{ position:relative; z-index:0; } .focusbanner .bd li{background-size: 100% 100%!important;} .focusbanner .bd li a{ display:block; height: 470px; } .focusbanner .bd .con{ display:inline-block; *display:inline; float: left; zoom:1; position:absolute; left:50px; bottom:40px; overflow:hidden; display: none;} .focusbanner .bd .con .title{float: left;line-height: 20px;position:relative; z-index:1; padding: 15px 30px; } .focusbanner .bd .con .title a{ color:#fff; font-size:14px; font-weight:bold; } .focusbanner .bd .con .bg{ position:absolute; width:100%; height: 200px; left:0; top:0; background:#000; filter:alpha(opacity=50);opacity:0.5;} .boxa .hd{height:30px;line-height:30px;overflow:hidden; background: url(/uploads/image/cdbimg/lipic.jpg) no-repeat; padding-left: 40px;} .boxa .hd h3{float:left;font-size:18px;font-weight:bold; color: #5a4192 } .boxa .hd h3 a{color: #5a4192 } .boxa .hd .more{float:right;font-size:12px;color:#526272;} .boxa .bd{overflow:hidden;padding: 10px 0;} /*调整为全屏显示*/ html,body{ width: 100%; height:100%; } .wrap{ width: 100%; height: 100%; display: flex; flex-flow: column; } .box-wrap{ position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex:1; z-index: 1; } .focusbanner .bd, .focusbanner .bd ul, .focusbanner .bd li, .focusbanner .bd li a{ height: 100% !important; } #footer{ padding:0; overflow: hidden; } #footer .sitewidth{ padding:20px 0; } /* 底部二维码列表 */ .qrcodelist { position: absolute; z-index: 1; left: 0; top: 80px; display: flex; } .qrcodelist li { width: 110px; padding: 5px; margin-left: 20px; text-align: left; border-radius: 4px; background-color: #fff; } .qrcodelist li .pic { overflow: hidden; } .qrcodelist li .pic img { width: 110px; height: 110px; } .qrcodelist li .tit { margin-top: 10px; height: 28px; line-height: 28px; font-size: 14px; text-align: center; } /*介绍*/ .ind-box { overflow: hidden; margin-left: 460px; padding: 22px 32px; background: rgba(255, 255, 255, 0.8); border: 2px solid white; } .ind-box .hd { height: 40px; padding-bottom: 15px; line-height: 40px; border-bottom: 2px solid #7f68b3; } .ind-box .hd strong { font-size: 20px; color: #7f68b3; } .ind-box .bd { padding: 20px 0; } .ind-box .node-intro { overflow: hidden; } .ind-box .node-intro img { max-width: 100%; height: auto; }