/*头部*/
/*$$
{"color":[{"val":"#000000","title":"导航字体颜色"},
{"val":"#b80000","title":"联系电话数字颜色+导航选中"},
{"val":"#686868","title":"联系电话中文"},
{"val":"#ffffff","title":"下来列表选中字体颜色"}],
"background":[{"val":"#ffffff","title":"整体底色"},
{"val":"#eeeeee","title":"搜索框+下拉列表底色"},
{"val":"#b80000","title":"下拉列表选中底色+悬浮列表选中底色"},
{"val":"#ebecec","title":"悬浮列表底色"}],
"border":[{"val":"#dfdfdf","title":"上部下边框"},
{"val":"#b80000","title":"列表选中下边框"}]}
$$*/
#header_144 {
	width: 100%;
	background: #ffffff;
	
}

#header_144 .headerTop {
	width: 100%;
	border-bottom: #dfdfdf 1px solid;
}

#header_144 .headerTopBody {
	width: 1200px;
	margin: 0 auto;
	box-sizing: border-box;
	height: 110px;
}

#header_144 .headerLogo {
	width: 50%;
	float: left;
	display: flex;
	align-items: center;
	height: 100%;
}

#header_144 .headerLogo img {
	height: auto;
	width: auto;
	max-width: 100%;
	max-height: 70%;
}

#header_144 .headerPc {
	width: 50%;
	float: right;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100%;
}

#header_144 .headerForm {
	width: 50%;
	/*float: left;*/
}

#header_144 .headerForm form {
	width: 100%;
	height: 38px;
}

#header_144 .headerForm .char {
	width: 56.7%;
	height: 100%;
	background: #eeeeee;
	border: none;
	padding-left: 20px;
	border-radius: 50px 0 0 50px;
	outline: none;
	float: left;
	font-size: 14px;
	line-height: 32px;
	color: #000000;
}

#header_144 .headerForm select {
	float: left;
	margin-left: 2px;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	width: 30%;
	height: 100%;
	padding: 0 25px 0 10px;
	background: url(./../../../static/images/HD00007_04.png) no-repeat 90% center #eeeeee;
}

#header_144 .headerForm select option {
	width: 100%;
	height: 100%;
	background: #ffffff;
	font-family: "SourceHanSansCN-Regular";
	font-size: 14px;
	line-height: 32px;
	text-align: center;
	color: #000000;
}

#header_144 .headerForm select option:hover {
	color: #ffffff;
	background: #b80000;
}

#header_144 .sub {
	border: none;
	width: 12.3%;
	height: 100%;
	float: left;
	border-radius: 0 50px 50px 0;
	background: url(./../../../static/images/HD00007_02.png) no-repeat center #b80000;
}

#header_144 .headerTel {
	/*width: 25%;*/
	/*float: right;*/
}

#header_144 .headerTel p {
	font-family: "SourceHanSansSC-Light";
	font-size: 15px;
	line-height: 30px;
	color: #686868;
	background: url(./../../../static/images/HD00007_03.png) no-repeat left center;
	padding-left: 60px;
}

#header_144 .headerTel p span {
	font-family: "DIN-Black";
	font-size: 29px;
	/*line-height: 64px;*/
	color: #b80000;
	font-weight: bold;
	line-height: 15px;
}

#header_144 .headerNav {
	width: 1200px;
	margin: 0 auto;
}

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

#header_144 .headerNav ul li {
	font-size: 16px;
	line-height: 32px;
	font-family: "SourceHanSansCN-Regular";
	text-align: center;
	margin-bottom: 2px;
	position: relative;
}

#header_144 .headerNav ul li a {
	color: #000000;
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

#header_144 .headerNav ul li:hover a {
	color: #b80000;
}

#header_144 .headerNav ul li:hover {
	border-bottom: #b80000 solid 2px;
	box-sizing: border-box;
	margin-bottom: 0;
}

#header_144 .headerList {
	width: auto;
	background: #ebecec;
	display: none;
	position: absolute;
	left: 0;
	top: 35px;
	z-index: 999;
}

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

#header_144 .headerList a {
	display: block;
	width: auto;
	word-break: keep-all;
	padding: 0 10px;
	text-align: left;
	font-family: "SourceHanSansCN-Regular";
	font-size: 14px;
	line-height: 30px;
	color: #000000 !important;
	border: none;
	min-width: 80px;
}

#header_144 .headerList a:hover {
	color: #ffffff !important;
	background: #b80000;
}
#header_144 .menu-c-d{
	margin-bottom:30px;
	background: url(./../../../static/images/HD00001_09.png) no-repeat;
	width: 170px;
	height: 26px;
	background-size: 100%;
	padding-left: 40px;
	color: #26334c;
	font-style:italic;
	display: block;
	line-height: 26px;
	font-weight: bold;
}


/*轮播*/

#banner_144 {
	width: 100%;
	overflow: hidden;
	cursor: pointer;
}

#banner_144 .swiper {
	width: 100%;
}

#banner_144 .swiper-slide {
	width: 100%;
	position: relative;
}

#banner_144 .swiper-slide img {
	width: 100%;
	object-fit: cover;
}

#banner_144 .bannerChar {
	position: absolute;
	width: 1200px;
	left: 50%;
	margin-left: -600px;
	top: 50%;
	margin-top: -110px;
}

#banner_144 .bannerA {
	font-size: 61px;
	font-family: "SourceHanSansSC-Medium";
	line-height: 64px;
	color: #ffffff;
	text-align: center;
}

#banner_144 .bannerB {
	font-family: "SourceHanSansCN-Normal";
	font-size: 33.5px;
	width: 50%;
	margin: 0 auto;
	line-height: 50px;
	text-align: center;
	padding: 0 40px;
	background: #b80000;
	color: #ffffff;
	border-radius: 50px;
	margin-top: 25px;
}

#banner_144 .bannerC {
	font-family: "SourceHanSansCN-Normal";
	font-size: 26px;
	line-height: 50px;
	text-align: center;
	color: #ffffff;
	letter-spacing: 45px;
	margin-top: 40px;
}

#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: #000000;
}
#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/HD00007_05.png) no-repeat right center;
	background-size: auto 10px;
}
#header_144 .menu-item.active .itemClick{
	color: #6160ea;
	background: url(./../../../static/images/HD00007_06.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 .headerTopBody{
		width: 100%;
		padding-right: 10px;
	}
	#header_144 .headerNav{
		width: 96%;
	}
	#header_144 .headerLogo{
		margin-left: 30px;
		width: 25%;
	}
	#header_144 .headerPc{
		width: 70%;
	}
}
/* ipad */
@media screen and (max-width:992px){
	#header_144 .headerTopBody{
		width: 100%;
	}
	/* #header_144 .headerLogo{
		width: 70%;
	} */
	/* #header_144 .headerPc{
		width: 100%;
	} */
	#header_144 .headerNav{
		width: 96%;
	}
}

/* 手机 */
@media screen and (max-width: 767px) {
	#header_144 .headerTopBody{
		width: 100%;
		padding: 0 15px;
		position: fixed;
		top: 0;
		z-index: 99999;
		background: #ffffff;
		height: 60px;
	}
	#header_144 .headerNav,
	#header_144 .headerPc{
		display: none;
	}
	#header_144 .navBtn{
		display: block;
	}
	#banner_144{
		margin-top: 60px;
	}
	#header_144 .headerLogo{
		width:60%;
		margin-left:0;
	}
	
}
#banner_144{
	width: 100%;
	overflow: hidden;
}
#banner_144 .bannerSwiper{
	width: 100%;
	/* overflow: hidden; */
	position: relative;
}
#banner_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);
	}
}
#banner_144 .bannerSwiper .swiper-slide{
	overflow: hidden;
}
#banner_144 .bannerSwiper .swiper-slide,
#banner_144 .bannerSwiper .swiper-wrapper{
	width: 100%;
	height: 100%;
}
#banner_144 #pcBana{
	display: block;
}
#banner_144 #wapBana{
	display: none;
}
#banner_144 .swiper-slide{
	position: relative;
	width: 100%;
	height: 100%;
}
#banner_144 .text{
	position: absolute;
	width: 1200px;
	top: 30%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10;
	text-align: center;
	color: #fff;
}
#banner_144 .text .title-1 {
	font-size:50px;
	transform: translateY(200px);
	opacity: 0;
	transition: all 0.2s;
	color: #fff;
	line-height: 100px;
	height:100px;
	max-width: 100%;
	overflow: hidden;
	padding: 0 10px;
}

#banner_144 .text .title-2 {
	font-size: 22px;
	transform: translateY(200px);
	opacity: 0;
	transition: all 0.5s;
	color: #fff;
	background: #b80000;
	height: 52px;
	line-height: 50px;
	width: auto;
	display: inline-block;
	border-radius: 50px;
	padding: 0 10px;
	letter-spacing: 5px;
	max-width: 100%;
	overflow: hidden;
}
#banner_144 .text .title-3{
	font-size: 20px;
	transform: translateY(200px);
	opacity: 0;
	transition: all 0.8s;
	color: #fff;
	line-height: 60px;
	letter-spacing: 15px;
	height: 60px;
	max-width: 100%;
	overflow: hidden;
	padding: 0 10px;
}


#banner_144 .text .title-1,
#banner_144 .text .title-2,
#banner_144 .text .title-3{
	transform: translateY(0px);
	opacity: 1;
}

#banner_144 .slider-btn-prev{
	position: absolute;
	z-index: 30;
	top: 50%;
	left: 5%;
	width: 81px;
	height: 81px;
	margin-top: -40px;
	background: url(./../../../static/images/HD00007_09.png) 50% 50% no-repeat;
	transition: all 0.3s ease;
	cursor: pointer;
	opacity: 0;
}
#banner_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/HD00007_10.png) 50% 50% no-repeat;
	transition: all 0.3s ease;
	cursor: pointer;
}
#banner_144:hover .slider-btn-prev{
	left: 10%;
	opacity: 1;
}
#banner_144:hover .slider-btn-next{
	right: 10%;
	opacity: 1;
}
#banner_144 .swiper-slide a{
	height: 100%;
	display: block;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	
}
#banner_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){
	#banner_144 #pcBana{
		display: none;
	}
	#banner_144 #wapBana{
		display: block;
	}
	#banner_144 .text .title-1 {
		font-size: 18px;
		line-height: 50px;
		height: 50px;
		opacity: 1;
		transform: translateY(0);
	}
	
	#banner_144 .text .title-2 {
		font-size: 14px;
		line-height: 30px;
		letter-spacing: 0;
		height: 30px;
		opacity: 1;
		transform: translateY(0);
	}
	#banner_144 .text .title-3{
		font-size: 12px;
		line-height: 30px;
		letter-spacing:2px;
		height: 30px;
		opacity: 1;
		transform: translateY(0);
	}
}
@media screen and (max-width:1200px){
	#banner_144 .text{
		width: 96%;
	}
}