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

a{
	color:#333;
}

img{
	display:block;
}

.wrapper{
	width:100%;
	min-width:1000px;
}

.w1000{
	width:1000px;
	margin:0px auto;
}

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

h4,h5{
	font-weight:normal;
}

h3 a,h4 a,h5 a{
	color:#000;
}

p{
	overflow:hidden;
}

.photo{
	overflow:hidden;
}

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

.img-shadow{
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	background:#000;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

.img-text{
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	font-size:16px;
	color:#fff;
}

.img-text a{
	color:#fff;
}

#header{
	background:url(images/header.jpg) no-repeat center top;
	height: 369px;
}

#footer{
	background:#d03e3e;
	color:#fff;
	line-height:24px;
	text-align:center;
	font-size:12px;
	font-family:"SimSun";
	padding:25px 0px;
}

#footer a{
	color:#fff
}


#layout1 .box1{
	height:83px;
	background:url(images/ly1-headline.gif) no-repeat 40px 8px;
	padding:0px 40px 0px 100px;
	text-align:center;
}

#layout1 .box1 h2{
	font-size:40px;
	height:50px;
	line-height:50px;
}

#layout1 .box1 p{
	line-height:20px;
	margin-top:12px;
}

#layout1 .box1 p a{
	margin:0px 8px;
	color:#666;
}

#layout1 .box2 .photo{
	float:left;
	width:610px;
	height:400px;
	position:relative;
}

#layout1 .box2 .photo .img-shadow,#layout1 .box2 .photo p{
	height:80px;
	line-height:80px;
	overflow:hidden;
	text-align:center;
	font-size:18px;
}

#layout1 .box2 .word{
	float:right;
	border:1px solid #dcdcdc;
	border-left:none;
	height:383px;
	width:370px;
	padding:15px 0px 0px 19px;
	background:url(images/ly1-bg.gif);
}

#layout1 .box2 .word li{
	float:left;
	display:inline;
	width:175px;
	height:182px;
	margin:0px 5px 5px 0px;
}

#layout1 .box2 .word li a:hover{
	text-decoration:none;
}

#layout1 .box2 .word li .card{
	position:relative;
	transition:all 0.5s ease-out 0s;
	transform-style:preserve-3d;
	perspective:1000px;
}

#layout1 .box2 .word li .card .front{
	width:175px;
	height:182px;
	text-align:center;
	backface-visibility:hidden;
	transition:all 0.5s ease-out 0s;
	transform-style: preserve-3d;
	z-index: 2;
	transform: rotateY(0deg);
	position:relative\9;
	z-index:3\9;
	background:url(images/ly1-card.gif);
	color:#fff;
	font-size:30px;
	line-height:36px;
	font-weight:bold;
}

#layout1 .box2 .word li .card:hover .front{
	transform: rotateY(-180deg);
}

#layout1 .box2 .word li .card .back{
	width:175px;
	height:182px;
	position:absolute;
	left:0px;
	top:0px;
	backface-visibility:hidden;
	transition:all 0.5s ease-out 0s;
	transform-style:preserve-3d;
	transform:rotateY(-180deg);
	background:#e8e8e8;
}

#layout1 .box2 .word li .card:hover .back{
	transform:rotateY(-360deg);
	z-index:4\9;
}

#layout1 .box2 .word li .card .back h3{
	font-size:18px;
	color:#f43a3a;
	line-height:24px;
	text-align:center;
	margin-bottom:15px;
}

#layout1 .box2 .word li .card .back p{
	margin:0px 15px;
	line-height:20px;
	max-height:120px;
	color:#525252;
	font-size:14px;
}

#layout2 .box{
	position:relative;
	overflow:hidden;
}

#layout2 .box .line{
	position:absolute;
	width:1px;
	height:100%;
	left:50%;
	top:35px;
	background:#eee;
}

#layout2 .box ul{
	zoom:1;
	margin-left:-114px;
}

#layout2 .box li{
	float:left;
	display:inline;
	margin:35px 0px 0px 114px;
	padding-left:48px;
	position:relative;
	width:395px;
}

#layout2 .box li .num{
	position:absolute;
	left:0px;
	top:3px;
	width:38px;
	height:34px;
	background:url(images/ly2-type.gif) no-repeat;
	overflow:hidden;
	text-align:center;
	color:#fff;
	font-size:22px;
	line-height:26px;
}

#layout2 .box li h4{
	font-size:25px;
	height:30px;
	line-height:30px;
}

#layout2 .box li p{
	height:72px;
	line-height:24px;
	color:#767676;
	margin-top:10px;
}

#layout2 .box li p a{
	color:#767676;
}

#layout3 .box{
	overflow:hidden;
	margin-top:15px;
}

#layout3 .box ul{
	zoom:1;
	margin-top:-36px;
	margin-left:-60px;
}

#layout3 .box li{
	float:left;
	display:inline;
	width:470px;
	border-top:1px solid #e5e5e5;
	padding-top:35px;
	margin-top:35px;
	padding-left:60px;
}

#layout3 .box h3{
	height:36px;
	line-height:36px;
	background:#f2f2f2;
	font-size:20px;
	font-weight:normal;
	margin-bottom:15px;
}

#layout3 .box h3 a{
	color:#323232;
}

#layout3 .box h3 span{
	float:left;
	border-right:1px solid #fff;
	background:#f54343;
	font-weight:bold;
	color:#fff;
	padding:0px 20px;
	margin-right: 15px;
}

#layout3 .box .photo{
	float:left;
	width:172px;
	height:120px;
}

#layout3 .box p{
	float:right;
	width:275px;
	line-height:24px;
	color:#787878;
}

#layout4 .block{
	margin-top:25px;
}

#layout4 .tag{
	float:left;
	margin-top:7px;
	width:145px;
	height:145px;
	color:#fff;
	font-size:34px;
	line-height:42px;
	text-align:center;
	background:#f54343;
	position:relative;
}

#layout4 .tag i{
	position:absolute;
	right:-11px;
	top:50%;
	margin-top:-50px;
	width:0;
    height:0;
    border-top:50px solid transparent;
    border-left:11px solid #eee;
    border-bottom:50px solid transparent;
}

#layout4 .main{
	float:right;
	width:835px;
	height:140px;
	padding-top:20px;
	overflow:hidden;
	background:url(images/ly1-bg.gif);
}

#layout4 .main h3{
	text-align:center;
	font-size:30px;
	height:40px;
	line-height:40px;
	font-weight:normal;
}

#layout4 .main h3 a{
	color:#333;
}

#layout4 .main ul{
	zoom:1;
	margin-top:20px;
}

#layout4 .main li{
	float:left;
	display:inline;
	margin-left:30px;
	height:30px;
	line-height:30px;
	overflow:hidden;
	font-size:16px;
	width:360px;
	padding-left:15px;
	background:url(images/ly4-list.gif) no-repeat left 13px;
}

#layout5 .topic{
	background-image:url(images/ly5-topic.gif);
}

#layout5 .box ul{
	zoom:1;
	margin-left:-50px;
}

#layout5 .box li{
	float:left;
	display:inline;
	width:300px;
	margin:35px 0px 0px 50px;
}

#layout5 .box li a:hover{
	text-decoration:none;
}

#layout5 .box li .card{
	color:#fff;
	position:relative;
	transition:all 0.5s ease-out 0s;
	transform-style:preserve-3d;
	perspective:1000px;
}

#layout5 .box .color1 .front,#layout5 .box .color1 .back{ background-color:#d33a2e; }
#layout5 .box .color2 .front,#layout5 .box .color2 .back{ background-color:#e18230; }
#layout5 .box .color3 .front,#layout5 .box .color3 .back{ background-color:#4a525f; }
#layout5 .box .color4 .front,#layout5 .box .color4 .back{ background-color:#8b7b62; }

#layout5 .box li .card .front{
	height:300px;
	line-height:300px;
	text-align:center;
	backface-visibility:hidden;
	transition:all 0.5s ease-out 0s;
	transform-style: preserve-3d;
	z-index: 2;
	transform: rotateY(0deg);
	position:relative\9;
	z-index:3\9;
}

#layout5 .box li .card:hover .front{
	transform: rotateY(-180deg);
}

#layout5 .box li .card .front span{
	font-size:80px;
}

#layout5 .box li .card .front label{
	font-size:38px;
}

#layout5 .box li .card .back{
	height:250px;
	padding:45px 35px 0px 35px;
	position:absolute;
	left:0px;
	top:0px;
	backface-visibility:hidden;
	transition:all 0.5s ease-out 0s;
	transform-style:preserve-3d;
	transform:rotateY(-180deg);
}

#layout5 .box li .card:hover .back{
	transform:rotateY(-360deg);
	z-index:4\9;
}

#layout5 .box li .card .back h3{
	font-size:26px;
	line-height:32px;
	margin-bottom:10px;
}

#layout5 .box li .card .back p{
	line-height:28px;
}

#layout5 .box li .bottom{
	text-align:center;
	font-size:22px;
	height:44px;
	line-height:44px;
	overflow:hidden;
}