@font-face {
	font-family:myfont1;
	src:url('../fonts/hlscomic.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:myfont;
	src:url('../fonts/contm.ttf') format('truetype');
	font-weight:normal;
	font-style:normal;
}
*{
	margin:0px;
	padding:0px;
}
.clearfix:after{
	content:"";
	clear:both;
	display:block;
	visibility:hidden;
	height:0;
	font-size:0;
}
.wrapper{
	color:red;
	font-family:"myfont1";
	text-transform:uppercase;
}
.nav{
	background-color:black;
	position:relative;
	position:fixed;
	left:140px;
	width:1024px;
}
.mNav{
	
	width:975px;
	margin:auto;
}
.mNav ul{
	float:left;
	margin-top:20px;
	margin-left:20px;
}
.mNav ul li{
	display:inline;
	font-size:21px;
	margin-left:15px;
	margin-right:15px;
}
.mNav ul li a{
	text-decoration:none;
	color:red;
	font-weight: bold;
}
.mNav ul li:hover{
	padding-left:15px;
	padding-right:15px;
	padding-top:10px;
	padding-bottom:10px;
	background-color:yellow;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: black;
}
.mNav img{
	float:left;
	margin:10px;
}
.header{
	padding-top:60px;
	background:black;
}
.mHeader{
	width:975px;
	margin:auto;
	background-image:url('../img/header.png');
	height:193px;
	background-repeat:no-repeat;
}
.main{
	background:black;
}
.mainFirst{
	width:975px;
	margin:auto;
	background-image:url('../img/bgr.png');
	height:570px;
	background-repeat:no-repeat;
}
.mainFirst ul{
	margin-left:90px;
	padding-top:15px;
}
.mainFirst ul li{
	display:inline;
	padding-left:40px;
	padding-right:40px;	
	text-decoration:none;
}
.mainFirst ul li a{
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: black;
	text-decoration:none;
	color:red;
}
.mainFirst button{
	border-radius:11px;
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	transition: all 1s 0.5s ease-in-out;
	-moz-transition: all 1s 0.5s ease-in-out;
	-webkit-transition: all 1s 0.5s ease-in-out;
}
.mainFirst button:hover{
	margin-top:300px;
}
.mainSecond{
	width:975px;
	margin:auto;
	background-image:url('../img/bgr1.png');
	height:729px;
	background-repeat:no-repeat;
}
.mainSecond p{
	margin-top:20px;
	text-align:center;
}
.mainSecond .msText{
	float:left;
	width:59%;
	margin-left:15px;
}
.mainSecond .msText li{
	padding-top:100px;
}
.mainSecond .msText .txt2{
	margin-top:185px;
}
.mainSecond span{
	color:#003dc7;
	font-family:"myfont";
}
.mainSecond .msPic{
	float:right;
	width:39%
}
.mainSecond .msPic img{
	padding-top:30px;
	margin-left:20px;
}
.mainSecond .msPic .pic2 img{
	margin-top:80px;
}
.mainThird{
	width:975px;
	margin:auto;
	background-image:url('../img/bgr2.png');
	height:405px;
	background-repeat:no-repeat;
}
.mainFour{
	width:975px;
	margin:auto;
	background-image:url('../img/bgr3.png');
	height:606px;
	background-repeat:no-repeat;
}
.mainFour p{
	text-align:center;
}
video{
	height:270px;
	width:480px;
	margin-top:180px;
	border:red 2px solid;
	padding:0px 50px;
}
.footer{
	background:black;
}
.mFooter{
	width:975px;
	margin:auto;
	background-image:url('../img/footer.png');
	height:414px;
	background-repeat:no-repeat;
}
.mFooter ul li{
	display:inline;
}
.mfPic{
	padding-top:20px;
	margin-left:840px;
}
.mfPic img{
	padding-left:5px;
}
.mfText{
	font-family:"myfont";
	padding-top:310px;
}
.mfText li{
	color:#6f0303;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: black;
	padding-left:20px;
}
.mft2{
	margin-left:200px;
}