html, body {
	font-size:14px;
	font-family:Arial Unicode MS;
	max-width:100%;
	margin:0 auto;
	color:#333333;
	line-height:1.5;
	text-align:justify;
}

a
{
    text-decoration:none;
}
a:hover
{
    text-decoration:none;
}
#slideshow {
    position:relative;
   
	z-index:-1;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

#slideshow img {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;
			
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
			
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}
		
@media screen and (max-width: 1024px){
	img.bg {
	left: 50%;
	margin-left: -512px; 
}
}
		
/*******************************************************************Content*************************************************************/
	#main
	{
	     width:100%;
	     margin:0 auto;
	     position:relative;
}
	    
	#head_bk
{
    width:100%;
    height:200px;
    margin:0 auto; 
  
    z-index:99;
   
}
#head_men
{
    width:1000px;
    margin:0 auto;   
    background:url(../images/hhss.png) no-repeat;
		  height:200px;
		 
}
#banner
{
      width:100%;
    margin:0 auto;
    height: 500px;
}
#con_m
{
 width:1000px;
margin:0 auto;   
height:290px; 
}
.about
{
 width:29%;
height:30px;
padding:7px 10px 7px 10px;
background-color: #3272B0;
float:left;
margin-left:.5%;
opacity:0.9;

}
.oth
{
width:29%;
height:30px;
padding:7px 10px 7px 10px;
background-color: #3272B0;
margin-left:3%;
float:left;
opacity:0.9;

}
.about_co
{ 
 margin-top:10px;
width:29%;
height:220px;
padding:10px;
background: rgb(255, 255, 255); 
background: rgba(255, 255, 255, .8);
float:left;	
margin-left:.5%;
background-image:url(../images/bdy.png);
}
.oth_co
{ 
    margin-top:10px;
    margin-left:3%;
width:29%;
height:220px;
padding:10px;
background: rgb(255, 255, 255); 
background: rgba(255, 255, 255, .8);
float:left;
	
}
.oth_cos
{ 
    margin-top:10px;
    margin-left:3%;
width:29%;
height:220px;
padding:10px;
background: rgb(255, 255, 255); 
background: rgba(255, 255, 255, .8);
float:left;
background-image:url(../images/topss.jpg);	
}

#con_s
{
    width:970px;
margin:15px auto; 
padding:10px;  
height:170px; 
background: rgb(255, 255, 255); 
background: rgba(255, 255, 255, .8);
}
.stu
{
width:48%;
height:250px;
float:left;	
background: rgb(255, 255, 255); 
background: rgba(255, 255, 255, .8);
padding:6px;
}

.act
{
width:48%;
height:250px;
float:right;
background: rgb(255, 255, 255); 
background: rgba(255, 255, 255, .8);
padding:6px;	
}

#con_e
{
   width:990px;
margin:0 auto;   
height:260px;
margin-top:10px; 
margin-bottom:20px;
} 
.container
{
width:22%;
height:90px;
padding:10px;
background: rgb(255, 255, 255); 
background: rgba(255, 255, 255, .8);
float:left;	
margin-left:1.1%;
} 
.container:hover .image{
-webkit-transform: rotateY(360deg);
-webkit-transform-style: preserve-3d;
transform: rotateY(360deg);
transform-style: preserve-3d;
}
.container .image, .container:hover .image {
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}

#footer
{
 background-color:#4F8D11;
    opacity:0.8;
    width:100%;
    height:55px;
    margin-top:25px;
    position:relative;
    clear:both;
}
.foot
{
    width:1000px;
	height:40px;
	margin:0 auto;
	padding:5px;
	color:#fff;
}

.foot a
{
    text-decoration: none;
            color: #ccffcc;
}
.foot a:hover
{
    text-decoration: none;
            color: #ACF2F3;
}

.more a {
	background:url(../images/more-bg.png) no-repeat 0px 0px;
	width:76px;
	height:28px;
	float:right;
	
	margin-top:5px;
	}
	.more a:hover {
	background:url(../images/more-bg.png) no-repeat 0px -28px;
	
	}


/********************************************************************Master***********************************************/

#blank
{
    width:100%;
margin:0 auto; 
height:40px;
}
#man_con
{
 width:1000px;
margin:0 auto;
}

#man_side_l
{
    width:250px;
    float:left;
     background: rgb(255, 255, 255); 
    background: rgba(255, 255, 255, .8);
     -moz-border-radius:10px 10px 10px 10px;
    border-radius:10px 10px 10px 10px;
}

#man_side_r
{
    margin-bottom:20px;
    width:700px;
    float:right;
    background: rgb(255, 255, 255); 
    background: rgba(255, 255, 255, .8);
     -moz-border-radius:10px 10px 10px 10px;
    border-radius:10px 10px 10px 10px;
}
.bk_bot
{
    width:1000px;
margin:0 auto;
height:500px;
overflow:hidden;
   
}

.mas_h
{
  width:98.8%;
 font-family:Gabriola;
            font-size: 30px;
            color: #fff;
            height: 45px;
            background-color:#3272B0;
            padding-left:10px;
            background-image:url(../images/brilliant.png);
             -moz-border-radius:10px 10px 0px 0px;
    border-radius:10px 10px 0px 0px;
    padding-top:5px;
            
}
.con_ad
{
     width:1000px;
     background: rgb(255, 255, 255); 
    background: rgba(255, 255, 255, .8);
     -moz-border-radius:10px 10px 10px 10px;
    border-radius:10px 10px 10px 10px;
}

.mas_h_ad
{
  width:99%;
 font-family:Gabriola;
            font-size: 30px;
            color: #fff;
            height:40px;
            background-color:#3272B0;
            padding-left:10px;
            background-image:url(../images/brilliant.png);
            padding-top:5px;
             -moz-border-radius:10px 10px 0px 0px;
    border-radius:10px 10px 0px 0px;
}