/*头部*/

/*$$

{"color":[{"val":"#555555","title":"文字"},

{"val":"#ff7011","title":"移动端导航文字颜色"},

{"val":"#ffffff","title":"二级导航鼠标滑过文字颜色"},

{"val":"#000","title":"移动端导航关闭按钮"},

{"val":"#26334c","title":"移动端电话文字颜色"},

{"val":"#999999","title":"二级导航文字颜色"}],

"background":[{"val":"#848484","title":"横线"},

{"val":"#f08519","title":"导航鼠标滑过边框颜色"},

{"val":"#cecece","title":"导航右侧边框线"},

{"val":"#ffffff","title":"底色"}],"border":[{"val":"#cecece","title":"二级导航边框线"}]}

$$*/

#header_144 {

	width: 100%;

	background: url(/static/images/HD00012_01.png) no-repeat center bottom;

	background-size: cover;

	position: relative;

	z-index: 999;

}



#header_144 .headerNav {

	width: 1200px;

	margin: 0 auto;

}



#header_144 #headerWap {

	display: none;

	position: fixed;

	top: 0;

	z-index: 9999;

	background: #ffffff;

}



#header_144 #headerPc {

	display: flex;

	justify-content: space-between;

}



#header_144 .headerNav ul {

	width: 41.7%;

	padding: 18px 30px 63px;

	display: flex;

	justify-content: space-between;

	align-items: center;

}



#header_144 .headerNav ul li {

	font-size: 14px;

	flex: 1;

	line-height: 60px;

	text-align: center;

	position: relative;

}



#header_144 .headerNav ul li a {

	color: #555555;

	width: 100%;

	display: block;

	cursor: pointer;

	position: relative;

}

#header_144 .headerNav ul li a::after{

	position: absolute;

	bottom: 5px;

	left:10%;

	width: 0;

	height: 1px;

	content: '';

	background: #f08519;

	transition: width .3s ease; 

}

#header_144 .headerNav ul li:hover a::after{

	width:80%;

}

#header_144 .headerNav ul li:after {

	content: "";

	width: 2px;

	height: 20px;

	position: absolute;

	top: 50%;

	margin-top: -10px;

	background: #cecece;

	right:0;

}

#header_144 .headerNav ul li:hover .headerList {

	display: block;

}

#header_144 .headerNav ul li .headerList {

	width: 100%;

	display: none;

	background: #ffffff;

	position: absolute;

	top:60px;

	left:0;

}



#header_144 .headerNav ul li .headerList a{

	padding: 0 6px;

	border-bottom: #cecece dashed 1px;

	text-align: center;

	line-height: 50px;

	font-size: 14px;

	color: #999999;

	position: relative;

	height: 50px;

}

#header_144 .headerNav ul li .headerList a i{

	position: absolute;

	top:0;

	left:0;

	width: 100%;

	height: 100%;

	z-index: 10;

}

#header_144 .headerNav ul li .headerList a::after{

	position: absolute;

	content: '';

	left:0;

	top:0;

	width: 100%;

	height: 0;

	background:#f08519;

	transition: height .8s ease;

}

#header_144 .headerNav ul li .headerList a:hover::after{

	height: 100%;

}

#header_144 .headerNav ul li .headerList a:hover i{

	color: #ffffff;

}

#header_144 .headerNav ul li .headerList a:last-child{

	border-bottom: none;

}

#header_144 .headerNav ul li:nth-child(4n):after {

	display: none;

}



#header_144 .headerNav .headerLogo {

	width: auto;

	margin: 0 auto;

	margin-top: 20px;

	height: 60px;

	display: flex;

	align-items: center;

	justify-content: center;

}

#header_144 .headerNav .headerLogo img{

	width: auto;

	height: auto;

	max-width: 100%;

	max-height: 70%;

}

#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: #ff7011;

}

#header_144 .menu-title a{

	color: #ff7011;

}

#header_144 .menu-item.up .itemClick{

	background: url(/static/images/HD00012_02.png) no-repeat right center;

	background-size: auto 10px;

}

#header_144 .menu-item.active .itemClick{

	color: #ff7011;

	background: url(/static/images/HD00012_03.png) no-repeat right center;

	background-size: auto 10px;

}

#header_144 .menu-c-d{

	background: url(/static/images/HD00012_04.png) no-repeat;

	color: #26334c;

}



#header_144 .headerImg {

	max-width: 60%;

	float: left;

	height: 100%;

	display: flex;

	align-items: center;

	justify-content: center;

}



#header_144 .headerImg img {

	width: auto;

	height: auto;

	max-width: 100%;

	max-height: 70%;

	margin-left: 15px;

	align-items: center;

}





/*banner*/



#banner_144 {

	width: 100%;

	overflow: hidden;

	margin-top: -55px;

	position: relative;

	z-index: 9;

}



#banner_144 .swiper {

	width: 100%;

}



#banner_144 #wapBanner {

	display: none;

}



#banner_144 .swiper-slide {

	width: 100%;

}



#banner_144 .swiper-slide img {

	width: 100%;

	object-fit: cover;

}



#banner_144 #wapBana{

	display:none;

}

#banner_144 #pcBana{

	display:block;

}



@media screen and (max-width:1200px) {

	#header_144 .headerNav {

		display: block;

		width: 90%;

	}

}





/* ipad */



@media screen and (max-width:992px) {

	#header_144 .headerNav {

		display: block;

		width:100%;

	}

	

}





/* 手机 */

#banner_144 .silderImg{

	width:100%;

	height:100%;

	position:relative;

}

#banner_144 .silderImg .project{

	width:100%;

	height:100%;

	display:block;

	background-size:cover;

}

@media screen and (max-width: 767px) {

	#header_144 {

		width: 100%;

		background: none;

	}

	#header_144 #headerPc {

		display: none;

	}

	#header_144 #headerWap {

		display: block;

		width: 100%;

		height: 60px;

	}

	#banner_144 {

		margin-top: 60px;

	}

	#banner_144 #pcBanner {

		display: none;

	}

	#banner_144 #wapBanner {

		display: block;

	}

	

	#banner_144 #wapBana{

		display:block;

	}

	#banner_144 #pcBana{

		display:none;

	}

}

