/*通用*/
body,html{
margin:0;
padding:0;
font-size:14px;
font-family: '微软雅黑';
min-width:1024px;
}
*{
box-sizing: border-box;
}
.container-fulled{
width:100%;
}
img{
border:none;
}
.container{
width:1024px;
margin:0 auto;
}
ul{
list-style:none;
margin:0;
padding:0;
}
a,a:hover,a:active{
color:inherit;
text-decoration: none;
}
.clearfix{
zoom:1;
}
.clearfix:after{
content:'';
display:block;
clear:both;
}
.whitespace {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.middle{
display: inline-block;
vertical-align: middle;
}
/*通用结束*/
/*头部*/
#header{
padding:10px 0;
position:relative;
}
#header img{
margin-right:15px;
}
.headerList{
color:#01589f;
font-size:12px;
position:absolute;
right:0;
top:10px;
}
.headerList ul li{
float:left;
border-left:2px solid #a3b7d2;
padding:0 10px;
}
.headerList ul li:first-of-type{
border:none;
}
/*搜索框*/
.seek-div{
position: absolute;
right: 10px;
top: 25px;
width: 202px;
height: 32px;
display: none;
}
.seek-div .seek-btn{
float: right;
width: 30px;
height: 30px;
border: none;
background: #e9f2f9 url(../img/search.png) no-repeat center center;
color: white;
text-align: center;
line-height: 30px;
}
.seek-div .seek-ipt{
float: left;
width: 170px;
height: 30px;
border: none;
font-size: 14px;
color: #333333;
text-align: center;
}
/*头部结束*/
/*导航*/
#nav{
background: #fbfbfb;
z-index:10;
border-bottom: 1px solid #016d9b;
}
.borderLine{
border-top:1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
}
.nav .item{
width:8%;
position:relative;
float:left;
height:40px;
line-height:40px;
text-align: center;
color:#3b3838;
}
.nav .item span{
margin-left:10px;
}
.nav .item img,.nav .item span{
display: inline-block;
vertical-align: middle;
}
.nav .item>a{
display: block;
height:40px;
line-height:40px;
}
.nav .item.active{
color:#ffffff;
background: #01589f;
}
.secondNav{
padding:10px 0;
display:none;
text-align: center;
min-width:140%;
position:absolute;
left:0;
top:40px;
z-index:100;
background: #01589f;
color: #ffffff;
opacity: 0.74;
filter: alpha(opacity=74);
}
.secondNav li{
padding:10px 37px;
line-height:20px;
white-space: nowrap;
position:relative;
}
.thirdNav{
padding:10px 0;
display:none;
text-align: center;
position:absolute;
left:100%;
top:0;
z-index:100;
background: #01589f;
color: #ffffff;
}
.thirdNav li{
padding:10px 37px;
line-height:20px;
white-space: nowrap;
}
/*导航结束*/
/*轮播图*/
#banana{
/*margin-top:-60px;*/
position:relative;
min-height:64px;
min-width:1024px;
}
.runBox{
overflow: hidden;
width:100%;
position:relative;
}
.runBox .runImgBox{
position:absolute;
left:0;
top:0;
}
.runBox .runImg{
float:left;
position:relative;
}
.runBox .runImg img{
width:100%;
display: block;
}
.runBox .runImg .runImgText{
color:#ffffff;
font-weight: 500;
position:absolute;
background:#0373c9;
max-width: 378px;
padding:25px 36px;
line-height:1.5;
bottom:50px;
opacity: 0.6;
filter: alpha(opacity=60);
}
.runCtrl{
position:absolute;
bottom:25px;
}
.runCtrl li{
width:14px;
height:14px;
cursor: pointer;
float:left;
background: url("../img/runCtrl.png") no-repeat center center;
margin-left:10px;
}
.runCtrl li.active{
background: url("../img/runCtrlActive.png") no-repeat center center;
}
/*轮播图结束*/
/*平台入口*/
#enter{
position: relative;
}
.enterLeft{
background: #00549a;
height:44px;
position:absolute;
top:0;
left:0;
}
.enterBody{
position:relative;
}
.enterBody a{
position:absolute;
left:180px;
color:#01589f;
top:0;
line-height:44px;
}
.enterRight{
background: #e9f2f9;
height:44px;
position:absolute;
top:0;
right:0;
}
/*平台入口结束*/
/*正文*/
#body li a{
color:#393939;
}
#body li span{
color:#9b9a9a;
}
.box1{
width:320px;
float:left;
}
.box2,.box3 {
width: 315px;
float: left;
margin-left: 35px;
}
/*正文上下间距*/
#body1{
padding:70px 0 40px 0;
}
#body2{
padding:40px 0;
background: #f9f9f9;
}
#body3{
padding:50px 0;
}
#body4{
padding:45px 0 60px 0;
background: #f9fcfe;
}
/*正文标题*/
.title{
/*margin-bottom: 30px;*/
}
.cnTitleF{
width:35px;
height:35px;
background:#00549a ;
color:#ffffff;
font-size:24px;
text-align: center;
line-height:35px;
display: inline-block;
vertical-align: middle;
}
.smallTitle{
display:inline-block;
vertical-align: middle;
}
.cnTitle{
color:#00549a;
}
.enTitle{
margin-top:5px;
font-size:12px;
color:#82aacc;
}
.more{
float:right;
line-height:35px;
font-size:11px;
color:#619dd3;
}
.more:hover{
color:#619dd3;
}
/*小轮播图*/
.runBox1{
overflow: hidden;
width:166px;
height:86px;
position:relative;
}
.runBox1 ul{
position:absolute;
left:0;
top:0;
}
.runBox1 .runImg1{
float:left;
width:166px;
height:86px;
position:relative;
}
.ctrlBottons{
margin-top:3px;
width:166px;
}
.bodyRunImg{
font-size:0;
margin-top:20px;
}
.runTitle{
color:#00549a;
width:134px;
margin-left:20px;
line-height:1.5;
font-size: 14px;
display: inline-block;
vertical-align: top;
}
.runPic{
display: inline-block;
vertical-align: top;
}
#runNext1,#runPrev1{
width: 19px;
height: 19px;
cursor: pointer;
}
#runNext1{
float:right;
background: url("../img/next.png") no-repeat;
}
#runPrev1{
float:left;
background: url("../img/prev.png") no-repeat;
}
/*综合新闻*/
.NewsList{
margin-top: 20px;
}
.NewsList li{
padding:7px 0;
}
.NewsList li a{
display: inline-block;
vertical-align:top;
width:275px;
line-height:23px;
}
.NewsList li span {
font-size: 11px;
display: inline-block;
vertical-align: top;
line-height:23px;
}
/*媒体*/
.media{
width:715px;
float:left;
}
.mediaList{
margin-top: 30px;
}
.mediaList li{
padding:0 0 26px 26px;
position: relative;
}
.mediaList li img{
position:absolute;
left:6px;
top:6px;
}
.mediaList li a{
display: inline-block;
vertical-align: middle;
width:650px;
}
.mediaList li span {
font-size: 11px;
display: inline-block;
vertical-align: middle;
}
.boxRight{
float:right;
margin-top:20px;
}
.boxRight li{
padding-bottom:9px;
}
/*科研动态+通知公告*/
.bodyList1{
margin-top:10px;
}
.bodyList1 li{
border-bottom: 1px dashed #bfbfbf;
padding:25px 0 20px 17px;
position:relative;
}
.bodyList1 li a{
line-height:18px;
min-height: 36px;
display: inline-block;
}
.bodyList1 li img{
position:absolute;
left:0;
top:33px;
}
.bodyList1 li span{
display: block;
margin-top:12px;
font-size:11px;
}
/*学术讲座*/
.lectureDate{
width:53px;
height:53px;
text-align: center;
background:#e9f2f9;
padding:11px 11px 9px 11px;
margin-right:17px;
float:left;
}
.lectureDate.active{
background:#00549a;
}
.lectureDate.active .day{
color:#ffffff;
}
.lectureDate.active .month{
color:#ffffff;
border-top:1px solid #ffffff;
}
.lectureBody{
width:250px;
float:right;
}
.day{
font-size:18px;
color:#00549a;
}
.month{
color:#afcae1;
font-size:12px;
border-top:1px solid #afcae1;
margin-top:3px;
padding-top:3px;
}
.lectureList li{
padding:30px 0 0 0;
position:relative;
}
.lectureList li a{
line-height:18px;
}
.lectureList li img{
position:absolute;
left:0;
top:27px;
}
.lectureList li span{
display: block;
margin-top:7px;
font-size:11px;
}
/*事务列表*/
.bodyList2{
margin-top:10px;
}
.bodyList2 li{
padding:20px 0 0 25px;
position:relative;
}
.bodyList2 li a{
line-height:18px;
min-height: 36px;
display: inline-block;
}
.bodyList2 li img{
position:absolute;
left:0;
top:27px;
}
.bodyList2 li span{
display: block;
margin-top:15px;
font-size:11px;
}
/*招生板块*/
.title1{
height:32px;
line-height:32px;
width:100%;
background-position: left center;
padding-left:15px;
background-repeat: no-repeat;
}
#zhaosheng1{
background-image: url("../img/1bg.png");
color:#00549a;
}
#zhaosheng2{
background-image: url("../img/2bg.png");
color:#6b614e;
}
#zhaosheng3{
background-image: url("../img/3bg.png");
color:#67545d;
}
a.hoverAct:hover{
opacity: 0.7;
}
/*正文结束*/
/*底部*/
#footer{
background: url("../img/footerBg.png") no-repeat;
background-size: 100% 100%;
}
.link{
margin:0 20px;
padding:25px;
border-bottom:1px solid #9dc3e8;
}
.link li{
width:22%;
padding:0 1.5%;
float: left;
}
.link li:first-of-type{
width:9%;
color:#ffffff;
line-height:23px;
}
.link li select{
width:100%;
}
.copy{
text-align: center;
color:#ffffff;
font-size:12px;
line-height:1.5;
padding:45px 0 60px 0;
}
/*底部结束*/
/*内容页*/
#contentBody{
padding:100px 90px;
line-height:1.5;
}
/*列表页*/
#listBody{
padding:57px 0 60px 0;
}
/*左侧二级列表*/
.leftList{
float:left;
width:312px;
}
.rightList{
float:right;
width:650px;
line-height:1.5;
}
.leftTitle{
background: #4489c2;
height:19px;
line-height:19px;
position:relative;
text-align: center;
font-size:18px;
font-weight:bold;
margin-bottom:25px;
}
.leftTitle span{
color: #4489c2;
background: #ffffff;
width:90px;
height:19px;
position: absolute;
left:58px;
top:0;
}
.leftUl{
padding:15px;
background: #f2f2f2;
}
.leftUl li{
padding-bottom:10px;
color:#535353;
}
.leftUl li span{
display: inline-block;
border-radius: 5px;
width:45px;
height:25px;
color:#ffffff;
text-align: center;
line-height:25px;
font-weight: bold;
margin-right:20px;
}
.leftUl li:nth-of-type(2n) span{
background: #72c8ff;
}
.leftUl li:nth-of-type(2n-1) span{
background: #3089cd;
}
/*右侧列表*/
.listPageList li{
position:relative;
padding:0 90px 40px 40px;
line-height:1.5;
color:#535353;
}
.listPageList li img{
position:absolute;
left:0;
top:0;
}
.listPageList li p{
line-height: 32px;
}
.listPageList li span{
color:#8a8a8a;
}
.listPageList li div{
position:absolute;
right:0;
top:5px;
font-size: 11px;
color:#9b9a9a;
}
/*二级页面大图*/
#bigImg img{
display: block;
width:100%;
}
/*教师列表*/
.leftList1{
width:260px;
float:left;
}
.rightList1{
float:right;
width:740px;
line-height:1.5;
}
.teacherList li{
float:left;
width:340px;
padding:10px 15px 15px 15px;
background: #f8f8fa;
border-radius: 5px;
box-shadow: 2px 2px 5px #cdcdcf;
margin:20px 60px 0 0;
}
.teacherList li:nth-of-type(2n){
margin-right:0;
}
.teacherList .teacherImg{
width:113px;
height:136px;
margin-right:8px;
}
.teacherList .teacherImg img{
width:100%;
height:100%;
}
.teacherJJ{
width:185px;
}
.teacherJJ p{
font-size:18px;
padding:10px 0;
font-weight: bold;
color:#1b467b;
}
.teacherJJ span{
display:block;
font-size:13px;
line-height:22px;
}
.location{
border-left:7px solid #5588be;
font-size:16px;
padding-left:10px;
margin-left:5px;
line-height: 20px;
}
.location a{
color:#a1a2a4;
}
.pailie{
padding:20px 5px;
color:#a1a2a4;
}
/*.leftUl li:hover.leftSec{
margin:10px 0;
}*/
/*.leftUl li:hover .leftSec a{
height:26px;
}*/
.leftSec{
margin:10px 0;
padding-left: 65px;
transition: height 0.3s ease;
-moz-transition: height 0.3s ease;
-webkit-transition: height 0.3s ease;
-o-transition: height 0.3s ease;
}
.leftSec a{
display:block;
height:26px;
overflow:hidden;
line-height:26px;
transition: height 0.3s ease;
-moz-transition: height 0.3s ease;
-webkit-transition: height 0.3s ease;
-o-transition: height 0.3s ease;
}
.imglist li {
float: left;
text-align: center;
width: 200px;
margin: 20px 8px;}
.imglist li img{
width:200px;
height:167px;
}