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

body {
	background-color:#DE262F;
	background-image:url(../images/bg02.png);
	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: 100%;
	margin: 0 auto; /* 侧边的自动值与宽度结合使用，可以将布局居中对齐 */
	border:0px solid #FFF;
	background-color:transparent;
	padding:0px;
}

/* ~~ 头部 ~~ */
.splHd {
	display:block;
	height:730px;
	text-align:center;
}
.splHd h1{
	display:none;
}
/*****导言*******/
.splNote{
	display:block;
	margin:-20px 20px 20px 20px;
	padding:10px 20px;
	color:#FFF;
}

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

.splNote h2{
	background-image:none;
	padding:0;
}
h2{
	display:block;
	margin:0;
	padding:30px 0;
	font-size:48px;
	color:#fff;
}
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;
	background-color:#1F69BE;
	color:#FFF;
}
.wrapCon a:link, .wrapCon a:visited{
	color:#fff;
	text-decoration:underline;
}
.wrapCon a:hover, .wrapCon a:active, .wrapCon a:focus{
	color:#FDDEC2;
	text-decoration:underline;
}

.splProducs,
.splArticle{
	margin:0 auto;
	padding:0;
	display:block;
	width:1000px;
}

.c01{
	background-color:#DE262F;
}
.c02{
	background-color:#F4C752;
	color:#DE262F;
}
.c01 h2{
	margin-top:-100px;
}
.c02 h2{
	color:#DE262F;
}

.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;
}
.splArticle ol{
	list-style:inside;
	list-style-type:decimal;
}
.splArticle{
	font-size:16px;
}

/*****产品*****/
.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-block;
	width:435px;
	margin:0;
	padding:10px 0 30px 0;
}

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

.cols2 h4 a:link,.cols2 h4 a:visited{
	color:#fff;
	text-decoration:none;
}
.cols2 h4 a:hover,.cols2 h4 a:active,.cols2 f4 a:focus{
	color:#FDDEC2;
	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;
}

.features2,
.features {
    display: block;
    padding: 0;
    position: relative;
    text-align: left;
}
.cols2 .features2 h3{
	position: absolute;
	margin:0;
	padding:0;
    top: 0;
	left:140px;
	display:block;
	width:215px;
	color:#fff;
}
.cols2 .features2 p{
    font-size: 16px;
    line-height: 24px;
    margin: 40px 0 0 0;
    padding: 0;
    position: absolute;
    top: 0;
	left:140px;
	display:block;
	width:300px;
	color:#fff;
}

.cols2 .features p {
    font-size: 14px;
    line-height: 24px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
	left:220px;
	display:block;
	width:215px;
	color:#fff;
}
.cols2 .features2{
	margin-top:40px;
}

.cols2 .features2 img{
	width:120px;
	height:120px;
}
/*********三列***********/
.cols3{
	display:inline;
	width:300px;
	height:auto;
	margin:10px 0;
	padding:0px;
	background-color:#f5f5f5;
	text-align:center;
}
.cols3 h4{
	font-size:16px;
}

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

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


/********footer********/
.footer{
	border-top:0px solid #03B9F7;
    color: #fff;
	margin:20px 0 0 0;
}
.footer .footerNav a:hover,.footer .footerNav a:active,.footer .footerNav a:focus{
  color:#FDDEC2;
  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{
	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:#A51820;
	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;
}
.footer{
	background-color:#A51820;
}

/****动画****/

.splHd .box2,
.splHd .box{
	position:absolute;
	display:block;
	width:1000px;
	height:508px;
	margin:0 auto;
	left:50%;
	top:0;
	margin-left:-500px;
}
.splHd .box{
	z-index:-2;
}
.splHd .box2{
	top:150px;
	z-index:-1;
}
.cloud{
	position:absolute;
}
#cloud01{
	left:70px;
	top:233px;
}
#cloud02{
	left:0px;
	top:120px;
}
#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, 15px, 0);
			        transform: translate3d(0, 15px, 0);
		}
	}
@keyframes move{
		0%{
			-webkit-transform: translate3d(0, 0, 0);
			        transform: translate3d(0, 0, 0);
		}
		100%{
			-webkit-transform: translate3d(0, 15px, 0);
			        transform: translate3d(0, 15px, 0);
		}
	}
@-webkit-keyframes move2{
		0%{
			-webkit-transform: translateY(15px);
			        transform: translateY(15px);
		}
		100%{
			-webkit-transform: translateY(0);
			        transform: translateY(0);
		}
	}
@keyframes move2{
		0%{
			-webkit-transform: translateY(15px);
			        transform: translateY(15px);
		}
		100%{
			-webkit-transform: translateY(0);
			        transform: translateY(0);
		}
	}