@charset "utf-8";

#top {
    padding: 0;
    margin: 0 auto;
}
.top_wel {
   /**** float: left;position:absolute;top:80px;left:55px;z-index: 100**/
}
#top:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	margin: 0px;
	padding: 0px;
}
.top{
	margin:0 auto;background:rgb(113, 16, 50);    height: 120px;
}
.topWelcome{
	width: 1200px;
    
       height: auto;
   
    margin: 0 auto;position:relative;
   
}
.topmain {
    width: 100%;
    height: 75px;
  
}
 .logo {
   width: 464px;
    height: 94px;
    float: left;
    overflow: hidden;
    background: url(../images/logo.jpg) no-repeat;
    margin: 13px 0px;
}
.topWelcome .top_wer{
   width: 100px;
    margin-top: 33px;
    float: right;
    
    color: #333;
    text-align: right;
    }
.topWelcome a{
    color: #333;}

.icon{ width:100%; float:left}
.icon img{ width:16px; height:16px; float:left; margin-right:5px}

#banner{
    margin: 0;
    padding: 0px;
    width: 100%;
    margin:0 auto;
    height: 480px;
    overflow: hidden;
    position: relative;
   z-index: 1;
    background: url(icons/bg.jpg);

}
#banner img {
	 
}

.clear {
	clear: both;
}
.topmain2{width:1200px;margin: 0 auto;}
#banner .zinfo {
	width: 279px;
	height: 120px;
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 999;
	color: #fff;
	padding: 5px 8px 5px 13px;
	background: url(../images/topbanner.png) no-repeat;
}

#banner .zinfo .title {
	height: 30px;
	line-height: 30px;
	border-bottom: 2px solid #fff;
}

#banner .zinfo .title a {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

#banner .zinfo .zhaiyao {
	height: 85px;
	overflow: hidden;
}

#banner .zinfo .zhaiyao p {
	margin: 0;
	line-height: 21px;
	overflow: hidden;
	height: 85px;
}
#navigation {
    width: 620px;
    height: 52px;
	float:left;
      margin-top: 35px;
    position: relative;

    z-index: 9999999;
}

#navigation ul {
   
    display: block;
    margin: 0px auto;
       
}

#navigation ul li {
    float: left;
    margin: 0;
    padding: 0;
  
    text-align: left;
    position: relative;
    height: 60px;
     
  
        width:12.5%;
		position:relative
}


#navigation ul li:hover {
/****background: url(../images/nav_h.png) center no-repeat;**/
border-bottom: 1px solid #ff8800;
    background: #a92553;
    color: #ffffff;
}


#navigation ul  .first a{ 
	
}

#navigation ul  li  a:hover,#navigation ul  li :hover a{ 
	    
    color:#fff !important;
	text-decoration: none ;
}
#navigation ul li a {
  
height: 100%;
    font-size: 14px;
   

  
 
  width:100%;
    
    padding: 10px;
    display: block;
    text-decoration: none;
    text-align: left;
    color: #e0e0e0;    line-height: 40px;
    padding-top: 20px;
}

#navigation ul li:hover a,#navigation ul li.active a{
	
	text-decoration: none;
}

#navigation ul li ul {
	display:none;
    position: absolute;
    width: 100px;
    z-index: 1;
    list-style: none;
    top:100%;
    left: 0;
    padding: 0;
    height: auto;
    background: rgb(113, 16, 50);
    border-radius: 0px 0px 5px 5px;
}

#navigation ul li ul li {
    width: 80px;top:0;
   /** height: 35px;
    line-height: 35px;
**/
    text-align: center;
	border-top:none;
	background-image:none;
	margin:0; 
	height:auto;
	max-height:70px;
	overflow:hidden;
	padding:10px;    text-align: center;
    text-indent: 0rem;
	border-bottom:1px solid #fff !important
;
}
#navigation ul li ul li:hover{
    background: #a92553;}
#navigation ul li ul li a {
    
    text-overflow: clip;
    overflow: hidden;
   /** white-space: nowrap;
**/
	color:#fff;
	text-decoration:none;
	font-weight:normal;
	font-size:12px;
	height:auto;
	max-height:70px;
	overflow:hidden;
	line-height:22px;
	    padding: 0px !important;

	margin:0px auto;   /***border-bottom: 1px solid #e7e7e7;***/
text-align: center;
    vertical-align: middle;
}

#navigation ul li ul li a:hover {
	    background: #a92553;
    color: #ffffff;
}
#navigation ul li ul li ul{    
	
    top:0;
    left:100%;
}
#navigation ul li ul li ul li:hover{   }
#navigation ul li ul li ul li a {
	font-size: 12px;
	color: #ffffff;
}

.topDate{
    height: 42px;
    color: #000000;
    border-bottom: 1px solid #DBDBDB;
    width: 100%;
    margin-top: 5px;
    display:none;
	}
.topDate .DateT{
    width: 174px;
    float: left;
    color: #612401;
    padding-left: 50px;
    margin-left: 10px;
    line-height: 42px;}
.topWordsRoll {
	height: 32px;
	line-height: 32px;
	width: 700px;
	float:right;
	margin:10px 30px 0 0;
}

.topWordsRoll .icons {
	    float: left;
}

.topWordsRoll .list_top {
    width: 620px;
	overflow: hidden;
	float: left;
	margin-left:20px
}

.topWordsRoll .hot {
	height: 32px;
}

.topWordsRoll .hot ul {
	height: 32px;
	overflow: hidden;
}

.topWordsRoll .hot ul li {
	display: inline-block;
	float: left;
	margin-right: 15px;
	line-height: 32px;
	height: 32px;
}

.topWordsRoll .hot ul li a {
	display: inline-block;
	font-size: 12px;
	color:#612401;
}
	
.search{
	    text-align: right;
  position: relative;
  width:100%;
  float: left;
      margin-top: 10px;
   
   }
   .search form:after{
   content:"";
   display:block;
   clear:both;
   height:0;
   visibility:none;
   }
   
 .search input{
	padding:0px;
	border:none;
	outline:none;
	height:22px;
	padding:0px 0px;
	float:left;
	display:block!important;
	color:#fff;
	}
.slideBox .hd {
  
    display: none !important;
}
.xx {
	width:583px;
	height:100px;
    position: absolute;
    z-index: 10;
    display: none;
    top: 20px;
    left: 50%;
    margin-left: -570px;
}
 .search .keyword{
	text-indent:1em;color:#333;
	    width: 52px;
    line-height: 22px;
    height: 22px;}
.search .btn_search{
	width:22px;
	height:22px;display:none;
	
	cursor:pointer;
	background:url(../images/search.png) center no-repeat;
	background-color:#fff;
	    border: none;}	
.searchIcon1{background: url(../images/so.png) no-repeat;
	    width: 33px;
    height: 26px;
    display: block;
    
    position: absolute;
    right: 42px;}


#navigation ul li:nth-child(1)::before {
    content: 'about';
    margin: 0;
    padding: 0;
    position: absolute;
    /* height: 20px; */
    top: 11px;
    left: 10px;
    text-transform: capitalize;color:#e0e0e0
}
#navigation ul li:nth-child(2)::before {
    content: 'info';
    margin: 0;
    padding: 0;
    position: absolute;
    /* height: 20px; */
    top: 11px;
    left: 10px;
    text-transform: capitalize;color:#e0e0e0
}
#navigation ul li:nth-child(3)::before {
    content: 'course';
    margin: 0;
    padding: 0;
    position: absolute;
    /* height: 20px; */
    top: 11px;
    left: 10px;
    text-transform: capitalize;color:#e0e0e0
}
#navigation ul li:nth-child(4)::before {
    content: 'students';
    margin: 0;
    padding: 0;
    position: absolute;
    /* height: 20px; */
    top: 11px;
    left: 10px;
    text-transform: capitalize;color:#e0e0e0
}
#navigation ul li:nth-child(5)::before {
    content: 'explore';
    margin: 0;
    padding: 0;
    position: absolute;
    /* height: 20px; */
    top: 11px;
    left: 10px;
    text-transform: capitalize;color:#e0e0e0
}
#navigation ul li:nth-child(6)::before {
    content: 'life';
    margin: 0;
    padding: 0;
    position: absolute;
    /* height: 20px; */
    top: 11px;
    left: 10px;
    text-transform: capitalize;color:#e0e0e0
}
#navigation ul li:nth-child(7)::before {
    content: 'campus';
    margin: 0;
    padding: 0;
    position: absolute;
    /* height: 20px; */
    top: 11px;
    left: 10px;
    text-transform: capitalize;color:#e0e0e0
}
#navigation ul li:nth-child(8)::before {
    content: 'build';
    margin: 0;
    padding: 0;
    position: absolute;
    /* height: 20px; */
    top: 11px;
    left: 10px;
    text-transform: capitalize;color:#e0e0e0
}
#navigation ul li ul li:nth-child(1)::before,#navigation ul li ul li:nth-child(2)::before,#navigation ul li ul li:nth-child(3)::before,#navigation ul li ul li:nth-child(4)::before,#navigation ul li ul li:nth-child(5)::before,#navigation ul li ul li:nth-child(6)::before,#navigation ul li ul li:nth-child(7)::before,#navigation ul li ul li:nth-child(8)::before{ content:""}
#navigation ul li ul li ul li::before{ content:""}

img #wx1{ width:67px; height:67px; display:none; position:absolute; right:0; top:0}

#wechat:hover img #wx1{ display:block}