/*

@file    : style.css
@author  : Joseph.Lu
@update  : 2009-11-14 00:17

*/

/****** General Styles ******/
body {
	margin: 0;
	font: 75% Tahoma;
	line-height: 150%;
	background:#cddbde;
}

table {
	margin-bottom: 10px;
}

ul, li, h1, h2, h3, h4, h5, h6, form, input, hr, img, div, label, span, table { margin:0; padding:0; }
ul, li { list-style:none; }

h1 {
	margin: 0 0 10px;
	font-size: 200%;
	line-height: 150%;
}
h3 {
	margin: 0 0 10px;
	font-size: 130%;
	line-height: 150%;
}
p {
	margin: 0 0 10px;
}
img {
	border: none;
	vertical-align: middle;
}
a {
	color: #12ad2b;
	text-decoration: none;
}
a:hover {
	color:#ff6600;
	text-decoration: underline;
}
.hr {
	margin: 4px 0 0 20px;
	border-bottom: 1px #e0e0e0 solid;
}
input {
	border:0px;
}
.clear{
	clear:both;
	}

span {
	color:#999
}

/*slide label*/
      .nTab{ 
	    font-size:14px;
        float: left; 
        margin: 0 auto; 
      } 
      .nTab .TabTitle{ 
        width:95px;
		float:right;
      } 
      .nTab .TabTitle ul{ 
        border:0; 
        margin:0; 
        padding:0; 
      } 
      .nTab .TabTitle li{ 
	    color:#FFF;
        float: left; 
        width: 81px; 
        cursor: pointer; 
        padding-top: 5px; 
        padding-right: 0px; 
        padding-left: 13px; 
        padding-bottom: 2px; 
        list-style-type: none; 
		height:25px;
      } 
      .nTab .TabTitle .active{ 
        background:#ccc; 
      } 
      .nTab .TabTitle .normal{ 

      } 
      .nTab .TabContent{ 
  	   width:160px;
	   float:left;

      } 
      .nTab .TabContentB{ 
        height:100px;
		width:470px; 
        margin: 0px 0; 
        padding:10px 0 0 0; 
		text-align:center;
      } 
      .none {display:none;} 
	  
/****** Layout Styles ******/
.wrapper {
/*	background: white url(/images/home-bg.jpg) repeat-x scroll left top;*/
     width:980px;
	 margin:0 auto;
	 padding:0 10px;
     background:url(wra-bg.jpg) no-repeat #fff;
}

.header {
	height: 65px;
}
.inner-header {
	width: 980px;
	margin: 0 auto;
	overflow:auto;
}
.content {
	padding: 5px 0 0;
/*	height: auto !important;*/
}
.inner-content {
	width: 980px;
	margin: 10px auto 0 auto;
/*	background:url(inner-bg.jpg) no-repeat #fff top;*/
	overflow: hidden;
}

.sidebar {
	width: 220px;
	float: left;
	display: inline;
}
.main {
/*	width: 980px;
	height:419px;
	margin-left:-1px;*/
	width:100%;
	height:100%;

	position:relative;
}
.home-main {
	width: 100%;
	height:470px;
	margin-left:-1px;
/*	width:100%;	
	height:100%;*/
	position:relative;
	background:url(/images/home-body-bg.jpg) repeat-x;
}

.footer {
	width:980px;
	height:130px;
	background: white url(bottom-copyright-bg.gif) no-repeat;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

/****** Header & Footer Styles ******/
.header,
.footer,
.header a,
.footer a {
	color: #666;
}
.header .logo {
	float: left;
	margin: 6px 0;
	width: 535px;
	height: 60px;
	cursor: pointer;
	background-image: url(logo-b.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.logo {
	float: left;
	margin: 6px 10px;
	width: 181px;
	height: 57px;
	cursor: pointer;
	background-image: url(logo.png);
	background-repeat: no-repeat;
	background-position: center center;
}

/* header navigator */
.website-links {
	float: right;
	margin: 7px 5px 0 0;
	font-size: 12px;
}

.website-links a:link,.website-links a:visited {
    color:#999;
	text-decoration: none;
}

.website-links a:hover {
    color:#ff6600;
	text-decoration: none;
}

.search-text {
	margin:4px 0 0 4px;
	background:url(bg_search_top.jpg) no-repeat #FFF;
	width:117px;
	height:17px;
	font-size:10px;
	padding:2px 0 0 6px;
}
.search-button {
	margin:-4px 10px 2px -6px;
	background:url(button_search_top.jpg) no-repeat #FFF;
	width:51px;
	height:17px;
	cursor:pointer;
}

/* whole navigator */
.nav-menu {
	width:980px;
	margin: 4px auto 1px auto;
	border-left:1px #ccc solid;
}

.nav-menu img{
    
}

.nav-menu a {
	float: left;
	height:43px;
	width:162px;
	background: url(bg_nav_menu.jpg) no-repeat;
	cursor: pointer;
}
.nav-menu a span {
	float: left;
	padding: 14px 0 0 46px;
}

.nav-menu a.current,
.nav-menu a:hover {
/*	background: url(bg_nav_menu_hover.jpg) no-repeat;
	color: white;
	text-decoration: none;*/
}

.purchasebg a {
	float: left;
	cursor: pointer;
}
/* footer navigator */
.website-nav {
	border-bottom: 1px #e6e6e6 solid;
	padding: 10px;
}
.company-nav {
	padding: 10px;
	border-top: 1px white solid;
	margin-bottom: 20px;
}
.inner-website-nav {
	width: 780px;
	margin: 0 auto;
	overflow: hidden;
}
.website-copyright {
    float: left;
	height: 61px;
    padding: 40px 0 0 200px;
}

.chfoo-link {float:left;}
.chfoo-link a:link,.chfoo-link a:visited {
	color:#ff6600;
    text-decoration:none;
	padding:3px;
}

.chfoo-link a:hover {
    color:#fff;
	background:#ff6600;
	text-decoration:none;
	padding:3px;
}

.p-list {float:left;margin:5px 5px 0 0}
.p-list a:link,.p-list a:visited {
	color:#fff;
        background:#ff6600;
    text-decoration:none;
	padding:4px;
}

.p-list a:hover {
    color:#fff;
	background:#ff6600;
	text-decoration:none;
	padding:4px;
}

.website-about {
	float: right;
}
.company-links {
	width: 780px;
	margin: 0 auto;
}
.company-links td {
	width: 20%;
	vertical-align: top;
}
.website-about a {
	margin: 0 10px;
}
.company-cert {
	text-align: center;
}

.trasparent {

color: #fff;
filter: Alpha(Opacity=90, Style=0);
position:relative;
border:none;
word-wrap : break-word ;
}
.trasparent li {list-style:none;}

.box {border-top:none;border-left: 1px solid #eee;border-right: 1px solid #eee;border-bottom: 1px solid #eee;}
.box_inside {padding:0 0 0 -10px; font-size:14px; line-height:24px;text-align:center;}
.box_inside a,.box_inside a:visited {color: #666;}
.box_inside a:hover {color: #ff6600;}
#div_1 {margin: 10px 0;}
#div_1 {width:163px;background:#fff fixed;}

/****** Content Styles ******/
.content-block {
	margin-left: 10px;
	margin-bottom: 20px;
}

/* page navigator */
.page-nav {
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
}
.page-nav .page-title {
	float: left;
	display: inline;
	margin: 20px 0 0 5px;
}
.page-nav .page-links {
	float: right;
	display: inline;
	margin: 35px 5px 0 0;
	color: #666;
}
.page-nav .page-links .current,
.page-nav .page-links a {
	margin: 0 5px;
}

/* block navigator */
.block-nav {
	width: 100%;
	overflow: hidden;
	margin-bottom: 10px;
}
.block-nav .block-title {
	float: left;
	display: inline;
}
.block-nav .block-links {
	float: right;
	display: inline;
	margin-right: 10px;
}


/****** Index Styles ******/

/* index layout */
.index {
	
}
.index .index-splash-block {
	margin-bottom: 20px;
	height: 280px;
}
.index .main {
	width: 980px;
}

.index .sidebar {
	color: #666;
	float: right;
	width: 280px;
	border-left: 1px #e0e0e0 solid;
	padding-top: 20px;
}

.index .sideImgs {
    float:left;
    color: #666;
	width:274px;
	border: 1px #e0e0e0 solid;
	padding: 4px;
}
.divBox {padding: 10px;border-right: 1px solid #000;border-left: 1px solid #000;}

.index .news {
     float:right;
     width:680px;
}
.index .news .hr{
	width:670px;
	margin: 0 0 0 0;
	border-bottom: 1px #ffb974 solid;
}

.index .middle-banner{
	clear:both;
	width:962px;
	background:#f2f2f2;
	border-top:2px solid #b9b1aa;
	border-bottom:2px solid #b9b1aa;
	margin-top:6px;
    margin-bottom:6px;
	padding-top:6px;
    padding-left:7px;
    padding-bottom:6px;
}

.index .product-block {
	width:957px;
	background:#e9e5e2;
	padding: 7px 5px 0 7px;
	overflow:auto;
}

.index .product-title {
	float:left;
	width:200px;
	height:30px;
	background:url(index-tltle-product-bg.gif) no-repeat;
	padding: 9px 0 0 100px;	
}
.index .product-purchase {
	margin:0 auto;
	width:100px;
	height:30px;
	background:url(purchase-button.png) no-repeat;
	padding: 12px 0 0 50px;	
	cursor:pointer;
}

.index .product-inside-block {
	margin-top:4px;
    border:1px solid #B9B9B9;
	background:#fff;
	padding:6px;
}

.index .product-inside-mainimg {
	float:left;
    border:1px solid #8B8B8B;
	padding:5px;
}

.index .product-inside-mainimg_s{
    border:#CCC 1px solid;
	margin:2px 0 0 174px;
    padding-bottom:4px;
    padding-right:4px;
}

.index .product-inside-mainimg-t {
	float:left;
	padding:10px 6px 0 0;
}

.index .product-inside-mainimg-t-text {
	float:left;
	padding:6px 6px 0 0;
}

.index .sidebar-block {
	margin: 0 16px 10px;
}
.index .bottom-purchase-contact {
	width:969px;
	height:71px;
    background:url(bottom-purchase-contact-bg.jpg) no-repeat;
}

.index .bottom-purchase-contact a {
	float: left;
	padding:20px;
	cursor: pointer;
}

.index .bottom-purchase-contact {
	width:969px;
	height:71px;
    background:url(bottom-purchase-contact-bg.jpg) no-repeat;
}

.titlediv {
    font-size: 12px;
	font-weight: normal;
	word-break:break-all;
	width:185px;
	padding:4px;
	border:1px #ccc solid;
	background:#ffff99;
	filter: Alpha(Opacity=80, FinishOpacity=50, Style=1, StartX=1, StartY=1, FinishX=100, FinishY=100);
}
.divshow {
	display: block;
	position:absolute;
	width:150px; z-index:1
}
.divhidden {
	display: none;
	position:absolute;
	width:150px; z-index:1
}

/*gyqy layout */
.sub-menu { padding:0 0 3px 20px;}
#featured {
	OVERFLOW: hidden;
	WIDTH: 240px;
	POSITION: relative;
	HEIGHT: 178px;
	margin:0px;
}
#featured .word {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	Z-INDEX: 10;
	BACKGROUND: url(/images/indexflash/bg_transparent.gif) no-repeat;
	LEFT: 0px;
	PADDING-BOTTOM: 5px;
	WIDTH: 232px;
	COLOR: #000;
	BOTTOM: -1px;
	PADDING-TOP: 5px;
	POSITION: absolute;
	HEIGHT: 27px;
}
#featured .word H3 {
	FONT-SIZE: 14px
}
#featured .ui-els-hide {
	DISPLAY: none
}

.gyqy_main {
	width:980px;
/*	margin-left:-1px;

	position:relative;*/
}

.hdyx_main {
	width:971px;
/*	margin-left:-1px;*/
	position:relative;
}

.listnews{
 width:100%;
 height:22px;
 float:left;
 clear:both;
} 

.listnews ul {margin:2px 7px 0 3px;padding:0px;list-style: none;clear:both;}
.listnews ul li{ line-height:24px;list-style-type:nonoe;}
.listnews ul li a:link,.listnews ul li a:visited{color:#575757; text-decoration:none; font-size:12px;}
.listnews ul li a:hover{ color:#ff6600; text-decoration:none}

.date-txt span{color:#999;float:right;}

.index-a-l {
	width:290px;
	float:left;
	margin-bottom:4px;
}

.index-a-m {
	width:425px;
	float:left;
}

.index-a-r {
	width:260px;
	float:left;
	text-align:center;
	background:url(mail-bg.gif) top right no-repeat;
}

.index-a-r img { 
	margin-top:10px
}

.index-a-r input { 
	height:26px;
	width:150px;
	border:1px #ccc solid;
	background:#ffffec;
	star : expression(onmouseover=function(){this.style.borderColor="#ccffff",this.style.backgroundColor="#ffffcc"},onmouseout=function(){this.style.borderColor="#ccc",this.style.backgroundColor="#ffffec"})
}

.index-a-l-l {
	width:287px;
	float:left;
	margin-right:4px;
}

.index-a-l-m {
	float:left;
	width:287px;
}

.index-a-l-r {
	float:left;
}

#index-w{
	width:980px;
	height:310px;
    margin:15px auto;
	background:url(loading.gif) center no-repeat;
}

.index-a-l_sideImgs {
	margin:3px 0 6px 1px;
    float:left;
    color: #666;
	width:241px;
	border: 1px #c9c4c1 solid;
	padding: 5px;
	background:url(/images/loading.gif) #fff no-repeat center;
	
}

.gyqy-product-inside-block {
	margin-top:4px;
    border:1px solid #cdcdcd;
	background:#fff;
	padding:0;
}

/* ----------------------- Div Scroll Bar --------------------------------- */
#box {
position:relative;
width:230px;
margin-top:1px;
}

#xscroll {
position:relative;
float:right;
left:auto;
top:auto;
height:150px;
width:1px;
background:#888;
}

#slider {
position:absolute;
left:10px;
top:0px;
z-index:1;
width:4px;
height:22px;
visibility:hidden;
background:url(/images/scroll-button.gif) #8f8f8f no-repeat;
}

#nContent {
	position:relative;
	width:220px;
	height:150px;
	overflow:hidden;
	font-size:9pt;
	font-family:arial;
}


/* ----------------------- Div Scroll Bar gnt --------------------------------- */
#box-gnt {
position:relative;
width:230px;
margin-top:1px;
}

#xscroll-gnt {
position:relative;
float:right;
left:auto;
top:auto;
height:150px;
width:1px;
background:#888;
}

#slider-gnt {
position:absolute;
left:10px;
top:0px;
z-index:1;
width:4px;
height:22px;
visibility:hidden;
background:url(/images/scroll-button.gif) #8f8f8f no-repeat;
}

#nContent-gnt {
	position:relative;
	width:220px;
	height:150px;
	overflow:hidden;
	font-size:9pt;
	font-family:arial;
}

/* ----------------------- Div Scroll Bar gnsp --------------------------------- */
#box-gnsp {
position:relative;
width:230px;
margin-top:1px;
}

#xscroll-gnsp {
position:relative;
float:right;
left:auto;
top:auto;
height:150px;
width:1px;
background:#888;
}

#slider-gnsp {
position:absolute;
left:10px;
top:0px;
z-index:1;
width:4px;
height:22px;
visibility:hidden;
background:url(/images/scroll-button.gif) #8f8f8f no-repeat;
}

#nContent-gnsp {
	position:relative;
	width:220px;
	height:150px;
	overflow:hidden;
	font-size:9pt;
	font-family:arial;
}

/* ----------------------- Div Scroll Bar xny --------------------------------- */
#box-xny {
position:relative;
width:230px;
margin-top:1px;
}

#xscroll-xny {
position:relative;
float:right;
left:auto;
top:auto;
height:150px;
width:1px;
background:#888;
}

#slider-xny {
position:absolute;
left:10px;
top:0px;
z-index:1;
width:4px;
height:22px;
visibility:hidden;
background:url(/images/scroll-button.gif) #8f8f8f no-repeat;
}

#nContent-xny {
	position:relative;
	width:220px;
	height:150px;
	overflow:hidden;
	font-size:9pt;
	font-family:arial;
}

/*gyqy sub layout */
.top-banner-sub-gyqy {
	width:980px;
	margin:10px auto 4px auto;
	background-image: url(loading.gif);
	background-repeat: no-repeat;
	background-position: center;
}

.sub-gyqy-l {
	width:181px;
	margin-top:6px; 
	background:url(gyqy-sub-leftmenu-bg.gif) #cac5c2 repeat-y;
	border-bottom:1px #cac5c2 solid;
	padding-bottom:1px;
	float:left;
}

.sub-gyqy-l a:link,a:visited {
	color:#12ad2b;
}

.sub-gytq-l a:active,a:hover {
	color:#ff6600;
	text-decoration:none;
}

.sub-gyqy-l ul li{
	font-size:16px;
	list-style:none;
	list-style-image: url(/images/gyqy-sub-leftmenu-icon.gif); 
	line-height:22px;
	margin:6px 0 0 18px;
	padding-left:2px;
}

.sub-gyqy-r { 
	width:765px;
    min-height:500px;
	padding-left:6px;
	background:#FFF;
	float:right;
	margin-top: 6px;
}

.nav-links {
	color:#666;
	margin:0 0 10px 0;
	border-bottom:1px #ccc dashed;
	padding-bottom:3px;
}

.t-p {margin:25px 0 25px 0;height:35px;background:url(/images/t-bg-p.gif) repeat-x left;}

.img-button-yxll a {
	color:#fff;
	background:url(/images/img-button-yxll.jpg) no-repeat;
	margin-right:5px;
	margin-left:5px;
	text-align:center;
	width:86px;
	padding-top:5px;
	padding-right:21px;
	padding-bottom:2px;
	padding-left:21px;
 }
.img-button-yxll a:hover {
	color:#fff;
	background:url(/images/img-button-hover-yxll.jpg) no-repeat;
	margin-top:-10px;
	margin-right:5px;
	margin-left:5px;
	text-align:center;
	width:86px;

}
.img-button-yxll a:link,.img-button-yxll a:visited {color:#fff;vertical-align:middle;_top:-12px;}

.sub-gyqy-r h3 {
	color:#12ad2b;
}

.body-txt {
	width:755px;
	color:#666;
	min-height:500px;
    font-size:14px;
    margin:0;
	line-height:180%; 
}

.body-txt .title{
	font-size:16px;
	font-weight:bold;
	color:#12ad2b;
	border-bottom:1px #ccc dashed;
	padding-bottom:3px;
	margin-bottom:6px;
	text-align:center;
}

.body-txt p {
 	text-indent:2em; 
}

.body-txt dt{margin:0; padding-left: 20px}
.body-txt dt a:link, .body-txt dt a:visited{font-size:14px;font-weight:bold;color:#333}
.body-txt dt a:hover{color:#ff6600;text-decoration:none}
.body-txt dd {font-size:12px;color:#555;line-height:22px;}
.body-txt .info span{color:#ff6600;margin:0}
.body-txt .info a:link,.info a:visited{color:#999;text-decoration:none}
.body-txt .info a:hover{color:#ff6600}

.pop-area {
    font-size: 16px;
	line-height:30px;
	font-weight: bold;
	word-break:break-all;
	width:600px;
	padding:6px;
	border:1px #ccc solid;
	background:#ffff99;
	cursor:pointer;
	filter: Alpha(Opacity=80, FinishOpacity=80, Style=1, StartX=1, StartY=1, FinishX=100, FinishY=100);
	}
	
.divshow {
	display: block;
	position:absolute;
	width:100px; z-index:10000
}
.divhidden {
	display: none;
	position:absolute;
	width:100px; z-index:10000
}

.tbi img {border:1px #ccc solid;padding:1px;margin-bottom:5px;margin-right:10px;}

.pagelist {padding:10px;line-height:120%;letter-spacing:1px;}
.pagelist ul li{height:23px;padding-left:10px;border-bottom:0px dashed #cccccc;position:relative;}
.pagelist ul li a:link,.pagelist ul li a:visited{color:#555;font-size:12px; text-decoration:none;}
.pagelist ul li a:hover{color:#ff6600;font-size:12px;text-decoration:none;}
.pagelist span{position:absolute;right:15px;color:#555;font-size:12px;}