/*头部*/
/*$$
{"color":[{"val":"#4f4f4f","title":"标题导航字颜色"},
{"val":"#bf9e6e","title":"导航选中字体颜色"},
{"val":"#999999","title":"下拉列表字体颜色"},
{"val":"#b7925c","title":"下拉列表字体选中颜色"}],
"background":[{"val":"#ffffff","title":"整体底色"},
{"val":"#b38d54","title":"导航鼠标滑过边框"}],
"border":[{"val":"#ededed","title":"下拉列表底边框"}]}
$$*/

#header_144 {
	width: 1200px;
	position: fixed;
	top: 40px;
	left: 50%;
	margin-left: -600px;
	z-index: 9999;
}

#header_144 .headerBody {
	width: 100%;
	padding: 25px 45px;
	background: #ffffff;
	border-radius: 10px;
}

#header_144 #headerWap {
	display: none;
}
#header_144 .headerImg{
	width: auto;
	height: 45px;
	max-width: 32%;
	float: left;
	display: flex;
	align-items: center;
}
#header_144 .headerImg img{
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

#header_144 .headerNav {
	width: calc(60% - 45px);
	float: right;
	max-width: 70%;
}

#header_144 .headerNav ul {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#header_144 .headerNav ul li {
	line-height: 45px;
	font-size: 14px;
	text-align: center;
	position: relative;
	margin-bottom: 1px;
}

#header_144 .headerNav ul li a {
	color: #4f4f4f;
	width: 100%;
	display: block;
	cursor: pointer;
}
#header_144 .headerNav ul li::after{
	position: absolute;
	left:0;
	bottom: 0;
	width: 0;
	background:#b38d54;
	height: 1px;
	transition: width .3s ease;
	content: '';
}
#header_144 .headerNav ul li:hover::after{
	width: 100%;
}

#header_144 .headerNav ul li:hover .headerNav ul li a {
	color: #bf9e6e !important;
}

#header_144 .headerNav ul li .headerList {
	position: absolute;
	top: 46px;
	margin-left: -44px;
	left: 50%;
	width: 150%;
	display: none;
	padding: 0 5px;
	background: #ffffff;
}

#header_144 .headerNav ul li .headerList a {
	font-size: 14px;
	color: #999999;
	text-align: center;
	border-bottom: #ededed solid 1px;
	line-height: 52px;
	cursor: pointer;
}

#header_144 .headerNav ul li:hover .headerList {
	display: block;
}

#header_144 .headerNav ul li a:hover {
	color: #b7925c;
}
#header_144 .navBtn {
	width: 70px;
	height: 60px;
	float: right;
	cursor: pointer;
	position: relative;
	margin-right: 3%;
}

#header_144 .navBtn .span_0 {
	position: absolute;
	width: 30px;
	right: 0;
	background: #262626;
	height: 3px;
	top: 50%;
	-webkit-transition: all .25s ease;
	transition: all .25s ease;
}

#header_144.cur .navBtn .span_0 {
	background: #26334c;
}

#header_144 .navBtn.cur .span_0 {
	top: 46%;
}

#header_144 .navBtn.cur .span_0.span_1 {
	-webkit-transform: rotate(-45deg) translateY(-50%);
	transform: rotate(-45deg) translateY(-50%);
}

#header_144 .navBtn.cur .span_0.span_2 {
	opacity: 0;
}

#header_144 .navBtn.cur .span_0.span_3 {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#header_144 .navBtn .span_0.span_1 {
	top: 35%;
}

#header_144 .navBtn .span_0.span_2 {
	top: 50%;
	width: 30px;
}

#header_144 .navBtn .span_0.span_3 {
	top: 65%;
}


/* 右侧菜单 */
#header_144 #menuClosed{
	color: #000;
}
#header_144 .menu-item{
	border-bottom:#dfe0e1 1px solid;
}
#header_144 .menu-list li .dropdown_menu a{
	color: #ff7011;
}
#header_144 .menu-title{
	color: #b38d54;
}
#header_144 .menu-title a{
	color: #b38d54;
}
#header_144 .menu-item.up .itemClick{
	background: url(./../../../static/images/HD00009_03.png) no-repeat right center;
	background-size: auto 10px;
}
#header_144 .menu-item.active .itemClick{
	color: #ff7011;
	background: url(./../../../static/images/HD00009_02.png) no-repeat right center;
	background-size: auto 10px;
}
#header_144 .menu-c-d{
	background: url(./../../../static/images/HD00009_04.png) no-repeat;
	color: #26334c;
}
/*banner*/

#bananer_144{
	width: 100%;
	overflow: hidden;
}
#bananer_144 .bannerSwiper{
	width: 100%;
	/* overflow: hidden; */
	position: relative;
}
#bananer_144 .bannerSwiper img{
	width: 100%;
	height: 100%;
	object-fit: cover;
/* 	animation: bigimgani 5000ms infinite ease-out;
	transform: scale(1.1); */
}
@keyframes bigimgani {
	0% {
		transform: scale(1.1);
	}
	100% {
		transform: scale(1);
	}
}
#bananer_144 .bannerSwiper .swiper-slide{
	overflow: hidden;
}
#bananer_144 .bannerSwiper .swiper-slide,
#bananer_144 .bannerSwiper .swiper-wrapper{
	width: 100%;
	height: 100%;
}
#bananer_144 #pcBana{
	display: block;
}
#bananer_144 #wapBana{
	display: none;
}
#bananer_144 .slider-btn-prev{
	position: absolute;
	z-index: 30;
	top: 50%;
	left: 5%;
	width: 81px;
	height: 81px;
	margin-top: -40px;
	background: url(./../../../static/images/HD00009_09.png) 50% 50% no-repeat;
	transition: all 0.3s ease;
	cursor: pointer;
	opacity: 0;
}
#bananer_144 .slider-btn-next{
	position: absolute;
	z-index: 30;
	top: 50%;
	right: 5%;
	width: 81px;
	height: 81px;
	margin-top: -40px;
	opacity: 0;
	background: url(./../../../static/images/HD00009_10.png) 50% 50% no-repeat;
	transition: all 0.3s ease;
	cursor: pointer;
}
#bananer_144:hover .slider-btn-prev{
	left: 10%;
	opacity: 1;
}
#bananer_144:hover .slider-btn-next{
	right: 10%;
	opacity: 1;
}
#bananer_144 .swiper-slide a{
	height: 100%;
	display: block;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center
	
}
#bananer_144 .swiper-slide-active a{
	-webkit-mask: url(./../../../static/images/building-sprite.png);
	mask: url(./../../../static/images/building-sprite.png);
	-webkit-mask-size: 7500% 100%;
	mask-size: 7500% 100%;
	-webkit-animation: mask-play 1.4s steps(74) forwards;
	animation: mask-play 1.4s steps(74) forwards;
	 mask-composite:intersect;
}
@keyframes mask-play {
  from {
    -webkit-mask-position: 100% 0;
    mask-position: 100% 0;
  }
  to {
    -webkit-mask-position: 0% 0;
    mask-position: 0% 0;
  }
}
@media screen and (max-width: 768px){
	#bananer_144 #pcBana{
		display: none;
	}
	#bananer_144 #wapBana{
		display: block;
	}
}
@media screen and (max-width:1200px) {
	#header_144{
		width: 90%;
		margin-left: -45%;
		top: 20px;
	}
	/*#header_144 .headerBody img{
		width:15%;
		margin-top: 10px;
	}*/
	#header_144 .headerNav{
		width: calc(75% - 20px);
	}
}
/* ipad */
@media screen and (max-width:992px){
	#header_144{
		width: 90%;
		margin-left: -45%;
		top: 20px;
	}
	/*#header_144 .headerBody img{
		width:15%;
		margin-top: 10px;
	}*/
	#header_144 .headerBody{
		padding: 25px 20px;
	}
	#header_144 .headerImg{
		max-width: 25%;
	}
	#header_144 .headerNav{
		width: calc(75% - 20px);
	}
}
/* 手机 */
@media screen and (max-width: 767px) {
	#header_144{
		width: 100%;
		top: 0;
		left: 0;
		margin-left: 0;
	}
	#header_144 #headerPc{
		display: none;
	}
	#header_144 #headerWap{
		display: block;
		padding: 0px 25px;
		border-radius:0;
	}
	#header_144 .headerImg{
		max-width: 65%;
		height: 60px;
	}
}