/* CSS Document */


/* CSS reset */
html, body, iframe,
h1, h2, h3, h4, h5, h6, p, 
ol, ul, dl, dd, 
input, button, textarea, th, td, form {
	margin:0;
	padding:0;
}
body {
	font:12px/1.5 'Microsoft YaHei',Helvetica,Arial,sans-serif;
}
ol, ul {
	list-style:none;
}
a {
	text-decoration:none;
}
textarea {
	resize:none;
}
a, a:active, a:focus {
	outline:none;
}
img {
	border:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
/* ?????? */
.fl {
	float:left;
}
.fr {
	float:right;
}
h1{
	padding:0px;
	margin:0px;
}
ul{
	padding:0px;
	margin:0px;
	list-style:0px none;
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	clear:both;
}
.clearfix {
	*zoom:1;
}
.layout {
	width:990px;
	margin:0 auto;
}

/**global background**/
.footMenu, .footShare, .gMenu ul, .footer .leftBg, .footer .rightBg {
	background: url(https://www.hlfilters.com/english/Templates/cn2014/images/global_repeat.png) repeat-x;
}
.headSearch .txt, .headSearch .btn, .footer .gap, .gMenu .cur, .footMenu dl, .footShare .attention .icon, .footShare .attention .btn {
	background: url(https://www.hlfilters.com/english/Templates/cn2014/images/global_sprite.png) no-repeat;
}
/**header**/
.wrapHeader {
	position: absolute;
	z-index: 1001;
	width: 100%;
	top: 0px;
	background:url(../images/top_bg.jpg) repeat-x center bottom;
	background-color:#fff;
	left: 0;
}
.fixedHeader {
	position: fixed;
	left: 0;
	top: 0;
}
* html,* html body /* ????IE6??bug */{background-image:url(about:blank);background-attachment:fixed;}
* html .fixedHeader /* IE6 ?????? */{position:absolute;bottom:auto;top:expression(eval (document.documentElement.scrollTop>35 ? document.documentElement.scrollTop : 35));}
.wrapHeader .headerBottom {
	position: relative;
	z-index: 1000;
	width: 100%;
	height: 0px;
	overflow: hidden;
	background: url(https://www.hlfilters.com/english/Templates/cn2014/images/global_repeat.png) repeat-x 0 -424px;
}
.header {
	position: relative;
	width: 960px;	
	margin: 0 auto;
}
.header .logo {
	float: left;
	width: 300px;
	height: 42px;
	overflow: hidden;
	padding: 14px 4px 4px 0px;
}
.header .logo a {
	display: block;
	width: 300px;
	height: 42px;
	background: url(../images/logo.png) no-repeat;
}
.headNav {
	float: right;
	background:url(../images/headNav_line.jpg) no-repeat top right;
	font-size: 15px;
	line-height: 42px;
}
.headNav li {
	float: left;
	background:url(../images/headNav_line.jpg) no-repeat left top;
}
.headNav .cur {
	background: url(https://www.hlfilters.com/english/Templates/cn2014/images/nav_cur.png) no-repeat center 9px;
}
.headNav .cur a {
	color: #00923f;
	background:url(../images/headNav_line.jpg) no-repeat left top;
	background-color:#fff;
}
.headNav #contactNav a:hover{
	background:url(../images/headNav_contactNavline.jpg) no-repeat center top;
	background-color:#fff;
}
.headNav a {
	float: left;
	height: 42px;
	padding: 14px 18px;
	color: #555;
	font-weight: bold;
}
.subNav {
	position: absolute;
	top: 100%;
	left: 50%;
	z-index: 99;
	width: 980px;
	margin: -5px 0 0 -490px;
}
.subNav .cont {
	display: none;
	width: 778px;
	height: 258px;
	margin-left: 205px;
	_margin-left: 204px;
	padding-top: 40px;
	background: url(../images/nav_bg.png) no-repeat right bottom;
}
.subNav .leftBar {
	float: left;
	width: 151px;
	padding-left: 40px;
	line-height: 22px;
}
.subNav .leftBar a {
	color: #5c5c5c;
	padding-left: 15px;
	background: url(../images/nav_menu.jpg) no-repeat 0 5px;
}
.subNav .leftBar a:hover {
	color: #00923f;
	background: url(../images/nav_menu_hover.jpg) no-repeat 0 5px;
}
.subNav .line {
	float: left;
	width: 1px;
	height: 190px;
	background: #ddd;
}
.subNav .rightBar {
	float: left;
	width: 540px;
	padding-left: 40px;
	overflow: hidden;
	color: #5c5c5c;
}
.subNav .rightBar .fld {
	float: left;
	width: 231px;
	margin-right: 38px;
	line-height: 20px;
}
.subNav .rightBar .fld img {
	display: block;
	width: 231px;
	height: 133px;
}
.subNav .rightBar .fld .txt {
	display: block;
	margin-top: 10px;
	color: #5c5c5c;
}
.subNav .rightBar .fld .txt:hover {
	color: #0126a5;
}
.subNav .rightBar .fld2 {
	float: left;
	width: 269px;
	overflow: hidden;
	line-height: 20px;
}
.subNav .rightBar .fld2 .left {
	float: left;
	width: 185px;
}
.subNav .rightBar .fld2 .left img {
	display: block;
	width: 185px;
	height: 109px;
}
.subNav .rightBar .fld2 .line {
	margin: 0 41px;
}
.subNav .rightBar .fld2 strong {
	display: block;
	height: 25px;
	padding-top: 20px;
}
.subNav .rightBar .fld2 strong {
	display: block;
}
.subNav .cont2 {
	display: none;
	width: 983px;
	height: 293px;
	background: url(../images/nav_bg.png) no-repeat right bottom;
}
.subNav .cont2 .title {
	float: left;
	width: 128px;
}
.subNav .cont2 .title a {
	display: block;
	height: 145px;
	overflow: hidden;
	background: #e8e8e8;
	color: #666;
	font-weight: bold;
	font-size: 18px;
	line-height: 148px;
	text-align: center;
}
.subNav .cont2 .title .cur a {
	display: block;
	height: 128px;
	border-bottom: 17px solid #7d191a;
	background: #711314;
	color: #fff;
}
.subNav .cont2 .list {
	float: left;
	width: 852px;
	height: 145px;
	background: url(https://www.hlfilters.com/english/Templates/cn2014/images/nav_car_bg.png) repeat-x left bottom;
	text-align: center;
}
.subNav .cont2 .last {
	background: none;
}
.subNav .cont2 .list li {
	float: left;
	width: 140px;
	height: 130px;
	margin-left: 23px;
	padding-top: 15px;
	_display: inline;
}
.subNav .cont2 .list a {
	color: #666;
}
.subNav .cont2 .list li:hover a {
	color: #0126a5;
}
.subNav .cont2 .list a:hover {
	color: #0126a5;
}
/**footer**/
.wrapFooter {
	position: relative;
	z-index: 100;
	width: 100%;
	overflow: hidden;
	margin-top: -12px;
}
.footer 1{
	position: relative;
	width: 980px;
	height: 253px;
	margin: 0 auto;
}
.footer1 .leftBg1, .footer1 .rightBg1 {
	position: absolute;
	top: 0;
	width: 10000px;
	height: 253px;
	background-position: 0 -20px;
}
.footer1 .leftBg1{
	left: -10000px;
}
.footer1 .rightBg1 {
	right: -9980px;
}
.footMenu1 {
	float: left;
	width: 725px;
	height: 220px;
	overflow: hidden;
	padding: 25px 0 8px;
	background-position: 0 -20px;
	color: #666;
}
.footMenu dl {
	float: left;
	width: 90px;
	height: 220px;
	padding-left: 30px;
	background-position: -312px -120px;
}
.footMenu .first {
	background: none;
}
.footMenu dt {
	height: 30px;
	font-size: 14px;
}
.footMenu dd {
	line-height: 20px;
}
.footMenu a {
	color: #999;
}
.footMenu dt a {
	color: #666;
}
.footMenu a:hover {
	text-decoration: underline;
}
.footer .gap {
	float: left;
	width: 22px;
	height: 253px;
	background-position: 0 -60px;
}
.footShare {
	float: left;
	width: 210px;
	height: 220px;
	overflow: hidden;
	padding: 25px 0 8px 17px;
	background-position: 0 -20px;
}
.footShare .share {
	height: 91px;
}
.footShare strong {
	display: block;
	height: 30px;
	color: #666;
	font-size: 14px;
}
.footShare .attention .icon {
	float: left;
	width: 62px;
	height: 61px;
	background-position: -40px -60px;
}
.footShare .attention .txt {
	float: left;
	padding: 0 5px 0 0;
	color: #02103f;
	font-weight: bold;
	font-size: 14px;
}
.footShare .attention .btn {
	display: block;
	width: 63px;
	height: 24px;
	overflow: hidden;
	margin-top: 5px;
	background-position: -120px -60px;
	text-indent: -9999px;
}
.wrapFootBottom {
	height: 40px;
	background: #202020;
}
.footBottom {
	width: 980px;
	margin: 0 auto;
	color: #9a9a9a;
	line-height: 40px;
}
.footBottom ul {
	float: left;
	margin: 14px 8px 0 0;
}
.footBottom li {
	float: left;
	height: 12px;
	padding: 0 11px;
	border-right: 1px dotted #4d4d4d;
}
.footBottom .last {
	border: none;
}
.footBottom a {
	color: #9a9a9a;
}
.footBottom ul a {
	float: left;
	margin: -14px 0;
}
.footBottom a:hover {
	color: #9a9a9a;
	text-decoration: underline; 
}
.footBottom .copy {
	float: right;
}
/**??????**/
.gWrapCont {
	background: url(https://www.hlfilters.com/english/Templates/cn2014/images/global_cont_bg.jpg) no-repeat center top;
}
.gCurMenu, .gCont {
	width: 980px;
	margin: 0 auto;
}
.gCurMenu {
	height: 54px;
	padding-top: 50px;
	color: #3b3b3b;
	font-size: 20px;
}
.gCont {
	margin: 18px auto 72px;
	background: #fff;
}
/**??????**/
.gMenu {
	width: 980px;
	margin: 0 auto;
}
.gMenu ul {
	float: left;
	height: 54px;
	font-weight: bold;
	line-height: 50px;
	text-align: center;
	background-position: 0 50px;
}
.gMenu li {
	float: left;
	width: 94px;
	height: 50px;
	background-color: #fff;
	border-left: 1px solid #f5f6f6;
	border-right: 1px solid #dde0e1;
}
.gMenu a {
	display: block;
	height: 50px;
	color: #626262;
}
.gMenu .cur {
	width: 96px;
	height: 55px;
	border: none;
	background: url(https://www.hlfilters.com/english/Templates/cn2014/images/global_menu_cur.png) no-repeat center top;
}
.gMenu .cur a {
	color: #fff;
}
/**scrollBar**/
.txtScroll {
	position: relative;
}
.scrollContBox {
	position: relative;
	overflow: hidden;
}
.scrollCont {
	position: absolute;
	left: 0;
}
.scrollBar {
	position: absolute;
	right: 0;
	top: 0;
	width: 1px;
	height: 100%;
	background: #dfdfdf;
}
.scrollBar .btn {
	display: block;
	position: absolute;
	left: -2px;
	width: 5px;
	height: 30px;
	background: #710503;
	cursor: pointer;
}
.chromeOnselectstart{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;}


/* ????? */
.clear{ clear:both;}
.dealerMap { position:relative; overflow:hidden; height:504px;}
.mapTl { width:100%; height:51px; background:url(https://www.hlfilters.com/english/Templates/cn2014/images/bg/shopCarMapTl_1x51.jpg) repeat-x; border-bottom:1px solid #dfdfdf; border-top:2px solid #dfdfdf}
.mapTl select { width:80px; }
.mapBox { width:922px; height:448px; border:1px solid #dfdfdf}
.addrBox { height:421px; width:199px; position:absolute; right:13px; top:67px; background:#fff; -moz-opacity:0.95; filter:alpha(opacity=95); opacity:0.95; border-right:3px solid #b9b9b9; border-left:3px solid #b9b9b9}
.mapControlBtn{ width:27px; height:27px; position:absolute; background:url(https://www.hlfilters.com/english/Templates/cn2014/images/bg/mapControlBtn-show_27x27.gif) no-repeat;  left:423px; top:70px; cursor:pointer; z-index:55; }
.dealerMap .on{ background:url(https://www.hlfilters.com/english/Templates/cn2014/images/bg/mapControlBtn_27x27.gif) no-repeat; }
.dealerMap .mapTlStyle { }
.dealerMap .DorsettStyle, .dealerMap .GleagleStyle, .dealerMap .BritishStyle {  font-weight:bold; color:#0067b2; font-size:14px;  font-family:"????"; } 
.dealerMap .DorsettStyle { padding-left:40px; width:190px; background:url(https://www.hlfilters.com/english/Templates/cn2014/images/sign01_32x21.jpg) no-repeat 0 2px }
.dealerMap .GleagleStyle { padding:33px; width:197px; background:url(https://www.hlfilters.com/english/Templates/cn2014/images/sign02_25x21.jpg) no-repeat 0 1px }
.dealerMap .BritishStyle { padding-left:29px; width:201px; background:url(https://www.hlfilters.com/english/Templates/cn2014/images/sign03_21x21.jpg) no-repeat 0 1px }

.dealerMap .contF { width:236px;}
.dealerMap .contF .mapBtn { margin-top:9px;}
.dealerMap .contF .mapBtn li { float:left; margin-right:4px;}
.dealerMap .contF .mapBtn li a { display:block; text-align:center; line-height:23px; color:#fff;}
.dealerMap .contF .mapBtn .btn_01 { width:68px; height:25px; background:url(https://www.hlfilters.com/english/Templates/cn2014/images/bg/mapBtn_68x25.jpg) no-repeat}
.dealerMap .contF .mapBtn .btn_01 a { width:66px; height:23px; }
.dealerMap .contF .mapBtn .btn_02 { width:88px; height:25px; background:url(https://www.hlfilters.com/english/Templates/cn2014/images/bg/mapBtn01_88x25.jpg) no-repeat}
.dealerMap .contF .mapBtn .btn_02  a { width:88px; height:25px; } 

.leftCarModels { padding-top:13px; padding-left:15px;}
.leftCarModels li { float:left; line-height:24px; margin-right:15px;  }
.leftCarModels li select { width:100px; }
.leftCarModels li .selectBox { width:109px; height:22px; border:1px solid #c5c9cd; background:url(https://www.hlfilters.com/english/Templates/cn2014/images/bg/selectBg_1x22.jpg) repeat-x 0 0; cursor:pointer;}
.selectBox .selectBg-left { width:9px; height:22px; background:url(https://www.hlfilters.com/english/Templates/cn2014/images/bg/selectBg-left_9x22.jpg) no-repeat 0 0;}
.selectBox .selectBg { height:22px; width:79px; }
.selectBox .selectBtn { width:17px; height:18px; margin:2px; background:url(https://www.hlfilters.com/english/Templates/cn2014/images/bg/selectBtn_17x18.jpg) no-repeat; }
.cityBox { padding-top:13px; padding-right:15px;}

.mapMsgBox { width:178px; height:365px; margin:0 auto; overflow:hidden; position:relative;  }
.mapMsgBox ul { width:178px; position:absolute; top:0;  }
.mapMsgBox li { border-bottom:1px solid #dfe0e1; cursor:pointer;}
.mapMsgBox li .contF { width:141px; padding:6px 5px; margin-left:25px;  word-break:break-all;word-wrap :break-word; }
.mapMsgBox li .contF h4, .mapMsgBox li .contF p { margin:0; padding:0; font-size:12px;  font-family:"????"; line-height:18px; }
.mapMsgBox li .contF h4 {font-weight:bold; color:#2a2a2a;  }
.mapMsgBox .msgSignBox { width:auto; height:auto;}
.mapMsgBox .msgSign { background:url(https://www.hlfilters.com/english/Templates/cn2014/images/bg/mapSign_19x28.gif) no-repeat 0 8px;}
.addrBox .mapTopBtn, .addrBox .mapBottBtn { display:block; width:199px; height:28px; background:url(https://www.hlfilters.com/english/Templates/cn2014/images/bg/mapScrollBtn.jpg) no-repeat;}
.addrBox .mapTopBtn { background-position:0 0;}
.addrBox .mapBottBtn { background-position:0 -28px;}

input.bg,textarea.bg,select.bg{ background:#eee;}

.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}