@charset "utf-8"; /**--------------------------------------------------------- *function:东北师范大学人才招聘网 *version:2.0 *author:mxl *date:2015.10.09 ----------------------------------------------------------*/ @import url(base.css); /*通用样式*/ body { background: #efefef; font-size: 12px; color: #535353; font-family: "Microsoft YaHei", "SimSun", "宋体"; } a, a:link, a:visited { text-decoration: none; color: #535353; } a:hover { text-decoration: none; color: #f1842d }/*c6712c*/ .wrap { width: 1003px; margin: 0 auto; } /*top*/ .top { height: 32px; background: #f5f5f5; border-bottom: 1px solid #e6e6e6; } .ul-tips li { float: left; width: 63px; height: 32px; line-height: 32px; text-align: center; border-left: 1px solid #e6e6e6 } .ul-tips li.last { border-right: 1px solid #e6e6e6 } .search { float: right; width: 158px; height: 27px; margin-top: 2px; display: inline; background: url(../images/search.jpg); position: relative; } .text { width: 110px; line-height: 27px; padding-left: 15px; height: 27px; font-family: "Microsoft YaHei"; border: 0; background: none; } .submit { position: absolute; top: 0; right: 0; display: block; width: 33px; height: 27px; border: 0; background: none; cursor: pointer; } /*header*/ .outHead { height: 99px; background: url(../images/headerBg.jpg) left bottom repeat-x; } .header { position: relative; } .header img.logo { padding-top: 20px; } a.returnIndex { display: block; position: absolute; top: 47px; left: 392px; width: 76px; height: 27px; line-height: 27px; text-align: center; background: #89aa50; color: #fff; border-radius: 3px; } .header span { position: absolute; right: 0; top: 40px; font-size: 30px; color: #5e5e5e } /*nav*/ .outNav { height: 35px; background: url(../images/outNav.jpg) repeat-x } .nav { width: 100%; position: relative; } .ul-nav li { float: left; width: 10%; height: 35px; line-height: 35px; font-size: 14px; text-align: center; color: #fff; } .ul-nav li a, .ul-nav li a:link, .ul-nav li a:visited { color: #fff; display: block; } .ul-nav li a:hover, .ul-nav li a.on { display: block; width: 100%; line-height: 35px; background: url(../images/nav-hover.jpg) no-repeat center center; } .ul-nav ul { display: none; position: absolute; top: 34px; left: 0; right: 0; padding-top: 20px; padding-left: 80px; height: 60px; background: #fff url(../images/logoNav.png) no-repeat 25px center; filter: alpha(opacity=90); opacity: 0.9; z-index: 9999; } .ul-nav ul li { width: 80px; margin-right: 10px; display: inline; } .ul-nav ul li a, .ul-nav ul li a:link, .ul-nav ul li a:visited { width: 80px; background: none; color: #666; border-radius: 4px; } .ul-nav ul li a:hover { width: 80px; background: #509cfa; color: #fff; } /*banner*/ .banner { background: url(../images/banner-bg.jpg) } .banner img { width: 100% } /**/ .sideNav { position: absolute; display: block; right: 15px; top: 2px; width: 30px; height: 30px; z-index: 9999; display: none } .ulSideNav { position: absolute; width: 100%; left: 0; top: 32px; background: #333; filter:alpha(opacity:98); opacity: 0.98; display: none; z-index: 9998 } .ulSideNav li { height: 32px; line-height: 32px; font-size: 12px; border-bottom: 1px solid #666; text-align: center; } .ulSideNav li a, .ulSideNav li a:link, .ulSideNav li a:visited { display: block; line-height: 32px; color: #fff; background: url(../images/icons-white.png) no-repeat right center; } .ulSideNav li a:hover { display: block; background: #259fc8 url(../images/icons-white.png) no-repeat right center; } /**/ .main { padding-left: 27px; padding-right: 27px; } .bg_shadow { background: #fff; -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,.25); -moz-box-shadow: 0px 5px 5px rgba(0,0,0,.25); box-shadow: 0px 5px 5px rgba(0,0,0,.25); } .m-box1, .m-box2, .m-box3, .m-box4, .m-box5, .m-box6 { overflow: hidden; margin: 0 9px; } .m-box1 { float: left; width: 614px; height: 230px; } .h1-title { height: 27px; color: #509cfa; font-size: 16px; padding-left: 14px; font-weight: bold; padding-top: 20px; border-bottom: 1px solid #9d9d9d; position: relative } .h1-title span { position: absolute; right: 5px; top: 20px; width: 20px; height: 20px; } .box1-l { float: left; width: 190px; padding-top: 10px; display: inline } .box1-l img { width: 190px; height: 143px; } .box1-l p { text-align: center; padding-top: 10px; } .box1-r { margin-left: 200px; padding-top: 5px; } .m-box2 { float: left; width: 298px; height: 230px; overflow: hidden; } /* 本例子css */ .multipleColumn { overflow: hidden; position: relative; width: 100%; padding-top: 5px; } .multipleColumn .hd { overflow: hidden; width: 40px; margin: 0 auto; height: 30px; } .multipleColumn .hd ul { float: right; overflow: hidden; zoom: 1; margin-top: 10px; zoom: 1; } .multipleColumn .hd ul li { float: left; width: 8px; height: 8px; overflow: hidden; margin-right: 5px; text-indent: -999px; cursor: pointer; background: #ddd; border-radius: 8px; } .multipleColumn .hd ul li.on { background: #b6b6b6; } .multipleColumn .bd { padding: 0; overflow: hidden; } .multipleColumn .bd ul { overflow: hidden; zoom: 1; width: 100%; } .multipleColumn .bd ul li { margin: 0 8px; overflow: hidden; } .multipleColumn .bd ul li .pic { font-weight: bold; background: url(../images/circle.jpg) no-repeat left center; padding-left: 10px; line-height: 30px; } .multipleColumn .bd ul li .title { line-height: 24px; color: #7d7d7d } .multipleColumn .bd ul li .title span { padding-left: 20px; } .m-box3 { float: left; width: 298px; height: 230px; } .m-box4 { float: left; width: 298px; height: 230px; } .m-box5 { float: left; width: 298px; height: 230px; } .m-box6 { clear: both; width: 100%; } .picImg { height: 398px; position: relative; } .picImg li { display: inline-block; float: left; margin-right: 7px; margin-bottom: 7px; position: absolute; top: 0; left: 0; width: 180px; height: 135px; overflow:hidden; } .picImg li img { width: 100%; height: auto; overflow: hidden; } .picImg li.item-1 { left: 0; top: 0; width: 180px; height: 239px; } .picImg li.item-2 { left: 0; top: 246px; } .picImg li.item-3 { left: 187px; top: 0; } .picImg li.item-4 { left: 187px; top: 142px; width: 180px; height: 239px; } .picImg li.item-5 { left: 374px; top: 0; width: 319px; height: 239px; } .picImg li.item-6 { left: 374px; top: 246px; } .picImg li.item-7 { left: 561px; top: 246px; } .picImg li.item-8 { left: 700px; top: 0; width: 227px; height: 62px; } .picImg li.item-9 { left: 700px; top: 69px; width: 227px; height: 170px; } .picImg li.item-10 { left: 747px; top: 246px; } .ul-catelist { padding-left: 5px; padding-right: 5px; } .ul-catelist li { height: 30px; line-height: 30px; padding-left: 10px; background: url(../images/square.jpg) no-repeat left center; vertical-align: top; overflow: hidden } .ul-catelist li .date { float: right; font-family: Arial; color: #a0a0a0 } .footer { background: #424242 } .foot { position: relative; padding: 18px 0; color: #a5a5a5; } .footer p { line-height: 28px; padding-right: 210px; } .erweima { position: absolute; top: 50%; right: 4px; margin-top: -32px; } .slogan { position: absolute; top: 50%; right: 85px; margin-top: -15px; } /*focusBox*/ .focusBox { position: relative; width: 100%; height: 244px; overflow: hidden; } .focusBox .pic { position: relative; z-index: 0; } .focusBox .pic img { width: 100%; height: 244px; display: block; } .focusBox .hd { width: 100%; position: absolute; bottom: 10px; text-align: center; font-size: 0; z-index: 1; } .focusBox .hd li { margin: 0 5px; background: url(../images/dot.png) no-repeat 0 -16px; height: 16px; overflow: hidden; width: 16px; cursor: pointer; display: inline-block; *display:inline; zoom: 1; _background: url(../images/dot8.png) no-repeat 0 -16px; } .focusBox .hd .on { background-position: 0 0; } .focusBox .prev, .focusBox .next { width: 40px; height: 60px; margin: -30px 0 0; display: none; background: url(../images/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; filter: alpha(opacity=20); opacity: 0.2; } .focusBox .prev { left: 0; } .focusBox .next { background-position: 0 -60px; right: 0; } .focusBox .prev:hover, .focusBox .next:hover { filter: alpha(opacity=50) !important; opacity: 0.5 !important; } /*position-当前位置*/ .position { line-height: 46px; color: #434343; padding-left: 10px; border-bottom: 1px #9d9d9d solid; } .position span { padding: 0 10px; } /*leftmenu*/ .leftmenu { float: left; width: 215px; } .leftmenu h2 { font-size: 16px; font-weight: bold; color: #509cfa; line-height: 48px; border-bottom: 2px #509cfa solid; text-align: center; } .leftmenu ul li { border-bottom: 1px #e0e0e0 solid; line-height: 44px; text-align: center; font-size: 14px; } .content { } .ul-sublist { padding: 20px 30px;min-height: 300px; height: auto !important; height: 300px; overflow: visible; } .ul-sublist li { height: 36px; line-height: 36px; padding-left: 10px; background: url(../images/square.jpg) no-repeat left center; vertical-align: top; overflow: hidden } .ul-sublist li .date { float: right; font-family: Arial; color: #a0a0a0 } /*pages*/ .pages { background: #FFF; line-height: 30px; border-top: 1px #d4d4d4 solid; padding: 10px 25px } .pages span { padding: 5px; color: #666 } /*gotop*/ .cbbfixed { position: fixed; right: 10px; transition: bottom ease .3s; bottom: -85px; z-index: 3; cursor: pointer; } .cbbfixed .cbbtn { width: 40px; height: 40px; display: block; background-color: #509cfa; } .cbbfixed .gotop { transition: background-color ease .3s; margin-top: 1px; } .cbbfixed .gotop .up-icon { float: left; margin: 14px 0 0 9px; width: 23px; height: 12px; background: url(../images/side-icon02.png); } .cbbfixed .gotop:hover { background-color: #3b87e6; } /*article*/ .article { padding: 20px 30px; } .article h3 { font: bold 18px/30px "microsoft yahei"; padding: 15px 0; text-align: center; color: #555 } .article_info { text-align: center; } .article_info span { padding: 0 10px; color: #666 } .article_body { padding: 20px 0 10px 0; font: normal 14px/30px "microsoft yahei"; text-align: center } .article_body p { text-align: left; text-indent:2em; } .article_body img { display:block; margin:0 auto; padding-bottom:10px; max-width:94%;} .about { line-height: 30px; border-top: 1px #d4d4d4 solid; padding: 10px 25px } .border-l1 { border-left: 1px #d4d4d4 solid;} /*角色身份*/ .role-banner{width: 100%;height:217px;text-align: center;} .role-l {margin-top:-66px;;float: left;width: 190px; height:400px;font-family: "Microsoft YaHei"; position:relative} .role-l h1{ height:66px; background:#509cfa; border-radius:10px 10px 0 0; filter:alpha(opacity:70); opacity:0.7;} .role-l .role-top{ position:absolute; top:0; left:0; width:100%; height:56px; padding-top:10px; text-align:center; color:#fff; font:26px/56px 'Microsoft YaHei'} .role-l .role-bottom{ height:215px; border:1px solid #e0dbd9; border-top:0;border-radius:0 0 2px 2px;} .ul-rolel{ padding-top:20px; padding-left:40px;} .ul-rolel li{ height:40px;line-height:40px; font-size:14px; margin-bottom:10px; } .ul-rolel li a,.ul-rolel li a:link,.ul-rolel li a:visited{ padding-left:25px;} .ul-rolel li a:hover,.ul-rolel li a.on{ display:block;background:url(../images/circle-js.jpg) no-repeat left center; } .role-r { margin-left:190px;font-family: "Microsoft YaHei"; padding-bottom:30px} .role-r .role-h1{ margin-top:20px;color:#0066cc; height:40px; padding-left:15px; font:18px/40px 'Microsoft YaHei'; background:url(../images/role-r.jpg) no-repeat left center; } .ul_roler{ padding-top:20px; padding-left:1em} .ul_roler li{ float:left; width:25%; line-height:30px; color:#333; font:15px/30px 'Microsoft YaHei';} .fl { float: left; } .fr { float: right; } /*ul-seachlist*/ .ul-seachlist { padding: 20px 30px; } .ul-seachlist li { padding: 8px 0px; border-bottom:1px #ddd dashed; line-height:22px; } .ul-seachlist li h6 { font-size: 14px; font-weight: normal; line-height:36px; } .ul-seachlist li em { color: #c00; font-style:normal; } .ul-seachlist li span{ padding-right:20px;} .ul-seachlist li .green { color: #999; line-height: 30px; } /*picture*/ .picture{ padding:30px;} .picture img { display:block; margin:0 auto; padding-bottom:10px; max-width:100%;} .picture h3{ font-size:16px; line-height:26px; text-align: center; padding:8px 0; } .picture_info { text-align: center; } .picture_info span { padding-right: 10px; color: #666 } /*边距*/ .mb15 { margin-bottom: 15px; } .ml-215 { margin-left: 215px; } .plr-25{ padding:0 25px;}