/*------------------    Reset  --------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
img{
    vertical-align: middle;
    width: calc(100vw - 20px);
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, main, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* Don't kill focus outline for keyboard users: http://24ways.org/2009/dont-lose-your-focus */
a:hover, a:active, a:focus {
    outline: none;
	text-decoration: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
.form-control{
    border-radius: 0;
}

/*------------------   Body    ------------------*/
html,body{
	width: 100%;
	height: 100%;
}
body{
	font-family: 'Montserrat';
	font-size: 14px;
	font-weight: 300;
	background-color: #181818;
	overflow: auto;
	color: #c79158;
	padding-right: 0 !important
}
body.cn{
	font-family: 'Noto Sans SC', sans-serif;
	font-weight: 400;
}
body.home,
body.loading{
	overflow: hidden;
}
h1,h2,h3,h4,h5,h6{
	font-weight: 400;
}
.font-cn{
	font-family: 'Noto Sans SC', sans-serif;
}
.font-en{
	font-family: Montserrat;
}
.wrapper{
	width: 100%;
	height: 100%;
	position: relative;
}
.clear-both:after{
	clear: both;
	display: table;
	content: "";
}
/*-----------------     header        ------------------*/
.header{
	z-index: 9999;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 80px;
	background: none;
	font-weight: 300;
	transition: all .3s;
	overflow: auto;
	/* background-color: #000; */
}
.header.header-bg{
	background: #181818;
}
.header .header-block{
	position: relative;
	width: 100%;
	height: 100%;
	padding-top: 0px;
	background: none;
	transition: all .5s;
}
.header .container{
	height: 100%;
	position: relative;
	width: 90% !important;
	
}

/* s   左边 按钮 绝对定位 内部放置 span， 内部span *3  */
.menu-btn{
	position: absolute;
	left: 0;
    /*top: 16px; */
    top:50%;
    transform: translateY(-50%);
	width: 24px;
	height: 18px;
	display: block;
	background: none;
	outline: none;
	border: none;
	padding: 0;
}
.menu-bt .menu-icon{
	display: block;
	width: 100%;
	height: 100%;
}
.menu-icon span{
	display: block;
	width: 24px;
	height: 2px;
	background: #c79158;
}
.menu-icon:hover span{
	background: #c79158;
}
.menu-icon span:nth-child(1){
	position: absolute;
	left: 0;
	top: 0;
	transition: all .3s;
}
.menu-icon span:nth-child(2){
	position: absolute;
	left: 0;
	top: 8px;
	opacity: 1;
	transition: all .3s;
}
.menu-icon span:nth-child(3){
	position: absolute;
	left: 0;
	top: 16px;
	transition: all .3s;
}
.menu-icon.open span:nth-child(1){
	position: absolute;
	left: 0;
	top: 0;
	width: 18px;
	transition: all .3s;
	transform: translate(0px, 8px) rotate(45deg);
}
.menu-icon.open span:nth-child(2){
	position: absolute;
	left: 0;
	top: 8px;
	opacity: 0;
	transition: all .3s;
}
.menu-icon.open span:nth-child(3){
	position: absolute;
	left: 0;
	top: 16px;
	width: 18px;
	transition: all .3s;
	transform: translate(0px, -8px) rotate(-45deg);
}
/*  头部 小导航 */
.header-nav{
	display: none;
    margin: 0 auto;
    overflow: hidden;
}
.header-nav ul{
    text-align: center;
    overflow: hidden;
}
.header-nav ul li{
	display: inline-block;
	font-size: 13px;
	line-height: 16px;
	padding: 32px 30px;
	font-weight: normal;
	float: left;
}
.header-nav ul li a{
	color: #fff;
	transition: all 0.3s;
}
.header-nav ul li a:hover{
	color: #c79158;
}
.header-nav ul li.active a{
	color: #c79158;
}
.header-lang{
	position: absolute;
	right: 0;
	top: 32px;
	height: 18px;
	line-height: 18px;
}
.header-lang ul li{
	float: left;
	font-size: 13px;
	margin: 0 4px;
	color: #c79158;
}
.header-lang ul li a{
	color: #c79158;
}
.header-lang ul li a:hover{
	color: #c79158;
}
.header.active .header-block{
	background: #181818;
}
.header.active .header-nav{
	display: block;
}
.header.active .header-logo{
	display: none!important;
}
/*  中间canvas 区域 */
.header-logo{
	display: block;
    width: 74px;
    height: auto;
	margin: 0 auto;
	position: absolute;
	top: 45px;
	left: 50%;
	margin-left: -37px;
	z-index: 1010;
}
.loading .header-logo{
	display: none;
}
.header-logo img{
	width: 100%;
}



/*-----------------     footer        ------------------*/
footer{
	background: url("../img/footer.jpg") no-repeat;
	background-size: 100% 100%;
}
.footer{
	padding: 50px 0;
}
.footer>div{
	float: left;
}
.footer-l{
	width: 30%;
}
.footer-l img{
	width: 200px;
	margin-top: 50px;
}
.footer-m{
	width: 10%;
	margin-right: 3%;
}
.footer-r{
	width: 10%;
}
.footer-qrcode{ width:15%; border-left: 1px solid #8c8b8b; padding-left: 5%;}
.footer .footer-heading{
	font-size: 17px;
	font-weight: 400;
	color:#ffffff;
	height: 26px;
	width: 55px;
	border-bottom: 1px solid #ffffff;
	margin-bottom: 10px;
}
.footer p{
	font-size: 14px;
	line-height: 24px;
	color: #8c8b8b;
}
.footer p a{
	color: #8c8b8b;
}
.footer p a:hover{
	color: #8c8b8b;
}
.footer-r p{
	line-height: 24px;
	position: relative;
}
.footer-r img{ width: 100%;height: 100%;}
.footer-r p span{
	display: block;
	width: 9px;
	height: 9px;
	border-bottom: 1px solid #c79158;
	border-right: 1px solid #c79158;
	transform: rotate(-45deg);
	position: absolute;
	right: 1px;
	top: 50%;
	margin-top: -3px;
}
.footer-bottom{
	background: #D8D8D8;
	padding: 12px 0 10px;
}
.footer-bm-l p{
	font-size: 14px;
	line-height: 25px;
	color: #181818;
}
.footer-bm-l{
	float: left;
}
.footer-bm-r{
	float: right;
}
.footer-bm-r ul li{
	float: left;
	line-height: 25px;
	font-size: 18px;
	margin-left: 20px;
}
.footer-bm-r a{
	cursor: pointer;
}
.footer-bm-r a i{
	color: #181818;
}
.footer-bm-r a:hover i{
	color: #000;
}
.footer-capital{
	border-top: 1px solid #9F6824;
}
.footer-premier-club{
	border-top: 1px solid #320743;
}
.footer-investment{
	border-top: 1px solid #022846;
}
.footer-real-estate{
	border-top: 1px solid #511019;
}
.footer-project{
	border-top: 1px solid #00352E;
}
.footer-capital .footer-bottom{
	background: #9F6824;
}
.footer-premier-club .footer-bottom{
	background: #320743;
}
.footer-investment .footer-bottom{
	background: #022846;
}
.footer-real-estate .footer-bottom{
	background: #511019;
}
.footer-project .footer-bottom{
	background: #00352E;
}
.footer-capital .footer-bm-r a i,
.footer-capital .footer-bm-l p,
.footer-premier-club .footer-bm-r a i,
.footer-premier-club .footer-bm-l p,
.footer-investment .footer-bm-r a i,
.footer-investment .footer-bm-l p,
.footer-real-estate .footer-bm-r a i,
.footer-real-estate .footer-bm-l p,
.footer-project .footer-bm-r a i,
.footer-project .footer-bm-l p{
	color: #c79158;
}
.footer-capital .footer-bm-r a:hover i,
.footer-premier-club .footer-bm-r a:hover i,
.footer-investment .footer-bm-r a:hover i,
.footer-real-estate .footer-bm-r a:hover i,
.footer-project .footer-bm-r a:hover i{
	color: #c79158;
}


/*------------------------   Modal   ------------------------*/
.js-qrcode-modal{
	top: 50%;
	margin-top: -125px;
}
.js-qrcode-modal img{
	width: 100%;
	display: block;
	max-width: 220px;
	margin: 0 auto;
}
.loading-modal{
	text-align: center;
	top: 50%;
	margin-top: -15px;
}
.loading-background img{
	background: #c79158;
}

.js-modal{
    top: 35%;
}
.js-modal h4{
	font-weight: 400;
    color: #181818;
    font-size: 18px;
}
.js-modal h5{
	font-weight: 400;
    font-size: 16px;
    line-height: 1.5em;
    color: #181818;
}
.js-modal h5.color-red{
	color: #f17b72;
}
.modal{
	z-index: 9999;
}
.modal-btn{
	width: 60px;
	height: 30px;
	font-size: 16px;
	color: #181818;
	border: 1px solid #181818;
	background: none;
	outline: none;
	transition: all .5s;
}
.modal-btn:hover{
	color: #c79158;
	background: #181818;
}
@media (max-width: 1599px){
	/*.header{
		height: 120px;
	}*/

	.header .header-block{
		padding-top: 0px;
	}
	.header-logo{
		top: 45px;
	}
}
@media (max-width: 1199px){
	.header{
		top: 0;
		left: 0;
		width: 100%;
	}
	.header .header-block{
		height: 100%;
		padding-top: 0px;
		padding-bottom: 15px;
	}
	.header-lang{
		top: 16px;
	}
	.menu-btn{
		top: 20px;
	}
	.header-logo{
		width: 74px;
		height: 60px;
		top: 28px;
		left: 50%;
		margin-left: -37px;
	}
	.header-nav ul li{
		font-size: 14px;
		line-height: 16px;
		padding: 16px 15px;
	}
}
@media (max-width: 991px){
	.header-nav ul li{
		font-size: 12px;
		line-height: 16px;
		padding: 16px 10px;
	}
	.footer{
		padding: 50px 0;
	}

	.footer-l{
		width: 100%;
		margin-bottom: 13px;
	}
	.footer-l img{
		width: 160px;
		margin-top: 0; 
		display: block;
		margin: 0 auto;
	}
	.footer-m{
		width: 22%;
	}
	.footer-r{
		width: 23%;
	}
	.footer-bottom{
		padding: 15px 0;
	}
	.footer-bm-l p{
		font-size: 14px;
		line-height: 25px;
		color: #181818;
	}
	.footer-bm-l{
		float: left;
	}
	.footer-bm-r{
		float: right;
	}
	.footer-bm-r ul li{
		float: left;
		line-height: 25px;
		font-size: 18px;
		margin-left: 20px;
	}
}
@media (max-width: 767px){
	.header{
		height: 80px;
	}
	.header-lang{
		top: 24px;
		right: 15px;
	}
	.menu-btn{
		top: 30px;
		left: 15px;
	}
	.header-logo{
		width: 47px;
		height: auto;
		top: 17px;
		margin-left: -24px;
	}
	
	.header-nav ul li{
		font-size: 14px;
		line-height: 16px;
		padding: 22px 15px;
	}
	.header .header-block{
		padding-top: 0px;
	}
	.header.active{
		height: 100vh;
		min-height: 500px;
		position: fixed;
	}
	.header-nav{
		display: none;
		margin: 0 auto;
		padding-top: 100px;
	}
	.header-nav ul{
		text-align: center;
		display: flex;
		flex-direction: column;
	}
	.header-nav ul li{
		display: block;
		font-size: 14px;
		line-height: 16px;
		padding: 20px;
		font-weight: normal;
	}
	.footer{
		padding: 13px 28px 13px 28px;
	}
	.footer-bm-l{
		float: none;
		padding: 5px 20px;
	}
	.footer-bm-r{
		float: none;
		padding: 5px 20px;
	}
	.footer-bm-r ul li{
		float: left;
		line-height: 25px;
		font-size: 16px;
		margin-left: 0;
		margin-right: 20px;
	}
}
@media (max-width: 500px){
	.footer-qrcode{ 
		margin-top: 13px;
	}
}
/*2019/07/08修改樣式*/
.header-lang li a.active{ background: #c79158; color: #fff; padding: 0px 3px; border-radius: 2px;}
.header-lang li a.active:hover{color:#fff;}
.parFd{ 
	/* change */
	/* width: 222px;
	height: 53px; */
	width: 180px;
    height: 50px;
	bottom: 30px;
	position: fixed;
	left: 50%;
	/* change */
	/* margin-left: -111px; */
	margin-left: -90px;
}
.home-bg-item{ margin-bottom: 100px;}