﻿@charset "utf-8";

/* CSS Document */
body { text-align:left; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; background:#ececec url(images/body_bg.gif) repeat-x; font-size:14px;}
div,form,img,ul,ol,li,dl,dt,dd,h1,h2,img{margin:0; padding:0; border:0;}

/* link */
a:link {color: #000; text-decoration:none;}
a:visited {color: #000;text-decoration:none;}
a:hover {color: #000; text-decoration:underline;}
a:active {color: #FF6600;}

/* ul li */
li{ list-style:none;}

/* clear */
.clear{clear: both; height: 0; overflow: hidden;}

/* bread-nav */
.bread_nav{ color:#ccc; margin-top:8px;}
.bread_nav a:link {color: #ccc; text-decoration:none;}
.bread_nav a:visited {color: #ccc;text-decoration:none;}
.bread_nav a:hover {color: #FF6600; text-decoration:underline;}

/*head begin*/
#head{ width:100%; margin:0 auto;}
#head #head_top_width{ width:100%;background:#FFF; border-top:2px solid #ddd; border-bottom:1px solid #ddd;}
#head #head_top{ width:992px; height:102px; background:#FFF; margin:0 auto; }
#head #head_top h1{ float:left; margin:19px 20px 0 34px; display:inline;}
#head #head_top div{ float:left;}
#head #head_top h1 a{}
#head #head_top img#company { float:left; background:#000; margin:0px 0px 0 0px; display:inline; }

#head #head_middle{ width:992px;  margin:0 auto; margin-top:10px; padding-bottom:5px;background:transparent url(../images/banner2.jpg) no-repeat scroll 0 0;
height:133px;}
#head #head_middle .imgleft{ display:none; }
#head #head_middle a img{ margin-left:0px; border:1px solid #999;}
#head #head_middle a:hover img{ margin-left:0px; border:1px solid #f00;}

#head #head_bottom{  width:100%; height:44px;  background:url(images/nav_bg.jpg); margin:0 auto;}
#head #head_bottom ul{ width:650px; margin:0 auto;}
#head #head_bottom ul a{padding:0 20px; line-height:42px;}
#head #head_bottom ul li{ float:left; line-height:43px; font-size:13px; font-weight:bold; }
#head #head_bottom ul li a{ color:#fff; display:block; width:103px; text-align:center; overflow:hidden; background:none; }
#head #head_bottom ul li a:hover{ text-align:center; color:#fff; width:103px; text-decoration:none;   height:44px; background:url(images/lihover.gif) no-repeat center top; float:left; display:block;}
/*head end, main begin*/
#main{ width:992px; margin:0px auto;  height:auto; overflow:hidden; background:url(images/mainbg.gif) no-repeat left top; }

#main #mainleft{ width:254px; float:left; background:#fff url(images/leftbg.gif) repeat-x left bottom; height:auto; overflow:hidden; margin:5px 0px 0 0px; display:inline; }
#main #mainleft #so{ height:55px; background:url(images/sobg.gif) repeat-x;}
#main #mainleft #so input{ width:100px; height:24px; padding-top:13px; padding-left:40px; border:none;  float:left; background:#fff url(images/so1.gif) no-repeat; margin:10px 0 0 8px; color:#000;}
#main #mainleft #so #submit{ width:51px; height:37px; background:url(images/so2.gif) no-repeat; cursor:pointer; border:none; margin-left:0;}
#main #mainleft .weoffer{ padding:10px 8px 10px 20px; line-height:18px;}
#main #mainleft .weoffer h2{ font-size:15px;} 
#main #mainleft .pro_cata{}
#main #mainleft .pro_cata ul{ margin-top:10px;}
#main #mainleft .pro_cata ul li{ text-indent:24px;  line-height:28px; background:url(images/dot.jpg) no-repeat 12px 55%;}
#main #mainleft .pro_cata ul li a{ color:#546265; font-weight:400; width:100%; display:block; }
#main #mainleft .pro_cata ul li a:hover{ color:#de0000; background:url(images/lidot.gif) 10px center no-repeat;}
#main #mainleft .pro_cata ul ul{ padding-left:14px; margin-top:0px;}
#main #mainleft .pro_cata ul ul li{margin-top:0px; }
#main #mainleft .pro_cata ul ul li a{ color:#d20002; font-weight:400; }
#main #mainleft .subscription{ margin:40px 0 0px 0; padding:30px 3px 0; background:#ececec;}
#main #mainleft .subscription .getmail{ color:#feb403;}
#main #mainleft .subscription table{ margin-left:15px; _margin-left:15px; color:#290b00;}
#main #mainleft input{ display:block; width:146px; height:22px; border:none; background:url(images/email.gif) no-repeat;}
#main #mainleft #sub_submit{ background:url(images/submit.jpg) no-repeat; width:58px; height:25px; cursor:pointer; border:none;}
#main #mainleft h2.cata_sub{ width:191px; height:14px; color:#fff; font-size:15px; font-family:"Arial";  font-weight:bold; text-align:center; text-indent:-8000px; }

#main #mainleft h2#cata{ background:#bababa; height:42px; width:224px; border-right:14px solid #cacaca; border-left:14px solid #cacaca; text-indent:20px; color:#000; line-height:42px; margin-left:1px; margin-top:1px;}
#main #mainleft h2#sub{ background:url(images/sub.jpg) no-repeat 18px 0; }

#main #mainright{ width:727px; float:right; background:#fff url(images/rightbg.gif) left top no-repeat; color:#000; margin:5px 0 0 0px; display:inline;}
#main #mainright .banner{ height:235px; width:621px; background:url(images/ss_09.jpg) no-repeat; display:none;}
#main #mainright .aboutus{ margin:0px 0 0 0;}
#main #mainright .hot_products{  width:100%; height:auto; overflow:hidden; border-top:5px solid #3278a6; }
#main #mainright .p{ margin:0px 0 0 14px;  padding:5px 35px 20px 28px;  line-height:18px; background:url(images/aboutimg.gif) no-repeat;}
#main #mainright .p p{ margin:5px 0;}
#main #mainright .p a,#main #mainright p a:visited{ color:#911924;}
#main #mainright .p #aboutmore{ width:69px; height:20px; background:url(images/more2.gif) no-repeat; text-indent:-9000px; display:block; margin-right:30px; float:right; margin-top:5px;}
#main #mainright h2 { font-family:"Arial"; font-size:15px; color:#000; background:#d9d9d9; font-weight:bold;  width:727px; height:40px; line-height:40px; text-indent:50px;  border-bottom:1px solid #ebebeb; }
#main #mainright h2#about{ background:#d9d9d9 url(images/aboutus.jpg) no-repeat left top; }
#main #mainright h2#pro{ background:#d9d9d9 url(images/aboutus.jpg) no-repeat left top; border-top:10px solid #e1e1e1;}
#main #mainright h2 a{ color:#000; text-decoration:none; display:block; background:url(images/more.gif) no-repeat right top;}

#main #mainright .pro_list{ text-align:center; float:left; margin:10px 0px 10px 15px; display:inline; background:url(images/pro_bg.gif) no-repeat left top; width:124px; height:172px;}
#main #mainright .pro_box{display: table-cell; vertical-align:middle; text-align:center; *display: block; *font-size: 124px;/*约为高度的0.873*/ *font-family:Arial;  padding:1px; width:124px; height:142px;}
#main #mainright .pro_list a{ line-height:15px; color:#fff;} 
#main #mainright .pro_box img {vertical-align:middle;}
#main #mainright .rightbg2{ height:10px; background:url(images/rightbg2.gif) no-repeat; overflow:hidden; margin-top:20px;}
#main .hengxian{ height:8px; margin:5px 8px 30px; overflow:hidden; background:#b1d7ea;}
/*main end, foot begin*/
#foot{ width:992px; height:auto; overflow:hidden; margin:10px auto 0 auto; text-align:center; line-height:18px; padding:5px 0; color:#4f5d60; background:url(images/foot.gif) no-repeat; padding-bottom:55px;}
#foot .flink ul{ text-align:center; }
#foot .flink ul li{ display:inline;  padding:0 10px;}
#foot .google_translate ul li{ font-size:12px; display:inline; line-height:18px; padding:0 5px;}
#foot .google_translate ul li img{ padding-right:2px; padding-top:3px; display:inline;}
#foot a{ color:#4f5d60;}
/**other page**/
.newslist{ margin:10px 0 0 10px;}
.newslist li{ background:url(images/ico.gif) no-repeat 4px 55%; text-indent:12px;}

.newsliststyle li{background:url(images/dot.jpg) no-repeat 35px 55%; text-indent:40px; line-height:20px; float:left; width:350px;}
.content{ margin-top:10px; display:block;}

