/*----------------------------company layout--------------------------*/
#container{float:center; margin:0 auto; padding-left:3px; width:960px; text-align:left; background:#fff; }

#header{width:960px; margin:0 auto;height:83px; background: url(head_bg.gif) #ffffff no-repeat; position:relative;}
.com_logo_bg01{ width:174px; height:83px; background:url(com_logo_bg01.jpg) no-repeat 0 bottom; padding-top:0px;}
.com_logo_bg02{ width:174px; height:83px; background:url(com_logo_bg02.jpg) no-repeat 0 bottom; padding-top:11px;}
.com_logo_bg03{ width:174px; height:83px; background:url(com_logo_bg03.jpg) no-repeat 0 bottom; padding-top:11px;}
.com_logo{margin:0 0 0 25px;}
.com_name{ width:570px; height:72px; position:absolute; left:170px; bottom:-16px; overflow: hidden;}
.com_name h1{  font-size:18px; font-family:verdana; margin:0; padding:0; }
.com_name h1 a:link,.com_name h1 a:visited{ color:#fff;}

#nav { width:960px; height:33px; background:url(nav_bg.png) #FF6D06 no-repeat right top; margin:0 auto;  overflow:hidden;}
#nav li { margin:0; padding:0;float:left; height:33px;}
#nav li a {display:block; padding-top:40px; height:33px;  overflow:hidden;}
#nav li a:hover {background:url(nav.png) no-repeat;}

#nav li.nav1,#nav li.nav1 a{ width:79px; background:url(nav.png)  no-repeat 0 0;}
#nav li.nav1 a:hover {background-position:0 -66px;}
.nav1_active{ width:79px;background:url(nav.png) no-repeat 0 -33px;}
.nav1_active em{display:none;}

#nav li.nav2,#nav li.nav2 a{ width:88px;background:url(nav.png)  no-repeat -79px 0;}
#nav li.nav2 a:hover {background-position:-79px -66px;}
.nav2_active{width:88px;background:url(nav.png) no-repeat -79px -33px;}
.nav2_active em{display:none;}

#nav li.nav3,#nav li.nav3 a{ width:115px;background:url(nav.png)  no-repeat -167px 0;}
#nav li.nav3 a:hover {background-position:-167px -66px;}
.nav3_active{width:115px;background:url(nav.png) no-repeat -167px -33px;}
.nav3_active em{display:none;}

#nav li.nav4,#nav li.nav4 a{ width:113px;background:url(nav.png)  no-repeat -282px 0;}
#nav li.nav4 a:hover {background-position:-282px -66px;}
.nav4_active{width:113px;background:url(nav.png) no-repeat -282px -33px;}
.nav4_active em{display:none;}

#nav li.nav5,#nav li.nav5 a{ width:88px;background:url(nav.png)  no-repeat -395px 0;}
#nav li.nav5 a:hover {background-position:-395px -66px;}
.nav5_active{width:88px;background:url(nav.png) no-repeat -395px -33px;}
.nav5_active em{display:none;}

#nav li.nav6,#nav li.nav6 a{ width:80px;background:url(nav.png)  no-repeat -485px 0;}
#nav li.nav6 a:hover {background-position:-485px -66px;}
.nav6_active{width:80px;background:url(nav.png) no-repeat -485px -33px;}
.nav6_active em{display:none;}

#content{ width:100%; background:#ffffff;}
#subcol{ float:left; width:200px; }
#main{ float:right; width:756px; background:#ffffff;  }
#menu{  height:auto;}
#menu dl{ padding:0px; margin:0px;}
#menu dt{ width:180px; font:bold 13px arial; height:26px; line-height:26px; padding-left:10px; background:#F9DBB5;border-top:1px solid #FFF; border-bottom:1px solid #C1AF98; }
#menu dl dt a,#menu dl dt a:link{ display:block; width:180px; margin:0; padding:0; color:#7C6952; }
#menu dd{ margin:0px;width:165px; height:22px; line-height:22px; background: url(list02.gif) #ededed no-repeat 10px 7px;padding-left:25px;  color:#7C6952;border-top:1px solid #ededed; border-bottom:1px solid #B0B9C8;font-size:12px; overflow:hidden;}
#menu dl dd a,#menu dl dd a:link{ display:block; width:165px; color:#7C6952;}
#menu dl dd a:hover{color:#FF6000;}
#menu dd.FMenu{ margin:0px;width:179px; height:22px; line-height:22px; background: url(list03.gif) #fff no-repeat 9px 7px;padding-left:25px;  color:#FF6000;border-top:1px solid #ededed; border-bottom:1px solid #ededed;font-size:12px; position:relative; left:1px; bottom:1px;overflow:hidden;}


.contact{width:179px; background:#f7f2c4;  padding:10px 5px 10px 5px; color:#333; line-height:200%; position:relative;}
.lineheigh120{ line-height:120%; margin-bottom:5px;}
#left_search{ padding:10px 5px;width:180px;height:30px; background: url(search-bg.gif) #B4BAC6 no-repeat; line-height:30px; position:relative;}
#left_search input{ margin:0; padding:0; }

.rightbox{ width:730px; border:#dedede 1px solid; background:#fff; height:auto; padding:8px 12px;}
.rightbox1{ width:100%; height: auto; margin-bottom:10px;}
.rightbox1 p{ line-height:120%;}
.com_img{ float:left; padding-right:12px; width:230px;  height:170px; overflow:hidden; text-align:center; background:url(line01.gif) repeat-y top right;}
.com_intr{ float:right; position:relative;width:470px; height:170px; overflow:hidden; background:#fff;}
.contact_now{ position: absolute; bottom:0; right:5px; width:118px; height:20px;}
.contact_now2{ position: absolute; bottom:15px; right:5px; width:118px; height:20px;}

.rightbox2{ margin:10px 0;padding:0 5px 5px 5px; width:730px; height:auto;  background:#fff;}
.rightbox4{ width:755px; height:38px;  line-height:38px;  float:right;}
.rightbox5{ width:100%; height:280px; margin-top:30px; position:relative;}
.rightbox5_l{ float:left; width:250px;  height:250px; border:#e2e2e2 1px solid;}
.rightbox5_r{ float:right; width:470px; height:280px;; position:relative;}
.rightbox6{ width:100%; height:280px; margin-top:30px; position:relative;}
.rightbox6_l{ float:left; width:250px;  height:250px; border:#e2e2e2 1px solid;}
.rightbox6_r{ float:right; width:470px; height:84px; position:relative;}
.rightbox6_c{ position:absolute; left:258px; top:103px; height:250px; width:470px;}
.rightbox6_c ul{ margin-top:-2px;}
.rightbox6_c ul li{ width:65px; height:65px; float:left; padding:2px; border:#e2e2e2 1px solid; margin:3px;}
.rightbox6_c ul li img{ width:65px; height:65px;}
.rightbox7{ border-top:#e2e2e2 3px solid; border-bottom:#e2e2e2 2px solid; margin:10px 0; clear:both;}
.rightbox8{ background:#ededed; height:auto; padding:5px 10px; margin:10px 0 15px 0; clear:both;}
.rightbox9{  margin:10px 0;padding:0 5px 5px 5px; width:710px; height:auto;  background:#fff;}
.rightbox0{width:100%;margin-top:30px; overflow:hidden; text-align:center; padding-bottom:10px;}



/*----  div ----*/
.sub1{ width:100%; height:200px; border:#dedede 1px solid; background:#fff;}
.w960{ margin:0 auto; width:960px;}


/*--- buttom ---*/
.buttom01{ position:absolute; bottom:110px; left:-10px;}
.buttom02{ position:absolute; bottom:80px; left:-10px;}
.buttom03{ background:url(ico01.gif) no-repeat 0 -2px; position:absolute; left:100px; bottom:5px; padding-left:25px;}
.buttom04{ background:url(ico03.gif) no-repeat 0 -2px;  padding-left:25px; }


/*--- border ---*/



/*--- margin ---*/
.margin5_b{ margin-bottom:5px}
.margin20_b{ margin-bottom:5px}
/*--- padding---*/
.pad5_l{ padding-left:5px}

/*---- color ---*/


/*---- line ----*/
.newline{}
.imgline{}


/* product detail */
.proIMG{ padding:10px 10px 10px 10px; overflow-x:hidden; text-align:center;}
.proIMG-L{ float:left; width:360px; margin-left:10px;*margin-left:10px; border:#d1d1d1 1px dashed;}
.proIMG-L div{ border:none; padding:0;  display:table-cell; text-align:center; vertical-align:middle; overflow:hidden; position:relative;}
.proIMG-L div p{text-align:center;vertical-align:middle; position:static; *position:absolute; top:50%;}
.proIMG-L div p img{ position:static;*position:relative; top:-50%; left:-50%;}
.proIMG-R{float:right; width:280px; margin-left:10px;*margin-left:10px;}
.proIMG-R ul li{ display:table-cell; text-align:center; vertical-align:middle; position:relative; overflow:hidden; clear:both;}
.proIMG-R ul li div{ width:85px; height:85px; padding:2px; border:#d1d1d1 1px solid; overflow:hidden; display:table-cell; text-align:center; vertical-align:middle; position:relative;}
.proIMG-R ul li div p{ position:static; *position:absolute; top:50%;}
.proIMG-R ul li div p img{ position:static;*position:relative; left:-50%; top:-50%;}
.proTIT{ padding:8px 40px;}
.proTIT p{text-align:center; color:#053AE2;  line-height:25px;}
.proTIT p img{ margin-top:5px; margin-bottom:-8px; margin-right:6px;}

/*---- image----*/
.com_info li{ position:relative; background:url(list01.gif) repeat-x 0 bottom ; color:#000000;  padding-left:240px; line-height:26px;  height:auto!important; min-height:28px; height:28px; width:466px; margin-left:5px;}
.com_info li span{ float:left;margin-left:-230px; color:#5678b3; width:230px; height:28px;}

.div300{width:400px; padding:1px; margin:0 auto;overflow:hidden;}
.div300 div{ display:table-cell; text-align:center; vertical-align:middle; position:relative; overflow:hidden; }
.div300 div p{text-align:center;vertical-align:middle; position:static; *position:absolute; top:50%;}
.div300 div p img{ position:static; *position:relative; top:-50%; left:-50%;}
.pad15{ padding:15px 15px 0 15px;}
/*---bgground---*/
.bg1{}
.bg2{}

/*---- title----*/




.divlist{}
.divrightbar{}


/*---- space ---*/
.space1{ width:960px; min-height:12px; background:#ffffff; overflow:hidden;}
.space3{ width:950px; padding:5px 0 7px 10px; background:#ffffff; height:24px;}

/*---- link ----*/




/*---- other----*/