@charset "utf-8";
/* CSS Document */
body { color:#666; }




/* css of top */
#top { position:relative; height:140px; }
#topname { position:absolute; top:0; left:0; background:url(../images/bg4.png) no-repeat center -35px; height:103px; width:100%; }
#top-logo { float:left; padding:15px 0 0 10px; }
#top-fun { float:right; width:65px; padding:18px 10px 0 0; }
#top-fun a { display:block; width:65px; height:25px; line-height:25px; overflow:hidden; text-align:center; color:#FFF; margin-bottom:7px; background:url(../images/jz-bg2.png) no-repeat 0 0; }

#nav { background:url(../images/sm-bg1.jpg) repeat-x 0 100px; height:40px; padding:100px 0 0 100px; }
#nav li { font-size:14px; font-weight:bold; float:left; width:90px; text-align:center; margin:2px 5px 0; display:inline; line-height:30px; }
#nav li a { color:#FFF; display:block; width:90px; height:30px; }
#nav li#navc a,#nav li a:hover { background:url(../images/sm-bg2.png) no-repeat 0 -50px; }









/* css of bot */
#footer { background:#E5E5E5; overflow:hidden; padding:15px 0 10px; }
#footer .left { padding:20px 0 0 50px; }
#footer .right { width:830px; }







/* css of index */
#jz-left { float:left; width:365px; position:relative; }
#jz-right { float:right; width:600px; }

#jz-slide { height:245px; overflow:hidden; overflow:hidden; }
#jz-intro-t { background:url(../images/sm-bg1.jpg) no-repeat 0px -75px; width:335px; height:30px; line-height:30px; padding:0 10px 0 20px; font-size:14px; font-weight:bold; position:absolute; top:-30px; color:#333; }
#jz-intro-t .right a { font-size:10px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; }
#jz-intro-c { padding:0px 10px 2px; border:1px solid #CCCCCC; border-top:none; }
#jz-intro-c li { border-bottom:1px dotted #B9B9B9; padding:10px 0; }
#jz-intro-c li h2 { font-size:12px; background:url(../images/sm-bg1.jpg) no-repeat 0px -145px; margin-bottom:5px; padding-left:20px; }
#jz-intro-c li h2 a { color:#983E00; }
#jz-intro-c li .left { width:125px; padding-top:8px; }
#jz-intro-c li .left img { width:107px; height:87px; padding:4px; border:1px solid #D3D3D3; }
#jz-intro-c li .right { width:215px; color:#333; }
#jz-intro-c li .right a { color:#F9842D; }

#sm-prod-lab { margin-top:8px; margin-bottom:10px; background:url(../images/sm-bg1.jpg) no-repeat -380px -80px; height:40px; }
#sm-prod-lab li { float:left; margin-left:11px; display:inline; width:120px; height:40px; line-height:40px; text-align:center; background:url(../images/sm-bg1.jpg) no-repeat -522px -80px; font-size:14px; font-weight:bold; }
#sm-prod-lab li a { color:#FFF; }
#sm-prod-lab li.main_labels { background:url(../images/sm-bg1.jpg) no-repeat -391px -80px; }
#sm-prod-lab li.main_labels a { color:#931815; }
#sm-prod-lab .right { padding:8px 10px 0 0; }
#sm-index-prod li { float:left; width:185px; height:200px; text-align:center; margin:0 5px; display:inline;}
#sm-index-prod li img { width:170px; height:140px; padding:4px; border:1px solid #CCC; margin-bottom:5px; }





/* css of subpages */
#sm-left { float:left; width:270px; position:relative; }
#sm-right { float:right; width:700px; }

#sm_type-t { background:url(../images/sm-bg1.jpg) no-repeat 0px -220px; width:250px; height:30px; line-height:30px; padding:0 0px 0 20px; font-size:14px; font-weight:bold; position:absolute; top:-30px; color:#333; }
#sm_type-c { padding:0px 10px 2px; border:1px solid #CCCCCC; border-top:none; }
#sm_type-c li { border-bottom:1px dotted #B9B9B9; background:url(../images/sm-bg1.jpg) no-repeat 8px -137px; padding:8px 0 8px 30px; }
#sm_type-c li#sub-navc a { color:#983E00; }

#sm-title { height:30px; line-height:30px; background:url(../images/sm-bg1.jpg) no-repeat 8px -135px; padding:8px 0 0 30px; }
#sub-container { border:1px solid #CCCCCC; padding:10px; min-height:400px; -height:400px; }

#sub-container h2 { text-align:center; font-size:24px; color:#B81F03; }
.content { padding:0 20px; font-size:14px; }

.piclist { margin:20px 0; }
.piclist li { list-style-type:none; float:left; width:205px; height:220px; margin:0 10px; display:inline; text-align:center; }
.piclist li img { width:200px; height:150px; border:1px solid #CCC; padding:2px; }


.news-rec { background:#FFF url(../images/YF-bg8.jpg) repeat-x 0 bottom; border-bottom:1px dotted #CCC; padding:15px; height:170px; margin-bottom:20px; }
.news-rec .left img { width:218px; height:150px; padding:3px; border:1px solid #CCC; margin-right:15px; }
.news-rec h3 a { font-size:15px; color:#B84504; }
.news-more { text-align:right; }
.news-more a { color:#7A5504; }

.joblist li { list-style-type:none; border-bottom:1px dotted #CCC; background:url(../images/dot.gif) no-repeat 5px 22px; padding:10px 20px 15px; margin:0 10px; }
#sub-container .joblist li h2 { text-align:left; }
.joblist li h2 a { color:#B84504; font-size:14px; }