/*导航*/
.nav-top{
	position: fixed;
	top: 0;
	left: 0;
	padding: 0 50px;
	width: 100%;
	height: 100px;
	z-index: 1000;
}
.nav-top.fixed{
	background: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,.3);
}
.nav-top.fixed .music{
	display: none;
}
.nav-top.fixed .nav-list{
	display: block;
}
.nav-top .logo{
	margin-top: 23.5px;
	width: 105px;
}
.nav-top .logo img{
	width: 100%;
}
.nav-list{
	display: none;
}
.nav-list .item{
	position:relative;
	float:left;
	margin-right:60px;
	font-size: 15px;
	color: #212121;
	line-height:100px;
}
.nav-list .item a{
	position:relative;
}
.nav-list .item a:before{
	position:absolute;
	bottom:0;
	left:-20px;
	content:'';
	width: 8px;
	height: 2px;
	background:#c9151e;
	opacity:0;
	transition:all .5s;
	-webkit-transition:all .5s;
}
.nav-list .item:hover a{
	color: #212121;
}
.nav-list .item:hover a:before{
	opacity:1;
}

/*banner*/
.banner{
	position:relative;
	width:100%;
	overflow: hidden;
}
.banner .img{
	width:100%;
	height: 100%;
}
.banner .btn-wrap{
	position: absolute;
	bottom: 40px;
	right: 46px;
	z-index: 100;
}
.banner .btn-wrap .btn{
	display: inline-block;
	margin-right: 10px;
	width: 130px;
	height: 130px;
	transition: all .5s;
	-webkit-transition: all .5s;
}
.banner .btn-wrap .btn:hover{
	transform: translateY(-20px);
	-webkit-transform: translateY(-20px);
}
.banner .btn-wrap .btn:last-child{
	margin-right: 0;
}
.banner .box{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -430px;
	width: 860px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	z-index: 200;
}
.banner .box .item{
	width: 50%;
	color: #212121;
	font-size: 14px;
}
.banner .box .item .name{
	margin-bottom: 30px;
	font-size: 40px;
	color: #272626;
	letter-spacing: 10px;
}
.banner .box .item .nav-item{
	display: block;
	position: relative;
	margin-top: 20px;
	padding-left: 10px;
	font-size: 17px;
	color: #212121;
}
.banner .box .item .nav-item:before{
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	width: 8px;
	height: 2px;
	background:#c9151e;
	animation: line 1s linear infinite;
	-webkit-animation: line 1s linear infinite;
}
.banner .box .item .nav-item .ico-arrow{
	display: inline-block;
	margin-left: 0;
	width: 12px;
	height: 12px;
	background: url(../img/ico38.png) no-repeat;
	background-size: 100% 100%;
	vertical-align: middle;
	opacity: 0;
	transition: all .5s;
	-webkit-transition: all .5s;
}
.banner .box .item .nav-item:hover .ico-arrow{
	margin-left: 10px;
	opacity: 1;
}
.banner .box .item.right{
	text-align: right;
}
.banner .box .item .img{
	display: inline-block;
	margin-top: 90px;
	font-size:24px;
	letter-spacing: 10px;
}
.banner .box .item.right .font{
	margin-top: 30px;
}
.banner .box .item.right .font,
.banner .box .item.right .font p{
	font-size: 16px;
	color: #373737;
}
.particles-js{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}
.particles-js canvas{
	width: 100%;
	height: 100%;
}
.music {
	position:relative;
	margin-top: 35px;
	width:35px;
	height: 30px;
}
.music i {
	display: inline-block;
	width:3px;
	height:7px;
	position:absolute;
	bottom:0;
	background-color:#000;
}
.music i:nth-of-type(1){
	left:0;
	height: 30px;
} 
.music i:nth-of-type(2){
	left:10px;
	height: 20px;
} 
.music i:nth-of-type(3){
	left:20px;
	height: 10px;
} 
.music i:nth-of-type(4){
	left:30px;
	height: 5px;
} 
.music.active i:nth-of-type(1) {
	-webkit-animation:wave 0.4s linear infinite;
	animation:wave 0.4s linear infinite;
}
.music.active i:nth-of-type(2) {
	-webkit-animation:wave 0.6s linear infinite;
	animation:wave 0.6s linear infinite;
}
.music.active i:nth-of-type(3) {
	-webkit-animation:wave 0.7s linear infinite;
	animation:wave 0.7s linear infinite;
}
.music.active i:nth-of-type(4) {
	-webkit-animation:wave 0.3s linear infinite;
	animation:wave 0.3s linear infinite;
}

.about-wrap{
	padding: 160px 0;
	background: #eee;
}
.about-wrap .wrap{
	position: relative;
	margin: auto;
	width: 880px;
	height: 780px;
}
.about-wrap .wrap .bg{
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -371px;
	width: 742px;
	height: 742px;
}
.about-wrap .wrap .img{
	position: absolute;
	top: 60px;
	left: 0;
	width: 127px;
	height: 162px;
	opacity: 0;
	z-index: 100;
}
.about-wrap .wrap .img.b{
	left: 382px;
	width: 96px;
	height: 164px;
}
.about-wrap .wrap .img.o{
	left: auto;
	right: 0;
	width: 138px;
	height: 165px;
}
.about-wrap .wrap .img.u{
	left: 200px;
	top: 260px;
	width: 111px;
	height: 164px;
}
.about-wrap .wrap .img.t{
	left: 560px;
	top: 260px;
	width: 114px;
	height: 162px;
}
.about-wrap .wrap .img.j{
	left: 30px;
	top: 460px;
	width:67px;
	height: 164px;
}
.about-wrap .wrap .img.w{
	left: 330px;
	top: 460px;
	width:188px;
	height: 162px;
}
.about-wrap .wrap .img.bs{
	left: 750px;
	top: 460px;
	width:96px;
	height: 165px;
}

.outline-wrap{
	padding-top: 30px;
}
.outline-wrap .title{
	margin: auto;
	width: 318px;
}
.outline-wrap .logo{
	margin: auto;
	width: 105px;
}
.outline-wrap .font{
	text-align: center;
	font-size: 13px;
	color: #595757;
	line-height: 30px;
}
.outline-wrap .box{
	margin: auto;
	width: 1100px;
}
.outline-box{
	position: relative;
	padding: 50px 0;
}
.outline-box:before{
	position: absolute;
	top: 0;
	left: 50%;
	content: '';
	width: 1px;
	height: 100%;
	background: #c9151e;
	z-index: 10;
}

.outline-box .left{
	position: relative;
	float: left;
	width: 590px;
	z-index: 100;
}
.outline-box .left .vertical-box{
	position: relative;
	margin-bottom: 75px;
	overflow: hidden;
}
.outline-box .left .vertical-box:before{
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 100%;
	background: #fff;
	transition: all 2s;
	-webkit-transition: all 2s;
}
.outline-box .left .vertical-box.show:before{
	left: 200%;
}
.outline-list .item{
	margin-bottom: 15px;
}
/* LG 概要 列表左宽度*/
.outline-list .name{
	width: 130px;
	line-height: 25px;
}
.outline-list .text{
	width: 300px;
	line-height: 25px;
}
.outline-box .right{
	width: 380px;
}
.outline-box .right .head-name{
	margin-bottom: 24px;
	font-size: 24px;
	font-weight: bold;
	color: #272626;
}
.outline-box .right .vertical-box{
	position: relative;
	margin-top: 70px;
	width: 373px;
	overflow: hidden;
}
.outline-box .right .vertical-box:before{
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 100%;
	background: #fff;
	transition: all 2s;
	-webkit-transition: all 2s;
}
.outline-box .right .vertical-box.show:before{
	top: 200%;
}
.outline-box .ps-img{
	position: absolute;
	bottom: 50px;
	left: 50%;
	margin-left: -121.5px;
	width: 243px;
	z-index: 20;
	overflow: hidden;
}
.outline-box .ps-img:before{
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 100%;
	background: #fff;
	transition: all 2s;
	-webkit-transition: all 2s;
}
.outline-box .ps-img.show:before{
	top: 200%;
}
.cause-wrap{
	position: relative;
	padding: 100px 0 70px;
	width: 100%;
	background: url(../img/bg.jpg) no-repeat;
	background-size: cover;	
}
.cause-wrap .box{
	margin: auto;
	/*LG cause-wrap 事业内容模块 840px 事業内容不動産事業 WORLD BUSINESS 的宽度*/
	width: 1000px; 
	color: #fff;
	font-size: 17px;
	text-align: center;
}
.cause-wrap .box .title{
	font-size: 25px;
	font-weight: bold;
	letter-spacing: 5px;
}
.cause-wrap .box .name{
	font-size: 35px;
	font-weight: bold;
	letter-spacing: 5px;
}
.cause-wrap .box .font{
	margin-top: 10px;
	font-size: 13px;
	color: rgba(255,255,255,.6);
}
.cause-list .item{
	display: inline-block;
	margin-top: 30px;
	padding: 10px 0;
	/*24.8 LG 5个list一排显示，每个item占比宽度*/
	width: 33%;
	text-align: center;
	font-size: 14px;
	border-right: 1px solid rgba(255,255,255,.6);
}
.cause-list .item:hover,
.cause-list .item.current{
	color: #c9151e;
}

/*事业内容模块之中 五个部分列表*/
.cause-list .item:hover .ico.ico-business,
.cause-list .item.current .ico.ico-business{
	background-image: url(../img/ico10.png);
}
.cause-list .item:hover .ico.ico-two,
.cause-list .item.current .ico.ico-two{
	background-image: url(../img/ico12.png);
}
.cause-list .item:hover .ico.ico-three,
.cause-list .item.current .ico.ico-three{
	background-image: url(../img/ico14.png);
}
.cause-list .item:hover .ico.ico-four,
.cause-list .item.current .ico.ico-four{
	background-image: url(../img/ico16.png);
}
/*LG 红色美食icon*/
.cause-list .item:hover .ico.ico-five,
.cause-list .item.current .ico.ico-five{
	background-image: url(../img/icoonCyylRed.png);
}

/*.cause-list .item:hover .ico.ico-out,*/
/*.cause-list .item.current .ico.ico-out{*/
/*	background-image: url(../img/ico21.png);*/
/*}*/
.cause-list .item:hover .ico.ico-act,
.cause-list .item.current .ico.ico-act{
	background-image: url(../img/ico23.png);
}
.cause-list .item:last-child{
	border-right: 0;
}
/* 5个列表，点击箭头，左右滑动的模块*/
.cause-tag{
	position: relative;
	padding: 100px 0;
	background: url(../img/bg3.jpg) no-repeat;
	background-size: cover;
}
.cause-tag .btn-wrap{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -650px;
	margin-top: -15px;
	width: 1300px;
}
.cause-tag .btn{
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	background: url(../img/ico39.png) no-repeat;
	background-size: 100% 100%;
	cursor: pointer;
}
.cause-tag .btn.ico-prev{
	left: 0;
	transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	animation: leftArrow 0.5s infinite alternate;
	 -webkit-animation: leftArrow 0.5s infinite alternate;
}
.cause-tag .btn.ico-next{
	right: 0;
	animation: rightArrow 0.5s infinite alternate;
	 -webkit-animation: rightArrow 0.5s infinite alternate;
}
.cause-tag.two-tag{
	background-image: url(../img/bg4.jpg);
}
.cause-tag .box{
	position: relative;
	margin: auto;
	display: table;
	width: 1200px;
	z-index: 20;
}
.cause-tag .box .left{
	position: relative;
	display: table-cell;
	width: 50%;
	vertical-align: middle;
	overflow: hidden;
}
.cause-tag .box .left:before{
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 100%;
	background: #fff;
	transition: all 2s;
	-webkit-transition: all 2s;
}
.cause-tag .box .left.open:before{
	left: 200%;
}

.cause-tag .box .right{
	display: table-cell;
	padding-left: 80px;
	padding-right: 40px;
	width: 50%;
	background: #f5f5f5;
	vertical-align: middle;
}
.cause-tag .box .right .name{
	margin-bottom: 10px;
	font-size: 30px;
	font-weight: bold;
	color: #272626;
}
.cause-tag .box .right .font{
	font-size: 14px;
	letter-spacing: 6px;
	color: #272626;
}
.cause-tag .box .right .text{
	margin-top: 30px;
	font-size: 13px;
	line-height: 20px;
	letter-spacing: 3px;
	color: #595757;
}

.question-wrap{
	position: relative;
	padding: 70px 0 100px;
	background: url(../img/bg1.jpg) no-repeat;
	background-size: cover;
}
.question-wrap .box{
	margin: auto;
	width: 670px;
}
.question-wrap .box .title{
	margin: auto;
	width: 318px;
}
.form-group{
	margin-bottom: 20px;
}
.form-group .name{
	width: 200px;
	line-height: 42px;
	font-size: 15px;
	color: #373737;
}
.form-group .input{
	width: 400px;
}
.form-group .input.big{
	width: 460px;
}
.form-group .textarea{
	width: 460px;
	height: 160px;
}
.question-wrap .box .btn{
	position: relative;
	display: block;
	margin-left:200px;
	margin-top: 30px;
	width: 300px;
	height: 68px;
	line-height: 68px;
	text-align: center;
	font-size: 16px;
	color: #444343;
	background: transparent;
	border: 1px solid #757575;
	cursor: pointer;
}
.question-wrap .box .btn:before{
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 0;
	height: 100%;
	transition: all .5s;
	-webkit-transition: all .5s;
	background: #c9151e;
	z-index: 10;
}
.question-wrap .box .btn:hover{
	border: #c9151e;
	color: #fff;
}
.question-wrap .box .btn span{
	position: relative;
	z-index: 20;
}
.question-wrap .box .btn:hover:before{
	width: 100%;
}
.contact-wrap{
	position: relative;
	padding: 100px 0;
	background: url(../img/bg5.jpg) no-repeat;
	background-size: cover;
}
.contact-wrap .box{
	position: relative;
	margin: auto;
	width: 1100px;
	font-size: 14px;
	color: #595757;
	z-index: 20;
}
.contact-wrap .title{
	margin:0 auto 100px;
	width: 130px;
}
.contact-wrap .box .left{
	width: 310px;
}
.contact-text{
	position: relative;
	margin-top: 25px;
	padding: 20px 0 20px 20px;
	border: 1px solid #bababa;
	border-left: 0;
	border-right: 0;
}
.contact-text:before{
	position: absolute;
	top: 60%;
	left: 0;
	content: '';
	width: 13px;
	height: 1px;
	background: #bababa;
	z-index: 100;
}
.contact-list{
	margin: 40px 0;
}
.contact-list .ico{
	margin-right: 20px;
}
.contact-wrap .left .vertical-box{
	width: 200px;
}
.footer-wrap.fixed{
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 1000;
}
.footer-wrap{
	padding: 0 30px;
	height: 40px;
	color: #fff;
	font-size: 12px;
	line-height: 40px;
	background: #131313;
}
.footer-wrap .logo{
	margin-top: 10px;
	width: 144px;
}
.news-popup{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,.9);
	z-index: 1000;
}
.news-popup .box{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 800px;
	height: 470px;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	z-index: 200;
}
.news-popup .box .left{
	width: 160px;
	font-size: 14px;
	color: #646464;
}
.news-popup .box .left .img{
	width: 105px;
}
.news-popup .box .left .name{
	margin-top: 40px;
	font-size: 24px;
	color: #272626;
}
.news-popup .box .right{
	width: 620px;
}
.news-list{
	padding-left: 60px;
	border-left: 1px solid #c6c6c6;
}
.news-list .item{
	margin-bottom: 20px;
	font-size: 14px;
}
.paging{
	padding-left: 60px;
	margin-top: 50px;
	font-size: 14px;
}
.paging a{
	display: inline-block;
	margin-right: 20px;
	color: rgba(0,0,0,.6);
	font-weight: bold;
}
.paging a.active{
	color: #000;
}
.news-detail{
	display: block;
	padding:0 45px 200px;
	margin: auto;
	width: 920px;
	height: 100%;
	border: 1px solid #e1e1e1;
	border-top: 0;
	border-bottom: 0;
}
.news-detail .logo{
	padding: 40px 0;
	border-bottom: 1px solid #e1e1e1;
}
.news-detail .title{
	padding: 40px 0;
	font-size: 14px;
	color: #838383;
	text-align: center;
	border-bottom: 1px solid #e1e1e1;
}
.news-detail .title .name{
	margin-bottom: 10px;
	font-size: 18px;
	color: #515151;
}
.news-detail .box{
	margin-top: 50px;
	color: #595757;
}
.news-detail .box p{
	font-size: 14px;
	color: #595757;
}
.news-detail .box img{
	display: block;
	margin: 20px auto;
}
.loading-wrap{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	transition: all 1s;
	-webkit-transition: all 1s;
	z-index: 2000;
}
.loading-wrap .box{
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 24px;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}
.loading-wrap .box .one{
	display: inline-block;
	margin-right: 10px;
	color: #969696;
	opacity: 0;
	transform: translateX(215px);
	-webkit-transform: translateX(215px);
	transition: all .5s;
	-webkit-transition: all .5s;
}
.loading-wrap .box .two{
	display: inline-block;
	opacity: 0;
}

/*图标*/
.ico{
	display: inline-block;
	width: 32px;
	height: 26px;
	background: url(../img/ico.png) no-repeat;
	background-size: 100% 100%;
}
.ico.ico-music{
	margin-top: 37px;
}
/*5个 白色icon */
.ico.ico-business{
	margin: 10px auto;
	width: 38px;
	height: 66px;
	background-image: url(../img/ico11.png);
}
.ico.ico-two{
	margin: 8px auto;
	width: 57px;
	height: 70px;
	background-image: url(../img/ico13.png);
}
.ico.ico-three{
	margin: 12px auto;
	width: 61px;
	height: 62px;
	background-image: url(../img/ico15.png);
}
.ico.ico-four{
	margin: 8.5px auto;
	width: 69px;
	height: 69px;
	background-image: url(../img/ico17.png);
}
/*LG  白色美食*/
.ico.ico-five{
	margin: 12px auto;
	width: 73px;
	height: 63px;
	background-image: url(../img/icoonCyylWh.png);
}

/* 联动部分的icon 灰色*/
.ico.ico-business.black{
	margin-bottom: 17px;
	background-image: url(../img/ico18.png);
}
.ico.ico-two.black{
	margin-bottom: 17px;
	background-image: url(../img/ico28.png);
}
.ico.ico-three.black{
	margin-bottom: 17px;
	background-image: url(../img/ico29.png);
}
.ico.ico-four.black{
	margin-bottom: 17px;
	background-image: url(../img/ico30.png);
}
/*LG 灰色美食*/
.ico.ico-five.black{
	margin-bottom: 17px;
	background-image: url(../img/icooncyylGray.png);
}
/*.ico.ico-out{*/
/*	margin: 14.5px auto;*/
/*	width: 66px;*/
/*	height: 57px;*/
/*	background-image: url(../img/ico22.png);*/
/*}*/
/*.ico.ico-out.black{*/
/*	margin-bottom: 17px;*/
/*	background-image: url(../img/ico25.png);*/
/*}*/
.ico.ico-act{
	margin: 17px auto;
	width: 76px;
	height: 52px;
	background-image: url(../img/ico24.png);
}
.ico.ico-act.black{
	margin-bottom: 17px;
	background-image: url(../img/ico31.png);
}
.ico.ico-email{
	width: 20px;
	height: 14px;
	background-image: url(../img/ico27.png);
}
.ico.ico-face{
	width: 20px;
	height: 20px;
	background-image: url(../img/ico32.png);
}
.ico.ico-bird{
	width: 21px;
	height: 18px;
	background-image: url(../img/ico33.png);
}
.ico.ico-weibo{
	width: 14px;
	height: 18px;
	background-image: url(../img/ico34.png);
}
.ico.ico-con{
	width: 18px;
	height: 18px;
	background-image: url(../img/ico35.png);
}
.ico.ico-close{
	position: absolute;
	top: 100px;
	right: 135px;
	width: 64px;
	height: 64px;
	background-image: url(../img/ico37.png);
	cursor: pointer;
	z-index: 100;
}
@-webkit-keyframes wave {
	0% {
	height:8px
	}
	100% {
		height:30px
	}
}
@keyframes wave {
	0% {
		height:8px
	}
	100% {
		height:30px
	}
}
@-webkit-keyframes line {
	0% {
		width:0
	}
	100% {
		width:8px
	}
}
@keyframes line {
	0% {
		width:0
	}
	100% {
		width:8px
	}
}

/*动画*/
@keyframes rightArrow
{
	0% {transform:translateX(0)}
	100%{transform:translateX(10px)}
}
@-webkit-keyframes myanimate
{
	0% { transform:translateX(0)}
	100%{transform:translateX(10px)}
}

@keyframes leftArrow
{
	0% {transform:translateX(0)rotate(-180deg)}
	100%{transform:translateX(-10px) rotate(-180deg)}
}
@-webkit-keyframes myanimate
{
	0% { transform:translateX(0) rotate(-180deg)}
	100%{transform:translateX(-10px) rotate(-180deg)}
}