/* top start*/
html { overflow-y: scroll }
body, td, th { font-size: 14px; }
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: #178CC9; }
a:active { text-decoration: underline; }
.LineLink a { text-decoration: underline; }
.LineLink a:hover { text-decoration: none; color: #178CC9; }
.ColorLink a { color: #178CC9; }
.ColorLink a:hover { color: #178CC9; }
.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; }
body { font-family: "Microsoft Yahei", Arial, Helvetica, sans-serif; }
#wrapper { width: 100%; margin: auto; }
#wrapper #head .top { width: 100%; height: 100px; font-size: 12px; }
#wrapper #head .top .TopInfo { margin: auto; width: 980px; }
#wrapper #head .top .TopInfo .link { text-align: center; line-height: 23px; width: 207px; float: right; color: #999999; }
#wrapper #head .top .TopInfo .link a { color: #178CC9; }
#wrapper #head .top .TopLogo { margin: auto; width: 980px;  }
#wrapper #head .top .TopLogo .logo { float: left; height: 62px; }
#wrapper #head .top .TopLogo .tel { float: right; background: url("../images/top_tel.png") no-repeat left 12px; height: 62px; width: 240px; }
#wrapper #head .top .TopLogo .tel .telW { padding-left: 30px; padding-top: 8px; color: #036; }
#wrapper #head .top .TopLogo .tel .telN { padding-left: 30px; font-family: Tahoma, Geneva, sans-serif; font-size: 24px; color: #F90; line-height: 100%; }
/* navs*/

#wrapper #head #NavLink { width: 100%; height: 40px; margin: auto; padding-bottom: 10px; }
#wrapper #head #NavLink .NavBG { height: 40px; width: 100%; background-color: #178CC9; position: absolute; z-index: 100; }
#wrapper #head #NavLink #sddm { width: 980px; margin: auto; z-index: 30 }
#wrapper #head #NavLink #sddm li { float: left; font-weight: bold; }
#wrapper #head #NavLink #sddm li a { display: block; width: 101px; color: #FFF; text-align: center; padding: 0 10px; line-height: 40px; }
#wrapper #head #NavLink #sddm li a:hover, #wrapper #head #NavLink #sddm li a.s { text-decoration: none; background: url("../images/menu_bg3.jpg") repeat-x center -15px; }
#wrapper #head #NavLink #sddm div { position: absolute; display: none; background: #808080; padding: 0px 0px; filter: alpha(opacity=85); }
#wrapper #head #NavLink #sddm div a {
	position: relative;
	text-align: center;
	background-color: #178CC9; 
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	line-height: 30px;
	border-bottom: 1px solid #fff;
	width: 101px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	overflow: hidden;
	height: 30px;
}
#wrapper #head #NavLink #sddm div a:hover, #wrapper #head #NavLink #sddm div a.ss { background: #48B8EA; line-height: 30px; border-bottom: 1px solid #fff; }
#wrapper #body { margin: auto; width: 980px; }
/* albumblock*/



.albumblock { padding: 10px 6px 10px 10px; float: left; }
.albumblock .inner1 { width: 182px; height: 165px; position: relative; border: 1px solid #dededc; overflow: hidden; }
.albumblock .inner1 img { border: 2px solid #fff; width: 178px; height: 132px; }
.albumblock .inner1 .albumtitle { height: 26px; line-height: 26px; font-size: 12px; width: 178px; background: #178CC9; position: relative; bottom: 0px; left: 0; color: #FFFFFF; filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; font-weight: normal;
text-align: center; cursor: pointer; margin: auto; }
.albumblock .inner1 .albumtitle span { font-weight: normal; font-size: 12px; }
.albumblock .inner1 a:hover { text-decoration: none; }
.albumblock .inner1 a:visited { text-decoration: none; }
.albumblock .inner1:hover { border: 1px solid #178CC9; }
/*footer*/

#footer { border-top: 2px solid #178CC9; width: 100%; height: 100%; padding-bottom: 50px; font-size: 12px; color: #191919; background: url("../images/page-header.jpg") repeat-x center top; }
#footer a { color: #191919; }
#footer .inner { margin: auto; width: 980px; padding-top: 10px; 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 { padding: 10px 10px 0px 13px; }
.SearchBar #search-text { width: 128px; padding: 0px 5px; border: 1px solid #178CC9; margin: 0px; color: #999999; height: 23px; line-height: 23px; font-size: 12px; }
.SearchBar #search-submit { border: none; background: #178CC9; font-size: 12px; color: #FFFFFF; height: 25px; margin: 0px; cursor: pointer; padding: 0 10px; line-height: 25px; }
/* 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: #178CC9; 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; }
/* 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; }
#MBlockTable td div { height: 26px; line-height: 26px; overflow: hidden; }
/*Focus*/

#Focus { width: 980px; height: 300px; overflow: hidden; position: relative; }
#Focus ul { height: 380px; position: absolute; }
#Focus ul li { float: left; width: 980px; height: 300px; overflow: hidden; position: relative; background: #000; }
#Focus ul li div { position: absolute; overflow: hidden; }
#Focus .btnBg { position: absolute; width: 980px; height: 20px; left: 0; bottom: 0; background: #000; }
#Focus .btn { position: absolute; width: 960px; height: 10px; padding: 5px 10px; right: 0; bottom: 0; text-align: right; }
#Focus .btn span { display: inline-block; _display: inline; _zoom: 1; width: 25px; height: 10px; _font-size: 0; margin-left: 5px; cursor: pointer; background: #fff; }
#Focus .btn span.on { background: #fff; }
#Focus .preNext { width: 45px; height: 100px; position: absolute; top: 90px; cursor: pointer; }
#Focus .pre { left: 0; }
#Focus .next { right: 0; background-position: right top; }
/* main block*/

#body .MainBlock { font-size: 12px; }
#body .MainBlock .left { float: left; width: 420px; border-top: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; border-left: 1px solid #dddddd; height: 285px; overflow: hidden; }
#body .topic { height: 35px; background: url("../images/box_bg1.jpg") repeat left top; line-height: 35px; border-bottom: 1px solid #dddddd; }
#body .topic .TopicTitle { background: url("../images/nav_bg1.jpg") no-repeat -23px 0px; float: left; font-weight: bold; padding-left: 20px; font-size: 12px; color: #178CC9; height: 35px; }
#body .topic .TopicMore { float: right; font-size: 12px; padding-right: 10px; padding-top: 13px; }
#body .topic .TopicMore img { }
#body .left #MBlockTable td { line-height: 26px; padding-left: 10px; font-size: 12px; }
#body .MainBlock .left #MBlockTable span { color: #178CC9; padding-left: 10px; font-size: 11px; }
#body .MainBlock .right { width: 251px; float: left; height: 285px; border-left: 1px solid #dddddd; border-top: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; overflow: hidden; }
#body .MainBlock .right .img { padding: 14px; }
#body .MainBlock .right .txt { padding: 0px 14px 14px 14px; }
#body .MainBlock .right2 { width: 281px; float: right; height: 285px; border-left: 1px solid #dddddd; border-top: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; overflow: hidden; }
#body .MainBlock .right2 .img { padding: 14px; }
#body .MainBlock .right2 .txt { padding: 0px 14px 14px 14px; }
#body .productShow { BORDER: #dddddd 1px solid; WIDTH: 978px; font-size: 12px; }
.hjc { }
.hjnav { BACKGROUND-COLOR: #fff; HEIGHT: 428px; overflow: hidden; }
.hjnavleft { WIDTH: 148px; FLOAT: left; HEIGHT: 512px; overflow: hidden; }
.hjnavleft ul { }
#body .ProductShow { BORDER: #dddddd 1px solid; WIDTH: 978px; font-size: 12px; }
.hjnavleft ul li {
	liNE-HEIGHT: 42px;
	pADDING-LEFT: 36px;
	HEIGHT: 42px;
	width: 112px;
	background: url(../images/box_bg3.jpg) no-repeat -10px top;
	border-bottom: 1px solid #dddddd;
	overflow: hidden;
}
.hjnavleft ul li a:hover { text-decoration: none; }
.hjnavleft ul li.hover0 { BACKGROUND: #178CC9; }
.hjnavleft ul li.hover0 a { color: #FFFFFF; font-weight: bold; }
.hjnavleft ul li.hover1 { BACKGROUND: #178CC9; }
.hjnavleft ul li.hover1 a { color: #FFFFFF; font-weight: bold; }
.hjnavleft ul li.hover2 { BACKGROUND: #178CC9; }
.hjnavleft ul li.hover2 a { color: #FFFFFF; font-weight: bold; }
.hjnavleft ul li.hover3 { BACKGROUND: #178CC9; }
.hjnavleft ul li.hover3 a { color: #FFFFFF; font-weight: bold; }
.hjnavleft ul li.hover4 { BACKGROUND: #178CC9; }
.hjnavleft ul li.hover4 a { color: #FFFFFF; font-weight: bold; }
.hjnavleft ul li.hover5 { BACKGROUND: #178CC9; }
.hjnavleft ul li.hover5 a { color: #FFFFFF; font-weight: bold; }
.hjnavleft ul li.hover6 { BACKGROUND: #178CC9; }
.hjnavleft ul li.hover6 a { color: #FFFFFF; font-weight: bold; }
.hjnavleft ul li.hover7 { BACKGROUND: #178CC9; }
.hjnavleft ul li.hover7 a { color: #FFFFFF; font-weight: bold; }
.hjnavleft ul li.hover8 { BACKGROUND: #178CC9; }
.hjnavleft ul li.hover8 a { color: #FFFFFF; font-weight: bold; }
.hjnavleft ul li.hover9 { BACKGROUND: #178CC9; }
.hjnavleft ul li.hover9 a { color: #FFFFFF; font-weight: bold; }
.hjnavleft ul li.hover10 { BACKGROUND: #178CC9; }
.hjnavleft ul li.hover10 a { color: #FFFFFF; font-weight: bold; }
.hjnavleft ul li.hover11 { BACKGROUND: #178CC9; }
.hjnavleft ul li.hover11 a { color: #FFFFFF; font-weight: bold; }
.hjnavcn { WIDTH: 820px; FLOAT: left; HEIGHT: 512px; OVERFLOW: hidden; border-left: 1px solid #dddddd; }
.f { pADDING-BOTTOM: 10px; pADDING-LEFT: 0px; pADDING-RIGHT: 0px; pADDING-TOp: 10px }
.dcn { pADDING-BOTTOM: 10px; pADDING-LEFT: 0px; pADDING-RIGHT: 0px; pADDING-TOp: 10px }
.shengming { pADDING-LEFT: 0px; pADDING-RIGHT: 0px; pADDING-TOp: 10px }
.cfr H5 IMG { DISpLAY: block }
.cfr ul li.tenlion IMG { DISpLAY: block }
.jdcenter IMG { DISpLAY: block }
.cfr ul li IMG { DISpLAY: none }
.cfr ul li.tenlion p { DISpLAY: none }
.hjone { pADDING-BOTTOM: 10px; liNE-HEIGHT: 22px; pADDING-LEFT: 10px; pADDING-RIGHT: 10px; HEIGHT: 158px; pADDING-TOp: 10px }
.hjone p { pADDING-BOTTOM: 5px; TEXT-INDENT: 2em }
#body #Links { padding: 10px 8px; line-height: 25px; font-size: 12px; }
#body #Links span { font-weight: bold; }
#body #Links a { padding: 0px 7px; }
#body .inner { width: 980px; }
#body .inner .left { width: 220px; float: left; }
#body .inner .right { width: 744px; float: right; border: 1px solid #DDDDDD;}
#body .inner .left .Sbox { width: 218px; border: 1px solid #DDDDDD; padding-bottom: 20px; font-size: 12px; }
#body .inner .left .Sbox .topic { background: url("../images/box_bg1.jpg") repeat left top; font-size: 12px; font-family: "Microsoft Yahei"; margin: 5px 0px 10px 0px; line-height: 30px; border-bottom: 1px solid #DDDDDD; padding-left: 10px; color: #178CC9; font-weight: bold; }
#body .inner .left .Sbox .blank ul { padding: 0px 0px; }
#body .inner .left .Sbox .blank ul li { cursor: pointer; }
#body .inner .left .Sbox .blank .current a { background: #178CC9; border-bottom: 1px solid #FFFFFF; }
#body .inner .left .Sbox .blank .current a { color: #FFFFFF; }
#body .inner .left .Sbox .blank ul li a { display: block; height: 35px; line-height: 35px; padding-left: 30px; border-bottom: 1px dotted #DDDDDD; background: url("../images/box_icon1.png") no-repeat 12px 12px; }
#body .inner .left .Sbox .blank ul li a:hover, #body .inner .left .Sbox .blank ul li a.select { background: #178CC9; border-bottom: 1px solid #FFFFFF; color: #FFFFFF; text-decoration: none; }
#body .inner .left .Sbox .list dl { padding: 0px 20px; }
#body .inner .left .Sbox .list dl dt { font-family: Arial; color: #666666; line-height: 20px; font-size: 10px; }
#body .inner .left .Sbox .list dl dd { line-height: 25px; border-bottom: 1px dotted #DDDDDD; }
#body .inner .right .position { font-size: 12px; line-height: 33px; background: url("../images/box_bg5.jpg") repeat left top; }
#body .inner .right .position a { color: #666666; }
#body .inner .right .position span { padding-left: 30px; background: url("../images/box_icon2.png") no-repeat 10px 4px; }
#body .inner .right .main { padding: 10px 20px; font-size: 12px; }
/*content*/

#body .inner .right .main .content .title h3 { text-align: center; font-size: 18px; font-weight: normal; font-family: "Microsoft Yahei"; }
#body .inner .right .main .content .infos { font-size: 12px; line-height: 40px; color: #666666; text-align: center; }
#body .inner .right .main .content .maincontent { font-size: 12px; }
#body .inner .right .main .content .maincontent p { padding: 5px 0px; line-height: 200%; }
#body .inner .right .main .content .download { background: url("../images/downicon.gif") no-repeat 15px 7px; padding-left: 55px; border: 1px solid #F5F5F5; line-height: 40px; font-size: 14px; font-family: Arial, Helvetica, sans-serif; margin: 10px 0px; }
#body .inner .right .main .content .prenext { padding: 10px 0px; margin-top: 10px; }
#body .inner .right .main .content .prenext ul li { line-height: 30px; background: url("../images/jiantou.gif") no-repeat 0px 1px; padding-left: 15px; }
#body .inner .right .main .ArticleList { font-size: 12px; }
#body .inner .right .main .ArticleList td { line-height: 35px; border-bottom: 1px dashed #CCC; }
#body .inner .right .main .ArticleList .fw_t { font-size: 12px; }
#body .inner .right .main .ArticleList .fw_s { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #666666; }
/* recruit */



#body .inner .right .main .RecruitList { }
#body .inner .right .main .RecruitList td { line-height: 35px; border-bottom: 1px solid #CCC; font-size: 12px; }
#body .inner .right .main .RecruitList .Rtitle { background: #178CC9; color: #FFFFFF; font-size: 14px; padding-left: 10px; height: 30px; line-height: 30px; }
#body .inner .right .main .RecruitList .Rtitle span { text-align: right; font-size: 12px; }
/*product*/

#body .inner .left .Sbox .ClassNav { padding: 0px 10px; }
#body .inner .left .Sbox .ClassNav .NavTree ul { }
#body .inner .left .Sbox .ClassNav .NavTree ul li { position: relative; z-index: 1000; }
/*1st level sub menu style */

#body .inner .left .Sbox .ClassNav .NavTree ul li ul { left: 198px; /* parent menu width - 1*/ position: absolute; width: 160px; /*sub menu width*/ top: 0; display: none; border: 1px solid #178CC9; border-top: 2px solid #178CC9; background: #FFFFFF; filter:progid:DXImageTransform.Microsoft.Shadow(Color=#999999, Strength=3, Direction=135);
}
/*All subsequent sub menu levels offset */

#body .inner .left .Sbox .ClassNav .NavTree ul li ul li ul { left: 159px; /* parent menu width - 1*/ z-index: 100px; }
/* menu links style */

#body .inner .left .Sbox .ClassNav .NavTree ul li a { display: block; cursor: pointer; line-height: 35px; border-bottom: 1px dotted #DDDDDD; padding-left: 10px; height: 35px; }
#body .inner .left .Sbox .ClassNav .NavTree ul li li { background: url("../images/box_icon1.png") no-repeat 12px 12px; padding-left: 0; text-align: center; }
#body .inner .left .Sbox .ClassNav .NavTree ul li li a { border-bottom: 1px solid #DDDDDD; }
#body .inner .left .Sbox .ClassNav .NavTree ul .current a { background: #178CC9; color: #FFFFFF; }
#body .inner .left .Sbox .ClassNav .NavTree ul .current li a { background: #FFFFFF; color: #000000; }
#body .inner .left .Sbox .ClassNav .NavTree ul li a:hover { color: white; background: #178CC9; text-decoration: none; }
#body .inner .left .Sbox .ClassNav .NavTree .subfolderstyle { background: url(../images/arrow-list.gif) no-repeat 150px center; }
/* Holly Hack for IE \*/

* html #body .inner .left .Sbox .ClassNav .NavTree ul li { float: left; height: 1%; }
* html #body .inner .left .Sbox .ClassNav .NavTree ul li a { height: 1%; }
/* End */
