@charset "utf-8";
@font-face{
    font-family: digital7;
    src:url('../font/digital7.ttf');
}
body {
    margin:0px;
    padding:0px;
    font-size:14px;
    color:#333;
}
ul {
    list-style: none;    
    margin:0px;
    padding:0px;
}
.cl {
    clear:both;
}
.main {
    width:100%;
    position: relative;
}

/*---- 首页样式 ----*/
/*header样式*/
.banner {
    width: 100%;
    margin-bottom:40px;
    clear: both;
}
.banner img {
    width: 100%;
}
.top {
    height: 96px;
    background-color: #004587;
}
.top-main {
    width: 1200px;
    margin: 0 auto;
}
.logo img {
    margin-top:6px;
    float: left;
}
.top-search {
    float: right;
    margin-top:30px;
}
.input-search {
    width:210px;
    height: 32px;
    line-height: 32px;
    border:none;
    background-color: #fff;
    color:#999;
    text-align: left;
    padding-left:12px;
    font-size: 14px;
}
.top-search img {
    vertical-align: top;
}
.nav {
    height: 64px;
    line-height: 64px;
    background-color: #003b74;
    color: #fff;
    font-size: 18px;
}
.nav-main {
    width: 1200px;
    margin:0 auto;
}
.nav-main ul li {
    float: left;
    margin-right:20px;
    position: relative;
}
.nav-main ul li a {
    color:#fff;
    text-decoration: none;
}
.nav-main ul li.nav-hover {
    background: url(../images/nav_hover_line.png) repeat-x center bottom;
}
.nav-main ul li:hover {
    background: url(../images/nav_hover_line.png) repeat-x center bottom;
}
.popup {
    width:150px;
    height: 45px;
    position: absolute;
    left:-33px;
    top:30;
    display: none;
    z-index: 10;
}
.popup ul {
    margin-top:35;
}
.popup ul li {
    width:165px;
    line-height: 45px;
    text-align: center;
    color:#fff;
    font-size: 16px;
    background-color: #003b74;
}
.popup ul li:hover {
    background: #145493;
    /*font-weight: bold;*/
}
.nav-main ul li:hover .popup {
    display: block;
}
.btn-login {
    width: 110px;
    line-height: 64px;
    font-size: 18px;
    color:#fff;
    text-align: center;
    background-color: #014e98;
    float: right;
}
.btn-login a {
    color: #fff;
    text-decoration: none;
}
.btn-login img {
    vertical-align: middle;
    margin-right: 8px;
}


/*实验室简介样式*/
.container {
    width:1200px;
    margin:0 auto;
    margin-bottom:40px;
    clear: both;
}
.intro {
    width:520px;
    height: 365px;
    background-color: #004587;
    color:#fff;
    font-size: 16px;
    line-height: 28px;
    margin-right:30px;
    margin-bottom:40px;
    float: left;
}
.intro-title {
    font-size: 30px;
    margin-left:30px;
    padding-top:10px;
}
.intro-show {
    margin-left:30px;
    margin-right:30px;
}
.intro-more {
    float: left;
    margin-left:30px;
}
.intro-more a {
    color:#fff;
    text-decoration: none;
}
.test{
    padding:0px 30px; 
}
/*新闻动态样式*/
.news {
    float: left;
    width: 650px;
}
.news-title {
    height: 65px;
    font-size: 28px;
    color:#333;
}
.more {
    float: right;
    font-size: 16px;
    color:#004587;
    text-decoration: none;
}
.more:hover {
    color:#004587;
    text-decoration: underline;
}
.news-list {
    height: 80px;
    background-color: #f6f6f6;
    margin-bottom:30px;
    border-left:#004587 7px solid;
    padding-left:22px;
}
.news-list-title {
    font-size: 20px;
    padding-top:16px;
    display: inline-block;
}
.news-list-title a {
    color:#333;
    text-decoration: none;
}
.news-list-title a:hover {
    color:#004587;
    text-decoration: none;
}
.news-time {
    font-size: 16px;
    color:#999;
    display: block;
    margin-top:3px;
}

/*学生竞赛样式*/
.activity-box {
    background-color: #f6f6f6;
    display: block;
    clear: both;
    margin-bottom:40px;
}
.activity-main {
    width: 1200px;
    margin: 0 auto;
}
.activity {
    width:585px;
    float: left;
}
.mr30 {
    margin-right: 30px;
}
.activity-title {
    line-height: 80px;
    font-size: 28px;
}
.activity-list {
    background-color: #fff;
    margin-bottom:50px;
}
.activity-list ul {
    padding-top:20px;
    padding-bottom:20px;
}
.activity-list ul li {
    line-height: 36px;
    margin-left:20px;
    margin-right: 20px;
    font-size: 16px;
    background: url(../images/icon_dot.png) no-repeat center left;
    padding-left:16px;
}
.activity-list ul li a {
    color:#333;
    text-decoration: none;
}
.activity-list ul li a:hover {
    color: #004587;
    text-decoration: underline;
}
.activity-time {
    float: right;
    color: #999;
}

/*footer样式*/
.footer {
    width: 100%;
    height:150px;
    background-color: #004587;
}
.footer-main {
    width:1200px;
    margin:0 auto;
    text-align: center;
    color:rgba(255,255,255,0.5);
    line-height: 28px;
}
.foot-link {
    display: inline-block;
    padding-top:30px;
}
.foot-link a {
    color:#fff;
    text-decoration: none;
}

/*---- 详情页样式 ----*/
.detail {
    width: 1200px;
    margin: 0 auto;
}
.detail-title {
    padding-top:38px;
    padding-bottom:18px;
    color:#004587;
    font-size: 28px;
    text-align: center;
}
.detail-time {
    border-bottom:#eaeaea 1px solid;
    height: 27px;
    color:#999;
    text-align: center;
}
.detail-show {
    font-size: 16px;
    line-height: 28px;
    text-indent: 2em;
    min-height: 520px;
}

/*---- 列表页面样式 ----*/
.list-box {
    width:1200px;
    margin:30px auto;    
}
.leftmenu {
    width: 270px;
    margin-right: 30px;
    float: left;
}
.leftmenu h3 {
    height: 60px;
    line-height: 60px;
    background-color: #004587;
    padding-left: 30px;
    color:#fff;
    font-size: 28px;
    font-weight: normal;
    margin:0px;
}
.leftmenu ul li {
    height: 56px;
    line-height: 56px;
    font-size: 20px;
    padding-left:30px;
    border-bottom:#eaeaea 1px solid;
    background:#f6f6f6 url(../images/arrowright_2.png) no-repeat center right;
}
.leftmenu ul li a {
    color:#333;
    text-decoration: none;
}
.leftmenu ul li:hover {
    color:#fff;
    background:#28639c url(../images/arrowright_1.png) no-repeat center right;
}
.leftmenu ul li:hover a {
    color:#fff;
    text-decoration: none;
}
.leftmenu ul li.no-line {
    border-bottom:none;
}
.left-img {
    margin-top:30px;
}

.list-main {
    float: left;
    width:900px;
    min-height:599px;
}
.list-main-title {
    height: 58px;
    line-height: 58px;
    font-size: 28px;
    color:#004587;
    border-bottom:#004587 2px solid;
}
.list-location {
    float: right;
    font-size: 16px;
    color:#999;
}
.list-location a {
    color: #999;
    text-decoration: none;
}
.list-main ul {
    margin-top:10px;
}
.list-main ul li {
    height: 50px;
    line-height: 50px;
    border-bottom: #eaeaea 1px solid;
    font-size: 16px;
    padding-left:30px;
    background: url(../images/list_dot.png) no-repeat center left;
}
.list-main ul li a {
    color:#333;
    text-decoration: none;
}
.list-main ul li a:hover {
    color:#004587;
    text-decoration: none;
}
.list-main-time {
    float: right;
    color:#999;
}
.page {
    margin-top:30px;
    margin-left:277px;
}
.page ul li {
    float: left;
    background: none;
    border-bottom: none;
    height: 34px;
    line-height: 34px;
    border:#d7d7d7 1px solid;
    padding-left:8px;
    padding-right: 8px;
    margin-right: 5px;
}
.page ul li a {
    color:#333;
    text-decoration: none;
}
.page ul li.page-not {
    color:#999;
}
.page ul li.page-not:hover {
    background-color:#fff;
    border:#d7d7d7 1px solid;
    color:#999;
}
.page ul li.page-hover {
    color:#fff;
    background-color: #004587;
    border:#004587 1px solid;
}
.page ul li.page-hover a {
    color:#fff;
    text-decoration: none;
}
.page ul li:hover {
    color:#fff;
    background-color:#004587;
    border:#004587 1px solid;
}
.page ul li:hover a {
    color:#fff;
    text-decoration: none;
}
/*---- 登录样式 ----*/
.login-banner {
    height: 740px;
    background: url(../images/login_img.jpg) no-repeat center top;
    
}
.login-box {
    width:1200px;
    margin:0 auto;
    position: relative;
}
.login-logo {
    position: absolute;
    left:0px;
    top:58px;
}
.login-main {
    width: 320px;
    height: 400px;
    position: absolute;
    top:150px;
    right: 0px;
    background-color: #fff;
}
.login-main-title {
    font-size: 24px;
    margin-top:40px;
    margin-bottom:40px;
    text-align: center;
    font-weight: normal;
}
.login-main {
    padding-left:30px;
    padding-right: 30px;
}
.login-main ul li {
    height: 60px;
    color:#666;
}
.input-user {
    width: 278px;
    height: 38px;
    line-height: 38px;
    border:#d9d9d9 1px solid;
    border-radius: 4px;
    color:#666;
    font-size: 15px;
    padding-left:42px;
    background: url(../images/icon_user.png) no-repeat center left;
}
.input-pwd {
    width: 278px;
    height: 38px;
    line-height: 38px;
    border:#d9d9d9 1px solid;
    border-radius: 4px;
    color:#666;
    font-size: 15px;
    padding-left:42px;
    background: url(../images/icon_pwd.png) no-repeat center left;
}
.btn-login1 {
    width:150px;
    height: 40px;
    line-height: 40px;
    background-color: #1890ff;
    color: #fff;
    text-align: center;
    font-size: 16px;
    float: left;
    border:none;
    border-radius: 4px;
    cursor: pointer;
    margin-top:-20px;
}
.mr20 {
    margin-right: 20px;
}
.copyright {
    text-align: center;
    color:#666;
    margin-top:30px;
    margin-bottom:30px;
    line-height: 30px;
}
.copyright-link {
    display: inline-block;
}
.copyright-link a {
    color:#666;
    text-decoration: none;
}