@charset "utf-8";
body{margin:0px auto;padding:0px;border:0px;font-family:"微软雅黑"; font-size:14px;-webkit-font-smoothing:antialiased;font-smoothing:antialiased; min-width:1200px;}
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; margin:0 auto;}
.w50{width:50%;}

/*--顶部开始--*/
.header{ width:100%; height:140px; background: rgba(0, 0, 0, 0.27); position:absolute; top:0; left:0; z-index:99;}
.header-top{margin:0 auto; height:90px;}
.logo{width:502px;-webkit-animation: logo 0.8s;animation: logo 0.8s; }
.logo a { display:inline; float:left; }
.logo span {line-height:70px;font-size:40px;margin:0 20px;color:#fff;letter-spacing:10px; float:right; }
.logo img { width:auto;height:90px;}

.head-right{ margin:20px 8px 0 0; height:30px; line-height:30px;-webkit-animation:top_jy 1s;animation:top_jy 1s;}
.head-en{ font-family:Arial; font-size:12px;}
.head-en a{color:#fff;}
.head-en a:hover{color:#e98235;}
.head-search-img{width:20px; height:20px; margin:5px 14px 0 15px;cursor:pointer;}
.head-right .search{width:200px; height:30px;line-height:30px;display:none;outline:none;}
.head-right .search-left{width:160px; height:20px; margin-top:4px;line-height:20px; border:none; background:#fff; color:#666; text-indent:10px; font-size:12px;outline:none;}
.head-right .search-right{width:20px; height:20px; margin:5px 14px 0 0;cursor:pointer;outline:none;}

.top_jy {height:30px; margin-right:25px; float:right; position: relative; z-index: 100;}
.top_jy span {background: url(../images/header-icon-bottom.jpg) no-repeat right 12px; height:30px; color:#fff; line-height:30px; padding-right:18px;font-size:12px;display: block; cursor: pointer;}
.jiaoyu {border: 1px solid rgb(204, 204, 204); left: 0px; top: 26px;height: 240px;display: none; position: absolute; z-index: 100;}
.jiaoyu a {color: rgb(0, 0, 0); line-height: 24px; padding-left: 10px; font-size: 12px; display: block;}
.jiaoyu a:hover {background: rgb(193, 52, 50); color: rgb(255, 255, 255);}

.jiaoyu { height: auto; padding: 18px 0;overflow: hidden;background: url(../images/header-icon-bottom.jpg) no-repeat right 0;top: 40px;overflow: inherit;}
.jiaoyu::after {content: "";display: block;clear: both;}
.jiaoyu-1 em{ display: block; position: absolute; width: 0;height: 0; border: 8px solid transparent;top: -16px; left: 200px;border-bottom: 8px solid #F2F2F2;}  
.jiaoyu-1 {width:500px; left:-160px;}
.jiaoyu-1 a { width: 49%;float: left; text-indent:20px; padding: 0;}
.jiaoyu-2 {width: 700px; left:-484px;}
.jiaoyu-2 em{display: block; position: absolute;width: 0;height: 0;border: 8px solid transparent; top: -16px; left: 520px;border-bottom: 8px solid #F2F2F2;}
.jiaoyu-2 a { width: 33%;float: left;text-indent:20px;padding: 0;}
/*--顶部结束--*/

/*nav-star*/
#nav-box{ height:50px;width:100%;}
.nav-box{margin:0 auto; position:relative; height:50px;}
#nav {height:50px; width:100%; padding:0;-webkit-animation: nav-box 1s;animation: nav-box 1s; display:block;}
#nav .mainlevel { list-style:none; float:left;width:100px; font-size:16px;}
#nav .mainlevel a {text-align: center;line-height: 50px; width:100%; display: block; height: 50px; color: #fff;}
#nav .mainlevel a:hover { color: #fff; background: #7d6f21 url(../images/nav-on-bg.jpg) repeat;}
.navhover{color: #fff; background:url(../images/nav-on-bg.jpg) 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.jpg) repeat;}
#nav .mainlevel ul li {width:100%;height:32px;font-size:14px;background: rgba(0, 0, 0, 0.27);margin-bottom:1px;}
#nav .mainlevel ul li a{color:#fff; font-size:14px; font-weight:normal; 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:100;}

.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;}

/*导航菜单-二级菜单*/
.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:920px;}
.fw-mt-right{width:240px;}
.fw-mt-bt{ height:24px; margin-bottom:42px;}
.cyfw-list{ width:100%;}
.cyfw-list dl{ float:left; width:80px; margin:10px 10px 0 0;}
.cyfw-list dt{height:52px; text-align:center; display:block;}
.cyfw-list dd{height:30px; line-height:30px; text-align:center; font-size:12px; color:#fff;}
.cyfw-list .dt1{background:url(../images/fuwu-img1.jpg) no-repeat center center;transition:1s;}
.cyfw-list .dt1:hover{ background:url(../images/fuwu-img1-on.jpg) no-repeat center center;transition:1s;}
.cyfw-list .dt2{background:url(../images/fuwu-img2.jpg) no-repeat center center;transition:1s;}
.cyfw-list .dt2:hover{ background:url(../images/fuwu-img2-on.jpg) no-repeat center center;transition:1s;}
.cyfw-list .dt3{background:url(../images/fuwu-img3.jpg) no-repeat center center;transition:1s;}
.cyfw-list .dt3:hover{ background:url(../images/fuwu-img3-on.jpg) no-repeat center center;transition:1s;}
.cyfw-list .dt4{background:url(../images/fuwu-img4.jpg) no-repeat center center;transition:1s;}
.cyfw-list .dt4:hover{ background:url(../images/fuwu-img4-on.jpg) no-repeat center center;transition:1s;}
.cyfw-list .dt5{background:url(../images/fuwu-img5.jpg) no-repeat center center;transition:1s;}
.cyfw-list .dt5:hover{ background:url(../images/fuwu-img5-on.jpg) no-repeat center center;transition:1s;}
.cyfw-list .dt6{background:url(../images/fuwu-img6.jpg) no-repeat center center;transition:1s;}
.cyfw-list .dt6:hover{ background:url(../images/fuwu-img6-on.jpg) no-repeat center center;transition:1s;}
.cyfw-list .dt7{background:url(../images/fuwu-img7.jpg) no-repeat center center;transition:1s;}
.cyfw-list .dt7:hover{ background:url(../images/fuwu-img7-on.jpg) no-repeat center center;transition:1s;}
.cyfw-list .dt8{background:url(../images/fuwu-img8-1.jpg) no-repeat center center;transition:1s;}
.cyfw-list .dt8:hover{ background:url(../images/fuwu-img8-1-1.jpg) no-repeat center center;transition:1s;}
.cyfw-list .dt9{background:url(../images/fuwu-img9.jpg) no-repeat center center;transition:1s;}
.cyfw-list .dt9:hover{ background:url(../images/fuwu-img9-on.jpg) no-repeat center center;transition:1s;}
.cyfw-list .dt10{background:url(../images/fuwu-img10.jpg) no-repeat center center;transition:1s;}
.cyfw-list .dt10:hover{ background:url(../images/fuwu-img10-on.jpg) no-repeat center center;transition:1s;}

.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.jpg) no-repeat 5px center;transition:1s;}
.xmt-list .dt1:hover{ background:url(../images/foot-hd-gw-on.jpg) no-repeat 5px center;transition:1s;}

.xmt-list .dt2{background:url(../images/foot-hd-wx.jpg) no-repeat center center;transition:1s;}
.xmt-list .dt2:hover{ background:url(../images/foot-hd-wx-on.jpg) no-repeat center center;transition:1s;}

.xmt-list .dt3{background:url(../images/foot-hd-wb.jpg) no-repeat 90% center;transition:1s;}
.xmt-list .dt3:hover{ background:url(../images/foot-hd-wb-on.jpg) 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:40px 0; background-color:#666666;}
.footer-listbox{margin:0 auto;padding:0 0 0 80px;}
.footer-item{margin: 0 55px 0 0;text-align:center;}
.footer-item h5{font-size:16px;color: #cdcdcd; margin:0; font-weight:600;}
.foot-list{margin: 15px 0 0;}
.foot-list li{margin: 0 0 8px;}
.foot-list a{color: #bebcbc;}
.clearfix::after{
    content: "";
    display: block;
    clear: both;
}

.foot-box{ position:relative; min-height:50px; padding-top:20px;}
.footer .foot-left{width:158px; height:50px; margin-left:100px}
.foot-left2{border-left:2px solid #999;  margin-left:65px; padding-left:50px;}
.footer .foot-right{ color:#999999;font-size:16px; line-height:82px;}
.fan_top{margin:0 auto; width:70px;}

/*foot-end*/

.quanbu{display:none;}
.nav-box ul li { position:relative;}
.nav-box ul li:hover ul li ul {display: none!important;}
.nav-box ul li:hover ul li:hover ul {display:block!important; position:absolute; left:146px; top:0!important;}
.nav-box ul li:hover ul li:hover ul.left {left:-105px;}




.style-news-title { font-size:20px; text-indent:1em; border-bottom:2px solid #ffb71a; padding-bottom:1em; width:580px}
.news-title{
    width: 100%;
    padding:20px 0px;
    font-size:18px;
    border-bottom:2px solid #ae3636;
    margin-bottom:10px;
    text-indent:1.9em;;
    background:url(http://arch.hnu.edu.cn/dfiles/9840/images/xw.png) no-repeat center left;
    color:#666;}

.news-title2{font-size:18px;
             border-top:2px solid #ae3636;
             color:#666;
             padding:20px 0;             
             text-indent:2em;;
             background:url(http://arch.hnu.edu.cn/dfiles/9840/images/xw.png) no-repeat center left;
             }
.zxzt-text-right{
	     font-size:18px;
	     background:url(http://arch.hnu.edu.cn/dfiles/9840/images/xx.png) no-repeat center left;
	     text-indent:0.6em;
	     color:#600;
	     /* display:none; */
	     }



.character{margin:0 auto; position:relative; display:none;}
.character .box {
	position:relative;
	width:100%;
	height:390px!important;
	overflow:hidden;
}
.character .box ul {margin-left:-35px;}
.character .box ul li {
	width:250px;
	height:385px;
	float:left;
    margin-left:58px;
    box-shadow: 0px 0px 16px 4px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
  
}
.character .box ul li .pic {
	width:250px;
	height:210px;
	overflow:hidden;
}
.character .box ul li .pic:hover {opacity:.85}
.character .box ul li .pic img {width:100%;min-height:100%}
.character .box ul li .text {padding:20px  20px 0 20px;}
.character .box ul li .div{margin-bottom:60px;}
.character .box ul li .time{border-bottom:2px solid #6666664f; padding-bottom:3px; color:#999;}
.character .box ul li .time img{padding-left:110px;}
.character .box ul li .text a {color:#666; line-height:2.3em; font-size:13px;}
.character .box ul li .text a:hover {text-decoration:underline}
.character i {
	position:absolute;
	top:55%;
	margin-top:-31px;
	width:50px;
	height:62px;
	cursor:pointer;
}
.character i img {
	width:100%
}
.character i.prev {
	left:-55px
}
.character i.next {
	right:-68px
}
.top_jy{display:none;}
.Design_show{margin-top:70px;}
.Design_show .Design_show_tille{padding:20px 0; border-top:2px solid #ae3636; }
.Design_show .news-title3{
	float:left;
	font-size:18px;  
        background:url(http://arch.hnu.edu.cn/dfiles/9840/images/sjzs.png) no-repeat center left;
	text-indent:2em;
	margin-right:60px;
	 color:#666;
	 margin-top:8px;}
.Design_show .zaiyao{line-height:1.5em; color:#666;}
.design_img img{width:100%;}
.news-title5{
    padding:10px 0px;
    font-size:18px;
    border-bottom:2px solid #ae3636;
    margin-bottom:10px;
    text-indent:1.9em;;
    background:url(http://arch.hnu.edu.cn/dfiles/9840/images/xw.png) no-repeat center left;
    color:#666;}
.show-main-right{width: 850px;}
.left_img{ float: left;}
.left_img img{height:150px; }
.date{float:left;font-size:35px;padding:40px 0px 0px 30px;color:#bebcbc;}
.show-main-right ul{ min-height: 500px;}
.show-main-right ul li{border-bottom:2px solid #9f7e7e;padding-top:8px; min-height:158px;}
.show-main-right ul .date span{font-size:15px;line-height:20px;display:block;}
.show-main-right ul li .text {width:510px;float:right;padding-top:55px;}
.show-main-right ul li .text  a{font-size:15px;color:#000;}
.show-main-right ul li .text p{line-height:1.9em;margin-top:5px;}
.id_top1{border-top:2px solid #9f7e7e;}


.sub_nav ul {background:#efefef; padding:20px 5px; margin-bottom:20px;}
.sub_nav li  {display:inline-block;width:15%;background: #616060;text-align:center;margin:0 5px 0px;padding:1em 0px;}
.sub_nav li a{  color:#fff; font-weight:bold; }
.sub_nav li:hover  {  background:#600;}
.sub_nav li:hover a  { color:#fff;}

.a-sub-on  {font-weight:bold; color:#ff0000 !important;}
.li-sub-on li{background:#fff; }
.li-sub-on li a { color:#c11 !important;}


.grid-img li {display:block; width:18%; margin:2px;  padding:10px 5px;text-align:center; font-size:13px; line-height:1.5em; background:#f7f7f7; float:left; height:230px; overflow:hidden;}
.grid-img li img {width:130px; height:160px; margin-bottom:10px;}




.zxzt-left { float:left; margin-right:15px; }
.zxzt-right {   }

.zxzt-right ul {  }

.zxzt-right li{ float:left; padding:5px;   text-align:center; background:#660000eb;}
.zxzt-right li:hover{background:#c2282d;}
.zxzt-right li a { color:#fff; font-size:30px;     transition: 1s; }
.zxzt-right li:hover a {  }


.content-ld p  {
  
    text-indent: 2em;
    font-size: 16px;
    line-height: 1.8em;
    color: #666;
    font-family: "Microsoft YaHei";
}

.content-ld h3.title {
    width: 95%;
    line-height: 30px;
    padding: 10px 0;
    text-align: center;
    color: #585858;
    font-size: 30px;
    margin-bottom: 5px;
    }