/***头部***/

/*$${"color":[{"val":"#fff","title":"文字颜色"},{"val":"#26334c","title":"鼠标滑过导航文字/移动端导航文字"},{"val":"#000","title":"移动端关闭按钮"},{"val":"#6160ea","title":"移动端二级导航文字颜色"}],"background":[{"val":"#fff","title":"鼠标滑过导航背景/移动端导航按钮/banner进度条背景"},{"val":"#6160ea","title":"鼠标滑过导航下划线"},{"val":"#26334c","title":"移动端下滑导航按钮背景"}],"border":[{"val":"#dfe0e1 ","title":"移动端导航边框"},{"val":"rgba(255,255,255,.37)","title":"导航边框"},{"val":"rgba(255, 255, 255, .2)","title":"按钮边框"},{"val":"rgba(255, 255, 255, .1)","title":"鼠标滑过按钮边框"}]}$$*/

#head_144{

	position: fixed;

	height: 110px;

	top:0;

	left: 0;

	width: 100%;

	z-index: 11000;

	color: #fff;

	font-size: 14px;

}

#head_144.cur{

	background: #fff;

	color: #26334c;

}

#head_144.cur a{

	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: 95px;

	line-height: 95px;

}

#head_144 .headerDiv{

	width: 96%;

	margin: 0 auto;

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

	height: 100%;

}

#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(/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;

}

#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 0px;

	justify-content: center;

	display: flex;

}

#head_144 .navCon{

	display: none;

}

#head_144 a{

	color: #fff;

}

#head_144 .navL span,

#head_144 .navR span,

#head_144 .navCon span{

	width: auto;

	padding: 0 50px;

	position: relative;

	cursor: pointer;

}

#head_144 .navL span:hover:after,

#head_144 .navR span:hover:after{

	content: '';

	width: 50px;

	height: 3px;

	background: rgba(34, 102, 89, 1);

	position: absolute;

	left:50%;

	transform: translateX(-50%);

	bottom: -16px;

}

#head_144 .navR{

	width: 50%;

	float: left;

	padding:0 170px 0 90px;

	justify-content: center;

	display: flex;

}

#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: #fff;

	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{

    position: absolute;

    right:15px;

    top:15px;

    font-size:25px;

    color: #000;

	font-weight: bold;

}

#head_144 .menu{

    position: fixed;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    background-color: rgba(255, 255, 255, .96);

    z-index: 999999999;

    overscroll-behavior: none;

    visibility: hidden;

    opacity: 0;

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

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

}

#head_144 .menu.cur{

    visibility: visible;

    opacity: 1;

    -webkit-transition-delay: .05s;

            transition-delay: .05s;

}

#head_144 .menu-cnt{

	width:100%;

	height: 100%;

    right:0;

    top: 0;

    padding:60px 30px 30px 30px;

}

#head_144 .menu-cnt.cur{

    -webkit-transform: translate3d(0,0,0);

            transform: translate3d(0,0,0);

}

#head_144 .menu-item{

    border-bottom: 1px solid #dfe0e1;

	padding:10px 20px;

	height: auto;

	display: block;

}

#head_144 .menu-list li .dropdown_menu{

	display: none;

}

#head_144 .menu-list li.active .dropdown_menu{

	display:block;

}

#head_144 .menu-list li .dropdown_menu a{

	display:block;

	height:28px;

	color: rgba(34, 102, 89, 1);

	line-height:28px;

	font-size:14px;

	padding-left: 20px;

	box-sizing:border-box;white-space: nowrap;

	text-overflow: ellipsis;overflow: hidden;

}

#head_144 .menu-list li .dropdown_menu a:last-child{border:none}

#head_144 .menu-title{

    position: relative;

    font-size:16px;

    color: #26334c;

    font-weight: 500;

	cursor: pointer;

	font-weight: bold;

	display: block;

	line-height:40px;

}

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

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

	background-size: auto 10px;

}

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

	color: rgba(34, 102, 89, 1);

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

	background-size: auto 10px;

}



#head_144 .models-item{

    width: 100%;

    position: relative;

    text-align: center;

}

#head_144 .models-item a{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

}

#head_144 .menu-list{

    height: 75%;

	overflow: auto;

	width: 100%;

}

#head_144 .menu-contact{

    position: absolute;

    bottom:0;

    width: 100%;

}

#head_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;

}



@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: block;

		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;



	}

	#head_144 .tell{

		display: none !important;

	}

	#head_144 .headerDiv{

		border: none;

	}

	#head_144 .logo{

		height: 30px;

		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.2s;

	color: #fff;

}



#bananer_144 .sBox .text .title-2 {

	font-size: 24px;

	padding-top: 20px;

	transform: translateY(200px);

	opacity: 0;

	transition: all 0.5s;

	color: #fff;

}



#bananer_144 .sBox .text .viewmore-3 {

	margin-top: 60px;

	transform: translateY(200px);

	opacity: 0;

	transition: all 0.9s;

}



#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 5000ms infinite ease;

	animation: w100 5000ms 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 a,

#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 a: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;

	}

}

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

	#bananer_144 .sBox .text .title-1{

		font-size: 26px;

	}

	#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;

	}

}