﻿/*--------------------------全--局-------------------------------*/
* {
	margin:0;
	padding:0;
	text-decoration:none;
}
body{
	margin:0;
	padding:0;
	color:#000000;
	font-size:12px;
	font-family:arial;
	background:#a6e0fc url("../images/bg.gif") repeat-x left top;
}
a{
	text-decoration: none;
}
a:link {
	color: #000;
}
a:visited {
	color: #000;
}
a:hover {
	color: #2a6fb5;
	text-decoration: none;
}
a:active {
	color: #cc0000;
	text-decoration: none;
}
ul{
	list-style-type:none;
	list-style-position : outside;
	margin:0 0 0 0;
	padding:0 0 0 0;
	word-break:keep-all;
}
li{
	margin:0 0 0 0;
	padding:0 0 0 0;
	word-break:keep-all;
}
p{
	margin:0 0 0 0;
	padding:0 0 0 0;
	word-break:keep-all;
}
img{
	border:0;
}
input.text{
	font-family:arial;
	font-size:12px;
	width:250px;
}
select{
	font-family:arial;
	font-size:12px;
	width:250px;
}
textarea{
	font-family:arial;
	font-size:12px;
	width:400px;
	height:150px;
}



/*---------------------------------------------------------------*/
#container{
	width:1003px;
	margin:0 auto 0 auto;
}

/*------------------------ header ------------------------*/
#header{
	width:100%;
	height:179px;
	float:left;
	background:url("../images/head_bg.jpg") no-repeat left top;
}
#header img#logo{
	float:left;
	margin:30px 0px 0px 35px;
}

#flag{
	height:31px;
	float:left;
}
.hids{
	display:none;
}

/*------------------------ flag ------------------------*/
#flag{
	width:459px;
	padding-right:18px;
	text-align:right;
	margin-top:24px;
}
#flag img{
	margin:0px 18px 0px 0px;
	padding-top:7px;
}

/*------------------------ nav ------------------------*/
#nav{
	width:735px;
	height:25px;
	float:right;
	color:#5a5a5a;
	font-size:12px;
	margin:13px auto 0px auto;
}
#nav a, #nav a:visited{
	color:#000;
	height:25px;
	padding:0px 13px;
	display:block;
	float:left;
	line-height:25px;
}
#nav a:hover{
	color:#2a6fb5;
}
#nav .nline{
	width:3px;
	height:25px;
	background:url("../images/line.png") no-repeat left top;
	float:left;
}
/*------------------------ end nav ------------------------*/

/*------------------------ flash ------------------------*/
#flash{
	width:735px;
	height:125px;
	float:right;
}
/*------------------------ end flash ------------------------*/

/*------------------------ menu ------------------------*/
#menu{
	width:585px;
	float:left;
	margin-left:150px;
}
#menu a, #menu a:visited, #menu a.nav1, #menu a.nav1:visited{
	width:184px;
	float:left;
	color:#2a6fb5;
	font-weight:bold;
	line-height:23px;
	font-size:13px;
	text-transform:uppercase;
	text-align:center;
	margin:7px 0px 0px 6px;
	background:url("../images/nav_bg.gif") no-repeat 0px 0px;
}
#menu a.nav1, #menu a.nav1:visited{
	width:125px;
	background:url("../images/nav_bg.gif") no-repeat 0px -46px;
}
#menu a:hover{
	color:#fff;
	background:url("../images/nav_bg.gif") no-repeat 0px -23px;
}
#menu a.nav1:hover{
	color:#fff;
	background:url("../images/nav_bg.gif") no-repeat 0px -69px;
}

/*------------------------ main ------------------------*/
#main{
	width:990px;
	min-height:549px;
	_height:549px;
	float:left;
	padding:0px 0px 0px 13px;
	background:#a6e0fc url("../images/main_bg.gif") repeat-x left top;
}


/*------------------------ left ------------------------*/
#left{
	width:222px;
	margin:0px 0px 0px 0px;
	/*
	min-height:549px;
	_height:549px;
	*/
	float:left;
	display:block;
	background:url("../images/left_bg.gif") repeat-x left 32px;
}
#left ul.topline{
	width:222px;
	padding-top:32px;
	background:url("../images/products_cn.jpg") no-repeat left top;
}

/*------------------------ sform ------------------------*/
#left ul.sform{
	width:222px;
	height:76px;
	margin-top:20px;
	background:url("../images/search_box_cn.gif") no-repeat center top;
}
input.skey{
	width:138px;
	height:12px;
	float:left;
	color:#61a2d1;
	font-size:11px;
	font-family:arial;
	border:0px;
	margin:43px 0px 0px 28px;
	background:transparent;
	overflow:hidden;
}
input.sbut{
	width:37px;
	height:37px;
	float:left;
	margin:32px 0px 0px 5px;
}
/* end sform */

/*------------------------ contact info ------------------------*/
#left ul.contactinfo{
	width:208px;
	margin:20px auto 0px auto;
	padding-top:25px;
	background:url("../images/contact_info_cn.gif") no-repeat left top;
}
#left ul.contactinfo p{
	width:176px;
	min-height:209px;
	_height:209px;
	background:#bbecff url("../images/contact_bg.gif") repeat-x center top;
	border-style:solid;
	border-width:0px 1px 0px 1px;
	border-color:#7bb8ef;
	padding:17px 15px 5px 15px;
	font-size:12px;
}
#left ul.contactinfo p a.msn{
	background:url("../images/msn.gif") no-repeat left top;
	width:160px;
	height:23px;
	display:block;
	text-indent:30px;
	line-height:23px;
	margin-top:30px;
}
#left ul.contactinfo p a.skype{
	background:url("../images/skype.gif") no-repeat left top;
	width:160px;
	height:20px;
	display:block;
	text-indent:30px;
	line-height:20px;
	margin-top:10px;
}
#left ul.contactinfo li{
	width:208px;
	height:11px;
	background:url("../images/contact_bot.gif") no-repeat left top;
}
/* end contact info */

#left ul.botline{
	width:222px;
	height:5px;
	background:url("../images/left2_bot_line.gif") no-repeat left bottom;
}
#left li{
	width:222px;
	line-height:17px;
	display:block;
	margin-bottom:3px;
}
#left li a, #left li a.menu1{
	width:222px;
	display:block;
}
#left li a, #left li a:visited{
	background:url("../images/arrow.gif") no-repeat 20px center;
	color:#000;
	font-size:12px;
	text-indent:31px;
}
#left li a.menu1{
	background:url("../images/nav_bg.gif") no-repeat center top !important;
	color:#3e3e3e !important;
	font-size:12px;
	font-weight:bold;
	text-indent:30px;
	line-height:28px;
}
#left li a.menu1:hover, #left li a.curr{
	color:#fff !important;
	background:url("../images/nav_bg.gif") no-repeat center -28px !important;
	line-height:28px;
	font-weight:bold;
}
#left li a:hover, #left li a.currs{
	color:#2a6fb5 !important;
	background:url("../images/arrow.gif") no-repeat 20px center;
}

/*------------------------ right ------------------------*/
#right{
	width:694px;
	min-height:603px;
	_height:603px;
	float:left;
	margin:0px 0px 0px 0px;
	padding-left:45px;
	background:#fff url("../images/right_bg.gif") repeat-y left top;
	display:block;
}
#right img.slogan{
	padding:30px 0px 0px 13px;
}
#right_bottom{
	background:url("../images/right_bot.gif") no-repeat left top;
	width:739px;
	height:28px;
	float:right;
	padding-right:29px;
}
#right ul.abouthome{
	width:500px;
	float:left;
	display:block;
	padding:30px 0px 10px 0px;
}
#right ul.abouthome p a.learnmore{
	width:475px;
	height:17px;
	display:block;
	text-align:right;
}
#right ul.abouthome p a.homepro{
	width:500px;
	text-align:center;
	display:block;
}
#right ul.abouthome p a.homepro img{
	margin:20px auto 0px auto;
}
#right ul.abouthome p a, #right ul.abouthome p a:visited, #right ul.aboutus p a, #right ul.aboutus p a:visited, #right ul.aboutus td a, #right ul.aboutus td a:visited{
	color:#666;
	text-decoration:underline;
}
#right ul.abouthome p a:hover, #right ul.aboutus p a:hover, #right ul.aboutus td a:hover{
	color:#2a6fb5;
	text-decoration:none;
}
#right ul.productclass{
	padding-left:20px;
}
#right ul.pos{
	color:#9c9c9c;
	font-size:12px;
	padding:30px 0px 0px 0px;
	background:url("../images/right2_top_line.gif") no-repeat left bottom;
}
#right ul.pos a, #right ul.pos a:visited{
	color:#9c9c9c;
}
#right ul.pos a:hover{
	color:#2a6fb5;
}
#right h1{
	color:#61a2d1;
	font-size:30px;
	line-height:70px;
	font-weight:bold;
}
#right ul.productclass li{
	width:333px;
	height:292px;
	float:left;
	display:block;
}
#right ul.productclass li img{
	display:block;
}
#right ul.productclass li h2 a{
	width:303px;
	height:46px;
	color:#24a158;
	border:#24a158 solid;
	border-width:2px 0px 0px 0px;
	font-size:15px;
	font-weight:bold;
	line-height:46px;
	text-indent:10px;
	display:block;
	background:#fff url("../images/arrow.gif") no-repeat 290px center;
}
#right ul.productlist p, #right ul.abouthome p, #right ul.partners p, #right ul.sitemap p, #right ul.contactus p, #right ul.framecolors p{
	color:#363636;
	padding:0px 0px 10px 0px;
	border:#a7d5bb solid;
	border-width:0px 0px 0px 0px;
	font-size:13px;
	line-height:20px;
}

/*************************** productlist ************************/
#right ul.productlist{
	width:668px;
	float:left;
	display:block;
	padding:0px 0px 20px 0px;
}
#right ul.productlist li{
	float:left;
	width:162px;
	height:200px;
	text-align:center;
	overflow:hidden;
	color:#666;
	background:url("../images/pro_bg.gif") no-repeat center top;
	margin:0 0px 18px 0;
	font-size:12px;
}
#right ul.productlist li p, #right ul.partners li p{
	width:287px;
	height:95px;
	float:left;
	padding:8px;
	color:#353535;
	border:0px;
	background:#fff;
	overflow:hidden;
	display:block;
	font-size:12px;
	line-height:18px;
}
#right ul.productlist li a, #right ul.productlist li a:visited{
	display:block;
	width:162px;
	height:177px;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	text-align:center;
	cursor:pointer;
	color:#666;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
#right ul.productlist li a:hover{
	width:162px;
	color:#61a2d1;
}
a .proPic, a:visited .proPic{
	width:124px;
	height:120px;
	display:block;
	overflow:hidden;
	padding:3px;
	margin:8px auto 20px auto;
	border:#fff 2px solid;
}
a:hover .proPic{border:#61a2d1 2px solid;}
/*************************** end productlist ************************/

#right ul.rightinfo{
	width:150px;
	float:right;
	padding-left:0px;
	margin-top:-20px;
	display:block;
}
#right ul.rightinfo li{
	width:129px;
	display:block;
	margin-bottom:20px;
}
#right ul.rightinfo li p{
	width:129px;
	display:block;
	font-size:12px;
	color:#666;
}
#right ul.rightinfo li p a{
	color:#3b3b3b;
	display:block;
	font-weight:bold;
	margin:0px 0px 10px 0px;
}
#right ul.rightinfo li p a.more{
	color:#24a158;
	display:block;
	font-weight:normal;
	margin:10px 0px 0px 0px;
}

#right ul.productdetail{
	width:690px;
	float:left;
	display:block;
	padding:20px 0px 20px 0px;
}
#right ul.productdetail li{
	width:660px;
	float:left;
	display:block;
	padding:20px 0px 0px 0px;
	overflow:hidden;
}
#right ul.productdetail li .detailbimg{
	width:380px;
	height:250px;
	margin-bottom:10px;
	display:block;
	overflow:hidden;
	float:left;
}
#right ul.productdetail li img{
	/*
	max-width:387px;
	_width:387px;
	float:left;
	display:block;
	*/
	padding:0px 20px 20px 0px;
}
#right ul.productdetail li .details{
	width:250px;
	float:left;
	display:block;
	font-weight:bold;
	padding-right:20px;
	text-align:left;
	overflow:hidden;
}
#right ul.productdetail li .details h1, #right ul.productdetail li .details h2, #right ul.productdetail li .details a.inquiry img{
	margin:20px 0px 0px 20px;
}
#right ul.productdetail li a.inquiry{
	margin-top:20px;
}
#right ul.productdetail li h3{
	width:660px;
	line-height:20px !important;
	overflow:hidden;
	background:url("../images/bar_bg.gif") repeat-x center 8px;
	height:24px;
	padding-left:10px;
}
#right ul.productdetail li p{
	padding:5px 10px 0px 0px;
}
#right ul.productdetail li p td{
	font-size:11px;
	padding:1px;
}
#right ul.productdetail li h1{
	color:#24a158;
	font-size:22px;
	line-height:25px;
	margin:10px 0px 15px 0px;
}
#right ul.productdetail li h2{
	color:#363636;
	font-size:18px;
	line-height:30px;
}
#right ul.productdetail li h3{
	color:#363636;
	font-size:14px;
	line-height:30px;
	padding-top:10px;
}
#right ul.productdetail li p{
	line-height:18px;
	font-weight:normal;
}
#right ul.showroom{
	width:670px;
	height:420px;
	float:left;
	display:block;
	overflow:hidden;
	padding:0px 0px 20px 0px;
}
#right ul.showroom li.lileft{
	width:248px;
	height:415px;
	float:left;
	display:block;
}
#right ul.showroom li.lileft a{
	width:123px;
	float:left;
	display:block;
	color:#24a15a;
	background:url("../images/pc_bg.gif") repeat-x left top;
	font-size:14px;
	font-weight:bold;
	margin:0px 1px 3px 0px;
	text-align:center;
	line-height:22px;
}
#right ul.showroom li.lileft p.cimg{
	width:248px;
	height:330px;
	display:block;
	overflow:auto;
	scrollbar-face-color:#e4f8f0; 
	scrollbar-highlight-color:#fff; 
	scrollbar-shadow-color:#a7d5bb;
	scrollbar-3dlight-color:#f2fcf8; 
	scrollbar-arrow-color:#24a15a; 
	scrollbar-track-color:#fff; 
	scrollbar-darkshadow-color:#fff;
	margin-bottom:3px;
}
#right ul.showroom li.lileft p img{
	width:107px;
	height:28px;
	background:#fff;
	padding:0px 4px 9px 0px;
	float:left;
	cursor:pointer;
}
#right ul.showroom li.lileft p.selopt{
	width:212px;
	height:24px;
	display:block;
	overflow:hidden;
	background:#fff;
	padding:18px;
}
#right ul.showroom li.liright{
	width:414px;
	height:415px;
	float:left;
	display:block;
	margin-left:3px;
}
#right ul.showroom li.liright .bimg{
	width:414px;
	height:354px;
}
#right ul.showroom li.liright .simg{
	width:215px;
	height:56px;
	float:right;
	margin-top:3px;
}
#right ul.showroom li.liright p{
	width:175px;
	height:51px;
	float:left;
	display:block;
	background:#fff;
	padding:5px;
	line-height:15px;
}
ul.spacer{
	padding:15px;
	height:5px;
	float:left;
	display:block;
	overflow:hidden;
}
#right ul.partners, #right ul.news, #right ul.sitemap, #right ul.aboutus, #right ul.contactus, #right ul.certifications, #right ul.equipments, #right ul.framecolors{
	width:650px;
	float:left;
	display:block;
	padding:0px 0px 20px 0px;
	color:#363636;
	font-size:12px;
}
#right ul.partners li{
	width:650px;
	height:105px;
	margin:22px 0px 0px 0px;
	display:block;
	overflow:hidden;
	background:#fff;
}
#right ul.partners li p{
	width:470px;
	padding-top:15px;
}
#right ul.partners li a img{
	width:139px;
	height:105px;
	float:left;
	display:block;
	padding:0px 12px;
}

#right ul.sitemap p, #right ul.aboutus p, #right ul.aboutus td, #right ul.contactus p, #right ul.framecolors p{
	margin-bottom:20px;
	line-height:18px;
}
#right ul.sitemap li{
	list-style-type:disc;
	list-style-position:inside;
	word-break:keep-all;
}
#right ul.sitemap li a{
	width:650px;
	font-size:12px;
	line-height:20px;
}
#right ul.sitemap li ul li{
	text-indent:30px;
}
#right ul.sitemap li ul li ul li{
	text-indent:60px;
}
#right ul.sitemap li ul li ul li ul li{
	text-indent:90px;
}
#right ul.contactus li{
	width:160px;
	height:130px;
	display:block;
	float:left;
	margin:0px 10px 10px 0px;
	display:block;
	background:#fff;
}
#right ul.contactus li h3{
	font-size:15px;
	padding:10px;
	font-weight:bold;
}
#right ul.contactus li p{
	border:0px;
	padding:0px 10px 10px 10px;
}
#right ul.contactus img{
	border:#a5d7bd 1px solid;
}
#right ul.news li{
	width:650px;
	display:block;
}
#right ul.news li a{
	width:650px;
	display:block;
	background:url("../images/arrow.gif") no-repeat left center;
	line-height:20px;
	text-indent:15px;
}
#right ul.news li a small{
	color:#999;
}
#right ul.news p{
	color:#363636;
	margin-top:15px;
	padding:15px 0px 0px 0px;
	border:#a7d5bb solid;
	border-width:1px 0px 0px 0px;
	font-size:12px;
	line-height:18px;
	width:650px;
	display:block;
	overflow:hidden;
}
#right ul.news h2{
	font-size:18px;
	line-height:50px
}
#right ul.news small{
	color:#999;
}
#right ul.news u a{
	width:650px;
	color:#24a15a;
	display:block;
	font-weight:bold;
	line-height:50px;
}
#right ul.certifications a{
	width:215px;
	height:300px;
	display:block;
	float:left;
	margin-top:10px;
}
#right ul.certifications a img{
	width:200px;
	height:274px;
	border:#a7d5bb 2px solid;
}
#right ul.equipments p.eleft{
	width:275px;
	float:left;
	display:block;
	line-height:20px;
}
#right ul.equipments img.eright{
	width:351px;
	float:right;
	margin-left:15px;
}
#right ul.equipments li{
	width:320px;
	height:300px;
	float:left;
	display:block;
	padding-top:20px;
}
#right ul.equipments li strong{
	display:block;
}
#right ul.equipments li p strong{
	color:#24a15a;
	display:block;
}
#right ul.equipments li img{
	width:48px;
	height:48px;
	display:block;
	float:left;
	padding:10px 0px 10px 0px;
}
#right ul.equipments li p{
	width:250px;
	height:48px;
	display:block;
	float:left;
	padding:10px 0px 10px 10px;
}
#right ul.framecolors{
	width:680px;
}
#right ul.framecolors li{
	width:55px;
	height:80px;
	display:block;
	float:left;
	text-align:center;
}
#right ul.framecolors li img{
	width:38px;
	height:38px;
	border:#949492 2px solid;
}



/*------------------------ footer ------------------------*/
#footer{
	width:100%;
	height:40px;
	float:left;
	color:#595959;
	font-size:12px;
	line-height:20px;
	text-align:center;
	margin:20px 0px 20px 0px;
}
#footer ul{
	float:left;
	text-align:center;
	width:100%;
}
#footer ul.lang, #footer ul.rights{
	width:100%;
	display:block;
	height:30px;
}
#footer ul.rights{
	padding:10px 0px;
}
#footer ul.lang{
	width:600px;
	margin:10px auto 0px 0px;
	padding-left:210px;
}
#footer ul.lang a{
	display:block;
	float:left;
	text-align:center;
	padding:0px 5px 0px 5px;
	font-size:10px;
}
#footer ul.lang a img{
	display:block;
	padding:0px 10px;
}

/*------------------------ pagebar ------------------------*/
#right ul.pagebar{
	width:668px;
	float:left;
	display:block;
	clear:both;
	padding:10px 0px 20px 0px;
	color:#666;
	line-height:20px; 
	height:auto;
	text-align:right;
	}
#right ul.pagebar a{ 
color:#666;
}
#right ul.pagebar a,.pagebar .now-page{ padding:1px 5px; margin:0 2px; text-align:center; font-weight:bold; font-family:Arial, Courier, "Courier New", Tahoma, Verdana; border:1px solid #848484; text-decoration:none; }
#right ul.now-page {border:1px solid #CD2427; background:#CD2427; color:#ddd; }
#right ul.pagebar a:hover{border:1px solid #2a6fb5; color:#2a6fb5; text-decoration:none;}
