.section_icon_nav_box1{background: #FFF; height:97px; font-size:12px; margin-top:20px; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea;}

.section_icon_nav_box2{height:97px;border-left:1px solid #eaeaea;}

.section_icon_nav_box2 ul{height:97px; margin-left:87px;}

.section_icon_nav_box2 ul li {width: 91px;position: relative; float:left; height:97px;border-right:1px solid #eaeaea}

.section_icon_nav_box2 ul li.icon_nav11,

.section_icon_nav_box2 ul li.icon_nav12,

.section_icon_nav_box2 ul li.icon_nav13{display:none}







.section_icon_nav_box2 ul li i{position:absolute; width:100%; height:100%; background-color:#F5A258; background-color:#FFF \9;opacity:0;-webkit-animation:orangeOut 0.4s ease;animation:orangeOut 0.4s ease;}

.section_icon_nav_box2 ul li:hover i{opacity:1;

	-webkit-animation:orangeIn 0.2s ease;

	animation:orangeIn 0.2s ease;background-color:#9d0a3a \9;}



@-webkit-keyframes orangeIn {

	0% {

	-webkit-transform:scale(0.8);

	-ms-transform:scale(0.8);

	transform:scale(0.8);

	opacity:0

}

100% {

	-webkit-transform:scale(1);

	-ms-transform:scale(1);

	transform:scale(1);

	opacity:1

}

}

@-moz-keyframes orangeIn {

	0% {

	-webkit-transform:scale(0.8);

	-ms-transform:scale(0.8);

	transform:scale(0.8);

	opacity:0

}

100% {

	-webkit-transform:scale(1);

	-ms-transform:scale(1);

	transform:scale(1);

	opacity:1

}

}

@-ms-keyframes orangeIn {

	0% {

	-webkit-transform:scale(0.8);

	-ms-transform:scale(0.8);

	transform:scale(0.8);

	opacity:0

}

100% {

	-webkit-transform:scale(1);

	-ms-transform:scale(1);

	transform:scale(1);

	opacity:1

}

}

@keyframes orangeIn {

	0% {

	-webkit-transform:scale(0.8);

	-ms-transform:scale(0.8);

	transform:scale(0.8);

	opacity:0

}

100% {

	-webkit-transform:scale(1);

	-ms-transform:scale(1);

	transform:scale(1);

	opacity:1

}

}



@-webkit-keyframes orangeOut {

	0% {

	-webkit-transform:scale(1);

	-ms-transform:scale(1);

	transform:scale(1);

	opacity:1

}

100% {

	-webkit-transform:scale(0.8);

	-ms-transform:scale(0.8);

	transform:scale(0.8);

	opacity:0

}

}

@-moz-keyframes orangeOut {

	0% {

	-webkit-transform:scale(1);

	-ms-transform:scale(1);

	transform:scale(1);

	opacity:1

}

100% {

	-webkit-transform:scale(0.8);

	-ms-transform:scale(0.8);

	transform:scale(0.8);

	opacity:0

}

}

@-ms-keyframes orangeOut {

	0% {

	-webkit-transform:scale(1);

	-ms-transform:scale(1);

	transform:scale(1);

	opacity:1

}

100% {

	-webkit-transform:scale(0.8);

	-ms-transform:scale(0.8);

	transform:scale(0.8);

	opacity:0

}

}

@keyframes orangeOut {

	0% {

	-webkit-transform:scale(1);

	-ms-transform:scale(1);

	transform:scale(1);

	opacity:1

}

100% {

	-webkit-transform:scale(0.8);

	-ms-transform:scale(0.8);

	transform:scale(0.8);

	opacity:0

}}

.section_icon_nav_box2 ul li a {width:100%; height:97px; position:absolute}

.section_icon_nav_box2 ul li a em{display: block; margin:8px auto auto; width: 55px; height: 55px; background-image:url(../images/nav_03.png);

}

.section_icon_nav_box2 ul li a:hover{ color:#FFF}

.icon_nav1 a em{ background-position:0 0}

.icon_nav1 a:hover em{ background-position:0 -64px}

.icon_nav2 a em{background-position:-79px 0px}

.icon_nav2 a:hover em{ background-position:-79px -64px}

.icon_nav3 a em{ background-position:-159px 0}

.icon_nav3 a:hover em{ background-position:-162px -64px}

.icon_nav4 a em{ background-position:-238px 0}

.icon_nav4 a:hover em{ background-position:-238px -64px}

.icon_nav5 a em{ background-position:-317px 0}

.icon_nav5 a:hover em{ background-position:-317px -64px}

.icon_nav6 a em{ background-position:-397px 0}

.icon_nav6 a:hover em{ background-position:-397px -64px}

.icon_nav7 a em{ background-position:-480px 0}

.icon_nav7 a:hover em{ background-position:-480px -64px}

.icon_nav8 a em{ background-position:-559px 0}

.icon_nav8 a:hover em{ background-position:-559px -64px}

.icon_nav9 a em{ background-position:-637px 0}

.icon_nav9 a:hover em{ background-position:-637px -64px}

.icon_nav10 a em{ background-position:-717px 0}

.icon_nav10 a:hover em{ background-position:-717px -64px}

.icon_nav11 a em{ background-position:-796px 0}

.icon_nav11 a:hover em{ background-position:-796px -64px}

.icon_nav12 a em{ background-position:-876px 0}

.icon_nav12 a:hover em{ background-position:-876px -64px}

.icon_nav13 a em{ background-position:-955px 0}

.icon_nav13 a:hover em{ background-position:-955px -64px}

.icon_nav14 a em{ background-position:-1034px 0}

.icon_nav14 a:hover em{ background-position:-1034px -64px}

.icon_nav15 a em{ background-position:-1113px 0}

.icon_nav15 a:hover em{ background-position:-1113px -64px}

.section_icon_nav_box2 ul li p { text-align: center; position: absolute; top: 66px; text-align: center; width: 100%; display: block; left: 0;}