@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%;
}
.pic img{
	height: 100%;
	width: 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;
}








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








#footer{
	line-height:26px;
	padding:58px 0px;
	border-top:none;
	text-align:center;
	background:#009fa6;
}









#hot{
	background:url(images/hot.jpg) no-repeat center top;
}
#hot .box{
	height:262px;
	background:url(images/tt.png) no-repeat 36px 117px;
	overflow:hidden;
}
#hot h1{
	width:1002px;
	margin:87px 0px 6px 148px;
	text-align:center;
	font-size:44px;
	line-height:60px;
	height:60px;
}
#hot h1 a{ color:#298734;}
#hot p{
	font-size:18px;
	color:#02440a;
	line-height:32px;
	height:64px;
	margin:0px 38px 0px 154px;
}







.title{ margin:0px 0px 32px 395px;}

#layout1{
	background:url(images/ly1-bg.jpg) no-repeat center top;
}
#layout1 .box{
	height:704px;
}
#layout1 .left,#layout1 .pic{
	width:596px;
	height:418px;
}
#layout1 .left{ position:relative;}
#layout1 .textbg,#layout1 .left p{
	width:100%;
	position:absolute;
	left:0;
	bottom:0;
}
#layout1 .textbg{
	height:74px;
	background:url(images/textbg.png) repeat-x left bottom;
}
#layout1 .left p{
	font-size:16px;
	text-align:center;
	line-height:40px;
	height:40px;
}
#layout1 .left p a{ color:#fff;}

#layout1 .right{
	width:590px;
	margin-top:-18px;
}
#layout1 .right li h5{
	line-height:40px;
	height:40px;
	border-bottom:1px solid #e4e6e5;
	font-size:20px;
	margin-top:11px;
}
#layout1 .right li p{
	font-size:16px;
	color:#838383;
	line-height:30px;
	height:60px;
}
.more{
	width:149px;
	height:34px;
	border:1px solid #8ec196;
	border-radius:11px;
	background:url(images/more.png) no-repeat 54px 8px;
	text-indent:-9999px;
	display:block;
	margin:33px 0px 0px 525px;
}







#layout2{
	margin:34px auto 50px auto;
}
#layout2 ul{ margin:6px 0px 0px -39px;}
#layout2 li{
	width:374px;
	float:left;
	display:inline;
	margin:28px 0px 0px 39px;
}
#layout2 .photo{
	position:relative;
	width:374px;
	height:247px;
}
#layout2 .photo .shadow{
	height:100%;
	display:none;
}
#layout2 .photo img{
	width:100%;
	height:100%;
}
#layout2 .photo .shadow{
	position:absolute;
	width:100%;
	left:0px;
	bottom:0px;
	filter:alpha(opacity=50);-moz-opacity:0.50;opacity:0.50;
	background:#000;
}
#layout2 .photo:hover .shadow{
	display:block;
}
#layout2 .photo a{ color:#fff;}

#layout2 .photo .figcaption{
	color:#fff;
	text-transform: uppercase;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
#layout2 .photo .figcaption,#layout2 .photo .figcaption a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
#layout2 .photo a{
	z-index:1000;
}
#layout2 .photo .figcaption::before,#layout2 .photo .figcaption::after {
	position: absolute;
	top:14px;
	right:18px;
	bottom:14px;
	left:18px;
	content: '';
	opacity: 0;
	pointer-events: none;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
#layout2 .photo .figcaption::before {
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}
#layout2 .photo .figcaption::after {
	border-right: 2px solid #fff;
	border-left: 2px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}
#layout2 .photo .figcaption .circle{
	position:relative;
	width:100px;
	height:100px;
	border-radius:50%;
	overflow:hidden;
	margin:0px auto;
	opacity: 0;
	-webkit-transform:scale(0,0);
	transform:scale(0,0);
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}
#layout2 .photo:hover .figcaption .circle{
	opacity: 1;
	-webkit-transform:scale(1,1);
	transform:scale(1,1);
}
#layout2 .photo .figcaption .circle span{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	border:2px solid #869bab;
	border-radius:50%;
	background:#000;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	opacity:0.3;
	z-index:10;
}
#layout2 .photo .figcaption p{
	text-align:center;
	opacity:0;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
	font-weight:normal;
	font-weight:normal;
	text-align:center;
	line-height:40px;
}
#layout2 .photo .figcaption p{
	margin:15% 12.4% 0 12.4%;
	font-size:16px;
	line-height:35px;
	max-height:140px;
}
#layout2 .photo:hover .figcaption::before,#layout2 .photo:hover .figcaption::after{
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
#layout2 .photo:hover p{
	opacity:1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
#layout2 li h5{
	font-size:18px;
	text-align:center;
	font-weight:normal;
	line-height:46px;
	height:46px;
}
#layout2 li h5 a{ color:#222;}