@charset "utf-8";

/* CSS Document */

*{ padding:0; margin:0; box-sizing:border-box;}

body{ overflow:hidden;}

a{ text-decoration:none !important;}

.wrap{ width:100%; position:relative;}

video{ position:absolute; display:block; border:0; width:100%; top:-180px;background: url(../images/img_1.jpg) no-repeat center center;}

.logo{ width:100%; overflow:hidden; max-width:1200px; position:absolute; left:50%; top:30px; margin-left:-600px;}

.logo img{ display:block; border:0; width:100%;}

.enter{ width:100%; overflow:hidden; position:absolute; left:20%; top:800px;}

.enter a{ font-size:40px; font-family: "幼圆"; font-weight:bold; color:#EDBC21; text-shadow:10px 0 10px rgba(0,0,0,1);}

.copy,.enter .info{ display:none;}

.poster{display:none;}

@media all and (max-width:1920px){
	video{ top:-260px;}
	.enter{ left:14%; top:850px;}
}

@media all and (max-width:1600px){

	video{ top:-200px; height:1300px;}

	.enter{ left:14%; top:700px;}

}

@media all and (max-width:1440px){

	video{ top:-200px; height:auto;}

	.enter{ left:14%; top:660px;}

}

@media all and (max-width:1366px){
	video{ top:-200px; height:auto;}
	.enter{ left:12%; top:580px;}

}
@media all and (max-width:1024px){

	video{ top:-95px; height:auto;}

	.enter{ left:12%; top:480px;}
	.logo{ width:80%; margin-left:-377px;}
}



@media all and (max-width:768px){

	.logo{ width:80%; margin-left:-307px;}

	video{ top:-72px; height:auto;}

	.enter{ left:10%; top:445px;}

	.enter a{ font-size:40px;}

}

@media all and (max-width:425px){
	.poster{display: block; position: absolute; top: 0; left: 0; right: 0; background: #000 url(../images/img_1_m.jpg) no-repeat center center; z-index: 999999999;height: 300px;}
	.poster .playbtn{width: 70px; height: 70px; position: absolute; left: 0; right: 0; top: 70px; margin: auto;background: url(../images/play.png) no-repeat center center; background-size: 100% 100%;}
	.wrap{ height:240px; overflow:hidden; }
	body{overflow: visible;}
	
	.logo{ width:80%; margin-left:-170px; top:10px;}

	video{ top:-40px; height:auto;}

	.enter{ position:static; width:100%; height:auto; background:#f2f2f2; margin-top:0;text-align: center;overflow: visible;}

	.enter a{display:inline-block; padding: 10px 20px;border-radius: 6px; font-size: 30px; border: 1px solid #ee900e; text-shadow: none; color:#c32f02;margin-top: 40px;font-weight: bold;}

	.copy{ padding:30px 0;}

	.copy p{ text-align:center; font-size:14px; color:#666; }

	.copy{ display:block;}
	.enter .info{position: relative;color:#f3501e;margin-top: 25px;padding:10px 28px 50px  28px;display: block;}
	.enter .info p{text-indent: 20px;text-align: left;}
	.enter .info h3{font-weight: 100;padding: 10px 0;}	
	.enter{padding: 0 10px;}	
	.flower{position: absolute; width: 100px; height: 100px; }
	.flower img{width: 100%; height: 100%px; }
	.info .lt{left:0; top: 0;}
	.info .rt{right:0; top: 0;}
	.info .lb{left:0; bottom: 0;}
	.info .rb{right:0; bottom: 0;}
	
}

@media all and (max-width:375px){

	.wrap{ height:205px; overflow:hidden;}

	.logo{ width:80%; margin-left:-150px;}

	video{ top:-40px; height:auto;}

}

@media all and (max-width:320px){

	.wrap{ height:180px; overflow:hidden;}

	.logo{ width:80%; margin-left:-128px;}

	video{ top:-30px; height:auto;}

}