@charset "utf-8";

html, body{
    height: 100%;
}

#wrap{
    width:100%;
    margin: 0 auto;
}

/*cont1 s*/
#cont1{
    margin:70px 0 0 0;
}
#cont1 .box{
    width:50%;
    height:700px;
    float:left;
}
#cont1 .box .pic{
    width:100%;
    height:540px;
}
#cont1 .box:first-child .pic{
    background:url(../images/facilities/box_pic1.jpg) no-repeat center center/cover;
}
#cont1 .box:nth-child(2) .pic{
    background:url(../images/facilities/box_pic2.jpg) no-repeat center center/cover;
}
#cont1 .box:nth-child(3) .pic{
    background:url(../images/facilities/box_pic3.jpg) no-repeat center center/cover;
}
#cont1 .box:nth-child(4) .pic{
    background:url(../images/facilities/box_pic4.jpg) no-repeat center center/cover;
}
#cont1 .box:nth-child(5) .pic{
    background:url(../images/facilities/box_pic6.jpg) no-repeat center center/cover;
}
#cont1 .box:nth-child(6) .pic{
    background:url(../images/facilities/box_pic7.jpg) no-repeat center center/cover;
}
#cont1 .box:nth-child(7) .pic{
    background:url(../images/facilities/box_pic8.jpg) no-repeat center center/cover;
}
#cont1 .box:nth-child(8) .pic{
    background:url(../images/facilities/box_pic8_bg.jpg) no-repeat center center/cover;
}

#cont1 .box a{
    display:block;
    width:100%;
    height:160px;
}
#cont1 .box:nth-child(7) a{width:200%;}
#cont1 .box a .txt{
    position:relative;
    width:100%;
    height:100%;
    overflow:hidden;
}
#cont1 .box a .txt img{
    position:absolute;
    z-index:6;
    top:23%;
    left:8%;
}

#cont1 .box:nth-child(1) a .txt,
#cont1 .box:nth-child(4) a .txt,
#cont1 .box:nth-child(5) a .txt{
    background-color:#fff;
}
#cont1 .box:nth-child(1) a .txt .bg,
#cont1 .box:nth-child(4) a .txt .bg,
#cont1 .box:nth-child(5) a .txt .bg{
    width:100%;
    height:100%;
    position:absolute;
    top:-100%;
    left:0;
    background-color:#ededed;
    transition:all 0.5s;
}
#cont1 .box:nth-child(1) a:hover .txt .bg,
#cont1 .box:nth-child(4) a:hover .txt .bg,
#cont1 .box:nth-child(5) a:hover .txt .bg{
    top:0;
}

#cont1 .box:nth-child(2) a .txt,
#cont1 .box:nth-child(3) a .txt,
#cont1 .box:nth-child(6) a .txt,
#cont1 .box:nth-child(7) a .txt{
    background-color:#ededed;
}
#cont1 .box:nth-child(2) a .txt .bg,
#cont1 .box:nth-child(3) a .txt .bg,
#cont1 .box:nth-child(6) a .txt .bg,
#cont1 .box:nth-child(7) a .txt .bg{
    width:100%;
    height:100%;
    position:absolute;
    top:-100%;
    left:0;
    background-color:#fff;
    transition:all 0.5s;
}
#cont1 .box:nth-child(2) a:hover .txt .bg,
#cont1 .box:nth-child(3) a:hover .txt .bg,
#cont1 .box:nth-child(6) a:hover .txt .bg,
#cont1 .box:nth-child(7) a:hover .txt .bg{
    top:0;
}