/***头部***/





/*$${"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{





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



	width: 18%;

    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(/static/images/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(/static/images/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:100%;





	position: absolute;





	top:88px;





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





	z-index:9999999999999;





	transition: transform .3s ease;





	/*height: 0;*/





	opacity: 0;





	overflow: hidden;





}





#head_144 .titCon:hover .navul{





	opacity: 1;





}





#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: rgba(14, 110, 184, 1);





	/* 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: rgba(14, 110, 184, 1);





}





#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: rgba(14, 110, 184, 1)!important;





}





#head_144.cur .navR a:hover,





#head_144.cur .navL a:hover,





#head_144.cur .navCon a:hover{





	color: rgba(14, 110, 184, 1)!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: rgba(14, 110, 184, 1);





}





#head_144 .menu-title{





	color: #26334c;





}





#head_144 .menu-title a{





	color: #26334c;





}





#head_144 .menu-item.up .itemClick{





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





	background-size: auto 10px;





}





#head_144 .menu-item.active .itemClick{





	color: rgba(14, 110, 184, 1);





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





	background-size: auto 10px;





}





#head_144 .menu-c-d{





	background: url(/static/images/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: 65%;





		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('/static/images/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(/static/images/HD00001_04.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;





	}





}