@charset "utf-8";
body, html {
	width: 100%;
	height: 100%;
	color:#333;
	font-family: "Microsoft YaHei" ;
	font-size: 14px;
    line-height: 20px;
	padding: 0;
	margin: 0;
	background: #FFFFFF;
	margin:0;
	padding:0;
	float: left;
}
body, p, ul, ol, dl, dt, dd, li, form, input, table, h1, h2, h3, h4, h5, h6 {
    margin: 0;
}
html {
	display: block;
    color: -internal-root-color;
}
body {
	line-height: 1.5;
    text-align: left;
}
ul, li { list-style: none;padding: 0;}

a {
	cursor: pointer;
	text-decoration: none;
}
p {
    display: block;
}
a:hover {color:#2284d1;}
.fl {float:left;}
.fr {float:right;}
.cl {clear:both;}
.bl {display: block;}
.h100 {height: 100%;}
.w100 {width:100%;}
.wrap {width:1280px; margin:0 auto;}

.picswiper img {width:100%;height: auto;}
.menu {width:100%; display: inline-block; background: #0b6cb8;line-height: 30px; margin:0; color: #FFFFFF;position:relative; z-index:900;}
.menu li {float:left; box-sizing:border-box; font-size: 16px; width:10%; text-align:center}
.menu li:hover {background:#2284d1;}
.mainMenu {position:relative; height:50px; line-height:50px;}
.menu li a {color:#fff;}
#nav {background:rgba(11,108,184,0.9);z-index:900;}
#nav a {display:block;text-align:center;width:100%;}
.toplink { color: #aeaeae;}
.toplink li {float:left;}
.header {margin-top:20px; margin-bottom: 20px;}
.swiperarea {background: #f0f0f0 }
.swiperarea .slick-dots {width:100%;margin-top:-40px;position: absolute; z-index: 100;display: flex;
    justify-content: center;}
.swiperarea .slick-dots li {float:left;margin:5px; }
.swiperarea .slick-dots li button {cursor: pointer; border-radius:4px; width:50px; font-size: 0; border:none;height: 6px; background: rgba(255,255,255,0.9); display: inline-block;}
.swiperarea .slick-dots .slick-active button{background: #0A5187;}

.newarea {padding-top:20px;box-sizing: border-box; overflow: hidden; padding-bottom: 30px;}
.subjectarea {background: #FFFFFF; padding: 5px; padding-left:20px;box-sizing: border-box;}
.blue {color: #0b6cb8;}
.subject {font-weight: bold; color:#333;font-size: 20px;}
.more {font-size: 12px; box-sizing: border-box; margin-top:10px;color: #0b6cb8;}
#newswiper li {box-shadow: 2px 2px 10px rgba(0,0,0,0.1);}
#newswiper {overflow: hidden;}
#newswiper img {widtH:100%;}
#newswiper .title { font-size: 16px;}
.news {float:left;padding:20px;box-sizing: border-box;background:#FFFFFF;margin-right:20px;border:1px solid #e7e7e7;}
#newswiper .date {color:#666666}
.about {font-size: 14px; color:#666666}
.newarea .detail {color: #f6a041;}
.newarea .slick-dots li button {
    background: #e5e3df;
    border: 0 none;
    border-radius: 7px;
    cursor: pointer;
    display: block;
    font-size: 0;
    height:8px;
    line-height: 0;
    outline: medium none;
    padding: 0;
    width: 50%;
	border-radius: 5px;
	float: left;
	margin:20px 0;
}
.newarea .slick-dots li.slick-active button {
     background: #aeaca8;
}


.bottomarticle >div {float:left; border-bottom: 1px solid #E7E7E7;box-sizing:border-box;box-shadow: 2px 2px 10px rgba(0,0,0,0.05);
    padding: 10px;}
.bottomarticle .bottomsubject { font-size: 20px;}
.announce  {width: 350px; border: none !important;}
.announcedate .adate {background: #0b6cb8; color: #FFFFFF; line-height: 30px; text-align: center;}
.announcedate .amonth {color: #AEAEAE;}
.announce li { margin: 5px 0; width:100%; float:left; border-bottom: 1px solid #E7E7E7;padding-bottom:2px;}
.annocetitle { margin-left: 70px; }
.announce .title {font-size: 16px;}
.announce li:last-child {margin-bottom:0;}

.articlelist {width:445px; margin-left:20px; border-bottom: 1px solid #E7E7E7;}
.articlelist ul {margin-top:2px;}
.articlelist li { background: url(/jjglxy/images/l-r.png) center left no-repeat; padding:5px 0 5px 20px;}

.reseacharea {background: #f4f4f4; margin-bottom: 30px;}
#reseachlist {overflow:hidden;}
#reseachlist li {cursor:pointer;transition: all .9s; width:320px; height: 340px; float:left;position: relative;}
#reseachlist li .articleitem {position:absolute; width: 140px; height:100%; display: flex;background:rgba(18,172,230,0.6);
color: #FFFFFF; align-items: center;}
#reseachlist .articleitem .title {width:100%; text-align: center; padding: 20px; box-sizing:border-box;font-weight:bold;}


.footarea {background:#0a5187 url("../images/bluebg.png") no-repeat; background-size:100% 100%; color: #daf7ff; padding: 20px 0 0 0; box-sizing: border-box;margin-top:30px}
.footarea .connect {width:100%; color: #cad1d1;text-align: center;padding-top:20px;clear: both;background: rgba(0,0,0,0.3); margin: 0;padding-bottom:30px;}
.footarea .connect p {margin:10px 0;}
.friendlink {width:15%; float:left;border-right: 1px solid rgba(255,255,255,0.3); margin-right: 1%;height:110px;display:block;margin-bottom:30px;}
.friendlink li {margin-top:5px;}
.friendlink li a {color: #fffffe;
    padding-left: 20px;
    box-sizing: border-box;}
.bottomarticle .subjectarea {padding-left:5px !important; border-bottom:2px solid #cccccc;position:relative;}
.bottomarticle .subjectarea:after {
    content: "";
    border-bottom: 2px solid #0b6cb8;
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100px;
} 
.teacherpage { width:100%; background-image: url(/jjglxy/images/teacherpagebg.png); float:left;}
.zp_area> div {
  z-index:999 !important;
}