@charset "utf-8";
body{
	font-family:"Microsoft Yahei","SimSun";
	font-size:14px;
	color:#000;
}

a{
	color:#000;
}

a:hover{
	text-decoration: none;
	color: #e70024 !important;
}

.fw{
	color: #fff;
}

.fw a{
	color: #fff;
}

.fw a:hover{
	color: #dfdfdf !important;
}

img{
	display:block;
	max-height: 100%;
	max-width: 100%;
}

.wrapper{
	width:100%;
	min-width:1200px;
	max-width:1920px;
	margin:0px auto;
	overflow: hidden;
}

.w1200{
	width:1200px;
	margin:0px auto;
}

h1,h2,h3,h4,h5{
	font-family:"Microsoft Yahei","SimHei";
	overflow:hidden;
}

p,li{
	overflow:hidden;
}

.photo{
	position: relative;
	overflow: hidden;
}

.photo img{
	width: 100%;
	height: 100%;
	transition: transform 0.2s;
}

.photo:hover img{
	transform: scale(1.05,1.05);
}

.photo2{
	position: relative;
	overflow: hidden;
}

.photo2 img{
	width: 100%;
	height: 100%;
}

#footer{
	text-align: center;
	line-height: 24px;
	color: #333;
	padding: 30px 0px;
}

#footer a{
	color: #333;
}

#header{
	background: url("images/hd-bg.jpg") no-repeat center top;
	position: relative;
}

#header .w1200{
	height: 1100px;
	position: relative;
}

#header .logo{
	position: absolute;
	width: 263px;
	height: 39px;
	background: url("images/hd-logo.png");
	left: 0px;
	top: 95px;
}

#header .circle{
	position: absolute;
	width: 652px;
	height: 652px;
	background: url("images/hd-circle.png");
	left: 292px;
	top: 42px;
}

@-ms-keyframes circle{
	from{ }
	to{ transform:rotate(360deg); }
}
@-moz-keyframes circle{
	from{ }
	to{ transform:rotate(360deg); }
}
@-o-keyframes circle{
	from{ }
	to{ transform:rotate(360deg); }
}
@-webkit-keyframes circle{
	from{ }
	to{ transform:rotate(360deg); }
}
@keyframes circle{
	from{ }
	to{ transform:rotate(360deg); }
}

#header .circle{
	animation:'circle' 20.0s linear 0s infinite;
	-ms-animation:circle 20.0s linear 0s infinite;
	-moz-animation:circle 20.0s linear 0s infinite;
	-o-animation:'circle' 20.0s linear 0s infinite;
	-webkit-animation:'circle' 20.0s linear 0s infinite;
}

#header .topic{
	position: absolute;
	width: 410px;
	height: 508px;
	background: url("images/hd-topic.png");
	left: 419px;
	top: 133px;
}

#layout1{
	position: relative;
	margin-top: -47px;
}

h2{
	text-align: center;
	font-size: 45px;
	line-height: 47px;
	height: 47px;
}

h2 a{
	color: #e3242c;
}

h2 a:hover{
	text-decoration: underline;
}

.ly-margin{
	margin-top: 70px;
}

.topic{
	text-align: center;
	position: relative;
}

.topic2{
	position: relative;
}

.topic img{
	display: inline-block;
	vertical-align: top;
}

.topic .more,.topic2 .more{
	position: absolute;
	right: 0px;
	bottom: 0px;
	line-height: 28px;
	height: 28px;
	color: #999;
}

.topic2 span{
	float: left;
}

.show01{
	width: 505px;
	overflow: hidden;
	margin-top: 50px;
}

.show01 ul{
	margin-top: -36px;
}

.show01 li{
	border-top: 1px solid #eee;
	padding-top: 18px;
	margin-top: 18px;
}

.show01 h3{
	font-size: 24px;
	line-height: 30px;
	height: 30px;
}

.show01 p{
	line-height: 30px;
	height: 60px;
	font-size: 16px;
	color: #333;
	margin-top: 8px;
}

.show02{
	width: 660px;
	height: 370px;
	margin-top: 50px;
}

.show02 .shadow{
	position: absolute;
	width: 100%;
	height: 50px;
	left: 0px;
	bottom: 0px;
	background: #000;
	filter:alpha(opacity=60);
	opacity:0.6;
}

.show02 p{
	position: absolute;
	max-width: 510px;
	height: 50px;
	line-height: 50px;
	left: 25px;
	bottom: 0px;
	font-size: 18px;
	z-index: 9;
}

.show02 .point{
	position: absolute;
	right: 20px;
	bottom: 20px;
	height: 10px;
	z-index: 10;
}

.show02 .point span{
	float: left;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background: #fff;
	margin-left: 8px;
	cursor: pointer;
}

.show02 .point .current{
	background: #e72225;
	width: 20px;
}

.show03{
	width: 570px;
	margin-top: 40px;
}

.show03 .big{
	height: 240px;
}

.show03 .video{
	width: 275px;
	height: 155px;
	margin-top: 20px;
}

.show03 p{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 16px;
	background-color:rgba(0,0,0,0.6);
}

.show03 .play{
	position: absolute;
	width: 46px;
	height: 46px;
	background: url("images/play1.png");
	top: 50%;
	left: 50%;
	margin-left: -23px;
	margin-top: -43px;
}

.show04{
	height: 385px;
	width: 550px;
	background: #f7f7f7;
	margin-top: 40px;
	padding: 30px 40px 0px 40px;
}

.show04 .hot{
	border-bottom: 1px dashed #ede6dc;
	padding-bottom: 25px;
}

.show04 .hot h3{
	font-size: 20px;
	line-height: 30px;
	height: 30px;
}

.show04 .hot h3 a{
	color: #e70024;
}

.show04 .hot h3 a:hover{
	color:rgba(231,0,36,0.8) !important;
}

.show04 .hot p{
	line-height: 30px;
	height: 60px;
	font-size: 16px;
	color: #666;
	margin-top: 5px;
}

.show04 .hot p a{
	color: #666;
}

.show04 ul{
	margin-top: 15px;
}

.show04 li{
	height: 45px;
	line-height: 45px;
	font-size: 18px;
}

#layout3 .topic2{
	width: 565px;
}

.show05{
	height: 577px;
	background: url("images/show05-bg.png") no-repeat center top;
	margin-top: 15px;
}

.show05 .list{
	width: 540px;
	padding-top: 20px;
}

.show05 .list.left{
	margin-left: 25px;
}

.show05 .list.right{
	margin-right: 25px;
}

.show05 .list li{
	padding-top: 25px;
}

.show05 .list h3{
	font-size: 20px;
	line-height: 30px;
	height: 30px;
	padding-left: 15px;
	position: relative;
}

.show05 .list h3 i{
	position: absolute;
	width: 3px;
	height: 16px;
	border: 1px solid #fff;
	left: 0px;
	top: 50%;
	margin-top: -9px;
	background: #e51b1e;
}

.show05 .list p{
	line-height: 30px;
	height: 60px;
	color: #666;
	font-size: 16px;
	margin-top: 8px;
	padding-left: 15px;
}

.show05 .list p a{
	color: #666;
}

.show06{
	margin-top: 40px;
}

.show06 ul{
	margin-left: -33px;
}

.show06 li{
	float: left;
	width: 275px;
	margin-left: 33px;
	background: #2c5ccb;
	padding-bottom: 15px;
}

.show06 .style2{
	margin-top: 40px;
}

.show06 .photo{
	height: 365px;
}

.show06 p{
	font-size: 16px;
	line-height: 24px;
	height: 48px;
	margin: 15px 18px 0px 18px;
}

.show07{
	margin-top: 355px;
	width: 570px;
}

.show07 h3{
	font-size: 24px;
	line-height: 28px;
	height: 28px;
}

.show07 p{
	font-size: 16px;
	line-height: 24px;
	max-height: 72px;
	margin-top: 15px;
}

.show08{
	width: 530px;
	margin-top: 325px;
}

.show08 ul{
	margin-left: -30px;
}

.show08 li{
	float: left;
	width: 250px;
	margin-left: 30px;
}

.show08 .photo{
	height: 160px;
}

.show08 .photo i{
	position: absolute;
	width: 40px;
	height: 24px;
	background: url("images/play2.png");
	right: 0px;
	bottom: 0px;
}

.show08 p{
	font-size: 16px;
	line-height: 44px;
	height: 44px;
	font-weight: bold;
	text-align: center;
}

#layout8{
	background: url("images/ly8-bg.jpg") no-repeat center top;
}

#layout8 .w1200{
	height: 720px;
	overflow: hidden;
}

#layout8 .topic{
	padding-top: 50px;
}


#cover{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background: url("images/cover-bg.jpg") no-repeat center bottom;
	background-size: cover;
}

#cover video{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	object-fit: cover;
}

#cover .shadow{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background: #000;
	filter:alpha(opacity=20);
	opacity:0.2;
}

#cover .logo{
	position: absolute;
	width: 11.8%;
	height: 3.4%;
	left: 3.2%;
	top: 5.8%;
	background: url("images/c-logo.png") no-repeat center center;
	background-size: contain;
}

#cover .topic{
	position: absolute;
	width: 15.2%;
	height: 37.4%;
	left: 42.4%;
	top: 12.8%;
	background: url("images/c-topic.png") no-repeat center center;
	background-size: contain;
}

#cover .btn{
	position: absolute;
	width: 5.4%;
	height: 10.7%;
	left: 47.3%;
	bottom: 30%;
	background: url("images/c-btn1.png") no-repeat center center;
	background-size: contain;
}

#cover .btn span{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background: url("images/c-btn2.png") no-repeat center center;
	background-size: contain;
}

@-ms-keyframes btn{
	from{ }
	to{ transform:rotate(360deg); }
}
@-moz-keyframes btn{
	from{ }
	to{ transform:rotate(360deg); }
}
@-o-keyframes btn{
	from{ }
	to{ transform:rotate(360deg); }
}
@-webkit-keyframes btn{
	from{ }
	to{ transform:rotate(360deg); }
}
@keyframes btn{
	from{ }
	to{ transform:rotate(360deg); }
}

#cover .btn span{
	animation:'btn' 20.0s linear 0s infinite;
	-ms-animation:btn 20.0s linear 0s infinite;
	-moz-animation:btn 20.0s linear 0s infinite;
	-o-animation:'btn' 20.0s linear 0s infinite;
	-webkit-animation:'btn' 20.0s linear 0s infinite;
}
/* 5月1日修改 */
#cover .topic{
	width: 35.9%;
	height: 40.9%;
	left: 35.4%;
	top: 17.5%;
}

#header .topic{
	width: 758px;
	height: 434px;
	left: 280px;
	top: 163px;
}