@charset "utf-8";
.mar10,.marTop10 { margin-top:10px;}
.mar15 { margin-top:15px;}
.col_main { float:left; width:100%;}
.col_sub,.col_extra { float:left;}
.left { float:left;}
.right { float:right;}
.blank10 { height:10px; overflow:hidden;}




/*footer8*/
.footWrap{width:100%;margin:15px auto 0;}
.foot_Top{width:100%;margin:0 auto;background:#f8f8f8;height:auto;}
.foot_box{width:1200px;margin:0 auto}
.foot_TL{float:left;width:250px}
.foot_TL h2{font-size:18px;color:#333;font-weight:normal;margin-top:30px}
.foot_TL span{font-size:28px;color:#0BBB73;margin-top:5px; display:block; background: url(../images/index8/icon2.png) no-repeat 0px -295px; padding-left:40px;}
.foot_TL p{font-size:12px;color:#aaa;margin-top:5px;margin-bottom:10px}
.foot_TL b{font-size:12px;color:#333;font-weight:normal}
.foot_TL b img{margin-left:10px; vertical-align:-8px;}
.foot_TM{float:left; margin-left:20px; width:700px;padding-bottom:30px}
.foot_TM dl{float:left;margin-top:30px;width:130px;text-align:center;}
.foot_TM dl dt{font-size:18px;color:#333;padding-bottom:10px}
.foot_TM dl dd{font-size:12px;color:#666666;padding:3px 0}
.foot_TM dl dd a{color:#333}
.foot_TM dl dd a:hover{color:#0BBB73}
.foot_TR{float:right;margin-right:0;margin-top:30px;width:220px}
.foot_TR p{color:#666666;font-size:14px;margin-bottom:10px}
.foot_TR .TR_LL{float:left;width:96px;height:auto}
.foot_TR .TR_RR{float:right;margin-right:27px;width:96px;height:auto}
.foot_TR .TR_LL p,.foot_TR .TR_RR p{text-align:center;color:#333;font-size:14px}
.foot_Mid{background:#0BBB73; padding:8px 0; text-align:center;}
.foot_Mid .foot_MC li {padding:0 24px; display:inline-block; *display:inline; *zoom:1; border-left:1px solid rgba(255,255,255,.4); line-height:14px;}
.foot_Mid .foot_MC .first { border:0 none;}
.foot_Mid .foot_MC a{color:#fff;font-size:12px;}
.foot_Mid .foot_MC a:hover{color:#fff}
.foot_Mid .foot_MC span{width:1px;height:12px;background:#919191;display:block;float:left;margin-top:10px}
.foot_Bot{width:100%;margin:0 auto;background:#fff;float:left;padding: 15px 0; text-align: center;}
.foot_Bot p{ display:inline;font-size:12px;color:#8c8c8c}
.foot_TR img { width:96px; height:96px; vertical-align:top;}
.foot_Bot img { vertical-align:-2px;}



@-webkit-keyframes bottomFadeIn{
	0%{opacity:0;	-webkit-transform:translateY(10px);}
	100%{opacity:1;	-webkit-transform:translateY(0);}
}

@-moz-keyframes bottomFadeIn{
	0%{opacity:0;	-moz-transform:translateY(10px);}
	100%{opacity:1; -moz-transform:translateY(0);}
}

@keyframes bottomFadeIn{
	0%{opacity:0;	transform:translateY(10px);}
	100%{opacity:1; transform:translateY(0);}
}
@-webkit-keyframes bottomFadeInOut{
	0%{opacity:0;	-webkit-transform:translateY(10px);}
	30%{opacity:1; -webkit-transform:translateY(0);}
	80%{opacity:1; -webkit-transform:translateY(0);}
	100%{opacity:0; -webkit-transform:translateY(-20px);}
}
@keyframes bottomFadeInOut{
	0%{opacity:0;	transform:translateY(10px);}
	30%{opacity:1; transform:translateY(0);}
	80%{opacity:1; transform:translateY(0);}
	100%{opacity:0; transform:translateY(-20px);}
}

@-webkit-keyframes topFadeIn{
	0%{opacity:0;	-webkit-transform:translateY(-10px);}
	100%{opacity:1;	-webkit-transform:translateY(0);}
}

@-moz-keyframes topFadeIn{
	0%{opacity:0;	-moz-transform:translateY(-10px);}
	100%{opacity:1; -moz-transform:translateY(0);}
}

@keyframes topFadeIn{
	0%{opacity:0;	transform:translateY(-10px);}
	100%{opacity:1; transform:translateY(0);}
}


@-webkit-keyframes leftFadeIn{
	0%{opacity:0;	-webkit-transform:translateX(-10px);}
	100%{opacity:1;	-webkit-transform:translateY(0);}
}

@-moz-keyframes leftFadeIn{
	0%{opacity:0;	-moz-transform:translateX(-10px);}
	100%{opacity:1; -moz-transform:translateY(0);}
}

@keyframes leftFadeIn{
	0%{opacity:0;	transform:translateX(-10px);}
	100%{opacity:1; transform:translateY(0);}
}


@-webkit-keyframes rightFadeIn{
	0%{opacity:0;	-webkit-transform:translateX(10px);}
	100%{opacity:1;	-webkit-transform:translateY(0);}
}

@-moz-keyframes rightFadeIn{
	0%{opacity:0;	-moz-transform:translateX(10px);}
	100%{opacity:1; -moz-transform:translateY(0);}
}

@keyframes rightFadeIn{
	0%{opacity:0;	transform:translateX(10px);}
	100%{opacity:1; transform:translateY(0);}
}


@-webkit-keyframes popup{
	0%{-webkit-transform:scale(0);}
	60%{-webkit-transform:scale(1.1);}
	100%{-webkit-transform:scale(1);}
}

@-moz-keyframes popup{
	0%{-moz-transform:scale(0);}
	60%{-moz-transform:scale(1.1);}
	100%{-moz-transform:scale(1);}
}

@keyframes popup{
	0%{transform:scale(0);}
	60%{transform:scale(1.1);}
	100%{transform:scale(1);}
}


@keyframes flipInX{
	0%{transform:perspective(400px) rotateX(90deg); opacity:0}
	40%{transform:perspective(400px) rotateX(-10deg)}
	70%{transform:perspective(400px) rotateX(10deg)}
	100%{transform:perspective(400px) rotateX(0deg); opacity:1}
}
@-webkit-keyframes flipInX{
	0%{-webkit-transform:perspective(400px) rotateX(90deg); opacity:0}
	40%{-webkit-transform:perspective(400px) rotateX(-10deg)}
	70%{-webkit-transform:perspective(400px) rotateX(10deg)}
	100%{-webkit-transform:perspective(400px) rotateX(0deg); opacity:1}
}
@-moz-keyframes flipInX{
	0%{-moz-transform:perspective(400px) rotateX(90deg); opacity:0}
	40%{-moz-transform:perspective(400px) rotateX(-10deg)}
	70%{-moz-transform:perspective(400px) rotateX(10deg)}
	100%{-moz-transform:perspective(400px) rotateX(0deg); opacity:1}
}


@keyframes flipInY{
	0%{transform:perspective(400px) rotateY(90deg); opacity:0}
	40%{transform:perspective(400px) rotateY(-10deg)}
	70%{transform:perspective(400px) rotateY(10deg)}
	100%{transform:perspective(400px) rotateY(0deg); opacity:1}
}
@-webkit-keyframes flipInY{
	0%{-webkit-transform:perspective(400px) rotateY(90deg); opacity:0}
	40%{-webkit-transform:perspective(400px) rotateY(-10deg)}
	70%{-webkit-transform:perspective(400px) rotateY(10deg)}
	100%{-webkit-transform:perspective(400px) rotateY(0deg); opacity:1}
}
@-moz-keyframes flipInY{
	0%{-moz-transform:perspective(400px) rotateY(90deg); opacity:0}
	40%{-moz-transform:perspective(400px) rotateY(-10deg)}
	70%{-moz-transform:perspective(400px) rotateY(10deg)}
	100%{-moz-transform:perspective(400px) rotateY(0deg); opacity:1}
}
