body { font: 15px/1.25 "Microsoft Yahei",verdana;margin-top: 153px;}
.header{ width: 100%;height: 153px;background: transparent;z-index: 999;position: fixed;top: 0; }

/**导航条**/
#menu{
	width:12%;
	position:fixed;
	left:0;
	top:30%;
	list-style-type:none;
	z-index:70;
}
#menu li{
	margin:20px 0 0 0;
	font-size:14px;
	width: 130px;
	height: 50px;
	border-top-right-radius:50px;
	border-bottom-right-radius: 50px;
	transition: all 0.4s linear;
}
#menu li a{
	display: inline-block;
	width: 50%; 
	height: 50px;
	background: #FFFFFF;
	border-top-right-radius:50px;
	border-bottom-right-radius: 50px;
	transition: all 0.2s linear;
	line-height: 50px;
}
#menu li a>span{
	display: inline-block;
	font: normal normal 18px "微软雅黑";
	color: #FFFFFF;
	vertical-align: middle;
	transition: width .3s ease;
	overflow-x: hidden;
	white-space: nowrap;
	width: 0;
	margin-right: 10px;
	opacity: 0;
	filter: alpha(opacity=0);
	}
#menu li a>i{
	display: inline-block;
	width: 30px;
	height: 30px;
	vertical-align: middle;
	margin-left: 10px;
	background:url('/imagelzb/lgzx_zjnav.png') no-repeat;
}
#menu li a>.lg-nav1{
	background-position: -3px -4px;
}
#menu li a>.lg-nav2{
	background-position: -5px -46px;
}
#menu li a>.lg-nav3{
	background-position: -5px -90px;
}
#menu li a>.lg-nav4{
	background-position: -4px -138px;
}
#menu li a>.lg-nav5{
	background-position: -2px -184px;
}
#menu .active a{
	background:#F04144;
	width: 130px;
}
#menu .active .lg-nav1{
	background-position: -43px -4px;
}
#menu .active .lg-nav2{
	background-position: -44px -46px;
}
#menu .active .lg-nav3{
	background-position: -46px -90px;
}
#menu .active .lg-nav4{
	background-position: -45px -138px;
}
#menu .active .lg-nav5{
	background-position: -43px -184px;
}
#menu .active span{
	width: 72px;
	opacity: 1;
	filter: alpha(opacity=100);
}

.section { position: relative;width: 100%;height: 100%;}
.section .bg { position: absolute; left: 0; top:0px; bottom: 0px; width: 100%; height: 100%;}
.section .bg img { display: block; width: 100%; height: 100%;}
.section .slide .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

.lg-bg1,.lg-bg1 img{
	position: absolute;
	width: 60%;
	height: 90%;
	margin: 0 auto;
	top: 1.5%;
	left: 20%;
	z-index: 19;
}
.lg-zjwz{
	position: absolute;
	width: 31%;
	height: 7%;
	top: 33.5%;
	left: 34.5%;
	z-index: 19;
}
.lg-zjwz img{
	width: 100%;
	height: 100%;
}
.lg-bg2{
	position: absolute;
	width: 31%;
	height: 15%;
	top: 34%;
	left: 34.5%;
	z-index: 19;
}
.lg-bg2 img{
	width: 100%;
	height: 100%;
}
.lg-bg2 img:first-child+img{
	width: 100%;
	height: 41%;
}
.lg-bj3{
	width: 35%;
	height: 64%;
	position: absolute;
	top: 11%;
	left: 32.5%;
	z-index: 18;
	background: #FFFFFF;
	opacity: .5;
	filter: alpha(opacity=50);
}
.lg-twobg1{
	position: relative;
	z-index: 19;
	width: 50%;
	height: 16%;
	margin: 0 auto;
	text-align: center;
	padding-top: 2%;
}
.lg-twobg1 img{
	width: 25%;
	height: 80%;
	margin-top: 1.5%;
	margin-left: 3%;
}
.lg-twobg1 img:first-child+img{
	width: 100%;
	height: 45%;
	margin: 0;
}
.lg-twowz{
	position: relative;
	z-index: 19;
	width: 75%;
	height: 55%;
	margin: 0 auto;
	margin-top: 3%;	
}
.lg-wzbj1{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	bottom: 0px;
	background: #D4D6DD;
	opacity: .8;
	filter: alpha(opacity=80);
	z-index: 18;

}
.lg-twolbt{
	float: left;
}
.lg-twolnr{
	float: right;
}
.lg-wzbj{
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 0px;
	width: 75%;
	height: 100%;
	z-index: 20;
}
.lg-wzbj img{
	width: 100%;
	height: 100%;
}
.lg-twolbt{
	position: absolute;
	top: 0px;
	bottom: 0px;
	width: 25%;
	z-index: 21;
}
.lg-twolbt>ul{
	position: absolute;
	margin: 10px;
	margin-top: 5px;
	margin-left: 15px;
	width: 90%;
	height: 100%;
}
.lg-twolbt>ul>li{
	width: 100%;
	height: 11%;
	font:normal normal 18px "微软雅黑";
	color: #091447;	
	border-bottom: 1px solid #FFFFFF;
	padding-top: 7px;
	padding-left: 15px;
	cursor: pointer;
}
.lg-twolbt>ul>li+li+li+li+li+li+li+li+li{
	border-bottom:0px;
	padding-bottom: 0px;
}
.lg-twolbt>ul>li>i{
	display: inline-block;
	width: 35px;
	height: 35px;
	vertical-align: middle;
	background: url('/res_main/images/zjlg/lgzx_gktb.png') no-repeat;
	margin-right: 35px;
}
.lg-twolbt>ul>li>.lg-gktb1{
	background-position: 0px -4px;
}
.lg-twolbt>ul>li>.lg-gktb2{
	background-position: -1px -42px;
}
.lg-twolbt>ul>li>.lg-gktb3{
	background-position: -4px -89px;
}
.lg-twolbt>ul>li>.lg-gktb4{
	background-position: -2px -137px;
}
.lg-twolbt>ul>li>.lg-gktb5{
	background-position: -3px -186px;
}
.lg-twolbt>ul>li>.lg-gktb6{
	background-position: -4px -238px;
}
.lg-twolbt>ul>li>.lg-gktb7{
	background-position: -4px -290px;
}
.lg-twolbt>ul>li>.lg-gktb8{
	background-position: -4px -336px;
}
.lg-twolbt>ul>li>.lg-gktb9{
	background-position: -4px -382px;
}
.lg-twolnr{
	position: absolute;
	width: 75%;
	top: 0px;
	bottom: 0px;	
	left: 25%;
	z-index: 21;
}
.lg-gkblue{
	position: absolute;
	top: 5%;
	left:2.3%;
	width: 35%;
	height: 86%;
	background: #0198DA;
}
.lg-gktp{
	position: absolute;
	top: 3%;
	left: 3%;
	width: 100%;
	height: 100%;
	z-index: 22;
}
.lg-gktp img{
	position: absolute;
	top: 0px;
	bottom: 0px;
	width: 100%;
	height: 100%;
}
.lg-wzbj2{
	width: 21%;
	height: 25%;
	background: url('/res_main/images/zjlg/lgzx_gktb2.png') no-repeat;
	position: absolute;
	top: 82.3%;
	left:50.7%;
	z-index: 25;
}
.lg-gkzw{
	position: absolute;
	width: 50%;
	height: 90%;
	top: 1.5%;
	left:43.5%;
}
.lg-gkzw>h2{
	font:normal normal 36px "微软雅黑";
	color: #F04144;
}
.lg-gkzw>p{
	margin-top: 5px;
	font:normal normal 16px "微软雅黑";
	color:#333333;
	line-height: 30px;
}
.lg-gkzw>p>a{
	display: inline-block;
	font:normal normal 16px "微软雅黑";
	color:#DF343F;
	line-height: 30px;
}
.lg-gkzw>p>a:hover{
	color: #F04044;
}
.lg-srebg1 img{
	margin-top: 3.5%;
}
.lg-sre{
	position: absolute;
	z-index: 19;
	width: 75%;
	height: 55%;
	margin-left: 13%;
	margin-top: 4%;	
}
.lg-rwnolb{
	position: absolute;
	width: 78%;
	height: 100%;
	margin-top: 5%;
	margin-left: 13%;
}
.lg-rwnolb .lg-relnr li{
	width: 100%;
	height: 100%;
}
.lg-rwnolb .lg-relnr li a{
	display: block;
	width: 100%;
	height: 100%;
}
.lg-rwnolb .lg-relnr li a img{
	display: block;
	float: left;
	width: 30%;
	margin-top: 5px;
	margin-right: 20px;
}
.lg-rwnolb .lg-relnr li a i{
	display: block;
	margin-top: 3px;
	font:normal normal 15px "微软雅黑";
	color:#FFFFFF;
	float: left;
	width: 67%;
	line-height: 25px;
}
.lg-rwnolb .lg-relnr li a:hover i{
	color: #0097E0;
}
.lg-rwlbtb{
	display: none;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	margin-top: 3%;
	position: relative;
}
.lg-rwlbtb>li{
	margin-right: 13.9%;
	position: relative;
	z-index: 22;
}
.lg-rwlbtb>li+li+li+li+li+li{
	margin-right: 0px;
}
.lg-rwlbtb>li>a{
	display: block;
	height: 15%;
}
.lg-rwlbtb>li{
	float: left;
}
.lg-rwlbtb>li>a>h5{
	width: 25px;
	height: 25px;
	margin-bottom: 10px;
	margin-left: 6px;
	/*background: no-repeat;*/
}
.lg-rwlbtb>li>a>p{
	font:normal normal bold 18px "黑体","微软雅黑";
	color:#FFFFFF;
}
.lg-rwlbtb>li>a.on p{
	color: #C570CE;
}
.lg-rwlbtb>li>a.on h5{
	/*background:  no-repeat;*/
}
.lg-rwlbtb>.lg-rwhx{
	width: 98%;
	border-top: 2px solid #413172;
	position: absolute;
	top: 3.5%;
	left: 4px;
	z-index: 21;
}
.lg-cy{
	position: absolute;
	z-index: 19;
	width: 75%;
	height: 57%;
	margin-left: 13%;
	margin-top: 4.7%;
	z-index: 21;
}
.lg-cy>img{
	width: 100%;
	height: 100%;
}
.lg-cy a{
	position: absolute;
	font:normal normal 16px "微软雅黑";
	color:#DF343F;
}
.lg-cy a:hover{
	color: #0097E0;
}
.lg-cy .lg-lx1{
	top: 39%;
	right: 49.5%;
}
.lg-cy .lg-lx2{
	top:52.2%;
	right: 34%;
}
.lg-cy .lg-lx3{
	top:73%;
	right:41.5%;
}
.lg-cy .lg-lx4{
	top:80%;
	right:20.5%;
}
.lg-cy .lg-lx5{
	top:60.5%;
	right:12%;
}
.lg-cy .lg-lx6{
	top: 39%;
	right: 1%;
}
.lg-cyul{
	position: absolute;
	width: 40%;
	height: 95%;
	top: 2.5%;
	left: 2%;
	background: #FFFFFF;
	padding: 15px;
	text-align: center;
}
.lg-cyul li{
	float: left;
	width: 48%;
	height: 30.5%;
	margin:0 3px;
	margin-bottom: 15px;
	overflow:hidden;
}
.lg-cyul li>a{
	position: relative;
	width: 100%;
	height: 100%;
}
.lg-cyul li>a>img{
	width: 100%;
	height: 100%;
}
.lg-cyul li>a>p{
	position: absolute;
	width: 100%;
	height: 150%;
	bottom: 3px;
	left: 0px;
	background: rgba(0,0,0,0.6);
	font:normal normal 16px "微软雅黑";
	color:#FFFFFF;
	text-align: center;
	line-height: 30px;
}
.lg-cyul li>a:hover p{
	color: #0097E0;
}
.lg-ts{
	position: absolute;
	width: 75%;
	height: 57%;
	margin-left: 13%;
	margin-top: 4.7%;
	z-index: 21;
}
.lg-ts>ul{
	position: absolute;
	z-index: 19;
	width: 100%;
	height: 100%;
	top: 3%;
	bottom: 0;
	z-index: 21;
}
.lg-ts>ul li{
	float: left;
	width: 19%;
	height: 65%;
	border: 2px solid #000000;
	margin-right: 15px;
}
.lg-ts>ul li>a{
	display: inline-block;
	width: 100%;
	height: 100%;
}
.lg-ts>ul li>a>img{
	width: 100%;
	height: 100%;
}
.lg-ts>ul .lg-ts0{
	width: 38%;
	height: 90%;
	position: relative;
}
.lg-ts>ul .lg-ts0 .lg-tszz{
	position: absolute;
	text-align: center;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.6);
	z-index: 25;
}
.lg-ts>ul .lg-ts0 .lg-tszz>img{
	margin-top: 32%;
}
.lg-ts>ul .lg-ts1{
	margin-top: 9.1%;
}
.lg-ts>ul .lg-ts2{
	margin-top: 4%;
}
.lg-ts>ul .lg-ts3{
	margin-top: 9.1%;
	margin-right: 0px;
}
.section.one{
 perspective: 800px
}
.active .lg-bg2,.active .lg-bg1,.active .lg-zjwz{
	animation: majority 1.3s linear 1 both;
}
.active .lg-twobg1{
	animation:fadeInUp 2s ease 1 both;
}
.active .lg-twowz{
	animation:fadeInRight 3s ease 1 both;
}
.active .lg-sre{
	animation:fadeInOp 2s ease 1 both;
}
.active .lg-cy{
	animation:fadeInRight 3s ease 1 both;
}
.active .lg-ts0,.active .lg-ts2{
	animation:fadeInTop 1.5s ease 1 both;
}
.active .lg-ts1,.active .lg-ts3{
	animation:fadeInBottom 1.5s ease 1 both;
}
@keyframes majority{
	0%{
		transform: translateZ(850px);
	}
	100%{
		transform: translateZ(0px);
	}
}
@keyframes fadeInUp{
	0%{
		opacity:0;
		transform:translateY(-200px);
	}
	100%{
		opacity:1;
		transform:translateY(0);
	}
}
@keyframes fadeInLeft{
	0%{
		transform:translateX(-200px);
	}
	100%{
		transform:translateX(0);
	}
}
@keyframes fadeInTop{
	0%{
		transform:translateY(-300px);
	}
	100%{
		transform:translateY(0);
	}
}
@keyframes fadeInBottom{
	0%{
		transform:translateY(300px);
	}
	100%{
		transform:translateY(0);
	}
}
@keyframes fadeInRight{
	0%{
		transform:translateX(200px);
	}
	100%{
		transform:translateX(0);
	}
}
@keyframes fadeInOp{
	0%{
		opacity:0;
		transform: translateZ(300px);
	}
	10%{
		opacity:0.1;
	}
	20%{
		opacity:0.2;
	}
	30%{
		opacity:0.3;
	}
	40%{
		opacity:0.4;
	}
	50%{
		opacity:0.5;
	}
	60%{
		opacity:0.6;
	}
	70%{
		opacity:0.7;
	}
	80%{
		opacity:0.8;
	}
	90%{
		opacity:0.9;
	}
	100%{
		opacity:1;
		transform: translateZ(0px);
	}
}



/*畅游龙岗新*/
	.box-container{width: 100%;height: 100%;background: url('/imagelzb/lgzx-zjlg-cylg-bg.jpg') center top no-repeat;background-size: cover;height: inherit;}
	.cylg-logo{text-align: center;padding: 5px 0}
	.cylg-desc{text-align:center;color: #fff;font-size: 15px;width: 600px;margin: 0 auto;padding: 5px 0}
	.active .cylg-logo,.active .cylg-desc{animation: fadeInUp 2s ease 1 both;}
	.cylg-main{width: 1200px;margin: 0 auto;height: inherit;background-color: #fff;background-color: rgba(255,255,255,.8);padding: 15px}
	.active .cylg-main{animation:fadeInTop 2s ease 1 both;}
	.cylg-main .part{width: 50%;float: left;height:75%;overflow: hidden;}
	.cylg-main .spot li{width: 20%;float: left;height: 33.33333%;position: relative;overflow: hidden;border: 5px solid transparent}
	.cylg-main .spot li.dw{width: 40%;}
	.cylg-main .spot li.dh{height: 66.666667%;}
	.cylg-main .spot li.r{float: right;}
	.cylg-main .spot li a{display: block;height: 100%;height: 100%;overflow: hidden;}
	.cylg-main .spot li span{position: absolute;bottom: 0;left: 0;right: 0;font-size: 14px;padding: 5px 0;background-color:#000;background-color: rgba(0,0,0,0.7);color: #fff;text-align: center;transition: all .4s ease;display: block;}
	.cylg-main .spot li:hover span{bottom: -40px}
	.cylg-main .spot img{max-width: 100%;height: 100%;display: block;transition: transform .4s ease}
	.cylg-main .spot li:hover img{transform:scale(1.01);}
	.cylg-main .route{text-align: center;}
	.cylg-main .route img{width:100%;margin-top: 10%;}

	@media (max-width: 768px){
		.cylg-main,.cylg-main .part{width: 100%}
		.cylg-desc{display: none}
		.cylg-main .route img{margin-top: 0}
	}