﻿@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, form
{
    margin: 0px;
	border:0px;
    padding: 0px;
}
/*--------------------------------------body---*/
body{ background:#2d2f36}
body, td, th, div, p, label, input {
	color:#fff;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
}
input, select, #contact_text {
	color:#777777;
	font-family:Trebuchet MS, Trebuchet MS1, Helvetica, sans-serif;
	font-size:14px;	
	
}
input.inputbox, select, textarea{ border:1px solid #e0e0de;}
a{color:#5bba2c; text-decoration:underline; }
a:hover {color:#5bba2c;text-decoration:none;}
a, button, .button{ cursor:pointer;}




.clear{ clear:both}
.kong10{ padding-top:10px; clear:both;}
.kong15{ padding-top:15px; clear:both;}
h3{font: bold  12px/22px  "宋体"; color:#000}
h2{font: bold  14px   "宋体"; }

ul{ list-style:none}
li{ list-style:none}



a  {text-decoration: none ; font-size:12px; text-align:center; }
a:link{text-decoration: none;font-weight:normal; }
a:visited{ text-decoration: none;}
a:hover{text-decoration: none; color:#06C}
a:active{text-decoration: none;}

.green{color:#66cc33 }
a.paddingrightw30{color:#666; font: bold  12px   "宋体"; padding-right:30px }
a.paddingrightw10{color:#666; font: bold  12px/30px   "宋体"; padding-right:10px }
a.red{ color:#C00; font: normal 12px "宋体";}
a.date  {text-decoration: none; color:#999; font-size:12px; margin-left:10px }
a.name{ color:#804000; text-align:left; font: bold 12px/19px "宋体"; }
.red{ color:#C00; font: normal 12px/22px "宋体";}
.left{ float:left}

.right{ float:right}

.tx { border-bottom:solid 1px #666; border-right:solid 1px #666;BACKGROUND: #fff scroll no-repeat 0% 0%; border-top: solid 1px #CCC;WIDTH: 80px;LINE-HEIGHT: 16px; HEIGHT: 17px; border-left:solid 1px #CCC;}


.titleH70{ height:55px; background:url(titleH70bg.jpg) no-repeat; font: bold 22px/20px "宋体"; padding-left:80px; padding-top:15px; color:#333 }

.titleH30{ height:30px;}


/* 容器 */

#wrapper
{  position:relative;
	height: auto;
	margin: 0 auto;
	min-width:980px;
	background:url(shape.gif) 50% 310px no-repeat;
}

/**************************** Header Section Starts ***************************/
.header{width:100%;margin:0 auto;height:310px;z-index:500;min-width:980px; background:url(headerbg.jpg) repeat-x; position:relative}
.header-index{width:100%;margin:0 auto;height:540px;z-index:500;min-width:980px; background:url(headerbg.jpg) repeat-x; position:relative}
.header-index-box{ width:326px; height:440px; float:left}
.header-index-box-title{ width:306px; height:50px;font-family: Arial, Helvetica, sans-serif;font-size:18px;line-height:50px; color:#fff; padding:50px 20px 0px 0px ; overflow:hidden }
.header-index-box-title-icon-w10{width:10px; height:50px; float:left }
.header-index-box-title-icon-w25{width:25px; height:50px; float:left }
.header-index-box-title-icon{width:50px; height:50px; float:left }
.header-index-box-title-text{float:left ;font-family: Arial, Helvetica, sans-serif;font-size:18px;line-height:50px; color:#fff;width:150px; height:50px; padding-left:10px; overflow:hidden}

.header-index-box-title-text-news-date{width:80px; height:20px; padding:20px 0px 0px 10px}
.header-index-box-title-text-news-date_bgs{width:70px; height:20px; background:#3d3f45;font-family: Arial, Helvetica, sans-serif;font-size:12px;line-height:20px; color:#5bba2c; text-align:center; float:left}
.header-index-box-title-text-news-date_bgs1{width:5px; height:20px; background:url(date_bgs1.gif) no-repeat; float:left}
.header-index-box-title-text-news-date_bgs2{width:5px; height:20px; background:url(date_bgs2.gif) no-repeat; float:left}
.header-index-box-title-text-news-text{width:306px; height:50px; padding:20px 10px;font-family: Arial, Helvetica, sans-serif;font-size:12px;line-height:20px; color:#fff;}
.header-index-box-title-text-news-text a{ color:#ffffff; font-size:14px}



.header-index-box-text{ width:326px; height:340px; }

.header-index-box-title-text-about{width:326px; height:280px; }
.header-index-box-title-text-about ul{ padding:20px 10px;}

.header-index-box-title-text-about li {font-family: Arial, Helvetica, sans-serif;font-size:12px;line-height:30px; color:#fff; background:url(dot.gif) repeat-x 0px 28px;word-wrap: break-word;}

.header-index-box-text-product{ width:311px; height:320px;  padding-top:20px; clear:both; padding-left:15px }
.header-index-box-text-product-pic-w15{ width:15px; height:88px; float:left}
.header-index-box-text-product-pic-h15{ height:15px; clear:both}
.header-index-box-text-product-pic-box{ width:311px; height:88px; padding-bottom:15px; }
.header-index-box-text-product-pic{ width:88px; height:88px; float:left; background:url(header-index-box-text-product-pic.jpg) no-repeat 15px 0px; padding-left:15px; padding-bottom:15px }
.header-index-box-text-product-pic-img{width:80px; height:80px; padding:4px; }

.head{	margin:0 auto;z-index:500;width:980px; height:104px; position:relative}

.logo{ float:left; width:515px; height:104px;}

.headright{ float:right; width:465px; height:104px}
.headright-search{width:465px; height:46px}
.headright-nav{width:465px; height:43px; padding-bottom:15px;}


.headerflash{width:980px; height:416px; margin:0 auto; position:relative}



.headerpic{width:980px; height:206px; margin:0 auto; position:relative}

/*-------------------------------------search---*/
.search{position:absolute; width:263px;  padding:0 0 15px 9px; top:9px; right:3px;}
.search .search-input{
	width:230px;
	float:left;
	background: url(search_bg.png) 0 0px no-repeat;
	height:31px;
	overflow:hidden;
}
.search .search-button{
	width:33px;
	float:right;
}
.search .inputbox	{
	border:none;
color:#787973;
font-size:14px;
line-height:16px;
margin:6px 0 0 8px !important;
padding:0 0 0 0;
width:231px;
background:none;
font-family: Arial, Helvetica, sans-serif

}
.search .button	{ width:92px !important; height:33px  !important; margin:0 0 0 0  !important; padding:0  !important;}
.search .button:hover{ text-decoration:underline;}
span.count{  color:#a6a6a6;  }

/*-------------------------------------topmenu--- */
.menu_header {
	position:absolute;
	top:46px;
	z-index:90;
	right:0;
	background:url(menu_bgs2.gif) repeat-x 0% 0%;
	width:465px;
}
.menu_header ul {
	margin:0 !important;
	padding:0 !important
}
.menu_header .bgs1 {
	background:url( menu_bgs1.gif) no-repeat 0% 0%;
	padding:0
}
.menu_header .bgs2 {
	background:url( menu_bgs3.gif) no-repeat 100% 0%;
	height:43px
}
.menu_header  li {
	background:none;
	padding:0;
	float:left;
	text-align:center;
	background:url( spacer.gif) no-repeat 100% 18px;
	padding:0 2px 0 0;
	margin:0;
	position:relative;
	list-style:none;
	
}
.item58 {
	background:none !important
}
.item58 a{
	padding-right:15px !important
}
.menu_header  li a {
	display:block;
	font-size:14px;
	text-decoration:none;
	position:relative;
	color:#434754;
	height:43px;
	padding:13px 17px 0;
	font-weight:bold;
	float:left
}
.menu_header  li a:hover {
	background:url( menu_act.gif) no-repeat 50% 0%
}
.menu_header  li a.active, .menu_header  li.active a {
	background:url( menu_act.gif) no-repeat 50% 0%
}


/* Drop-down menu */

.ulwrapper  {
	position:absolute;
	padding:0 0 4px 0;
	z-index:350;
	margin:46px 0 0 0 !important;

	*margin:46px 0 0 0 !important;
	left:0;
	background:#2e3037
}
.ulwrapper  .ulwrapper {
	display: none;
    position:absolute;
	padding:0 0 4px 0;
	z-index:350;

	margin:0 0 0 0 !important;
	*margin:0 0 0 0 !important;
	left:87px
}
.ulwrapper ul{ padding:1px 0 15px 0 !important; margin:0 !important; width:107px; position:relative;}
.ulwrapper ul li{ width:107px; list-style:none; margin:0 !important; padding:0 !important}
.parent .ulwrapper ul li, .parent .ulwrapper ul li a, .parent .ulwrapper ul li a strong{
	height:1% !important;
	color:#fff !important;
	font-size:12px!important;
	line-height:30px !important;
	font-weight:normal !important;
	background:none !important
 }

.parent .ulwrapper ul li a strong{ padding:0 0 0 16px !important;  display:block  !important; font-weight:normal !important; height:1%; color:#c5c5c5;   width:91px; text-align:left; margin:0 !important}

.ulwrapper ul li a{ padding: 0 !important; background:none !important}
.ulwrapper ul li a:hover{ color:#b5ccde !important; display:block}
.ulwrapper ul li a:hover strong{ font-weight:normal !important; background:#5bba2c !important; color:#fff !important}



.head_pics {
	position:absolute;
	margin:42px 0 0 0;
}
.head_pics a {
	margin-right:20px	
}
.no_marg {
	margin:0px !important	
}



.content{
	height:auto;
	width:980px;
	margin:0 auto;
	background:url(contentbg670.jpg) no-repeat
}

.content-index{height:440px;width:980px;margin:0 auto; background:url(index-mainbg.jpg) no-repeat }

.contentleft1{ width:250px; height:670px; float:left; }


.contentleft-title{ width:250px; height:90px }





.contentleft-list{ padding:15px 20px; }
.contentleft-list-box{
	width:210px;
	height:auto;
	background:url(dot.gif) repeat-x 0px 35px
}
.contentleft-list-box a
{ padding-left:15px; background:url(link_marker1.gif) no-repeat 0px 5px;
font-family: Arial, Helvetica, sans-serif;
color:#fff;
font-size:14px;
line-height:37px;
}
.contentleft-list-box a:link{text-decoration: none;font-weight:normal; }
.contentleft-list-box a:visited{ text-decoration: none;}
.contentleft-list-box a:hover{text-decoration: none; color:#66cc33}
.contentleft-list-box a:active{text-decoration: none;}

.left-title-aboutus-contacts{ padding:10px 30px;}
.left-title-aboutus-contacts li{ font-family: Arial, Helvetica, sans-serif;font-size:12px;line-height:30px;}
.greenleft{ width:50px;color:#66cc33; float:left;line-height:30px; }
.whiteright{ width:140px;color:#fff; float:right ;line-height:30px;}


.contentright{
	width:680px;
	height:auto;
	float:right
}
.contentright-title{width:655px; height:40px; padding-left:25px; padding-top:40px;font-family: Arial, Helvetica, sans-serif;font-size:30px;line-height:40px; color:#fff; text-transform:uppercase }

.contentright-about{width:630px; height:500px;margin:0 auto; padding-top:20px;font-family: Arial, Helvetica, sans-serif;font-size:14px;line-height:24px; color:#fff;}
.contentright-about img{ float:left; padding-right:15px; }
.big{ text-transform:uppercase;font-family: Arial, Helvetica, sans-serif;font-size:18px;line-height:24px; color:#66cc33; }


/*翻页样式*/
.fanye{width:630px; height:35px;margin:0 auto;}

.manu {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center; color:#999
}
.manu A {
	BORDER-RIGHT: #666 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #666 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #666 1px solid; COLOR: #999; PADDING-TOP: 2px; BORDER-BOTTOM: #666 1px solid; TEXT-DECORATION: none
}
.manu A:hover {
	BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; COLOR: #5bba2c; BORDER-BOTTOM: #999 1px solid
}
.manu A:active {
	BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; BORDER-LEFT: #999 1px solid; COLOR: #666; BORDER-BOTTOM: #999 1px solid
}
.manu .current {
	BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #999  1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT:#999  1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #999 1px solid; BACKGROUND-COLOR: #5bba2c
}
.manu .disabled {
	BORDER-RIGHT: #666 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #666 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #666 1px solid; COLOR: #999; PADDING-TOP: 2px; BORDER-BOTTOM: #666 1px solid; TEXT-DECORATION: none
}




.contentright-quality{ width:560px; height:375px; padding:45px 60px 35px 60px}
.contentright-quality-kong{ width:120px; height:375px; float:left }
.contentright-quality-pic{ width:220px; height:375px; float:left }
.contentright-quality-pic-img{ width:220px; height:310px; }
.contentright-quality-pic-font{ width:220px; height:65px;font-family: Arial, Helvetica, sans-serif;font-size:14px;line-height:65px; color:#fff; text-align:center }



.contentright-Saleoffice{width:630px; padding:20px 25px 0px 25px}
.contentright-Saleoffice-box{width:630px; height:170px;}
.contentright-Saleoffice-box-title{width:610px; height:40px;text-transform:capitalize;font-family: Arial, Helvetica, sans-serif;font-size:18px;line-height:40px; color:#66cc33; padding-left:20px; background:#4f535f}

.contentright-Saleoffice-box-font{width:610px; height:130px; padding-left:20px}
.contentright-Saleoffice-box-font-left{width:80px; height:32px; float:left;font-family: Arial, Helvetica, sans-serif;font-size:14px;line-height:32px; color:#cccccc; }
.contentright-Saleoffice-box-font-right{width:530px; height:32px; float:left;font-family:Arial, Helvetica, sans-serif;font-size:14px;line-height:32px; color:#fff; }


/*Online-message*/
.contentright-message-h20{width:630px; height:20px;font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:20px; color:#fff;}
.contentright-message-box{ width:550px; height:200px}
.contentright-message-modal-button{width:120px; height:31px; float:left}
.modal-button
				{
	background:url(button1.jpg) 0 0 no-repeat;
	padding:0 ;
	border:none;
	color:#6b6b6b;
	font-size:14px;
	line-height:31px;
	min-height:31px;
	font-weight:bold;
	cursor:pointer;
	font-family: Arial, Helvetica, sans-serif;
	height:31px;
	width:111px;
	text-align:center;
}
 .button:hover, #content .validate:hover, #content div.blank a:hover, #content .readmore a:hover, #content .modal-button:hover{  color:#c95933 !important; text-decoration:none;  }




/*news*/
.contentright-news{width:630px; height:500px;margin:0 auto; padding-top:20px;}
.contentright-news-title{ width:630px; height:40px;font-family:Arial, Helvetica, sans-serif;font-size:14px;line-height:40px; color:#fff; font-weight:bold; background:#2f3138}

.contentright-news-title table{ width:630px; height:40px; border:0px; margin:0px; padding:0px;cellpadding:0px;cellspacing:0px}
.contentright-news-title td{font-family:Arial, Helvetica, sans-serif;font-size:14px;line-height:40px; color:#fff; font-weight:bold; text-align:center;} 
.contentright-news ul{}
.contentright-news li{ height:46px; border-bottom:dotted 1px #55565b; overflow:hidden}
.contentright-news li a{font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:46px; color:#fff;}
.contentright-news li a:hover{text-decoration: none; color:#66cc33}
.w50{ width:50px; text-align:center; float:left;font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:46px; color:#fff;}
.w470{ width:550px; text-align:center; float:left}
.w110{ width:110px; text-align:center; float:left;font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:46px; color:#fff;}

.contentright-news-page{
	width:630px;
	height:auto;
	margin:0 auto;
	padding-top:20px;
}
.contentright-news-title-page{width:610px; height:40px;font-family:Arial, Helvetica, sans-serif;font-size:14px;line-height:40px; color:#fff; font-weight:bold; background:#2f3138; padding-left:20px}
.contentright-news-page-text{
	width:610px;
	height:auto;
	padding-left:20px
}
.contentright-news-page-text ul{ padding-top:15px; padding-bottom:15px;}
.contentright-news-page-text li{ list-style:none}
.contentright-news-page-text-name{font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:20px; color:#ccc; }
.contentright-news-page-text-main{font-family:Arial, Helvetica, sans-serif;font-size:14px;line-height:24px; color:#fff; }
.contentright-news-page-text-date{font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:20px; color:#66cc33; }
.ico{width:16px; height:16px; float:left; padding-right:20px;}








/* Product*/
.contentleft-title-Product{ width:210px; height:50px; padding:30px 20px 10px 20px ;font-family: Arial, Helvetica, sans-serif;font-size:18px;line-height:50px; color:#fff; }
.contentleft-title-Product-icon{width:50px; height:50px; float:left }
.contentleft-title-Product-text{float:left ;font-family: Arial, Helvetica, sans-serif;font-size:18px;line-height:50px; color:#fff;width:150px; height:50px; padding-left:10px}


.contentright-title-Product{width:655px; height:40px; padding-left:25px; padding-top:40px;font-family: Arial, Helvetica, sans-serif;font-size:14px;line-height:40px; color:#fff; text-transform:uppercase }
.contentright-Product{
	width:630px;
	height:auto;
	padding:15px 25px 15px 25px
}
.contentright-Product-box1{
	width:630px;
	height:auto;
}
.contentright-Product-box1-left{width:227px; height:250px; float:left}
.contentright-Product-box1-right{
	width:383px;
	height:auto;
	float:right
}
.contentright-Product-box1-right-height3{clear:both;width:383px;height:3px}
.contentright-Product-box1-right-box{ width:383px;height:40px; padding-bottom:3px}
.contentright-Product-box1-right-left{width:110px; height:40px; float:left; background:#2f3138; padding-left:20px;font-family: Arial, Helvetica, sans-serif;font-size:14px;line-height:40px; color:#66cc33;}
.contentright-Product-box1-right-right{width:230px; height:40px; float:right; background:#2f3138; padding-left:20px;font-family: Arial, Helvetica, sans-serif;font-size:14px;line-height:40px; color:#fff;}

.contentright-Product-box2{
	width:630px;
	height:auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:18px;
	color:#fff;
}

/* Market*/
.contentright-market{width:630px; height:560px; padding:15px 25px 15px 25px}
.contentright-market-box1{width:630px; height:190px;font-family: Arial, Helvetica, sans-serif;font-size:14px;line-height:18px; color:#fff;}
.contentright-market-box2{width:630px; height:370px;}
.contentright-market-box2-title{width:630px; height:40px;}

.main2-mid-bg{width:630px; height:300px;  background:#d8dfe1; }
.main2-mid-bg-text{width:570px; height:230px; padding-left:30px;font-family: Arial, Helvetica, sans-serif;font-size:12px;line-height:20px; color:#666;padding-top:20px;}
.main2-mid-bg-text img{width:178px; height:98px; border:1px #666 solid; float:left; margin-right:15px}



/*foot*/
.foot{min-width:980px; width:100%;height:115px;margin:0 auto; background:url(foot.jpg) repeat-x }
.foot-box{ width:980px;height:85px;margin:0 auto; padding-top:30px }
.foot-box li{float:left;font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:24px; color:#fff; padding-right:20px}
.foot-box li a  {text-decoration: none; color:#8f9fa3; font-size:12px; text-align:center; }
.foot-box li a:link{text-decoration:none;font-weight:normal; color:#8f9fa3 }
.foot-box li a:visited{ text-decoration: none;}
.foot-box li a:hover{text-decoration: none; color:#66cc33;text-decoration:underline;}
.foot-box li a:active{text-decoration: none;}
.search_bt{float:left; margin-left:0px; background-image:url(search_bt.gif) no-repeat; width:33px; height:30px}
