body, html { font-size: 100%; 	padding: 0; margin: 0;}

/* Reset */
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

body{
	background: #333;

}
/*nav*/
.htmleaf-demo a{color: #fff;text-decoration: none;}
.htmleaf-demo{width: 100%;padding-bottom: 1.2em;}
.htmleaf-demo a{display: inline-block;margin: 0.5em;padding: 0.6em 1em;border: 3px solid #fff;font-weight: 700;}
.htmleaf-demo a:hover{opacity: 0.6;}
.htmleaf-demo a.current{background:#1d7db1;color: #fff; }



.clearfix{display:block;clear:both;float:none;}
body{display:block;margin:0;padding:0;}

.video-back{display:block;padding:80px 0px 0px 0px;text-align:center;}
.video-back h3{display:block;text-align:center;color:#fff;text-shadow:2px 2px 3px #333;font-size:30px;
}
.video-back h3 span{
	font-size:36px;color:#ffcc00;}
.video-back ul.h4txt{
	margin:0 auto;
	width:640px;
	overflow:hidden;}
	
.video-back ul.h4txt li{
	list-style-type:none;
	float:left;
	width:260px;
	margin:0 20px 20px 20px;
	padding-left:40px;
	text-align:left;color:#fff;text-shadow:1px 1px 2px #000;font-size:24px;
font-family:"寰蒋闆呴粦";
	font-weight:bold;
	background:url(../images/in_gou.png) left no-repeat;}	
	
.video-back h4{
float:left;}

.video-back p{display:block;color:#fff;text-shadow:2px 2px 1px #000;margin:0px;padding:0px;margin-bottom:20px;}
.video-back img{
	display:block;
	padding-top:30px;}



.container{ width:840px; height:auto; overflow:hidden; margin:0 auto; position:relative;}
.inPro-list{
	height:auto;
	overflow:hidden;
	margin:50px auto;
	}
.side{
	background-color:#fff;
	padding:20px;
	text-align:left;
	font-size:16px;
	}
.side span.numbertxt{
	font-size:18px;
	color:#ffcc00;
	font-weight:bold;}	
.side img{
	display:block;
	margin:0 auto;
	}

.inPro-tit{
	font-size:24px;
	color:#373d41;
	text-align:center;
	padding-top:26px;}
/*.side dl dt{
	font-size:24px;
	color:#fff;
	padding:20px 0px 10px 0px;}	
.side dl dd{
	font-size:14px;
	line-height:32px;
	padding:0px 0px 0px 95px;
	text-align:left;}
.side dl dd a{
	display:block;
	color:#fff;}
	*/
.flipper {
	float:left;
	z-index:5;
	display:block;
	-webkit-transition:.6s;
	-moz-transition:.6s;
	-o-transition:.6s;
	transition:.6s;
	position:relative;
	margin-right:40px;
	opacity:0.85;filter:alpha(opacity=85);}
.marnone{margin-right:0px;}
.flipper:hover .back {
	padding:20px;
	text-align:left;
	font-size:16px;
	-webkit-transform:scaleX(1);
	-moz-transform:scaleX(1);
	-ms-transform:scaleX(1);
	-o-transform:scaleX(1);
	transform:scaleX(1);
	opacity:1;
	color:#fff;
	cursor:pointer;
	z-index:999;}
.flipper:hover .front {
	-webkit-transform:scaleX(-1);
	-moz-transform:scaleX(-1);
	-ms-transform:scaleX(-1);
	-o-transform:scaleX(-1);
	transform:scaleX(-1);
	opacity:0;
	cursor:pointer;}
.flipper,.flipper .back,.flipper .front {
	width:180px;
	height:200px;
	}
.flipper .back,.flipper .front {
	position:absolute;
	top:0;
	left:0;
	-webkit-transition:.6s;
	-moz-transition:.6s;
	-o-transition:.6s;
	transition:.6s;}
.flipper .front {
	z-index:5;}
.flipper .back {
    -webkit-transform:scaleX(-1);
	-moz-transform:scaleX(-1);
	-ms-transform:scaleX(-1);
	-o-transform:scaleX(-1);
	transform:scaleX(-1);
	background:#039;
	}

.movelayer{ position:absolute; top:0px; opacity:0; transition:all 0.5s;}
.movelayer2{ position:absolute; top:112px; opacity:0; transition:all 0.5s;}
.move01{ opacity:1;}
.move02{ opacity:1; transition-delay:0.4s}
.move03{ opacity:1; transition-delay:0.8s}
.move04{ opacity:1; transition-delay:1.2s}
.move05{ opacity:1; transition-delay:1.6s}
.move06{ opacity:1; transition-delay:2s}
.move07{ opacity:1; transition-delay:2.4s}
.move08{ opacity:1; transition-delay:2.8s}
.move09{ opacity:1; transition-delay:3.2s}
.move10{ opacity:1; transition-delay:3.6s}