header{
	z-index:1;
}
article{
	top:90vh;
	top : -webkit-calc(100vh - 100px) ;
	top : calc(100vh - 100px) ;
	z-index:2;
}
#headimage li span{
	width: 100vw;
    height: 90vh;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
    animation: imageAnimation 36s linear infinite 0s;

}
#headimage li:nth-child(1) span {
    background-image: url(../img/slide/0.jpg)
}
#headimage li:nth-child(2) span {
    background-image: url(../img/slide/1.jpg);
    animation-delay: 6s;
}
#headimage li:nth-child(3) span {
    background-image: url(../img/slide/2.jpg);
    animation-delay: 12s;
}
#headimage li:nth-child(4) span {
    background-image: url(../img/slide/3.jpg);
    animation-delay: 18s;
}
#headimage li:nth-child(5) span {
    background-image: url(../img/slide/4.jpg);
    animation-delay: 24s;
}
#headimage li:nth-child(6) span {
    background-image: url(../img/slide/5.jpg);
    animation-delay: 30s;
}
 
#headimage li:nth-child(2) div {
    animation-delay: 6s;
}
#headimage li:nth-child(3) div {
    animation-delay: 12s;
}
#headimage li:nth-child(4) div {
    animation-delay: 18s;
}
#headimage li:nth-child(5) div {
    animation-delay: 24s;
}
#headimage li:nth-child(6) div {
    animation-delay: 30s;
}
@keyframes imageAnimation {
    0% { opacity: 0; animation-timing-function: ease-in; }
    8% { opacity: 1; animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}


#cont_1{
	background:url(../img/img_index/cont_1.png) no-repeat center center;
	height:430px;
}

#cont_2{
	background:url(../img/img_index/cont_2.png) no-repeat center bottom;
	height:850px;
	position:relative;
}
#cont_2 .container{
	margin-top:160px;
} 
#cont_2 .flex>div{
	padding:20px 0;
}


.title_appeal{
	position:absolute;
	top:0;
	right:0;
	left:0;
	margin:0 auto;
	display:block;
}

#cont_3{
	background:url(../img/img_index/cont_3.png) no-repeat center bottom;
	position:relative;
}
.pick_plan>div{
	padding:30px;
	width:50% !important;
}
.pick_plan{
	height:340px;
	padding-left:125px;
	background:url(../img/img_index/bk_plan.png) no-repeat center center;
	margin:40px 0 ;
}
.title_plan{
	display:block;
	margin:0 auto;
}
.bnn_plan>div{
	max-width:255px;
}

.pick_plan>div {
    position: relative;
}

.pick_plan span {
    position: absolute;
    display: block;
    margin: AUTO;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    background: rgba(0,0,00,0.8);
    height: 100px;
    line-height: 100px;
    width: 95%;
    font-size: 20px;
    font-weight: bold;
}