/*头部*/

/*$$

{"color":[{"val":"#333333","title":"默认导航文字颜色"},

{"val":"#ffa532","title":"导航鼠标划过颜色"},

{"val":"#ffffff","title":"导航电话颜色"}],

"background":[{"val":"#ffffff","title":"导航条背景颜色"},

{"val":"#444444","title":"导航条(顶部)颜色"}],

"border":[{"val":"#ffa532","title":"二级导航颜色(上)"}]}

$$*/

#head_144 {}



#head_144 .head_Pc {

	width: 100%;

	height: 150px;

}



#head_144 .head_Pc .cont {

	width: 100%;

	height: 150px;

	position: fixed;

	top: 0;

	left: 0;

	z-index: 20;

	background: #ffffff;

	transition: 0.3s ease;



}



#head_144 .head_Pc .cont .top {

	width: 100%;

	background: #444444;

}



#head_144 .head_Pc .cont .top .topWid {

	width: 100%;

	max-width: 1200px;

	margin: 0 auto;

	height: 40px;

	display: flex;

	justify-content: space-between;

	align-items: center;

	align-content: center;

}



#head_144 .head_Pc .cont .top .topWid .welcome {

	line-height: 40px;

	color: #ffffff;

	font-size: 12px;

}



#head_144 .head_Pc .wurl .wurl_ul {

	background: #ffa532;

	display: flex;

	justify-content: flex-start;

	align-items: center;

	height: 40px;

	padding: 0 10px 0 20px;

	box-sizing: border-box;

	position: relative;

}



#head_144 .head_Pc .wurl .wurl_ul::after {

	content: '';

	background: url('/static/images/HD000020_07.png') no-repeat center center;

	background-size: 100% 100%;

	width: 19px;

	height: 40px;

	position: absolute;

	left: 0;

	right: 0;

	transform: translate(-100%, 0);

}



#head_144 .head_Pc .wurl::before {

	content: '';

	width: calc((100% - 1200px) / 2);

	height: 40px;

	background: #ffa532;

	position: absolute;

	right: 0;

	top: 0;



}



#head_144 .head_Pc .wurl .wurl_ul .wurl_li {

	height: 100%;

	display: flex;

	justify-content: center;

	align-items: center;

	align-content: center;

	padding: 0 5px;

	position: relative;

	cursor: pointer;

}



#head_144 .head_Pc .wurl .wurl_ul .wurl_li .wurl_ic {

	width: 22px;

	height: 22px;

	opacity: 0.9;

}



#head_144 .head_Pc .wurl .wurl_ul .wurl_li .wurl_ic img {

	width: 100%;

	height: 100%;

	display: block;

}



#head_144 .head_Pc .wurl .wurl_ul .wurl_li .wurl_txt {

	font-size: 14px;

	color: #ffffff;

	margin-left: 8px;

}



#head_144 .head_Pc .wurl .wurl_li_alert {

	width: 150px;

	height: 150px;

	position: absolute;

	top: 45px;

	left: 50%;

	transform: translate(-50%, 0);

	z-index: 3;

	display: none;

}



#head_144 .head_Pc .wurl .wurl_li_alert img {

	width: 100%;

	height: 100%;

	display: block;

}



#head_144 .head_Pc .wurl .wurl_li:hover .wurl_li_alert {

	display: block;

}



#head_144 .head_Pc .wurl .wurl_ul .wurl_li:hover .wurl_ic {

	opacity: 1;

}





#head_144 .head_Pc .nav {

	display: flex;

	justify-content: space-between;

	align-items: center;

	align-content: center;

	height: 110px;

	width: 100%;

	max-width: 1200px;

	margin: 0 auto;

	transition: 0.3s ease;

}



#head_144 .head_Pc .nav .logo {

	width: 200px;

	height: 100%;

	position: relative;

}



#head_144 .head_Pc .nav .logo::after {

	width: 200px;

	height: 54px;

	background: url('/static/images/HD000020_09.png') no-repeat center top;

	background-size: 100% 100%;

	content: '';

	position: absolute;

	left: 0;

	top: 110px;

	transition: 0.3s ease;

}



#head_144 .head_Pc .nav .logos {

	width: 100%;

	height: 100%;

	display: flex;

	justify-content: center;

	align-items: center;

	align-content: center;

	transform: translate(7px, 27px);

	position: relative;

	z-index: 3;

	transition: 0.3s ease;

}



#head_144 .head_Pc .nav .logos img {

	max-width: 100%;

	max-height: 100%;

	display: block;

	transition: 0.3s ease;

	height: 93px;

}



#head_144 .head_Pc .nav .navN {

	width: calc(100% - 200px);

	height: 100%;

}



#head_144 .head_Pc .nav .navN_ul {

	display: flex;

	justify-content: space-between;

	width: 100%;

	height: 100%;

}



#head_144 .head_Pc .nav .navN_ul .navN_li {

	width: calc(100% / 8);

	height: 100%;

	position: relative;

}



#head_144 .head_Pc .nav .navN_ul .navN_li .navN_a {

	display: flex;

	justify-content: center;

	align-items: center;

	align-content: center;

	width: 100%;

	height: 100%;

	position: relative;

	color: #333333;



}



#head_144 .head_Pc .nav .navN_ul .navN_li .navN_a .navN_p {

	color: #333333;

	transition: 0.3s linear;

	font-size: 16px;

}



#head_144 .head_Pc .navN_imgs {

	/* display: none; */

	position: absolute;

	top: 50%;

	left: 50%;

	width: 25px;

	height: 25px;

	transform: translate(-50%, -50%);

	opacity: 0;

	transition: 0.3s linear;

}



#head_144 .head_Pc .navN_imgs img {

	width: 100%;

	height: 100%;

	display: block;

}



#head_144 .head_Pc .navN_Ch {

	width: 100%;

	display: none;

	border-top:#ffa532 2px solid ;

	min-width: 120px;

	position: absolute;

	left: 50%;

	transform: translate(-50%, 0);



}



#head_144 .head_Pc .navN_Ch_ul {

	width: 100%;

	background: #f8f8f8;

	padding: 10px 0;

}



#head_144 .head_Pc .navN_Ch_li {

	width: 100%;

	height: 45px;

}



#head_144 .head_Pc .navN_Ch_lia {

	font-size: 14px;

	line-height: 24px;

	padding: 10px 0;

	color: #333333;

	text-align: center;

	display: block;

	width: 100%;

}



#head_144 .head_Pc .nav .navN_ul .navN_li:hover .navN_imgs {

	opacity: 1;

	margin-top: -12px;

}



#head_144 .head_Pc .nav .navN_ul .navN_li:hover .navN_p {

	color: #ffa532;

	transform: translateY(10px) scale(0.8);

}



#head_144 .head_Pc .navN .navN_ul .navN_li:hover {

	background: #f8f8f8;

}



#head_144 .head_Pc .navN_li:hover .navN_Ch {

	display: block;

}



#head_144 .head_Pc .nav .navN_ul .navN_li a:hover {

	color: #ffa532;

}





















#bananer_144 {}



#bananer_144 .pcBanSwiper {

	width: 100%;

}



#bananer_144 .pcBanSwiper .swiper-slide {

	width: 100%;

	height: 100%;

}



#bananer_144 .pcBanSwiper .swiper-slide a {

	width: 100%;

	display: block;

	height: 100%;

}



#bananer_144 .pcBanSwiper .swiper-slide a img {

	width: 100%;

	display: block;

	height: 100%;

	object-fit: cover;

}



#bananer_144 .pcBanSwiper .slider-btn-prev {}



#bananer_144 .pcBanSwiper .slider-btn-next {}



#bananer_144 .pcBanSwiper .swiper-pagination {}







#head_144 .head_Pc .hideNav {

	top: -40px;

	box-shadow: 0 0 10px 1px rgba(100, 100, 100, 0.5);

}



#head_144 .head_Pc .hideNav .nav .logo::after {

	opacity: 0;

	transform: translate(0, -100%);

}



#head_144 .head_Pc .hideNav .nav .logos {

	transform: translate(0, 0);

}



#head_144 .head_Pc .hideNav .nav .logos img {

	height: 55px;

}



#head_144 .head_Pc .hideNav {

	height: 130px;

}



#head_144 .head_Pc .hideNav .nav {

	height: 90px;

}

















#head_144 .head_Wap {

	height: 0;



}



#head_144 .WapNav {

	width: 100%;

	height: 50px;

	background: #ffffff;

	position: fixed;

	top: -100%;

	left: 0;

	z-index: 95;

	padding: 0 15px;

	box-sizing: border-box;

	transition: 0.3s ease;

	border-bottom: 1px solid #e9e9e9;

	box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);

}



#head_144 .WapNav .header {

	height: 100%;

	display: flex;

	justify-content: space-between;

	align-items: center;

	align-content: center;



}



#head_144 .WapNav .logo {

	height: 60%;

	display: block;

}



#head_144 .WapNav .logo a {

	display: block;

	height: 100%;

}



#head_144 .WapNav .logo img {

	height: 100%;

}



#head_144 .WapNav .navBtn {

	width: 40px;

	height: 50px;

	cursor: pointer;

	position: relative;

}



#head_144 .WapNav .navBtnBox {

	width: 30px;

	height: 50px;

	float: right;

	display: flex;

	justify-content: flex-end;

	align-items: center;

	align-content: center;

	flex-wrap: wrap;

}



#head_144 .WapNav .span_0 {

	width: 24px;

	background: #444444;

	height: 3px;

	-webkit-transition: all .25s ease;

	transition: all .25s ease;

	display: block;

	/* margin-bottom: 7px; */

	position: absolute;

	top: 50%;

	transform-origin: 50% 50%;

}



#head_144 .WapNav .span_0:last-child {

	margin-bottom: 0;

}



#head_144 .WapNav .span_1 {

	transform: translate(0, -8px);

}



#head_144 .WapNav .span_2 {}



#head_144 .WapNav .span_3 {

	transform: translate(0, 8px);

}



#head_144 .WapNav .navBtn.cur .span_1 {

	transform: rotate(-45deg) translate(0, -50%);

}



#head_144 .WapNav .navBtn.cur .span_2 {

	opacity: 0;

}



#head_144 .WapNav .navBtn.cur .span_3 {

	transform: rotate(45deg) translate(0, -50%);

}



#head_144 .WapNav .menu {

	position: fixed;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

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

	z-index: 999999999;

	overscroll-behavior: none;

	transition: visibility 0s ease, opacity .4s ease;

	z-index: 99;

	opacity: 0;

	visibility: hidden;

}



#head_144 .WapNav .menu.cur {

	opacity: 1;

	visibility: visible;

}



#head_144 .WapNav .menu-cnt {

	width: 100%;

	height: 100%;

}



#head_144 .WapNav #menuClosed {

	position: absolute;

	right: 15px;

	top: 15px;

	font-size: 25px;

	color: #262626;

	font-weight: bold;

}



#head_144 .WapNav .menu-list {

	overflow: auto;

	width: 100%;

	height: 100%;

	right: 0;

	top: 0;

}



#head_144 .WapNav .menu-item {

	border-bottom: #dfe0e1 1px solid;

	padding: 10px 20px;

	height: auto;

	display: block;

}



#head_144 .WapNav .menu-title {

	position: relative;

	font-size: 16px;

	color: #000000;

	font-weight: 500;

	cursor: pointer;

	font-weight: bold;

	display: block;

	line-height: 40px;

}



#head_144 .WapNav .menu-title a {

	color: inherit;

}



#head_144 .WapNav .dropdown_menu {

	display: none;

}



#head_144 .WapNav .nav-font {

	display: block;

	color: #263053;

	line-height: 34px;

	font-size: 14px;

	padding-left: 20px;

	box-sizing: border-box;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

}



#head_144 .WapNav .nav-font.cur {

	color: #0053b6;

}



#head_144 .WapNav .nav-font:last-child {

	border-bottom: none;

}





#head_144 .WapNav .menu-item.up .menu-title {

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

	background-size: auto 10px;



}



#head_144 .WapNav .menu-item.active .menu-title {

	color: #ffa532;

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

	background-size: auto 10px;

}



#head_144 .WapNav .headri {

	display: flex;

	justify-content: flex-start;

	align-items: center;

	align-content: center;

}



#head_144 .WapNav .headri_down {

	font-size: 14px;

	color: #333;

	height: 35px;

	line-height: 35px;

}



#head_144 .WapNav .headri_down a {

	display: block;

	height: 100%;

	padding: 0 10px;

}





















































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

	#head_144 .head_Pc .nav {

		height: 90px;

	}



	#head_144 .head_Pc {

		height: 130px;

	}



	#head_144 .head_Pc .cont {

		height: 130px;

	}



	#bananer_144 .pcBanSwiper {

		height: 40vw;

	}



	#head_144 .head_Pc .nav .navN_ul .navN_li a {

		font-size: 14px;

	}



	#head_144 .head_Pc .nav .logos {

		transform: translate(0, 0);

	}



	#head_144 .head_Pc .nav .logo::after {

		display: none;

	}



	#head_144 .head_Pc .nav .navN {

		width: calc(100% - 150px);

	}



	#head_144 .head_Pc .nav .logo {

		width: 150px;

		height: 50px;

		transform: none;

	}



	#head_144 .head_Pc .nav .navN_ul .navN_li .navN_a .navN_p {

		font-size: 14px;

	}



}



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



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



	#head_144 .head_Pc {

		height: 0;

	}



	#head_144 .head_Pc .cont {

		transform: translate(0, -100%);

	}



	#head_144 .head_Wap {

		height: 50px;

	}



	#bananer_144 .pcBanSwiper {

		height: 45vw;

	}



	#head_144 .WapNav {

		top: 0;

	}

}

/* ---- 宏特定制：LOGO 显示放大（仅缩放，不改图像像素） ---- */
@media screen and (min-width: 1025px) {
	#head_144 .head_Pc { height: 160px; }
	#head_144 .head_Pc .nav { height: 140px; }
	#head_144 .head_Pc .nav .logos { transform: translate(7px, 0); }
	#head_144 .head_Pc .nav .logos img { height: 140px; max-height: none; }
	#head_144 .head_Pc .hideNav .nav .logos img { height: 72px; }
	#head_144 .head_Pc .nav .logo::after { display: none !important; }
}
@media screen and (max-width: 1024px) {
	#head_144 .WapNav { height: 62px; }
	#head_144 .WapNav .logo { height: 90%; }
	#head_144 .WapNav .logo img { height: 100%; max-height: none; }
}