@charset "utf-8";
/* CSS Document */
body {
 -webkit-font-smoothing:antialiased
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b,u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td ,button{margin: 0px; padding: 0px; border: 0px none; outline: 0px none; font-size: 100%; vertical-align:baseline;background: none repeat scroll 0% 0% transparent;}
ol,ul,li{list-style:none;}


body{font-size:14px; color:#333; font-family:Arial,"Microsoft YaHei","΢���ź�","����"; font-family:"Microsoft YaHei","΢���ź�","����"\9; font-weight:normal;}
input{font-family:Arial,"Microsoft YaHei","΢���ź�","����";}
textarea{font-family:Arial,"Microsoft YaHei","΢���ź�","����";}
font-weight: normal;

.HituxInner{margin:auto;width:1000px;}

.tem_top {
    vertical-align: baseline;
    color: #2D475D;
    font-size: 14px;
	overflow: hidden;
    line-height: 14px;
    padding-bottom: 5px;
    font-family: " 微软雅黑, Arial, Helvetica, sans-serif";
}
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;
}


body{
	
	font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif;
	width:100%;
	
}

元素 {
}


img, div {
    behavior: url(/images/iepng/iepngfix.htc);
}
body {
    font-family: "Microsoft Yahei",Arial, Helvetica, sans-serif;
}
body, td, th {
    font-size: 14px;
}

.HituxInner{margin:auto;width:1000px;}
.section{border-bottom: 1px solid #efefef;
     border-top:0px solid #F3F3F3;
     background-color: #fff;
     margin: 0 auto;
     height: 35px;
	 z-index: 921;
	 position: relative;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     font-size: 12px;
     color: #333;}
	 
.tem_top{height:26px;color:#4677A9;font-size:14px;
color:#4677A9;font-size: 14px;line-height: 30px;
overflow: hidden;overflow: hidden;}
.tem_top h2{font-size:12px;float:left;}
.tem_top h2 p{font-weight:normal;line-height:35px;}
.tem_top a{color:#53555a;}
.tem_top a:hover{color:#e9280c;}
.tem_top_nav{float:right;line-height:35px;}




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

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

#wrapper #head .HotIcon2 {
    width: 97px;
    height: 70px;
    overflow: hidden;
    position: relative;
    top: 50px;
    left: -540px;
    z-index: 100;
	background-color: #ffaa01;
    border-bottom-right-radius: 26%;
    border-bottom-left-radius: 26%;
	background: -webkit-gradient(linear, left top, right top, from(#fca21a), color-stop(.05, #f96), color-stop(.5, #fed305), color-stop(.95, #f96), to(#fca21a));
	box-shadow: 0 0 2px 2px rgba(0,0,0,.2);
}

#wrapper #head .HotIcon1 {
    background: url(/images/qqimg/yingcai2.gif) no-repeat center top;
    width: 21px;
    height: 31px;
    overflow: hidden;
    position: relative;
    top: 62px;
    left: 90px;
    z-index: 100;
}


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;
}
#wrapper .t_page .FontRed{
	color:#FFFFFF;
	background: #00a0e9;
	padding: 2px 5px;
    border: 1px solid #C3C3C3;
    display: inline-block;
	margin: 0px 3px;}
#wrapper .t_page .FontRed:hover {
    border: 1px solid #00a0e9;
    background: #00a0e9;
    color: #fff;
}

h3{
	font-size:14px;}

li{
	list-style-type:none;}

img{border:0; 
	}
.gray{
	color:#666666;}
a{color:#333333;text-decoration:none;}

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

.ColorLink a {color:#0084CE;}
.ColorLink a:hover {color:#0084CE;}

.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%;
}
input,textarea{
	font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif;
}
#wrapper{
	width:100%;
	padding:0px 0px;
	margin:auto;
	background: #f5f6f7;
    font: normal 12px/24px Helvetica, Tahoma, Arial, sans-serif;
    text-decoration: none;
	padding: 0;
    margin: 0;
    color: #233B67;
    background-image: url("/images/bg_dht.png");
}
#wrapper #head{
	width:100%;
}

#wrapper #head .header-right{	
	width:100%;
	height:90px;
	font-size:12px;
	padding-top:10px;}	
#TopBG{
	position:absolute;
	top:0px;
	z-index:9999;
	visibility: visible !important;}

 .TopBG{
	 width:100%;
	 height:23px;
	 background:#FAFAFA;
	 border-bottom:1px solid #F4F4F4;
	}
 .TopInfo{
	margin:auto;
	width:1000px;
	height:23px;
	} 
 .TopInfo .welcome{
	 width:400px;
	 float:left;
	 line-height:23px;
	 padding-left:10px;
	 font-size:12px;}
 .TopInfo .link{
	line-height:23px;
	width:240px;
	float:right;
	color:#ccc;
	padding-right:20px;
	padding-left:10px;
	font-size:12px;
	}
 .TopInfo .link ul li{
	 float:left;
	 }
 .TopInfo .link ul .link0{
	 padding-right:10px;}
 .TopInfo .link ul .link1 a{
	 display:block;
	 padding:0px 20px;
	 line-height:23px;
	 background:#9d100e;
	 color:#FFF;}	
 .TopInfo .link ul .link2 a{
	 display:block;
	 padding:0px 20px;
	 line-height:23px;
	 background:#CCC;
	 color:#999999;}	
	  		
#wrapper #head .top .TopLogo{
	margin:auto;
	width:1000px;
	padding-top:7px;
	}
#wrapper #head .top .TopLogo .logo{
	float:left;
	display: block;
    background-color: transparent !important;
	}
#wrapper #head .top .TopLogo .SearchTop{
	float:right;
	width:220px;
	padding-top:20px;}

#wrapper #head .top .TopLogo .headers{ float:right;width:300px;}

#wrapper #head .top .TopLogo .header-right{ height:30px;}



#wrapper #head .top .TopLogo .help-menu{ float:left;}

#wrapper #head .top .TopLogo .help-menu li{ float:left;}

#wrapper #head .top .TopLogo .help-menu li a{ font-size:12px; line-height:30px; display:inline-block; position:relative; padding:0 15px;}

#wrapper #head .top .TopLogo .help-menu li a:hover{ text-decoration:underline;}

#wrapper #head .top .TopLogo .help-menu li a span{ position:absolute; right:0; top:9px; width:1px; height:12px; background-color:#aaa; overflow:hidden;}



#wrapper #head .top .TopLogo .language{ float:left; position:relative; padding-left:50px; margin-left:15px;}

#wrapper #head .top .TopLogo .language span{ position:absolute; left:0; top:0; font-size:12px; line-height:30px; display:inline-block; height:30px; vertical-align: top;}

#wrapper #head .top .TopLogo .language li{ float:left; position:relative; height:30px; margin-left:10px;}

#wrapper #head .top .TopLogo .language li a{ display:inline-block; width:18px; height:18px; background-image:url(/images/icon-language.png); background-position:left top; background-repeat:no-repeat; vertical-align:middle;}

#wrapper #head .top .TopLogo .language li a.en{ background-position:right top;}

#wrapper #head .top .TopLogo .home-tel{font-size:14px; line-height:20px; text-align:right; width:240px; float:right;}

#wrapper #head .top .TopLogo .home-tel span{ display:inline-block; color:#ef0000; font-weight:700;font-size:14px;font-family: Georgia, "Times New Roman", Times, serif;}

#wrapper #head .top .TopLogo .home-tel em{ display:inline-block; padding:0 10px;font-style:normal;font-size:14px;background:url(/images/tel_icon.png) no-repeat 0px center;padding-left:30px;color:#666;}



#wrapper #head .top .TopLogo .tel{
	float:left;
	padding-left:50px;
	width:200px;
	padding-top:20px;} 
#wrapper #head .top .TopLogo .tel p{
	color:#999999;}	
	
#wrapper #head .top .TopLogo .tel p a{
	color:#999999;
	padding:0px 5px;}	
#wrapper #head .top .TopLogo .tel .telW{
	padding-left:0px;
	padding-top:10px;
	color:#999;
	
	font-size:11px;
	}	
#wrapper #head .top .TopLogo .tel .telN{
	padding-left:0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	color:#F60;
	line-height:100%;}

/* navs*/
#wrapper .head .NavLink{
	width:100%;
	height:52px;
	margin:auto;
	background:url("/images/nav_bg2.png") repeat-x left 0;
	box-shadow: 0px 5px 5px
rgba(0, 0, 0, .3);
-o-transition: .3s;
-ms-transition: .3s;
-moz-transition: .3s;
-webkit-transition: .3s;
height: !important;
visibility: visible !important;
display: block !important;
	height: auto !important;}
#wrapper #head #NavLinkBG{
	width:1000px;
	margin:auto;}

#wrapper #head #NavLink .SearchTop{
	float:right;
	width:200px;
	padding-top:11px;}

#wrapper #head #NavLink .NavBGs{
	width:780px;
	float:left;
	}
#wrapper #head #NavLink .NavBG{
	height:52px;
	z-index:100;}	
		
ul#nav {
	width:780px;
	margin:auto;
	padding:0px;}
ul#nav li{
	float:left;
 	position:relative;
	z-index:1000;}
ul#nav li.active {
	float:none;
	
}
ul#nav li a, ul li.active a {
	background:url("/images/nav_bg1.png") no-repeat 87px 0px;
	width:75px;
	height:52px;
	float:left;
	padding:0 10px;
	font-size:14px;
	color:#FFFFFF;
	line-height:46px;
	text-transform: none;
	cursor:pointer;
	text-align:center;
	font-weight:normal;
}
ul#nav li:hover a, ul#nav li.active a {
	color:#2319DC;
	font-weight:bold;
	background:-webkit-gradient(linear, left top, right top, from(#fca21a), color-stop(.05, #f96), color-stop(.5, #fed305), color-stop(.95, #f96), to(#fca21a));
background-color: rgba(0, 0, 0, 0);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-attachment: scroll;
background-image: linear-gradient(to right, rgb(252, 162, 26) 0%, rgb(255, 153, 102) 5%, rgb(254, 211, 5) 50%, rgb(255, 153, 102) 95%, rgb(252, 162, 26) 100%);
background-size: auto;
background-origin: padding-box;
background-clip: border-box;
	text-decoration:none;
	display: block;
}
ul#nav li ul {
 	position:absolute;
	left:0px;
	top:52px;
	display:none;
 	padding:0 0px;
	width:150px;
	}
#wrapper #head ul li.Sub0 span a{
background: -webkit-gradient(linear, left top, right top, from(#fca21a), color-stop(.05, #f96), color-stop(.5, #fed305), color-stop(.95, #f96), to(#fca21a));
background-color: rgba(0, 0, 0, 0);
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-attachment: scroll;
background-image: linear-gradient(to right, rgb(252, 162, 26) 0%, rgb(255, 153, 102) 5%, rgb(254, 211, 5) 50%, rgb(255, 153, 102) 95%, rgb(252, 162, 26) 100%);
background-size: auto;
background-origin: padding-box;
background-clip: border-box;
text-decoration: none;
display: block;
}
	
/*	
ul#nav li .Sub1{
	left:-50px;}
	
ul#nav li .Sub2{
	left:-30px;}
ul#nav li .Sub3{
	left:-200px;}
ul#nav li .Sub4{
	left:-200px;}
ul#nav li .Sub5{
	left:-240px;}
ul#nav li .Sub6{
	left:-360px;}	
ul#nav li .Sub7{
	left:-200px;}	

*/						
ul#nav li ul li {
	
 	height:30px;
	z-index:0;
	background:#344157;
	color:#FFF;
	border-top:1px solid #1c1c1c;}
ul#nav li ul li a {
	width:130px;
 	height:30px;
 	padding:0 10px;
	color:#FFF;
 	background:none;
	font-size:14px;
	line-height:30px;
	text-align:center;
	font-weight:normal;
	}
ul#nav li:hover ul li a {
	background:none;
	color:#FFF;
	font-weight:normal;
}
ul#nav li ul li a:hover {
	background:url("/images/nav_hover.png") repeat-x left 0;
	color:#274b79;
	font-weight:bold;
}
ul#nav li ul li:first-child {
	border:0
}
ul#nav li ul li:first-child a {
	border:0
}
ul#nav li ul li ul {
	left:206px;
	top:1px
}/*Level 1*/

	
#wrapper #body{
	margin:auto;
	background-color: transparent;
	}
/* albumblock*/

 .albumblock{
	padding:10px 15px 30px 20px;
	float:left;
	}
 .albumblock .inner{
	width:160px;
	height:190px;
	overflow:hidden;
	position: relative;
    border: 1px solid #DEDEDC;
    overflow: hidden;
	box-sizing: border-box;
    cursor: pointer;}

.albumblock .inner img{
	border:1px solid #E5E5E5;
	padding:1px;
	width:156px;
	height:156px;
	background: url("/images/cp_bg.png") no-repeat 0px 0px;
    overflow: hidden;
    margin: 0px;
	border-radius: 10px;
	display: block;
    background: rgba(174, 213, 236, 0.2);
	position: relative;}	
.albumblock:hover .inner img{
	transform: scale(1.1);}
 .albumblock .inner .albumtitle{
	height:30px;
	line-height:30px;
	font-size:12px;
	width:160px;
	bottom:0px;
	left:0;
	color:#0084CE;
	font-weight:; 
	text-align:center;
	cursor:pointer;
	margin:auto;
	overflow:hidden;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;}
	
 .albumblock .inner .albumtitle:hover{
    color: #fff;
	background-color:rgba(0, 193, 222, 0.8);
	border-top-color:#00C1DE
}	
 .albumblock .inner .albumtitle span{
	font-weight:normal;
	font-size:12px;}	

 .albumblock .inner  a{
	 color:#001E50;
	 display: block;}
 .albumblock .inner  a:hover{
    color: #fff;
	cursor: pointer;
	text-decoration:underline;
}


/*footer*/
#fot_lnk{
	float:right;
	width:155px;
	border:1px solid #282828;
	position:relative;
}
/*****lnk*****/
#fot_lnk .sel_n,#fot_lnk  .sel_h{
	width:155px;
	float:left;
	height:24px;
	line-height:24px;
	color:#808080;
	background:url(/images/sch_n.gif);
	text-align:left;
	text-indent:20px;
	cursor:pointer;
}
#fot_lnk .sel_h{
	background:url(/images/sch_h.gif);
}
#fot_lnk  .sel_c{
	display:none;
	position:absolute;
	left:0;
	bottom:24px;
	background:#282828;
	line-height:24px;
	padding:1px;
	width:153px;
}
#fot_lnk .sel_c a{
	color:#999;
	display:block;
}
#fot_lnk .sel_c a:hover{
	color:#fff;
	background:#fdb912;
}
#footer td{
	font-size:12px;
	text-align:left;}
#footer .BottomNav td{
	font-size:12px;
	text-align:center;}
#footer{
	padding-bottom:20px;
	font-size:12px;
	color:#FFFFFF;
	background:#181818;
	visibility: visible !important;
    width: 100%;
    height: 196px;
    background-color: #1A1A1A;
    background-image: url("/images/jb-bg.png");
    background-repeat: no-repeat;
    background-position: center;
}
#footer a{
	color: #e8b22e;}										
#footer .inner{
	margin:auto;
	width:100%;
	padding:0px 0px;
	text-align:center;
	background: url("/images/jb-bg.png") repeat 0px 0px;}
#footer .inner p{
	line-height:25px;
	font-size:12px;
	 color:#8d8d8d;
	 margin: 0 0 1px;
	 text-align: center;}
#footer .inner p:hover{
	 color:#FFC142;}
	 
#footer .inner .BottomNav{
    background: linear-gradient(0deg, #0065CD, #1A1A1A);
    width: 100%;
    margin: auto;
    margin-bottom: auto;
    height: 40px;
    line-height: 39px;
    color: #FFF;
    margin-bottom: 10px;
    font-size: 14px;}

#footer .inner .BottomNav a{
	font-weight:bold;
	padding:0px 10px;
	color:#FFF}
#footer .inner .BottomNav a:hover{
	color:#FFC142}

#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:200px;
	height:26px;
	background:url("/images/search_bar.png") no-repeat left top;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.SearchBar:hover {
	background:url("/images/search_bar_hover.png") no-repeat left top;
}
.Sbox .SearchBar{
	margin:10px 0px 0px 10px;}

.SearchBar #search-text {
	width: 162px;
	padding:0px 0px;
 	margin:0px;
	height:24px;
	line-height:24px;
	font-size:12px;
	background:none;
	border:none;
	padding-left:10px;}

.SearchBar #search-text:active,
.SearchBar #search-text:focus,
.SearchBar #search-text:hover{
    border-color:#FED205;
	outline:0;
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(81,209,244,.6)
}

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

/* 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 {
	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-weight:normal;
	font-size:14px;
	color:#999999;
	padding-bottom:10px;}
#dark_footer .box_240px_left li{
	background: url("/images/HituxCMSBlue/nav_icon.png") no-repeat 0px 9px;
	line-height:250%;
	font-size:12px;
	padding-left:15px;}
#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 {
	border-top:1px solid #ccc;
	background-color:#E8E8E8;
	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:#999999;}


/*backtotop*/
.backToTop {
 display: none;
 width: 50px;
 height:50px;
 line-height: 1.2;
 background:url("/images/HituxCMSBlue/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 #0084CE;
	background-color: #FFFFFF;
	}
#popupFrame {
	margin: 0px;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 9;
}
#popupTitleBar {
	background:url("/images/HituxCMSBlue/box_bg1.jpg") repeat-x left top;
	color: #0084CE;
	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/HituxCMSBlue/close.gif') no-repeat;
}

.VideoBox{
	padding:10px;}


/*product*/
.RightNav span{
	color:#0084CE;}
 .ClassNav{
	padding:0px 0px;}
	
 .ClassNav .NavTree ul{
}
	
 .ClassNav .NavTree ul li{
position: relative;
}
	
/*1st level sub menu style */
 .ClassNav .NavTree ul li ul{
position: relative;
width: 218px; /*sub menu width*/
top: 0;
display: none;
border:1px solid #0084CE;
border-top:2px solid #0084CE;
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{
	display:block;
	height:40px;
	line-height:40px;
	padding-left:20px;
	background:url("/images/HituxCMSBlue/menu_bg.jpg") no-repeat 0px -84px;	
	 }	

 .ClassNav .NavTree ul li li{
	background:url("/images/HituxCMSBlue/box_icon1.png") no-repeat 12px 12px;
	padding-left:0;
	text-align:center;
	z-index:2000;
}
 .ClassNav .NavTree ul li li a{
	border-bottom:1px solid #DDDDDD;
	padding-left:10px;
	z-index:2000;}
 .ClassNav .NavTree ul .current a{
	background:url("/images/HituxCMSBlue/menu_bg.jpg") no-repeat 0px -125px;	
	font-weight:bold;}
 .ClassNav .NavTree ul .current li a{
	background:#FFFFFF;
	color:#000000;}
		
 .ClassNav .NavTree ul li a:hover{
	background:url("/images/HituxCMSBlue/menu_bg.jpg") no-repeat 0px -125px;	
	text-decoration:none;
	font-weight:bold;
}
 .ClassNav .NavTree ul li li a:hover{
	background:url("/images/HituxCMSBlue/menu_bg.jpg") no-repeat 0px -125px;	
	text-decoration:none;
	font-weight:bold;
}


 .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:1px solid #1072b0cc;
	background:#fff;
}
.qqkfbt {
	width:118px;
	height:20px;
	overflow:hidden;
	background:#1072b0cc;
	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:996px; 
	margin:0 auto; 
	height:0; 
	overflow:hidden;}
.clear { 
	height:1%; 
	overflow:hidden; }
	
	
/* News announcementlink*/
a {
    color: #333333;
    text-decoration: none;
	cursor: pointer;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, button {
    margin: 0px;
    padding: 0px;
    border: 0px none;
    outline: 0px none;
    font-size: 12px;
    vertical-align: baseline;
    background: none repeat scroll 0% 0% transparent;
	font-family: sentinel ssm a,sentinel ssm b,georgia,serif;
}

body {
    font-size: 14px;
    color: #333;
    font-family: Arial,"Microsoft YaHei","微软雅黑";
}
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;
	line-height: 30px;
}




/* vspaceNews */
元素 {
}
.vspace {
    clear: both;
    width: 99%;
    height: 10px;
    overflow: hidden;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.vspace {
    clear: both;
    width: 99%;
    height: 10px;
    overflow: hidden;
}
body, div, p, ul, ol, dl, dt, dd, li, form, input, table, img, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 80%;
}
body {
    color: #333;
    font-size: 14px;
    font-family: "微软雅黑";
}
元素 {
}
.column_wrapper {
    clear: both;
    display: block;
    width: 1000px;
    margin: 0 auto;
}
.column_wrapper {
    clear: both;
    display: block;
    width: 1000px;
    margin: 0 auto;
}
body, div, p, ul, ol, dl, dt, dd, li, form, input, table, img, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 80%;
}
body {
    color: #333;
    font-size: 14px;
    font-family: "微软雅黑";
}

元素 {
    float: left;
    width: 600px;
}
.bread1 {
    float: left;
    width: 600px;
    font-size: 14px;
    font-family: "微软雅黑";
    padding-left: 15px;
	margin: 0px 0px 0px 0;
	margin-bottom: 0;
	line-height: 1.5;
	touch-action: manipulation;
}
body, div, p, ul, ol, dl, dt, dd, li, form, input, table, img, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
        padding-left: 0px;
}
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 80%;
}
body {
    color: #333;
    font-size: 14px;
    font-family: "微软雅黑";
}
.bread1 a {
    color: #596676;
}
.bread1 a:hover{ color:#272727; text-decoration:underline;}
a {
}
.bread1 {
    font-size: 14px;
    font-family: "微软雅黑";
}
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 80%;
}
body {
    color: #333;
    font-size: 14px;
    font-family: "微软雅黑";
}
.bread1 a {
    color: #596676;
	margin: 0;
    font-weight: normal;
    text-shadow: 1px 1px 1px#bbb;
}
.bread1 a:hover{ color:#272727; text-decoration:underline;}

a {
}
a:active,
a:hover {
    text-decoration: underline;
    color:#181818;
}
a:active{text-decoration:underline;}

.bread1 {
    font-size: 14px;
    font-family: "微软雅黑";
}
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 80%;
}
body {
    color: #333;
    font-size: 14px;
    font-family: "微软雅黑";
}
.bread2 a {
    color: #596676;
	font-weight: normal;
	margin: 0;
    font-weight: normal;
    text-shadow: 1px 1px 1px#bbb;
	margin-bottom: 0;
	line-height: 1.5;
}
.bread2 a:hover { color:#272727; text-decoration:underline;}

.div#main, h5.fl, img { 
    text-align: left;
    text-decoration: none;
    color: #333;
    transition: color 0.3s ease 0s;
	visibility: visible !important;
	overflow: hidden;
	text-align: center;
}
.div#main,h5.fl span {
    text-align: left;
	text-align: center;
	text-decoration: none;
    color: #333;
    transition: color 0.3s ease 0s;
	padding: 10px 66px 00px 44px;
}
.div#link, P marquee a {
    color: #333;
    text-decoration: none;
    noFocusLine: expression(this.onFocus = this.blur());
	transition: color 0.3s ease 0s;
	border: none;
	text-align: center;
}

.bread2 {
    font-size: 14px;
    font-family: "微软雅黑";
    font-weight: bold;
	margin: 0px 0px 0px 0;
    margin-right: 0px;
}
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 80%;
}
body {
    color: #333;
    font-size: 14px;
    font-family: "微软雅黑";
}

/* xindaohangtiao*/
.topDate {
   border-bottom: 1px solid #F3F3F3;
   background:#F6F6F6 url("/images/ttbj.jpg") repeat-x;
   border-top: 0px solid #F3F3F3;
   margin: 0 auto;
   width: 100%;
   height: 32px;
   min-width: 1349px;
   visibility: visible !important;
    border-bottom: 1px solid #ccc;
   font-size: 14px;
   color:#2d475d;
}
.topDate {
    color: #1f9e08;
    line-height: 30px;
    font-family: " 微软雅黑,, Arial, Helvetica, sans-serif";
    font-size: 14px;
    color: #2d475d;
}
.topDate {
    color: #1f9e08;
    line-height: 30px;
    font-family: " 微软雅黑,  Arial, Helvetica, sans-serif";
    font-size: 14px;
    color: 
    #2d475d;
}
body, div, p, ul, ol, dl, dt, dd, li, form, input, table, img, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
        padding-left: 0px;
}

body, div, p, ul, ol, dl, dt, dd, li, form, input, table, img, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    padding-left: 0px;
}
#wrapper #head .top{
	background-color: #fff;	
	height:90px;
	font-size:12px;
	padding-top:10px;
	width: auto;
	box-shadow: 0 0 6px 0 rgba(0,0,0,.06);
    position: relative;
    -webkit-transition: box-shadow .2s linear;
    transition: box-shadow .2s linear;}
	
body, div, p, ul, ol, dl, dt, dd, li, form, input, table, img, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
        padding-left: 0px;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, button {
    margin: 0px;
    padding: 0px;
    border: 0px none;
    outline: 0px none;
    font-size: 12px;
    vertical-align: baseline;
    background: none repeat scroll 0% 0% transparent;
}
#wrapper #head .top .TopLogo {
    margin: auto;
    width: 1000px;
    padding-top: 7px;
}
body, div, p, ul, ol, dl, dt, dd, li, form, input, table, img, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
        padding-top: 0px;
        padding-left: 0px;
    padding-left: 0px;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, button {
    margin: 0px;
    padding: 0px;
    border: 0px none;
    outline: 0px none;
    font-size:12px;
    vertical-align: baseline;
    background: none repeat scroll 0% 0% 
    transparent;
}
#wrapper #head .top {
    font-size: 12px;
    visibility: visible !important;
    white-space: nowrap;
}
#wrapper {
    font: normal 12px/24px Helvetica, Tahoma, Arial, sans-serif;
        font-size: 12px;
        font-family: Helvetica, Tahoma, Arial, sans-serif;
    font-size: 12px;
    color: 
    #484848;
}
body {
    font: 12px/1.5 "Arial,"Microsoft YaHei","微软雅黑;
    word-break: break-all;
    word-wrap: break-word;
}
body, div, p, ul, ol, dl, dt, dd, li, form, input, table, img, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
        padding-left: 0px;
    padding-left: 0px;
}
tml, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, button {
    margin: 0px;
    padding: 0px;
    border: 0px none;
    outline: 0px none;
    font-size: 100%;
    vertical-align: baseline;
    background: none repeat scroll 0% 0% 
    transparent;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, img, dl, dt, dd, ol, ul, li, form, table {
    list-style: none;
}
body {
    font: 12px/1.5 "Arial,"Microsoft YaHei","微软雅黑;
    word-break: break-all;
    word-wrap: break-word;
}
.clearfix {
    clear: both;
}
.clearfix {
    overflow: hidden;
    _zoom: 1;
}
body, div, p, ul, ol, dl, dt, dd, li, form, input, table, img, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
        padding-left: 0px;
    padding-left: 0px;
}
wrapper {
    font: normal 12px/24px Helvetica, Tahoma, Arial, sans-serif;
        font-size: 12px;
        font-family: Helvetica, Tahoma, Arial, sans-serif;
    font-size: 12px;
    color: 
    #484848;
}
body {
    font: 12px/1.5 "Arial,"Microsoft YaHei","微软雅黑;
    word-break: break-all;
    word-wrap: break-word;
}
#wrapper #head #NavLink {
    width: 100%;
    height: 52px;
    margin: auto;
	opacity: 1;
	transition:all .3s;
	background-color: #0065CD;
    height: !important;
    visibility: visible !important;
    width: auto;
    z-index: 10001;
    white-space: nowrap;
    display: block !important;
    height: auto !important;
	border-bottom: 2px solid #268CD3;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
body, div, p, ul, ol, dl, dt, dd, li, form, input, table, img, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
        padding-left: 0px;
    padding-left: 0px;
}
#wrapper #head #NavLinkBG {
    width: 1000px;
    margin: auto;
}
body, div, p, ul, ol, dl, dt, dd, li, form, input, table, img, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
        padding-left: 0px;
    padding-left: 0px;
}
.clearfix {
    clear: both;
}
.clearfix {
    overflow: hidden;
    _zoom: 1;
}
#wrapper #body {
    margin: auto;
}
body, div, p, ul, ol, dl, dt, dd, li, form, input, table, img, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
        padding-left: 0px;
    padding-left: 0px;
}
.vspace {
    clear: both;
    width: 99%;
    height: 10px;
    overflow: hidden;
}
.column_wrapper {
    clear: both;
    display: block;
    width: 1000px;
    margin: 0 auto;
}
.bread1 {
    font-size: 14px;
    font-family: "微软雅黑";
	font-weight: bold;
	margin: 0px 0px 0px 0;
    margin-right: 0px;
    padding-top: 5px;
}


.bread2 {
    font-size: 14px;
    font-family: "微软雅黑";
    font-weight: bold;
}


body, div, p, ul, ol, dl, dt, dd, li, form, input, table, img, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
        padding-left: 0px;
    padding-left: 0px;
}
.bread2 a {
    color: 
    #596676;
    font-weight: normal;
}
.bread2 a:hover{ color:#272727; text-decoration:underline;}

.vspace {
    clear: both;
    width: 99%;
    height: 10px;
    overflow: hidden;
}
.clearfix {
    clear: both;
}
.clearfix {
    overflow: hidden;
    _zoom: 1;
}

/* fhdb */
/* 置顶小火箭样式  start  */
body{height:190px;}

#rocket-to-top div {
    left: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 0;
    width: 149px;
}
#rocket-to-top .level-2 {
    background: url("/images/rocket_button_up.png") no-repeat scroll -149px 0 transparent;
    display: none;
    height: 250px;
    opacity: 0;
    z-index: 1;
}
#rocket-to-top .level-3 {
    background: none repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    height: 190px;
    z-index: 2;
}
#rocket-to-top {
    background: url("/images/rocket_button_up.png") no-repeat scroll 0 0 transparent;
    cursor: default;
    display: block;
    height: 250px;
    margin: -125px 0 0;
    overflow: hidden;
    padding: 0;
    position: fixed;
    right: 0;
    top: 80%;
    width: 149px;
    z-index: 11;
}
#rocket-to-top:hover {
    background: url("/images/rocket_button_up2.png") no-repeat scroll 0 0 transparent;
}

/* FeedBack */
.sp-title {
    color: #888;
    padding: 4px 0px;
    border-top: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
    background: #FAFAFA;
    margin-bottom: 0px;
}
.sp-title h2 {
    font-size: 16px;
    line-height: 27px;
}
.FeedBack .commentbox #form1 p {
    font-size: 14px;
    line-height: 27px;
	padding-top: 1px;
}

 .FeedBack {}
 .FeedBack .Fleft{
	width:90px;
	float:left;
	}
 .FeedBack .Fleft .Ficon{
	padding:0px  12px;
	}
 .FeedBack .Fleft .Fname{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-top:5px;
	color:#0084CE;
	font-weight:bold;}		
 .FeedBack .Fright{
	float:left;
	width:600px;
	padding-bottom:10px;
	}
 .FeedBack .Fright .Fcontent .Ftime{
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	color:#0084CE;
	padding:0px 20px 5px 20px;}	
 .FeedBack .Fright .Fcontent{
	width:600px;
	background:url("/images/HituxCMSBlue/PostBG.jpg") no-repeat left top;
	padding:10px 0px;
	}
 .FeedBack .Fright .Fcontent p{
	padding:0px 20px 5px 50px;}

 .FeedBack .Fright .Fcontent .Freply .FRtitle{
	margin-left:20px;
	line-height:20px;
	color:#FFFFFF;
	height:25px;
	background:url("/images/HituxCMSBlue/picon.gif") no-repeat 2px 0px;
	padding-left:20px;
	font-weight:bold;}
 .FeedBack .Fright .Fcontent .Freply p{
	color:#989E4D}	
 .FeedBack .Fright .Fline{
	float:right;
	width:572px;
	border-top:1px solid #EDEDEF;
	filter:progid:DXImageTransform.Microsoft.Shadow(Color=#999999, Strength=1, Direction=180);} 

 .FeedBack .IntroTitle{
	width:765px;
	margin:auto;
	}
 .FeedBack .commentbox{
	padding-top:5px;
	padding: 10px 20px;
	border-collapse: collapse;
    word-break: break-word;}	
 .FeedBack .commentbox #commentform td{
	height:30px;
	font-size:12px;
	vertical-align: top;
	padding-top: 6px;
	line-height:normal;
	border: 1px solid #c0c0c0;
    border-collapse: collapse;
    padding: 8px 20px;
    min-width: 50px;
	margin-top: 0;
    margin-bottom: 0;
    overflow: auto;}
 .FeedBack .commentbox #commentform input{
	height:25px;
	line-height:25px;
	line-height: 1.5;}
 .FeedBack .commentbox #commentform input:hover{
    background:#FFEA9A;
	color:#000000;}	
 .FeedBack .commentbox #commentform td span{
	font-weight:bold;
	color:#900;}
 .FeedBack .commentbox #form1 #commentform .btn-2{
    height: 33px;
    line-height: 26px;
    line-height: 1.5;
    margin-left: -15px;
    width: 120px;
}	
 .FeedBack .commentbox #commentform .Cbutton{
	line-height:25px;
	color:#FFFFFF;
	font-size:14px;
	cursor:pointer;
   background:#FD9603;
	background-image:-moz-linear-gradient(top,#FFEA9A,#FB7B04);
    background-image:-webkit-linear-gradient(top,#FFEA9A,#FB7B04);
    background-image:-o-linear-gradient(top,#FFEA9A,#FB7B04);
    background-image:linear-gradient(to bottom,#FFEA9A,#FB7B04);
    border:1px solid #FB6B05;
    box-shadow:0 1px 1px #feb443 inset;
	height: 40px;
    line-height: 40px;
    width: 120px;
    font-size: 15px;
    font-weight: 700;
    text-align: center;}
 .FeedBack .commentbox #commentform .Cbutton:hover{
    color:#000000;
	background-image:-moz-linear-gradient(top,#FB7B04,#FFEA9A);
    background-image:-webkit-linear-gradient(top,#FB7B04,#FFEA9A);
    background-image:-o-linear-gradient(top,#FB7B04,#FFEA9A);
    background-image:linear-gradient(to bottom,#FB7B04,#FFEA9A)
    text-decoration:none;}	
		
#body .inner .right .main .FeedBack .commentlist dt{
	padding:5px 10px;
	background-color:#dededc;
	height:22px;
	line-height:22px;
	font-size:12px;}	
#body .inner .right .main .FeedBack .commentlist dd{
	padding:15px 0px 15px 0px;
	line-height:180%;
	font-size:14px;
	}	
#body .inner .right .main .FeedBack .commentlist dd  b{
	color:#458D3A;}

#body .inner .right .main .FeedBack .commentlist dd span{
	color:#A00000;}	
#body .inner .right .main .FeedBack .commentlist p{
	padding:0px;
	line-height:180%;
	margin:0px;}



.clicktimes{
	display:none;}

/* 二块类目 */
.wrap {
    text-align: left;
}
.wrap2 {
    width: 100px;
    margin: 0 auto;
        margin-top: 0px;
    margin-top: 0px;
    text-align: left;
    max-width: 1920px;
    min-width: 1000px;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, button {
    margin: 0px;
    padding: 0px;
    border: 0px none;
    outline: 0px none;
    font-size: 14px;
    vertical-align: baseline;
    background: none repeat scroll 0% 0% transparent;
        background-position-x: 0%;
        background-position-y: 0%;
        background-repeat: repeat;
        background-image: none;
        background-size: auto;
}
body, div, p, ul, ol, dl, dt, dd, li, form, input, table, img, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
        padding-left: 0px;
    padding-left: 0px;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, button {
    margin: 0px;
    padding: 0px;
    border: 0px none;
    outline: 0px none;
    font-size: 14px;
    vertical-align: baseline;
    background: none repeat scroll 0% 0% transparent;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, img, dl, dt, dd, ol, ul, li, form, table {
    list-style: none;
}
* {
    font-size: 12px;
    font-family: "Microsoft YaHei","微软雅黑";
    margin: 0 auto;
    padding: 0;
    list-style: none;
    text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
}
body, h1, h2, h3, h4, h5, h6, p, dl, dd, td, th {
    margin: 0;
    padding: 0;
}

/* root */
:root {
    --groot-ui-rpx: 0.0625em;
    --groot-ui-default-font-size: 16px;
    --groot-ui-font-size-s: 12px;
    --groot-ui-font-size-m: 14px;
    --groot-ui-font-size-l: 16px;
    --groot-ui-spacing-unit-1: 0.3125em;
    --groot-ui-spacing-unit-2: 0.625em;
    --groot-ui-spacing-unit-3: 0.9375em;
    --groot-ui-spacing-unit-4: 1.25em;
    --groot-ui-spacing-unit-5: 1.875em;
    --groot-ui-spacing-unit-6: 2.5em;
    --groot-ui-spacing-unit-7: 3.125em;
    --groot-ui-spacing-unit-8: 3.75em;
    --groot-ui-height-unit-1: 0.3125em;
    --groot-ui-height-unit-2: 0.625em;
    --groot-ui-height-unit-3: 0.9375em;
    --groot-ui-height-unit-4: 1.25em;
    --groot-ui-height-unit-5: 1.875em;
    --groot-ui-height-unit-6: 2.5em;
    --groot-ui-height-unit-7: 3.125em;
    --groot-ui-height-unit-8: 3.75em;
    --groot-ui-color-brand-1: #f2f7ff;
    --groot-ui-color-brand-2: #d6e4ff;
    --groot-ui-color-brand-3: #adcbff;
    --groot-ui-color-brand-4: #85b4ff;
    --groot-ui-color-brand-5: #5c9dff;
    --groot-ui-color-brand-6: #3388ff;
    --groot-ui-color-brand-7: #2170d9;
    --groot-ui-color-brand-8: #125ab3;
    --groot-ui-color-brand-9: #07458c;
    --groot-ui-color-brand-10: #003166;
    --groot-ui-color-gray-1: #fff;
    --groot-ui-color-gray-2: #f8f8f8;
    --groot-ui-color-gray-3: #f5f5f5;
    --groot-ui-color-gray-4: #eee;
    --groot-ui-color-gray-5: #d8d8d8;
    --groot-ui-color-gray-6: #ccc;
    --groot-ui-color-gray-7: #999;
    --groot-ui-color-gray-8: #666;
    --groot-ui-color-gray-9: #333;
    --groot-ui-color-gray-10: #000;
    --groot-ui-color-error-1: #fff3f2;
    --groot-ui-color-error-2: #ffd7d4;
    --groot-ui-color-error-3: #ffa8a3;
    --groot-ui-color-error-4: #ff7773;
    --groot-ui-color-error-5: #ff4542;
    --groot-ui-color-error-6: #ff1212;
    --groot-ui-color-error-7: #d90408;
    --groot-ui-color-error-8: #b30006;
    --groot-ui-color-error-9: #8c0007;
    --groot-ui-color-error-10: #660007;
    --groot-ui-color-warning-1: #fff8f2;
    --groot-ui-color-warning-2: #ffe4cc;
    --groot-ui-color-warning-3: #ffc799;
    --groot-ui-color-warning-4: #ffa866;
    --groot-ui-color-warning-5: #ff8833;
    --groot-ui-color-warning-6: #ff6600;
    --groot-ui-color-warning-7: #d95300;
    --groot-ui-color-warning-8: #b34100;
    --groot-ui-color-warning-9: #8c3100;
    --groot-ui-color-warning-10: #662200;
    --groot-ui-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    --groot-ui-font-weight-1: 400;
    --groot-ui-font-weight-2: 500;
    --groot-ui-font-weight-3: 600;
    --groot-ui-line-height-1: 1.5;
    --groot-ui-line-height-2: 2;
    --groot-ui-border-radius-1: 2px;
    --groot-ui-border-radius-2: 4px;
    --groot-ui-border-radius-3: 6px;
    --groot-ui-border-radius-4: 8px;
    --groot-ui-border-radius-5: 10px;
    --groot-ui-border-radius-6: 100%;
    --groot-ui-separator-color-normal: #eee;
    --groot-ui-separator-color-strong: #eee;
    --groot-ui-separator-color-trigger: #666;
    --groot-ui-shadow-1: 0 6px 10px 0 rgba(51, 136, 255, 0.2);
    --groot-ui-shadow-2: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
    --groot-ui-shadow-3: 0 -2px 8px 0 rgba(0, 0, 0, 0.06);
    --groot-ui-shadow-4: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
    --groot-ui-page-min-width: 1200;
}