﻿@charset "utf-8";
/* CSS Document */

/* index */
	.index_main{width:100%; clear:left; height:auto; background:#faf7f3; float:left;}
	.index_main .nav2{ padding-top:5%;}
	.index_main .nav2 .menu{ width:96%; margin:5% 2%; float:left;}
	.index_main .nav2 .menu span{width:30%;background:#000; color:#FFF; margin:0 auto; display:block; text-align:center;font-family:Arial, Helvetica, sans-serif}
	.index_main .nav2 .menu h1{ text-align:center; background:url(../images/menu2_btbg.png) no-repeat center center; font-weight:bold; margin-bottom:2%}
	
	
	.index_main .nav2 .menu li{width: 32.333%; margin:0.5%;background: #FFF;margin: 2px 1px 0 1px;float: left;display: inline;text-align: center; position:relative;}
	.index_main .nav2 .menu li a{width: 100%; display:block; color:#000;}
	.index_main .nav2 .menu .last,.index_main .nav2 .last a{background:#cfa100; color:#FFF;}
	.index_main .nav2 .menu li i{ background:url(../images/hr.png) no-repeat; background-size:100% auto; position:absolute; right: -5%;top: -20%;z-index: 22;}
	.index_main .nav2 .menu li i{animation: BigToSmall 1s linear 2s infinite alternate;-moz-animation: BigToSmall 1s linear 2s infinite alternate;-webkit-animation: BigToSmall 1s linear 2s infinite alternate;-o-animation: BigToSmall 1s linear 2s infinite alternate;}


.index_main .index-container {width: 100%;height: auto;margin:0 auto; overflow:hidden;margin:5% 0;}
.index_main .index-container .hd0{ width:25%; float: left; display:block; height:auto; }
.index_main .index-container .hd0 a{ width:80%; float:left; display:block; margin:0 10%; color:#000;}

.index_main .index-container .hd0 p{ text-align:center;float: left;
width: 100%;}


	@keyframes BigToSmall{
		0%{transform:scale(0.9,0.9);opacity:1;}
		20%{transform:scale(1,1);opacity:1;}
		80%{transform:scale(0.9,0.9);opacity:1;}
		100%{transform:scale(0.9,0.9);opacity:1;}
	}
	
	@-moz-keyframes BigToSmall{
		0%{-moz-transform:scale(0.9,0.9);opacity:1;}
		20%{-moz-transform:scale(1,1);opacity:1;}
		80%{-moz-transform:scale(1,1);opacity:1;}
		100%{-moz-transform:scale(1,1);opacity:1;}
	}
	@-webkit-keyframes BigToSmall{
		0%{-webkit-transform:scale(0.9,0.9);opacity:1;}
		20%{-webkit-transform:scale(1,1);opacity:1;}
		80%{-webkit-transform:scale(0.9,0.9);opacity:1;}
		100%{-webkit-transform:scale(0.9,0.9);opacity:1;}
	}



	@media screen and (min-width:320px) and (max-width:479px) {
		.index_main .nav2 .menu li i{width:20px; height:20px;}
		.index_main .nav2 .menu li i.hot{ background-position:0 --20px;}
		.index_main .cont .menu li i.yh{ background-position:0 0;}
		.index_main .nav2 .menu span{width:34%;}
		.index_main .nav2 .menu h1{font-size:16px;}
		.index_main .index-container .hd0 p{font-size:14px; line-height:20px;}
	}
	@media screen and (min-width:480px) and (max-width:639px) {
		.index_main .nav2 .menu li i{width:40px; height:40px;}
		.index_main .nav2 .menu li i.hot{ background-position:0 -40px;}
		.index_main .nav2 .menu li i.yh{ background-position:0 0;}
		.index_main .nav2 .menu span{font-size:15px;line-height:25px;}
		.index_main .nav2 .menu h1{font-size:30px;line-height:60px;}
		.index_main .nav2 .menu li{line-height: 68px;font-size: 20px;}
		.index_main .index-container .hd0 p{font-size:18px; line-height:30px;}
	}
	@media screen and (min-width:639px){
		.index_main .nav2 .menu li i{width:45px; height:48px;}
		.index_main .nav2 .menu li i.hot{ background-position:0 -46px;}
		.index_main .nav2 .menu li i.yh{ background-position:0 0;}
		.index_main .nav2 .menu span{font-size:18px;line-height:25px;}
		.index_main .nav2 .menu h1{font-size:36px;line-height:60px;}
		.index_main .nav2 .menu li{line-height: 68px;font-size: 25px;}
		.index_main .index-container .hd0 p{font-size:24px; line-height:40px;}
	}

