﻿
/* 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:#666666;}
a{color:#333333;text-decoration:none;}
a:hover {text-decoration:underline;color:#1F85F1;}
a:active{text-decoration:underline;}

.LineLink a{text-decoration:underline;}
.LineLink a:hover {text-decoration:none;color:#1F85F1;}

.ColorLink a {color:#1F85F1;}
.ColorLink a:hover {color:#1F85F1;}

.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:#F3F3F3;
	
}
input,textarea{
	font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif;
	}
{
	width:100%;
	padding:0px 0px;
	margin:auto;
}
#wrapper{
	width:100%;
	margin:auto;
	background:#F3F3F3;
	}
 #head{
	width:100%;
}

 #head .top{
	width:100%;
	height:100px;
	font-size:12px;
	background:#FFF;
}	

  .TopInfoBG{
	width:100%;
	margin:auto;
	height:29px;
	line-height:29px;
	font-size:12px;
	background:url("/images/top_bg.jpg") repeat-x left 0px;
	overflow:hidden;} 
  .TopInfoBG .TopInfo{
}
    .TopInfo{
	margin:auto;
	width:1200px;
	height:29px;
	line-height:29px;
	font-size:12px;
} 
  .TopInfo .welcome{
	width:320px;
	float:left;
	padding-left:10px;}

  .TopInfo .link{
	width:350px;
	float:left;
	padding-left:10px;}
  .TopInfo .SearchTop a{
	padding:0px 20px;
	}
  .TopInfo .SearchTop .S1{
	background:url("/images/icon_sc.png") no-repeat left 7px;
	float:left;
	padding-left:20px;
	 display:block; }
  .TopInfo .SearchTop .S2{
	background:url("/images/icon_map.png") no-repeat left 7px;
	float:left;
	padding-left:20px;
	 display:block; }
  .TopInfo .SearchTop .S3{
	background:url("/images/icon_mobile.png") no-repeat left 7px;
	float:left;
	padding-left:20px;
	 display:block; }

	   	
  .TopInfo .ScrollNews2{
	width:440px;
	float:left;}
  .TopInfo .ScrollNews2 a{
	  padding:0px 10px;}	
  .TopInfo .ScrollNews{
	width:400px;
	float:left;}
  .TopInfo .ScrollNews a{
	  padding:0px 10px;}	

  .TopInfo .SearchTop{
	width:260px;
	float:right;
	padding-top:0px;
	}
  .TopInfo .SearchTop2 a{
	padding-left:10px;
	}	

  .TopInfo .SearchTop2{
	width:305px;
	float:right;
	padding-top:5px;
	color:#999999;}
  .TopInfoBG .TopInfo{
	  color:#333;}
  .TopInfoBG  a{
	  color:#333;}

 #head .top .TopLogo{
	margin:auto;
	width:1200px;
	padding-top:10px;
	}
 #head .top .TopLogo .logo{
	float:left;
	}
 #head .top .TopLogo .SearchTop{
	 float:left;
	 padding-left:60px;
	 padding-top:20px;}

 #head .top .TopLogo .tel{
	width:240px;
	float:right;
	height:62px;
	padding-top:0px;
	text-align:right;
	} 
	
 #head .top .TopLogo .tel .telW{
	padding-left:40px;
	padding-top:5px;
	color:#999;
	font-size:14px;
	}	
 #head .top .TopLogo .tel .telN{
	padding-left:40px;
	font-size:24px;
	font-weight:bold;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	color:#23438E;
	line-height:100%;}

/* navs*/
#nav { width: 100%; height: 42px; background:#006DB8; }
/* 导航样式 */
.subNavlist { width: 119px; height: 160px; padding-left: 6px; padding-top: 10px; border-top: none; }

#subNavWrap .current { background: #efefef; }
/*
#subNavWrap div.nopadd,#subNavWrap div.nopadd2,#subNavWrap div.nopadd3,#subNavWrap div.nopadd4,#subNavWrap div.nopadd5,#subNavWrap div.nopadd6,#subNavWrap div.nopadd7,#subNavWrap div.nopadd8,#subNavWrap div.nopadd9,#subNavWrap div.nopadd10,#subNavWrap div.nopadd11 { text-align: center; padding-left: 0; width: 125px; }
*/
#subNavWrap div.nopadd { text-align: center; padding-left: 0; width: 150px; }
.subnavdiv { position: absolute; top: 0; left: 0; height: 180px; width: 1202px; z-index: -1; filter: alpha(opacity=80); opacity: 0.80; background: #fff; }
.mainNavWrap { height: 42px; background:#006DB8; text-align: center; }
.mainNavWrap .mainNav { padding: 0 1px; width: 1200px; height: 42px; background: url(/images/nav_bg.jpg) 0 0 no-repeat; }
.mainNavWrap .mainNav li { float: left; width: 150px; background: url(/images/nav_line.jpg) no-repeat right top; line-height: 42px; height: 42px; text-align: center; }
.mainNavWrap .mainNav li.last { background: none; width: 152px; }
.mainNavWrap .mainNav li a { display: block; font-size: 16px; font-weight: bold; color: #fff; }
.mainNavWrap .mainNav li a:hover { color: #005aaa; background: url(/images/nav_bg2.jpg) repeat-x left center; }
/*
.mainNavWrap .mainNav li a.current { display: block; color: #005aaa; background: url(/images/nav_bg2.jpg) repeat-x left center; }
*/
.mainNavWrap .mainNav li a:hover.contact { color: #005aaa; background: url(/images/nav_contact.jpg) right 0 no-repeat; }
.subNavWrap { display: none; clear: both; line-height: 2.2; width: 1200px; margin: 0 auto; position: absolute; overflow: hidden; top: 42px; z-index: 5000; border: 1px solid #005aaa; height: 170px; *left:0px;
}
.subNavWrap a { display: inline-block; padding: 0px 0px 0px 6px; color: #005aaa; font-size:15px;}
.subNavWrap a:hover, .subNavWrap a.current { color: #666; background: url(/images/bluedian.gif) no-repeat left center; }
.pagewidth { width: 1202px; margin: 0 auto; }
.fl { float: left; _display: inline; }
.fr { float: right; _display: inline; }


 #FocusBG{
	width:100%;
	margin:auto;
	height:420px;
	background:url("/images/main_bg.jpg") no-repeat center bottom;
	}
.fullSlide {
	width:100%;
	position:relative;
	height:400px;
	background:#000;
}
.fullSlide .bd {
	margin:0 auto;
	position:relative;
	z-index:0;
	overflow:hidden;
}
.fullSlide .bd ul {
	width:100% !important;
}
.fullSlide .bd li {
	width:100% !important;
	height:400px;
	overflow:hidden;
	text-align:center;
}
.fullSlide .bd li a {
	display:block;
	height:400px;
}
.fullSlide .hd {
	width:100%;
	position:absolute;
	z-index:1;
	bottom:0;
	left:0;
	height:30px;
	line-height:30px;
}
.fullSlide .hd ul {
	text-align:center;
}
.fullSlide .hd ul li {
	cursor:pointer;
	display:inline-block;
	*display:inline;
	zoom:1;
	width:22px;
	height:22px;
	background:url("/images/HituxCMSSimple/grey.png") no-repeat 2px 2px;
	margin:5px;
	overflow:hidden;
	filter:alpha(opacity=50);
	opacity:0.5;
	line-height:999px;
}
.fullSlide .hd ul .on {
	background:url("/images/HituxCMSSimple/darkblue.png") no-repeat 2px 2px;
}
.fullSlide .prev,.fullSlide .next {
	display:block;
	position:absolute;
	z-index:1;
	top:50%;
	margin-top:-30px;
	left:15%;
	z-index:1;
	width:40px;
	height:60px;
	cursor:pointer;
	filter:alpha(opacity=50);
	opacity:0.5;
	display:none;
}
.fullSlide .next {
	left:auto;
	right:15%;
	background-position:-6px -137px;
}
	
#wrapper #body{
	width:100%;
	margin:auto;
	}
/* albumblock*/

 .albumblock{
	padding:10px 30px 30px 40px;
	float:left;
	}
 .albumblock .inner{
	width:234px;
	height:264px;
	position:relative;
	overflow:hidden;
	}

.albumblock .inner img{
	border:1px solid #FFFFFF;
	padding:1px;
	width:230px;
	height:230px;	}	
.albumblock .inner img:hover{
	border:1px solid #CCC;
	}
 .albumblock .inner .albumtitle{
	height:30px;
	line-height:30px;
	font-size:12px;
	width:234px;
	position:relative;
	bottom:0px;
	left:0;
	color:#1F85F1;
	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:#1F85F1;}
 .albumblock .inner  a:hover{
	text-decoration:none;}
 .albumblock .inner  a:visited{
	text-decoration:none;}	
		

/*footer*/
#footer{
	width:100%;
	height:100%;
	padding-bottom:10px;
	font-size:12px;
	color:#B3C8BD;
	background:#5C5C5C;
	text-align:center;
}
#footer a{
	color:#B3C8BD;}										
#footer .inner{
	margin:auto;
	width:1200px;
	padding-top:10px;
	}

#footer .inner .InnerCode{
	width:100px;
	float:left;}
#footer .inner .InnerLeft{
	float:left;
	width:500px;
	text-align:left;
	padding-left:10px;}
#footer .inner .InnerRight{
	float:right;
	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:#1F85F1;
	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:170px;
	height:29px;
	background:url("/images/HituxCMSSimple/search_bg.gif") no-repeat left top;
}

.Sbox .SearchBar{
	margin:10px 0px 0px 10px;}

.SearchBar #search-text {
	width: 125px;
	padding:0px 5px;
 	margin:0px;
	color:#666666;
	height:28px;
	line-height:28px;
	font-size:12px;
	background:none;
	border:none;
	padding-left:5px;}

.SearchBar #search-submit {
	border:none;
	background:none;
	font-size:12px;
	color: #FFFFFF;
	height:28px;
	margin:0px;	
	cursor:pointer;
	padding:0px;
	line-height:28px;
	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:130px;
	padding-right: 12px;
	padding-left: 10px;
	background-image: none;
	padding-bottom:0px;
	float:left;
	border-left:1px solid #C7D9E6;
	height:200px;
}
#dark_footer .box_240px_left h2{
	font-size:16px;
	color:#303437;
	padding-bottom:0px;}
#dark_footer .box_240px_left li{
	line-height:250%;
	font-size:14px;}
#dark_footer .box_240px_middle {
	padding: 0px 42px;
	background-image: none;
}
#dark_footer .box_240px_right {
	float:left;
	padding-right: 40px;
	padding-top: 0px;
}
#dark_footer .box_240px_right .share span {
	display: inline-block;
	color: rgba(0,0,0,0.6);
	padding: 15px 0px 0px 8px;
}
#dark_footer .box_240px_right .share div {
	display: inline-block;
}

#dark_footer_wrap {
	background-color:#DDF1FF;
	overflow: hidden;
	padding:20px 0px;
}
#dark_footer {
	width: 1200px;
	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:#79858D;}


/*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 #1F85F1;
	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: #1F85F1;
	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:#2F54AB;}
 .ClassNav{
	padding:0px 10px;}
	
 .ClassNav .NavTree ul{
}
	
 .ClassNav .NavTree ul li{
position: relative;
}
	
/*1st level sub menu style */
 .ClassNav .NavTree ul li ul{
left: 185px; /* Parent menu width - 1*/
position: absolute;
width: 188px; /*sub menu width*/
top: 5px;
display: none;
border:1px solid #2F54AB;
background:#FFFFFF;
filter:progid:DXImageTransform.Microsoft.Shadow(Color=#999999, Strength=3, Direction=135);
z-index:2000;
}
.RightNav .ClassNav .NavTree ul li ul{
	 width:188px;
	 left: 267px;}

/*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{
	padding:0px 0px;
	display:block;
	height:33px;
	line-height:33px;
	padding-left:10px;
	border-bottom:1px dotted #DEDEDC;
	background:url("/images/title_icon1.jpg") no-repeat 0px 15px;
	 }	

 .ClassNav .NavTree ul li li{
	padding-left:0;
	text-align:center;
	z-index:2000;
}
 .ClassNav .NavTree ul li li a{
	 background:None;
	padding:none;
	border-bottom:1px solid #DDDDDD;
	padding:0px;
	z-index:2000;}
 .ClassNav .NavTree ul .current a{
	background:#F09005;
	color:#FFF;
}
 .ClassNav .NavTree ul .current li a{
	color:#000000;
	background:none;}
		
 .ClassNav .NavTree ul li a:hover{
	background:#F09005;
	color:#FFF;

}
 .ClassNav .NavTree ul li li a:hover{
	 background:#445e70;
	 color:#FFFFFF;}
 .ClassNav .NavTree .subfolderstyle{
}
/* 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;}	


#HituxBackTop_item {
	width: 60px;
	height: 100px;
	position: fixed;
	right: 15px;
	bottom: 15px;
	z-index: 9999;
	display: none;
}
#HituxBackTop_item.off {
	opacity: 0;
	visibility: hidden
}
#HituxBackTop {
	display: block;
	width: 60px;
	height: 50px;
	background: url(/images/icon_top.png) center center no-repeat;
	background-color: #444;
	border-radius: 2px;
	cursor: pointer;
	margin-bottom: 10px;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
#HituxBackTop:hover {
	background-color: rgba(0,0,0,.7)
}
#HituxBackTop:active {
	background-color: rgba(0,0,0,.75)
}
#HituxBackTop_item .qr {
	display: block;
	width: 60px;
	height: 40px;
	border-radius: 2px;
	cursor: pointer;
	background: url(/images/icon_code.png) center center no-repeat;
	background-color: #444;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
#HituxBackTop_item .qr:hover {
	background-color: rgba(0,0,0,.7)
}
#HituxBackTop_item .qr:active {
	background-color: rgba(0,0,0,.75)
}
#HituxBackTop_item .qr-popup {
	width: 170px;
	height: 200px;
	background: #fff;
	box-shadow: 0 1px 8px rgba(0,0,0,.1);
	position: absolute;
	left: -180px;
	bottom: 0;
	border-radius: 2px;
	display: none;
	text-align: center;
	color:#999999;
}
#HituxBackTop_item .qr-popup .code-link {
	display: block;
	margin: 10px;
	color: #777
}
#HituxBackTop_item .qr-popup .code {
	display: block;
	margin-bottom: 10px
}
#HituxBackTop_item .qr-popup .arr {
	width: 6px;
	height: 11px;
	background: url(/images/code_arrow.png) 0 0 no-repeat;
	position: absolute;
	right: -6px;
	bottom: 14px
}


/* 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; }