/* Overlay style */

.overlay {

	position: fixed;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	z-index: 9999;

}





  .hs-service-bg {

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    z-index: -1;

    background:url(../images/bh.jpg) no-repeat center top;

    -webkit-transform-origin: 50% 50%;

    -moz-transform-origin: 50% 50%;

    transform-origin: 50% 50%;

    -webkit-animation: scale 10s infinite alternate;

    /* Safari and Chrome */

    -moz-animation: scale 10s infinite alternate;

    /* Firefox */

    -o-animation: scale 10s infinite alternate;

    /* Opera */

}

 



@-webkit-keyframes scale

/* Safari 和 Chrome */



{

    0% {

        -webkit-transform: scale(1);

    }

    100% {

        -webkit-transform: scale(1.1);

    }

}



@-moz-keyframes scale

/* Firefox */



{

    0% {

        -moz-transform: scale(1);

    }

    100% {

        -moz-transform: scale(1.1);

    }

}



@keyframes scale {

    0% {

        transform: scale(1);

    }

    100% {

        transform: scale(1.1);

    }

}







/* Overlay closing cross */

.overlay .overlay-close {

	width: 80px;

	height: 80px;

	position: absolute;

	right: 20px;

	top: 20px;

	overflow: hidden;

	border: none;

	background: url(../images/cross.png) no-repeat center center;

	text-indent: 200%;

	background-size: 50%;

	color: transparent;

	outline: none;

	cursor: pointer;

	z-index: 100;

}



/* Menu style */

.overlay nav {

	text-align: center;

	position: relative;

	top: 45%;

	height: 60%;

	-webkit-transform: translateY(-50%);

	transform: translateY(-50%);

}









.overlay ul {

	list-style: none;

	padding: 0;

	margin: 0 auto;

	display: inline-block;

	height: 100%;

	position: relative;

	width: 100%;

}



.overlay ul li {

	display: block;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

}



.overlay ul li a {

	font-size: 20px;

	/* font-weight: BOLD; */

	padding: 20px 0;

	display: block;

	line-height: 24px;

	color: #f1f1f1;

	-webkit-transition: color 0.2s;

	transition: all 1s;

	display: block;

	height: 85px;

	position: relative;

}

.overlay ul li a span{font-size: 12px !important;opacity: .8;}



.overlay ul li a:hover,

.overlay ul li a:focus {

	color: #fff;

 

}

.overlay ul li a:hover {

	color: #fff;



 

}



.overlay ul li a .bj {

 width: 100%;

 height: 100%;

 position: absolute;

 background: #58595b;

 top: 0;

 z-index: -1;

 opacity: 0;

 transition: all 1s;

}

.overlay ul li a:hover .bj {

 width: 100%;

    height: 100%;

position: absolute;

	background:#000 ;

    top: 0;

    z-index: -1;

    opacity: .5;

}





/* Effects */

.overlay-scale {

	visibility: hidden;

	opacity: 0;

	-webkit-transform: scale(0.9);

	transform: scale(0.9);

	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s;

	transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;

}



.overlay-scale.open {

	visibility: visible;

	opacity: 1;

	-webkit-transform: scale(1);

	transform: scale(1);	

	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;

	transition: transform 0.4s, opacity 0.4s;

}



@media screen and (max-height: 30.5em) {

	.overlay nav {

		height: 70%;

		font-size: 34px;

	}

	.overlay ul li {

		min-height: 34px;

	}

}