@charset "utf-8";
/* CSS Document */

body {
	background-color:#FFE4CA;
	background-image:url(../images/bg02.jpg);
	background-repeat:no-repeat;
	background-position:50% 1px;
}

.containerBg{
	position:absolute;
	top:29px;
	left:0;
	display:block;
	z-index:-999;
	background: url(../images/bg02.png) 0 0 repeat-x;
	margin:0;
	padding:0;
}


.container{
	width: 960px;
	margin: 0 auto; /* 侧边的自动值与宽度结合使用，可以将布局居中对齐 */
	border:0px solid #FFF;
	padding:1px 0;
	display:block;

}

/* ~~ 头部 ~~ */
.splHd {
	display:block;
	height:auto;
	text-align:center;
}
.splHd h1{
	display:none;
}
.splHd .wrap{
	margin-top:0;
	margin-bottom:0px;
	text-align:center;
	height:590px;
}
.splHd .wrap img{
	width:940px;
	margin:0 auto;
}
/*****导言*******/
.splNote{
	display:block;
	margin:25px 0 40px 0;
	padding:20px 40px;
	color:#fff;
	background-color:rgba(166, 33, 34, 1);
}
.splNote h2{
	background-image:none;
	padding:0;
	color:#fff;
}
.splNote p{
	font-size:18px;
	line-height:170%;
	margin:20px 0;
	padding:0;
	text-indent:36px;
}
/* ~~ 首页内容页 ~~ */


h2{
	display:block;
	margin:0;
	padding:0;
	height:80px;
	line-height:80px;
	font-size:34px;
	font-weight:100;
	color:#fff;
	background-image:url(../images/ft.png);
	background-repeat:no-repeat;
	background-position:top;
	text-align:center;
}
h2.ft01{
	background-position:0 0;
}
h2.ft02{
	background-position:0 -179px;
}
h2.ft03{
	background-position:0 -358px;
}
h2.ft04{
	background-position:0 -537px;
}


.wrapCon{
	display:block;
	margin:0 0 40px 0;
	padding:10px 20px 40px 20px;
	background-color:#1F69BE;
	color:#FFF;
	text-align:center;
}
.wrapCon a:link, .wrapCon a:visited{
	color:#A62122;
	text-decoration:underline;
}
.wrapCon a:hover, .wrapCon a:active, .wrapCon a:focus{
	color:#C22727;
	text-decoration:underline;
}


.splProducs,
.splArticle{
	margin:20px 0 0 0;
	padding:0;
	display:block;
}
.moreArticle{
	display:none;
}

.c01{
	background-color:#FFF;
}
.c02{
	background-color:#FFEFBF;
}
.c03{
	background-color:#5FCDE4;
}
.c04{
	background-color:#59B9FF;
}

.splArticle table{
	border:1px solid #666;
	border-collapse:collapse;
	background-color:#FFFFFF;
}
.splArticle th{
	padding:5px 10px;
	border:1px solid #666;
	background-color:#E3E3E3;
}
.splArticle td{
	padding:10px;
	border:1px solid #666;
}
.splArticle td ul{
	font-size:12px;
}

/*****产品*****/
.splProducs .cols2 img{
	display:block;
	width:300px;
	height:auto;
	border:none;
}
.splProducs .cols2 h4{
	text-align:center;
}

/******** *一列 ***********/
.cols1{
	display:block;
	margin:10px 0;
	padding:20px;
	background-color:#FFFFFF;
	border-bottom:1px dashed #333;
}
.cols1 h4{
	font-size:22px;
	margin:0 10px 20px 10px;
	padding:0;
}
.cols1 p{
	margin:10px;
}
.cols1 img{
	display:block;
	width:400px;
	height:260px;
	margin:0;
	border:none;
}
.cols1.colvideo img{
	display:block;
	width:200px;
	height:130px;
}

.cols1 img.fll{
	margin-right:20px;
}
.cols1 img.flr{
	margin-left:20px;
}
/*********两列***********/
.cols2{
	display:inline;
	width:435px;
	margin:0;
	padding:10px 0 30px 0;
}

.splArticle .cols2{
	height:240px;
}

.cols2 h4{
	font-size:20px;
	font-weight:800;
	text-align:left;
	color:#000;
	height:56px;
	margin:10px 0;
}

.cols3 h4 a:link, .cols3 h4 a:visited,
.cols2 h4 a:link, .cols2 h4 a:visited{
	color:#A62122;
	text-decoration:none;
}
.cols3 h4 a:hover, .cols3 h4 a:active, .cols3 f4 a:focus,
.cols2 h4 a:hover, .cols2 h4 a:active, .cols2 f4 a:focus{
	color:#C22727;
	text-decoration:underline;
}
.cols2 img{
	width:200px;
	height:130px;
	border:none;
}
.cols2 p{
	margin:10px 20px;
	font-size:14px;
	line-height:24px;
	color:#000;
	text-align:left;
}

.features {
    display: block;
    padding: 0;
    position: relative;
    text-align: left;
}

.cols2 .features p {
    font-size: 14px;
    line-height: 24px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
	left:220px;
	display:block;
	width:215px;
	color:#666;
}
/*********三列***********/
.cols3{
	display:inline;
	width:300px;
	height:auto;
	margin:10px 0;
	padding:0px;
	background-color:#f5f5f5;
	text-align:center;
}
.splProducs .cols3{
	height:400px;
}
.cols3 h4{
	font-size:16px;
	margin:20px;
}

.cols3 img{
	display:block;
	width:300px;
	height:300px;
	border:none;
}

.cols3.fl{
	margin-right:10px;
}


/********footer********/
.footer{
	border-top:0px solid #4D6600;
    color: #fff;
	margin:0;
	background-color:#A62122;
}
.footer .footerNav a:hover,.footer .footerNav a:active,.footer .footerNav a:focus{
  color:#f30;
  text-decoration:underline;
}
/* ~~ 其它浮动/清除类 ~~ */
.go-top {
	background: url("../images/backtop.png") no-repeat scroll 0 0 transparent;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.fll{
	float:left;
}
.flr{
	float:right;
}
.caseItem{
	display:inline;
	margin:0 0 0 10px;
	padding:0 10px;
	border-radius:4px;
	color:#FFFFFF;
	font-size:12px;	
}
.wrap01 .caseItem{
	background-color:#297CA5;
}
.wrap02 .caseItem{
	background-color:#4E7300;
}
.wrap03 .caseItem{
	background-color:#AA6600;
}
.caseItem a:link,.caseItem a:visited{
	text-decoration:underline;
}
.caseItem a:hover,.caseItem a:active,.caseItem a:focus{
	text-decoration:none;
}
.red{
	color:#8A0000;
}
/********右侧浮动导航*********/
.fltNav{
  	background: url("../images/floatbg.png") no-repeat scroll 0 133px transparent;
	display: block;
	width: 180px;
	height:auto;
	padding:0 0 15px 0;
	left:auto;
	position: fixed!important;
	_position:absolute;
	_top:expression(offsetParent.scrollTop+540);
	bottom:40%;
	right:0px;
	font-size:16px;
	color:#6C5700;
}
.fnav{
	margin:1px 0;
	padding:5px 10px 5px 20px;
	background-color:#86BA30;
	height:22px;
}
h2 a:link, h2 a:visited,
.fltNav a:link,.fltNav a:visited{
	color:#fff;
	text-decoration:none;
}
h2 a:hover, h2 a:active, h2 a:focus,
.fltNav a:hover,.fltNav a:active,.fltNav a:focus{
	color:#BADE7C;
	text-decoration:none;
}

.showMore{
	background-color:#eee;
	color:#666;
	font-size:20px;
	display:inline-block;
	width:200px;
	height:48px;
	line-height:48px;
	border-radius:5px;
	text-align:center;
	margin:0 auto;
	cursor:pointer;
}
.showMore:hover{
	background-color:#f5f5f5;
}

/****动画****/
.splHd .box{
	position:absolute;
	display:block;
	width:1000px;
	height:508px;
	margin:0 auto;
	left:50%;
	top:0;
	margin-left:-500px;
}
.cloud{
	position:absolute;
}
#cloud01{
	left:70px;
	top:233px;
}
#cloud02{
	left:150px;
	top:101px;
}
#cloud03{
	left:412px;
	top:38px;
}
#cloud04{
	left:850px;
	top:90px;
}
#cloud05{
	left:957px;
	top:220px;
}

.cloud:nth-child(1) {
		-webkit-animation: move 5s linear infinite alternate;
		        animation: move 5s linear infinite alternate;
	}
.cloud:nth-child(2) {
		-webkit-animation: move2 5s linear infinite alternate;
		        animation: move2 5s linear infinite alternate;
	}
.cloud:nth-child(3) {
		-webkit-animation: move 5s linear infinite alternate;
		        animation: move 5s linear infinite alternate;
	}
.cloud:nth-child(4) {
		-webkit-animation: move2 5s linear infinite alternate;
		        animation: move2 5s linear infinite alternate;
	}
.cloud:nth-child(5) {
		-webkit-animation: move 5s linear infinite alternate;
		        animation: move 5s linear infinite alternate;
	}
@-webkit-keyframes move{
		0%{
			-webkit-transform: translate3d(0, 0, 0);
			        transform: translate3d(0, 0, 0);
		}
		100%{
			-webkit-transform: translate3d(0, 10px, 0);
			        transform: translate3d(0, 10px, 0);
		}
	}
@keyframes move{
		0%{
			-webkit-transform: translate3d(0, 0, 0);
			        transform: translate3d(0, 0, 0);
		}
		100%{
			-webkit-transform: translate3d(0, 10px, 0);
			        transform: translate3d(0, 10px, 0);
		}
	}
@-webkit-keyframes move2{
		0%{
			-webkit-transform: translateY(10px);
			        transform: translateY(10px);
		}
		100%{
			-webkit-transform: translateY(0);
			        transform: translateY(0);
		}
	}
@keyframes move2{
		0%{
			-webkit-transform: translateY(10px);
			        transform: translateY(10px);
		}
		100%{
			-webkit-transform: translateY(0);
			        transform: translateY(0);
		}
	}