﻿
*{
	padding:0px;
	margin:0px;
}


body{
background:#ccc;
}

/*header style*/

.head{
	background:white;
	color:green;
	padding:10px 70px;
	/* font-size:38px; */
	font-weight:bold;
	border-top:10px solid #37f;
	text-align:center;

}


/*navbar style*/

.nav{
	background:#37f;
	text-align:center;
	padding:10px;
}
.main-menu> li{
	display:inline-block;
	padding:10px 0px;
	margin-left:10px;
	border-left:1px solid white;
	width:150px;
	color:white;
	font-size:20px;
	transition:.4s;
}

/*submenu style*/
.sub-menu{
	display:none;
	width:170px;
	list-style-type:none;
	position:absolute;
	border:1px solid white;
	margin-top:30px;
	margin-left:-10px;
	text-align:left;
	box-shadow:1px 1px 1px grey;
	position:absolute;
}
.sub-menu li a{
color:white;
text-decoration:none;
position:relative;
/*z-index:100;*/
}


.sub-menu:before{
	content:"";
	width:0px;
	height:0px;
	border-left:20px solid transparent;
	border-right:20px solid transparent;
	border-bottom:30px solid white;
	position:absolute;
	margin:-30px 0px 0px 60px;
}


.sub-menu>li{
	padding:10px;
	color:white;
	background:#37f;
	text-align:center;
	font-size:20px;
	z-index:-1;
}

/*hover menu effects*/

.main-menu li:hover, .sub-menu li:hover{
	background:#35c;
}

/* show submenus */
.main-menu li:hover .sub-menu {
	display:block;
	z-index:999;
}

.container{
/* text-align:center; */
margin:0 auto;
width:850px;
height:540px;
border:2px;
border-radius:13px;
background:white;
top:1px;
/* float:left; */
} 

.bottom-menu{
margin:0px;
width:100%;
height:60px;
display:flex;
justify-content:center;
align-items:center;
/* border-style:groove; */
/* float:left; */
background:#37f;
/* z-index:101; */

}

.bottom-menu a{
margin:20px;
padding:0px; 
color:white;
text-decoration:none;
font-size:25px;
/* letter-spacing:1px; */
font-family:Serif;

/* top:70%;
transform:translateY(-70%); */
}
.bottom-menu a:hover{
background-color:white;
color:blue;
}
/*
.aboutme{
position:relative;
}

.aboutme:hover{
background:none;
}
.aboutme span{
display:none;
}

.aboutme:hover span{
display:block;
width:170px;
position:absolute;
border:2px solid black;
border-radius:5px;
margin-top:30px;
margin-left:1130px;
margin-right:560px;
font-size:18px;
color:green;
bottom:55px;


padding:15px;


background-color:rgha(0,0,0,0,0.4);


} */



.keben{
	/*position:absolute;*/
	margin:0 auto;
	display:inline-block;
	width:850px;
	left:720px;
	top:200px;
	text-align-last:center;
	/*text-align-last:justify;*/
	/*z-index:1;*/
}
.keben span{
	margin-top:10px;
	margin-left:10px;
}


.zhutiyu{
/*	position:absolute;
	position:relative; */
	left:450px;
	margin-top:18px;
	text-align:center;
}




#zty1{
color:green;
font-size:35px;
text-align:center;

}

#zty2{
font-size:50px;
color:green;
text-align:center;

}

.yemiancaidan{
	width:200px;
	height:25px;
/*	background:green; */
	font-size:20px;
	position:relative;
	top:-110px;
	right:-640px;
	z-index:998;
} 



.new{
	margin-left:22px;
	font-size:20px;
}


.tishi{
	margin-top:15px;
}

#ts1{
	color:#5000B8;
	font-size:25px;
	margin-left:15px;
}
#ts2{
	color:green;
	font-size:25px;
	margin-left:15px;
}


