@charset "utf-8";
body{margin:0px auto;padding:0px;border:0px;font-family:"微软雅黑"; font-size:14px;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;}
ul,li{margin:0px; padding:0px; list-style:none;}
table,tr,td,h2,span,p,form,input,dl,dd,dt,em,b{margin:0px; padding:0px;}
em,img{border:0px;}
a{text-decoration:none; cursor:pointer;}
a:hover{ text-decoration:none;}
.auto{margin:0px auto;}
.fl{float:left; display:inline;}
.fr{float:right;display:inline;}
.width{width:1200px;}
.clear{ clear:both;}
.auto{margin:0px auto;}
.re{position:relative;}
.w100{width:100%;}
.w8-9{ width:1200px;}
.w50{width:50%;}
#tip{border-style: solid;
    white-space: nowrap;
    z-index: 9999999;
    transition: left 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0s, top 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    background-color: rgba(50, 50, 50, 0.7);
    border-width: 0px;
    border-color: rgb(51, 51, 51);
    border-radius: 4px;
    color: rgb(255, 255, 255);
    font: 14px/21px "Microsoft YaHei";
    padding: 5px;
	} 
/*--顶部开始--*/
.header{ width:100%; height:300px;background: url(../images/navbg.png) repeat-x;position:absolute; top:0; left:0; z-index:99;}
.header .bg_map{width:1200px; margin:0 auto;background: url(../images/navbg2017.png) center;}
.header-top{margin:0 auto; height:250px;}
.logo{ width:900px;height:225px; padding-top:30px;-webkit-animation: logo 0.8s;animation: logo 0.8s;    text-align: center;
    margin: 0 auto;}
.logo img{transition:0.5s;}
.logo img:hover{ padding-left:5px;transition:0.5s;}
.head-right-pc{ margin:30px 0 0 0;position: absolute;
    right: 100px;
    top: 0;width:236px; height:30px; line-height:30px;}




.fixed_search {
    position: absolute;
    z-index: 101;
    top: 0;
    right: 0;
}
.fixed_search li{height:30px;overflow:hidden;}
.fixed_search li a{cursor:pointer;display:block;}
.fixed_search li a span{cursor:pointer;display:block;width:30px;height:30px;}
.fixed_search li.search{/* position:relative; *//* width:48px; *//* overflow:visible; */}
.fixed_search li.search a span{background-position:0 -104px;}
	#search{position:absolute;top:0;right:0;background:#d08722;height:30px;width:30px;vertical-align:middle;z-index:2;overflow:hidden;}
	#search .text{position:relative;z-index:1;border:none;background:#fff;padding:4px 10px; height:20px; width:180px; line-height:20px;vertical-align:middle; margin:5px 0 0 15px;float:left; color:#999;}
	#search .submit{position:absolute;top:0;right:0;z-index:2;padding:0;cursor:pointer; border:none;width:30px; height:30px;line-height:30px; background:#d08722 url(../images/img_s.png) no-repeat;}
/*--顶部结束--*/

/*nav-star*/
#nav-box{ height:50px;width:100%; __background:#317eeb}
.nav-box{margin:0 auto; position:relative; height:50px;}
#nav {HEIGHT:50px; padding:0;-webkit-animation: nav-box 1s;animation: nav-box 1s; display:block;}
#nav .mainlevel { list-style:none; float:left;WIDTH:120px; FONT-SIZE:18px;font-weight:bold;}
#nav .mainlevel a {TEXT-ALIGN: center; WIDTH:100%; DISPLAY: block;  COLOR: #fff;}

.nav-box ul li:first-child a,.nav-box ul li:nth-child(2) a,.nav-box ul li:nth-child(3) a,.nav-box ul li:nth-child(4) a,.nav-box ul li:nth-child(5) a{HEIGHT: 50px;LINE-HEIGHT: 50px;}
.nav-box ul li:first-child a,.nav-box ul li:nth-child(6) a,.nav-box ul li:nth-child(7) a,.nav-box ul li:nth-child(8) a,.nav-box ul li:nth-child(9) a,.nav-box ul li:nth-child(10) a{HEIGHT: auto;LINE-HEIGHT: unset;}
.nav-box ul li:nth-child(9) a{font-weight:100;font-size: 12px;}
.nav-box ul li:nth-child(10) a{font-weight:100;font-size: 12px;}



#nav .mainlevel a:hover { COLOR: #fff; background:url(../images/nav-on-bg.png)/*tpa=http://www.hnu.edu.cn/images/nav-on-bg.png*/ repeat;}
.navhover{COLOR: #fff; background:url(../images/nav-on-bg.png)/*tpa=http://www.hnu.edu.cn/images/nav-on-bg.png*/ repeat;}
#nav .mainlevel:hover ul{display:block;}
#nav .mainlevel ul { display:none;list-style:none; z-index:909; width:145px; top:50px; position:absolute;display:none; background:url(../images/tm.png)/*tpa=http://www.hnu.edu.cn/images/tm.png*/ repeat;}
#nav .mainlevel ul li { width:100%; height:32px;font-size:18px; background:#0d59a7; margin-bottom:1px;}
#nav .mainlevel ul li a{color:#fff; font-size:18px; font-weight:bold; display:block; width:100%; height:32px; line-height:32px;}
#nav .mainlevel ul li a:hover { color:#fff;width:100%; height:32px;  line-height:32px;font-weight:bold;}

.nav-lianjie{width:350px; text-align:right; float:right; line-height:50px;-webkit-animation: nav-lianjie 1.0s;animation: nav-lianjie 1.0s;}
.nav-lianjie span{font-size:12px; padding:0 5px; display:inline-block; color:#fff;}
.nav-lianjie a{color:#fff;}
.nav-lianjie a:hover{color:#e98235;}
#nav .mainlevel ul li:first-child {-webkit-animation: dhli 0.8s;animation: dhli 0.8s;}
#nav .mainlevel ul li:nth-child(2){display: block; -webkit-animation: dhli 1.0s;animation: dhli 1.0s;}
#nav .mainlevel ul li:nth-child(3){display: block; -webkit-animation: dhli 1.2s;animation: dhli 1.2s;}
#nav .mainlevel ul li:nth-child(4){display: block; -webkit-animation: dhli 1.4s;animation: dhli 1.4s;}
#nav .mainlevel ul li:nth-child(5){display: block; -webkit-animation: dhli 1.6s;animation: dhli 1.6s;}
#nav .mainlevel ul li:nth-child(6){display: block; -webkit-animation: dhli 1.8s;animation: dhli 1.8s;}
#nav .mainlevel ul li:nth-child(7){display: block; -webkit-animation: dhli 2.0s;animation: dhli 2.0s;}
#nav .mainlevel ul li:nth-child(8){display: block; -webkit-animation: dhli 2.2s;animation: dhli 2.2s;}
#nav .mainlevel ul li:nth-child(9){display: block; -webkit-animation: dhli 2.4s;animation: dhli 2.4s;}
/*导航菜单-二级菜单*/
.dh{display: block;}
.dh1{display: block; -webkit-animation: dhli 0.8s;animation: dhli 0.8s;}
.dh2{display: block; -webkit-animation: dhli 1.0s;animation: dhli 1.0s;}
.dh3{display: block; -webkit-animation: dhli 1.2s;animation: dhli 1.2s;}
.dh4{display: block; -webkit-animation: dhli 1.4s;animation: dhli 1.4s;}
.dh5{display: block; -webkit-animation: dhli 1.6s;animation: dhli 1.6s;}
.dh6{display: block; -webkit-animation: dhli 1.8s;animation: dhli 1.8s;}
.dh7{display: block; -webkit-animation: dhli 2.0s;animation: dhli 2.0s;}
.dh8{display: block; -webkit-animation: dhli 2.2s;animation: dhli 2.2s;}
.dh9{display: block; -webkit-animation: dhli 2.4s;animation: dhli 2.4s;}

@-webkit-keyframes dhli {  
0%{ opacity: 0;-webkit-transform:rotateX(-50deg)rotatey(135deg)rotateZ(15deg) translate(0px,20px); }}
@keyframes dhli { 
0%{ opacity: 0;transform:rotateX(-50deg)rotatey(135deg)rotateZ(15deg) translate(0px,20px); }}
/*nav-end*/

@-webkit-keyframes logo {  
0%{ opacity:0;-webkit-transform:translate(-10px,-20px); }}
@keyframes logo {  
0%{ opacity:0;transform:translate(-10px,-20px); }}
@-webkit-keyframes nav-lianjie {  
0%{ opacity:0;-webkit-transform:translate(50px,0px); }}
@keyframes nav-lianjie {  
0%{ opacity:0;transform:translate(50px,0px); }}
@-webkit-keyframes top_jy {  
0%{ opacity:0;-webkit-transform:translate(20px,-40px); }}
@keyframes top_jy {  
0%{ opacity:0;transform:translate(20px,-40px); }}
@-webkit-keyframes nav-box {  
0%{ opacity:0;-webkit-transform:translate(-50px,0px); }}
@keyframes nav-box {  
0%{ opacity:0;transform:translate(-50px,0px); }}
@-webkit-keyframes hover-wen {  
0%   { text-indent:0;}
50%  { text-indent:5px;}
100% { text-indent:0;}
}
@keyframes hover-wen {  
0%   { text-indent:0;}
50%  { text-indent:5px;}
100% { text-indent:0;}
}
@-webkit-keyframes hover-img {  
0%   {transform:scale(1);}
50%  {transform:scale(1.05);}
100% {transform:scale(1);}
}
@keyframes hover-img {  
0%   {transform:scale(1);}
50%  {transform:scale(1.05);}
100% {transform:scale(1);}
}
@-webkit-keyframes more-img {  
0%   {right:5px;}
50%  {right:10px;}
100% {right:5px;}
}
@keyframes more-img {  
0%   {right:5px;}
50%  {right:10px;}
100% {right:5px;}
}
@-webkit-keyframes lianjie {  
0%   {background-position:20px center;}
50%  {background-position:10px center;}
100% {background-position:20px center;}
}
@keyframes lianjie {  
0%   {background-position:20px center;}
50%  {background-position:10px center;}
100% {background-position:20px center;}
}
@-webkit-keyframes liebiao {  
0%   {background-position:20px center; background-color:none;}
25%  {background-position:15px center;background-color:#fff9ed;}
50%  {background-position:10px center;background-color:#feeeca;}
75%  {background-position:15px center;background-color:#fff9ed;}
100% {background-position:20px center;background-color:none;}
}
@keyframes liebiao {  
0%   {background-position:20px center; background-color:none;}
25%  {background-position:15px center;background-color:#fff9ed;}
50%  {background-position:10px center;background-color:#feeeca;}
75%  {background-position:15px center;background-color:#fff9ed;}
100% {background-position:20px center;background-color:none;}
}



/*--常用链接开始--*/
.fw-mt{ width:100%;background:url(../images/hn-foot-bg.jpg) no-repeat center top; padding:32px 0 40px 0;height:157px;overflow:hidden;}
.fw-mt-left{width:820px;}
@media only screen and (max-width:1366px) {
.fw-mt{ width:100%;background:url(../images/hn-foot-bg.jpg) no-repeat center top; padding:32px 0 40px 0;height:auto;overflow:hidden;}
.fw-mt-left{width:65%;}
}
@media only screen and (max-width:1024px) {
.fw-mt{ width:100%;background:url(../images/hn-foot-bg.jpg) no-repeat center top; padding:32px 0 40px 0;height:auto;overflow:hidden;}
.fw-mt-left{width:100%;}
}
.fw-mt-right{width:340px;}
.fw-mt-right ul{ width:300px; height:80px; overflow:hidden}
.fw-mt-right ul li{ width:100px; height:80px; float:left}
.fw-mt-right ul li:first-child{visibility: visible; animation-delay: 0.2s;}
.fw-mt-right ul li:nth-child(2){visibility: visible; animation-delay: 0.4s;}
.fw-mt-right ul li:nth-child(3){visibility: visible; animation-delay: 0.6s;}
.fw-mt-right ul li a{height: 80px;width: 100px;display: block;text-align: center;color: #ffffff;transition: 0.5s;}
.fw-mt-right ul li a:hover{ color: #ef7403;transition: 0.5s;}
.fw-mt-right ul li i{ width:50px; height:50px; margin:0 25px;}
.fw-mt-right ul li span{ width:100px; text-align:center}
@media only screen and (max-width:1366px) {
.fw-mt-right{width:33%;}
}
.fw-mt-bt{ height:24px; margin-bottom:42px;}
.fw-mt-bt a{ font-size:16px; color:#FFFFFF;transition: 0.5s;}
.fw-mt-bt a:hover {
    padding-left: 5px;
    transition: 0.5s;
}
.cyfw-list{ width:100%;}
.cyfw-list ul{}
.cyfw-list ul li:first-child{ float:left; width:100px; height:80px; margin-right:10px;visibility: visible; animation-delay: 0.2s; animation-name: fadeInRight;}
.cyfw-list ul li:nth-child(2){ float:left; width:100px; height:80px; margin-right:10px;visibility: visible; animation-delay: 0.4s; animation-name: fadeInRight;}
.cyfw-list ul li:nth-child(3){ float:left; width:100px; height:80px; margin-right:10px;visibility: visible; animation-delay: 0.6s; animation-name: fadeInRight;}
.cyfw-list ul li:nth-child(4){ float:left; width:100px; height:80px; margin-right:10px;visibility: visible; animation-delay: 0.8s; animation-name: fadeInRight;}
.cyfw-list ul li:nth-child(5){ float:left; width:100px; height:80px; margin-right:10px;visibility: visible; animation-delay: 1s; animation-name: fadeInRight;}
.cyfw-list ul li:nth-child(6){ float:left; width:100px; height:80px; margin-right:10px;visibility: visible; animation-delay: 1.2s; animation-name: fadeInRight;}
.cyfw-list ul li:nth-child(7){ float:left; width:100px; height:80px; margin-right:10px;visibility: visible; animation-delay: 1.4s; animation-name: fadeInRight;}
.cyfw-list ul li:nth-child(8){ float:left; width:100px; height:80px; margin-right:10px;visibility: visible; animation-delay: 1.6s; animation-name: fadeInRight;}
@media only screen and (max-width:1366px) {
.cyfw-list ul li:first-child{ float:left; width:12.5%; height:80px; margin-right:0;visibility: visible; animation-delay: 0.2s; animation-name: fadeInRight;}
.cyfw-list ul li:nth-child(2){ float:left; width:12.5%; height:80px; margin-right:0;visibility: visible; animation-delay: 0.4s; animation-name: fadeInRight;}
.cyfw-list ul li:nth-child(3){ float:left; width:12.5%; height:80px; margin-right:0;visibility: visible; animation-delay: 0.6s; animation-name: fadeInRight;}
.cyfw-list ul li:nth-child(4){ float:left; width:12.5%; height:80px; margin-right:0;visibility: visible; animation-delay: 0.8s; animation-name: fadeInRight;}
.cyfw-list ul li:nth-child(5){ float:left; width:12.5%; height:80px; margin-right:0;visibility: visible; animation-delay: 1s; animation-name: fadeInRight;}
.cyfw-list ul li:nth-child(6){ float:left; width:12.5%; height:80px; margin-right:0;visibility: visible; animation-delay: 1.2s; animation-name: fadeInRight;}
.cyfw-list ul li:nth-child(7){ float:left; width:12.5%; height:80px; margin-right:0;visibility: visible; animation-delay: 1.4s; animation-name: fadeInRight;}
.cyfw-list ul li:nth-child(8){ float:left; width:12.5%; height:80px; margin-right:0;visibility: visible; animation-delay: 1.6s; animation-name: fadeInRight;}
.cyfw-list ul li:nth-child(9){ float:left; width:12.5%; height:80px; margin-right:0;visibility: visible; animation-delay: 1.8s; animation-name: fadeInRight;}
}
@media only screen and (max-width:1024px) {
.cyfw-list ul li:first-child{ float:left; width:10%; height:80px; margin-right:0;visibility: visible; animation-delay: 0.2s; animation-name: fadeInRight;}
.cyfw-list ul li:nth-child(2){ float:left; width:10%; height:80px; margin-right:0;visibility: visible; animation-delay: 0.4s; animation-name: fadeInRight;}
.cyfw-list ul li:nth-child(3){ float:left; width:10%; height:80px; margin-right:0;visibility: visible; animation-delay: 0.6s; animation-name: fadeInRight;}
.cyfw-list ul li:nth-child(4){ float:left; width:10%; height:80px; margin-right:0;visibility: visible; animation-delay: 0.8s; animation-name: fadeInRight;}
.cyfw-list ul li:nth-child(5){ float:left; width:10%; height:80px; margin-right:0;visibility: visible; animation-delay: 1s; animation-name: fadeInRight;}
.cyfw-list ul li:nth-child(6){ float:left; width:10%; height:80px; margin-right:0;visibility: visible; animation-delay: 1.2s; animation-name: fadeInRight;}
.cyfw-list ul li:nth-child(7){ float:left; width:10%; height:80px; margin-right:0;visibility: visible; animation-delay: 1.4s; animation-name: fadeInRight;}
.cyfw-list ul li:nth-child(8){ float:left; width:10%; height:80px; margin-right:0;visibility: visible; animation-delay: 1.6s; animation-name: fadeInRight;}
.cyfw-list ul li:nth-child(9){ float:left; width:10%; height:80px; margin-right:0;visibility: visible; animation-delay: 1.8s; animation-name: fadeInRight;}
}
@media only screen and (max-width:640px) {
.cyfw-list ul li:first-child{ float:left; width:25%; height:80px; margin-right:0;visibility: visible; animation-delay: 0.2s; animation-name: fadeInRight;}
.cyfw-list ul li:nth-child(2){ float:left; width:25%; height:80px; margin-right:0;visibility: visible; animation-delay: 0.4s; animation-name: fadeInRight;}
.cyfw-list ul li:nth-child(3){ float:left; width:25%; height:80px; margin-right:0;visibility: visible; animation-delay: 0.6s; animation-name: fadeInRight;}
.cyfw-list ul li:nth-child(4){ float:left; width:25%; height:80px; margin-right:0;visibility: visible; animation-delay: 0.8s; animation-name: fadeInRight;}
.cyfw-list ul li:nth-child(5){ float:left; width:25%; height:80px; margin-right:0;visibility: visible; animation-delay: 1s; animation-name: fadeInRight;}
.cyfw-list ul li:nth-child(6){ float:left; width:25%; height:80px; margin-right:0;visibility: visible; animation-delay: 1.2s; animation-name: fadeInRight;}
.cyfw-list ul li:nth-child(7){ float:left; width:25%; height:80px; margin-right:0;visibility: visible; animation-delay: 1.4s; animation-name: fadeInRight;}
.cyfw-list ul li:nth-child(8){ float:left; width:25%; height:80px; margin-right:0;visibility: visible; animation-delay: 1.6s; animation-name: fadeInRight;}
.cyfw-list ul li:nth-child(9){ float:left; width:25%; height:80px; margin-right:0;visibility: visible; animation-delay: 1.8s; animation-name: fadeInRight;}
}
.cyfw-list ul li a{ height:80px; width:100px; display:block; text-align:center; color:#ffffff;transition: 0.5s;}
.cyfw-list ul li a:hover{ height:80px; width:100px; display:block; text-align:center; color:#ffde00;transition: 0.5s;}
.cyfw-list ul li a i{ height:50px; width:50px; margin:0 25px; line-height:50px;}
.cyfw-list ul li a i:hover{visibility: visible;  animation-name: pulse;}
.cyfw-list ul li a span{ height:30px; width:100px;}
.xmt-list{ width:100%;height:80px;}
.xmt-list dl{ float:left; width:33%; height:80px;position:relative;display:block;}
.xmt-list dt{width:100%; height:40px; margin:5px 0;display:block;}
.xmt-list dd{width:100%; height:30px; line-height:30px;font-size:12px; color:#fff;}

.xmt-list .dd1{text-align:left;}
.xmt-list .dd2{text-align:center;}
.xmt-list .dd3{text-align:right;}

.xmt-list .dt1{background:url(../images/foot-hd-gw.png)/*tpa=http://www.hnu.edu.cn/images/foot-hd-gw.png*/ no-repeat 5px center;transition:1s;}
.xmt-list .dt1:hover{ background:url(../images/foot-hd-gw-on.png)/*tpa=http://www.hnu.edu.cn/images/foot-hd-gw-on.png*/ no-repeat 5px center;transition:1s;}

.xmt-list .dt2{background:url(../images/foot-hd-wx.png)/*tpa=http://www.hnu.edu.cn/images/foot-hd-wx.png*/ no-repeat center center;transition:1s;}
.xmt-list .dt2:hover{ background:url(../images/foot-hd-wx-on.png)/*tpa=http://www.hnu.edu.cn/images/foot-hd-wx-on.png*/ no-repeat center center;transition:1s;}

.xmt-list .dt3{background:url(../images/foot-hd-wb.png)/*tpa=http://www.hnu.edu.cn/images/foot-hd-wb.png*/ no-repeat 90% center;transition:1s;}
.xmt-list .dt3:hover{ background:url(../images/foot-hd-wb-on.png)/*tpa=http://www.hnu.edu.cn/images/foot-hd-wb-on.png*/ no-repeat 90% center;transition:1s;}

.xmt-list-erw1{ position:absolute; top:-100px; left:-20px; height:100px; width:100px;display:none;}
.xmt-list-erw2{ position:absolute; top:-100px; left:0; height:100px; width:100px;display:none;}
/*--常用链接结束--*/


/*foot-star*/
.footer{padding:10px 0; background-color:#313131;}
.appfoot {
    text-align: center;
    color: #ffffff;
}
.foot-box{ position:relative; min-height:50px;}
.footer .foot-left{width:20%; height:50px; position:absolute; top:50%; margin-top:-36px;}
.footer .foot-left img{ width:100%; margin-top:2%;transition:0.5s;}
.footer .foot-left img:hover{ width:100%; margin-top:2%; padding-left:5px; transition:0.5s;}

.footer .foot-right{ width:77.5%; color:#999999;font-size:12px; line-height:22px;}
.footer .foot-right p a{ color:#999999}
.footer .foot-right p a:hover{ color: #FFFF00;transition:0.5s;}
.footer .foot-right span{padding:0 5px; display:inline-block;font-size:12px;}
/*foot-end*/