.lingdu-navBar{ width: 150px; height: 200px; position: fixed; left: 0; top: 45%; margin-top: -100px; background-color: #F8F8F8;  cursor: pointer; overflow: hidden; z-index: 999;
	transform: translateX(-160px);
	-webkit-transform: translateX(-160px);
	-moz-transform: translateX(-160px);
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
}
.lingdu-navBar.visble{
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
}
.lingdu-navBar.Bom{ top: 70%; background-color: #fff;}

.lingdu-navBar .bar-logo{ position: absolute; right: 34px; top: 42px; width: 32px;}
.lingdu-navBar .bar-logo img.menu-svg{ background-color: #E20000 ; border-radius: 4px; fill: #fff; width: 32px; height: 32px;}
.lingdu-navBar .bar-logo img.menu-svg-phone{ display: none;}

.lingdu-navBar .bar-menu{ position: absolute; top: 90px; right: 35px; height: 15px;}
.lingdu-navBar .bar-menu i{ position: absolute; right: 0; display: block; width: 30px; height: 1px; background-color: #000000;
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
}
.lingdu-navBar .bar-menu i.bar-top{ top: 0;}
.lingdu-navBar .bar-menu i.bar-cen{ top: 7px;}
.lingdu-navBar .bar-menu i.bar-bom{ bottom: 0;}
.lingdu-navBar .expros{ position: absolute; left: -85px; color: #000000; opacity: 0;
	transform: translateX(-30px);
	-webkit-transform: translateX(-30px);
	-moz-transform: translateX(-30px);
	transition: all .3s ease-out 0s;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
}
.lingdu-navBar:hover{ width: 230px;}
.lingdu-navBar:hover .bar-menu i.bar-top{ width: 0;}
.lingdu-navBar:hover .bar-menu i.bar-cen{ width: 48px;}
.lingdu-navBar:hover .bar-menu i.bar-bom{ width: 0;}
.lingdu-navBar:hover .expros{
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	opacity: 1;
}
.lingdu-body-bg{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: -2; visibility: hidden; opacity: 0;
	 background-color: rgba(0,0,0,0.4);
	 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000);
	 transition: all 0.4s cubic-bezier(0.63, 0.1, 0.08, 1.01) 0s;
	 -webkit-transition: all 0.4s cubic-bezier(0.63, 0.1, 0.08, 1.01) 0s;
	 -moz-transition: all 0.4s cubic-bezier(0.63, 0.1, 0.08, 1.01) 0s;
}
.lingdu-body-bg.active{ visibility: visible; opacity: 1; z-index: 9999;}
.lingdu-fixed-menu{ position: fixed; left: 0; top: 0; height: 100%; z-index: 9999;
    transform: translateX(-540px);
    -webkit-transform: translateX(-540px);
    -moz-transform: translateX(-540px);
	transition: all .3s cubic-bezier(0.66, 0.53, 0.65, 1) 0s;	
	-webkit-transition: all .3s cubic-bezier(0.66, 0.53, 0.65, 1) 0s;	
	-moz-transition: all .3s cubic-bezier(0.66, 0.53, 0.65, 1) 0s;	
}
.lingdu-fixed-menu.active{
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transition: all .8s cubic-bezier(0.3, 0.8, 0.3, 1) 0.3s;
	-webkit-transition: all .8s cubic-bezier(0.3, 0.8, 0.3, 1) 0.3s;
	-moz-transition: all .8s cubic-bezier(0.3, 0.8, 0.3, 1) 0.3s;
}
.lingdu-fixed-menu .sub-menu-phone{ position: absolute; left: 0; top: 0; width: 530px; height: 100%; background-color: #211e2f; padding:120px 30px 0 30px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	transition: all .5s cubic-bezier(0.66, 0.53, 0.65, 1) .1s;
	-webkit-transition: all .5s cubic-bezier(0.66, 0.53, 0.65, 1) .1s;
	-moz-transition: all .5s cubic-bezier(0.66, 0.53, 0.65, 1) .1s;
}
.lingdu-fixed-menu .sub-menu-phone ul{ width: 410px;}
.lingdu-fixed-menu .sub-menu-phone ul li{ display: table; width: 100%; position: relative;}
.lingdu-fixed-menu .sub-menu-phone ul li a{ float: right; overflow: hidden; display: block; width: 300px; height: 56px; line-height: 55px; position: relative;
	opacity: 0;
    transform: translateY(50px);
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    transition: all 0s ease-in-out 0.3s;
    -webkit-transition: all 0s ease-in-out 0.3s;
    -moz-transition: all 0s ease-in-out 0.3s
}
.lingdu-fixed-menu .sub-menu-phone ul li:nth-of-type(1) a{
	transition: all 0.3s ease-in-out 0.8s;
	-webkit-transition: all 0.3s ease-in-out 0.8s;
	-moz-transition: all 0.3s ease-in-out 0.8s;
}
.lingdu-fixed-menu .sub-menu-phone ul li:nth-of-type(2) a{
	transition: all 0.3s ease-in-out 0.9s;
	-webkit-transition: all 0.3s ease-in-out 0.9s;
	-moz-transition: all 0.3s ease-in-out 0.9s;
}
.lingdu-fixed-menu .sub-menu-phone ul li:nth-of-type(3) a{
	transition: all 0.3s ease-in-out 1s;
	-webkit-transition: all 0.3s ease-in-out 1s;
	-moz-transition: all 0.3s ease-in-out 1s;
}
.lingdu-fixed-menu .sub-menu-phone ul li:nth-of-type(4) a{
	transition: all 0.3s ease-in-out 1.1s;
	-webkit-transition: all 0.3s ease-in-out 1.1s;
	-moz-transition: all 0.3s ease-in-out 1.1s;
}
.lingdu-fixed-menu .sub-menu-phone ul li:nth-of-type(5) a{
	transition: all 0.3s ease-in-out 1.2s;
	-webkit-transition: all 0.3s ease-in-out 1.2s;
	-moz-transition: all 0.3s ease-in-out 1.2s;
}
.lingdu-fixed-menu .sub-menu-phone ul li:nth-of-type(6) a{
	transition: all 0.3s ease-in-out 1.3s;
	-webkit-transition: all 0.3s ease-in-out 1.3s;
	-moz-transition: all 0.3s ease-in-out 1.3s;
}
.lingdu-fixed-menu .sub-menu-phone.active ul li a{
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
    opacity: 1;
}
.lingdu-fixed-menu .sub-menu-phone ul li.index-hrefs a{ border-bottom: 1px solid #F9CCCC;}
.lingdu-fixed-menu .sub-menu-phone ul li a:after{ width: 0px; height: 1px; background-color: #F9CCCC; position: absolute; content: ''; left: 0px; top: 28px;}
.lingdu-fixed-menu .sub-menu-phone ul li a font{ display: block; width: 0px; font-size: 20px; color: #fff; position: absolute; left: 0; margin-left: 50px; overflow: hidden;}
.lingdu-fixed-menu .sub-menu-phone ul li a small{ font-size:25px; color: #fff; text-transform: capitalize; font-family: '微软雅黑';position: absolute; left: 0; line-height: 55px;}
.lingdu-fixed-menu .sub-menu-phone ul li a:after,
.lingdu-fixed-menu .sub-menu-phone ul li a font,
.lingdu-fixed-menu .sub-menu-phone ul li a small{
	transition: all .5s ease 0s;
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
}
.lingdu-fixed-menu .sub-menu-phone ul li.on font,
.lingdu-fixed-menu .sub-menu-phone ul li a:hover font{width: 60%;}
.lingdu-fixed-menu .sub-menu-phone ul li.on small,
.lingdu-fixed-menu .sub-menu-phone ul li a:hover small{ opacity: 0;
	transform: translateX(50px);
	-webkit-transform: translateX(50px);
	-moz-transform: translateX(50px);
}
.lingdu-fixed-menu .sub-menu-phone ul li.on a:after,
.lingdu-fixed-menu .sub-menu-phone ul li a:hover:after{width: 40px;}
.lingdu-fixed-menu ul li.index-hrefs aside{ float: left; /*margin: 10px 0 0 30px;*/ position: relative;   z-index: 9; 
	height: 56px;
    border-bottom: 1px solid #ECECEC;
    width: 70px;
    line-height: 56px;
     opacity: 0;
	transform: translateY(-50px);
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	transition: all .4s ease .8s;
	-webkit-transition: all .4s ease .8s;
	-moz-transition: all .4s ease .8s;}
.lingdu-fixed-menu ul li.index-hrefs aside svg{
	

	width: 32px;
		height: 32px;
		fill: #fff;
		stroke: #fff;
		stroke-width: 1px;
		stroke-dasharray: 0, 100;
		/*transition: all .3 ease-in-out;
		-moz-transition: all .3 ease-in-out;
		-webkit-transition: all .3 ease-in-out;*/
}	
.lingdu-fixed-menu ul li.index-hrefs aside img.menu-svg{ width: 32px; height: 32px; fill: #fff; border-radius: 4px; background-color: #fff; display: block;margin: 0 auto;
}
.lingdu-fixed-menu.active ul li.index-hrefs aside img.menu-svg{
	animation: logo-in 2s ease-in-out forwards 1.5s;
	-moz-animation: logo-in 2s ease-in-out forwards 1.5s;
	-webkit-animation: logo-in 2s ease-in-out forwards 1.5s
}
@keyframes logo-in {
	0% {
		stroke-dasharray: 0, 100;
		left: 100px
	}
	50% {
		stroke-dasharray: 100, 0;
		fill: rgba(48, 48, 48, 0)
	}
	100% {
		stroke-dasharray: 100, 0;
		fill: rgba(48, 48, 48, 1)
	}
}
@-moz-keyframes logo-in {
	0% {
		stroke-dasharray: 0, 100;
	}
	50% {
		stroke-dasharray: 100, 0;
		fill: rgba(48, 48, 48, 0)
	}
	100% {
		stroke-dasharray: 100, 0;
		fill: rgba(48, 48, 48, 1)
	}
}
@-webkit-keyframes logo-in {
	0% {
		stroke-dasharray: 0, 100;
	}
	50% {
		stroke-dasharray: 100, 0;
		fill: rgba(48, 48, 48, 0)
	}
	100% {
		stroke-dasharray: 100, 0;
		fill: rgba(48, 48, 48, 1)
	}
}
.lingdu-fixed-menu ul li.index-hrefs aside img.menu-svg use{ stroke: #333; stroke-width: 1px;}
.lingdu-fixed-menu ul li.index-hrefs aside .close-bar{ width: 75px; height: 50px;  position: absolute; top: 36px; margin:20px 0 0 -5px; padding: 32px 0 0 20px; cursor: pointer; z-index:99;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	opacity: 0;
   	transform: translateY(50px);
   	-webkit-transform: translateY(50px);
   	-moz-transform: translateY(50px);
	transition: all .4s ease 1s;
	-webkit-transition: all .4s ease 1s;
	-moz-transition: all .4s ease 1s;
}
.lingdu-fixed-menu.active ul li.index-hrefs aside{
	opacity: 1;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
}
.lingdu-fixed-menu.active ul li.index-hrefs aside .close-bar{
	opacity: 1;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
}
.lingdu-fixed-menu ul li.index-hrefs aside .close-bar span{ display: block; position: relative; width: 40px; height: 1px; background-color: #F18080;}
.lingdu-fixed-menu ul li.index-hrefs aside .close-bar span:after{ width: 0%; height: 100%; background-color: #fff; position: absolute; content: ''; left: 0; top: 0;
	transition: all .3s cubic-bezier(0.66, 0.53, 0.65, 1) 0s;
	-webkit-transition: all .3s cubic-bezier(0.66, 0.53, 0.65, 1) 0s;
	-moz-transition: all .3s cubic-bezier(0.66, 0.53, 0.65, 1) 0s;
}
.lingdu-fixed-menu ul li.index-hrefs aside .close-bar span.close-top{
	transform: rotate(45deg) translate3d(2px,0,0);
	-webkit-transform: rotate(45deg) translate3d(2px,0,0);
	-moz-transform: rotate(45deg) translate3d(2px,0,0);
}
.lingdu-fixed-menu ul li.index-hrefs aside .close-bar span.close-bom{
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
}
.lingdu-fixed-menu ul li.index-hrefs aside .close-bar:hover span:after{width: 100%;}

.lingdu-fixed-menu .lingdu-yx-mads{ width: 300px; border-top: 1px solid #585857; position: absolute; right: 90px; padding-top: 20px; margin-top: 30px;}
.lingdu-fixed-menu .lingdu-yx-mads span{ display: inline-block; vertical-align: middle; width: 0px; height: 1px; background-color: #F68A13;
	transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	-moz-transition: all .4s ease 0s;
}
.lingdu-fixed-menu .lingdu-yx-mads a{ display: inline-block; vertical-align: middle;  font-size: 14px; color: #fff;}
.lingdu-fixed-menu .lingdu-yx-mads:hover span{ width: 30px;}
.lingdu-fixed-menu .lingdu-yx-mads:hover a{ color: #F68A13;}






















@media only screen and (max-width: 1440px) {

	.lingdu-navBar {
		width: 110px;
	}

	.lingdu-fixed-menu .sub-menu-phone {
		padding: 80px 30px 0 30px;
	}
}




@media only screen and (max-width: 991px) {


	.lingdu-navBar {
		transform: translateX(0px);
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);

		top: 0;
		margin-top: auto;
		width: 100%;
		height: 60px;
		background-color: #fff;
	}

	.lingdu-navBar .bar-logo {
		float: left;
		position: absolute;
		right: auto;
		top: 15px;
		left: 88px;
	}

	.lingdu-navBar .bar-menu {
		float: left;
		position: absolute;
		right: auto;
		top: 24px;
		left: 54px;
	}

	.lingdu-navBar .bar-logo img.menu-svg {
		display: none;
	}

	.lingdu-navBar .bar-logo img.menu-svg-phone {
		display: block;
		width: 150px;
		margin-top: 0px;
	}

	.lingdu-fixed-menu ul li.index-hrefs aside {
		display: none;
	}

	.lingdu-fixed-menu .sub-menu-phone {
		padding: 40px 30px 0 0;
		width: 330px !important;
	}

	.lingdu-fixed-menu .sub-menu-phone ul {
		width: 338px;
	}

	.lingdu-fixed-menu .lingdu-yx-mads {
		right: auto;
		left: 29px;
		width: 270px;
	}

	.lingdu-fixed-menu .sub-menu-phone ul li a {
		height: 42px;
		line-height: 42px;
		float: left;
		margin-left: 30px;
		font-weight: 300;
		width: 270px;
	}

	.lingdu-fixed-menu .sub-menu-phone ul li a font {
		font-size: 18px;
	}

	.lingdu-fixed-menu .sub-menu-phone ul li a small {
		font-size: 24px;
		line-height: 57px;
		font-weight: 300;
		font-family: 'ZurichBT-Light';
	}

}