/* LESS Document */
@gold:#CDAF63;
html{font-size:14px}
@media(max-width:1200px){
	html{font-size:11px}
}
@media(max-width:768px){
	html{font-size:8px;}
}
/*---- animated 动画 ----*/
.animated{
	animation-fill-mode:forwards;//动画完成后保持最后一帧
}
/*---- root ----*/
#root{
	overflow:hidden;
}
.index-title{
	display:block;
	position:relative;
	top:100px;
	margin:3.5rem auto 0 auto;
	z-index:100;
}
/*---- Header ----*/
#header{
	position:fixed;
	width:100%;height:100px;
	z-index:1000;
	background-color:#000;
	.navbar-inverse{border:none;}
	.navbar{
		#logo{
			height:auto;
			padding:15px;
			img{height:70px}
		}
		.navbar-toggle{
			margin:12px 15px;
			padding:10px;
			color:#FFF;
			border:none;
		}
		.navbar-nav{
			li.active{
				border-bottom:2px solid @gold;
				a{background-color:inherit;}
			}
			.dropdown{
				.dropdown-menu{
					min-width:inherit;
					width:100%;
					background-color:rgba(0,0,0,.8);
					&>li>a{
						color:#9d9d9d;
						background-color:rgba(255,255,255,0);
						&:hover{
							background-color:rgba(255,255,255,.2);
						}
					}
				}
			}
		}
	}
	.navbar-top{
		.form-control{
			color:rgba(255,255,255,.8);
			&:hover{background-color:rgba(255,255,255,.3)}
			&:focus{
				color:#000;
				background-color:rgba(255,255,255,.6)
			}
		}
		.btn{
			margin-right:15px;
			color:#000;
			&:hover{background-color:rgba(255,255,255,.3)}
		}
		.form-control,.btn{
			height:29px;
			font-size:12px;
			line-height:17px;
			background:#454545;
			border:none;
			border-radius:0;
			transition:background-color .3s;
		}
		a{
			display:inline-block;
			padding:7px;
			font-size:18px;
			line-height:18px;
			color:#9d9d9d;
			transition:color .3s;
			&:hover{
				text-decoration:none;
				color:#FFF;
			}
		}
	}
}
@media(max-width:1400px){

}
@media(max-width:768px){

}
/*---- banner ----*/
#banner{
	position:relative;
	//菜单
	.btn-box{
		position:absolute;
		right:7.8rem;
		top:4rem;
		z-index:100;
		.search-box{
			display:flex;
			flex-wrap:nowrap;
			align-items:stretch;
			justify-content:space-between;
			position:absolute;
			top:5px;right:100%;
			background-color:#FFF;
			border-radius:22px;
			overflow:hidden;
			opacity:0;
			input{
				display:block;
				padding:.5rem 1rem;
				font-size:1.2rem;
				line-height:2.1rem;
				border:none;
			}
			button{
				padding:0 .7rem;
				display:block;
				font-size:2.1rem;
				background-color:inherit;
				border:none;
			}
		}
		.btn{
			padding:.5rem .7rem;
			font-size:2.1rem;
			color:rgba(0,0,0,.9);
			border-radius:3px;
			text-shadow:0 0 5px rgba(0,0,0,0);
			transition:all .3s;
			&:hover{
				color:rgba(255,255,255,.8);
				text-shadow:0 2px 10px rgba(0,0,0,1)
			}
		}
	}
	#menu{
		display:none;
		position:absolute;
		top:0;bottom:0;
		right:0;
		width:35%;
		min-width:200px;
		margin:auto;
		background-color:rgba(3,3,3,.8);
		z-index:999;
		&.animated{display:block}
		.content{
			display:flex;
			flex-wrap:nowrap;
			flex-direction:column;
			align-items: stretch;
			justify-content:space-around;
			position:relative;
			width:70%;height:100%;
		}
		.logo{
			display:block;
			position:relative;
			text-align:center;
			img{max-height:7.14rem;margin:auto;}
		}
		a{
			color:rgba(255,255,255,.8);
			transition:color .3s;
		}
		a:hover{
			text-decoration:none;
			color:rgba(255,255,255,1);
			text-shadow:0 0 5px rgba(255,255,255,.8);
		}
		nav{
			list-style:none;
			text-align:center;
			a{
				display:inline-block;
				padding:1rem .8rem;
				font-size:1.4rem;
			}
		}
		.share{
			text-align:center;
			a{
				display:inline-block;
				padding:.5rem;
				font-size:1.6rem;
			}
		}
		.close-btn{
			display:block;
			position:absolute;
			padding:.5rem;
			font-size:1.6rem;
			top:5%;right:10%;
			color:#FFF;
			background-color:rgba(255,255,255,0);
			transition:background-color .3s;
			border-radius:5px;
			&:hover{
				background-color:rgba(255,255,255,.2);
			}
		}
	}
	//列表元素
	.slide{
		position:relative;
		background-position:center;
		background-repeat:no-repeat;
//		background-size:contain;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-ms-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
		.visible-xs{
			position:absolute;
			top:0;bottom:0;
			left:0;right:0;
			margin:auto;
			background-position:center;
			-webkit-background-size:cover;
			-moz-background-size:cover;
			-ms-background-size:cover;
			-o-background-size:cover;
			background-size:cover;
		}
	}
	//控制按钮
	.fp-controlArrow{
		display:block;
		margin:0 15px;
		border:none;
		color:#FFF;
		&::before{
			font-family:"Ionicons";
			font-size:3rem;
			font-style:normal;
			font-weight:normal;
			font-variant:normal;
			speak:none;
			text-transform:none;
			text-rendering:auto;
			line-height:1;
			-webkit-font-smoothing:antialiased;
			-moz-osx-font-smoothing:grayscale;
		}
		&.fp-prev{left:0}
		&.fp-prev::before{content:"\f3d2"}
		&.fp-next::before{content:"\f3d3"}
	}
	//列表控制
	.fp-slidesNav{
		ul{
			li{
				margin:0 .3rem;
				width:3.5rem;height:5px;
				a{
					background:#A5A5A5;
					box-shadow:0 0 .3rem rgba(0,0,0,.3);
					cursor:pointer;
					&:hover{background:#CCC}
					&.active{background:#FFF;cursor:default}
					span{display:none}
				}
			}
		}
	}
}

/*---- index-1 ----*/
#index-1{
	position:relative;
	.index-title{
		position:absolute;
		margin:30px 0 0 0;
		left:50%;
		transform:translateX(-50%);
	}
	.flex-sm{
		position:absolute;
		top:100px;
		bottom:0;
		left:0;right:0;
		margin:auto;
	}
	.left-box{
		overflow:hidden;
		margin-top:-100px;
		img{
			position:relative;
			top:50%;left:50%;
			transform:translate(-50%,-50%);
		}
	}
	.right-box{
		position:relative;
		.tab-box{
			padding-top:100px;
			padding-bottom:10rem;
			height:100%;
			&>.box{
				position:absolute;
				margin:100px auto 200px;
				top:0;bottom:0;left:0;right:0;
				
			}
		}
		.article{
			white-space:normal;
			padding:60px
		}
		.nav{
			position:absolute;
			top:inherit;
			bottom:15px;
			height:auto!important;
			left:15px;right:15px;
			margin:auto;
			z-index:100;
			.item{
				cursor:pointer;
				img{
					max-width:60px;
					border:5px solid rgba(250,240,215,0);
					border-radius:50%;
				}
				p{margin:5px 0}
				padding:15px;
				text-align:center;
				font-size:1rem;
				&:hover{
					img{border-color:#EEE}
				}
				&.active{
					img{border-color:rgba(250,240,215,1)}
					color:#DB9D05;
				}
			}
		}
	}
}

/*---- index-2 ----*/
#index-2{
	position:relative;
	.index-title{
		position: absolute;
		margin: 2rem 0 0 0;
		left: 50%;
//		top:0px;
		transform: translateX(-50%);
	}
	.flex-md{
		position:absolute;
		top:190px;bottom:10px;
		left:0;right:0;
		margin:auto;
		width:80%;
		max-width:none;
	}
	.left-box{
		position:relative;
		text-align:center;
		img{
			position:absolute;
			top:50%;left:50%;
			transform:translate(-50%,-50%);
			max-width:90%;max-height:80%;
		}
	}
	.box{
		display:flex;
		flex-direction:column;
		justify-content:space-between;
		width:48%;height:48%;
		margin:1%;
		padding:35px;
		text-align:center;
		background-color:#FFF;
		box-shadow:0 0 10px rgba(0,0,0,.35);
		color:#333;
		.title{
			margin:0;
			font-size:1.4rem;
			font-weight:bold;
		}
		.detail{
			font-size:1rem;
		}
		.pdimg{
			flex:auto;
			height:auto;
			position:relative;
			img{
				position:absolute;
				max-width:100%;
				max-height:100%;
				left:50%;top:50%;
				transform:translate(-50%,-50%);
			}
		}
	}
}

/*---- index-3 ----*/
#index-3{
	.index-title{
		position:absolute;
//		top:30px;
		left:0;right:0;
		margin:30px auto 0;
	}
	.flex-sm{
		top:100px;
		bottom:10px;
		height:100%;
		width:100%;
		max-width:none;
		margin:auto;
	}
	.left{
		.video-box{
			position:absolute;
			margin:0;
			top:50%;
			right:0;
			transform:translateY(-50%);
			width:70%;height:auto;
			.control-box{
				a{cursor:pointer}
				.more{
					display:inline-block;
					position:absolute;
					top:15%;
					margin-left:-10%;
					padding:0 1.8rem;
					font-size:1.1rem;
					line-height:2;
					color:#996D00;
					background-color:#333;
					transition:background-color .3s;
					&:hover{
						background-color:#000;
					}
				}
				.play{
					font-size:3rem;
				}
			}
			video{display:block;}
		}
	}
	.right{
		position:relative;
		.abs-sm{
			top:50%;
			margin:auto;
			left:0;right:0;
			transform:translateY(-50%);
//			width:70%;
			max-width:580px;
			padding:40px;
			background-color:rgba(255,255,255,.6)
		}
		.title{
			margin-bottom:35px;
			padding-bottom:35px;
			font-size:1.4rem;
			font-weight:bold;
			border-bottom:1px solid #000;
		}
		.detail{
			margin:0;padding:0;
			font-size:1.14rem;
			line-height:1.87;
			white-space:pre-line;
		}
		.page-control{
			margin-top:40px;
			a.btn{
				display:inline-block;
				width:5rem;height:3.4rem;
				font-size:1.7rem;
				line-height:3.4rem;
				text-align:center;
				border-radius:0;
				color:#000;
				cursor:pointer;
				&.prev-btn{
					background-color:#E6E6E6;
					&:hover{background-color:#CCC;}
				}
				&.next-btn{
					background-color:#996D00;
					&:hover{background-color:#D29400;}
				}
			}
		}
	}
	.fp-controlArrow,.fp-slidesNav{display:none;}
}

/*---- index-4 新闻----*/
#index-4{
	.index-title{
		position:absolute;
		margin:30px 0 0 0;
		left:50%;
//		top:0;
//		top:80px;
		transform:translateX(-50%);
	}	
	.container{
		margin-top:190px;
	}
	.owl-carousel{
		position:relative;
		.owl-stage{
			top:50%;
			transform:translate3d(-1170px,-50%,0px);
		}
		.owl-nav{
			button{
				position:absolute;
				font-size:4.5rem;
				top:50%;transform:translateY(-50%);
				&.owl-prev{left:0;right:auto;}
				&.owl-next{left:auto;right:0}
			}
		}
	}
	.box{
		margin:15px;
		padding:30px 15px;
		background-color:#FFF;
		box-shadow:0 -2px 9px rgba(0,0,0,.3);
		.simg-box{height:240px}
		.title{
			font-size:1.5rem;
			font-weight:bold
		}
		.small{
			font-size:.8rem;
			color:#595959
		}
		.detail{
			height:40px;
			font-size:1rem;
			text-align:justify;
			color:#000;
		}
		.more-btn{
			margin-top:40px;
			width:6.4rem;
			font-size:1rem;
			line-height:1.4;
			color:#FFF;
			background-color:#000;
			border:none;
			border-radius:0;
			&:hover{background-color:#333}
		}
	}
	.visible-xs{
		.box{
			display:block;
			padding:15px;
			color:inherit;
			border-bottom:1px solid #CCC;
			.img-box{
				margin-bottom:15px;
				height:140px;
				width:100%;
			}
			.title{
				margin:0;
				font-size:1.8rem;
			}
			.small{
				font-size:1.2rem;
			}
			.detail{
				font-size:1.4rem;
			}
		}
		.more-btn{
			padding:.6rem 1.6rem;
			font-size:1.2rem;
			line-height:1.4;
			color:#FFF;
			background-color:#000;
			border:none;
			border-radius:0;
			&:hover{background-color:#333}
		}
	}	
}
@media(max-width:1024px){
	#index-2{
		.left-box{
			margin:15px 0;
			img{
				position:relative;
				top:auto;left:auto;
				transform:none;
			}
		}
		.right-box{
			align-items:stretch;
			.box{
				display:flex;
				height:auto;
				justify-content:space-between;
				.pdimg{
					margin-top:15px;
					img{
						display:block;
						position:relative;
						top:0;bottom:0;
						left:0;right:0;
						margin:auto;
						transform:none;
					}
				}
			}
		}
	}
}
@media(max-width:768px){
	#banner .btn-box{
		top:15px;right:15px;
		.search-box{top:0}
	}
	#index-2 .flex-md{
		width:inherit;
	}
	#index-3{
		.left{
			margin-top:100px;
		}
		.right{
			padding:0 20px;
		}
	}
	#index-4{
		.index-title{position:relative;}
		.container{
			margin-top:0px;
			margin-bottom:30px;
		}
		
	}
}
/*---- footer ----*/
#footer{
	position:absolute;
	bottom:0;
	left:0;right:0;
	p{
		margin:0;
		padding:20px 15px;
		font-size:.85rem;
		line-height:1.5rem;
		text-align:center;
		color:#000;
		a{color:#000;}
	}
	background-color:#CDAF63;
}

@media(min-width:768px){
	#header{
		.navbar{
			.container{
				.navbar-collapse{
					.navbar-nav{
						a{padding:10px;}
					}
				}
			}
		}
	}
}
//XL <=768px
@media(max-width:768px){
	#header{
		height:70px;
		.navbar{
			.container{
				#logo{
					img{height:40px}
				}
				.navbar-collapse{
					.navbar-top{
						margin:0;
						.form-group{
							display:inline-block;
							width:80%;
						}
						.icon{margin: 0;}
					}
					.navbar-nav{
						a{padding:10px;}
					}
				}
			}
		}
	}
	#footer{position:relative;}
	.index-title{
		display:block;
		position:relative;
		margin:0 auto 0 auto;
		z-index:100;
	}
	#index-1{
		.index-title{top:0;}
		.flex-sm{
			position:inherit;
		}
		.left-box{
			position:absolute;
			top:0;bottom:0;left:0;right:0;
			img.am-img-responsive{
				position:absolute;
				max-width:none;
				height:100%;
				top:50%;left:50%;
				transform:translate(-50%,-50%);
			}
		}
		.right-box{
			position:absolute;
			top:0;bottom:0;left:0;right:0;
			background-color:rgba(255,255,255,.8);
			.article{
				margin:auto;
				padding:30px;
				line-height:250%;
				font-size:1.4rem;
			}
			.nav{
				.item{
					img{width:90%}
					padding:5px;
					font-size:1rem;
				}
			}
			.tab-box>.box.active{
				position:absolute;
				top:0;bottom:0;
				margin:auto;
				width:100%;height:60%;
				overflow:scroll;
			}
		}
	}
	
	#index-2{
		.index-title{
			position:relative;
			top:0;
		}
		.flex-md{
			position:inherit;
			top:80px;
			height:auto;
		}
	}
	
	#index-3{
		.index-title{top:30px}
		-webkit-background-size:contain;
		-moz-background-size:contain;
		-ms-background-size:contain;
		-o-background-size:contain;
		background-size:contain;
		.flex-sm{height:auto;}
		.left{
			position:relative;
			padding:15px 0;
			.video-box{
				position:relative;
				top:0;left:0;
				margin:auto;
				transform:none;
			}
		}
		.right{
			background-color:#fff;
			.abs-sm{
				position:relative;
				left:0;right:0;
				margin:auto;padding:20px 0;
				transform:none;
			}
		}
	}
}
//SM <=1024px
@media(max-width:1024px){
	.index-title{
		height:50px;
	}
	
	#index-4{
		.index-title{
			top:0;
		}
		.am-thumbnail{
			width:30%;
			margin:1.5%;
			padding:10px 5px;
			box-shadow:0 0 5px rgba(0,0,0,.2);
			.am-thumbnail-caption{
				
			}
		}
	}
}
@media(min-width:1024px){
	#header{
		.navbar{
			.container{
				display:flex;
				align-items:stretch;
			}
			.navbar-collapse{
				float:left;
				flex:1;
				.navbar-top,.navbar-bottom{
					clear:both;
				}
				.navbar-bottom{
					display:flex;
					flex-wrap:nowrap;
					justify-content:space-between;
					width:100%;
				}
			}
		}
	}
}
//MD
@media(max-width:1200px){
	#index-3{
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-ms-background-size:cover;
		-o-background-size:cover;
		background-size:cover;
	}
	.index-title{
		height:40px;
	}
}
//LG >=1200px
@media(min-width:1200px){
//	.index-title{width:25rem}
	#index-1{
		.right-box{
			.article{
				padding:40px;
				font-size:1.2rem;
			}
		}
	}
	.index-title{
		height:60px;
	}
}
//XL >=1400px
@media(min-width:1400px){
	#index-1{
		.left-box{
			max-height:975px;
			img{max-width:none;max-height:none;}
		}
	}
	.index-title{
		height:auto;
	}
}