@charset "utf-8";

/* CSS Document */



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b,u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,caption,tfoot, thead,th,button{margin: 0px; padding: 0px; border: 0px none; outline: 0px none; font-size: 100%; vertical-align:baseline;background: none repeat scroll 0% 0% transparent;}

ol,ul,li{list-style:none;}





body{font-size:14px;   font-family:"Microsoft YaHei","微软雅黑","宋体";

	min-width:1200px;

 }

input{font-family:Arial,"Microsoft YaHei","微软雅黑","宋体";}

textarea{font-family:Arial,"Microsoft YaHei","微软雅黑","宋体";}

.clear{clear:both; height:0px; margin:0; padding:0; width:0; border:none; overflow:hidden;}



body, div, p,img,dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote {

	padding:0px;

	margin:0px;

}

.FontRed{

	color:#FF0000;}

h3{

	font-size:14px;}



li{

	list-style-type:none;}



img{border:0; 

	}

.gray{

	color:#666666;}

a{color:#333333;text-decoration:none;}

a:hover {text-decoration:none;color:#115cad;}

a:active{text-decoration:none;}



.LineLink a{text-decoration:none;}

.LineLink a:hover {text-decoration:none;color:#07528B;}



.ColorLink a {color:#07528B;}

.ColorLink a:hover {color:#07528B;}



.WidthTab{

	width:10px;

	height:1px;

	float:left;}

.WidthTab2{

	width:20px;

	height:1px;

	float:left;}	

.HeightTab{

	height:10px;

	width:1px;

	overflow:hidden;}



.HeightTab2{

	height:20px;

	width:1px;

	overflow:hidden;}



p{

	line-height:180%;}



.ListDate{

	color:#666666;

	 }

body{

	min-width:1240px;

	background:url("common_res/index1.jpg") no-repeat center 0px;

	}



.floatL{float:left}

.floatR{float:right}

.alignL{text-align: left;}

.alignR{text-align: right;}





.doc{

	width:100%;

	height:36px;

	color:#383838;

	border-top: 2px solid #0c7fc3;

	font-size:14px;

	background:url("common_res/top_bgx.png") repeat-x center 0px;

	}

.welcome{

	float:left;

	line-height:36px;

	color:#383838;}

.tem_top_nav{

	float:right;

	line-height:36px;

	color:#383838;}	

.tem_top_nav li{

	line-height:36px;}



.hd{

	width:1240px;

	margin:auto;}





 #head{

	width:100%;

	}



 #head .top{

	width:100%;

	font-size:12px;

	}	

	

 #head .top .TopLogo{

	margin:auto;

	width:1240px;

	padding-top:0px;

	height:160px;

	}

 #head .top .TopLogo .logo{

	float:left;

	padding-top:30px;

	}

 #head .top .TopLogo .LogoTxt{

	 height:58px;

	 color:#666;

	 float:left;

	 font-size:16px;

	 padding-left:40px;

	 }



 #head .top .TopLogo .SearchTop{

	 float:right;

	 padding-top:50px;

	 padding-right:20px;}	

 #head .top .TopLogo .SearchTop p{

	 line-height:30px;

	 color:#666;}

 #head .top .TopLogo .SearchTop p a{

	 padding:0px 5px;

	 color:#666;}

 #head .top .TopLogo .TopWea{

	float:left;

	padding-left:20px;

	padding-top:40px;}

	 	

 #head .top .TopLogo .tel{

	float:left;

	 background:url(common_res/tel.gif) no-repeat 100px 15px;

	height:62px;

	padding-top:5px;

	padding-right:100px;} 

	

 #head .top .TopLogo .tel .telW{

	padding-left:155px;

	padding-top:0px;

	color:#666;

	font-size:14px;

	letter-spacing:10px;

	}	

 #head .top .TopLogo .tel .telN{

	padding-top:0px;

	padding-left:155px;

	font-family:Tahoma, Geneva, sans-serif;

	font-size:24px;

	color:#07528B;

	font-weight:normal;

	line-height:100%;}



/* navs*/

 #NavLink{

	width:100%;

	height:60px;

	margin:auto;

	z-index:100;

	background:#115cad;

	}

 #NavLink #NavBG{

	height:60px;

	width:1240px;

	z-index:100;

	margin:auto;

	padding:0px 0px;}	



 #NavLink #NavSearch{

	 float:right;

	 width:222px;

	 }

		

 #NavLink #sddm{

	position:absolute;

	width:1240px;

	margin:auto;

	z-index:30}



 #NavLink #sddm li{

	float: left;

	font-weight:normal;

	}

 #NavLink #sddm .CurrentLi a{

/*	 background:#07528B;*/

	color:#FFF;

	border-left:none;

	

	}

 
 #NavLink #sddm li a{

/*	 background:url(common_res/123.jpg) no-repeat 0px center;*/

	display: block; position: relative; font-size: 16px; color: #FFF; line-height: 60px; height: 60px; overflow: hidden;text-align:center;padding: 0 32px;

	-moz-border-radius: 5px; /* Firefox */

	-webkit-border-radius: 5px; /* Safari 和 Chrome */

	border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */

	}







 #NavLink #sddm li a:Hover{

	 text-decoration:none;

	 color:#FFF;}

 #NavLink #sddm li > a abbr { position: absolute; top: -60px; background: #07528B;color:#FFF; width: 100%; display: block; transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }

 #NavLink #sddm li > a span { position: relative; top: 0; display: block; transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }



 #NavLink #sddm div

{	position: absolute;

	visibility: hidden;

	padding:0px 0px;

	top:60px;

	}

 #NavLink #sddm .CurrentLi div a{

		background:none;

		background:#07528B;

	 }

 #NavLink #sddm div a

	{border:None;

	position: relative;

		padding: 0px 30px;


		text-align: center;

		background:none;

		background:#115cad;

		color: #FFFFFF;

		font-size:14px;

		font-weight:normal;

		text-decoration:none;

		line-height:42px;

		height:42px;

		border-top:1px solid #115cad;

		

	-moz-border-radius: 0px; /* Firefox */

	-webkit-border-radius: 0px; /* Safari 和 Chrome */

	border-radius: 0px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */

		}

 #NavLink #sddm .NavIcon1 div a, #NavLink #sddm .NavIcon2 div a, #NavLink #sddm .NavIcon3 div a, #NavLink #sddm .NavIcon4 div a, #NavLink #sddm .NavIcon5 div a, #NavLink #sddm .NavIcon6 div a, #NavLink #sddm .NavIcon7 div a, #NavLink #sddm .NavIcon8 div a{

		background:#115cad;

		}



 #NavLink #sddm div a:hover{

	background:#196197;

	color:#fff;

	-moz-border-radius: 0px; /* Firefox */

	-webkit-border-radius: 0px; /* Safari 和 Chrome */

	border-radius: 0px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */

	}
	
	
	
	
	 #NavLink #sddm li a:hover{

	background:#216cbd;

	color:#fff;

	

	-moz-border-radius: 0px; /* Firefox */

	-webkit-border-radius: 0px; /* Safari 和 Chrome */

	border-radius: 0px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */

	}
	
	
	

#NavInfoBG{

	background:url(common_res/NavInfo_bgx.png) repeat-x 0px 0px;

	height:31px;

	width:100%;

	margin:auto;}



#NavInfo{

	width:1240px;

	margin:auto;

	line-height:31px;

	font-size:12px;

	color:#333;}

.NavInfoLeft{

	float:left;

	padding-left:10px;

	height:31px;

	overflow:Hidden;}

.NavInfoRight{

	float:right;

	padding-right:10px;

	}



.NavInfoLeft  ul{}

/*系统支持ie8就选line-height:16px;，但不支持opera 否则选line-height:20px;*/

.NavInfoLeft  ul li a{font-size:12px; line-height:31px;

}

.NavInfoLeft  ul li span{

	color:#999;

	font-size:12px;

	padding-left:10px;}

.NavInfoLeft .ScrollTitle{

	width:80px;

	float:left;

	line-height:31px;

	padding-left:30px;

	color:#333;

	font-size:12px;

	font-weight:bold;

	background:url("common_res/Voice_icon.png") no-repeat 10px center;

	}

.NavInfoLeft .ScrollTitle a{

	color:#333}	

.NavInfoLeft #marqueebox{

	width:600px;

	float:left;}	







#body{

	width:1240px;

	margin:auto;



	}

#body .BodyInner{

	

	}



  .albumblock2{

	float:left;

	width:185px;

	height:200px;

	padding:10px 7px 20px 23px;

	}

  .albumblock3{

	padding:4px 0px 10px 0px;

	}

  .albumblock2 a:hover{

	  text-decoration:none;}





  .boxgrid h3{  font-weight: bold; color:#FFF;padding:0px 10px;text-align:center;font-size:14px;width:163px;}

  .boxgrid h3 a{

	color:#FFFFFF;text-align:center;}





 .boxgrid{ 

				width: 183px; 

				height: 198px; 

				border: solid 1px #EFEFEF; 

				overflow: hidden; 

				position: relative; 

			}

 .boxgrid img{ 

					position: absolute; 

					top: 10px; 

					left: 10px; 

					border: 0; 

					width:165px;

					height:165px;

					

				}

 .boxgrid a{

	 text-align:center;}

 .boxgrid p{

	position:absolute;

	bottom:0px;

	text-align:center;

	width:185px;

	}

									

 .boxgrid .cover{

	position:relative;

	top:200px;

	height:200px;

	width: 183px; 

	}			

 .boxcaption{ 

				position: absolute; 

				background: url(common_res/album_bg.png) repeat 0px 0px;

				height:200px;

				width: 183px; 

/*				opacity: .7; 

				 

				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);

				 

				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; */

				color:#FFF;

 			}

 .captionfull .boxcaption {

 					top: 200;

 					left: 0;

 				}

 .caption .boxcaption {

 					top: 200;

 					left: 0;

 				}

 .caption .boxcaption a{

	color:#FFF;

	}

 .caption .boxcaption .Des{

	line-height:200%;

	padding:10px 10px;

	width:163px;}

 .caption .boxcaption .Des a{

	 color:#CCC;}



/* SearchBar */



.SearchBar {

	width:375px;

	height:48px;

	background:url("common_res/search_bg.png") no-repeat left top;

	border:1px solid #DEDEDE;

	-moz-border-radius: 5px; /* Firefox */

	-webkit-border-radius: 5px; /* Safari 和 Chrome */

	border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */	}



.Sbox .SearchBar{

	margin:10px 0px 0px 10px;}



.SearchBar #search-keyword {

	width: 286px;

	padding:0px 5px;

 	margin:0px;

	color:#999;

	height:46px;

	line-height:46px;

	font-size:16px;

	background:none;

	border:none;

	padding-left:15px;}



.SearchBar #search-submit {

	border:none;

	background:none;

	font-size:12px;

	color: #FFFFFF;

	height:48px;

	margin:0px;	

	cursor:pointer;

	padding:0px;

	line-height:48px;

	width:65px;

}



#dark_footer .box_240px_left {

	width:150px;

	padding-left: 20px;

	padding-top: 0px;

	background-image: none;

	padding-bottom:0px;

	float:left;

}

#dark_footer .box_240px_left h2{

	font-size:16px;

	color:#FFF;

	padding-bottom:10px;

	font-weight:normal;

	text-align:left;}

#dark_footer .box_240px_left h2 a{

	color:#F5F5F5;}

#dark_footer .box_240px_left li{

	line-height:280%;

	font-size:14px;}

#dark_footer .box_240px_middle {

	padding: 0px 42px;

	background-image: none;

}

#dark_footer .box_240px_right {

	width:200px;

	padding-left: 50px;

	padding-right:0px;

	background-image: none;

	float:left;

	border-right:1px solid #aa0202;

	min-height:200px;

	color:#ccc;

}



#dark_footer_wrap {

	overflow: hidden;

	padding:10px 0px 0px 0px;

	background:#07528B;

	border-top:1px solid #E5E5E5;

}

#dark_footer {

	width: 1240px;

	margin: 0 auto;

	padding-top: 20px;

	padding-bottom: 20px;

	overflow: hidden;

}

#light_footer_wrapper {

	font-size:12px;

 

	

}

.box_240px_right li {

	display: inline;

}

#dark_footer li a{

	color:#FFF;}

#dark_footer li a:hover{

	color:#E5E5E5;}





.foot{ width:100%; padding:20px 0px;

		background:#115cad;

}

.foot_text{ width:1240px; margin:auto;line-height:30px; color:#FFF;text-align:left;}

.foot_text p{ font-size:14px; color:#FFF;line-height:30px; }

.foot_text p a{color:#FFF;padding: 0 6px;}

.foot .BotLeft{

	float:left;}

.foot .BotPic{

	text-align:center;

	width:284px;

	float:right;

	}

.foot .BotPic a{

	display:block;

	float:left;

	width:120px;

	height:80px;

	margin:10px 10px;

	line-height:80px;

    text-align:center;

   }

.foot .BotPic img{

	width:110px;

	height:80px;

	}











/*service*/

.qqbox a:link {

	color: #000;

	text-decoration: none;

}

.qqbox a:visited {

	color: #000;

	text-decoration: none;

}

.qqbox a:hover {

	color: #f80000;

	text-decoration: underline;

}

.qqbox a:active {

	color: #f80000;

	text-decoration: underline;

}

.qqbox {

	width:132px;

	height:auto;

	overflow:hidden;

	position:absolute;

	right:0;

	top:200px;

	color:#000000;

	font-size:12px;

	letter-spacing:0px;

	z-index:500;

}

.qqlv {

	width:33px;

	height:256px;

	overflow:hidden;

	position:relative;

	float:right;

	z-index:50px;

}

.qqkf {

	width:120px;

	height:auto;

	overflow:hidden;

	right:0;

	top:0;

	z-index:99px;

	border:6px solid #cc0000;

	background:#fff;

}

.qqkfbt {

	width:118px;

	height:20px;

	overflow:hidden;

	background:#cc0000;

	line-height:20px;

	font-weight:bold;

	color:#fff;

	position:relative;

	border:1px solid #fff;

	cursor:pointer;

	text-align:center;

}

.qqkfhm {

	width:112px;

	height:22px;

	overflow:hidden;

	line-height:22px;

	padding-right:8px;

	position:relative;

	margin:3px 0;

}

.bgdh {

	width:102px;

	padding-left:10px;

}

#K1 {

	padding-left:3px;

}

#K1 p{

	padding:5px 0px;}	









/*PetTop css*/

.PetTop{position:fixed; right:0; margin-right:10px; bottom:20px; padding-bottom:20px; background:url(common_res/r_b.png) 0px bottom no-repeat; z-index:999; }

.PetTop .btn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}

.PetTop .btn-qq{background:url(common_res/r_qq.png) 0px 0px no-repeat; background-color:#6da9de;}

.PetTop .btn-qq:hover{background-color:#488bc7;}

.PetTop a.btn-qq,.PetTop a.btn-qq:visited{background:url(common_res/r_qq.png) 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;}

.PetTop .btn-wx{background:url(common_res/r_wx.png) 0px 0px no-repeat; background-color:#78c340;}

.PetTop .btn-wx:hover{background-color:#58a81c;}

.PetTop .btn-wx .pic{position:absolute; left:-160px; top:-74px; display:none;width:160px;height:160px;}

.PetTop .btn-phone{background:url(common_res/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;}

.PetTop .btn-phone:hover{background-color:#ff811b;}

.PetTop .btn-phone .phone{position:absolute; left:-160px; top:-74px; display:none;width:160px;height:160px;}

.PetTop .btn-top{background:url(common_res/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}

.PetTop .btn-top:hover{background-color:#444;}



.BotBar {

	width:100%;

	height:40px;

	background:url(common_res/bot_bgx.png) 0px 0px repeat;

	position:fixed;

	z-index:100;

	bottom:0;

	padding:10px 0px;}

.BotBar a{

	display:block;

	width:100px;

	border-radius:20px;

	background:#FFF;

	text-align:center;

	font-size:20px;

	font-weight:bold;

	margin:auto;

	line-height:40px;

	padding:0px 20px;

	color:#940000;}

.BotBar a:hover{

	color:#000;

	background:#FBB01F;

	text-decoration:none;}





/* clearfix */

.clearfix:after{

	content:" ";

	display:block;

	visibility:hidden;

	height:0;

	clear:both;

}

.clearfix {

	clear:both;

}

.clearbox {

	clear:both; 

	width:996px; 

	margin:0 auto; 

	height:0; 

	overflow:hidden;}

.clear { 

	height:1%; 

	overflow:hidden; }


.shebei {
    position: relative;
}


.show {
    width: 1240px;
    height: 200px;
    overflow: hidden;
    float: right;
    margin: 10px 5px 0 0;
    _margin: 10px 2px 0 0;
}

.show-box {
    width: 725px;
    float: left;
    height: 400px;
    background: url(http://zcysys.hnnu.edu.cn/skin/images/show_bg.jpg) repeat-x;
    float: left;
}
.show-t {
    width: 990px;
    height: 33px;
    background: url(http://zcysys.hnnu.edu.cn/skin/images/show_t.jpg) no-repeat;
}