/*头部*/

/*$$

{"color":[{"val":"#ffffff","title":"导航文字+下拉列表选中"},

{"val":"#999999","title":"下来列表颜色"},

{"val":"#0041e6","title":"导航鼠标滑过文字颜色"}],

"background":[{"val":"#0041e6","title":"导航选中底色"},

{"val":"rgba(255,255,255,0.99)","title":"移动端导航背景颜色"},

{"val":"#ffffff","title":"下拉列表选中"}],

"border":[{"val":"#ececec","title":"下拉列表底边框"}]}

$$*/



#header_144 {

	width: 100%;

	position: fixed;

	top: 0;

	z-index: 9999;

}



#header_144 .headerBody {

	width: 1200px;

	margin: 0 auto;

	border-bottom: rgba(255, 255, 255, 0.21) solid 1px;

	height: 90px;

}



#header_144 #headerWap {

	display: none;

}



#header_144 .headerImg {

	height: 100%;

	display: flex;

	align-items: center;

	width: auto;

	max-width:30%;

	float: left;

}



#header_144 .headerImg img {

	width: auto;

	height: auto;

	max-height: 60%;

	max-width: 100%;

	object-fit: contain;

}



#header_144 .headerNav {

	width: 65%;

	float: right;

	height: 100%;

}



#header_144 .headerNav ul {

	width: 100%;

	display: flex;

	justify-content: space-between;

	align-items: center;

}



#header_144 .headerNav ul li {

	font-size: 14px;

	text-align: center;

	line-height: 90px;

	margin-bottom: 1px;

	position: relative;

	flex: 1;

}



#header_144 .headerNav ul li a{

	color: #FFF;

	display: block;

	width: 100%;

	cursor: pointer;

	text-shadow: none;

	position: relative;

}
/*
#header_144 .headerNav ul li a::before{

	color: #ffffff;

	content: attr(data-hover);

	position: absolute;

	-webkit-transition: -webkit-transform .8s, opacity .5s;

	-moz-transition: -moz-transform .8s, opacity .5s;

	transition: transform .8s, opacity .5s;

	pointer-events: none;

}*/



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

	color:#ffffff ;

	opacity: 0;

	-webkit-transform: translateY(-12px);

	-moz-transform: translateY(-12px);

	transform: translateY(-12px);

}



#header_144 .headerNav ul li::after{

	position: absolute;

	content: '';

	left:0;

	bottom: 15px;

	height: 1px;

	width: 0;

	background: #ffffff;

	transition: width .3s ease;

}

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

	width: 100%;

}



#header_144 .headerNav ul li:hover .headerList {

	display: block;

}

#header_144 .headerNav ul li .headerList {

	width: 150%;

	display: none;

	background: #ffffff;

	position: absolute;

	top: 85px;

	left: 50%;

	margin-left: -75%;

}



#header_144 .headerNav ul li .headerList a{

	padding: 0 6px;

	border-bottom: #ececec 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:#0041e6;

	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 .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: #0041e6;

}

#header_144 .menu-title{

	color: #0041e6;

}

#header_144 .menu-title a{

	color: #0041e6;

}

#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: #0041e6;

	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*/



#banner_144 {

	width: 100%;

	position: relative;

	z-index: 8;

	overflow: hidden;

	position: relative;

}

#banner_144 #wapBanner{

	display: none;

}

#banner_144 .swiper {

	width: 100%;

}



#banner_144 .swiper-slide {

	width: 100%;

	height: auto;

}



#banner_144 .swiper-slide img {

	width: 100%;

	height: 100%;

	object-fit: cover;

}



#banner_144 .swiper-slide video {

	width: 100%;

	height: 100%;

	object-fit: cover;

}



#banner_144 #wapBana{

	display:none;

}

#banner_144 #pcBana{

	display:block;

}

#banner_144 .silderImg{

	width: 100%;

	height: 100%;

	position: relative;

}

#banner_144 .silderImg .project{

	width: 100%;

	height: 100%;

	background-size: cover;

}

.swiper-container-horizontal>.swiper-pagination-bullets,

.swiper-pagination-custom,

.swiper-pagination-fraction {

	width: 28px;

	background: #0b308e;

	border-radius: 20px;

	padding: 12px 8px;

	position: absolute;

	bottom: 50px;

	z-index: 999;

	left: 75%;

}



.swiper-pagination-bullet {

	width: 14px;

	height: 14px;

	margin: 2px 0 !important;

	background: #fff;

}

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

	#header_144 .headerBody{

		width: 90%;

	}

	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{

		left: 90%;

	}

}

/* ipad */

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

	#header_144 .headerBody{

		width: 90%;

	}

	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{

		left: 90%;

	}

}

/* 手机 */

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

	#header_144{

		background:rgba(255,255,255,0.99);

	}

	#header_144 .headerBody{

		width: 90%;

		height: 60px;

	}

	#header_144 #headerPc{

		display: none;

	}

	#header_144 #headerWap{

		display: block;

	}

	#header_144 .headerImg{

		max-width: 55%;

		height: 60px;

	}

	#banner_144{

		padding-top: 61px;

	}

	#banner_144 #pcBanner{

		display: none;

	}

	#banner_144 #wapBanner{

		display: block;

	}

	.swiper-pagination-bullet{

		width: 6px;

		height: 6px;

	}

	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{

		width: 21px;

		left: 90%;

		bottom: 35%;

	}

	#banner_144 #wapBana{

		display:block;

	}

	#banner_144 #pcBana{

		display:none;

	}

}