/*头部*/
/*$$
{"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;
}

#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: 14px;
	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 5px;
}
#header_144 .headerNav ul li .headerList a{
	color: #ffffff;
}
#header_144 .headerNav ul li:hover {
	background: #1e73ff;
}

#header_144 .headerNav ul li a:hover {
	color: #ffffff !important;
	
}
#header_144 .headerNav ul li .headerList a:hover{
	color: #ffffff !important;
	background: #1b68e7;
}
#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: center;
	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: 14px;
	color: #555555;
	line-height: 25px;
}

#header_144 .headerConB {
	font-size: 18px;
	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;
	}
	
}

/*轮播*/

#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 .swiper-pagination{
	bottom: 25px;
	z-index: 9999;
}
#bananer_144 .swiper-pagination-bullet{
	width: 36px;
	height: 7px;
	background: #ffffff;
	border-radius: 0;
	opacity: 1;
}
#bananer_144 .swiper-pagination-bullet-active{
	background: #0052cc;
}
#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/HD00006_05.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/HD00006_06.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/urban-sprite.png);
	mask: url(./../../../static/images/urban-sprite.png);
	-webkit-mask-size: 7400% 100%;
	mask-size: 7400% 100%;
	-webkit-animation: mask-play 1.4s steps(73) forwards;
	animation: mask-play 1.4s steps(73) 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;
	}
}