/***头部***/

/*$${"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.cur .zz a{
	color: #000;
}

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

.zz a{color: #fff;}
#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 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 .en {
	    display: block;
	    position: absolute;
	    right: 50px;
	    height: 60px;
	    line-height: 60px;
	    color: #000;
	    top: 0;
	}
	#head_144 .en  a{
		color: #000;
	}
	#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;

	}

}





/* 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;

	}

}