/***************** reset *****************/
*{ margin:0;padding:0;word-wrap:break-word;}
body{color:#b4b4b4; font:12px/1 Arial, Helvetica, sans-serif; background:#000;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;}
a{color:#b4b4b4; text-decoration:none;}
a:hover{color:#fef500; text-decoration:none;}
img{border:0;}
ul, li{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
input, button, textarea, select, optgroup, option{font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit;}
input, button, textarea, select{ *font-size:100%;}
sup{ vertical-align:baseline;}
sub{ vertical-align:baseline;}

.clear{clear:both; height:1px; font-size:0; line-height:0;}

/***************** universal *****************/
#top,ul#menu,#content,#friendlink,#foot{ width:980px; margin:0 auto;}
span.spacing{ height:10px; display:block; overflow:hidden;}

#head{ position:relative;}
#top{ height:150px; background:url(../images/top_bg.gif) no-repeat 100px 0; position:relative;}
.logo{ width:160px; height:122px; float:left; background:url(../images/logo.png) no-repeat 0 center;}
.top_link{ width:240px; height:32px; line-height:32px; font-size:10px; float:right; text-align:center; background:url(../images/top_link_bg.gif) no-repeat 0 0;}

#head .yibiao{ position:absolute; top:60px; right:-7px; z-index:999;}

#nav{ width:100%; height:54px; padding-top:60px; background:url(../images/nav_bg.png) no-repeat center 0; position:absolute; top:60px; z-index:990;}
#nav ul li{ height:32px; float:left; display: inline; position:relative; z-index:100;}
#nav ul li.divider{ width:2px; background:url(../images/nav_y_line.gif) no-repeat 0 center;}
#nav ul li a{ width:116px; height:32px; float:left;display:block; text-align:center; color:#a2a2a2; font:normal 13px/32px Arial, Helvetica, sans-serif; background:url(../images/nav_btn.gif) no-repeat 0 0;}
#nav ul li a:hover,#nav ul li a.current,#nav ul li.iehover a,#nav ul li:hover a{ color:#fef500; text-decoration:none; background:url(../images/nav_h_btn.gif) no-repeat 0 0;}

/***************** banner *****************/
#banner{ border-bottom:3px #43678b solid;}
#banner .position{ width:980px; margin:0 auto; position:relative;}
#banner .text{ width:380px; height:100px; line-height:22px; position:absolute; right:0; top:80px;}

.focus_ad{ height:322px; overflow:hidden; position:relative;}
.focus_ad .slide_pic li{display:none;}
.focus_ad .slide_pic .li_on{display:block;}

.focu_btn{ width:153px; margin:0 auto;}
.focus_ad .slide_txt{ width:113px; height:16px; padding:13px 0 0 40px; display:block; position:absolute; bottom:10px;}
.focus_ad .slide_txt li{ width:20px; float:left; height:10px; line-height:10px; position:relative;}
.focus_ad .slide_txt a,.focus_ad .slide_txt a:hover{ width:10px; height:10px; display:block; text-indent:-9999px; background:url(../images/li.png) no-repeat 0 0;}
.focus_ad .slide_txt .li_on{}
.focus_ad .slide_txt .li_on a,.focus_ad .slide_txt .li_on a:hover{ background:url(../images/li_on.png) no-repeat 0 0;}

/***************** content *****************/
#content_bg{ background:url(../images/bg.png) no-repeat center 0;}
#content_bg.autone{ background:#312900 url(../images/bg.png) no-repeat center 0;}
#content_bg.autospa{ background:#1c0000 url(../images/bg.png) no-repeat center 0;}
#content_bg.comforter{ background:#341c00 url(../images/bg.png) no-repeat center 0;}
#content_bg.caroao{ background:#001229 url(../images/bg.png) no-repeat center 0;}
#content_bg.kidspal{ background:#022800 url(../images/bg.png) no-repeat center 0;}
#content_bg.corepole{ background:#002840 url(../images/bg.png) no-repeat center 0;}
#content{ padding:30px 12px; background:url(../images/con_bg.png) repeat;}
#left{ width:195px; float:left;}
#right{ width:745px; float:right;}

.box .title{ background:url(../images/title_bg.png) no-repeat 0 bottom;}
.box .title h3{ height:38px; text-indent:-9999px; overflow:hidden; background:url(../images/title1.gif) no-repeat 5px 0;}
.box .about_title h3{ background:url(../images/i_title.gif) no-repeat 5px 0;}
.box .news_title h3{ background:url(../images/title3.gif) no-repeat 5px 0;}
.box .products_title h3{ background:url(../images/title1.gif) no-repeat 5px 0;}
.box .Feedback_title h3{ background:url(../images/i_title1.gif) no-repeat 5px 0;}
.box .contact_title h3{ background:url(../images/i_title2.gif) no-repeat 5px 0;}
.box .con{ padding-top:10px;}
.company_introduction .title h3{ background:url(../images/title2.gif) no-repeat 5px 0;}
.news .title h3{ background:url(../images/title3.gif) no-repeat 5px 0;}
.factory_audit .title h3{ background:url(../images/title4.gif) no-repeat 5px 0;}
.brands .title h3{ background:url(../images/title5.gif) no-repeat 5px 0;}

#left_menu li{ padding:0 5px;}
#left_menu li a{ line-height:32px; padding-left:15px; display:block; font-size:13px; font-weight:bold; color:#fff; background:url(../images/arrow.gif) no-repeat 0 center;}
#left_menu li a:hover,#left_menu li a.current{ color:#fff500; background:url(../images/arrow.gif) no-repeat 0 center;}

.factory_audit{ margin-top:30px;}
.factory_audit ul li{ float:left; display:block; margin-top:5px;}
.factory_audit ul li img{ border:1px #585d60 solid;}

.company_introduction{ width:470px; float:left; line-height:15px;}
.company_introduction .a_pic{ float:left; margin-right:15px;}

.news{ width:235px; float:right;}
.news ul li span.data{ display:block; color:#858585;}
.news ul li{ padding-bottom:15px; line-height:16px;}
.news ul li a{ padding-left:10px; background:url(../images/arrow1.gif) no-repeat 0 5px;}

.brands{ margin-top:30px;}
.brands ul li{ width:231px; padding:0 24px 8px 0; float:left; line-height:16px;}
.brands ul li.last{ padding:0;}
.brands ul li .info{ width:201px; height:113px; padding:12px 15px 0; overflow:hidden; background:url(../images/brand_con_bg.gif) no-repeat center 0;}
.brands ul li .info a{ float:right; padding:5px 0 0 15px; background:url(../images/arrow.gif) no-repeat 0 10px;}

/***************** firendlink *****************/
#friendlink_bg{ background:#181818 url(../images/f_link_bg.png) no-repeat 0 0;}
#friendlink{ height:50px; padding:25px 0 25px;}
#friendlink .title{ width:135px; height:50px; float:left; background:url(../images/title6.gif) no-repeat 0 center;}
#friendlink ul li{ float:left; margin:0 5px;}

/***************** foot *****************/
#foot{ line-height:50px; color:#878787}
#foot span{ color:#d2d2d2;}


/***************** insidepage *****************/
#right .title{ line-height:28px; background:url(../images/title_bg.png) no-repeat 0 bottom;}
#right span.crumb{ float:right; color:#7f6700; padding:0 0 0 20px; background:url(../images/home.gif) no-repeat 0 8px;}
#right span.crumb a{ color:#fff;}
#right span.crumb a:hover{ color:#7f6700; text-decoration:underline;}
#right span.crumb span.c_current{ font-weight:bold; color:#7f6700;}
#right .title h3{ height:38px; color:#7f6700; font:bold 20px/20px Arial, Helvetica, sans-serif;}
#right .con{ padding:15px 0; line-height:1.5em; height:auto !important; height:300px; min-height:300px;}

.nlist li{line-height:22px; padding:3px 0; background:url(../images/dashed.gif) repeat-x 0 bottom;}
.nlist li:hover{ background-color:#1f1f1f;}
.nlist li a{ display:block; background:url(../images/arrow2.gif) no-repeat 8px center; padding-left:20px;}
.nlist li a:hover{display:block; color:#7f6700; background:#1f1f1f url(../images/arrow2.gif) no-repeat 8px center;}
.nlist li .data{ padding-left:10px; color:#b4b4b4;}

.textTitle{margin:20px auto 0; font:normal 20px/20px Arial, Helvetica, sans-serif; color:#fff;}
.subtime{line-height:2em; font-size:12px; color:#808080;}
.article{ padding:30px 0 30px; line-height:1.5em;}
.back{ margin-top:30px; padding-right:10px;}
.back a{ display:block; float:right; padding-left:20px; background:url(../images/arrow-back.gif) no-repeat 0 center;}

ul.p_list li{ width:170px; height:180px; display:block; padding:0 7px 20px; line-height:18px; float:left; text-align:center;}
ul.p_list li a.p_pic{ width:160px; height:120px; display:block; margin-bottom:8px; padding:5px; border:1px #3c3c3c solid;}
ul.p_list li a img{ background:#fff;}
ul.p_list li a{ font-size:14px; color:#fff;}
ul.p_list li a:hover{ text-decoration:underline;}

ul.i_p_list li{ padding:0 12px 20px;}

#register_table{ width:100%;}
#register_table th,#register_table td{ border-collapse:collapse; border-left:none; border-right:none;}
#register_table th{ width:150px; height:50px; text-align:right; font-weight:normal;}
#register_table td{ color:#f00;}
#register_table td input.text,#register_table td textarea{ width:280px; height:26px; border:1px #333 solid; margin:0 8px; background:#181818;}
#register_table td textarea{ width:500px; height:100px; margin:8px;}

ul.img_link{ margin-top:20px;}
ul.img_link li{ width:150px; float:left; text-align:center; padding:10px 36px 20px 0;}
ul.img_link li img{ border:1px #333 solid;}

/***************** pagination *****************/
.flip_pages_front{ font-size: 12px; font-family: arial,sans-serif; height:25px; padding:20px 15px 5px 0px; text-align:center; clear:both;}
.flip_pages_front a{ margin:0px 1px; padding:2px 5px; text-align:center; border:1px solid #3c3c3c; color:#fff; text-decoration:none;}
.flip_pages_front a:hover{ color:#ef9a1e; text-decoration:none;}
.flip_pages_front .pageson{ color:#fff; background:#f08200; border:1px solid #f08200;}
.flip_pages_front .pagesnum,.flip_pages_front .pagesnone{ text-decoration:none;}
.flip_pages_front .pagesInput,.flip_pages_front .pagesnone,.flip_pages_front .pagego{ border:0px; padding:2px 0px; margin:0px 2px; color:#2c56a2; background:#000;}
.flip_pages_front .pagesInput input{ width:30px; margin:0px 2px; height:18px; color:#fff; text-align:center; border:1px solid #3c3c3c; background:#181818;}
.flip_pages_front .pagego input{ width:40px; height:22px; border:0; color:#fff; line-height:20px; cursor:pointer; background:url(../images/confirm.gif) no-repeat 0 0;}