/*头部*/

/*$$

{"color":[{"val":"#3b3b3b","title":"导航字体颜色"},{"val":"#ffffff","title":"导航字体选中+轮播字体颜色"},{"val":"#555555","title":"服务热线中文"},{"val":"#f05b47","title":"服务热线数字"},{"val":"#000","title":"右侧菜单字体颜色"}],"background":[{"val":"#1e73ff","title":"导航选中底色"},{"val":"#ffffff","title":"头部底颜色+轮播横线"},{"val":"#6160ea","title":"鼠标滑过导航下划线"}],"border":[{"val":"#dfe0e1","title":"右侧菜单边框"}]}

$$*/

#header_144 {width: 100%;}
#header_144 .headerBody {width: 1200px; margin: 0 auto; position: relative;}
#header_144 .headerImg {width: 25%; float: left; display: flex; align-items: center; height: 100px;}
#header_144 .headerImg img {width: 100%; height: auto; width: auto; max-width: 100%; max-height: 60%;}
#header_144 .headerPc{width: 72%; float: right; position: relative;}
#header_144 .headerNav {width: 80%; float: left;}
#header_144 .headerNav ul {width: 100%; display: flex;}
#header_144 .headerNav ul li {

	float: left;

	flex:1;

	font-size: 20px;

	line-height: 100px;

	padding-bottom: 10px;

	text-align: center;

	cursor: pointer;

	position: relative;

}



#header_144 .headerNav ul li a {

	display: block;

	width: 100%;

	color: #3b3b3b;

	height: 100%;

	overflow: hidden;

	text-overflow:ellipsis;

	white-space: nowrap;

	padding: 0 3px 0 7px;

}

#header_144 .headerNav ul li .headerList a{

	color: #ffffff;

}

#header_144 .headerNav ul li:hover {

	background: rgba(6, 34, 118, 1);

}



#header_144 .headerNav ul li a:hover {

	color: #ffffff !important;

	

}

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

	color: #ffffff !important;

	background: #003978;

}

#header_144 .headerList {

	position: absolute;

	top: 110px;

	width: 100%;

	display: none;

	z-index: 999999;

	background: rgba(30, 115, 255, 0.6);

}



#header_144 .headerList a {

	display: block;

	width: 100%;

	color: #3b3b3b;

	height: 100%;

	font-size: 14px;

	line-height: 50px;

	text-align: left;

	cursor: pointer;

}



#header_144 .headerNav ul li:hover .headerList {

	display: block;

}



#header_144 .headerCon {

	width: 18%;

	position: absolute;

	top:42%;

	right: 0;

	transform: translateY(-50%);

}



#header_144 .headerConA {

	background: url(./../../../static/images/HD00006_02.png) no-repeat left center;

	padding-left: 15px;

	font-size: 18px;

	color: #555555;

	line-height: 25px;

}



#header_144 .headerConB {

	font-size: 28px;

	line-height: 20px;

	color: #f05b47;

}

#header_144 .navBtn {

	display: none;

	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: #6160ea;

}

#header_144 .menu-title{

	color: #26334c;

}

#header_144 .menu-title a{

	color: #26334c;

}

#header_144 .menu-item.up .itemClick{

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

	background-size: auto 10px;

}

#header_144 .menu-item.active .itemClick{

	color: #6160ea;

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

	background-size: auto 10px;

}

#header_144 .menu-c-d{

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

	color: #26334c;

}

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

	#header_144 .headerBody {

		width: 96%;

	}

	#header_144 .headerPc{

		width: 75%;

	}

	#header_144 .headerImg{

		padding-left: 20px;

	}

}

/* ipad */

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

	#header_144 .headerBody {

		width: 96%;

	}

	#header_144 .headerCon{

		width: 25%;

	}

	#header_144 .headerPc{

		width: 75%;

	}

}

/* 手机 */

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

	#header_144{

		position: relative;

		

	}

	#header_144 .headerImg{

		height: 60px;

		width: 65%;

	}

	#header_144 .headerBody {

		width: 100%;

		position: fixed;

		top:0;

		z-index: 9999;

		background: #ffffff;

	}

	#header_144 .headerPc {

		display: none;

	}

	#header_144 .navBtn {

		display: block;

	}

	

}



/*轮播*/



#banner_144 {

	width: 100%;

	overflow: hidden;

}



#banner_144 .swiper {

	width: 100%;

}



#banner_144 .swiper-slide {

	width: 100%;

	position: relative;

}



#banner_144 .swiper-slide .imgT {

	width: 100%;

	object-fit: cover;

}



#banner_144 .bannerChar {

	position: absolute;

	width: 1200px;

	margin-left: -35.8%;

	left: 50%;

	top: 50%;

	margin-top: -100px;

}



#banner_144 .bannerA {

	font-weight: bold;

	font-size: 38px;

	line-height: 75px;

	color: #ffffff;

	text-align: left;

}



#banner_144 .bannerB {

	font-size: 16px;

	line-height: 38px;

	color: #ffffff;

	text-align: left;

}



#banner_144 .bannerLine {

	width: 5%;

	height: 1px;

	background: #ffffff;

	margin-top: 20px;

}

#banner_144 #pcBana{

	display: block;

	position: relative;

}

#banner_144 #wapBana{

	display: none;

	position: relative;

}

#banner_144 .silderImg{

	width: 100%;

	height: 100%;

}

#banner_144 .silderImg .project{

	width: 100%;

	height: 100%;

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;

}

#header_144 .lang{
	position: absolute;
	right: -90px;
	top:0;
	width: 70px;
	height: 30px;
	border-radius: 5px;
	background: #26334c;
	display: flex;
	overflow: hidden;
	top:20%;
	margin-top: -15px;;
}
#header_144 .lang .lan{
	flex: 1;
	line-height: 30px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	font-weight: 550;
}
#header_144 .lang .lan.active{
	background: #facd00;
	color: #666;
}
@media screen and (max-width:1200px) {

	#banner_144 .bannerChar{

		width: 96%;

	}

}

/* ipad */

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

	#banner_144 .bannerChar{

		width: 96%;

	}

}

/* 手机 */

@media screen and (max-width: 768px) {
	#header_144 .lang{
right:70px;
}

	#banner_144{

		margin-top: 70px;

	}

	#banner_144 .swiper-slide img{

		height: 350px;

	}

	#banner_144 .bannerA{

		font-size: 24px;

	}

	#banner_144 .bannerB{

		font-size: 12px;

	}

	#banner_144 #pcBana{

		display: none;

	}

	#banner_144 #wapBana{

		display: block;

	}

}

