/*头部*/

/*$$

{"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: 0px;

	min-height: 345px;

	height: auto;

	overflow-y: auto;

	zoom: 1;

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

	top:45px;

	left:50%;

	transform: translateX(-50%);

	z-index: 10000;

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

	float: left;
	font-weight:bold;

}

#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:45%;

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

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

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

		height: 60px;
		

	}

	#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: 16px;

		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;

	}

}