@charset "utf-8";
/* CSS Document */

body { margin:0; font-size:12px; font-family: Arial; background-repeat: repeat; background-image: url(../images/bg.jpg); line-height: 20px; }
ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p { padding:0; margin:0;}
ul { list-style:none;}
img { border:0px;}
a { color:#000; text-decoration:none;}
a:hover { color:#f00;}

#header_top { width:100%; height:23px; background-image: url(../images/header_top.jpg); background-repeat: repeat-x; }

#header { width:100%; height:195px; background-image: url(../images/header_bg.jpg); background-repeat: repeat-x; }

#title { width:1100px; height:132px; margin:auto; }
#title_l { width:211px; height:132px; float:left; }
#logo { width:133px; height:75px; margin-top: 40px; margin-left: 60px; }

#title_r { width:889px; height:132px; float:right; }
#content { width:849px; height:70px; padding-right: 40px; font-size: 15px; padding-top: 8px; }
#companyname { width:879px; height:50px; font-size: 30px; padding-left: 10px; padding-top: 4px; line-height: 36px; }

#nav { width:1100px; height:43px; margin:auto; padding-top: 20px; }

#nav_main { padding-left: 36px; }
#nav_main li { float:left; font-size: 16px; padding-right: 10px; padding-left: 10px; }
.nav_line { height: 18px; width: 3px; float:left; }

#maincontent { width:1100px; height:831px; margin:auto; padding-top:9px; }

#left { width:270px; height:831px; float:left; margin-left:40px!important; margin-left:20px; }

#products_list { width:270px; min-height:455px; background-image: url(../images/pro_bg.jpg); background-repeat: no-repeat; background-position: left bottom; }
#pro_title { width:246px; height:43px; background-image: url(../images/pro_title.jpg); background-repeat: no-repeat; color: #FFF; font-size: 20px; line-height: 43px; text-align: center; font-weight: bold; margin-right:24px!important; margin-right:12px; }
#pro_content a .r_cate img { float:right; }
#pro_content { width:246px; min-height:390px; margin-right:24px; background-color: #FFF; }
#pro_space { width:270px; height:22px; }

.r_cate { width:220px; min-height:20px; padding-top: 7px; padding-right: 10px; padding-bottom: 7px; padding-left: 16px; font-size: 15px; }
.r_cate_hot { width:220px; min-height:20px; padding-top: 7px; padding-right: 10px; padding-bottom: 7px; padding-left: 16px; font-size: 15px; background-image: url(../images/hot.png); background-repeat: no-repeat; background-position: right center; }
.r_cate:hover { background-color: #cfcfcf; }
#pro_content a:hover { color:#000; }

#contact { width:246px; min-height:340px; margin-right:24px; box-shadow: 1px 1px 10px #111; }
#con_title { width:246px; height:43px; background-image: url(../images/pro_title.jpg); background-repeat: no-repeat; color: #FFF; font-size: 20px; line-height: 43px; text-align: center; font-weight: bold; }
#con_content { width:230px; height:280px; background-color: #FFF; padding: 8px; font-size:14px; }

#right { width: 749px; height:831px; float:right; margin-right:40px!important; margin-right:20px; }
#motif { width: 749px; height:796px; margin-bottom: background-color:#FFF; box-shadow: 1px 1px 10px #111; background-color: #FFF; }

#mot_title { width:724px; height:34px; padding-top: 14px; padding-left: 25px; color:#4c4c4c; background-image: url(../images/hr.jpg); background-repeat: no-repeat; background-position: center bottom; }
#ico { width:260px; height:34px; float:left;  font-size: 20px; font-weight: bold; }
.more { width:70px; height:20px; float:right; padding-top: 10px; }

#r_content { width:749px; height:746px; }

.homepro { padding-top:40px; padding-left:8px; }

.homepro li { width:170px; height:230px; float:left; margin-left:5px; margin-right:5px; margin-bottom:6px; text-align: center; }
.homepro li a{ display:table-cell; *display:block; font-size:14px; height: 188px; width: 170px; }


#footer { width:100%; height:121px; background-color: #333333; color: #FFF; }
#footer a { color:#FFF; }
#footer a:hover { color:#F00; }
#copyright { width:1100px; margin:auto; padding-top:25px; }
#access { width:1100px; height:28px; margin:auto; }