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

a{
	color:#000;
	/*transition:all 0.2s;*/
}

a:hover{
	color:#c41a1a !important;
}

.fw{
	color:#fff;
}

.fw a{
	color:#fff;
}

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

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

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

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

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

p,li{
	overflow:hidden;
}




.pic{
	overflow: hidden;
}

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

.pic:hover img{
	transform: scale(1.02,1.02);
}





.bg1{
	background:url(images/bg1.jpg) no-repeat bottom center;
}




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








#footer{
	padding:43px 0px 58px 0px;
	font-size:16px;
	color:#3e3e3e;
	line-height:34px;
	text-align: center;
}
#footer a{ color:#3e3e3e;}






#layout1{
	background:#de3934;
	padding-bottom:60px;
}
#hot{
	text-align:center;
	margin:86px 0px 46px 0px;
}
#hot h2{
	font-size:47px;
	line-height:80px;
	height:80px;
}
#hot p{
	font-size:18px;
	line-height:24px;
	height:24px;
}

.focus{
	width:630px;
	height:348px;
	position:relative;
}
.focus .pic{
	width: 100%;
	height: 100%;
}
.focus .textbg,.focus p,#layout2 .textbg,#layout2 .right .pic p,#layout3 .list2 li .textbg,#layout3 .list2 li p{
	width:100%;
	position:absolute;
	left:0;
	bottom:0;
	height:50px;
	line-height:50px;
}
.focus .textbg{background-color:rgba(0,0,0,0.7);}
.focus p{
	font-size:16px;
	text-align:center;
}
.focus .prve,.focus .next{
	width:38px;
	height:60px;
	position:absolute;
	top:134px;
	cursor:pointer;
	opacity: 0.9;
    transition: opacity 0.2s;
}
.focus .prve{
	left:0px;
	background:url(images/prve.gif) no-repeat;
}
.focus .next{
	right:0px;
	background:url(images/next.gif) no-repeat;
}
.focus .prve:hover,.focus .next:hover{
	opacity: 1;
}

#layout1 .right{
	width:539px;
	margin:-12px 5px 0px 0px;
}
#layout1 .right li{
	border-bottom:1px dashed #fff;
	padding:22px 0px 15px 0px;
}
#layout1 .right li:last-child{ border-bottom:none;} 
#layout1 .right li h5{
	font-size:20px;
}
#layout1 .right li p{
	font-size:15px;
	line-height:24px;
	max-height:48px;
	margin-top:5px;
}






#layout2 .title{ margin:59px 0px 0px 444px;}
#layout2 .list-1{ margin-left:-12px;}
#layout2 .list-1 li{
	float: left;width:291px;
	height: 155px;position:relative;
	margin:78px 0px 0px 12px; overflow:visible;
}
#layout2 .list-1 li a{ text-decoration:none;}
#layout2 .list-1 li .card{
	width: 100%;height: 100%;
	position:relative;
	transition:all 0.5s ease-out 0s;
	transform-style:preserve-3d;
	perspective:1000px;
}
#layout2 .list-1 li .front{
	height:155px;text-align:center;
	backface-visibility:hidden; font-weight:bold;
	transition:all 0.5s ease-out 0s;
	transform-style: preserve-3d;
	z-index: 2;transform: rotateY(0deg);
	position:relative\9;z-index:3\9;
}
#layout2 .list-1 li:hover .front{transform: rotateY(-180deg);}
#layout2 .list-1 li .back{
	height:155px;width: 291px;
	position:absolute;left:0px;top:0px;
	backface-visibility:hidden;
	transition:all 0.5s ease-out 0s;
	transform-style:preserve-3d;
	transform:rotateY(-180deg);
}
#layout2 .list-1 li:hover .back{transform:rotateY(-360deg);z-index:4\9;}
#layout2 .list-1 li table{
	width: 100%;height: 100%;color: #fff;
	font-size:30px;line-height: 30px;text-align: center;
}
#layout2 .list-1 li .back table{opacity:0;}
#layout2 .list-1 li:hover .back table{opacity:1;font-size:16px; line-height:28px; text-align:left;}
#layout2 .list-1 li .back table td{padding: 0px 30px;}
#layout2 .list-1 .li-1 .front,#layout2 .list-1 .li-1:hover .back{ background:url(images/li-1.jpg) no-repeat;}
#layout2 .list-1 .li-2 .front,#layout2 .list-1 .li-2:hover .back{ background:url(images/li-2.jpg) no-repeat;}
#layout2 .list-1 .li-3 .front,#layout2 .list-1 .li-3:hover .back{ background:url(images/li-3.jpg) no-repeat;}
#layout2 .list-1 .li-4 .front,#layout2 .list-1 .li-4:hover .back{ background:url(images/li-4.jpg) no-repeat;}






#layout3 .title{ margin:86px 0px 42px 457px;}
#layout3 ul{ margin-left:-28px; min-height:500px;}
#layout3 li{
	width:559px;
	height:119px;
	float:left;
	display:inline;
	border:1px solid #f5e8d6;
	float:left;
	display:inline;
	margin:0px 0px 26px 28px;
	background-color:rgba(250,250,250,0.3); 
	padding:5px 8px 0px 17px;
}
#layout3 li h5{
	font-size:22px;
	line-height:48px;
	height:48px;
}
#layout3 li p{
	line-height:24px;
	height:48px;
}