/*头部*/



/*$$



{"color":[{"val":"#999999","title":"搜索框内文字颜色"},



{"val":"#b8060b","title":"搜索框文字/导航鼠标滑过文字颜色"},



{"val":"#ffffff","title":"鼠标滑过文字颜色"},



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



{"val":"#666666","title":"二级导航文字颜色"},



{"val":"#262626","title":"移动端导航关闭按钮颜色"},



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



"background":[{"val":"#ffffff","title":"搜索框/二级导航/Bananer分页按钮/Bananer上按钮边框"},



{"val":"#b8060b","title":"默认导航背景颜色"},



{"val":"#034da5","title":"鼠标滑过导航背景颜色"},



{"val":"#262626","title":"移动端打开导航按钮背景颜色"},



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



"border":[{"val":"#e0dbdb","title":"搜索框边框"},



{"val":"#efefef","title":"二级导航边框线"},



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



{"val":"rgba(255, 255, 255, .2)","title":"Bananer查看详情按钮默认边框"},



{"val":"#ffffff","title":"Bananer查看详情按钮鼠标滑过边框"}]}



$$*/



#head_144{



	width: 100%;



}



#head_144 .header{



	width: 1200px;



	margin: 0 auto;



	height: 100px;



	position: relative;



}



#head_144 .header .logo{



	width: 60%;



	height: 100%;



	display: flex;



	align-items: center;



	float: left;



}



#head_144 .header .logo img{



	width: auto;



	height: auto;



	max-width: 100%;



	max-height: 100%;



}



#head_144 .serchBox{



	width: 280px;



	height: 40px;



	float: right;



	position: relative;



	top:50%;



	transform: translateY(-50%);



	border:#e0dbdb solid 1px;



	



	padding-right: 50px;



	z-index:999;



}



#head_144 .serchBox .serBtn{



	position: absolute;



	right: 0;



	top:0;



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



	background-size: 21px 21px;



	width: 50px;



	height: 100%;



	cursor: pointer;



}



#head_144 .serchBox form{



	width: 100%;



	height: 100%;



	display: block;



}



#head_144 .inputser{



	width: 135px;



	padding: 0 12px;



	height: 100%;



	line-height: 38px;



	color: #999999;



	font-size: 14px;



	float: left;



}



#head_144 .serkey{



	width: 90px;



	color: #b8060b;



	font-size: 14px;



	position: relative;



	line-height: 38px;



	display: inline-block;



	cursor: pointer;



	padding-right: 10px;



	text-align: center;



	height: 100%;



}



#head_144 .serkey option{



	width: 100%;



}



#head_144 .serkey::after{



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



	background-size: 10px auto;



	content: '';



	position: absolute;



	right:2px;



	top:0;



	width: 10px;



	height: 100%;



}



#head_144 .serkey.click::after{



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



	background-size: 10px auto;



}



#head_144 .serList{



	width: 80px;



	height: auto;



	background:#ffffff;



	position: absolute;



	right: 50px;



	top: 39px;



	display: none;



	z-index: 999;



}



#head_144 .serList li{



	width: 100%;



	height: 30px;



	text-align: center;



	line-height: 30px;



	color: #b8060b;



	cursor: pointer;



}



#head_144 .serList li:hover{



	background: #b8060b;



	color: #ffffff;



}



#head_144 .headnav{



	width: 100%;



	background: #b8060b;



	height: 58px;



}



#head_144 .navList{



	width: 1200px;



	margin: auto;



	height: 100%;



	display: flex;



	justify-content: space-between;



	font-size: 16px;



}



#head_144 .navList .navLi{



	color:#fff;



	line-height: 58px;



	cursor: pointer;



	position: relative;



	padding: 0 20px;



}



#head_144 .navList .navLi:hover .tit{



	color:#ffffff;



}



#head_144 .navList .navLi .tit{



	width: 100%;



	height: 100%;



	color: #fff;



}



#head_144 .navList .navLi i{



	position: relative;



	z-index: 1;



}



#head_144 .navList .navLi::after{



	content: '';



	position: absolute;



	left: 0;



	top:0;



	width: 100%;



	height: 0;



	background: #f0eb97;



	transition: all .3s;



}



#head_144 .navList .navLi:hover::after{



	height: 100%;



}



#head_144 .navList .navLi:hover .levalList{



	display: block;



}



#head_144 .navList .levalList{



	position: absolute;



	top:58px;



	width: auto;



	left:50%;	



	background: #ffffff;



	transform: translateX(-50%);



	display: none;



	transition: all .3s;



	z-index: 100;



}



#head_144 .navList .levalList li{



	width: auto;



	white-space:nowrap;



	padding: 0 20px;



	font-size: 14px;



	line-height: 55px;



	margin: 0 5px;



	border-bottom: #efefef dashed 1px;



	position: relative;



}



#head_144 .navList .levalList li a{



	color: #666666;



	position: relative;



	display: block;



}



#head_144 .navList .levalList li a::before{



	position: absolute;



	top: 0;



	left: 0;



	line-height: 55px;



	height: 55px;



	overflow: hidden;



	max-width: 0;



	color: #b8060b;



	word-break: keep-all;



	content: attr(data-hover);



	-webkit-transition: max-width 0.5s;



	-moz-transition: max-width 0.5s;



	transition: max-width 0.5s;



}



#head_144 .navList .levalList li:hover a::before,



#head_144 .navList .levalList li:focus a::before{



	max-width: 100%;







}



#head_144 .navBtn{



	display: none;



	width: 70px;



	height:50px;



	float: right;



	cursor: pointer;



	position: relative;



}



#head_144 .navBtn .span_0{



    position: absolute;



    width: 30px;



	right: 0;



	background: #262626;



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



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



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



    font-weight: 500;   



	cursor: pointer;



	font-weight: bold;



	display: block;



	line-height:40px;



}


#head_144 .menu-title a{


    font-size:16px;



    color: #000000;



    font-weight: 500;   



	cursor: pointer;



	font-weight: bold;



	display: block;



	line-height:40px;

	

	width: 100px;



}




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



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



	background-size: auto 10px;



}



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



	color: #b8060b;



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



	position: relative;



}



#bananer_144 #pcBana{



	display: block;



}



#bananer_144 #wapBana{



	display: none;



}



#bananer_144 .bannerSwiper{



	width: 100%;



	height: 100%;



	overflow: hidden;



	position: relative;



}



#bananer_144 .swiper-pagination{



	bottom: 30px;



	width: auto;



	left:50%;



	transform: translateX(-50%);



}



#bananer_144 .banaItem{



	width: 100%;



	height: 100%;



	position: relative;



}



#bananer_144 .videoCon{



	width: 100%;



	height: 100%;



	object-fit: cover;



}



#bananer_144 .banaItem .imgItem{



	width: 100%;



	height: 100%;



	object-fit: cover;



	animation: bigimgani 6000ms infinite ease-out;



}



@keyframes bigimgani {



	0% {



		transform: scale(1.1);



	}



	100% {



		transform: scale(1);



	}



}



#bananer_144 .swiper-pagination-bullet{



	width: 50px;



	height: 7px;



	background: #ffffff;



	border-radius: 0;



	opacity: .44;



	margin: 0 5px;



}



#bananer_144 .swiper-pagination-bullet-active{



	background: #ffffff;



	opacity: 1;



}



#bananer_144 .text {



	position: absolute;



	width: 900px;



	top: 50%;



	left: 6%;



	z-index: 999;



	color: #ffffff;



	transform: translateY(-50%);



}



#bananer_144 .text .title-3 {



	font-size: 100px;



	/* font-weight: bold; */



	transform: translateY(200px);



	opacity: 0;



	transition: all 0.2s;



	color: #ffffff;



	letter-spacing: 5px;



	line-height: 120px;



}



#bananer_144 .text .title-1 {



	font-size: 80px;



	/* font-weight: bold; */



	transform: translateY(200px);



	opacity: 0;



	transition: all 0.6s;



	color: #ffffff;



	line-height: 100px;



	letter-spacing: 5px;



	font-family: '黑体';



}







#bananer_144 .text .title-2 {



	font-size: 24px;



	padding-top: 20px;



	transform: translateY(200px);



	opacity: 0;



	transition: all 1s;



	color: #ffffff;



	letter-spacing: 8px;



	font-family: Arial, Helvetica, sans-serif;



}







#bananer_144 .text .viewmore-3 {



	margin-top: 60px;



	transform: translateY(200px);



	opacity: 0;



	transition: all 1.4s;



	overflow: hidden;



	



}







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



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



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



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



	transform: translateY(0px);



	opacity: 1;



}



/* #bananer_144 .click .img {



	animation: bigimgani 5000ms infinite ease-out;



} */



#bananer_144 .text {



	left: 50%;



	margin-left: -450px;



	text-align: center;



}



#bananer_144 .viewmore-3 {



	width: 215px;



	display: block;



	margin: 0;



	cursor: pointer;



	margin: 60px auto auto;



	position: relative;



	height: 50px;



	



}







#bananer_144 .viewmore-3 p{



	display: block;



	color: #fff;



	text-align: center;



	height: 50px;



	line-height: 50px;



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



}



#bananer_144 .viewmore-3 p:hover {



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



}







#bananer_144 .viewmore-3 .inner{



	position:absolute;



	top:0;



	left:0;



	width:100%;



	height:100%;



	display: block;



	overflow: hidden;



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



}



#bananer_144 .viewmore-3:before,



#bananer_144 .viewmore-3:after,



#bananer_144 .viewmore-3 .inner:before,



#bananer_144 .viewmore-3 .inner:after{



	background:#ffffff;



}



#bananer_144 .viewmore-3:before,



#bananer_144 .viewmore-3:after,



#bananer_144 .viewmore-3 .inner:before,



#bananer_144 .viewmore-3 .inner:after{



	position:absolute;



	content:"";



	display:block;



	-webkit-transition:all 0.3s;



	transition:all 0.3s;



}



#bananer_144 .viewmore-3:before,



#bananer_144 .viewmore-3:after{



	left:1px;



	width:calc(100% - 2px);



	height:1px;



	-webkit-transform:scaleX(0);



	transform:scaleX(0);



}



#bananer_144 .viewmore-3 .inner:before,



#bananer_144 .viewmore-3 .inner:after{



	top:0;



	width:1px;



	height:100%;



	-webkit-transform:scaleY(0);



	transform:scaleY(0);



}







#bananer_144 .viewmore-3 .inner:before{



	left:0;



}



#bananer_144 .viewmore-3 .inner:after{



	right:0;



}



#bananer_144 .viewmore-3 .inner:hover:before,



#bananer_144 .viewmore-3 .inner:hover:after{



	-webkit-transform:scaleY(1);



	transform:scaleY(1);



}







#bananer_144 .viewmore-3:before{top:0;}



#bananer_144 .viewmore-3:after{bottom:0;}



#bananer_144 .viewmore-3:hover:before,



#bananer_144 .viewmore-3:hover:after{



	-webkit-transform:scaleX(1);



	transform:scaleX(1);



}



#bananer_144 .viewmore-3:hover .inner:before,



#bananer_144 .viewmore-3:hover .inner:after{



	-webkit-transform:scaleY(1);



	transform:scaleY(1);



}



#bananer_144 .viewmore-3 .inner:before{



	-webkit-transform-origin:top center;



	transform-origin:top center;



}



#bananer_144 .viewmore-3 .inner:after{



	-webkit-transform-origin:bottom center;



	transform-origin:bottom center;



}



#bananer_144 .viewmore-3:before{



	-webkit-transform-origin:right center;



	transform-origin:right center;



}



#bananer_144 .viewmore-3:after{



	-webkit-transform-origin:left center;



	transform-origin:left center;



}



#bananer_144 .viewmore-3:hover .inner:before{



	-webkit-transform-origin:bottom center;



	transform-origin:bottom center;



}



#bananer_144 .viewmore-3:hover .inner:after{



	-webkit-transform-origin:top center;



	transform-origin:top center;



}



#bananer_144 .viewmore-3:hover:before{



	-webkit-transform-origin:left center;



	transform-origin:left center;



}



#bananer_144 .viewmore-3:hover:after{



	-webkit-transform-origin:right center;



	transform-origin:right center;



}











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



	#head_144 .navList{



		width: 100%;



	}



	#head_144 .header{



		width: 100%;



		padding: 0 20px;



		position: relative;



	}



}



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



	#head_144 .serchBox{



		display: none;



	}



	#head_144 .headnav{



		display: none;



	}



	#head_144 .navBtn{



		display: block;



	}



	#head_144 .header{



		height: 50px;



	}



	#bananer_144 #pcBana{



		display: none;



	}



	#bananer_144 #wapBana{



		display: block;



	}



	#bananer_144 .text .title-3{



		font-size: 24px;



		line-height: 40px;



	}



	#bananer_144 .text .title-1{



		font-size: 20px;



		line-height: 40px;



	}



	#bananer_144 .text .title-2{



		font-size: 14px;



		line-height: 30px;



		letter-spacing: 0;



		padding-top: 0;



	}



	#bananer_144 .text .viewmore-3{



		width: 160px;



		margin: 20px auto auto;



	}



	#bananer_144 .viewmore-3{



		padding: 15px 0;



	}



}