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

body {
	background-color:#FDEFCC;
	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.jpg) 0 0 repeat-x;
	margin:0;
	padding:0;
}


.container{
	width: 960px;
	margin: 0 auto; /* 侧边的自动值与宽度结合使用，可以将布局居中对齐 */
	border:0px solid #FFF;
	background-color:transparent;
	padding:20px;
	background:rgba(213, 176, 102, 0.4);
}

/* ~~ 头部 ~~ */
.splHd {
	display:block;
	height:476px;
	text-align:center;
}
.splHd h1{
	display:none;
}
/*****导言*******/
.splNote{
	display:block;
	margin:20px;
	padding:10px 20px;
	color:#FFF;
	background-color:#D63C16;
	background:rgba(214, 60, 22, 0.8);
}

.splNote p{
	font-size:18px;
	line-height:170%;
	color:#FFF;
	margin:20px 0;
	padding:0;
	text-indent:0;
}
div.img{
	text-align:center;
}
div.img img{
	margin:40px auto;
}
/* ~~ 首页内容页 ~~ */

.splNote h2{
	background-image:none;
	padding:0;
	height:auto;
}
h2{
	display:block;
	margin:0;
	height:210px;
	line-height:150px;
	font-size:46px;
	font-weight:100;
	color:#fff;
	background-image:url(../images/ft.png);
	background-repeat:no-repeat;
	background-position:bottom;
	text-align:center;
}
h3{
	font-size:36px;
	color:#333;
	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;
	padding:10px 20px 40px 20px;
	color:#FFF;
}
.td{
	display:block;
	margin:40px 0 0 0;
	background-image:url(../images/td_bg.png);
	background-repeat:no-repeat;
	font-size:36px;
	padding-left:100px;
}
.wrapCon .td a:link, .wrapCon .td a:visited{
	display:block;
	margin:0;
	padding:0;
	height:80px;
	line-height:80px;
	color:#fff;
	text-decoration:none;
}
.wrapCon .td a:hover, .wrapCon .td a:active{
	color:#F4CBBD;
}
.wrapCon a:link, .wrapCon a:visited{
	color:#26340E;
	text-decoration:underline;
}
.wrapCon a:hover, .wrapCon a:active, .wrapCon a:focus{
	color:#D80000;
	text-decoration:underline;
}

.splProducs,
.splArticle{
	margin:0;
	padding:0;
	display:block;
}

.c01{
	background-color:#FFC926;
}
.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;
}
.cols1 h4{
	font-size:22px;
	margin:0 10px 20px 10px;
	padding:0;
}
.cols1 p{
	margin:10px;
}
.cols1 img{
	display:block;
	width:920px;
	height:720px;
	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:450px;
	margin:0;
	padding:10px 0 30px 0;
}

.cols2 h4{
	font-size:20px;
	font-weight:800;
	text-align:center;
	color:#000;
}

.cols2 h4 a:link,.cols2 h4 a:visited{
	color:#26340E;
	text-decoration:none;
}
.cols2 h4 a:hover,.cols2 h4 a:active,.cols2 f4 a:focus{
	color:#8C4600;
	text-decoration:underline;
}
.cols2 img{
	width:450px;
	height:auto;
	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:#444;
}
/*********三列***********/
.cols3{
	display:inline;
	width:300px;
	height:auto;
	margin:10px 0;
	padding:20px 0;
	background-color:#fff;
	text-align:center;
}
.cols3 h4{
	font-size:16px;
}

.cols3 img{
	display:block;
	width:240px;
	height:390px;
	border:none;
	margin:auto;
}

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


/********footer********/
.footer{
	border-top:0px solid #03B9F7;
    color: #fff;
	margin:20px 0 0 0;
	background-color:#D5B066;
}
.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: 120px;
	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:#D63A14;
	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:#F4CBBD;
	text-decoration:none;
}

/****动画****/
.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);
		}
	}