html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; text-decoration:none; font-weight:normal; font-family:"Microsoft yahei"}
li{
	list-style-type:none;
	}

body{
	/*background: url(homebg.jpg) no-repeat top center #F00;*/
	background-size: 100% auto;
	}

#media{
	margin:0px auto;
	text-align:center;
	width:100%;
	}

.main{
	width:100%;
	margin:0px auto;
	overflow:hidden;
	position:relative;
	}

.top {
	position: fixed;
	top:0px;
	width:100%;
	height:100px;
	left:0px;
	z-index:99;
	box-shadow:inset 0px 20px 20px rgba(0,0,0,0.2);
	padding-top:20px;
	}

.top a.logo{
	display:block;
	float:left;
	width:170px;
	height:120px;
	background-image:url(logo.png);
	background-position:center;
	background-color:#fff;
	background-repeat:no-repeat;
	}

.top .biaoyu{
	height:120px;
	width:120px;
	background-image:url(zhi.png);
	background-repeat:no-repeat;
	background-position:25px center;
	background-color:#da262c;
	float:left;
	color:#fff;
	padding-left:80px;
	}
.top .guoqi{
	width:180px;
	float:right;
	margin-right: 40px;
    margin-top: 30px;
	}
.top .guoqi a{
	display:inline-block;
	margin:0 5px;
	color:#fff;
	}
.top .guoqi a:hover{
	text-decoration:underline;
	}
.top .biaoyu h1{
	display:block;
	height:35px;
	line-height:35px;
	font-weight:bold;
	font-size:24px;
	margin-top:32px;
	}

.top .biaoyu h2{
	display:block;
	height:20px;
	line-height:20px;
	font-size:19px;
	}

.top .tel400{
	background:url(tel.png) no-repeat center;
	width:267px;
	height:40px;
	float:right;
	margin-right:40px;
	margin-top:20px;
	}
.top .chengxin1{
	float:right;
	    margin-top: 22px;
    margin-right: 7px;
	}
.top a.count{
	float:right;
	width:100px;
	height:40px;
	line-height:40px;
	border:1px solid #FFF;
	border-radius:20px;
	text-align:center;
	color:#fff;
	margin-right:40px;
	margin-top:20px;
	font-weight:bold;
	transition:all 0.2s;
	}

.top a:hover.count{
	color:#fff;
	background-color:#cc0000;
	border:1px solid #cc0000;
	}

.homefoot{
	width:100%;
	height:130px;
	background-color:#d11000;
	position:fixed;
	z-index:9999;
	bottom:0px;
	left:0px;
	box-shadow:0px -20px 20px rgba(0,0,0,0.2);
	animation: homefoot 0.4s;
	-moz-animation: homefoot 0.4s;	/* Firefox */
	-webkit-animation: homefoot 0.4s;	
	animation-delay:0.4s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	}

@keyframes homefoot
{
from {bottom:-120px; opacity:0}
to {bottom: 0px; opacity:1}
}

@-webkit-keyframes homefoot
{
from {bottom:-120px; opacity:0}
to {bottom: 0px; opacity:1}
}

.homedh{
	width:100%;
	background:url(dhline.png) repeat-x;
	height:63px;
	overflow:hidden;
	text-align:center;
	box-shadow:0px 10px 10px rgba(0,0,0,0.2);
	}
	
.homedh a{
	display:inline-block;
	color:#fff;
	height:63px;
	line-height:63px;
	font-weight:bold;
	font-size:16px;
	margin:0px 24px;
	}

.homedh a:hover{
	text-shadow:0px 0px 5px rgba(0,0,0,0.8);
	}

.footinfo{
	margin:0px auto;
	overflow:hidden;
	width:1190px;
	text-align:center;
	color:#fff;
	line-height:20px;
	font-size:12px;
	margin-top:20px;
	color:#CCC;
	}

.footinfo a{
	color:#ccc;
	}

.slg{
	width:750px;
	height:270px;
	position: fixed;
	top:30%;
	left:50%;
	margin-left:-375px;
	text-align:center;
	z-index:9;
	}
	
.slg h1{
	display:block;
	width:100%;
	height:120px;
	opacity:0;
	background:url(font01.png) no-repeat top center;
	animation: slgh1 1s;
	-moz-animation: slgh1 1s;	/* Firefox */
	-webkit-animation: slgh1 1s;	
	animation-delay:0.7s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	}

@keyframes slgh1
{
from {
	opacity:0;
	transform:scale(1.4);
	transform:translate(0,50px);
	}
to {
	opacity:1;
	transform:scale(1);
	transform:translate(0,0);
	}
}

@-moz-keyframes slgh1
{
from {
	opacity:0;
	-moz-transform:scale(1.4);
	-moz-transform:translate(0,50px);
	}
to {
	opacity:1;
	-moz-transform:scale(1);
	-moz-transform:translate(0,0);
	}
}

@-webkit-keyframes slgh1
{
from {
	opacity:0;
	-webkit-transform:scale(1.4);
	-webkit-transform:translate(0,50px);
	}
to {
	opacity:1;
	-webkit-transform:scale(1);
	-webkit-transform:translate(0,0);
	}
}

.box_con{
	width:100%;
	height:50px;
	float:left;
	opacity:0;
	text-align:center;
	overflow:hidden;
	margin-top:10px;
	animation: box_con 1s;
	-moz-animation: box_con 1s;	/* Firefox */
	-webkit-animation: box_con 1s;	
	animation-delay:1s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	}


@keyframes box_con
{
from {
	opacity:0;
	transform:scale(1.4);
	transform:translate(0,50px);
	}
to {
	opacity:1;
	transform:scale(1);
	transform:translate(0,0);
	}
}

@-moz-keyframes box_con
{
from {
	opacity:0;
	-moz-transform:scale(1.4); 	/* Firefox */
	-moz-transform:translate(0,50px);
	}
to {
	opacity:1;
	-moz-transform:scale(1); 	/* Firefox */
	-moz-transform:translate(0,0);
	}
}

@-webkit-keyframes box_con
{
from {
	opacity:0;
	-webkit-transform:translate(0,50px);
	-webkit-transform:scale(1.4); 
	}
to {
	opacity:1;
	-webkit-transform:translate(0,0);
	-webkit-transform:scale(1); 
	}
}

.box_con .line li{
	width:100%;
	float:left;
	height:50px;
	font-size:40px;
	font-weight:bold;
	color:#fff;
	}
	
/*.box_con .line li.fang1{
	background:url(zi.png) no-repeat center;
	}

.box_con .line li.fang2{
	background:url(zi2.png) no-repeat center;
	}

.box_con .line li.fang3{
	background:url(zi3.png) no-repeat center;
	}

.box_con .line li.fang4{
	background:url(zi4.png) no-repeat center;
	}*/

#contral_play{
	font-size:45px;
	color:#fff;
	display: inline-block;
	position: fixed;
	left: 50%;
	top: 60%;
	margin-left: -22px;
	opacity:0;
	transition:all 0.2s;
	z-index: 999;
	animation: slgfa 1s;
	-moz-animation: slgfa 1s;	/* Firefox */
	-webkit-animation: slgfa 1s;	
	animation-delay:1.3s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	}

@keyframes slgfa
{
from {
	opacity:0;
	transform:scale(1.4);
	transform:translate(0,50px);
	}
to {
	opacity:0.8;
	transform:scale(1);
	transform:translate(0,0);
	}
}

@-moz-keyframes slgfa
{
from {
	opacity:0;
	-moz-transform:scale(1.4); 	/* Firefox */
	-moz-transform:translate(0,50px);
	}
to {
	opacity:0.8;
	-moz-transform:scale(1); 	/* Firefox */
	-moz-transform:translate(0,0);
	}
}

@-webkit-keyframes slgfa 
{
from {
	opacity:0;
	-webkit-transform:translate(0,50px);
	-webkit-transform:scale(1.4); 
	}
to {
	opacity:0.8;
	-webkit-transform:translate(0,0);
	-webkit-transform:scale(1); 
	}
}

.slg a:hover.fa{
	opacity:1;
	animation-fill-mode:none;
	transform:scale(1.4)
	}

.moviebg{
	display: none\0;
	width:100%;
	height:1500px;
	position:fixed;
	top:0px;
	background-color:#cc0000; 
	left:0px;
	z-index:999;
	animation: moviebg 0.7s;
	-moz-animation: moviebg 0.7s;	/* Firefox */
	-webkit-animation: moviebg 0.7s	;
	transform:translate(0,1500px);
	-moz-transform:translate(0,1500px);
	-webkit-transform:translate(0,1500px);
	}

@keyframes moviebg
{
from {
	transform:translate(0,50px);
	}
to {
	transform:translate(0,1500px);
	}
}

@-moz-keyframes moviebg
{
from {
	-moz-transform:translate(0,50px);
	}
to {
	-moz-transform:translate(0,1500px);
	}
}

@-webkit-keyframes moviebg 
{
from {
	-webkit-transform:translate(0,50px);
	}
to {
	-webkit-transform:translate(0,1500px);
	}
}

.moviebg2{
	width:100%;
	height:1500px;
	background:rgba(0,0,0,0.1);
	position:fixed;
	top:0px;
	left:0px;
	z-index:1;
	animation: moviebg2 0.7s;
	-moz-animation: moviebg2 0.7s;	/* Firefox */
	-webkit-animation: moviebg2 0.7s	;
	animation-delay:0.4s;
	}

@keyframes moviebg2
{
from {
	top:1500px;
	}
to {
	top:0px;
	}
}

@-moz-keyframes moviebg2
{
from {
	top:1500px;
	}
to {
	top:0px;
	}
}

@-webkit-keyframes moviebg2 
{
from {
	top:1500px;
	}
to {
	top:0px;
	}
}