﻿
/* top start*/
body,td,th {
	font-size: 12px;
}

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:#666666;}
a{color:#333333;text-decoration:none;}
a:hover {text-decoration:underline;color:#E7201B;}
a:active{text-decoration:underline;}

.LineLink a{text-decoration:underline;}
.LineLink a:hover {text-decoration:none;color:#E7201B;}

.ColorLink a {color:#E7201B;}
.ColorLink a:hover {color:#E7201B;}

.WidthTab{
	width:10px;
	height:1px;
	float:left;}
.WidthTab2{
	width:20px;
	height:1px;
	float:left;}	
.HeightTab{
	height:10px;
	width:1px;
	overflow:hidden;}

.HeightTab2{
	height:20px;
	width:1px;
	overflow:hidden;}

p{
	line-height:180%;}

.ListDate{
	color:#666666;
	 }
body{
	
	font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif;
	width:100%;
	background-color:#FCF8F7;
	
}
input,textarea{
	font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif;
}
{
	width:100%;
	padding:0px 0px;
	margin:auto;
}
#wrapper{
	
	}
 #head{
	background: url("/images/HituxCMSSimple/top_bg1.png") repeat-x center top;
	width:100%;
}

 #head .top{
	width:100%;
	height:80px;
	font-size:12px;
	}	
 .TopBG{
	 width:100%;
	
	}
 .TopInfo{
	margin:auto;
	width:1080px;
	height:35px;
	} 
 .TopInfo .link{
	background: url("/images/HituxCMSSimple/link_bg1.png") no-repeat center bottom;
	text-align:center;
	line-height:23px;
	width:250px;
	height:23px;
	float:right;
	color:#333;
	padding-right:0px;
	padding-left:0px;
	font-size:12px;}
 .TopInfo .link a{
	color:#333;
	padding:0px 10px;}	
 .TopInfo .link a:hover{
	color:#ccc;}	
 #head .top .TopLogo{
	margin:auto;
	width:1080px;
	padding-top:0px;
	}
 #head .top .TopLogo .logo{
	float:left;
	height:62px;}


 #head .top .TopLogo .tel{
	background: url("/images/HituxCMSSimple/tel_icon.png") no-repeat 0px 15px;
	width:260px;
	float:right;
	height:62px;
	padding-top:0px;
	} 
	
 #head .top .TopLogo .tel .telW{
	padding-left:40px;
	padding-top:10px;
	color:#999;
	
	font-size:11px;
	}	
 #head .top .TopLogo .tel .telN{
	padding-left:40px;
	font-size:24px;
	font-weight:bold;
	font-family:"Times New Roman", Times, serif;
	color:#F90;
	line-height:100%;}

/* navs*/
/*---------------------菜单样式----------------------------------*/
#menu{
	height:40px;
	line-height:40px;
	background:url(/Images/HituxCMSSimple/ED_10002_Nav_Bg.jpg) repeat-x;
	font-family:"Microsoft Yahei";
	font-size:14px;
}
#menu ul{
	margin:auto; width:1080px; height:40px;font-size:14px;
	list-style-type:none; padding:0px; margin-top:0px; margin-bottom:0px;
}
.m_li{
	float:left; width:122px; line-height:40px;  text-align:center; margin-right:-2px; margin-left:-2px;font-size:14px;
}
.m_li a{
	display:block; color:#FFFFFF; width:122px; font-size:14px;
}
.m_line{
	float:left; width:1px; height:40px;
	line-height:40px;   /*ff下有效(图片垂直居中)*/
}
.m_line img{
	margin-top:expression(( 40 - this.height ) / 2);   /*ie下有效(图片垂直居中)*/
}
.m_li_a{
	float:left; width:122px; line-height:40px; text-align:center; padding-top:3px; font-weight:bold; font-size:14px;
	background-image:url(/Images/HituxCMSSimple/menu_bg.jpg); position:relative; height:40px; margin-top:-3px; margin-right:-2px; margin-left:-2px;
}
.m_li_a a{
	display:block; color:#DB1816; width:122px; font-size:14px; text-decoration: none;
}

.smenu{
	width:1080px; margin:0px auto 0px auto; padding:0px; list-style-type:none; height:32px;font-size:12px;
}
.s_li{
	line-height:32px; width:auto; display:none; height:40px; font-size:12px;
}
.s_li_a{
	line-height:32px; width:auto; display:block; height:40px; font-size:12px;
}

.smenu #s_1{
	padding-left:29px;}
.smenu #s_2{
	padding-left:157px;}
.smenu #s_3{
	padding-left:74px;}
.smenu #s_4{
	padding-left:323px;}
.smenu #s_5{
	padding-left:446px;}
.smenu #s_6{
	padding-left:570px;}
.smenu #s_7{
	padding-left:710px;}
.smenu #s_8{
	padding-left:800px;}
	
#wrapper #body{
	width:100%;
	margin:auto;
	}
/* albumblock*/

 .albumblock{
	padding:10px 10px 30px 20px;
	float:left;
	}
 .albumblock .inner{
	width:160px;
	height:190px;
	position:relative;
	border:1px solid #DEDEDC;
	overflow:hidden;
	}

.albumblock .inner img{
	border:2px solid #fff;
	width:156px;
	height:156px;	}	

 .albumblock .inner .albumtitle{
	height:30px;
	line-height:30px;
	font-size:12px;
	width:160px;
	position:relative;
	bottom:0px;
	left:0;
	background:#E7201B;
	font-weight:; 
	text-align:center;
	cursor:pointer;
	margin:auto;
	overflow:hidden;}
 .albumblock .inner .albumtitle span{
	font-weight:normal;
	font-size:12px;}	

 .albumblock .inner  a{
	 color:#FFF;}
 .albumblock .inner  a:hover{
	text-decoration:none;}
 .albumblock .inner  a:visited{
	text-decoration:none;}	
	
 .albumblock .inner:hover{
	border:1px solid #E7201B;}	
	

/*footer*/
#footer{
	border-top:2px solid #FFF;
	width:100%;
	height:100%;
	padding-bottom:30px;
	font-size:12px;
	color:#FFF;
	background:#C60203;
}
#footer a{
	color:#FFF;}										
#footer .inner{
	margin:auto;
	width:1080px;
	padding-top:30px;
	}

#footer .inner .InnerLeft{
	float:right;
	width:600px;
	text-align:right;}
#footer .inner .InnerRight{
	float:left;
	width:320px;
}

#footer .inner .InnerRight .tel{
	background: url("/images/HituxCMSSimple/tel_bottom.jpg") no-repeat 0px 0px;
	height:50px;
	width:220px;
	padding-left:180px;
	color:#FFF;
	font-size:24px;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;}

	
#footer .inner p{
	line-height:25px;}

#footer .inner .BottomNav{
	width:100%;
	margin:auto;
	height:30px;
	line-height:30px;
	color:#FFF;
	background:#FFF url("/images/HituxCMSSimple/nav_bg2.png") repeat-x center -5px;
}

#footer .inner .BottomNav a{
	color:#E7201B;
	padding:0px 10px;}


#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:202px;
	height:32px;
	background:url("/images/HituxCMSSimple/search_bg.gif") no-repeat left top;
}

.Sbox .SearchBar{
	margin:10px 0px 0px 10px;}

.SearchBar #search-text {
	width: 160px;
	padding:0px 5px;
 	margin:0px;
	color:#666666;
	height:30px;
	line-height:30px;
	font-size:12px;
	background:none;
	border:none;
	padding-left:5px;}

.SearchBar #search-submit {
	border:none;
	background:none;
	font-size:12px;
	color: #FFFFFF;
	height:25px;
	margin:0px;	
	cursor:pointer;
	padding:0px;
	line-height:25px;
	width:30px;
}

/* 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;
	}
	
#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 {
	overflow:hidden;
	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:#E7201B;
	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;}


/*backtotop*/
.backToTop {
 display: none;
 width: 50px;
 height:50px;
 line-height: 1.2;
 background:url("/images/HituxCMSSimple/back_top.png") left top;;
 color: #fff;
 font-size: 12px;
 text-align: center;
 position: fixed;
 _position: absolute;
 right: 10px;
 bottom: 100px;
 _bottom: "auto";
 cursor: pointer;
 opacity: .6;
 filter: Alpha(opacity=60);
}


/* open div*/
#popupMask {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:9990;
	background-color:#000;
	-moz-opacity: 0.7;
	opacity:0.70;
	filter: alpha(opacity=70);
}
#popupContainer {
	position: absolute;
	z-index: 9991;
	top: 0px;
	left: 0px;
	display:none;
	padding: 0px;
	}
#popupInner {
	border: 3px solid #E7201B;
	background-color: #FFFFFF;
	}
#popupFrame {
	margin: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 9;
}
#popupTitleBar {
	background:url("/images/HituxCMSSimple/box_bg1.jpg") repeat-x left top;
	color: #E7201B;
	font-weight: bold;
	height: 1.3em;
	padding: 5px;
	z-index: 9992;
	text-align:center;
}
#popupTitle {
	float:left;
	font-size: 1.1em;
}
#popupControls {
	float: right;
	cursor: pointer;
	cursor: hand;
}
#popupControls a span {
	display: block;
	height: 15px;
	width: 15px;
	text-indent: -9000px;
	background: url('/images/HituxCMSSimple/close.gif') no-repeat;
}

.VideoBox{
	padding:10px;}


/*product*/
.RightNav span{
	color:#E7201B;}
 .ClassNav{
	padding:10px 10px;}
	
 .ClassNav .NavTree ul{
}
	
 .ClassNav .NavTree ul li{
position: relative;

	padding:5px 0px;
	width:200px;
	background:url("/images/Products_Index_List_Bg.jpg") no-repeat 0px 5px;	
}
	
/*1st level sub menu style */
 .ClassNav .NavTree ul li ul{
left: 178px; /* Parent menu width - 1*/
position: positive;
width: 198px; /*sub menu width*/
top: 0;
display: none;
border-top:2px solid #E7201B;
background:#FFFFFF;
filter:progid:DXImageTransform.Microsoft.Shadow(Color=#999999, Strength=3, Direction=135);
z-index:2000;
}
.RightNav .ClassNav .NavTree ul li ul{
	 width:265px;}

/*All subsequent sub menu levels offset */
 .ClassNav .NavTree ul li ul li ul{ 
left: 159px; /* Parent menu width - 1*/
z-index:2000;}
/* menu links style */
 .ClassNav .NavTree ul li a{
	display: block;
	cursor:pointer;
	line-height:31px;
	padding-left:35px;
	 }	

 .ClassNav .NavTree ul li li{
	padding:0;
	text-align:center;
	z-index:2000;
	background:#FFF;
	border-bottom:1px solid #D4D4D4;
}
 .ClassNav .NavTree ul li li a{
	padding-left:10px;
	z-index:2000;}
 .ClassNav .NavTree ul .current a{
	background:url("/images/Products_Index_List_Hover_Bg.jpg") no-repeat 0px 0px;	
	font-weight:bold;
}
 .ClassNav .NavTree ul .current li a{
	background:#FFFFFF;
	color:#000000;}
		
 .ClassNav .NavTree ul li a:hover{
	background:url("/images/Products_Index_List_Hover_Bg.jpg") no-repeat 0px 0px;	
	font-weight:bold;
}
 .ClassNav .NavTree .subfolderstyle{
background: url(/images/HituxCMSSimple/arrow-list.gif) no-repeat 180px center ;
}
/* Holly Hack for IE \*/
* html  .ClassNav .NavTree ul li { float: left; height: 1%;z-index:2000; }
* html  .ClassNav .NavTree ul li a { height: 1%;z-index:2000; }
/* 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;}	

#HituxTop_top,#HituxTop_wxin,#HituxTop_wshare,#HituxTop_wmaps {
	z-index:2;
	width:50px;
	height:50px;
	right:10px;
	position:fixed;
	cursor:pointer;
	_position:absolute;
	_bottom:auto;
	_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)))
}

#HituxTop_wxin {
	top:360px;
	_margin-top:360px
}
#HituxTop_wxin a {
	background:url(/images/sbtn.png) 0 -0px;
	right:0;
	float:left;
	width:50px;
	height:50px;
	text-indent:-9999px
}
#HituxTop_wxin a:hover {
	background:url(/images/sbtn.png) -50px -0px
}
#HituxTop_wshare {
	top:412px;
	_margin-top:412px
}
#HituxTop_wshare a {
	background:url(/images/sbtn.png) 0 -50px;
	width:50px;
	height:50px;
	right:0;
	float:left;
	text-indent:-9999px
}
#HituxTop_wshare a:hover {
	background:url(/images/sbtn.png) -50px -50px
}
#HituxTop_wmaps {
	top:464px;
	_margin-top:464px
}
#HituxTop_wmaps a {
	background:url(/images/sbtn.png) 0 -150px;
	width:50px;
	height:50px;
	right:0;
	float:left;
	text-indent:-9999px
}
#HituxTop_wmaps a:hover {
	background:url(/images/sbtn.png) -50px -150px
}
#HituxTop_top {
	top:516px;
	_margin-top:516px;
	background:url(/images/sbtn.png) 0 -101px;
	width:50px;
	height:50px
}
#HituxTop_top:hover {
	background:url(/images/sbtn.png) -50px -101px
}
.HituxTop_wxin,.HituxTop_wshare {
	position:relative;
	z-index:2
}
.HituxTop_wxin a:hover .HituxTop_wxinh,.HituxTop_wshare a:hover .HituxTop_wshareh {
	display:block
}
.HituxTop_wxin .HituxTop_wxinh {
	position:absolute;
	display:none;
	left:-280px;
	top:-200px;
	width:275px;
	height:355px;
	background:url(/images/QRCode1.png) 0 0px no-repeat
}
.HituxTop_wshare .HituxTop_wshareh {
	position:absolute;
	display:none;
	left:-280px;
	top:-200px;
	width:275px;
	height:360px;
	background:url(/images/QRCode2.png) no-repeat
}

/* clearfix */
.clearfix:after{
	content:" ";
	display:block;
	visibility:hidden;
	height:0;
	clear:both;
}
.clearfix {
	clear:both;
}
.clearbox {
	clear:both; 
	width:996px; 
	margin:0 auto; 
	height:0; 
	overflow:hidden;}
.clear { 
	height:1%; 
	overflow:hidden; }