/*头部*/

/*$$

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

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

{"val":"#000000","title":"移动端默认导航文字颜色，关闭按钮颜色"}],

"background":[{"val":"rgb(24,34,65,.82)","title":"导航默认背景色"},

{"val":"#ffffff","title":"导航鼠标滑过底部边框线"},

{"val":"#b99c62","title":"二级导航背景"},

{"val":"#b88d36","title":"二级导航鼠标滑过背景颜色"},

{"val":"rgba(255, 255, 255, .96)","title":"移动端导航窗口背景颜色"},

{"val":"#192241","title":"Bananer分页背景颜色"}],

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

{"val":"#b99c62","title":"按钮边框"},

{"val":"#ffffff","title":"Bananer分页边框"}]}

$$*/



#head_144{

	width: 100%;

	height: 100px;

	background:rgb(24,34,65,.82);

	position: fixed;

	top:0;

	left: 0;

	z-index: 999;

}

#head_144 .header{

	width: 1200px;

	margin: 0 auto;

	height: 100%;

	position: relative;

}

#head_144 .logo{

	width: 30%;

	height: 100%;

	display: flex;

	align-items: center;

	float: left;

}

#head_144 .logo img{

	width: auto;

	height: auto;

	max-width: 100%;

	max-height: 100%;

}

#head_144 .headpc{

	float: right;

	width: 70%;

}

#head_144 .headpc .headtop{

	width:auto;

	float: right;

	padding-top:12px;

}

#head_144 .headpc .tell{

	background: url(./../../../static/images/HD000015_02.png) no-repeat left center;

	background-size: 30px 30px;

	padding-left:45px;

	font-size: 22px;

	font-weight: 600;

	color: #ffffff;

	line-height: 40px;

	float: left;

}

#head_144 .headnav{

	width: 100%;

	display: flex;

	line-height: 48px;

}

#head_144 .headnav .tit{

	flex: 1;

	text-align: center;

	padding: 0 10px;

	cursor: pointer;

	position: relative;
	


}

#head_144 .headnav .tit .titnav{

	display: inline-block;

	padding:0 5px;

	position: relative;

	z-index: 1;

	color: #ffffff;

	font-size: 16px;
	
		text-decoration: none;

}

#head_144 .headnav .tit .titnav::after{

	content: '';

	position: absolute;

	left:0;

	bottom: 8px;

	height: 1px;

	width: 0;

	transition: all .3s;

	background: #ffffff;

}

#head_144 .headnav .tit:hover .titnav::after{

	width: 100%;

}

#head_144 .tit:hover .titList{

	display: block;

}

#head_144 .titList{

	width: auto;

	white-space: nowrap;

	position: absolute;

	height: auto;

	zoom: 1;

	background:#b99c62;

	top:48px;

	left:50%;

	transform: translateX(-50%);

	z-index: 100;

	display: none;

	transition: all .3s; 

}

#head_144 .tit:nth-child(3) .titList {
	width: 420px;
    height: 390px;
}

#head_144 .titList .level{

	width: auto;

	float: left;

	font-size: 14px;

	padding: 0 20px;

	position: relative;

}

#head_144 .tit:nth-child(3) .titList .level{
    width: 115px;
}

#head_144 .titList .level::after{

	position: absolute;

	left: 0;

	top:0;

	width: 0;

	height: 100%;

	content: '';

	background: #b88d36;

	transition: all .8s;

}

#head_144 .titList .level:hover::after{

	width: 100%;

}

#head_144 .titList .level .levelname{

	display: inline-block;

	color: #ffffff;

	float: left;

	position: relative;

	z-index: 10;

}

#head_144 .navBtn{

	display: none;

	width: 70px;

	height:50px;

	float: right;

	cursor: pointer;

	position: relative;

	margin-right:20px;

}

#head_144 .navBtn .span_0{

    position: absolute;

    width: 30px;

	right: 0;

	background: #ffffff;

	height: 3px;

    top: 40%;

    -webkit-transition: all .25s ease;

    transition: all .25s ease;

}

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

	font-weight: bold;

}

#head_144 .menu{

    position: fixed;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    background: 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:#dfe0e1 1px solid;

	padding:0 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: #263053;

	line-height:28px;

	font-size:12px;

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

    color: #000000;

    font-weight: 500;   

	cursor: pointer;

	font-weight: bold;

	display: block;

	line-height:40px;

}

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

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

	background-size: auto 10px;

}

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

	color: #263053;

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

	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/HD000015_06.png) no-repeat;

	width: 170px;

	height: 26px;

	background-size: 100%;

	padding-left: 28px;

	color: #000000;

	font-style:italic;

	display: block;

	line-height: 26px;

	font-weight: bold;

}



#bananer_144{

	width: 100%;

	overflow: hidden;

}

#bananer_144 .bannerSwiper{

	width: 100%;

	height: 100%;

}

#bananer_144 .banaItem,

#bananer_144 .ifremItem{

	width: 100%;

	height: 100%;

	position: relative;

	background: #000000;

}

#bananer_144 .banaItem .imgItem{

	width: 100%;

	height: 100%;

	object-fit: cover;



}

@keyframes bigimgani {

	0% {

		transform: scale(1.1);

	}

	100% {

		transform: scale(1);

	}

}

#bananer_144 .textBox{

	position: absolute;

	width: 100%;

	top:50%;

	transform: translateY(-50%);

	padding: 0 20px;

}

#bananer_144 .textBox .tit-1{

	width: 100%;

	text-align: center;

	line-height: 60px;

	height: 60px;

	overflow: hidden;

	text-overflow:ellipsis;

	white-space: nowrap;

	text-align: center;

	font-size: 40px;

	display: block;

	color: #ffffff;

	letter-spacing: 3px;

	transform: translateY(200px);

	opacity: 0;

	transition: all 0.2s;

}

#bananer_144 .textBox .tit-2{

	font-size: 16px;

	color: #ffffff;

	height: 30px;

	line-height: 45px;

	text-align: center;

	width: 100%;

	overflow: hidden;

	text-overflow:ellipsis;

	white-space: nowrap;

	display: block;

	transform: translateY(200px);

	opacity: 0;

	transition: all 0.9s;

}

#bananer_144 .textBox .tit-3{

	font-size: 24px;

	color: #ffffff;

	height: 130px;

	line-height: 130px;

	text-align: center;

	width: 100%;

	overflow: hidden;

	text-overflow:ellipsis;

	white-space: nowrap;

	display: block;

	transform: translateY(200px);

	opacity: 0;

	transition: all 1.3s;

}

#bananer_144 .textBox .tit-3 i{

	padding:0 25px;

}

#bananer_144 .textBox .btnMore{

	width: 205px;

	height: 45px;

	

	transform: translateY(200px);

	opacity: 0;

	transition: all 1.3s;

	position: relative;

	left: 50%;

	margin-left: -102px;

	border-radius: 30px;

	display: flex;

	align-items: center;

	justify-content: center;

	cursor: pointer;

	border:#b99c62 solid 1px;

}

#bananer_144 .textBox .btnMore::after{

	background:#b99c62;

	border-radius: 30px;

	position: absolute;

	width: 100%;

	height: 100%;

	left: 0;

	content: '';

	top:0;

	transition: all .8s;

}

#bananer_144 .textBox .btnMore:hover::after{

	width: 0;

	height: 0;

	left: 50%;

	top:50%;

}

#bananer_144 .textBox .btnMore i{

	padding-right: 30px;

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

	background-size: 20px 11px;

	font-size: 18px;

	color: #ffffff;

	position: relative;

	z-index: 1;

}

#bananer_144 .swiper-pagination{

	bottom: 120px;

}

#bananer_144 .swiper-slide-active .tit-1,

#bananer_144 .swiper-slide-active .tit-2,

#bananer_144 .swiper-slide-active .tit-3,

#bananer_144 .swiper-slide-active .btnMore{

	transform: translateY(0px);

	opacity: 1;

}

#bananer_144 .swiper-pagination-bullet{

	width: 17px;

	height: 17px;

	background: none;

	border:#ffffff solid 1px;

	border-radius: 0;

	opacity: 1;

	margin: 0 60px;

	position: relative;

}

#bananer_144 .swiper-pagination-bullet::after{

	position: absolute;

	left:22px;

	width: 110px;

	height: 1px;

	content: '';

	background: #ffffff;

	top:8px;

}

#bananer_144 .swiper-pagination-bullet:last-child::after{

	display: none;

}

#bananer_144 .swiper-pagination-bullet-active{

	background: #192241;

	border:none;

}

#bananer_144 #pcBana{

	display: block;

	position: relative;

}

#bananer_144 #wapBana{

	display: none;

	position: relative;

}

#bananer_144 .swiper-wrapper{

	width: 100%;

	height: 100%;

}

#bananer_144 .swiper-slide{

	width: 100%;

	height: 100%;

}

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

	#head_144 .header{

		width: 100%;

	}

	#head_144 .logo{

		padding-left: 20px;

	}

	#head_144 .headnav .tit{

		margin: 0 10px;

	}

}

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

	#head_144 .headpc{

		display: none;

	}

	#head_144{

		height: 50px;

	}

	#head_144 .logo{

		padding-top: 0;

		width: 50%;

	}

	#head_144 .navBtn{

		display: block;

	}

	#bananer_144 .textBox{

		margin-top: 0;

	}

	#bananer_144 .textBox .tit-1{

		font-size: 20px;

		line-height: 40px;

		height: 40px;

	}

	#bananer_144 .textBox .tit-2{

		font-size: 14px;

		line-height: 28px;

		height: 28px;

	}

	#bananer_144 .textBox .tit-3{

		font-size: 18px;

		line-height: 70px;

		height: 70px;

	}

	#bananer_144 .textBox .btnMore{

		width: 150px;

		height: 35px;

		margin-left: -75px;

	}

	#bananer_144 .textBox .btnMore i{

		font-size: 14px;

	}

	#bananer_144 #pcBana{

		display: none;

	}

	#bananer_144 #wapBana{

		display: block;

	}

	#bananer_144 .swiper-pagination-bullet{

		width: 10px;

		height: 10px;

		margin: 0 30px;

	}

	#bananer_144 .swiper-pagination-bullet::after{

		left: 15px;

		width: 50px;

		top:5px;

	}

	#bananer_144 .swiper-pagination{

		bottom: 20px;

	}

}