@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:600px;
}








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










#hot{ 
	background:url(images/hot.png) no-repeat left 5px;
	margin-top:-54px;
}
#hot h1{
	font-size:40px;
	text-align:center;
	line-height:44px;
	height:44px;
	width:1090px;
	margin-left:95px;
}
#hot h1 a{  color:#c60d0d;}
#hot p{
	font-size:18px;
	text-align:center;
	line-height:24px;
	height:24px;
	margin:17px 0px 42px 0px;
}
#hot p a{ margin:0px 2px;}

.focus{
	width:660px;
	height:348px;
	position:relative;
}
.focus .pic{
	width: 100%;
	height: 100%;
}
.focus .textbg,.focus p{
	width:100%;
	position:absolute;
	left:0;
	bottom:0;
	height:70px;
	line-height:70px;
}
.focus .textbg{background:url(images/textbg.png) repeat-x; height:127px;}
.focus p{
	font-size:20px;
	text-align:center;
}
.focus .prve,.focus .next{
	width:38px;
	height:76px;
	position:absolute;
	top:100px;
	cursor:pointer;
	opacity: 0.9;
    transition: opacity 0.2s;
}
.focus .prve{
	left:0px;
	background:url(images/prve.png) no-repeat;
}
.focus .next{
	right:0px;
	background:url(images/next.png) no-repeat;
}
.focus .prve:hover,.focus .next:hover{
	opacity: 1;
}

#layout1 .right{ width:526px;}
#layout1 .right li,#layout1 .right li .pic{
	width:249px;
	height:348px;
}
#layout1 .right li{
	float:left;
	display:inline;
	margin-left:14px;
}

#layout1 .list-1{ margin-left:-12px;}
#layout1 .list-1 li{
	float: left;width:291px;
	height: 155px;position:relative;
	margin:18px 0px 0px 12px; overflow:visible;
}
#layout1 .list-1 li a{ text-decoration:none;}
#layout1 .list-1 li .card{
	width: 100%;height: 100%;
	position:relative;
	transition:all 0.5s ease-out 0s;
	transform-style:preserve-3d;
	perspective:1000px;
}
#layout1 .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;
}
#layout1 .list-1 li:hover .front{transform: rotateY(-180deg);}
#layout1 .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);
}
#layout1 .list-1 li:hover .back{transform:rotateY(-360deg);z-index:4\9;}
#layout1 .list-1 li table{
	width: 100%;height: 100%;color: #fff;
	font-size:30px;line-height: 30px;text-align: center;
}
#layout1 .list-1 li .back table{opacity:0;}
#layout1 .list-1 li:hover .back table{opacity:1;font-size:16px; line-height:28px; text-align:left;}
#layout1 .list-1 li .back table td{padding: 0px 30px;}
#layout1 .list-1 .li-1 .front,#layout1 .list-1 .li-1:hover .back{ background:url(images/li-1.jpg) no-repeat;}
#layout1 .list-1 .li-2 .front,#layout1 .list-1 .li-2:hover .back{ background:url(images/li-2.jpg) no-repeat;}
#layout1 .list-1 .li-3 .front,#layout1 .list-1 .li-3:hover .back{ background:url(images/li-3.jpg) no-repeat;}
#layout1 .list-1 .li-4 .front,#layout1 .list-1 .li-4:hover .back{ background:url(images/li-4.jpg) no-repeat;}






.topic1{
	text-align: center;
	margin:32px 0px 20px 0px;
}
.topic1 img { display: inline-block;vertical-align: top;}


#layout2 ul{
	margin-left:-18px;
}
#layout2 li{
	float: left;
	width: 492px;
	height: 160px;
	border: 1px solid #f3d1a8;
	margin: 0px 0px 17px 27px;
	padding: 17px 44px 0px 44px;
	position: relative;
	overflow: visible;
	background:url(images/li.gif) no-repeat 48px 8px;
}
#layout2 li .num{
	position: absolute; font-weight:bold;
	left: -9px; color:#fff;
	top: 28px; font-size:23px;
	width:48px; text-align:center;
	height:40px; line-height:30px;
	background:url(images/num.png) no-repeat;
}
#layout2 li h5{
	font-size: 22px;
	height:44px;
	line-height:44px;
	font-weight:normal;
	border-bottom:1px dotted #ecc279;
}
#layout2 li p{
	line-height: 25px;
	max-height: 75px;
	color:#767676;
	margin-top: 16px;
}







#layout3 ul{ margin-left:-30px;}
#layout3 li{
	float: left;
	width: 282px;
	height: 427px;
	display:inline;
	background:#f2f7fb;
	border-top:2px solid #e23739;
	margin:0px 0px 28px 30px;
	padding:0px 48px 0px 50px;
}
#layout3 li .tit{
	font-size:24px;
	width:156px;
	height:78px;
	text-align:center;
	line-height:78px;
	color:#fff;
	background:#e7c790;
	border-radius:0px 0px 80px 80px;
	margin:-12px 0px 0px 57px;
	font-weight:bold;
	overflow:hidden;
}
#layout3 li h5{
	font-size:24px;
	line-height:60px;
	height:60px;
}
#layout3 li .pic{
	width:100%;
	height:185px;
}
#layout3 li p{
	color:#787878;
	line-height:24px;
	max-height:72px;
	margin-top:19px;
}








#layout4{ margin-top:71px;}
#layout4 .left{
	width:458px;
	height:632px;
	background:url(images/left.png) no-repeat;
	position:relative;
	padding:65px 54px 0px 88px;
}
#layout4 .left .title{
	position:absolute;
	top:-19px;
	left:48px;
}
#layout4 .left h5{
	font-size:29px;
	line-height:34px;
	max-height:68px;
	margin-bottom:29px;
}
#layout4 a{ color:#333;}
#layout4 .left li{
	font-size:18px;
	line-height:60px;
	height:60px;
	border-bottom:2px dotted #b2b2b2;
	background:url(images/li1.gif) no-repeat 13px center;
	padding-left:59px;
}


#layout4 .right{ width:538px;}
#layout4 .right .title{ margin:-19px 0px 19px 0px;}
#layout4 .right ul{ margin-left:-24px;}
#layout4 .right li{
	width:257px;
	float:left;
	margin:16px 0px 0px 24px;
	display:inline;
}
#layout4 .right li h5{
	width:100%;
	font-size:60px;
	text-align:center;
	line-height:153px;
	height:153px;
	color:#fff;
}
#layout4 .right .li1 h5{ background:#e7c790;}
#layout4 .right .li2 h5{ background:#d94a47;}
#layout4 .right .li3 h5{ background:#88ceff;}
#layout4 .right li p{
	font-size:30px;
	background:#f4f7f9;
	line-height:51px;
	height:51px;
	text-align:center;
	width:100%;
}