.banner{
	width:100%;
}
.banner .img{
	width:100%;
	height:470px;
	margin:0 auto;
	background:url(../img/activity_banner.jpg) center;
}
.banner .nav{
    width:1200px;
    height:60px;
    line-height: 60px;
    margin:0 auto;
    color:black;
    font-size:15px;
    position: relative;
}
.banner .nav img{
    margin-right:10px;
}
.banner .nav a{
    color:black;
}
/*活动详情*/
.main{
    width:100%;
    margin:0 auto;
    background: rgb(245,245,245);
    padding-top:25px;
    margin-bottom:-50px;
    padding-bottom:80px;
}
.main .tit{
    width:1200px;
    height:80px;
    margin:10px auto;
    margin-top: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>div:nth-child(2),
.main>div:nth-child(3),
.main>div:nth-child(4),
.main>div:nth-child(5){
    width:1200px;
    height:337px;
    margin:0 auto;
    display: flex;
    position: relative;
}
.main>div:nth-child(2):hover img,
.main>div:nth-child(3):hover img,
.main>div:nth-child(4):hover img,
.main>div:nth-child(5):hover img{
	animation: move 1s;
}
.main>div:nth-child(2)>img,
.main>div:nth-child(3)>img,
.main>div:nth-child(4)>img,
.main>div:nth-child(5)>img{
    width:600px;
    height:337px;
}

.main>div:nth-child(2)>div,
.main>div:nth-child(3)>div,
.main>div:nth-child(4)>div,
.main>div:nth-child(5)>div{
    width:510px;
    height:320px;
    position: absolute;
    bottom:10px;
    padding:0 45px;;
    background:url(../img/activity_conbg.jpg);
}
.main>div:nth-child(2)>div img,
.main>div:nth-child(3)>div img,
.main>div:nth-child(4)>div img,
.main>div:nth-child(5)>div img{
    display: block;
    margin:20px auto;
}
.main>div:nth-child(2)>div span,
.main>div:nth-child(3)>div span,
.main>div:nth-child(4)>div span,
.main>div:nth-child(5)>div span{
    display: block;
    width:100%;
    margin:0 auto;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
}
.main>div:nth-child(2)>div p,
.main>div:nth-child(3)>div p,
.main>div:nth-child(4)>div p,
.main>div:nth-child(5)>div p{
    line-height: 30px;
    font-size: 14px;
    color:gray;
    margin:10px 0;
}
.main>div:nth-child(2)>div a,
.main>div:nth-child(3)>div a,
.main>div:nth-child(4)>div a,
.main>div:nth-child(5)>div a{
    display: block;
    width:200px;
    height:45px;
    line-height: 45px;
    background:rgb(217,141,66);
    margin:0 auto;
}
.main>div:nth-child(2)>div,
.main>div:nth-child(4)>div{
    right:0;
}
.main>div:nth-child(3)>div,
.main>div:nth-child(5)>div{
    left:0;
}
.main>div:nth-child(2)>img,
.main>div:nth-child(4)>img,{
    position: absolute;
    left:0;
    bottom:0;
}
.main>div:nth-child(3)>img,
.main>div:nth-child(5)>img{
    position: absolute;
    right:0;
    bottom:0;
}
@keyframes move{
	0{transform: rotate(0deg);}
	25%{transform: rotate(5deg);}
	50%{transform: rotate(-5deg);}
	100%{transform: scale(0.9);}
}