/* top start*/
body,td,th {
	font-size: 14px;
}

img, div { behavior: url(/images/iepng/iepngfix.htc); }

body, div, p,img,dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote {
	padding:0px;
	margin:0px;
}
.FontRed{
	color:#FF0000;}
h3{
	font-size:14px;}

li{
	list-style-type:none;}

img{border:0; 
	}
.gray{
color:#000;}
a{color:#000;text-decoration:none;}
a:hover {text-decoration:underline;color:#c31133;}
a:active{text-decoration:underline;color:#c31133;}

.LineLink a{text-decoration:underline;}
.LineLink a:hover {text-decoration:none;color:#c31133;}

.ColorLink a {
font-size:16px;
font-weight: bold;
color:#000;}
.ColorLink a:hover {
font-size:16px;
font-weight: bold;
color:#c30d23;}

.WidthTab{
	width:10px;
	height:1px;
	float:left;}
.WidthTab2{
	width:10px;
	height:1px;
	float:left;}	
.HeightTab{
	height:10px;
	width:1px;
	overflow:hidden;}

p{
	line-height:180%;}

.ListDate{
	color:#666666;
	 }
.img {
  border-radius: 10px; /* 圆角大小 */
  border: 1px solid #c9d4e5; /* 边框宽度和颜色 */
  padding: 2px; /* 可选：图片与边框的间距 */
}

.container {
  width: 100%;
}
.box {
  color: fff;
  font-weight: bold;
}

.left { 

font-size: 18px; /* 恢复字体大小 */
padding: 20px 20px;
 }

.right { 

color: #000; 
font-weight: bold; 
padding: 20px 20px;
vertical-align: left; }



/* 方案 1：Flexbox */
.flex-container {
  display: flex;
  gap: 10px;
}
.flex-left { 
width: 20%; 
color: #fff;
font-weight: bold;
font-size: 18px; /* 恢复字体大小 */
padding: 30px 20px;
background-color: #c60c21;
text-align: center;  /* 实现水平居中 */
align-items: center;}

.flex-right { 
width: calc(80% - 10px);
font-weight: bold;
font-size: 18px; /* 恢复字体大小 */
padding: 20px 20px;
color: #000;
text-align: left;  /* 实现水平居中 */
align-items: left; }

.flex-right a:hover { 
width: calc(80% - 10px);
font-weight: bold;
font-size: 18px; /* 恢复字体大小 */
color: #c60c21;
}

/* 方案 3：Grid */
.grid-container {
  display: grid;
  grid-template-columns: 20% calc(80% - 10px);
  gap: 10px;
}

.hero-ssectionn {
  height: 460px; /* 视口高度 */
  width: 100%;
  background-image: url('/images/beijing2.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center; /* 垂直居中内容 */
  justify-content: center; /* 水平居中内容 */
}


.div{
  background-color: #c91220;    /* 初始背景色为红色 */
 width: 180px;
font-size: 18px;
margin: 0 auto;
color: #ffffff; !important;         /* 文字颜色为白色 */
  padding: 10px;            /* 添加内边距，使内容更美观 */
  text-align: center;       /* 文字居中显示 */
  transition: background 0.3s; /* 添加过渡动画，使颜色变化更平滑 */
}

.div:hover {
color: #ffffff;!important;
  background-color: #353b45;  /* 鼠标悬停时背景色变为黑色 */
}

.btn {
    display: inline-block;
    width: 500px;
    padding: 10px 20px;
    margin: 5px;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    user-select: none;
    border: none;
    outline: none;
    color: #000000;
    background-color: #ffffff;
    border-radius: 5px;
}
.btn:hover { background-color: #f7dfe2; color: #d93c28;}
.btn:focus { box-shadow: 0 0 0 3px rgba(0,123,255,0.5); }
.btn:active { background-color: #004085; }
.btn[disabled] { opacity: 0.65; cursor: not-allowed; }

.btnn {
    display: inline-block;
    width: 250px;
    padding: 10px 20px;
    margin: 5px;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    user-select: none;
    border: none;
    outline: none;
    color: #fff;
    background-color: #c30d23;
    border-radius: 5px;
}
.btnn:hover { background-color: #000; color: #d93c28;}
.btnn:focus { box-shadow: 0 0 0 3px rgba(0,123,255,0.5); }
.btnn:active { background-color: #004085; }
.btnn[disabled] { opacity: 0.65; cursor: not-allowed; }


.center-text {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px; /* 你可以根据需要调整这个高度 */
}
.centeru-text {
  display: flex;
 width: 100%;
background-color: #f2f2f2; 
  justify-content: center;
  align-items: center;
  height: 500px; /* 你可以根据需要调整这个高度 */
}
.ncenter-text {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 780px; /* 你可以根据需要调整这个高度 */
padding-bottom:10px;

}
.mcenter-text {
  display: flex;
width: 100%;
  justify-content: center;
  align-items: center;
background:#000 url("") repeat-x center top;
  height: 60px; /* 你可以根据需要调整这个高度 */
}
.lcenter-text {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%; /* 你可以根据需要调整这个高度 */
}
.ccenter-text {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px; /* 你可以根据需要调整这个高度 */
padding-top:100px;
}
.zccenter-text {
width: 80%;
height: 820px; /* 你可以根据需要调整这个高度 */
padding-top:180px;
}
.zccenterr-text {
width: 60%;
height: 820px; /* 你可以根据需要调整这个高度 */
padding-top:30px;
}
.mccenter-text {
  display: flex;
width: 90%;
  justify-content: center;
  align-items: left;
  height: 60px; /* 你可以根据需要调整这个高度 */
padding-top:100px;
}
.centerr-text {
  display: flex;
width: 100%;
  justify-content: center;
  align-items: center;
  height: 100%; /* 你可以根据需要调整这个高度 */
}
.kccenter-text {
  display: flex;
  justify-content: center;
  align-items: center;
width: 90%; /* 你可以根据需要调整这个高度 */
  height: 880px; /* 你可以根据需要调整这个高度 */
padding-top:50px;
}
.kkccenter-text {
  display: flex;
  justify-content: center;
  align-items: center;

width: 90%; /* 你可以根据需要调整这个高度 */
  height: 460px; /* 你可以根据需要调整这个高度 */
padding-top:50px;
}

.gcenterr-text {
width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
background-image: url('/images/wmbeijing2.jpg');
background-position: center center; /* 居中显示 */
  height: 100%; /* 你可以根据需要调整这个高度 */
}
.kgcenterr-text {
width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;

background-position: center center; /* 居中显示 */
  height: 100%; /* 你可以根据需要调整这个高度 */
}
.gcenterrr-text {
width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
background-color: #faf8f2; 
  height: 100%; /* 你可以根据需要调整这个高度 */
}

.gcenterrrr-text {
padding:20px 60px;
}

.gggcenterr-text {
width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
background-image: url('/images/wmbeijing3.jpg');
background-position: center center; /* 居中显示 */
  height: 60px; /* 你可以根据需要调整这个高度 */
}


.fgggcenterr-text {
width:80%;
  display: flex;
  justify-content: center;
  align-items: center;
}



.ggcenterr-text {
width: 70%;
line-height:200%;
  height: 100%; /* 你可以根据需要调整这个高度 */
}


.bg-image {
background-image: url('/images/bg-tu.png');
height:16%;
background-size: cover; /* 或者使用 contain 或 100% 100%，根据你的需求选择 */
background-repeat: no-repeat; /* 通常会加上这个属性，避免图片重复显示 */
  }
@media (max-width: 768px) {
    bg-image {
        background-size: contain;
    }
}
@media (min-width: 769px) {
   bg-image {
        background-size: cover;
    }
}



.yw_tp {
width: 100%;
height: auto;
overflow: hidden;
}
.yw_tp img {
width: 100%;
transition: all 0.5s ease;
}
.yw_tp:hover img {
transform: scale(1.1);
transition: all 1s ease;
}
.div-dclass {
  width: 100px; /* 或者具体的宽度 */
  height: 80px; /* 或者具体的高度，100vh表示视窗的100%高度 */
  font-size: 18px; 
  color: #ffffff; 
 font-weight: bold;
 background-color: #c60c21;
 text-align: center;  /* 实现水平居中 */
 align-items: center;
}
.div-class {
  width: 100%; /* 或者具体的宽度 */
  height: 430px; /* 或者具体的高度，100vh表示视窗的100%高度 */
  background-image: url('/images/bg-tu2.jpg'); /* 你的图片URL */
  background-size: cover; /* 覆盖整个div区域 */
  background-position: center center; /* 居中显示 */
  background-repeat: no-repeat; /* 不重复 */
}
.div-classgg {
  width: 100%; /* 或者具体的宽度 */
  height: 430px; /* 或者具体的高度，100vh表示视窗的100%高度 */
  background-image: url('/images/bg-tu3.jpg'); /* 你的图片URL */
  background-size: cover; /* 覆盖整个div区域 */
  background-position: center center; /* 居中显示 */
  background-repeat: no-repeat; /* 不重复 */
}
.div-mclass {
  width: 100%; /* 或者具体的宽度 */
  height: 160px; /* 或者具体的高度，100vh表示视窗的100%高度 */

  background-image: url('/images/beijing3.jpg'); /* 你的图片URL */
  background-size: cover; /* 覆盖整个div区域 */
  background-position: center center; /* 居中显示 */
  background-repeat: no-repeat; /* 不重复 */
}
.div-aclass {
  width: 100%; /* 或者具体的宽度 */
  height: 360px; /* 或者具体的高度，100vh表示视窗的100%高度 */
  background-image: url('/images/chanpinbeijing.jpg'); /* 你的图片URL */
  background-size: cover; /* 覆盖整个div区域 */
  background-position: center center; /* 居中显示 */
  background-repeat: no-repeat; /* 不重复 */
}
.div-naclass {
  width: 100%; /* 或者具体的宽度 */
  height: 608px; /* 或者具体的高度，100vh表示视窗的100%高度 */
  background-image: url('/images/wmbeijing.jpg'); /* 你的图片URL */
  background-size: cover; /* 覆盖整个div区域 */
  background-position: center center; /* 居中显示 */
  background-repeat: no-repeat; /* 不重复 */
}
.div-nnaclass {
  display: grid;          /* 使用 Grid */
  place-items: center;    /* 同时实现水平和垂直居中 */
  width: 100%; /* 或者具体的宽度 */
  height: 825px; /* 或者具体的高度，100vh表示视窗的100%高度 */
  background-image: url('/images/beijing6.jpg'); /* 你的图片URL */
  background-size: cover; /* 覆盖整个div区域 */
  background-position: center center; /* 居中显示 */
  background-repeat: no-repeat; /* 不重复 */
}
.div-qnnaclass {
  display: grid;          /* 使用 Grid */
  place-items: center;    /* 同时实现水平和垂直居中 */
  width: 100%; /* 或者具体的宽度 */
  height: 755px; /* 或者具体的高度，100vh表示视窗的100%高度 */
  background-image: url('/images/shiyan1.jpg'); /* 你的图片URL */
  background-size: cover; /* 覆盖整个div区域 */
  background-position: center center; /* 居中显示 */
  background-repeat: no-repeat; /* 不重复 */
}
.div-aclasss {
  width: 100%; /* 或者具体的宽度 */
  height: 360px; /* 或者具体的高度，100vh表示视窗的100%高度 */
  background-image: url('/images/xinwenbeijing.jpg'); /* 你的图片URL */
  background-size: cover; /* 覆盖整个div区域 */
  background-position: center center; /* 居中显示 */
  background-repeat: no-repeat; /* 不重复 */
}
.div-baclasss {
  width: 100%; /* 或者具体的宽度 */
  height: 360px; /* 或者具体的高度，100vh表示视窗的100%高度 */
  background-image: url('/images/lianxiwm.jpg'); /* 你的图片URL */
  background-size: cover; /* 覆盖整个div区域 */
  background-position: center center; /* 居中显示 */
  background-repeat: no-repeat; /* 不重复 */
}
.div-bbaclasss {
  width: 100%; /* 或者具体的宽度 */
  height: 360px; /* 或者具体的高度，100vh表示视窗的100%高度 */
  background-image: url('/images/hualang.jpg'); /* 你的图片URL */
  background-size: cover; /* 覆盖整个div区域 */
  background-position: center center; /* 居中显示 */
  background-repeat: no-repeat; /* 不重复 */
}
.div-classs {
  width: 90%; /* 或者具体的宽度 */

  height: 94px; /* 或者具体的高度，100vh表示视窗的100%高度 */
  background-image: url('/images/bg-tu3.png'); /* 你的图片URL */
  background-size: cover; /* 覆盖整个div区域 */
  background-position: center center; /* 居中显示 */
  background-repeat: no-repeat; /* 不重复 */
}
.div-classss {
  width: 90%; /* 或者具体的宽度 */

  height: 120px;/* 或者具体的高度，100vh表示视窗的100%高度 */
  background-image: url(''); /* 你的图片URL */
  background-size: cover; /* 覆盖整个div区域 */
  background-position: center center; /* 居中显示 */
  background-repeat: no-repeat; /* 不重复 */
}

.text {
    color: #ffffff; /* 默认文字颜色 */
    font-size: 26px; /* 默认文字大小 */
  }
  .text:hover {
    color: red; /* 鼠标滑过时字体变为红色 */
    font-size: 26px; /* 鼠标滑过时字体大小变为20px */
text-decoration: none;
  }


.slider {
    overflow: hidden; /* 隐藏溢出的内容 */
    width: 100%; /* 根据需要设置宽度 */
}
 
.slide-track {
    display: flex; /* 使用flex布局 */
    transition: transform 0.5s ease; /* 平滑过渡效果 */
    width: calc(100% + 40px); /* 考虑到间距 */
}
 
.slide-item {
    flex: 0 0 auto; /* 不允许flex项目伸缩 */
    width: calc(50% - 20px); /* 每张图片宽度为容器的一半减去间距 */
    margin-right: 20px; /* 设置间距 */
}
 
.slide-item:last-child {
    margin-right: 0; /* 最后一个图片不设置右侧间距 */
}





body{
	font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif;
	background:#ffffff url("") repeat-x center top;}

#wrapper{
	width:100%;
	margin:auto;
	padding:0px 0px;}
	
#wrapper #head .top{
	border-top:2px solid #116ec3;
	width:100%;
	margin:auto;
	padding:0px 0px;
	font-size:12px;
	}	
#wrapper #head .top .TopInfo{
	margin:auto;
	width:100%;
	} 
#wrapper #head .top .TopInfo .link{
	text-align:center;
	line-height:23px;
	width:207px;
	float:right;
	color:#999999;}
#wrapper #head .top .TopInfo .link a{
	color:#116ec3;}	
#wrapper #head .top .TopLogo{
	margin:auto;
	width:80%;
	padding:0px 0px;
	}
#wrapper #head .top .TopLogo .logo{
	float:left;
	width:10%;
	padding:10px 0px;}

#wrapper #head .top .TopLogo .tel{
	float:right;
	width:70%;
	padding-top:30px;} 
#wrapper #head .top .TopLogo .tel .telW{
	padding-left:30px;
	padding-top:8px;
	color:#666;
	font-size:12px;}	
#wrapper #head .top .TopLogo .tel .telN{
	padding-left:30px;
	font-family:"Times New Roman", Times, serif;
	font-size:22px;
	color:#F90;
	line-height:100%;}


/* navs*/
#wrapper #head #NavLink{
	width:100%;
	height:45px;
               font-size:18px;
	color:#000000;
}
#wrapper #head  #NavLink .NavBG{
	height:45px;
	width:60%;
                text-align: left;
                font-size:18px;
	position:absolute;
	z-index:100;
	}	
		
#wrapper #head #NavLink #sddm{
	width:100%;
                font-size:18px;
	margin:auto;
	z-index:30}

#wrapper #head #NavLink #sddm li{
	float: left;
                font-size:18px;
	font-weight:bold;}
#wrapper #head #NavLink #sddm .CurrentLi a{
               font-size:18px;
	background:none;
	}	
#wrapper #head #NavLink #sddm li a
{	display: block;
	width: 120px;
	color: #000;
	text-align: center;
	padding:0 5px;
	line-height:45px;
	font-size:18px;
	}

#wrapper #head #NavLink #sddm li a:hover
{	text-decoration:none;
	font-size:18px;
	color:#000;
	}

#wrapper #head #NavLink #sddm div
{	position: absolute;
	visibility: hidden;
	padding:0px 0px;
	}

#wrapper #head #NavLink #sddm div a
	{	position: relative;
		padding: 0px 5px;
		text-align: center;
		color: #000;
		width:200px;
		font-size:18px;
		font-weight:normal;
		text-decoration:none;
		line-height:30px;
		border-top:1px solid #f2f2f2;
		background-color:#fff;}

#wrapper #head #NavLink #sddm div a:hover{
	background:#f2f2f2 url("") repeat-x center top;
	color:#c30d23;
	font-weight:bold;}

	
#wrapper #body{
	margin:auto;
	width:100%;
	padding:0px 10px;
	background-color:#FFF;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	}
	
#InnerFocus #FocusBG{
	height:0px;}

	
/* albumblock*/

 .albumblock{
	padding:10px 10px 30px 12px;
	float:left;
	}
 .albumblock .inner{
	width:170px;
	height:170px;
	position:relative;
	border:1px solid #dededc;
	overflow:hidden;
	margin:0}

.albumblock .inner img{
	border:2px solid #fff;
	width:166px;
	height:166px;	}	

 .albumblock .inner .albumtitle{
	height:25px;
	line-height:25px;
	font-size:12px;
	width:170px;
	background:#116ec3;
	position:relative;
	bottom:0px;
	left:0;
	color:#FFFFFF;
	font-weight:; 
	text-align:center;
	cursor:pointer;
	margin:auto;
	}
 .albumblock .inner .albumtitle span{
	font-weight:normal;
	font-size:12px;}	

 .albumblock .inner  a:hover{
	text-decoration:none;}
 .albumblock .inner  a:visited{
	text-decoration:none;}	
		
	

/*footer*/
#footer{
	border-top:2px solid #116ec3;
	width:100%;
	height:100%;
	margin:auto;
	padding-bottom:30px;
	font-size:11px;
	color:#666;
	background:#FFFFFF url("/images/HuiguCMSBlue/top_bg1.jpg") repeat-x left top;
	}
#footer a{
	color:#666;}										
#footer .inner{
	margin:auto;
	width:980px;
	padding-top:20px;
	text-align:center;}
#footer .inner p{
	line-height:25px;}

#wrapper  .t_page{
	padding:10px;
	text-align:center;
	font-size:12px;
	line-height:25px;
	
	}	
#wrapper  .t_page a{
	padding:2px 5px;
	border:1px solid #DEDEDC;
	margin:0px 3px;}	


/* date css*/		
 .header {font: 12px Arial, Tahoma !important;font-weight: bold !important;font: 11px Arial, Tahoma;font-weight: bold;color: #154BA0;background:#C2DEED;height: 25px;padding-left: 10px;
}
 .header td {padding-left: 10px;}
 .header a {color: #154BA0;}
 .header input {background:none;vertical-align: middle;height: 16px;}
 .category {font: 12px Arial, Tahoma !important;font: 11px Arial, Tahoma;color: #92A05A;height:20px;background-color: #FFFFD9;}
 .category td {border-bottom: 1px solid #DEDEB8;}
 .expire, .expire a:link, .expire a:visited {color: #999999;}
 .default, .default a:link, .default a:visited {color: #000000;}
 .checked, .checked a:link, .checked a:visited {color: #FF0000;}
 .today, .today a:link, .today a:visited {color: #00BB00;}
 #calendar_year {display: none;line-height: 130%;background: #FFFFFF;position: absolute;z-index: 10;}
 #calendar_year .col {float: left;background: #FFFFFF;margin-left: 1px;border: 1px solid #86B9D6;padding: 4px;}
 #calendar_month {display: none;background: #FFFFFF;line-height: 130%;border: 1px solid #86B9D6;padding: 4px;position: absolute;z-index: 11;}
 #year,#month{padding:0 10px;background:#fff;}	


/* SearchBar */

.SearchBar {
	width:174px;
	height:25px;
	background:url("/images/HuiguCMSBlue/search_bg.gif") no-repeat left top;
}

.Sbox .SearchBar{
	margin:10px 0px 0px 10px;}

.SearchBar #search-text {
	width: 130px;
	padding:0px 5px;
 	margin:0px;
	color:#999999;
	height:23px;
	line-height:23px;
	font-size:12px;
	background:none;
	border:none;}

.SearchBar #search-submit {
	border:none;
	background:none;
	font-size:12px;
	color: #FFFFFF;
	height:25px;
	margin:0px;	
	cursor:pointer;
	padding:0px;
	line-height:25px;
	width:34px;
}


/* search content */
#search_content .searchtip{
	line-height:25px;
	font-size:14px;
	font-weight:bold;
	padding-left:10px;
	BORDER-bottom: #023848 1px solid;
	padding-top:10px;
}

#search_content .result_list{
	padding:10px 10px;
	width:100%;}
	
#search_content .result_list dt{
	font-size:14px;
	font-weight:bold;
	padding-top:10px;
	line-height:25px;
	font-family:Microsoft Yahei;}	

#search_content .result_list dd{
	padding:0 0 5px 0;
	margin:0px;
	line-height:20px;
	}	

#search_content .result_list .line {
	BORDER-bottom: #E9E8E8 1px dashed;}	

#search_content .result_list .line a{
	padding-right:20px;}

#search_content .result_list .line a:hover{
	text-decoration:none;}			
	
#search_content .search_welcome{
	line-height:25px;
	text-align:center;
	}
#search_content .search_welcome p{
	text-align:center;}		
#search_content .result_page{
	text-align:center;
	font-size:13px;
	padding:10px;}

#search_content .result_page span{
	font-size:12px;
	font-family:arial;
	padding:0 5px;
	}	

#dark_footer .box_240px_left {
	width:143px;
	padding-right: 42px;
	padding-top: 0px;
	background-image: none;
	padding-bottom:0px;
	float:left;
}
#dark_footer .box_240px_left h2{
	font-size:14px;
	border-bottom:1px dotted #999;
	color:#FFF;
	padding-bottom:10px;}
#dark_footer .box_240px_left li{
	line-height:250%;
	font-size:12px;}
#dark_footer .box_240px_middle {
	padding: 0px 42px;
	background-image: none;
}
#dark_footer .box_240px_right {
	padding-left: 42px;
	padding-top: 0px;
	background-image: none;
}
#dark_footer_wrap {
	background-color:#116ec3;
	overflow: hidden;
	padding:20px 0px;
}
#dark_footer {
	width: 940px;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
	overflow: hidden;
	color#FFF;
}
#light_footer_wrapper {
	font-size:12px;
	padding:10px;
	height:100px;
	
}
.box_240px_right li {
	display: inline;
}
#dark_footer li a{
	color:#FFF;}

/*product*/
.RightNav{
	padding-top:7px;}
 .ClassNav{
	padding:0px 0px;
	font-size:16px;
background:#f2f2f2;}
	
 .ClassNav .NavTree ul{
color:#000;
}
 .ClassNav .NavTree ul a{
color:#000;
}
 .ClassNav .NavTree ul a:hover{
color:#c30d23;
}

 .ClassNav .NavTree ul li{
color:#000;
position: relative;
z-index:10;
}
	
/*1st level sub menu style */
 .ClassNav .NavTree ul li ul{
left: 256px; /* Parent menu width - 1*/
position: absolute;
width: 250px; /*sub menu width*/
top: 0;
display: none;
border:1px solid #DDDDDD;
border-top:2px solid #DDDDDD;
color:#FFFFFF;
background:#000;
filter:progid:DXImageTransform.Microsoft.Shadow(Color=#999999, Strength=3, Direction=135);
}
.RightNav .ClassNav .NavTree ul li ul{
background:#000;	
left:220px;}


/*All subsequent sub menu levels offset */
 .ClassNav .NavTree ul li ul li ul{ 
left: 159px; /* Parent menu width - 1*/
z-index:100px;}
/* menu links style */
 .ClassNav .NavTree ul li a{
	display: block;
	cursor:pointer;
	line-height:35px;
	
	padding-left:10px;

	height:35px;}
.RightNav .ClassNav .NavTree ul li a{
	height:34px;
	line-height:34px;}
	
 .ClassNav .NavTree ul li li{
               color:#FFFFFF;
	background: url("") no-repeat 12px 12px;
	padding-left:0;
	text-align:center;
}
 .ClassNav .NavTree ul li li a{
	border-bottom:1px solid #DDDDDD;
color:#fff;
	}
 .ClassNav .NavTree ul .current a{
	
	color:#c30d23;}
 .ClassNav .NavTree ul .current li a{
	
	color:#FFFFFF;}		


 .ClassNav .NavTree .subfolderstyle{
background: url(/images/HuiguCMSBlue/arrow-list.gif) no-repeat 230px center ;
}
/* Holly Hack for IE \*/
* html  .ClassNav .NavTree ul li { float: left; height: 1%; }
* html  .ClassNav .NavTree ul li a { height: 1%; }
/* End */	




/*service*/
.qqbox a:link {
	color: #000;
	text-decoration: none;
}
.qqbox a:visited {
	color: #000;
	text-decoration: none;
}
.qqbox a:hover {
	color: #f80000;
	text-decoration: underline;
}
.qqbox a:active {
	color: #f80000;
	text-decoration: underline;
}
.qqbox {
	width:132px;
	height:auto;
	overflow:hidden;
	position:absolute;
	right:0;
	top:200px;
	color:#000000;
	font-size:12px;
	letter-spacing:0px;
	z-index:500;
}
.qqlv {
	width:33px;
	height:256px;
	overflow:hidden;
	position:relative;
	float:right;
	z-index:50px;
}
.qqkf {
	width:120px;
	height:auto;
	overflow:hidden;
	right:0;
	top:0;
	z-index:99px;
	border:6px solid #cc0000;
	background:#fff;
}
.qqkfbt {
	width:118px;
	height:20px;
	overflow:hidden;
	background:#cc0000;
	line-height:20px;
	font-weight:bold;
	color:#fff;
	position:relative;
	border:1px solid #fff;
	cursor:pointer;
	text-align:center;
}
.qqkfhm {
	width:112px;
	height:22px;
	overflow:hidden;
	line-height:22px;
	padding-right:8px;
	position:relative;
	margin:3px 0;
}
.bgdh {
	width:102px;
	padding-left:10px;
}
#K1 {
	padding-left:3px;
}
#K1 p{
	padding:5px 0px;}	

/* clearfix */
.clearfix:after{
	content:" ";
	display:block;
	visibility:hidden;
	height:0;
	clear:both;
}
.clearfix {
	clear:both;
}
.clearbox {
	clear:both; 
	width:65%; 
	margin:0 auto; 
	height:0; 
	overflow:hidden;}
.clear { 
	height:1%; 
	overflow:hidden; }