@charset "utf-8";
/* CSS Document */
* {
	margin: 0px;
	padding: 0px;
}
body {
	font-family: "微软雅黑", "宋体", "新宋体", "仿宋_GB2312";
	font-size: 12px;
	line-height:24px;
}
ul li {
	list-style: none;
}
img {
	border: none;
}
/* img, iframe {
	max-width: 100%;
	box-sizing: border-box;
} */
a:link, a:visited {
	text-decoration: none;
	color: #404040;
}
a:hover {
	text-decoration: none;
	color: #8c0e0e;
}

.clear{
	clear:both;
}
.c:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html .c {
	height: 1%;
}
a:link, a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
.wrap{
	width: 1050px;
	margin: 0 auto;
}
#header{
	width: 100%;

}
.top{
	height: 116px;
	overflow: hidden;
	position:relative;
	overflow:hidden;
}
.logo{
	position:absolute;
	left:0px;
	top:0px;
}

.container{
	width: 1050px;
	margin:0 auto;
}
#topRight{

	float: right;
	padding-top: 18px;
	position: relative;
}
#topRight p{
	line-height: 24px;
	color: #009140;
	font-size: 15px;
	font-weight: bold;
	padding: 0px 45px;
}
#topRight p span{
	color: #343432;
}
#topRight #tel{
	width: 142px;
	height: 30px;
	line-height: 30px;
	float: left;
	padding-left: 50px;
	background: url(../images/tel.jpg) 25px center no-repeat;
	color: #009140;
	font-size: 19px;
	font-family:"微软雅黑";
	margin-top: 6px;
}
/* 我要咨询开始 */
#topRight {
	position: relative;
}
.line {
	position: absolute;
	background-color: #009140;
}
.line.lb {
	right: 474px;
	bottom: 10px;
	/*width: 10px;*/
	height: 1px;
}
.line.ll {
	left: 0;
	bottom: 10px;
	width: 1px;
	/*height: 50px;*/
}
.line.lt {
	left: 0;
	bottom: 60px;
	/*width: 10px;*/
	height: 1px;
}
.line.rt {
	bottom: 60px;
	left: 454px; /* 484-width */
	/*width: 30px;*/
	height: 1px;
}
.line.rr {
	top: 41px;
	right: 0;
	width: 1px;
	/*height: 50px;*/
}
.line.rb {
	right: 0;
	bottom: 10px;
	height: 1px;
	/*width: 290px;*/
}
.line.arrow {
	right: 286px;
	bottom: 4px;
	font-size: 12px;
	font-family: simsun;
	color: #009140;
	/*width: 12px;*/
	width: 0;
	height: 12px;
	line-height: 12px;
	background: none;
	overflow: hidden;
	text-align: right;
}
/* 我要咨询结束 */


#advisory{
	width: 72px;
	height: 22px;
	line-height: 22px;
	border: #009140 1px solid;
	font-size: 12px;
	text-align: center;
	color: #009140;
	position:absolute;
	right:190px;
	top:78px;
	z-index:999;
	background:url(../images/white.jpg);
}
.maxWidth{
	max-width: 1600px;
	margin:0 auto;
}
#header .nav{
	height: 44px;
	background: rgba(88,210,232,1);
	z-index:999;
	position:relative;
}
#header .nav ul li{
	width: 143px;
	line-height: 44px;
	float: left;
	text-align: center;
	position:relative;
}
#header .nav ul li a{
	height: 44px;
	display: block;
	color: #fff;
	font-size: 14px;
}
#header .nav ul li a:hover{
	color: #58D2E8;
	background: #fff;
}
/* #header .nav ul li ul{
	display:none;
	position:absolute;
	left:0px;
	top:44px;
	width: 125px;
}
#header .nav ul li ul li {
	height:44px;
	line-height:44px;
	background:#009140;
	color:#FFF;
	margin-bottom:1px;
	cursor:pointer;
}
#header .nav ul li.hover ul{
	display:block;
} */

#header .nav ul li ul.subNav {
	display: none;
	position: absolute;
}
#header .nav ul li ul.subNav li {
	background: #58D2E8;
	width: 143px;/*IE6 only*/
	float: none;
}




/* .banner{
	height: 100%;
	overflow: hidden;
	text-align:center;
	height:413px;
} */
.banner {
	width: 100%;
	height: 413px;
	overflow: hidden;
	position: relative;
	font-size: 0
}
.b-img {
	height: 500px;
	position: absolute;
	left: 0;
	top: 0;
}
.b-img a {
	display: block;
	height: 413px;
	float: left;
}
.b-list {
	height: 50px;
	padding-top: 380px;
	position: relative;
	margin: 0 auto;
	z-index: 1;
}
.b-list span {
	display: block;
	cursor: pointer;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	border: 3px solid #fff;
	float: left;
	margin: 0 5px;
	margin: 0 3px;
}
.b-list .spcss {
	border: 3px solid #14ab04;
}
.bar-left {
	position: absolute;
	z-index: 1;
	display: block;
	width: 100px;
	height: 100%;
	left: 0px;
	background: none;
	top: 0px;
}
.bar-right {
	position: absolute;
	z-index: 1;
	display: block;
	width: 100px;
	height: 100%;
	right: 0px;
	background: none;
	top: 0px;
}
.bar-left em {
	display: block;
	width: 50px;
	height: 100px;
	background: url(../images/arrow.png) 0px 0px no-repeat;
	margin: 0 auto;
	margin-top: 113px;
}
.bar-right em {
	display: block;
	width: 50px;
	height: 100px;
	background: url(../images/arrow.png) -50px 0px no-repeat;
	margin: 0 auto;
	margin-top: 113px;
}
.bar-left .emcss {
	background-position: 0px -100px;
}
.bar-right .emcss {
	background-position: -50px -100px;
}

.main{
	width: 100%;
	overflow: hidden;
}
.imglistbg{
	padding-top: 36px;
	padding-bottom: 44px;
	background:url(../images/footer-bg.jpg)
}
/* .imglist{
	width: 100%;
} */
.imglist dt{
	height: 116px;
	position: relative;
}
.imglist dt .Imglistlogo{
	position: absolute;
	left: 236px;
	top: 0;
	width: 130px;
	height: 116px;
	animation: myimglistlogo 0.8s linear forwards;
	-webkit-animation: myimglistlogo 0.8s linear forwards;
	-moz-animation: myimglistlogo 0.8s linear forwards;
	-o-animation: myimglistlogo 0.8s linear forwards;
	-ms-animation: myimglistlogo 0.8s linear forwards;
	-khtml-animation: myimglistlogo 0.8s linear forwards;
}
@keyframes myimglistlogo{
	from{
		opacity: 0;
		transform:scale(4);
		-webkit-transform:scale(4);
		-moz-transform:scale(4);
		-ms-transform:scale(4);
		-o-transform:scale(4);
		-khtml-transform:scale(4);
	}
	to{
		opacity: 1;
		transform:scale(1);
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		-ms-transform:scale(1);
		-o-transform:scale(1);
		-khtml-transform:scale(1);
	}
}
@-webkit-keyframes myimglistlogo{
	from{
		opacity: 0;
		-webkit-transform:scale(4);
	}
	to{
		opacity: 1;
		-webkit-transform:scale(1);
	}
}
@-moz-keyframes myimglistlogo{
	from{
		opacity: 0;
		-moz-transform:scale(4);
	}
	to{
		opacity: 1;
		-moz-transform:scale(1);
	}
}
@-o-keyframes myimglistlogo{
	from{
		opacity: 0;
		-o-transform:scale(4);
	}
	to{
		opacity: 1;
		-o-transform:scale(1);
	}
}
@-ms-keyframes myimglistlogo{
	from{
		opacity: 0;
		-ms-transform:scale(4);
	}
	to{
		opacity: 1;
		-ms-transform:scale(1);
	}
}
@-khtml-keyframes myimglistlogo{
	from{
		opacity: 0;
		-khtml-transform:scale(4);
	}
	to{
		opacity: 1;
		-khtml-transform:scale(1);
	}
}
.imglist dt .en{
	left:293px;
	top: 36px;
	font-size: 65px;
	font-family:-webkit-pictograph;
	font-weight: bold;
	position: absolute;	
	color: #d1d1d1;
	opacity: 0;
	text-transform: uppercase;
}
.enMovie{
	animation: myen 0.8s linear 0.8s forwards;
	-webkit-animation: myen 0.8s linear 0.8s forwards;
	-moz-animation: myen 0.8s linear 0.8s forwards;
	-o-animation: myen 0.8s linear 0.8s forwards;
	-ms-animation: myen 0.8s linear 0.8s forwards;
	-khtml-animation: myen 0.8s linear 0.8s forwards;
}
@keyframes myen{
	from{
		opacity: 0;
		transform:scale3d(0,0,6);
		-moz-transform:scale3d(0,0,6);
		-o-transform:scale3d(0,0,6);
		-webkit-transform:scale3d(0,0,6);
		-ms-transform:scale3d(0,0,6);
		-khtml-transform:scale3d(0,0,6);
	}
	to{
		opacity: 1;
		transform:scale3d(1,1,1);
		-webkit-transform:scale3d(1,1,1);
		-moz-transform:scale3d(1,1,1);
		-o-transform:scale3d(1,1,1);
		-ms-transform:scale3d(1,1,1);
		-khtml-transform:scale3d(1,1,1);
	}
}
@-webkit-keyframes myen{
	from{
		opacity: 0;
		-webkit-transform:scale3d(0,0,6);
	}
	to{
		opacity: 1;
		-webkit-transform:scale3d(1,1,1);
	}
}
@-moz-keyframes myen{
	from{
		opacity: 0;
		-moz-transform:scale3d(0,0,6);
	}
	to{
		opacity: 1;
		-moz-transform:scale3d(1,1,1);
	}
}
@-o-keyframes myen{
	from{
		opacity: 0;
		-o-transform:scale3d(0,0,6);
	}
	to{
		opacity: 1;
		-o-transform:scale3d(1,1,1);
	}
}
@-ms-keyframes myen{
	from{
		opacity: 0;
		-ms-transform:scale3d(0,0,6);
	}
	to{
		opacity: 1;
		-ms-transform:scale3d(1,1,1);
	}
}
@-khtml-keyframes myen{
	from{
		opacity: 0;
		-khtml-transform:scale3d(0,0,6);
	}
	to{
		opacity: 1;
		-khtml-transform:scale3d(1,1,1);
	}
}
.imglist dt .ch{
	position: absolute;
	left:350px;
	top:36px;
	font-family: "微软雅黑";
	font-size: 28px;
	opacity: 0;
	z-index: 9;
	letter-spacing: -2px;
	color: #323232;
	font-weight:bold
}
.imglist dt .chMovie{
	animation: mych 0.8s linear 1.6s forwards;
	-webkit-animation: mych 0.8s linear 1.6s forwards;
	-moz-animation: mych 0.8s linear 1.6s forwards;
	-o-animation: mych 0.8s linear 1.6s forwards;
	-ms-animation: mych 0.8s linear 1.6s forwards;
	-khtml-animation: mych 0.8s linear 1.6s forwards;
}
.imglist dt .ch span{
	color: #009140;
	padding-right: 10px;
}
@keyframes mych{
	from{
		opacity: 0;
		transform:scale(6,6);
	}
	to{
		opacity: 1;
		transform:scale3d(1,1,1);
	}
}
@-webkit-keyframes mych{
	from{
		opacity: 0;
		-webkit-transform:scale(6,6);
	}
	to{
		opacity: 1;
		-webkit-transform:scale3d(1,1,1);
	}
}
@-moz-keyframes mych{
	from{
		opacity: 0;
		-moz-transform:scale(6,6);
	}
	to{
		opacity: 1;
		-moz-transform:scale3d(1,1,1);
	}
}
@-o-keyframes mych{
	from{
		opacity: 0;
		-o-transform:scale(6,6);
	}
	to{
		opacity: 1;
		-o-transform:scale3d(1,1,1);
	}
}
@-ms-keyframes mych{
	from{
		opacity: 0;
		-ms-transform:scale(6,6);
	}
	to{
		opacity: 1;
		-ms-transform:scale3d(1,1,1);
	}
}
@-khtml-keyframes mych{
	from{
		opacity: 0;
		-khtml-transform:scale(6,6);
	}
	to{
		opacity: 1;
		-khtml-transform:scale3d(1,1,1);
	}
}
.imglist dt p.text{
	position: absolute;
	left:425px;
	top:68px;
	color: #2c2c2c;
	font-size: 16px;
	z-index: 99;
	opacity: 0;
}
.imglist dt p.pMovie{
	animation: myp 0.8s linear 2.4s forwards;
	-webkit-animation: myp 0.8s linear 2.4s forwards;
	-moz-animation: myp 0.8s linear 2.4s forwards;
	-ms-animation: myp 0.8s linear 2.4s forwards;
	-o-animation: myp 0.8s linear 2.4s forwards;
	-khtml-animation: myp 0.8s linear 2.4s forwards;
}
@keyframes myp{
	from{
		opacity: 0;
		transform:scale3d(0,0,6);
	}
	to{
		opacity: 1;
		transform:scale(1,1);
	}
}
@-webkit-keyframes myp{
	from{
		opacity: 0;
		-webkit-transform:scale3d(0,0,6);
	}
	to{
		opacity: 1;
		-webkit-transform:scale(1,1);
	}
}
@-moz-keyframes myp{
	from{
		opacity: 0;
		-moz-transform:scale3d(0,0,6);
	}
	to{
		opacity: 1;
		-moz-transform:scale(1,1);
	}
}
@-o-keyframes myp{
	from{
		opacity: 0;
		-o-transform:scale3d(0,0,6);
	}
	to{
		opacity: 1;
		-o-transform:scale(1,1);
	}
}
@-ms-keyframes myp{
	from{
		opacity: 0;
		-ms-transform:scale3d(0,0,6);
	}
	to{
		opacity: 1;
		-ms-transform:scale(1,1);
	}
}
@-khtml-keyframes myp{
	from{
		opacity: 0;
		-khtml-transform:scale3d(0,0,6);
	}
	to{
		opacity: 1;
		-khtml-transform:scale(1,1);
	}
}
.imglist dd.img .marquee{
	    width: 780px;;
	height:350px;
	overflow:hidden;
	float:right;
}
.imglist dd.img ul li {
	width: 220px;
	text-align: center;
	float: left;
	background:#ffffff;
	margin:0 15px;
	padding-bottom:10px;
	height: 340px;
}
.imglist dd.img ul li:hover{
	background:#67c237;
	
}
.imglist dd.img ul li:hover a{
	color:#FFFFFF;
}
.imglist dd.img ul li .imgbox {
	width: 176px;
	height: 210px;
	display: block;
	display: table-cell;
	overflow: hidden;
	vertical-align: middle;
	*font-size:183px;
	*display: block;
	*font-family:Arial;
	padding:20px 22px;
}
.imglist dd.img ul li .imgbox img {
	vertical-align: middle;
	width: 176px;
    height: 220px;
}

.imglist dd.img ul li .imgbox a{
	height:210px;
	display:block;
}
.imglist dd.img ul li div {
	margin-top:12px;
	height: 34px;
	line-height: 34px;
	text-align: center;
}
.imglist dd.img ul li div a{
	color: #7b7a7a;
}
.imglist dd.img ul li a.messages{
	margin: 0 auto;
	width: 72px;
	height: 24px;
	background: url(../images/message.png) center center no-repeat;
	display:block;
}

.productbg{
	width: 100%;
	
}
.product dt .en{
	left:240px;
}
.product dt .enMovie{
	animation: myen 0.8s linear forwards;
	-webkit-animation: myen 0.8s linear forwards;
	-moz-animation: myen 0.8s linear forwards;
	-ms-animation: myen 0.8s linear forwards;
	-o-animation: myen 0.8s linear forwards;
	-khtml-animation: myen 0.8s linear forwards;
}
.product dt .ch{
	left:404px;
}
.product dt .chMovie{
	animation: mych 0.8s linear 0.8s forwards;
	-webkit-animation: mych 0.8s linear 0.8s forwards;
	-moz-animation: mych 0.8s linear 0.8s forwards;
	-ms-animation: mych 0.8s linear 0.8s forwards;
	-o-animation: mych 0.8s linear 0.8s forwards;
	-khtml-animation: mych 0.8s linear 0.8s forwards;
}
.product dt p.text{
	left: 418px;
}
.product dt p.pMovie{
	animation: myp 0.8s linear 1.6s forwards;
	-webkit-animation: myp 0.8s linear 1.6s forwards;
	-moz-animation: myp 0.8s linear 1.6s forwards;
	-ms-animation: myp 0.8s linear 1.6s forwards;
	-o-animation: myp 0.8s linear 1.6s forwards;
	-khtml-animation: myp 0.8s linear 1.6s forwards;
}
.proClass{
	width:218px;
	float: left;
}
.proClass dt{
	height: 87px;
	line-height: 87px;
	background: url(../images/proclasstop.jpg) 0 0 no-repeat;
	text-align: center;
	font-size: 32px;
	color: #fff;
}
.proClass dd{
	border-left: #009140 2px solid;
	border-right: #009140 2px solid;
	border-bottom: #009140 9px solid;
}
.proClass dd .enName{
	height: 46px;
	line-height: 46px;
	border-bottom: #009140 1px solid;
	font-size: 18px;
	color: #009140;
	text-align: center;
}
.proClass dd ul li{
	height: 34px;
	line-height: 34px;
	border-bottom: #767676 1px dashed;
	background:  url(../images/arrow.jpg) 24% center no-repeat;
	padding-left: 30%;
	font-size: 12px;
}
.proClass dd ul li a{
	color: #009140;
}
.proList{
	width: 776px;
	float: right;
}
.proList dt {
	height: 40px;
	line-height: 40px;
	color: #8d8c8c;
	font-size: 16px;
}
.proList dt span{
	height: 40px;
	line-height: 40px;
	display: block;
	background: #009140;
	padding: 0px 10px;
	font-size: 18px;
	color: #fff;
	margin-right: 10px;
	float: left;
}
.proList dt span a{
	color:#FFFFFF;
}
.proList dt .category{
	float: right;
}
.proList dt .category a{
	width: 116px;
	height: 40px;
	line-height: 40px;
	margin: 0px 6px;
	border-top: #009140 2px solid;
	text-align: center;
	color: #2e2e2e;
	display: block;
	float: left;
}
.proList dt .category a:hover{
	background: #e0e0e0;
}
.proList dd {
	width:100%;
	padding-top: 10px;
	height:100%;
	overflow:hidden;
}
.proList dd  ul{
	width:786px;
}
.proList dd.con ul li{
	width: 252px;
	height:222px;
	float: left;
	position: relative;
	margin-right:10px;
}
.proList dd.con ul li .imgbox {
	width: 250px;
	height: 190px;
	display: block;
	display: table-cell;
	overflow: hidden;
	vertical-align: middle;
	*font-size:165px;
	*display: block;
	*font-family:Arial;
}
.proList dd.con ul li .imgbox img {
	vertical-align: middle;
	width: 250px;
	height: 190px;
}

.proList dd.con ul li a{
	display: block;
}
.proList dd.con ul li img {
	width: 100%;
	border: #d2d2d2 1px solid;
}
.proList dd.con ul li div{
	height: 24px;
	line-height: 24px;
	text-align: center;
}
.proList dd.con ul li div a{
	color: #7b7a7a;
}
.select{
	margin-top: 36px;
}
.select dt{
	height: 136px;
	position: relative;
}
.select dt .left{
	width: 55.125%;
	height: 102px;
	float: left;
	position: absolute;
	left: -50%;
	opacity: 0px;
	background: url(../images/selectleft.png) right top no-repeat ;
	z-index: 99;
	overflow: hidden;
	opacity:0;
}
.select dt .leftMovie{
	animation: myleft 1s linear forwards;
	-webkit-animation: myleft 1s linear forwards;
	-moz-animation: myleft 1s linear forwards;
	-ms-animation: myleft 1s linear forwards;
	-o-animation: myleft 1s linear forwards;
	-khtml-animation: myleft 1s linear forwards;
}
@keyframes myleft{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		left:0;
	}
}
@-webkit-keyframes myleft{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		left:0;
	}
}
@-moz-keyframes myleft{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		left:0;
	}
}
@-o-keyframes myleft{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		left:0;
	}
}
@-ms-keyframes myleft{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		left:0;
	}
}
@-khtml-keyframes myleft{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		left:0;
	}
}
.select dt .left .text{
	width: 88%;
	height: 102px;
	line-height: 102px;
	padding-right: 72px;
	font-family: "黑体";
	font-weight:bold;
	font-size: 40px;
	opacity: 0;
	left: -50px;
	text-align: right;
	color: #fff;
}
.select dt .left .textMoive{
	animation: mytext 1s linear  forwards;
	-webkit-animation: mytext 1s linear  forwards;
	-moz-animation: mytext 1s linear  forwards;
	-ms-animation: mytext 1s linear  forwards;
	-o-animation: mytext 1s linear  forwards;
	-kthml-animation: mytext 1s linear  forwards;
}
@keyframes mytext{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		left:0%;
	}
}
@-webkit-keyframes mytext{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		left:0%;
	}
}
@-moz-keyframes mytext{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		left:0%;
	}
}
@-o-keyframes mytext{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		left:0%;
	}
}
@-ms-keyframes mytext{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		left:0%;
	}
}
@-khtml-keyframes mytext{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		left:0%;
	}
}
.select dt .right{
	width: 50%;
	height: 80px;
	float: left;
	position: absolute;
	right: -50%;
	opacity: 0;
	background: url(../images/selectright.jpg) left top no-repeat ;
	margin-top: 20px;
	z-index: 1;
}
.select dt .rightMovie{
	animation: myright 1s linear forwards;
	-webkit-animation: myright 1s linear forwards;
	-moz-animation: myright 1s linear forwards;
	-ms-animation: myright 1s linear forwards;
	-o-animation: myright 1s linear forwards;
	-kthml-animation: myright 1s linear forwards;
}
@keyframes myright{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		right:0%;
	}
}
@-webkit-keyframes myright{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		right:0%;
	}
}
@-moz-keyframes myright{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		right:0%;
	}
}
@-o-keyframes myright{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		right:0%;
	}
}
@-ms-keyframes myright{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		right:0%;
	}
}
@-khtml-keyframes myright{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		right:0%;
	}
}
.select dt .right .Rtext{
	width: 88%;
	height: 78px;
	line-height: 78px;
	font-weight:bold;
	padding-right: 72px;
	font-family: "黑体";
	font-size: 26px;
	opacity: 0;
	left: -50px;
	text-align: left;
	color: #fff;
	text-indent:82px;
}
.select dt .right .RtextMovie{
	animation: Rtext 1s linear  forwards;
	-webkit-animation: Rtext 1s linear  forwards;
	-moz-animation: Rtext 1s linear  forwards;
	-ms-animation: Rtext 1s linear  forwards;
	-o-animation: Rtext 1s linear  forwards;
	-khtml-animation: Rtext 1s linear  forwards;
}
.select dt .right .Rtext span{
	color: #92ce48;
}
@keyframes Rtext{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		left:0%;
	}
}
@-webkit-keyframes Rtext{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		left:0%;
	}
}
@-moz-keyframes Rtext{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		left:0%;
	}
}
@-o-keyframes Rtext{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		left:0%;
	}
}
@-ms-keyframes Rtext{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		left:0%;
	}
}
@-khtml-keyframes Rtext{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		left:0%;
	}
}
.diamond{
	width: 432px;
	height: 57px;
	line-height: 57px;
	margin: 0 auto;
	z-index: 999;
	position: relative;
	text-align: center;
	background: url(../images/diamond.png) center bottom no-repeat;
	padding-top: 80px;
	color: #009140;
	font-size: 22px;
	opacity: 0;
}
.diamondMovie{
	animation: mydiamond 2s  linear 1s forwards;
	-webkit-animation: mydiamond 2s  linear 1s forwards;
	-moz-animation: mydiamond 2s  linear 1s forwards;
	-ms-animation: mydiamond 2s  linear 1s forwards;
	-o-animation: mydiamond 2s  linear 1s forwards;
	-khtml-animation: mydiamond 2s  linear 1s forwards;
}
@keyframes mydiamond{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		transform: rotateY(360deg);
	}
}
@-webkit-keyframes mydiamond{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		-webkit-transform: rotateY(360deg);
	}
}
@-moz-keyframes mydiamond{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		-moz-transform: rotateY(360deg);
	}
}
@-o-keyframes mydiamond{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		-o-transform: rotateY(360deg);
	}
}
@-ms-keyframes mydiamond{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		-ms-transform: rotateY(360deg);
	}
}
@-khtml-keyframes mydiamond{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		-khtml-transform: rotateY(360deg);
	}
}
.select dd{
	padding-top: 14px;
}
.select dd .title{
	height: 54px;
	line-height: 54px;
	color: #009140;
	font-size: 22px;
	text-align: center;
	opacity: 0;
	margin-top: -66px;
}
.select dd .titleMovie{
	animation: mytitle 1s  linear 2s forwards;
	-webkit-animation: mytitle 1s  linear 2s forwards;
	-moz-animation: mytitle 1s  linear 2s forwards;
	-ms-nimation: mytitle 1s  linear 2s forwards;
	-o-animation: mytitle 1s  linear 2s forwards;
	-khtml-animation: mytitle 1s  linear 2s forwards;
}
@keyframes mytitle{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		transform:translateY(66px);

	}
}
@-webkit-keyframes mytitle{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		-webkit-transform:translateY(66px);

	}
}
@-moz-keyframes mytitle{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		-moz-transform:translateY(66px);

	}
}
@-o-keyframes mytitle{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		-o-transform:translateY(66px);

	}
}
@-ms-keyframes mytitle{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		-ms-transform:translateY(66px);

	}
}
@-khtml-keyframes mytitle{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		-khtml-transform:translateY(66px);

	}
}
.sequence{
	padding-top: 120px;
	width: 100%;
	position: relative;
}
.sequenceNumber{
	width: 35%;
	border-bottom: #8f9090 1px solid;
	padding-bottom: 20px;
	float: left;
	opacity: 0;
}
.sequenceNumber .number{
	width: 56px;
	height: 56px;
	line-height: 56px;
	border-radius: 50%;
	background: #009140;
	/*background: url(../images/round.jpg) 0 0 no-repeat;*/
	text-align: center;
	color: #fff;
	font-size: 34px;
	float: left;
}
.sequenceNumber .content{
	width: 80%;
	float: right;
	line-height: 20px;
}
.sequenceNumber .content h2{
	color: #009140;
	font-size: 20px;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
}
.sequenceNumber .content p{
	color: #3d3d3d;
	font-size: 14px;
	height: 20px;
	overflow: hidden;
}
.sequenceNumber .content .en{
	font-weight: normal;
	color: #8f8f8f;
	font-size: 12px;
}
.sequence_01Movie{
	animation: mysequence_01 500ms  linear 3s forwards;
	-webkit-animation: mysequence_01 500ms  linear 3s forwards;
	-moz-animation: mysequence_01 500ms  linear 3s forwards;
	-ms-animation: mysequence_01 500ms  linear 3s forwards;
	-o-animation: mysequence_01 500ms  linear 3s forwards;
	-khtml-animation: mysequence_01 500ms  linear 3s forwards;
}
@keyframes mysequence_01{
	from{
		opacity: 0;
		margin-left: -30px;
	}
	to{
		opacity: 1;
		margin-left: 0;
	}
}
@-webkit-keyframes mysequence_01{
	from{
		opacity: 0;
		margin-left: -30px;
	}
	to{
		opacity: 1;
		margin-left: 0;
	}
}
@-moz-keyframes mysequence_01{
	from{
		opacity: 0;
		margin-left: -30px;
	}
	to{
		opacity: 1;
		margin-left: 0;
	}
}
@-o-keyframes mysequence_01{
	from{
		opacity: 0;
		margin-left: -30px;
	}
	to{
		opacity: 1;
		margin-left: 0;
	}
}
@-ms-keyframes mysequence_01{
	from{
		opacity: 0;
		margin-left: -30px;
	}
	to{
		opacity: 1;
		margin-left: 0;
	}
}
@-khtml-keyframes mysequence_01{
	from{
		opacity: 0;
		margin-left: -30px;
	}
	to{
		opacity: 1;
		margin-left: 0;
	}
}
.sequence_02Movie{
	float: right;
	animation: mysequence_02 500ms  linear  3s forwards;
	-webkit-animation: mysequence_02 500ms  linear  3s forwards;
	-moz-animation: mysequence_02 500ms  linear  3s forwards;
	-ms-animation: mysequence_02 500ms  linear  3s forwards;
	-o-animation: mysequence_02 500ms  linear  3s forwards;
	-kthml-animation: mysequence_02 500ms  linear  3s forwards;
}
@keyframes mysequence_02{
	from{
		opacity: 0;
		margin-right: -30px;
	}
	to{
		opacity: 1;
		margin-right: 0;
	}
}
@-webkit-keyframes mysequence_02{
	from{
		opacity: 0;
		margin-right: -30px;
	}
	to{
		opacity: 1;
		margin-right: 0;
	}
}
@-moz-keyframes mysequence_02{
	from{
		opacity: 0;
		margin-right: -30px;
	}
	to{
		opacity: 1;
		margin-right: 0;
	}
}
@-o-keyframes mysequence_02{
	from{
		opacity: 0;
		margin-right: -30px;
	}
	to{
		opacity: 1;
		margin-right: 0;
	}
}
@-ms-keyframes mysequence_02{
	from{
		opacity: 0;
		margin-right: -30px;
	}
	to{
		opacity: 1;
		margin-right: 0;
	}
}
@-khtml-keyframes mysequence_02{
	from{
		opacity: 0;
		margin-right: -30px;
	}
	to{
		opacity: 1;
		margin-right: 0;
	}
}
.sequence_03Movie{
	float: left;
	margin-top: 20px;
	animation: mysequence_03 500ms  linear 3s forwards;
	-webkit-animation: mysequence_03 500ms  linear 3s forwards;
	-moz-animation: mysequence_03 500ms  linear 3s forwards;
	-ms-animation: mysequence_03 500ms  linear 3s forwards;
	-o-animation: mysequence_03 500ms  linear 3s forwards;
	-khtml-animation: mysequence_03 500ms  linear 3s forwards;
}
@keyframes mysequence_03{
	from{
		opacity: 0;
		margin-left: -30px;
	}
	to{
		opacity: 1;
		margin-left: 0;
	}
}
@-webkit-keyframes mysequence_03{
	from{
		opacity: 0;
		margin-left: -30px;
	}
	to{
		opacity: 1;
		margin-left: 0;
	}
}
@-moz-keyframes mysequence_03{
	from{
		opacity: 0;
		margin-left: -30px;
	}
	to{
		opacity: 1;
		margin-left: 0;
	}
}
@-o-keyframes mysequence_03{
	from{
		opacity: 0;
		margin-left: -30px;
	}
	to{
		opacity: 1;
		margin-left: 0;
	}
}
@-ms-keyframes mysequence_03{
	from{
		opacity: 0;
		margin-left: -30px;
	}
	to{
		opacity: 1;
		margin-left: 0;
	}
}
@-khtml-keyframes mysequence_03{
	from{
		opacity: 0;
		margin-left: -30px;
	}
	to{
		opacity: 1;
		margin-left: 0;
	}
}
.sequence_04Movie{
	float: right;
	margin-top: 20px;
	animation: mysequence_04 500ms  linear 3s forwards;
	-webkit-animation: mysequence_04 500ms  linear 3s forwards;
	-moz-animation: mysequence_04 500ms  linear 3s forwards;
	-ms-animation: mysequence_04 500ms  linear 3s forwards;
	-o-animation: mysequence_04 500ms  linear 3s forwards;
	-khtml-animation: mysequence_04 500ms  linear 3s forwards;
}
@keyframes mysequence_04{
	from{
		opacity: 0;
		margin-right: -30px;
	}
	to{
		opacity: 1;
		margin-right: 0;
	}
}
@-webkit-keyframes mysequence_04{
	from{
		opacity: 0;
		margin-right: -30px;
	}
	to{
		opacity: 1;
		margin-right: 0;
	}
}
@-moz-keyframes mysequence_04{
	from{
		opacity: 0;
		margin-right: -30px;
	}
	to{
		opacity: 1;
		margin-right: 0;
	}
}
@-o-keyframes mysequence_04{
	from{
		opacity: 0;
		margin-right: -30px;
	}
	to{
		opacity: 1;
		margin-right: 0;
	}
}
@-ms-keyframes mysequence_04{
	from{
		opacity: 0;
		margin-right: -30px;
	}
	to{
		opacity: 1;
		margin-right: 0;
	}
}
@-khtml-keyframes mysequence_04{
	from{
		opacity: 0;
		margin-right: -30px;
	}
	to{
		opacity: 1;
		margin-right: 0;
	}
}
.sequence .hub{
	width: 185px;
	height: 185px;
	border: #5ba319 1px solid;
	position: absolute;
	left: 40%;
	top: 120px;
	opacity: 0;
}
.sequence .hubMovie{
	animation: myhub 500ms  linear 3s forwards;
	-webkit-animation: myhub 500ms  linear 3s forwards;
	-moz-animation: myhub 500ms  linear 3s forwards;
	-ms-animation: myhub 500ms  linear 3s forwards;
	-o-animation: myhub 500ms  linear 3s forwards;
	-khtml-animation: myhub 500ms  linear 3s forwards;
}
@keyframes myhub{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		transform: rotate(-225deg);
	}
}
@-webkit-keyframes myhub{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		-webkit-transform: rotate(-225deg);
	}
}
@-moz-keyframes myhub{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		-moz-transform: rotate(-225deg);
	}
}
@-o-keyframes myhub{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		-o-transform: rotate(-225deg);
	}
}
@-ms-keyframes myhub{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		-ms-transform: rotate(-225deg);
	}
}
@-khtml-keyframes myhub{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		-khtml-transform: rotate(-225deg);
	}
}
.sequence  .ask{
	width: 185px;
	height: 185px;
	position: absolute;
	left: 40%;
	top: 120px;
	opacity: 0;
}
.sequence  .askMovie{
	animation: myask 500ms  linear 3s forwards;
	-webkit-animation: myask 500ms  linear 3s forwards;
	-moz-animation: myask 500ms  linear 3s forwards;
	-ms-animation: myask 500ms  linear 3s forwards;
	-o-animation: myask 500ms  linear 3s forwards;
	-khtml-animation: myask 500ms  linear 3s forwards;
}
@keyframes myask{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		transform: rotate(360deg);
	}
}
@-webkit-keyframes myask{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		-webkit-transform: rotate(360deg);
	}
}
@-moz-keyframes myask{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		-moz-transform: rotate(360deg);
	}
}
@-o-keyframes myask{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		-o-transform: rotate(360deg);
	}
}
@-ms-keyframes myask{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		-ms-transform: rotate(360deg);
	}
}
@-khtml-keyframes myask{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		-khtml-transform: rotate(360deg);
	}
}
.superiority{
	padding-top: 46px;
}
.superiority dt .en{
	left:10.7%;
}
.superiority dt .SenMovie{
	animation: myen 1s linear forwards;
	-webkit-animation: myen 1s linear forwards;
	-moz-animation: myen 1s linear forwards;
	-ms-animation: myen 1s linear forwards;
	-o-animation: myen 1s linear forwards;
	-khtml-animation: myen 1s linear forwards;
}
.superiority dt .ch{
	left:39.3%;
}
.superiority dt .SchMovie{
	animation: mych 1s linear 1s forwards;
	-webkit-animation: mych 1s linear 1s forwards;
	-moz-animation: mych 1s linear 1s forwards;
	-ms-animation: mych 1s linear 1s forwards;
	-o-animation: mych 1s linear 1s forwards;
	-khtml-animation: mych 1s linear 1s forwards;
}
.superiority dt p.text{
	left: 406px;
}
.superiority dt .SpMovie{
	animation: myp 1s linear 2s forwards;
	-webkit-animation: myp 1s linear 2s forwards;
	-moz-animation: myp 1s linear 2s forwards;
	-ms-animation: myp 1s linear 2s forwards;
	-o-animation: myp 1s linear 2s forwards;
	-khtml-animation: myp 1s linear 2s forwards;
}
.superiority dd{
	padding-top: 46px;
}
.sup_01_02{
	width:100%;
	height:137px;
	background: url(../images/sup_01_02.jpg) 0 0 no-repeat;
	position: relative;
}
.sup_03_04{
	background: url(../images/sup_03_04.jpg) 0 0 no-repeat;
}
.point{
	width: 10px;
	height: 10px;
	background: #91cd47;
	border-radius: 50%;
	position: absolute;
	animation: mypoint 1s  linear infinite alternate;
	-webkit-animation: mypoint 1s  linear infinite alternate;
	-moz-animation: mypoint 1s  linear infinite alternate;
	-ms-animation: mypoint 1s  linear infinite alternate;
	-o-animation: mypoint 1s  linear infinite alternate;
	-khtml-animation: mypoint 1s  linear infinite alternate;
}
@keyframes mypoint{
	from{
	}
	to{
		opacity: 1;
		transform:scale(2,2);
	}
}
@-webkit-keyframes mypoint{
	from{
	}
	to{
		opacity: 1;
		-webkit-transform:scale(2,2);
	}
}
@-moz-keyframes mypoint{
	from{
	}
	to{
		opacity: 1;
		-moz-transform:scale(2,2);
	}
}
@-o-keyframes mypoint{
	from{
	}
	to{
		opacity: 1;
		-o-transform:scale(2,2);
	}
}
@-ms-keyframes mypoint{
	from{
	}
	to{
		opacity: 1;
		-ms-transform:scale(2,2);
	}
}
@-khtml-keyframes mypoint{
	from{
	}
	to{
		opacity: 1;
		-khtml-transform:scale(2,2);
	}
}
.point_01{
	left: 1%;
	bottom: 1%;
}
.point_02{
left: 47%;
top: 9%;
}
.point_03{
	left: 47%;
	bottom: 1%;
}
.point_04{
left: 94.5%;
top: 10%;
}
.point_05{
left: 94.5%;
	bottom: 1%;
}
.sup_01_02 .text{
	width: 34%;
	position: absolute;
	left:12%;
}
.sup_01_02 h2{
color: #009140;
overflow: hidden;
line-height: 40px;
font-size: 24px;
}
.sup_01_02 p{
	font-size: 16px;
	line-height: 18px;
	overflow: hidden;
	color: #8f8f8f;
}
.sup_01_02 .text_02{
left: 58%;
top: 20%;
}
.superiority .anime{
	width: 100%;
	height: 468px;
	position: relative;
	margin: 32px 0;
}
.superiority .watch{
	width: 106px;
	height: 106px;
	background:url(../images/watch.jpg) 0 0 no-repeat;
	position: absolute;
	left: 136px;
	top: 0px;
	opacity:0;
}
.superiority .watch_01Movie{
	animation: mywatch 1s  linear forwards;
	-webkit-animation: mywatch 1s  linear forwards;
	-moz-animation: mywatch 1s  linear forwards;
	-ms-animation: mywatch 1s  linear forwards;
	-o-animation: mywatch 1s  linear forwards;
	-khtml-animation: mywatch 1s  linear forwards;
}
@keyframes mywatch{
	from{
	}
	to{
		opacity: 1;
		transform:rotate(360deg);
	}
}
@-webkit-keyframes mywatch{
	from{
	}
	to{
		opacity: 1;
		-webkit-transform:rotate(360deg);
	}
}
@-moz-keyframes mywatch{
	from{
	}
	to{
		opacity: 1;
		-moz-transform:rotate(360deg);
	}
}
@-o-keyframes mywatch{
	from{
	}
	to{
		opacity: 1;
		-o-transform:rotate(360deg);
	}
}
@-ms-keyframes mywatch{
	from{
	}
	to{
		opacity: 1;
		-ms-transform:rotate(360deg);
	}
}
@-khtml-keyframes mywatch{
	from{
	}
	to{
		opacity: 1;
		-khtml-transform:rotate(360deg);
	}
}
.superiority .watch_02{
	left: 764px;
	top: 0px;
}
.superiority .watch_02Movie{
	animation: mywatch_02 1s  linear forwards;
	-webkit-animation: mywatch_02 1s  linear forwards;
	-moz-animation: mywatch_02 1s  linear forwards;
	-ms-animation: mywatch_02 1s  linear forwards;
	-o-animation: mywatch_02 1s  linear forwards;
	-khtml-animation: mywatch_02 1s  linear forwards;
}
@keyframes mywatch_02{
	from{
	}
	to{
		opacity: 1;
		transform:rotate(90deg);
	}
}
@-webkit-keyframes mywatch_02{
	from{
	}
	to{
		opacity: 1;
		-webkit-transform:rotate(90deg);
	}
}
@-moz-keyframes mywatch_02{
	from{
	}
	to{
		opacity: 1;
		-moz-transform:rotate(90deg);
	}
}
@-o-keyframes mywatch_02{
	from{
	}
	to{
		opacity: 1;
		-o-transform:rotate(90deg);
	}
}
@-ms-keyframes mywatch_02{
	from{
	}
	to{
		opacity: 1;
		-ms-transform:rotate(90deg);
	}
}
@-khtml-keyframes mywatch_02{
	from{
	}
	to{
		opacity: 1;
		-khtml-transform:rotate(90deg);
	}
}
.superiority .watch_03{
	left: 764px;
	top: 362px;
}
.superiority .watch_03Movie{
	animation: mywatch_03 0.5s  linear forwards;
	-webkit-animation: mywatch_03 0.5s  linear forwards;
	-moz-animation: mywatch_03 0.5s  linear forwards;
	-ms-animation: mywatch_03 0.5s  linear forwards;
	-o-animation: mywatch_03 0.5s  linear forwards;
	-khtml-animation: mywatch_03 0.5s  linear forwards;
}
@keyframes mywatch_03{
	from{
	}
	to{
		opacity: 1;
		transform:rotate(180deg);
	}
}
@-webkit-keyframes mywatch_03{
	from{
	}
	to{
		opacity: 1;
		-webkit-transform:rotate(180deg);
	}
}
@-moz-keyframes mywatch_03{
	from{
	}
	to{
		opacity: 1;
		-moz-transform:rotate(180deg);
	}
}
@-o-keyframes mywatch_03{
	from{
	}
	to{
		opacity: 1;
		-o-transform:rotate(180deg);
	}
}
@-ms-keyframes mywatch_03{
	from{
	}
	to{
		opacity: 1;
		-ms-transform:rotate(180deg);
	}
}
@-khtml-keyframes mywatch_03{
	from{
	}
	to{
		opacity: 1;
		-khtml-transform:rotate(180deg);
	}
}
.superiority .watch_04{
	left: 136px;
	top: 362px;
}
.superiority .watch_04Movie{
	animation: mywatch_04 1s  linear forwards;
	-webkit-animation: mywatch_04 1s  linear forwards;
	-moz-animation: mywatch_04 1s  linear forwards;
	-ms-animation: mywatch_04 1s  linear forwards;
	-o-animation: mywatch_04 1s  linear forwards;
	-khtml-animation: mywatch_04 1s  linear forwards;
}
@keyframes mywatch_04{
	from{
	}
	to{
		opacity: 1;
		transform:rotate(270deg);
	}
}
@-webkit-keyframes mywatch_04{
	from{
	}
	to{
		opacity: 1;
		-webkit-transform:rotate(270deg);
	}
}
@-moz-keyframes mywatch_04{
	from{
	}
	to{
		opacity: 1;
		-moz-transform:rotate(270deg);
	}
}
@-o-keyframes mywatch_04{
	from{
	}
	to{
		opacity: 1;
		-o-transform:rotate(270deg);
	}
}
@-ms-keyframes mywatch_04{
	from{
	}
	to{
		opacity: 1;
		-ms-transform:rotate(270deg);
	}
}
@-khtml-keyframes mywatch_04{
	from{
	}
	to{
		opacity: 1;
		-khtml-transform:rotate(270deg);
	}
}
.anime_01{
	position: absolute;
	/* left:202px;
	top: 36px; */
	left:135px;
	top:36px;
	opacity:0;
}
.anime_01Movie{
	animation: myanime_01 1s  linear forwards;
	-webkit-animation: myanime_01 1s  linear forwards;
	-moz-animation: myanime_01 1s  linear forwards;
	-ms-animation: myanime_01 1s  linear forwards;
	-o-animation: myanime_01 1s  linear forwards;
	-khtml-animation: myanime_01 1s  linear forwards;
}
@keyframes myanime_01{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		left: 202px;
	}
}
@-webkit-keyframes myanime_01{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		left: 202px;
	}
}
@-moz-keyframes myanime_01{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		left: 202px;
	}
}
@-o-keyframes myanime_01{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		left: 202px;
	}
}
@-ms-keyframes myanime_01{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		left: 202px;
	}
}
@-khtml-keyframes myanime_01{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		left: 202px;
	}
}
.anime_02{
	position: absolute;
	/* left: 434px;
	top:10px; */
	left: 434px;
	top:0px;
	opacity:0;
}
.anime_02Movie{
	animation: myanime_02 1s  linear forwards;
	-webkit-animation: myanime_02 1s  linear forwards;
	-moz-animation: myanime_02 1s  linear forwards;
	-ms-animation: myanime_02 1s  linear forwards;
	-o-animation: myanime_02 1s  linear forwards;
	-khtml-animation: myanime_02 1s  linear forwards;
}
@keyframes myanime_02{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		top:10px;
	}
}
@-webkit-keyframes myanime_02{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		top:10px;
	}
}
@-moz-keyframes myanime_02{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		top:10px;
	}
}
@-o-keyframes myanime_02{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		top:10px;
	}
}
@-ms-keyframes myanime_02{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		top:10px;
	}
}
@-khtml-keyframes myanime_02{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		top:10px;
	}
}
.anime_03{
	position: absolute;
	/* left:492px;
	top:8px; */
	left:608px;
	top:-32px;
	opacity:0;
}
.anime_03Movie{
	animation: myanime_03 1s  linear forwards;
	-webkit-animation: myanime_03 1s  linear forwards;
	-moz-animation: myanime_03 1s  linear forwards;
	-ms-animation: myanime_03 1s  linear forwards;
	-o-animation: myanime_03 1s  linear forwards;
	-khtml-animation: myanime_03 1s  linear forwards;
}
@keyframes myanime_03{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		transform:translate3d(-116px,40px,0px);
	}
}
 @-webkit-keyframes myanime_03{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		-webkit-transform:translate3d(-116px,40px,0px);
	}
}
@-moz-keyframes myanime_03{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		-moz-transform:translate3d(-116px,40px,0px);
	}
}
@-o-keyframes myanime_03{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		-o-transform:translate3d(-116px,40px,0px);
	}
}
@-ms-keyframes myanime_03{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		-ms-transform:translate3d(-116px,40px,0px);
	}
}
@-khtml-keyframes myanime_03{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		-khtml-transform:translate3d(-116px,40px,0px);
	}
}
.anime_04{
	position: absolute;
	/* left: 542px;
	top: 185px; */
	left: 584px;
	top: 230px;
	opacity:0;
}
.anime_04Movie{
	animation: myanime_04 1s  linear forwards;
	-webkit-animation: myanime_04 1s  linear forwards;
	-moz-animation: myanime_04 1s  linear forwards;
	-ms-animation: myanime_04 1s linear forwards;
	-o-animation: myanime_04 1s  linear forwards;
	-kthml-animation: myanime_04 1s  linear forwards;
}
@keyframes myanime_04{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		transform:translate3d(-48px,-47px,0px);
	}
}
@-webkit-keyframes myanime_04{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		-webkit-transform:translate3d(-48px,-47px,0px);
	}
}
@-moz-keyframes myanime_04{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		-moz-transform:translate3d(-48px,-47px,0px);
	}
}
@-o-keyframes myanime_04{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		-o-transform:translate3d(-48px,-47px,0px);
	}
}
@-ms-keyframes myanime_04{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		-ms-transform:translate3d(-48px,-47px,0px);
	}
}
@-khtml-keyframes myanime_04{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
		-khtml-transform:translate3d(-48px,-47px,0px);
	}
}
.boxbg{
	width: 100%;
	    background: url(../images/footer-bg.jpg);
	margin-top: 36px;
	padding-top: 32px;
	padding-bottom: 25px;
}

.about .video{
	width: 334px;
	float: left;
}
.about .right{
	width: 656px;
	float: right;
}
.about dt .en{
	left:0%;
}
.about dt .AenMovie{
	animation: myen 1s linear forwards;
	-webkit-animation: myen 1s linear forwards;
	-moz-animation: myen 1s linear forwards;
	-ms-animation: myen 1s linear forwards;
	-o-animation: myen 1s linear forwards;
	-khtml-animation: myen 1s linear forwards;
}
.about dt .ch{
	left:9%;
}
.about dt .AchMovie{
	animation: mych 1s linear 1s forwards;
	-webkit-animation: mych 1s linear 1s forwards;
	-moz-animation: mych 1s linear 1s forwards;
	-ms-animation: mych 1s linear 1s forwards;
	-o-animation: mych 1s linear 1s forwards;
	-khtml-animation: mych 1s linear 1s forwards;
}
.about dt p.text{
	left: 70px;
}
.about dt .AtextMovie{
	animation: myp 1s linear 2s forwards;
	-webkit-animation: myp 1s linear 2s forwards;
	-moz-animation: myp 1s linear 2s forwards;
	-ms-animation: myp 1s linear 2s forwards;
	-o-animation: myp 1s linear 2s forwards;
	-khtml-animation: myp 1s linear 2s forwards;
}
.about dd{
	line-height: 24px;
	font-size: 12px;
	color: #131313;
	position: relative;
	height:136px;
}
.about dd .more{
	width: 68px;
	height: 20px;
	line-height: 20px;
	border: #009140 1px solid;
	text-align: center;
	color: #009140;
	position: absolute;
	right: 45px;
	bottom: 0px;
	display: block;
}
.about dd h2{
	color: #009140;
	font-size: 30px;
	height: 36px;
	line-height: 36px;
	overflow: hidden;
}
.box{
	padding-top: 20px;
}
.news{
	width: 376px;
	float: left;
}
.news dt{
	height: 36px;
	line-height: 36px;
	border-top: #d7d7d7 1px solid;
	border-bottom: #d7d7d7 1px solid;
	font-size: 14px;
	color: #515151;
}
.news dt span{
	color: #515151;
	font-size: 18px;
}
.news dt .more{
	float: right;
	font-size: 12px;
	height: 36px;
	display: block;
	color:#515151;
}
.news dd.content{
	padding-top: 10px;
}
.news dd.content ul li{
	height: 36px;
	line-height: 36px;
	background: url(../images/mark.jpg) left center no-repeat;
	text-indent: 18px;
	font-size: 12px;
	overflow:hidden;
}
.news dd.content ul li a{
	color: #131313;
}
.news dd.content ul li span{
	float: right;
	color: #131313;
}
.honor{
	width: 596px;
	float: right;
}
.honor dd{
	padding-top: 26px;
}


#slide{
	width: 596px;
	height: 180px;
	position: relative;
	margin:0 auto;
}
.scrollable {
	width: 544px;
	overflow: hidden;
	position: relative;
	float: left;
	display: inline;
	margin-left:8px;
}
.prev-next {
	width: 17px;
	height: 180px;
	cursor: pointer;
	float: left;	
}
.prev {
	background: url(../images/leftbutton.jpg) left center no-repeat;
}
.next {
	background: url(../images/rightbotton.jpg) left center no-repeat;
	float:right;
}
.list {
	width: 30000px;
}
ul.list li.item{
	width: 274px;
	float: left;
}
ul.list li.item .imgbox {
	width: 274px;
	height: 180px;
	display: block;
	display: table-cell;
	overflow: hidden;
	vertical-align: middle;
	*font-size:157px;
	*display: block;
	*font-family:Arial;
}
ul.list li.item .imgbox img {
	vertical-align: middle;
	max-width: 274px;
	max-height: 180px;
}




/* .honor .marquee{
	width: 100%;
	height: 176px;
	overflow:hidden;
}
.honor .marquee .leftButton{
	width: 3%;
	height: 176px;
	background: url(../images/leftbutton.jpg) left center no-repeat;
	float: left;
}
.honor .marquee .rightButton{
	width: 3%;
	height: 176px;
	background: url(../images/rightbotton.jpg) left center no-repeat;
	float: right;
}
.honor .marquee .middle{
	width: 94%;
	float: left;
}

.honor .marquee .middle ul li {
	width: 274px;
	text-align: center;
	float: left;
	margin:0px 3px;
}
.honor .marquee .middle ul li .imgbox {
	width: 274px;
	height: 180px;
	display: block;
	display: table-cell;
	overflow: hidden;
	vertical-align: middle;
	*font-size:157px;
	*display: block;
	*font-family:Arial;
}
.honor .marquee .middle ul li .imgbox img {
	vertical-align: middle;
	max-width: 274px;
	max-height: 180px;
} */

.footerbg{
	width: 100%;
	height: 230px;
	background: rgba(88,210,232,1);
}
.footer{
	padding-top: 10px;
}
.footer a{
	color:#FFF;
}
.footerNav{
	height: 42px;
	line-height: 42px;
	border-bottom: #367300 1px solid;
}
.footerNav a{
	padding: 0px 32px;
	font-size: 14px;
	color: #fff;
}
.copyright{
	height: 142px;
	border-top: #69dd00 1px solid;
	padding-top: 30px;
	line-height: 24px;
	color: #fff;
	position: relative;
}
.copyright .logo{
	float: left;
	margin-right: 15px;
	font-size: 14px;
}
.code{
	position: absolute;
	top: 32px;
	right: 130px;
}
/*
@media (min-width:768px) {
.container {
	width: 750px;
	margin: 0 auto;
}
.imglist dd.img ul li {
	width: 100%;
}
.proList dd.con ul li{
	width: 100%;
}
}
@media (min-width:992px) {
.container {
	width: 970px;
	margin: 0 auto;
}
.imglist dd.img ul li {
	width: 47%;
}
.proList dd.con ul li{
	width: 48%
}
}
@media (min-width:1200px) {
.container {
	width: 1024px;
	margin: 0 auto;
}
.imglist dd.img ul li {
	width: 23%;
}
.proList dd.con ul li{
	width: 31%;
}
}
*/
.insPadding{
	padding:20px 0px;
}
.insRight dt span.en{
	height:38px;
	line-height:38px;
	border:#d2d3d3 1px solid;
	background:none;
	color:#8d8c8c;
	text-transform:uppercase;
}
.insRight dt span{
	margin-right:0px;
}
.insRight dt .position{
	float:right;
	color:#414141;
	font-size:12px;
}
.insRight dt .position a{
	color:#414141;
}
.insRight dd{
	padding: 15px;
	line-height: 24px;
	min-height: 472px;
	height: auto !important;
	height: 472px;
	font-size:14px;
}
.InsPro{
	float:none;
	width:218px;
}
aside{
	float: left;
    width: 218px;;
}
.contact{
	width:218px;
	background:#009140;
	margin-top:24px;
	color:#ffffff;
}
.contact dt{
	height:60px;
	line-height:60px;
	text-align:center;
	color:#ffffff;
	font-size:32px;
}
.contact dd{
	padding:20px 10px;
	line-height:24px;
	color:#ffffff;
}
#ArcTime {
	text-align: center;
	padding-bottom: 15px;
	border-bottom: 1px dotted #CCCCCC;
	margin-bottom: 15px;
}
/* 上一条下一条 */
.preAndNext {
	border-top: 1px dotted #CCCCCC;
	padding: 10px 15px;
	margin-top: 15px;
}
.preAndNext li {
	line-height: 24px;
	list-style: none;
}
/* 图片内页 */
#ArcImg {
	text-align: center;
	padding: 15px 0px;
}
/* 新闻列表 */
.articleList li {
	padding: 5px 0 15px 0;
	line-height: 20px;
	border-bottom: dashed 1px #CCC;
}
.articleList li .date {
	margin-right: 10px;
	color: #CCC !important;
}
.articleList li .date, .articleList li .title {
	font-weight: bold;
	font-size: 16px;
	line-height: 36px;
	color: #000;
	font-weight: normal;
}
.articleList li .btnDetial {
	padding-left: 20px;
}
.articleList li img {
	width: 250px;
	height: 160px;
	float: left;
	background-color: #fff;
	border: solid 1px #CCC;
	margin-right: 10px;
	margin-top: 10px;
}
.articleList li .description {
	color: #666;
	line-height: 22px;
	font-size: 12px;
}
/* 新闻内页 */
#articleInfo {
	border-top: 1px dotted #CCCCCC;
	color: #AAAAAA;
	margin-bottom: 10px;
	padding-top: 10px;
	text-align: center;
}
#articlePN {
	border-top: 1px dotted #CCCCCC;
	padding: 10px 20px;
}
#articlePN li {
	height: 30px;
	line-height: 30px;
}
#articleTitle {
	color: #035FAC;
	font-size: 24px;
	font-weight: normal;
	line-height: 48px;
	text-align: center;
}
/* 新闻列表简单版 */
#ListArc li {
	height: 38px;
	line-height: 38px;
	background: url(../images/newsmark.jpg) left center no-repeat;
	text-indent: 16px;
	border-bottom: #CCC 1px dashed;
}
#ListArc li span {
	float: right;
	margin-right: 15px;
}
#ListArc li a:link, #ListArc li a:visited {
	color: #363636;
}
#ListArc li span {
	float: right;
}
#HonorImg li {
	width: 169px;
	float: left;
	text-align: center;
}
#HonorImg li img {
	width: 161px;
	height: 133px;
	border: #e3e0e0 1px solid;
}
#HonorImg li a.name {
	height: 35px;
	line-height: 35px;
	display: block;
	color: #055fbc;
}
/* 产品图片 */
#ListImg li {
	width: 234px;
	height:200px;
	text-align: center;
	float: left;
	padding:0 14px;
}
#ListImg li .imgbox {
	width: 234px;
	height: 150px;
	display: block;
	display: table-cell;
	overflow: hidden;
	vertical-align: middle;
	*font-size:130px;
	*display: block;
	*font-family:Arial;
	border: #a7a7a7 1px solid;
}
#ListImg li .imgbox img {
	vertical-align: middle;
	max-width: 200px;
	max-height: 150px;
}
#ListImg li a.name {
	height: 38px;
	line-height: 38px;
	width: 98%;
	overflow: hidden;
}
#ListImg li a {
	color: #000;
	display: block;
}
.tac{ text-align:center;}
.fr{ float:right;}

.shili{     width: 100%;}
.shili ul{ width:30%;
			display:inline-block;}
.shili ul li img{ width:300px;
					height:200px;}
					
.shili ul li img:hover{ transform: scale(1.5, 1.5);
    					transition: .6s transform;}				
					
.tel{ background:url(../images/tel.jpg) no-repeat;  width:18px; height:21px;}
#topRight p{    display: flex; font-size:18px}