/*科目：网页设计*/
	
	
	
	*{margin:0px; padding:0px;}
	
	html,body{
		width: 100%; 
		font-family: "微软雅黑"; 
		color: #333;
		scroll-behavior:smooth; 
		}
	.clear{ /*清除浮动*/
		clear:both
		} 

	/*顶部部分 */	
	#top .head{
		width:1200px; 
		height:30px;
		margin: 0 auto;
		}

	#header{
		width:1200px; 
		height:130px;
		margin: 0 auto;
		}
	#header .logo{
		width:538px; 
		height:70px; 
		float:left ;
		padding-top: 30px;
		padding-left: 20px;
		}
	#header .search{
		padding-top:20px;
		width:200px; 
		height:80px; 
		float: right;
		}
	#header .search .top {
		width:200px; 
		height:30px; 
		font-family: "微软雅黑";
		line-height: 30px;
		text-align:center;
		font-size: 14px;
		}
	#header .search .top a {
		color:white;letter-spacing:2px;
		text-decoration: none;
		padding: 0 4px;
		float: left;
		}	
	#header .search .top a:hover{
		color: #41BAFE;
		} 				
	#header .search .sea {
		width:170px; 
		height:35px;
		padding-top:5px;
		}/*相对定位*/
		
		
	#header .search .sea input.text{
		width:135px; 
		height:24px;
		color: #999;
		line-height: 24px;
		text-indent: 10px/*首行缩进*/;
		border: none;
		vertical-align: top;
		} 
  	
	

	
		
  	/*导航样式*/
  	#top .nav{
		width: 1200px;
		height: 52px;
		margin: 0 auto;
		}
  	#top .nav ul li{
		list-style-type: none;/*去掉圆点*/
		width: 170px;
		height: 49px;
		float: left;
  		line-height:49px;
		text-align:center;
		font-size: 17px;
		font-family: "微软雅黑";
		color: #fff;
		position: relative;
		border-top: 2px solid transparent;
		}
  	#top .nav  ul li a {
		color:white;
		letter-spacing:3px;
		text-decoration: none;
		}		
	#top .nav ul li .menu {
		width:170px;
		height:auto;/*下拉菜单长度*/
		border-top: 0px;
		position: absolute;background:#0066cc;
		filter:alpha(opacity=80); 
		-moz-opacity:0.8; 
		-khtml-opacity: 0.8; 
		opacity: 0.8;
		left: 0px;top: 49px;
		display: none;
		z-index: 1;
		}	
	#top .nav ul li.menu2 {
		background-color: #12376e;
		border-top: 2px solid #FFCC99;
		}	
		
	/*你无法想象一个空格给我带来了多少麻烦	*/	

	
  	#top .nav ul li p{
		border-bottom: 1px solid #CCCCCC;
		line-height:60px;
		}
  		
  	#top .nav  ul li p a {
		display: block;
        font-size: 14px;
		color: #fff; 
		text-align: center;
        background: #0066cc;
		}
    
   #top .nav  ul li p a:hover{
		background-color: rgba(255,255,255,.7);
		text-decoration: underline;/*加下换线*/
        /*filter:alpha(opacity= 80) \8;*/
		color: #111;}
		
			/*顶部部分结束 */
			
			
			
			
   #banner{
		background-size:100% 100%; 
		width: 100%;
		height: 300px;
		background-image: url(../images/banner.jpg);
		background-repeat: no-repeat;
		background-position: center center;
		}
		
					
					
					
		/*内容部分 */
	#mainbody{
		width: 1200px;
		height: auto;
		background: #FFF;
		margin-top: 0;
		margin-right: auto;
		margin-bottom: 0;
		margin-left: auto;

		
			}
	#mainbodywz{
		width: 1200px;
		margin: 0 auto;
		background:#FFF;
		z-index: 99;
		padding-top: 20px;
		}
		
	/*中部框架 侧标题和内容*/

	#content{
		position: relative;
		background: #FFF;
		width: 1200px;
		height:480px;
		margin: 0 auto;
		padding-top: 20px;
		}
	
 
	#content .cebiaoti{
		opacity: 0.9;
		position: absolute;
		width: 18%;
		text-align: center;
		float: left;
		top: -65px;
		background-color: #FFF;
		z-index: 9;
		margin-top: 0;
		margin-right: auto;
		margin-bottom: 0;
		margin-left: auto;
		
		}
	#content .cebiaoti p{
		
		border:none;
		display: block;
		color: #FFF;
		font-size: 20px;
		letter-spacing:1px;
		background: #0069BA;
		padding-top:20px;
		padding-bottom:20px;
		z-index:10;
		
	}
	#content .fubiaoti {
		margin: 0 auto;
		list-style-type: none;
		font-size: 16px;
		letter-spacing: 1px;
		line-height: 50px;
		/*border:1px solid #CCC;*/
		
		}	
		
	#content .fubiaoti ul{
		margin: 0 auto;
		list-style-type: none;
		color: black;
		
		}	
		
	#content .fubiaoti a {
		display: block;
		color: black;
		text-decoration: none;
		
		}
	#content .fubiaoti a span{
		margin: 0 auto;
		padding:8px;
		border-bottom:1px solid #CCC;
		}
		
	#content .fubiaoti .xyjs{/*学院介绍侧边栏*/
		padding:5px;
		display: block;
		font-size: 17px;
		text-decoration: none;
		color:#0066FF;
		border-left:15px solid #0069BA;
		background: #EDEDED;
		}
		
			
	#content .fubiaoti a span:hover{
		padding:5px;
		display: block;
		font-size: 16px;
		text-decoration: none;
		color:#0066FF;
		border-left:15px solid #0069BA;
		background: #EDEDED;
		}
		
		
	#content .wenbenkuang{ /*内容文本框*/
		width: 78%;
		margin: 0 auto;
		float: right;
		}
		
		
	#content .zhubiaoti {
		height:45px;
		}	
			
	#content .zbiaoti {
		height: 30px;
		float: left;
		font-size: 20px;
		font-weight:  bold;
		letter-spacing: 2px;
		line-height: 30px;

		}
	#content .dqwz {
		float: right;
		margin-right: 20px;
		margin-top: 10px;
		height: 30px;
		width: 280px;
		font-size: 12px;
		}
	#content .dqwz a {
		color: black;
		text-decoration: none;
		}	
	#content .dqwz a:hover{
		color: #0066cc;
		} 
	 
	#content .xiahuaxian {
		background-color: #06F;
		height: 3px;
		width: 10%;
		float:left;
		}
		
    #content .xiahuaxian1 {
		background-color: #EDEDED;
		margin-top:1PX;
		height: 1px;
		width: 90%;
		float: right;
		}
	

/*--学校概况--*/
	
	#content .article{
		width:100%;
		height: 330px;
		line-height: 35px;
		}

	 
	#content .article p{
		margin: 10px;
		color: black;
		font-size: 15px;
		text-indent: 35px;
		letter-spacing: 1px;
			
		}
	
	#content .article span{
		font-family: arial;
		color: black;
		margin-right: 10px;
		font-size: 14px;
		letter-spacing:1px;
		float:right;
	}


	/*校园风景*/
	
	#content .article li
		{
		height:350px;
		float: left;
		margin-left: 10px;
		margin-right: 20px;
		overflow: hidden;
		border:2px dashed #F5F5F5;
		}
	#content .article ul p
		{
		margin-top: -2px;
		font-size: 14px;
		font-weight:700;
		text-align:center;
		border:none;
		}
	#content .article table{
		font-size: 15px;
		margin: 0 auto;
		border-bottom:1px  dotted #999;
		
		}

	#content .article .name{
		font-size: 18px;
		font-weight: bold;
		}
	   

	/*历史沿革*/	
	#content .history{
		width:100%;
		height: 330px;
		line-height: 35px;
		
		}
	

	#content .history table{
		width:100%;
	    text-align:left;
		font-size: 14px;
		
	   
	}
	
	#content .history td{
		margin: 0 auto;	
		padding-left: 20px;
		padding-top: 5px;
		padding-bottom: 5px;
	
		   }
	#content .history tr:nth-child(2n)
		{
		color:#000000;
		background-color:#EDEDED;
		}




/*--学科建设：专业介绍--*/
		
	#content .xkjs li
		{
		display:block;	
		border-radius:20px;
		height:60px;
		width:150px;
		float:left;
		margin: 20px;
		margin-top: 40px;
		font-size:18px;
		background:#EDEDED;
		line-height:60px;
		text-align:center;
		list-style-type: none;
		border:2px solid #EDEDED;
		}
	#content .xkjs a
		{
		color: #0E6CB7;
		text-decoration: none;
		}
			
	#content .xkjs a:hover
		{
		color:#FFF;
		
		}
	#content .xkjs li:hover
		{
		color:#FFF;
		background:#0069BA;
		
		}


/*--学科建设：海洋科学介绍--*/
	#content .hykx{
		margin-top:20px;
		width:100%;
		
		line-height: 35px;
		
		}
	#content .hykx h1 {
		text-align: center;
		font-size: 18px;
		}
	#content .hykx .ifo {
		text-align: center;
		font-size: 14px;
		margin:5px;
		}
	#content .hykx p {
	text-indent: 20px;
		}



/*--学院动态--*/
	#content .xydt{
		margin-top:10px;
		width:100%;
		height: 330px;
		}
		
	#content .xydt ul
		{	
		list-style-image: url('../images/article.gif')
		
		}
		
	#content .xydt li
		{
		color:#000;
		height:25px;
		margin: 20px;
		line-height:25px;
		border-bottom: 1px dashed #ccc;
		
		}
		
	#content .xydt span{
		display:block;
		font-size:13px; 
		float:right;
		}
			
	#content .xydt a{
		text-decoration: none;
		color:#000;
		}	
		
	#content .xydt a:hover
		{
		color:#F90;
		
		}
	#content .xydt li:hover
		{
		background:#F0F0F0;
		
		}

/*--通知公告--*/
	#content .tzbg{
		margin-top:20px;
		width:100%;
		
		line-height: 35px;
		
		}
	#content .tzbg h1 {
		text-align: center;
		font-size: 18px;
		}
	#content .tzbg .ifo {
		text-align: center;
		font-size: 14px;
		margin:5px;
		}
	#content .tzbg p {
		margin:5px;
		text-indent: 50px;
		}
			
	#content .tzbg .dihuaxian{
		
		border-bottom:1px solid #ededed;
		margin-bottom:50px;
		margin-right:30px;
		}
			
	#content .tzbg .date{
		margin-bottom:50px;
		text-indent: 500px;
		}
	#content .tzbg .next{
		text-indent: 50px;
		}
		
	#content .tzbg .next ul{	
		list-style-type: none;
		margin-right:50px;
		
		}
	#content .tzbg .next a{
		text-decoration: none;
		color:#000;
		}	
		
	#content .tzbg .next a:hover
		{
		color:#F90;
		}
	
	#content .dihuaxiantop
		{
		border-bottom:1px solid #ededed;
		margin-bottom:10px;
		margin-right:30px;
		}
	/*网上查询*/	
	#content .wscx{
		width:100%;
		height: 330px;
		line-height: 35px;
		
		}
	

	#content .wscx table{
		margin: 0 auto;
		width:80%;
		font-size: 14px;
		border:1px  dotted gray;
		margin-top: 40px;
		
		
	   
	}
	#content .wscx th{
		text-align:left;
		font-size: 16px;
		font-weight:bold;
		color:#FFFFFF;
		background-color:#0E89B1;
		padding-left: 20px;
		}
		
	#content .wscx td{
		height:50px;
		line-height:50px;
		margin: 0 auto;
		text-align:center;
		padding-left: 20px;
		padding-top: 5px;
		padding-bottom: 5px;

	   }
	 #content .wscx a{
		text-decoration: none;
		color:#000;
		}	
	#content .wscx td:hover
		{
		background:#e5e5e5;
		}	
	#content .wscx a:hover
		{
		color:#F90;
		}
	

/*联系我们*/	
	#content .baidumap{
		height:300px;
		margin-top:30px;
		}
	#content .lxwm{
		line-height: 40px;
		margin-top:30px;
		}
		
	#content .lxwm li{
		list-style-type: square;
		}
	#content .lxwm p{
			color:#163B49;
		margin-left: 20px;
		font-size: 14px;
		}	
		
	#content .lxwm .clxq
		{
		
		width: 33%;
		float: left;
		margin-top:30px;
		margin-right: 50px;
		}
	#content .lxwm .qhdxq
		{
		float: left;
		margin-top:30px;
		}
		
		
/*--留言信息--*/				
	#content .zxly{
		width:100%;
		height: 350px;
		}
	#content .zxly .liuyan {
		width:100%;
		margin:0 auto;
		font: 12px;
		color: #666;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border:1px solid #DDDDDD;
		padding-bottom:20px;
		}
		
		
	#content .zxly .liuyan h1 {
		
		font-size: 20px;
		padding:20px;
		display: block;
		color: #FFF;
		background:#1978C1;
		text-shadow: 1px 1px 1px #949494;
		border-bottom:1px solid #80A24A;

		}
	#content .zxly .liuyan h1>span {
		padding-top:12px;
		display: block;
		font-size: 11px;
		color: #FFF;
		}

	#content .zxly .liuyan label {
		width:80%;
		padding-left:30px;
		display: block;
		margin: 0px 0px 5px;
		}
	#content .zxly .liuyan label>span {
		float: left;
		margin-top: 10px;
		color: #5E5E5E;
		}
	#content .zxly .liuyan input[type="text"], #content .zxly .liuyan input[type="email"], #content .zxly .liuyan textarea, #content .zxly .liuyan select {
		color: #555;
		height: 30px;
		line-height:15px;
		width: 100%;
		padding: 0px 0px 0px 10px;
		margin-top: 5px;
		border: 1px solid #E5E5E5;
		background: #FBFBFB;
		outline: 0;
		-webkit-box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2);
		box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2);
		font-size: 12px;
		}
	#content .zxly .liuyan textarea{
		height:100px;
		padding-top: 10px;
		}
	#content .zxly .liuyan select {
		-moz-appearance: none;
		text-indent: 0.01px;
		text-overflow: '';
		width:100%;
		height:30px;
		}
	#content .zxly .liuyan .butto {
		width:180px;
		margin-left:300px;
		text-align:center;
		background-color:#1978C1;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-border-radius: 5px;
		border: none;
		padding: 10px 25px 10px 25px;
		color: #FFF;
		text-shadow: 1px 1px 1px #949494;
		}
		
	#content .zxly .liuyan .butto:hover {
		background-color:#41BAFE;
		}	

/*--底部框架 快速连接和版权信息--*/		
	#bottom .cylj{
		width:1200px; 
		height:30px;
		margin: 0 auto;
		color: white;
		font-size: 14px;
		}
		
		
	#bottom .cylj span{
		margin: 0 auto;
		margin-right:5px;
		margin-top: 3px;
		color: white;
		font-size: 16px;
		height:30px;
		line-height:30px;
		float:left;
		}
			
	#bottom .cylj p{
		margin: 0 auto;
		margin-right:40px; 
		margin-top: 3px;
		color: white;
		height:30px;
		line-height:35px;
		font-size: 12px;
		float:left;
		}
		
	#bottom .cylj  a{
		text-decoration: none;
		width: 80px;
		height:30px;
		line-height:30px;
		margin: 0 auto;
		color:#FFF; 
		font-size:14px; 
		text-align: center;
		/*margin-right:50px; */
		margin-top: 3px;
		float:left;
		}
		
	#bottom .cylj  a:hover{ 
		color: #41BAFE;
		}
		
	#bottom .footer{
		width:1200px; 
		height:110px;
		margin: 0 auto;

		}	
	#bottom .banquan{
		width:50%; 
		height:110px;
		float: left;
		margin-top: 10px;

		}	
		
	#bottom .banquan ul li{
		margin-top: 20px;
		list-style-type:none;
		width:700px; 
		font-size: 13px;
		line-height: 12px;
		color: white; 
		margin-left: 5px;
		}
	#bottom .fright{
		padding-top: 40px;
		margin-right: 180px;
		float: right;
	
		}
	#bottom .weixin {
        list-style-type: none;
        position: relative;
        margin-right: 30px;
		width: 30px;
		height: 30px;
		float: left;
        }
 	#bottom .weixin img{
 		width: 36px;
		height: 36px;
			}
    #bottom .weixin .qrcode {
            position: absolute;
            z-index: 99;
            top: -95px;
            right: -40px;
            width: 90px;
            height: 85px;
            opacity: 0;
 			}
 
     #bottom .weixin:hover .qrcode {
            opacity: 1;
        }