/*头部*/



/*$$



{"color":[{"val":"#980000","title":"电话号码/搜索框栏目/移动端二级导航文字颜色"},



{"val":"#333333","title":"输入框默认文字颜色"},



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



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



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



{"val":"#666666","title":"鼠标滑过二级导航文字颜色"}],



"background":[{"val":"#ffffff","title":"默认背景颜色"},



{"val":"rgba(152,0,0,.91)","title":"搜索栏目背景颜色"},



{"val":"#880202","title":"搜索栏目鼠标滑过背景颜色"},



{"val":"rgba(255,255,255,.83)","title":"二级栏目背景颜色"},



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



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



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



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



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



$$*/







#head_144{



	width: 100%;



	height: 120px;



	background: #ffffff;



}



#head_144 .header{



	width: 1200px;



	margin: 0 auto;



	height: 100%;



	position: relative;



}



#head_144 .logo{



	width: 28%;



	height: 100%;



	padding-top: 20px;



	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;



	padding-top: 30px;



	width: 72%;



}



#head_144 .headpc .headtop{



	width:auto;



	float: right;



}



#head_144 .headpc .tell{



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



	background-size: 22px auto;



	padding-left:30px;



	font-size: 20px;



	font-weight: 600;



	color: #980000;



	line-height: 35px;



	float: left;



	margin-right: 25px;



}



#head_144 .serchBox{



	border:#e5e5e5 solid 1px;



	width: 230px;



	height: 30px;



	float: left;



	border-radius: 20px;



	padding:0 40px 0 15px;



	position: relative;



	margin-right: 20px;



}



#head_144 .serchBox .serBtn{



	position: absolute;



	right:0;



	top:0;



	width: 40px;



	height: 100%;



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



	background-size: 18px auto;



}



#head_144 .inputser{



	width: 90px;



	float: left;



	background: none;



	height: 30px;



	line-height: 30px;



	font-size: 12px;



	color: #333333;



	display: block;



}



#head_144 .serkey{



	width: 80px;



	color: #980000;



	font-size: 12px;



	position: relative;



	line-height: 28px;



	display: inline-block;



	cursor: pointer;



	padding-right: 10px;



	text-align: center;



	height: 28px;



}



#head_144 .serkey::after{



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



	background-size: 10px auto;



	content: '';



	position: absolute;



	right:5px;



	top:0;



	width: 10px;



	height: 100%;



}



#head_144 .serkey.click::after{



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



	background-size: 10px auto;



}



#head_144 .serList{



	width: 80px;



	height: auto;



	background:rgba(152,0,0,.91);



	position: absolute;



	right: 40px;



	top: 30px;



	display: none;



	z-index: 999;



}



#head_144 .serList li{



	width: 100%;



	height: 30px;



	text-align: center;



	line-height: 30px;



	color: #ffffff;



	cursor: pointer;



}



#head_144 .serList li:hover{



	background: #880202;



}



#head_144 .headnav{



	width: 100%;



	display: flex;



	line-height: 45px;



	padding-top: 10px;



}



#head_144 .headnav .tit{



	flex: 1;



	text-align: center;



	padding: 0 10px;



	cursor: pointer;



	position: relative;



}



#head_144 .headnav .tit .titnav{



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



	background-size: 11px 5px;



	display: inline-block;



	padding-right: 16px;



	position: relative;



	z-index: 1;



	color: #000000;



	font-size: 16px;



}



#head_144 .headnav .tit::after{



	content: '';



	position: absolute;



	left:0;



	height: 100%;



	width: 0;



	transition: all .3s;



	background: #880202;



}



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



	width: 100%;



}



#head_144 .headnav .tit:hover .titnav{



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



	background-size: 11px 5px;



	color: #ffffff;



}



#head_144 .tit:hover .second,



#head_144 .tit:hover .three{



	display: block;



}



#head_144 .second{



	position: absolute;



	width: auto;



	min-height: 345px;



	height: auto;



	overflow-y: auto;



	zoom: 1;



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



	top:45px;



	left:50%;



	transform: translateX(-50%);



	z-index: 100;



	display: none;



	transition: all .3s; 



	white-space: nowrap;



	padding-right: 400px;



	



}



#head_144 .three{



	position: absolute;



	width: 590px;



	height: 345px;



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



	top:45px;



	left:50%;



	transform: translateX(-50%);



	z-index: 100;



	display: none;



	transition: all .3s; 



}



#head_144 .titList{



	width: auto;



	padding: 40px 25px;



	height: 100%;



	float: left;



	white-space: nowrap;



	display: grid;



	grid-template-columns: repeat(2, 1fr);



}



#head_144 .three .titList{



	width: 200px;



}



#head_144 .titList .level{



	width: auto;



	float: left;



	font-size: 14px;



	color: #000000;



	margin-bottom: 10px;



	min-width: 100px;



	margin: 0 20px;



}







#head_144 .three .titList .level{



	width: 100%;



} 



#head_144 .titList .level .levelname{



	padding-right: 15px;



	border-bottom:#dddddd solid 1px;



	display: inline-block;



	color: #000000;



	float: left;



}



#head_144 .titList .level .leveltit{



	width: 100%;



	color: #666666;



	display: block;



	text-align: left;



	float: left;



	line-height: 36px;



	text-indent: 10px;



}



#head_144 .titList .levelname:hover,



#head_144 .titList .leveltit:hover{



	color: #980000;



}



#head_144 .titCon{



	width: 400px;



	float: left;



	padding: 40px 50px;



	position: absolute;



	right: 0;



	top:0;



	border-left: #dddddd solid 1px;



}



#head_144 .three .titCon{



	width: 390px;



}



#head_144 .titCon .imgT{



	width: 100%;



	height: 180px;



	overflow: hidden;



}



#head_144 .titCon .imgT img{



	width: 100%;



	height: 100%;



	object-fit: cover;



	transition: all .3s;



}



#head_144 .titCon .imgT:hover img{



	transform: scale(1.1);



}



#head_144 .titCon .contents{



	font-size: 14px;



	line-height: 24px;



	overflow: hidden;



	text-overflow: ellipsis;



	display: -webkit-box;



	-webkit-box-orient: vertical;



	-webkit-line-clamp: 3;



	max-height: 72px;



	width: 100%;



	margin-top: 15px;



}



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



	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-item.up .menu-title{



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



	background-size: auto 10px;



}



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



	color: #980000;



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



	height: auto;



}



#bananer_144 .bannerSwiper{



	width: 100%;



	height: 100%;

	overflow: hidden;



}



#bananer_144 .banaItem{



	width: 100%;



	height: 100%;



	position: relative;



}



#bananer_144 .banaItem .imgItem{



	width: 100%;



	height: 100%;



	object-fit: cover;



	animation: bigimgani 5000ms infinite ease-out;



}



@keyframes bigimgani {



	0% {



		transform: scale(1);



	}



	100% {



		transform: scale(1.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: 100px;



	height: 100px;



	overflow: hidden;



	text-overflow:ellipsis;



	white-space: nowrap;



	text-align: center;



	font-size: 56px;



	display: block;



	color: #ffffff;



	text-shadow:-1px -1px 1px #000;



	letter-spacing: 5px;



	transform: translateY(200px);



	opacity: 0;



	transition: all 0.2s;



}



#bananer_144 .textBox .btnList{



	width: 100%;



	text-align: center;



	display: flex;



	align-items: center;



	justify-content: center;



	color: #ffffff;



	height: 60px;



	line-height: 60px;



	font-size: 24px;



	transform: translateY(200px);



	opacity: 0;



	transition: all 0.5s;



}



#bananer_144 .textBox .btnList img{



	margin-right: 10px;



}



#bananer_144 .textBox .btnList .name{



	margin-right: 70px;



}



#bananer_144 .textBox .btnList .name:last-child{



	margin-right: 0;



}



#bananer_144 .textBox .tit-2{



	font-size: 40px;



	color: #ffffff;



	height: 60px;



	line-height: 60px;



	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 .btnpage{



	width: 100%;



	display: flex;



	justify-content: center;



	padding-top: 40px;



	transform: translateY(200px);



	opacity: 0;



	transition: all 1.3s;



}



#bananer_144 .textBox .btnpage .btns{



	width: 165px;



	height: 35px;



	background: #ffffff;



	border-radius: 20px;



	text-align: center;



	line-height: 35px;



	font-size: 20px;



	color: #000000;



	display: inline-block;



	margin: 0 15px;



	cursor: pointer;



	transition: all 0.6s;



	position:relative; 



	overflow: hidden;



}



#bananer_144 .textBox .btnpage .btns:hover{



	color: #ffffff;



	background: #980000;



}



#bananer_144 .textBox .btnpage .btns:hover span{



	color: #ffffff;



}



#bananer_144 .textBox .btnpage .btns .btnbg-x{  



	position:absolute; 



	background: #980000; 



	left:50%; 



	width:0; 



	top:0px; 



	bottom:0px; 



	transition: all 0.5s;



}



#bananer_144 .textBox .btnpage .btns:hover .btnbg-x{ 



	width:100%; 



	left:0px; 



}



#bananer_144 .textBox .btnpage .btns span{ 



	position:relative; 



	z-index:1;



}



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



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



#bananer_144 .swiper-slide-active .btnList,



#bananer_144 .swiper-slide-active .btnpage{



	transform: translateY(0px);



	opacity: 1;



}



#bananer_144 .swiper-pagination-bullet{



	width: 72px;



	height: 3px;



	background: #ffffff;



	border-radius: 0;



	opacity: 1;



}



#bananer_144 .swiper-pagination-bullet-active{



	background: #980000;



}



#bananer_144 #pcBana{



	display: block;



}



#bananer_144 #wapBana{



	display: none;



}



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



	#head_144 .header{



		width: 100%;



		position: relative;



	}



	#head_144 .logo{



		padding-left: 20px;



		position: absolute;



		left:0;



		padding-top: 0;



		height: 80px;



	}



	#head_144 .headnav .tit{



		margin: 0 10px;



	}



	#head_144 .headpc{



		width: 100%;



	}



}



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



	#head_144 .headpc{



		display: none;



	}



	#head_144{



		position: fixed;



		left:0;



		top:0;



		z-index: 99;



	}



	#head_144{



		height: 50px;



	}



	#head_144 .logo{



		padding-top: 0;



		height: 100%;



		/* width: 60%; */



	}



	#head_144 .navBtn{



		display: block;



	}



	#bananer_144 .textBox .tit-1{



		font-size: 24px;

		line-height: 40px;

		height: 100px;

		white-space:unset;



	}



	#bananer_144 .textBox .btnList{



		font-size: 14px;



		line-height: 30px;



		height: 30px;



	}



	#bananer_144 .textBox .btnList .name{



		margin-right: 20px;



	}



	#bananer_144 .textBox .tit-2{



		font-size: 28px;



		line-height: 50px;



		height: 50px;



	}



	#bananer_144 .textBox .btnpage{



		padding-top: 20px;



	}



	#bananer_144 .textBox .btnpage .btns{



		font-size: 14px;



		width: 120px;



		height: 28px;



		line-height: 28px;



	}



	#bananer_144{



		margin-top: 50px;



	}



	#bananer_144 #pcBana{



		display: none;



	}



	#bananer_144 #wapBana{



		display: block;



	}



}