/* CSS Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,input,p {margin:0;padding:0;} 
img {border:0} 
em,i {font-style:normal;font-weight:normal} 
ul,ol {list-style:none} 
h1,h2,h3,h4,h5 {font-size:100%;font-weight:normal} 
/* normal set */
body{ 
	font:12px/1.8 'Microsoft YaHei',tahoma,'\5b8b\4f53',sans-serif;
	font-size: 14px;
}
h2{
	text-align: center;
	font-size: 60px;
	color: #fff;
	font-weight: bold;
}
@media screen and (max-width: 767px){
  h2{
		font-size: 32px;
	}
}
h5{
	text-align: center;
	font-size: 24px;
	color: #ccc;
}
a.btn, .btn1{
	border:1px solid #ed2647;
	border-radius: 3px;
	color: #fff; 
	display:inline-block;
	min-width:90px;
	padding: 10px;
	text-decoration: none;
	text-align: center;
	transition: all 0.3s ease 0s;
}
a.btn:first-child{
	margin-right:15px;
}
a.btn:hover{
	background-color: #ed2647;
}
a.btn1{
	width: 230px;
	padding: 22px 29px;
	background-color: #ed2647;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: 5px;
}
.con a:nth-child(1){
	margin-right: 30px;
}
@media screen and (max-width: 767px){
	a.btn, .btn1{
		background-color: #ed2647;
	}	
	a.btn1{
		padding: 10px 29px;
	}
	.con a:nth-child(1){
		margin-right: 0;
		margin-bottom:20px;
	}
}
.wrap{
	position: fixed;
	width: 100%;
	height: 100%;
	background-image:url(../images/bg.jpg);
	background-size:cover;
	overflow-x: hidden;
}
.wrap .inner{
	max-width: 1280px;
	margin: 0 auto;
}
.header{
	height: 80px;
	text-align: right;
}
@media screen and (max-width: 767px){
	.header{
		text-align: center;
	}
}
.header:before{
	content:"";
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 100%;
}
.logo{
	text-align: center;
	margin-top: 20px;
	margin-bottom: 80px;
}
@media screen and (max-width: 767px){
	.header{
		text-align: center;
	}
	.logo{
		text-align: center;
		margin-top: 30px;
		margin-bottom: 20px;
	}	
}
.logo span{
	display: inline-block;
	width: 156px;
	height: 177px;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
    background-position: 50% 50%;
}
.logo span:after{
	content: "";
	background-image: url(../images/logo-hover.png);
	background-repeat: no-repeat;
    background-position: 50% 50%;
    display: inline-block;
	width: 100%;
	height: 100%;
	-webkit-animation: enlargeip 2s infinite linear;
    -moz-animation: enlargeip 2s infinite linear;
    -o-animation: enlargeip 2s infinite linear;
    animation: enlargeip 2s infinite linear;
}
.con{
	text-align: center;
	margin-top: 50px
}

/* animation */
@-webkit-keyframes enlargeip {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-moz-keyframes enlargeip {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-o-keyframes enlargeip {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes enlargeip {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}