.banner{
	width:100%;
}
.banner .img{
	 width: auto;  
      
    max-width: 100%;  
    max-height: 100%; 
	height:470px;
	margin:0 auto;
	background:url(../img/food_banner.jpg) center;
}
.banner .nav{
    width:1200px;
    height:60px;
    line-height: 60px;
    margin:0 auto;
    color:black;
    font-size:15px;
    position: relative;
    border-bottom:1px solid rgb(222,222,222);
}
.banner .nav img{
    margin-right:10px;
}
.banner .nav a{
    color:black;
}

.main{
    width:100%;
    margin:0 auto;
    background: rgb(245,245,245);
    padding:20px 0;
    padding-top:10px;
}
.main .tit{
    width:1200px;
    height:100px;
    margin:10px auto;
    margin-top:20px;
    margin-bottom:5px;
}
.main .tit span{
    display: block;
    width:1200px;
    height:30px;
    font-size: 22px;
    font-weight: 1000;
    text-align: center;
    margin:0 auto;
}
.main .tit .tit_1{
    display: block;
    margin:10px auto;
    margin-top:4px;
}
.main .tit .tit_2{
    display: block;
    width:50px;
    height:4px;
    margin:10px auto;
}
.main .news_tit{
    width:700px;
    height:45px;
    margin:0 auto;
    display: flex;
    justify-content: center;
}
.main .news_tit a{
    display: inline-block;
    width:230px;
    height:45px;
    line-height: 45px;
    text-align: center;
    font-size: 15px;
    border:1px solid rgb(228,228,228);
}
.main .news_tit a:nth-child(1){
    background: rgb(217,141,66);
    color:white;
}
.main .news_tit a:nth-child(2),
.main .news_tit a:nth-child(3){
    color:black;
}
.main .list{
    width:1200px;
    height:2000px;
    margin:0 auto;
    margin-bottom:150px;
    position: relative;
}
.main .list>div{
    width:1200px;
    height:2000px;
    position: absolute;
    bottom:0;
}
.main .list>div:nth-child(2),
.main .list>div:nth-child(3){
    display: none;
}
/*餐饮宴会*/
.main .list>div:nth-child(1)>div{
    width:1200px;
    height:400px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    padding:50px 0;
    border-bottom:1px solid rgb(180,180,180);
}
.main .list>div:nth-child(1)>div:hover {
	animation: move 1s;
}
.main .list>div:nth-child(2)>div:hover {
	animation: move 1s;
}
.main .list>div:nth-child(3)>div:hover {
	animation: move 1s;
}
.main .list>div:nth-child(1)>div>div{
    display: inline-block;
    width:500px;
    height:390px;
    position: absolute;
    bottom:50px;
}
.main .list>div:nth-child(1)>div>div span:nth-child(1){
    display: block;
    font-size: 25px;
}
.main .list>div:nth-child(1)>div>div>img{
    display: block;
    margin:10px 0;
}
.main .list>div:nth-child(1)>div>div>p{
    font-size: 14px;
    line-height: 30px;
    color:gray;
    letter-spacing:2px;
    text-indent: 2em;
    margin:20px 0;
}
.main .list>div:nth-child(1)>div>div>div{
    width:570px;
    height:30px;
    line-height: 30px;
    font-size: 15px;
}
@keyframes move{
	0{transform: rotate(0);}
	25%{transform: rotate(5deg);}
	50%{transform: rotate(-5deg);}
	100%{transform: rotate(0);}
}
.main .list>div:nth-child(1)>div>div>div img{
    vertical-align: middle;
}
.main .list>div:nth-child(1)>div>img:nth-child(1){
    position: absolute;
    bottom:50px;

}
/*.main .list>div:nth-child(1)>div>img:nth-child(1):hover{
	    animation: move 1s;
}*/
.main .list .tubiao:nth-child(1),
.main .list .tubiao:nth-child(3){
    position:absolute;
    left:500px;
    bottom:220px;
}
.main .list .tubiao2{
    position:absolute;
    left:550px;
    bottom:202px;
}
.main .list>div:nth-child(1)>div>img:nth-child(2){
    position: absolute;
    left:500px;
    bottom:180px;
}
.main .list>div:nth-child(1)>div:nth-child(1)>div,
.main .list>div:nth-child(1)>div:nth-child(3)>div,
.main .list>div:nth-child(1)>div:nth-child(4)>div{
    right:50px;
}
.main .list>div:nth-child(1)>div:nth-child(2)>img{
    right:0;
}
.main .list>div:nth-child(1)>div:nth-child(2)>div{
    left:50px;
}
/*会议服务*/
.main .list>div:nth-child(2)>div{
    width:1200px;
    height:400px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    padding:50px 0;
    border-bottom:1px solid rgb(180,180,180);
}
.main .list>div:nth-child(2)>div>div{
    display: inline-block;
    width:500px;
    height:390px;
    position: absolute;
    bottom:50px;
}
.main .list>div:nth-child(2)>div>div span:nth-child(1){
    display: block;
    font-size: 25px;
}
.main .list>div:nth-child(2)>div>div>img{
    display: block;
    margin:10px 0;
}
.main .list>div:nth-child(2)>div>div>p{
    font-size: 14px;
    line-height: 30px;
    color:gray;
    letter-spacing:2px;
    text-indent: 2em;
    margin:20px 0;
}
.main .list>div:nth-child(2)>div>div>div{
    width:570px;
    height:30px;
    line-height: 30px;
    font-size: 15px;
}
.main .list>div:nth-child(2)>div>div>div img{
    vertical-align: middle;
}
.main .list>div:nth-child(2)>div>img:nth-child(1){
    position: absolute;
    bottom:50px;
}
.main .list>div:nth-child(2)>div>img:nth-child(2){
    position: absolute;
    left:500px;
    bottom:180px;
}
.main .list>div:nth-child(2)>div:nth-child(1)>div,
.main .list>div:nth-child(2)>div:nth-child(3)>div{
    right:50px;
}
.main .list>div:nth-child(2)>div:nth-child(2)>img{
    right:0;
}
.main .list>div:nth-child(2)>div:nth-child(2)>div{
    left:50px;
}
/*休闲娱乐*/
.main .list>div:nth-child(3)>div{
    width:1200px;
    height:400px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    padding:50px 0;
    border-bottom:1px solid rgb(180,180,180);
}
.main .list>div:nth-child(3)>div>div{
    display: inline-block;
    width:500px;
    height:390px;
    position: absolute;
    bottom:50px;
}
.main .list>div:nth-child(3)>div>div span:nth-child(1){
    display: block;
    font-size: 25px;
}
.main .list>div:nth-child(3)>div>div>img{
    display: block;
    margin:10px 0;
}
.main .list>div:nth-child(3)>div>div>p{
    font-size: 14px;
    line-height: 30px;
    color:gray;
    letter-spacing:2px;
    text-indent: 2em;
    margin:20px 0;
}
.main .list>div:nth-child(3)>div>div>div{
    width:570px;
    height:30px;
    line-height: 30px;
    font-size: 15px;
}
.main .list>div:nth-child(3)>div>div>div img{
    vertical-align: middle;
}
.main .list>div:nth-child(3)>div>img:nth-child(1){
    position: absolute;
    bottom:50px;
}
.main .list>div:nth-child(3)>div>img:nth-child(2){
    position: absolute;
    left:500px;
    bottom:180px;
}
.main .list>div:nth-child(3)>div:nth-child(1)>div,
.main .list>div:nth-child(3)>div:nth-child(3)>div{
    right:50px;
}
.main .list>div:nth-child(3)>div:nth-child(2)>img{
    right:0;
}
.main .list>div:nth-child(3)>div:nth-child(2)>div{
    left:50px;
}