/***头部***/



/*$${"color":[{"val":"#fff","title":"文字颜色"},



{"val":"#26334c","title":"鼠标滑过导航文字/移动端导航文字"},



{"val":"#000","title":"移动端关闭按钮"},



{"val":"#6060ea","title":"移动端二级导航文字颜色"}],



"background":[{"val":"#fff","title":"鼠标滑过导航背景/移动端导航按钮/banner进度条背景"},



{"val":"#6060ea","title":"鼠标滑过导航下划线"},



{"val":"#26334c","title":"移动端下滑导航按钮背景"},



{"val":"rgba(255,255,255,.37)","title":"导航边框"}],



"border":[{"val":"#dfe0e1 ","title":"移动端导航边框"},



{"val":"rgba(255, 255, 255, .2)","title":"按钮边框"},



{"val":"rgba(255, 255, 255, .1)","title":"鼠标滑过按钮边框"}]}$$*/


#head_144 .en {
	display: none
}

#head_144 {



	position: fixed;



	height: 90px;



	top: 0;



	left: 0;



	width: 100%;



	z-index: 11000;



	color: #fff;



	font-size: 14px;



}



#head_144.cur {



	background: #fff;



	color: #26334c;



}



#head_144.scroll-down {

	top: -150px;

}



#head_144.scroll-top {



	top: 0;



}



#head_144 .header {



	width: 1200px;



	position: relative;



	margin: 0 auto;



	height: 100%;



	line-height: 90px;



}



#head_144 .headerDiv {



	width: 96%;



	margin: 0 auto;



	height: 100%;



	position: relative;



}



#head_144 .headerDiv::after {



	position: absolute;



	left: 0;



	bottom: 0;



	width: 100%;



	height: 1px;



	background: rgba(255, 255, 255, .37);



	content: '';



}


#head_144 .logo {



	position: absolute;



	left: 50%;



	top: 50%;



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



}



#head_144 .tell {



	position: absolute;



	width: 170px;



	right: 0;



	top: 50%;



	transform: translateY(-50%);



	background: url(../image/HD00001_08.png) no-repeat;



	background-size: 100%;



	width: 170px;



	height: 26px;



	line-height: 26px;



	padding-left: 30px;



	text-align: center;



	font-style: italic;



	font-weight: bold;



	font-size: 16px;



}



#head_144 .tellW {



	color: #fff;



}



#head_144 .tellB {



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



	color: #26334c;



}



#head_144.cur .showLogo,



#head_144.cur .showTell,



#head_144 .hideLogo,



#head_144 .hideTell {



	display: block;



}



#head_144.cur .hideLogo,



#head_144.cur .hideTell,



#head_144 .showLogo,



#head_144 .showTell {



	display: none;



}



#head_144 .navL {



	width: 50%;



	float: left;



	padding: 0 90px 0 50px;



	/* overflow: hidden; */



}



#head_144 .navL,



#head_144 .navR {



	justify-content: center;



	align-items: center;



	display: flex;



	height: 100%;



}



#head_144 .navul {



	width: 6%;



	position: fixed;



	top: 88px;



	background: rgba(255, 255, 255, .8);



	z-index: 9999999999999;



	transition: transform .3s ease;



	/*height: 0;*/



	display: none;



	overflow: hidden;



}



#head_144 .titCon:hover .navul {



	display: block;



}













#head_144 .navul .navli {



	line-height: 40px !important;



	border-bottom: rgba(0, 0, 0, .1) 1px solid;



	height: 40px;



	width: 100%;



	color: #26334c !important;



	display: block;



	overflow: hidden;



	padding: 0 3px;



	font-size: 12px;



	overflow: hidden;



}



#head_144 .navul .navli:hover {



	background: #fff;



}



#head_144.cur .navul {



	top: 80px;



	border: rgba(0, 0, 0, .1) 1px solid;



}



#head_144 .navCon {



	display: none;



}


#head_144.cur .zz a{
	color: #000;
}

.zz{
	 position: absolute; right:-100px;
	 color: #fff;
}

.zz a{color: #fff;}


#head_144 a {



	color: #fff;



	font-size: 14px;



}











#head_144 .navR {



	width: 50%;



	float: left;



	padding: 0 212px 0 92px;



	justify-content: center;



	display: flex;



	height: 100%;



}



#head_144 .navR .titCon,

#head_144 .navL .titCon,

#head_144 .navCon .titCon {



	flex: 1;



	position: relative;



}



#head_144 .navR a,

#head_144 .navL a,

#head_144 .navCon a {



	text-shadow: none;



	position: relative;



	width: 100%;



	text-align: center;



	display: block;



}



#head_144.defalut .navR a,

#head_144.defalut .navL a,

#head_144.defalut .navCon a {



	color: #ffffff;



}



#head_144.cur .navR a,

#head_144.cur .navL a,

#head_144.cur .navCon a {



	/* color:#666e80!important; */



	line-height: 70px;



}



#head_144 .navR a::before,

#head_144 .navL a::before,

#head_144 .navCon a::before {



	color: #fff;



	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;



}



#head_144.cur .navR a::before,

#head_144.cur .navL a::before,

#head_144.cur .navCon a::before {



	color: #666e80;



}



#head_144 .navR a::after,

#head_144 .navL a::after,

#head_144 .navCon a::after {



	content: '';



	position: absolute;



	left: 10%;



	bottom: 0;



	width: 0;



	height: 2px;



	background: #6060ea;



	/* opacity: 0; */



	-webkit-transform: translateY(5px);



	-moz-transform: translateY(5px);



	transform: translateY(5px);



	-webkit-transition: -webkit-transform 0.5s, width 0.5s;



	-moz-transition: -moz-transform 0.5s, width 0.5s;



	transition: transform 0.5s, width 0.5s;



	pointer-events: none;



}



#head_144.cur .navR a::after,

#head_144.cur .navL a::after,

#head_144.cur .navCon a::after {



	background: #6060ea;



}



#head_144 .navR a:hover::before,



#head_144 .navL a:hover::before,



#head_144 .navCon a:hover::before {



	color: ;



	opacity: 0;



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



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



	transform: translateY(-12px);



}



#head_144 .navR a:hover,



#head_144 .navL a:hover,



#head_144 .navCon a:hover {



	color: #6060ea !important;



}



#head_144.cur .navR a:hover,



#head_144.cur .navL a:hover,



#head_144.cur .navCon a:hover {



	color: #6060ea !important;



}







#head_144 .navR a:hover::after,



#head_144 .navL a:hover::after,



#head_144 .navCon a:hover::after {



	width: 80%;



	-webkit-transform: translateY(0px);



	-moz-transform: translateY(0px);



	transform: translateY(0px);



}



#head_144 .navBtn {



	display: none;



	width: 70px;



	height: 60px;



	float: right;



	cursor: pointer;



	position: relative;



	margin-right: 3%;



}



#head_144 .navBtn .span_0 {



	position: absolute;



	width: 30px;



	right: 0;



	background: #000;



	height: 3px;



	top: 50%;



	-webkit-transition: all .25s ease;



	transition: all .25s ease;



}



#head_144.cur .navBtn .span_0 {



	background: #26334c;



}







#head_144 .navBtn.cur .span_0 {



	top: 46%;



}



#head_144 .navBtn.cur .span_0.span_1 {



	-webkit-transform: rotate(-45deg) translateY(-50%);



	transform: rotate(-45deg) translateY(-50%);



}



#head_144 .navBtn.cur .span_0.span_2 {



	opacity: 0;



}



#head_144 .navBtn.cur .span_0.span_3 {



	-webkit-transform: rotate(45deg);



	transform: rotate(45deg);



}



#head_144 .navBtn .span_0.span_1 {



	top: 35%;



}



#head_144 .navBtn .span_0.span_2 {



	top: 50%;



	width: 30px;



}



#head_144 .navBtn .span_0.span_3 {



	top: 65%;



}



/* 右侧菜单 */



#head_144 #menuClosed {



	color: #000;



}



#head_144 .menu-item {



	border-bottom: #dfe0e1 1px solid;



}



#head_144 .menu-list li .dropdown_menu a {



	color: #6060ea;



}



#head_144 .menu-title {



	color: #26334c;



}



#head_144 .menu-title a {



	color: #26334c;



}



#head_144 .menu-item.up .itemClick {



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



	background-size: auto 10px;



}



#head_144 .menu-item.active .itemClick {



	color: #6060ea;



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



	background-size: auto 10px;



}



#head_144 .menu-c-d {



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



	color: #26334c;



}







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



	#head_144 .header {



		width: 100%;



	}



	#head_144 .logo {



		left: 0;



		transform: translate(0, -50%);



	}



	#head_144 .navL,

	#head_144 .navR {



		display: none;



	}



	#head_144 .navCon {



		display: flex;



		width: 100%;



		float: left;



		padding: 0 190px 0 170px;



		overflow: hidden;



		height: 100%;



	}



}







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



	#head_144 .navL,

	#head_144 .navR {



		display: none;



		text-align: left;



	}



	#head_144 .navCon {



		display: none;



	}



	#head_144 {



		height: 60px;



		background: #fff;







	}



	#head_144 .tell {



		display: none !important;



	}



	#head_144 .headerDiv {



		border: none;



	}



	#head_144 .showLogo {



		display: block;



	}



	#head_144 .hideLogo {



		display: none;



	}



	#head_144 .logo {



		height: 40px;



		width: auto;



		left: 10px;



	}



	#head_144 .header {



		height: 60px;



	}



	#head_144 .navBtn {



		display: block;



	}

	#head_144 .en {

		display: block;
		position: absolute;

		right: 50px;
		height: 60px;
		line-height: 60px;
		color: #00;
		top: 0;




	}

	#head_144 .en a {
		color: #000;
	}
}











/* banner */



#bananer_144 {



	position: relative;



	width: 100%;



	height: 100%;



}



#bananer_144 #pcBana {



	display: block;



}



#bananer_144 #wapBana {



	display: none;



}



#bananer_144 .sBox {



	position: relative;



	overflow: hidden;



	height: 100%;



	width: 100%;



}



#bananer_144 .sBox .videoCon {



	width: 100%;



	height: 100%;



	object-fit: cover;



}



#bananer_144 .sBox .text {



	position: absolute;



	width: 900px;



	top: 40%;



	left: 6%;



	z-index: 10;



	color: #fff;



}



#bananer_144 .sBox .text .title-1 {



	font-size: 60px;



	font-weight: bold;



	transform: translateY(200px);



	opacity: 0;



	transition: all 0.3s;



	color: #fff;



	height: 60px;



	line-height: 60px;



	overflow: hidden;



	text-overflow: ellipsis;



	white-space: nowrap;



	max-width: calc(100% - 20px);



}







#bananer_144 .sBox .text .title-2 {



	font-size: 24px;







	transform: translateY(200px);



	opacity: 0;



	transition: all 0.6s;



	color: #fff;



	line-height: 60px;



	height: 60px;



	overflow: hidden;



	text-overflow: ellipsis;



	white-space: nowrap;



	width: 100%;



	display: block;



}







#bananer_144 .sBox .text .viewmore-3 {



	margin-top: 60px;



	transform: translateY(200px);



	opacity: 0;



	transition: all 0.9s;



}



#bananer_144 .bz-buttonAnimat {

	position: relative;

}



#bananer_144 .bz-buttonAnimat .inner {



	position: absolute;



	top: 0;



	left: 0;



	width: 100%;



	height: 100%;



}



#bananer_144 .bz-buttonAnimat:before,



#bananer_144 .bz-buttonAnimat:after,



#bananer_144 .bz-buttonAnimat .inner:before,



#bananer_144 .bz-buttonAnimat .inner:after {



	background: #fff;



}



#bananer_144 .bz-buttonAnimat:before,



#bananer_144 .bz-buttonAnimat:after,



#bananer_144 .bz-buttonAnimat .inner:before,



#bananer_144 .bz-buttonAnimat .inner:after {



	position: absolute;

	content: "";

	display: block;



	-webkit-transition: -webkit-transform 0.3s;



	transition: -webkit-transform 0.3s;



	transition: transform 0.3s;



	transition: transform 0.3s, -webkit-transform 0.3s;



}



#bananer_144 .bz-buttonAnimat:before,



#bananer_144 .bz-buttonAnimat:after {



	left: 0;

	width: 100%;



	height: 1px;



	-webkit-transform: scaleX(0);



	transform: scaleX(0);



}



#bananer_144 .bz-buttonAnimat .inner:before,



#bananer_144 .bz-buttonAnimat .inner:after {



	top: 0;

	width: 1px;

	height: 100%;

	-webkit-transform: scaleY(0);

	transform: scaleY(0);



}







#bananer_144 .bz-buttonAnimat .inner:before {

	left: 0;

}



#bananer_144 .bz-buttonAnimat .inner:after {

	right: 0;

}



#bananer_144 .bz-buttonAnimat .inner:hover:before,



#bananer_144 .bz-buttonAnimat .inner:hover:after {



	-webkit-transform: scaleY(1);

	transform: scaleY(1);



}







#bananer_144 .bz-buttonAnimat:before {

	top: 0;

}



#bananer_144 .bz-buttonAnimat:after {

	bottom: 0;

}



#bananer_144 .bz-buttonAnimat:hover:before,



#bananer_144 .bz-buttonAnimat:hover:after {



	-webkit-transform: scaleX(1);

	transform: scaleX(1);



}



#bananer_144 .bz-buttonAnimat:hover .inner:before,



#bananer_144 .bz-buttonAnimat:hover .inner:after {



	-webkit-transform: scaleY(1);

	transform: scaleY(1);



}



#bananer_144 .bz-buttonAnimat.clockwise .inner:before {



	-webkit-transform-origin: top center;



	transform-origin: top center;



}



#bananer_144 .bz-buttonAnimat.clockwise .inner:after {



	-webkit-transform-origin: bottom center;



	transform-origin: bottom center;



}



#bananer_144 .bz-buttonAnimat.clockwise:before {



	-webkit-transform-origin: right center;



	transform-origin: right center;



}



#bananer_144 .bz-buttonAnimat.clockwise:after {



	-webkit-transform-origin: left center;



	transform-origin: left center;



}



#bananer_144 .bz-buttonAnimat.clockwise:hover .inner:before {



	-webkit-transform-origin: bottom center;



	transform-origin: bottom center;



}



#bananer_144 .bz-buttonAnimat.clockwise:hover .inner:after {



	-webkit-transform-origin: top center;



	transform-origin: top center;



}



#bananer_144 .bz-buttonAnimat.clockwise:hover:before {



	-webkit-transform-origin: left center;



	transform-origin: left center;



}



#bananer_144 .bz-buttonAnimat.clockwise:hover:after {



	-webkit-transform-origin: right center;



	transform-origin: right center;



}











#bananer_144 .swiper-slide-active .text .title-1,



#bananer_144 .swiper-slide-active .text .title-2,



#bananer_144 .swiper-slide-active .text .viewmore-3 {



	transform: translateY(0px);



	opacity: 1;



}



#bananer_144 .swiper-slide-active .img {



	animation: bigimgani 5000ms infinite ease-out;



}



#bananer_144 .img-block {



	width: 100%;



	height: 100%;



}



#bananer_144 .sBox.center .text {



	left: 50%;



	margin-left: -450px;



	text-align: center;



}



#bananer_144 .sBox.center .text .viewmore-3 {



	margin: 60px auto auto;



}







#bananer_144 .pagination {



	width: 100px;



	left: auto;



	right: 2%;



	bottom: 5%;



	text-align: right;



}



#bananer_144 .pagination span.swiper-pagination-bullet {



	background: #fff;



	border-radius: 0;



	width: 1px;



	height: 20px;



	transition: all .4s ease;



	margin: 0 7px;



	opacity: 1;



}







#bananer_144 .pagination span.swiper-pagination-bullet-active {



	height: 30px;



}







#bananer_144 .btnNext,



#bananer_144 .btnPrev {



	bottom: 4%;



	top: auto;



	background: none;



	z-index: 30;



}







#bananer_144 .btnNext::after,



#bananer_144 .btnPrev::after {



	display: none;



}







#bananer_144 .btnNext::before,



#bananer_144 .btnPrev::before {



	color: #fff;



	font-size: 14px;



	letter-spacing: 2px;



}







#bananer_144 .btnNext::before {



	content: 'NEXT';



}







#bananer_144 .btnPrev::before {



	content: 'PREV';



}







#bananer_144 .btnNext {



	left: auto;



	right: 50%;



	margin-right: -200px;



}







#bananer_144 .btnPrev {



	left: 50%;



	right: auto;



	margin-left: -200px;



}







#bananer_144 .bannerScroll {



	width: 62px;



	height: 26px;



	position: absolute;



	left: 2%;



	bottom: 5%;



	z-index: 20;



	background: url('../image/HD00001_03.png') center no-repeat;



}



#bananer_144 .bannerBar {



	width: 260px;



	height: 2px;



	position: absolute;



	bottom: 6%;



	left: 50%;



	margin-left: -130px;



	z-index: 20;



}







#bananer_144 .bannerBar::after {



	content: '';



	position: absolute;



	width: 100%;



	height: 2px;



	background: #fff;



	left: 0;



	top: 0;



	opacity: .2;



	z-index: 5;



}







#bananer_144 .bannerBar::before {



	content: '';



	position: absolute;



	width: 0;



	height: 2px;



	background: #fff;



	left: 0;



	top: 0;



	z-index: 10;



	-webkit-animation: w100 6000ms infinite ease;



	animation: w100 6000ms infinite ease;



}







@keyframes w100 {



	0% {



		width: 0%;



	}







	100% {



		width: 100%;



	}



}







@keyframes bigimgani {



	0% {



		transform: scale(1.1);



	}







	100% {



		transform: scale(1);



	}



}







#bananer_144 .viewmore-3 {



	width: 215px;



	display: block;



	margin: 0;



}







#bananer_144 .viewmore-3 p {



	display: block;



	color: #fff;



	text-align: center;



	padding: 17px 0 17px 0;



	overflow: hidden;



	font-size: 0;



	border: rgba(255, 255, 255, .2) 1px solid;



}



#bananer_144 .viewmore-3 span {



	font-size: 14px;



	display: inline-block;



	vertical-align: middle;



	margin-right: 40px;



	letter-spacing: 2px;



}



#bananer_144 .viewmore-3 div {



	display: block;



	color: #fff;



	text-align: center;



	padding: 17px 0 17px 0;



	overflow: hidden;



	font-size: 0;



	border: rgba(255, 255, 255, .2) 1px solid;



}



#bananer_144 .viewmore-3 span {



	font-size: 14px;



	display: inline-block;



	vertical-align: middle;



	margin-right: 40px;



	letter-spacing: 2px;



}



#bananer_144 .viewmore-3 i {



	display: inline-block;



	vertical-align: middle;



	width: 26px;



	height: 14px;



	background: url(../image/IC00001_01.png) center no-repeat;



}



#bananer_144 .viewmore-3 p:hover {



	border: rgba(255, 255, 255, 1) 1px solid;



}







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



	#bananer_144 .sBox .text .title-1 {



		font-size: 50px;



	}



	#bananer_144 .sBox .text .title-2 {



		font-size: 18px;



	}



	#bananer_144 .sBox .text {



		width: 90%;



		left: 5% !important;



		margin-left: 0 !important;



	}



}



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



	#bananer_144 .sBox .text .title-1 {



		font-size: 20px;



		line-height: 30px;



		height: 30px;



	}



	#bananer_144 {



		margin-top: 60px;



	}



	#head_144 .headerDiv::after {



		background: none;



	}



	#bananer_144 .sBox .text .title-2 {



		font-size: 14px;



		line-height: 30px;



		height: 30px;



	}



	#bananer_144 #pcBana {



		display: none;



	}



	#bananer_144 #wapBana {



		display: block;



	}



	#bananer_144 #wapBana img {



		height: 500px;



	}



	#bananer_144 .btnNext,



	#bananer_144 .btnPrev,



	#bananer_144 .bannerBar {



		display: none !important;



	}



	#bananer_144 .sBox .text .viewmore-3 {



		width: 160px;



	}



	#bananer_144 .sBox .text {



		top: 30%;



	}



	#bananer_144 .sBox.center .text .viewmore-3 {



		margin: 20px auto auto;



	}



	#bananer_144 .viewmore-3 p,

	#bananer_144 .viewmore-3 div {



		padding: 15px 0;



	}



	#bananer_144 .viewmore-3 span {



		margin-right: 20px;



	}



}