@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
img{ border:none;}
a{ text-decoration:none;}
ul,li{ list-style:none;}
body{ font-size:12px; font-family:Arial, Helvetica, sans-serif;color:#fff;}

#head{ width:1000px; margin:0 auto; overflow:hidden;}
.logo{ float:left; width:227px; height:109px;}
.logo img{ float:left;}
.search{ width:189px; height:26px; float:right; background:url(search_bg.jpg) no-repeat right top; margin-top:18px;}
.nav{ width:773px; float:right; height:56px;}
.nav ul{ width:793px; }
.nav ul img{ float:left;}
.nav li{ width:115px; height:56px; float:left;}
.nav li a{ display:block; width:115px; height:56px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#484848; text-align:center; line-height:56px; }
.nav li a:hover{ color:#fff; background:url(nav_li_hover_bg.jpg) no-repeat center center;}


#banner{ clear:both; background:url(banner.jpg) no-repeat center top; height:540px; width:100%;}


#cont{ width:100%; background:url(cont_bg.jpg) no-repeat center top #859caa; overflow:hidden; padding-top:23px; padding-bottom:59px;}
.advan{ width:1000px; margin:0 auto; margin-bottom:44px; }
.advan ul{ height:160px;}
.advan ul li{ width:200px; float:left; line-height:19px;color:#313131;}
.advan ul li img{ margin-bottom:8px;}
.advan ul li span{ font-size:16px; color:#313131;}

.main{ width:1000px; margin:0 auto; overflow:hidden; margin-bottom:40px;}
.left{ width:276px; float:left; padding-top:19px;}
.commend{ width:230px;}
.commend h2{ width:230px; background:url(left_title_bg.jpg) no-repeat left top; font-size:16px; font-weight:normal; height:28px; line-height:28px; text-indent:24px; color:#fff; margin-bottom:5px;}

#focus {width:228px; height:198px; overflow:hidden; position:relative; margin:5px auto; background:#efefef;  }
#focus ul {height:166px; position:absolute; border-top:3px solid #efefef;}
#focus ul li {float:left; width:227px; height:166px; overflow:hidden; position:relative; }
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:230px; height:15px; bottom:0; }
#focus .btn {position:absolute; width:230px; height:15px; left:160px; bottom:5px; padding-left:10px;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:16px; height:16px; line-height:16px; text-align:center; font-size:10px; font-family:"Times New Roman", Times, serif; font-weight:bold; cursor:pointer;color:#fff; background:url(focus_btn_Bg.jpg) no-repeat;}
#focus .btn span.on {background:url(focus_btnBg_hover.jpg) no-repeat; color:#fff;width:26px;}

.plisti{width:230px; margin-top:21px; background:#fff; overflow:hidden;}
.plisti h2{ width:230px; background:url(left_title_bg.jpg) no-repeat left top; font-size:16px; font-weight:normal; height:28px; line-height:28px; text-indent:24px; color:#fff; margin-bottom:5px;}
.big{}
.big li{ width:230px; line-height:35px; height:auto;}
.big li a{ display:block; width:230px; height:35px; line-height:35px; background:url(plist_li_bg.jpg) no-repeat left top; color:#333;text-indent:33px;}
.big li a:hover{ background:url(plist_li_hover_bg.jpg) no-repeat left top; }

.small{}
.small li{ width:230px; height:35px; line-height:35px;}
.small li a{ display:block; width:230px; height:35px; line-height:35px; background:url(small_li_bg.jpg) no-repeat left top; color:#666; text-indent:53px;}
.small li a:hover{background:url(small_li_bg.jpg) no-repeat left top; }







.right{ width:724px; float:left;}
.abouti{ margin-bottom:18px; overflow:hidden;}
.right_title{ font-size:19px; font-weight:bold; background:url(right_title_bg.jpg) no-repeat left bottom; line-height:40px; height:40px; margin-bottom:11px;}
.about_img { float:left; margin-right:26px;}
.abouti h6{ float:left; font-size:16px; text-decoration:underline; font-weight:normal; line-height:32px; font-size:13px;}
.abouti p{ float:left; width:461px; line-height:19px;}
.more{ float:right; font-size:12px}
.more a{font-size:12px; color:#fff; padding-right:3px;}

.newsi{ overflow:hidden; margin-bottom:45px;}
.right_title h2{font-size:19px; font-weight:bold; background:url(right_title_bg.jpg) no-repeat left bottom; line-height:40px; height:40px; margin-bottom:11px; float:left;}
.newsi ul{}
.newsi ul li{ width:241px; float:left;}
.newsi ul li img{ float:left; border:1px solid #fff; margin-right:6px;margin-bottom:9px;}
.newsi ul li h6{ padding-top:; line-height:15px; padding-top:5px;font-size:12px;}
.newsi p{  clear:both; width:223px; height:75px; border-bottom:1px dashed #fff; border-top:1px dashed #fff; line-height:18px; padding:10px 0;}
.newsi .read_more{ margin-top:15px; padding-left:133px; display:block; }


.workshop{ clear:both; }
.title{ background:url(title_bg.jpg) repeat-x left 63px; height:72px;}
.title h6{ width:135px; float:left; text-align:center; font-weight:normal; font-size:14px; }
.title h6 a{ display:block;width:135px;float:left; height:62px;padding-top:10px;}
.title h6 a:hover{background:url(news_h2_bg.jpg) no-repeat;color:#565656;}
.mouseon{background:url(news_h2_bg.jpg) no-repeat ; color:#565656;}
#com_h2{}
.title .more{ float:right; margin-top:40px; }

.producti{ clear:both; overflow:hidden; background:#6a7d88; width:1000px; margin:0 auto; padding-top:17px; }
.pro_title{line-height:62px; height:62px; background:url(product_title_bg.jpg) repeat-x left bottom; width:981px; margin:0 auto;}
.pro_title h2{ text-indent:16px; font-size:20px; font-weight:normal; float:left;}
.producti ul{width:981px; margin:0 auto; overflow:hidden; padding-top:22px; padding-bottom:34px;}
.producti ul li{ float:left; width: 280px; background:url(product_li_bg.png) no-repeat left top;  margin-bottom:8px;}
.producti ul li img{ float:left;margin:6px 11px 0 2px;}
.producti ul li a h6{ padding-top:11px; padding-bottom:11px; text-decoration:underline; font-size:15px; color:#fff; }


#foot{ background:url(foot_bg.jpg) repeat-x left top; padding-top:58px;}
.contact_b{ height:226px; margin:0 auto; width:1000px; color:#4b4b4b}
.contact_b h6{color:#000000; font-size:20px; }
.contact_b p{line-height:27px; font-size:14px;}
.contact_b img{ float:left; margin-right:38px;}
.copy{ line-height:59px; text-align:center; color:#fff;}
.float_right{ position:fixed;top:348px; right:0}

#banner_in{ height:414px; background:url(banner_in.jpg) no-repeat center top;}
#contents{ width:100%; background:url(contents_bg.jpg) no-repeat center top #859caa; overflow:hidden; padding-top:23px; padding-bottom:59px;}

.pos{ float:right; font-size:12px}
.pos a{font-size:12px; color:#fff; padding-right:3px;}

.plist{width:230px; background:#fff; overflow:hidden;}
.plist h2{ width:230px; background:url(left_title_bg.jpg) no-repeat left top; font-size:16px; font-weight:normal; height:28px; line-height:28px; text-indent:24px; color:#fff; margin-bottom:5px;}

.about_img { float:left; margin-right:26px;}
.about p{ line-height:19px;}


.product{  margin-bottom:18px; overflow:hidden; }
.imglist{  overflow:hidden;}
.imglist li{ float:left; width:181px; background:url(product_li_bg.png) no-repeat left top;}
.imglist li img{ margin:6px 2px}
.imglist li a h6 { font-size:15px; text-align:center; color:#fff; line-height:25px;}

.news{}
.news ul{ padding:10px;}
.news ul li a{ color:#fff; line-height:22px; display:block}
.date{ float:right;}

.page{ margin:0 auto; margin-top:35px; text-align:center}
.page a{ margin:0 5px; color:#fff;}
.h1title{ height:35px; line-height:35px; font-size:14px; text-align:center; margin-top:20px;} 
.htitle{font-size:19px; font-weight:bold; background:url(right_title_bg.jpg) no-repeat left bottom; line-height:40px; height:40px; margin-bottom:11px;}
.content_in{ width:689px; margin:0 auto; line-height:22px;}
#title_extra{ text-align:center; height:25px; margin:0 auto; line-height:50px;}
.des{ text-align:center; height:35px; line-height:35px;}
#up_down{ text-align:center; line-height:35px; margin-top:20px;}
#up_down a{color:#fff;}
#related_product { margin-top:35px;}