﻿
/* 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:#015792;}
a:active{text-decoration:underline;}
.LineLink a{text-decoration:underline;}
.LineLink a:hover {text-decoration:none;color:#015792;}
.ColorLink a {color:#015792;}
.ColorLink a:hover {color:#015792;}
.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;}
{width:100%;padding:0px 0px;margin:auto;}
#wrapper{}
#head{width:100%;height:282px;}
#head .top{width:100%;font-size:12px;}
.TopBG{width:100%;background:#FFF}
.TopInfo{margin:auto;width:1020px;height:35px;}
.TopInfo .link{text-align:center;width:227px;height:25px;float:right;color:#333;padding-right:20px;padding-left:10px;font-size:12px;}
.TopInfo .link td{font-size:12px;}
.TopInfo .link a{color:#333;}
.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{float:left;height:62px;padding-top:10px;}
#head .top .TopLogo .tel .telW{padding-left:0px;padding-top:10px;color:#999;font-size:11px;}
#head .top .TopLogo .tel .telN{padding-left:0px;font-family:Tahoma, Geneva, sans-serif;font-size:18px;color:#FF8700;line-height:100%;}
#header {margin:auto;width: 1020px;z-index: 99;padding-top:30px;font-weigith:normal;}
#header .logo {float: left;padding-top:0px;}
#header .nav {float: right;width: 815px;padding-top:10px;font-family:Microsoft Yahei,Verdana, Geneva, sans-serif;}
#header .nav ul .mainlevel {background: url("/images/fgf-bg.png") no-repeat scroll 0 0 transparent;float: left;line-height: 33px;padding-left: 2px;}
* html .nav ul .mainlevel {background: none repeat scroll 0 0 transparent;position: relative;}
.language {color: #FFFFFF;position: absolute;right: 22px;top: -30px;z-index: 999;}
.language a {color: #FFFFFF;line-height: 26px;}
.language a:hover {color: #EEEEEE;}
.language span {height: 5px;margin: 0 5px;width: 1px;}
#header .nav ul {display: table;}
#header .nav ul li .nav-a {background: url("/images/repeat2-bg.png") repeat-x scroll 0 0 transparent;color: #FFFFFF;display: inline-block;font-size: 13px;height: 33px;line-height: 33px;padding: 0 20px;text-decoration: none;}
#header .nav ul li .nav-a.current {background: url("/images/repeat-bg.png") repeat-x scroll 0 0 transparent;}
#header .nav ul li .nav-a:hover {background: url("/images/repeat-bg.png") repeat-x scroll 0 0 transparent;color: #FFFFFF;height: 33px;line-height: 33px;padding: 0 20px;}
#header .nav ul li .nav-a {background: url("/images/repeat2-bg.png") repeat-x scroll 0 0 transparent;color: #FFFFFF;display: inline-block;font-size: 13px;height: 33px;line-height: 33px;padding: 0 20px;text-decoration: none;}
#header .nav ul li .nav-a.current {background: url("/images/repeat-bg.png") repeat-x scroll 0 0 transparent;}
#header .nav ul li .nav-a:hover {background: url("/images/repeat-bg.png") repeat-x scroll 0 0 transparent;color: #FFFFFF;height: 33px;line-height: 33px;padding: 0 20px;}
#header .nav ul li.first-crl {background: none repeat scroll 0 0 transparent;}
#header .nav ul li.first-crl .nav-a {background: url("/images/yj-bg2.png") no-repeat scroll left top transparent;height: 38px;padding-left: 45px;}
#header .nav ul li.first-crl .nav-a .current {background: url("/images/yj-bg.png") no-repeat scroll left top transparent;height: 38px;padding-left: 45px;}
#header .nav ul li.first-crl .nav-a:hover {background: url("/images/yj-bg.png") no-repeat scroll left top transparent;height: 38px;padding-left: 45px;}
#header .nav ul li.end-crl .nav-a {background: url("/images/yj-bg2.png") no-repeat scroll right -41px transparent;height: 38px;padding-right: 45px;}
#header .nav ul li.end-crl .nav-a.current {background: url("/images/yj-bg.png") no-repeat scroll right -41px transparent;height: 38px;padding-right: 45px;}
#header .nav ul li.end-crl .nav-a:hover {background: url("/images/yj-bg.png") no-repeat scroll right -41px transparent;height: 38px;padding-right: 45px;}
.mainlevel div {background: url("/images/nav-bg-09.png") repeat scroll 0 0 transparent;display: none;padding: 15px 20px;position: absolute;top: 108px;width: 430px;}
#sub_01 {left: 354px;}
#sub_02 {left: 450px;}
#sub_03 {left: 544px;}
#sub_04 {left: 639px;}
#sub_05 {right: 160px;}
#sub_06 {right: 160px;}
#sub_07 {right: 160px;}
#sub_08 {right: 160px;}
.mainlevel div ol {display: block;float: left;overflow: hidden;width: 240px;}
.mainlevel div li {border-bottom: 1px dashed #CCCCCC;line-height: 27px;width: 79px;float:left;}
.mainlevel div li a {background: url("/images/li-icon.png") no-repeat scroll left center transparent;color: #3B3B3B;display: inline-block;height: 27px;line-height: 27px;padding-left: 10px;width: 79px;}
.mainlevel div li a:hover {color: #172053;}
.mainlevel div .nav-img {display: inline-block;float: right;}
.mainlevel div span img {border: 3px solid #FFFFFF;width:158px;height:96px;}
.fg-menu-container {position: absolute;top:0;margin-bottom:-1px;margin-top:-1px;left:-999px;padding: .4em;height:240px;overflow:scroll;overflow-x:hidden;}
.fg-menu-container.fg-menu-flyout {overflow: visible;}
.fg-menu, .fg-menu ul {list-style-type:none;padding: 0;margin:0;}
.fg-menu {position:relative;}
.fg-menu-flyout .fg-menu {position:static;}
.fg-menu ul {position:absolute;top:0;}
.fg-menu ul ul {top:-1px;}
.fg-menu-container.fg-menu-ipod .fg-menu-content, 
.fg-menu-container.fg-menu-ipod .fg-menu-content ul {background: none !important;}
.fg-menu.fg-menu-scroll,
.fg-menu ul.fg-menu-scroll {overflow: scroll;overflow-x: hidden;}
.fg-menu li {clear:both;float:left;width:100%;margin: 0;padding:0;border: 0;}
.fg-menu li li {font-size:1em;}
/* inner li font size must be reset so that they don't blow up */

.fg-menu-flyout ul ul {padding: .4em;}
.fg-menu-flyout li {position:relative;}
.fg-menu-scroll {overflow: scroll;overflow-x: hidden;}
.fg-menu-breadcrumb {margin: 0;padding: 0;}
.fg-menu-footer {margin-top: .4em;padding: .4em;}
.fg-menu-header {margin-bottom: .4em;padding: .4em;}
.fg-menu-breadcrumb li {float: left;list-style: none;margin: 0;padding: 0 .2em;font-size: .9em;opacity: .7;}
.fg-menu-breadcrumb li.fg-menu-prev-list,
.fg-menu-breadcrumb li.fg-menu-current-crumb {clear: left;float: none;opacity: 1;}
.fg-menu-breadcrumb li.fg-menu-current-crumb {padding-top: .2em;}
.fg-menu-breadcrumb a, 
.fg-menu-breadcrumb span {float: left;}
.fg-menu-footer a:link,
.fg-menu-footer a:visited {float:left;width:100%;text-decoration: none;}
.fg-menu-footer a:hover,
.fg-menu-footer a:active {}
.fg-menu-footer a span {float:left;cursor: pointer;}
.fg-menu-breadcrumb .fg-menu-prev-list a:link,
.fg-menu-breadcrumb .fg-menu-prev-list a:visited,
.fg-menu-breadcrumb .fg-menu-prev-list a:hover,
.fg-menu-breadcrumb .fg-menu-prev-list a:active {background-image: none;text-decoration:none;}
.fg-menu-breadcrumb .fg-menu-prev-list a {float: left;padding-right: .4em;}
.fg-menu-breadcrumb .fg-menu-prev-list a .ui-icon {float: left;}
.fg-menu-breadcrumb .fg-menu-current-crumb a:link,
.fg-menu-breadcrumb .fg-menu-current-crumb a:visited,
.fg-menu-breadcrumb .fg-menu-current-crumb a:hover,
.fg-menu-breadcrumb .fg-menu-current-crumb a:active {display:block;background-image:none;font-size:.2em;text-decoration:none;}
/* REQUIRED LINK STYLES: links are "display:block" by default;if the menu options are split into 
	selectable node links and 'next' links, the script floats the node links left and floats the 'next' links to the right	*/

.fg-menu a:link,
.fg-menu a:visited,
.fg-menu a:hover,
.fg-menu a:active {float:left;width:92%;padding:1px 3%;text-decoration:none;outline: 0 !important;font-family:微软雅黑;font-size:10px;color:#6c6c6c;}
.fg-menu a {border: 1px solid transparent;_border:1px solid #F0EFEA;}
.fg-menu a.ui-state-default:link,
.fg-menu a.ui-state-default:visited,
.fg-menu a.ui-state-default:hover,
.fg-menu a.ui-state-default:active,
.fg-menu a.ui-state-hover:link,
.fg-menu a.ui-state-hover:visited,
.fg-menu a.ui-state-hover:hover,
.fg-menu a.ui-state-hover:active,
 .fg-menu a.ui-state-active:link,
 .fg-menu a.ui-state-active:visited,
 .fg-menu a.ui-state-active:hover,
.fg-menu a.ui-state-active:active {border-style: solid;font-weight: normal;}
.fg-menu a span {display:block;cursor:pointer;}
/* SUGGESTED STYLES - for use with jQuery UI Themeroller CSS */	
 
.fg-menu-indicator span {float:left;}
.fg-menu-indicator span.ui-icon {float:right;}
.fg-menu-content.ui-widget-content, 
.fg-menu-content ul.ui-widget-content {border:0;}
/* ICONS AND DIVIDERS */

.fg-menu.fg-menu-has-icons a:link,
.fg-menu.fg-menu-has-icons a:visited,
.fg-menu.fg-menu-has-icons a:hover,
.fg-menu.fg-menu-has-icons a:active {padding-left:20px;}
.fg-menu .horizontal-divider hr, .fg-menu .horizontal-divider span {padding:0;margin:5px .6em;}
.fg-menu .horizontal-divider hr {border:0;height:1px;}
.fg-menu .horizontal-divider span {font-size:.9em;text-transform: uppercase;padding-left:.2em;}
#wrapper #body{width:100%;margin:auto;z-index:100;}
/* albumblock*/

 .albumblock{padding:10px 35px 30px 40px;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;color:#015792;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:#015792;}
.albumblock .inner  a:hover{text-decoration:none;}
.albumblock .inner  a:visited{text-decoration:none;}
.albumblock .inner:hover{border:1px solid #015792;}
/*footer*/
#footer{width:100%;height:100%;padding-bottom:30px;font-size:12px;color:#999;background:#FFF url("/images/footer-bg.jpg") repeat-x left top;}
#footer a{color:#999;}
#footer .inner{margin:auto;width:1080px;padding-top:30px;}
#footer .inner .InnerLeft{float:left;width:600px;text-align:left;}
#footer .inner .InnerRight{float:right;width:220px;padding-top:10px;}
#footer .inner .InnerRight .tel{background: url("/images/HituxCMSBold/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/HituxCMSBold/nav_bg2.png") repeat-x center -5px;}
#footer .inner .BottomNav a{color:#015792;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:182px;height:25px;background:url("/images/search_bg.jpg") no-repeat left top;}
.Sbox .SearchBar{margin:10px 0px 0px 10px;}
.SearchBar #search-text {width: 130px;padding:0px 5px;margin:0px;color:#666666;height:23px;line-height:23px;font-size:12px;background:none;border:none;padding-left:15px;}
.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:#015792;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/HituxCMSBold/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 #015792;background-color: #FFFFFF;}
#popupFrame {margin: 0px;width: 100%;height: 100%;position: relative;z-index: 9;}
#popupTitleBar {background:url("/images/HituxCMSBold/box_bg1.jpg") repeat-x left top;color: #015792;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/HituxCMSBold/close.gif') no-repeat;}
.VideoBox{padding:10px;}
/*product*/
.RightNav span{color:#015792;}
#body .inner .left .Sbox .ClassNav{width:180px;margin:auto;}
.ClassNav .NavTree ul{}
.ClassNav .NavTree ul li{position: relative;background:url("/images/navbg.jpg") no-repeat 0px 5px;}
/*1st level sub menu style */
 .ClassNav .NavTree ul li ul{left: 178px;/* Parent menu width - 1*/
position: positive;width: 178px;/*sub menu width*/
top: 0;display: none;border:1px solid #015792;border-top:2px solid #015792;background:#FFFFFF;filter:progid:DXImageTransform.Microsoft.Shadow(Color=#999999, Strength=3, Direction=135);z-index:2000;}
/*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:40px;padding-left:30px;height:40px;}
.ClassNav .NavTree ul li li{background:url("/images/HituxCMSBold/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/navbg2.jpg") no-repeat 0px 5px;color:#FFFFFF;}
.ClassNav .NavTree ul .current li a{background:url("/images/navbg2.jpg") no-repeat 0px 5px;color:#FFF;}
.ClassNav .NavTree ul li a:hover{color: white;background:url("/images/navbg2.jpg") no-repeat 0px 5px;text-decoration:none;}
.ClassNav .NavTree .subfolderstyle{background: url(/images/HituxCMSBold/arrow-list.gif) no-repeat 120px 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;}
/* 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;}
.content img {max-width: 100%;width: expression(document.body.clientWidth>720?"720":"auto");overflow: hidden;}
#Links span {font-weight: bold;color: #EB6E1A;font-size: 12px;}
#Links a{font-weight: bold;color: #FFF;font-size: 12px;padding-left: 8px;}
#Links a:hover {color: #f09b4a;text-decoration: none;}
#Links a:visited {color: #FFF;text-decoration: none;}
#Links a:hover {text-decoration: underline;color: #EB6E1A;}
#Links a {color: #333333;text-decoration: none;}
#Links {float: none;margin:0 auto;padding: 10px 8px;line-height: 25px;font-size: 12px;height: 20px;border-left-width: 1px;border-left-style: solid;position: absolute;}
#LinksBG {width: 1004px;margin:0 auto;}
