@charset "utf-8";
body{ height: auto; white-space: nowrap;width: 100%; font-family:'微软雅黑';background:url(../images/bg.jpg) repeat-y; color: #333;}
.center{ width: 1000px; margin: 0 auto; height:auto; }
.fr{ float: right;}
.fl{ float:left;}
.top{ height: 55px; margin-top: 20px; margin-bottom: 20px; width: 100%;}
.number{width: 316px; height: 50px;margin-top:10px; }
.number .title{ width: 250px; text-align: left;font-size: 12px; color: #a5a5a5; margin-bottom:5px;}
.number p{ font-size: 18px; color: #216dbf;margin-left: 5px;}
.number img{ padding-top: 2px;}
.nav{ height: 50px; width: 100%; background: url(../images/navbg.png) repeat-x;}
.nav ul li{ float: left; width: 124px; height: 50px; text-align: center; line-height: 50px; color: #fff; border-right: 1px solid #53adf4;}
.nav ul li:last-child{ border: none;}
.nav ul li:hover{background: url(../images/hover-bg.png) repeat-x;}
.nav ul li.active{background: url(../images/hover-bg.png) repeat-x;}
.nav ul li a{ color: #fff; width:100%; height:100%;}
.nav ul li a{ float: left; height: 50px; text-align: center; line-height: 50px; color: #fff; border-right: 1px solid #53adf4;}
.nav ul li a:hover{ color: #fff;}
.nav ul li img{ margin-top:17px; margin-left:46px; margin-right: -38px;}
.banner{ height: 450px; width: 100%; background: url(../images/banner.jpg) no-repeat center;}
.banner .load { float: right; margin-right: 50px; margin-top: 45px; background:url(../images/loaddingbg.png) no-repeat center; width: 360px; height: 360px;}
.banner .load p{font-size: 24px; color: #fff; margin-bottom: 30px; text-shadow: 1px 1px 1px #000; margin-top:40px;text-align: center;}
.banner .load input{ width: 240px; height: 46px; padding-left: 40px; border: none;}
.banner .load div{ margin-left: 34px; margin-top:22px; width: 280px; height: 46px; background: #fff; padding-left: 10px;border: 1px solid #617a93;   }
.banner .load .user{ background: ; margin: 0 auto;  background: url(../images/user.png) no-repeat left;}
.banner .load .code{ background: ; margin: 0 auto;  background: url(../images/password.png) no-repeat left;}
.banner .load h4{ color: #ff0000; font-size: 14px;  height:14px;  float: left;margin-left:36px;margin-top: 20px; width:100%}
.banner .load input[type=button]{ float: left; width: 134px; height:40px; font-size: 18px; margin-top:20px; margin-left:112px;}
.banner .load input[type=button]{ background: url(../images/buttonbg.png) repeat-x; color: #fff; border: none; text-align:left; letter-spacing: 12px; padding-left: 43px;}
.content .about { margin-top: 5px;}
.content .title{ width:100%; height: 50px; line-height: 50px; border-bottom: 1px solid #dadad9;}
.content .title a{ font-family: arial;text-align: center; margin-top: 17.5px; color: #fff; font-size: 10px; line-height: 16px;  width: 50px; height: 15px; border-radius:7px; background:#0da6d7 ;}
.content .title .chi{ font-size: 24px; color: #0da6d7; width: 96px; border-bottom: 1px solid #0da6d7;}
.content .title .eng{ font-family: arial; font-size: 18px; height:40px; padding-top:0; margin-left: 8px; color:#023e53 ;}
.content .about .cont{ margin-top: 20px; width: 650px; height: 210px; background: #fff; border: 1px solid #eeeeee;  }
.content .about .cont img{ float: left;border:1px solid #fcfcf7;}
.content .about .cont img:hover{ border:1px solid #0da6d7;}
.content .about .cont div{padding-left:4px; padding-top: 12px; font-size: 12px; text-align: left;line-height:22px; width: 430px; height: 190px; float: right; word-wrap:break-word;word-break:break-all;color: #333;}
.content .teach{ margin-top: 5px; height:280px ;width:658px;}
.content .teach .cont ul li{ float: left; text-align: center; margin-left: 20px; margin-top: 20px; line-height: 24px; font-size: 12px; color: #333;}
.content .teach .cont ul li:first-child{margin-left: 0;}
.content .teach .cont ul li img{ border: 1px solid #d7d6d5; }
.content .teach .cont ul li:hover img{border:1px solid #0da6d7;}
.content .teach .cont ul li a{ color:#333}
.content .teach .cont ul li a:hover{color:#0da6d7;}
.content .book img{ margin-bottom: 10px;}
.content .book .cont a:hover img{box-shadow: 0 0 10px #9c9c9c;}
.content .news{width:280px; height: 516px; background: url(../images/bg01.png) no-repeat center; padding:20px; padding-top:5px;}
.content .news img{ margin-top: 20px;border:1px solid #e9e9e6;}
.content .news img:hover{border:1px solid #0da6d7;}
.content .news .cont li{ padding-left:14px; background: url(../images/garrow.png) no-repeat left; font-size: 12px; color: #333; width:266px; border-bottom: 1px dashed #cfcfcb; height:39px; line-height: 40px;color: #333;}
.content .news .cont li span{ float: right;}
.content .news .cont li:hover{ background: url(../images/arrow.png) no-repeat left; color: #0da6d7;}
.content .news .cont a:hover{ color: #0da6d7;}
.content .book{ width: 1000px; height:320px; margin-bottom:10px;}
.content .book .cont { margin-top: 20px; width:998px; height: 260px; background: #fff; border: 1px solid #eeeeee;}
.content .book .cont ul li{ width: 116px; float: left; margin-left:57px; text-align: center; margin-top: 8px;}
.content .book .cont ul li:first-child{ margin-left:24px;}
.content .book .cont  li a{height: 40px; margin-top: 12px; line-height:18px; color:#333;}
.content .book .cont a:hover{ color: #0da6d7;}
.content .book .cont a:hover{ color: #0da6d7;}
.content .online { float: left; width: 470px; height: 400px;position: relative;}
.content .online .cont{ width: 470px; height: 330px; margin-top: 20px; z-index: 2;}
.content .online img{ position: absolute; top:72px; left:0px;border:1px solid #e9e9e6;}
.content .online img:hover{border:1px solid #0da6d7;}
.content .library{width: 500px; height: 400px;margin-bottom:10px;} 
.content .library img{ margin-top: 20px;border:1px solid #fcfcf7;}
.content .library img:hover{border:1px solid #0da6d7;}
.content .educ{width: 1000px; height: 340px;}
.content .educ img{ margin-top: 20px;border:1px solid #fcfcf7;}
.content .educ img:hover{border:1px solid #0da6d7;}
.footer{width:100%; height:210px; background: #404040; margin-top:30px; float: left;}
.footer p{ width: 100%;}
.footer .eng{ font-family: arial; font-size: 18px; color: #fff; margin-top: 22px; opacity: 0.65;}
.footer .chi{ font-size: 14px; color: #fff; margin-top:4px;opacity: 0.65; margin-bottom:20px;}
.footer .partner{ width: 100%; border-bottom: 1px solid #707070; height:100px;}
.footer .partner li{ float: left; margin-right: 20px; font-size: 12px; color: #fff; letter-spacing:2px; }
.footer span.fl{ font-size: 12px; color: #fff; margin-top:30px; line-height: 25px;}
.footer span.fr{ font-size: 12px; color: #fff; margin-top:30px; line-height: 25px; margin-right:80px;}
.fnav{float: left; width: 100%; height: 25px; background: #383838; padding-top: 10px;}
.fnav ul{width: 940px; margin: 0 auto; }
.fnav ul li{font-size: 12px;text-align: center; float: left;color: #fff; width: 133px; border-right:1px solid #fff; height: 12px;}
.fnav ul li a{color:#fff;}
.fnav ul li:last-child{ border-right:none}
.fnav ul li a:hover,.footer .partner li a:hover{ color: #fff;}